body { margin:0; color:var(--em-text); background:var(--em-page);  }
	a { color:var(--em-text); }
	.marketing-header { position:sticky; top:0; z-index:5; background:var(--em-surface); border-bottom:1px solid var(--em-line); }
	.marketing-nav { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
	.brand-tools, .nav-actions, .nav-links { display:flex; align-items:center; gap:14px; }
	.brand-tools img { width:190px; max-width:42vw; height:auto; }
	.nav-links a { color:var(--em-text); font-weight:600; text-decoration:none; }
	.nav-links a:hover, .footer-links a:hover { color:var(--em-text); text-decoration:underline; text-underline-offset:4px; }
	.login-link { color:var(--em-text); font-weight:700; text-decoration:none; }
	.lang-select { max-width:150px; }
	.btn-color1, .btn-color2 { background-color:var(--em-navy); color:var(--em-surface); border-color:var(--em-navy); border-radius:8px; font-weight:700; }
	.btn-color1:hover, .btn-color2:hover, .btn-color1:focus, .btn-color2:focus { background-color:var(--em-navy); color:var(--em-surface); border-color:var(--em-navy); }
	.mobile-menu { display:none; position:relative; }
	.mobile-menu summary { list-style:none; cursor:pointer; }
	.mobile-menu summary::-webkit-details-marker { display:none; }
	.mobile-menu-panel { position:absolute; right:0; top:calc(100% + 8px); width:min(290px, 92vw); padding:18px; background:var(--em-surface); border:1px solid var(--em-line); box-shadow:0 18px 40px rgba(31,41,51,.18); border-radius:8px; }
	.mobile-menu-panel a { display:block; padding:8px 0; color:var(--em-text); font-weight:700; text-decoration:none; }
	.mobile-menu-panel .lang-select { margin-top:10px; max-width:100%; }
	.hero { background:var(--em-navy) url("/img/bg-top.jpg") center/cover no-repeat; color:var(--em-surface); }
	.hero-shade { min-height:520px; display:flex; align-items:center; background:linear-gradient(90deg, rgba(20,33,48,.86), rgba(20,33,48,.44)); }
	.hero.compact { background:var(--em-surface); color:var(--em-text); }
	.hero.compact .hero-shade { min-height:300px; background:none; border-bottom:1px solid var(--em-line); }
	.hero.compact .hero-actions .secondary-link { color:var(--em-text); }
	.hero h1 { max-width:850px; font-size:clamp(2.15rem, 5vw, 4.4rem); font-weight:800; line-height:1.03; letter-spacing:0; margin:0 0 18px; }
	.hero.compact h1 { font-size:clamp(2rem, 4vw, 3.1rem); }
	.hero p { max-width:740px; font-size:1.25rem; line-height:1.55; margin:0 0 26px; }
	.hero-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
	.secondary-link { color:var(--em-surface); font-weight:700; text-decoration:underline; text-underline-offset:4px; }
	.page-band { padding:64px 0; }
	.page-band.alt { background:var(--em-surface); }
	.section-title { font-size:2rem; font-weight:750; margin-bottom:16px; }
		.feature-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
		.feature-card, .pricing-card { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; padding:24px; height:100%; }
	.feature-icon { width:44px; height:44px; border-radius:8px; display:grid; place-items:center; color:var(--em-text); background:var(--em-panel); margin-bottom:14px; }
	.tabler-icon { width:24px; height:24px; vertical-align:middle; }
		.pricing-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
		.price { font-size:2rem; font-weight:800; }
		.muted { color:var(--em-text); }
		.workflow-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
		.workflow-card { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; padding:24px; min-height:220px; }
		.workflow-step { color:var(--em-text); font-weight:800; margin-bottom:18px; }
		.proof-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:20px; align-items:start; }
		.proof-screen { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; overflow:hidden; box-shadow:0 18px 38px rgba(31,41,51,.12); }
		.proof-bar { height:34px; background:var(--em-text); display:flex; align-items:center; gap:6px; padding:0 12px; }
		.proof-dot { width:8px; height:8px; border-radius:50%; background:var(--em-gray); opacity:.8; }
		.proof-body { padding:18px; min-height:180px; }
		.proof-line { height:12px; margin-bottom:10px; border-radius:99px; background:var(--em-line); }
		.proof-line.short { width:54%; }
		.proof-line.mid { width:72%; }
		.proof-pill { display:inline-block; margin:6px 6px 0 0; padding:6px 10px; border-radius:99px; background:var(--em-panel); color:var(--em-text); font-size:.88rem; font-weight:700; }
		.comparison-table { width:100%; border-collapse:collapse; background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; overflow:hidden; }
		.comparison-table th, .comparison-table td { padding:14px 16px; border-bottom:1px solid var(--em-line); vertical-align:top; }
		.comparison-table th { background:var(--em-panel); color:var(--em-text); }
		.comparison-table tr:last-child td { border-bottom:0; }
		.footer-links { display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-end; }
		.footer-links a { color:var(--em-surface); font-weight:700; text-decoration:none; }
		.footer .lang-select { max-width:180px; margin-top:14px; }
			.faq-list { display:grid; gap:14px; }
			.faq-item { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; padding:22px; }
			.faq-item h3 { font-size:1.15rem; margin-bottom:8px; }
		.related-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:18px; }
			.related-card { background:transparent; border-top:1px solid var(--em-line); padding:18px 0 0; height:100%; }
			.related-card a { color:var(--em-text); font-weight:750; text-decoration:none; }
			.related-card a:hover { color:var(--em-text); text-decoration:underline; text-underline-offset:4px; }
			ul.clean-list { padding-left:20px; margin:18px 0 0; }
	li { margin-bottom:8px; }
	.footer { background:var(--em-text); color:var(--em-surface); padding:28px 0; }
	.footer a { color:var(--em-surface); }
	@media (max-width: 900px) {
		.marketing-nav { min-height:62px; padding:8px 0; gap:10px; }
		.nav-links, .login-link { display:none; }
		.mobile-menu { display:block; }
		.nav-actions { margin-left:auto; gap:8px; }
				.feature-grid, .pricing-grid, .workflow-grid, .related-grid, .proof-grid { grid-template-columns:1fr; }
		.hero-shade { min-height:560px; }
		.hero.compact .hero-shade { min-height:260px; }
	}
		@media (max-width: 576px) {
			.brand-tools { flex:1 1 auto; }
			.brand-tools img { width:170px; max-width:170px; }
			.nav-actions .btn { padding-left:10px; padding-right:10px; }
			.marketing-nav { flex-wrap:nowrap; }
			.hero h1 { font-size:2.25rem; }
			.hero.compact h1 { font-size:2rem; }
			.hero p { font-size:1.08rem; }
		}
		.spec-main { font-size:18px; line-height:1.62; }
		.spec-main .container { max-width:1160px; }
		.spec-hero { padding:48px 0 44px; background:var(--em-surface); color:var(--em-text); border-bottom:1px solid var(--em-line); }
			.spec-hero.home { background:var(--em-navy); color:var(--em-surface); border-bottom:0; }
		.spec-hero.compact-hero { padding:42px 0 38px; }
		.spec-hero.compact-hero .spec-hero-grid { grid-template-columns:minmax(0, 760px); }
		.spec-hero-grid { display:grid; grid-template-columns:minmax(0, 1fr) minmax(340px, .9fr); gap:44px; align-items:center; }
		.spec-hero h1 { max-width:820px; font-size:3.45rem; line-height:1.05; font-weight:700; letter-spacing:0; margin:0 0 18px; }
		.spec-hero p { max-width:720px; font-size:1.22rem; line-height:1.62; margin:0 0 16px; }
		.spec-section { padding:44px 0; }
		.spec-section.compact { padding:40px 0; }
		.spec-section.alt { background:var(--em-surface); }
		.spec-section h2 { max-width:820px; font-size:clamp(1.75rem, 3vw, 2.2rem); font-weight:750; line-height:1.18; letter-spacing:-.015em; margin:0 0 14px; }
		.spec-narrow { max-width:720px; }
		.spec-title { max-width:820px; font-size:2.35rem; line-height:1.15; font-weight:650; margin:0 0 18px; }
		.spec-eyebrow { color:var(--em-text); font-size:.84rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; }
		.spec-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:26px; }
		.page-layout-contact .spec-hero p { max-width:560px; }
		.page-layout-faq .spec-faq-item { padding:16px 0; border-bottom:1px solid var(--em-line); }
		.page-layout-faq .spec-faq-item h3 { font-size:1.08rem; margin:0 0 4px; }
		.page-layout-guides .related-card { border-top:3px solid var(--em-navy); }
		.page-layout-schools .pricing-card.featured { border-color:var(--em-orange); }
		.spec-note { color:var(--em-text); font-size:.95rem; }
		.spec-hero.home .spec-actions .btn-color1 { background:var(--em-surface); border-color:var(--em-surface); color:var(--em-text); }
		.spec-hero.home .spec-actions .btn-color1:hover, .spec-hero.home .spec-actions .btn-color1:focus { background:var(--em-panel); border-color:var(--em-panel); color:var(--em-text); }
		.spec-hero.home .spec-actions .secondary-link { color:var(--em-surface); background:rgba(20,33,48,.72); border:1px solid rgba(255,255,255,.76); border-radius:8px; padding:10px 14px; text-decoration:none; }
		.spec-hero.home .spec-note { color:var(--em-surface); opacity:.96; font-weight:400; }
		.spec-process { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; margin-top:32px; }
		.spec-process-item { padding-top:0; }
		.spec-process-number { width:54px; height:54px; border-radius:50%; display:grid; place-items:center; color:var(--em-surface); background:var(--em-navy); font-size:1.25rem; font-weight:800; margin-bottom:14px; }
		.spec-grid, .spec-grid.two, .spec-price-grid, .spec-contact-grid { display:grid; gap:20px; margin-top:22px; }
		.spec-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
		.spec-grid.two { grid-template-columns:repeat(2, minmax(0, 1fr)); }
		.spec-contact-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
		.spec-card { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; padding:24px; }
		.spec-price-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); }
		.spec-price-grid .spec-card { display:flex; flex-direction:column; }
		.spec-price-grid .spec-card .btn { margin-top:auto !important; align-self:flex-start; }
		.spec-card.featured { border:2px solid var(--em-navy); box-shadow:0 18px 40px rgba(31,41,51,.12); }
		.spec-price { font-size:2.15rem; font-weight:850; line-height:1; margin:8px 0 12px; }
		.spec-tour { display:grid; grid-template-columns:minmax(0, .9fr) minmax(360px, 1fr); gap:44px; align-items:center; }
		.spec-tour.reverse { grid-template-columns:minmax(360px, 1fr) minmax(0, .9fr); }
		.spec-tour.reverse .spec-tour-copy { order:2; }
		.spec-tour.reverse .spec-screen { order:1; }
		.spec-screen { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; box-shadow:0 18px 40px rgba(31,41,51,.14); overflow:hidden; }
		.spec-screen-bar { height:34px; background:var(--em-text); display:flex; align-items:center; gap:6px; padding:0 12px; }
		.spec-dot { width:8px; height:8px; border-radius:50%; background:var(--em-gray); opacity:.85; }
		.spec-screen-body { padding:22px; background:var(--em-surface); }
		.spec-row { padding:12px; border:1px solid var(--em-line); border-radius:8px; background:var(--em-surface); margin-bottom:12px; }
		.spec-label { display:block; color:var(--em-text); font-size:.82rem; font-weight:850; text-transform:uppercase; margin-bottom:4px; }
		.spec-line { height:10px; border-radius:99px; background:var(--em-line); margin:8px 0; }
		.spec-line.short { width:48%; }
		.spec-line.mid { width:70%; }
		.spec-pill { display:inline-block; padding:5px 9px; border-radius:99px; background:var(--em-panel); color:var(--em-text); font-size:.82rem; font-weight:800; margin:4px 5px 0 0; }
		.spec-compare { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:22px; margin-top:28px; }
		.spec-table { width:100%; border-collapse:collapse; background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; overflow:hidden; }
		.spec-table th, .spec-table td { padding:14px 16px; border-bottom:1px solid var(--em-line); vertical-align:top; }
		.spec-table th { background:var(--em-panel); color:var(--em-text); }
		.spec-table tr:last-child td { border-bottom:0; }
		.spec-faq details { background:var(--em-surface); border:1px solid var(--em-line); border-radius:8px; padding:18px 20px; margin-bottom:12px; }
		.spec-faq summary { cursor:pointer; font-weight:800; }
		.faq-category { padding-top:24px; margin-top:24px; border-top:1px solid var(--em-line); }
		.faq-category:first-child { padding-top:0; margin-top:0; border-top:0; }
		.spec-cta { padding:48px 0; background:var(--em-text); color:var(--em-surface); }
		.spec-footer-grid { display:flex; flex-wrap:wrap; gap:12px 20px; }
		.spec-footer-grid h2 { font-size:1rem; font-weight:850; margin:0 0 10px; }
		.spec-footer-grid a { display:block; margin-bottom:6px; }
		.upload-drop { border:2px dashed var(--em-line); border-radius:8px; padding:28px; background:var(--em-surface); text-align:center; }
		.upload-drop input { max-width:100%; }
		@media (max-width: 900px) {
			.spec-main { font-size:17px; }
			.spec-hero { padding:42px 0; }
			.spec-hero-grid, .spec-process, .spec-grid, .spec-grid.two, .spec-price-grid, .spec-contact-grid, .spec-tour, .spec-tour.reverse, .spec-compare, .spec-footer-grid { grid-template-columns:1fr; }
			.spec-tour.reverse .spec-tour-copy, .spec-tour.reverse .spec-screen { order:initial; }
			.spec-hero h1 { font-size:2.35rem; }
			.spec-title { font-size:1.95rem; }
			.spec-section { padding:38px 0; }
		}
	
html[dir="rtl"] body{text-align:right} .spec-grid{align-items:stretch} .lang-select{max-width:240px} .marketing-header .nav-links{flex-wrap:wrap} .spec-main a{text-decoration:underline} .spec-main .btn{text-decoration:none} .article-meta{font-size:.9rem} .source-links{overflow-wrap:anywhere} .marketing-nav{flex-wrap:wrap} .spec-screen ol{padding-inline-start:1.5rem} .spec-screen li{margin-block:1rem}
/* Keep navigation available at every viewport without a script-only menu. */
.marketing-header .nav-links{display:flex;flex-wrap:wrap}
.marketing-header .brand-tools{flex-wrap:wrap}
.public-language-picker select{max-width:150px;padding:.3rem .45rem;border:1px solid rgba(255,255,255,.55);border-radius:6px;background:transparent;color:#fff;font:inherit}
.public-language-picker option{color:#142b4a;background:#fff}
@media(max-width:767px){
 .marketing-nav{padding:12px 15px;flex-wrap:wrap}
 .marketing-header .nav-links{order:3;width:100%;gap:8px 16px}
 .marketing-header .brand-tools{flex:0 1 auto;max-width:100%;gap:10px}
 .lang-select{max-width:min(240px,64vw)}
 .spec-hero{padding:32px 0}
 .spec-hero h1{font-size:2rem;overflow-wrap:anywhere}
 .spec-actions{flex-wrap:wrap}
 .spec-grid{grid-template-columns:1fr}
}
html[dir="rtl"] .spec-hero,html[dir="rtl"] .spec-section{text-align:right}
.spec-screen ol{margin:0}.spec-screen{min-width:0}.spec-card{overflow-wrap:anywhere}

.marketing-header .login-link{display:inline-flex}

/* The compact header keeps its primary action visible; navigation and locale
   choices move behind a native disclosure so neither can overlap the brand. */
.public-language-picker{display:inline-flex;align-items:center}
.public-language-picker select{min-height:40px;line-height:1.2}
.mobile-menu summary{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.55);border-radius:6px;color:#fff}
.mobile-menu summary .tabler-icon{width:24px;height:24px}
.mobile-menu-panel .public-language-picker{display:flex;margin-top:14px}
.mobile-menu-panel .public-language-picker select{width:100%;max-width:none}

@media (min-width:901px){
 .marketing-nav{flex-wrap:nowrap}
 .marketing-header .nav-links,.marketing-header .brand-tools{flex-wrap:nowrap;white-space:nowrap}
 .marketing-header .nav-links{gap:clamp(8px,1vw,14px)}
}

.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media(max-width:1100px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.pricing-grid{grid-template-columns:1fr}}

@media(max-width:767px){
 .marketing-header .marketing-nav{justify-content:space-between;gap:12px}
 .marketing-header .marketing-nav > .nav-links,.marketing-header .header-cta{display:none!important}
 .marketing-header .em-brand{flex:0 0 auto;min-width:max-content}
 .marketing-header .brand-tools{display:flex;align-items:center;gap:0;margin-left:auto}
 .marketing-header .brand-tools > .public-language-picker{display:none}
 .marketing-header .brand-tools > .login-link{display:none}
 .marketing-header .mobile-menu{display:block}
 .marketing-header .mobile-menu summary{width:44px;height:44px;border-radius:8px}
 .marketing-header .mobile-menu summary .tabler-icon{display:none}
 .marketing-header .mobile-menu summary::before{content:"☰";font-size:27px;line-height:1;color:var(--em-white)}
 .mobile-menu-panel nav{display:grid;gap:2px}
 .mobile-menu-panel nav a{padding:9px 0}
 .mobile-menu-panel .mobile-menu-cta{display:flex;width:100%;margin:16px 0 10px;justify-content:center;color:var(--em-white)}
 .mobile-menu-panel .mobile-menu-login{display:block;padding:10px 0;color:var(--em-text);font-weight:700;text-decoration:none}
}

/* Product-led public pages */
.proof-strip{border-block:1px solid var(--em-line);background:var(--em-panel)}
.header-cta{white-space:nowrap}.marketing-header .header-cta{text-decoration:none}
.proof-strip .container{display:flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;text-align:center;padding-block:16px;font-size:.92rem;font-weight:600}
.proof-strip span{display:inline-flex;align-items:center;gap:8px}.proof-strip .tabler-icon{width:18px;height:18px;color:var(--em-navy);flex:0 0 auto}.hero-reassurance{font-size:.92rem!important;margin-top:16px!important;opacity:.9}
.demo-section{background:var(--em-panel)}.demo-card{padding:28px;border:1px solid var(--em-line);border-radius:14px;background:var(--em-surface);box-shadow:0 18px 40px rgba(31,41,51,.1)}.demo-copy .spec-eyebrow{margin-bottom:8px}.demo-copy h2{margin-bottom:12px}.demo-copy p{max-width:640px}.demo-note{font-size:.94rem}.demo-copy .secondary-link{color:var(--em-text);border-color:var(--em-text)}
.product-shot{margin:26px 0 0;border:1px solid var(--em-line);border-radius:14px;overflow:hidden;background:var(--em-surface);box-shadow:0 18px 40px rgba(31,41,51,.12)}
.spec-hero .product-shot{margin:0;align-self:center}.product-shot img{display:block;width:100%;height:auto}.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:28px 0 0;counter-reset:steps}.workflow-steps li{padding:20px;border:1px solid var(--em-line);border-radius:14px;background:var(--em-surface)}
.marketing-hero-illustration{margin:0;align-self:center;overflow:hidden;border:1px solid var(--em-line);border-radius:14px;background:var(--em-panel);box-shadow:0 18px 40px rgba(31,41,51,.14)}.marketing-hero-illustration img{display:block;width:100%;height:auto}
.workflow-steps li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--em-navy);color:#fff;font-weight:800;margin-bottom:14px}.workflow-steps h3{font-size:1.05rem;margin:0 0 8px}.workflow-steps p{font-size:.94rem;margin:0}.trust-note{padding:16px 18px;margin-top:22px;border-left:4px solid var(--em-orange);background:var(--em-panel);font-size:.96rem}.section-link{margin-top:22px}.table-wrap{overflow:auto}.spec-table{min-width:700px}
.form-container{max-width:760px}.marketing-form{display:grid;gap:16px;margin-top:24px}.marketing-form label{display:grid;gap:7px;font-weight:700}.marketing-form input,.marketing-form select,.marketing-form textarea{width:100%;border:1px solid var(--em-line);border-radius:8px;padding:11px 12px;background:var(--em-surface);color:var(--em-text);font:inherit}.marketing-form textarea{resize:vertical}.marketing-form input:focus,.marketing-form select:focus,.marketing-form textarea:focus{outline:3px solid rgba(237,128,57,.36);outline-offset:2px;border-color:var(--em-orange)}.school-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.marketing-form button{justify-self:start}.marketing-form [hidden]{display:none}
@media(max-width:900px){.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-hero .product-shot{margin-top:24px}.school-fields{grid-template-columns:1fr}.demo-card{grid-template-columns:1fr}}
@media(max-width:560px){.workflow-steps{grid-template-columns:1fr}.proof-strip .container{gap:8px 16px}.product-shot{border-radius:10px}}

/* Shared sizing keeps adjacent cards and primary/secondary actions consistent. */
.spec-grid, .spec-price-grid, .spec-contact-grid, .pricing-grid, .workflow-steps {
  align-items: stretch;
  grid-auto-rows: 1fr;
}
.marketing-header .header-cta, .spec-actions > .btn, .spec-actions > .secondary-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 48px;
  padding: 10px 18px;
  border-width: 2px;
  border-style: solid;
  border-radius: 8px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
}
.spec-actions > .secondary-link { border-color: currentColor; text-decoration: none; }
.spec-hero.home .spec-actions > .secondary-link { padding: 10px 18px; border-width: 2px; }

/* Illustration-led public pages. Artwork stays uncropped and carries no
   meaningful raster copy; the adjacent HTML remains the authoritative copy. */
.marketing-illustration{margin:28px auto 0;max-width:960px}.spec-hero-grid>.marketing-illustration{margin:0;align-self:center;max-width:none}.marketing-illustration img{display:block;width:100%;height:auto}.marketing-hero-illustration{overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
@media(max-width:900px){.spec-hero-grid>.marketing-illustration{margin-top:24px}}

/* Queue 550–566: focused marketing layout corrections. */
.demo-copy .spec-actions { display:grid; grid-template-columns:minmax(0,1fr); max-width:28rem; }
.demo-copy .spec-actions > a { width:100%; text-align:center; white-space:normal; }
.spec-grid:has(> .spec-card:nth-child(2):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.spec-main .form-container { max-width:640px; }
.page-layout-schools .spec-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:900px){.page-layout-schools .spec-grid{grid-template-columns:1fr}}
.marketing-header .em-brand { align-items:center; }
.marketing-header .em-brand-mark { position:static; }
.marketing-header .brand-tools, .marketing-header .public-language-picker { align-items:center; }
@media(max-width:900px){.demo-copy .spec-actions{max-width:none}}
.page-layout-pricing .spec-hero-grid { grid-template-columns:minmax(0,760px); }
.guide-card { display:flex; flex-direction:column; }
.guide-card h3 a { color:inherit; text-decoration:none; }
.guide-card h3 a:hover { text-decoration:underline; }
.guide-card .related-card-more { margin-top:auto; align-self:flex-start; }
#workflow { scroll-margin-top:90px; }

/* Product-led marketing visual system. These compositions deliberately use real
   HTML text so the workflow remains legible, responsive, and lightweight. */
.marketing-product-visual,.marketing-editorial-slot{--mv-radius:14px;--mv-shadow:0 22px 48px rgba(20,33,61,.18);position:relative;isolation:isolate;margin:0;min-width:0;color:var(--em-navy)}
.marketing-product-visual{min-height:370px;padding:18px;background:linear-gradient(135deg,var(--em-bone),var(--em-wheat));border:1px solid var(--em-line);border-radius:var(--mv-radius);overflow:hidden;box-shadow:var(--mv-shadow)}
.marketing-window{min-width:0;overflow:hidden;background:var(--em-surface);border:2px solid var(--em-navy);border-radius:12px;box-shadow:0 12px 28px rgba(20,33,61,.16)}
.marketing-window-bar{height:31px;display:flex;align-items:center;gap:5px;padding:0 10px;background:var(--em-navy);color:var(--em-white);font-size:.7rem;font-weight:750;letter-spacing:.02em}.marketing-window-bar i{width:7px;height:7px;border-radius:50%;background:var(--em-apricot)}.marketing-window-bar i:nth-child(2){opacity:.72}.marketing-window-bar i:nth-child(3){opacity:.45}.marketing-window-bar span{margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.marketing-window-body{padding:14px}.mv-file{display:flex;align-items:center;gap:10px;padding:12px;background:var(--em-surface);border:2px solid var(--em-navy);border-radius:11px;box-shadow:0 8px 18px rgba(20,33,61,.12)}.mv-file-icon{display:grid;place-items:center;flex:0 0 auto;width:36px;height:42px;border-radius:7px;background:var(--em-orange);color:var(--em-navy);font-size:.66rem;font-weight:900}.mv-file div{min-width:0;flex:1}.mv-file strong,.mv-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv-file strong{font-size:.82rem}.mv-file small{font-size:.68rem}.mv-file b{color:var(--em-success);font-size:.7rem}
.mv-draft-head,.mv-student-head,.mv-results-head,.mv-final,.mv-control,.mv-result-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.mv-draft-head{margin-bottom:10px;font-size:.76rem;font-weight:850}.mv-draft-head em,.mv-final em{padding:3px 6px;border-radius:99px;background:var(--em-wheat);font-size:.66rem;font-style:normal}.mv-question{padding:11px;margin-top:10px;border:1px solid var(--em-navy);border-radius:9px;background:var(--em-surface)}.mv-question.compact{background:var(--em-panel)}.mv-question strong{display:block;font-size:.77rem;line-height:1.35}.mv-kicker{display:block;margin-bottom:5px;color:var(--em-navy);font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.mv-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px}.mv-options span{padding:5px 3px;border:1px solid var(--em-navy);border-radius:6px;font-size:.62rem;text-align:center}.mv-options .selected{background:var(--em-orange);font-weight:850}.mv-question p,.mv-answer{margin:7px 0 0;font-size:.68rem;line-height:1.35}.mv-student-head{padding-bottom:10px;border-bottom:1px solid var(--em-line);font-size:.7rem}.mv-student-head span{font-size:.62rem;font-weight:750}.mv-answer{padding:9px;border-radius:7px;background:var(--em-bone)}
.mv-grade-context{font-size:.7rem}.mv-grade-context>span,.mv-suggestion>span,.mv-final>span{display:block;font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.mv-grade-context p{margin:4px 0 10px;padding:8px;border-radius:7px;background:var(--em-panel);line-height:1.35}.mv-suggestion{padding:9px;border:2px solid var(--em-orange);border-radius:9px;background:#fff8e8}.mv-suggestion strong{float:right;margin-top:-14px;font-size:1rem}.mv-suggestion p{margin:4px 0 0;font-size:.65rem;line-height:1.32}.mv-final{margin-top:10px;padding:8px;border-radius:8px;background:var(--em-navy);color:var(--em-white)}.mv-final em{background:var(--em-orange);color:var(--em-navy)}
.mv-results-head{padding-bottom:10px;border-bottom:1px solid var(--em-line);font-size:.7rem}.mv-results-head span{font-size:.61rem}.mv-result-row{padding:9px 0;border-bottom:1px solid var(--em-line);font-size:.7rem}.mv-result-row span{padding:3px 6px;background:var(--em-wheat);border-radius:99px;font-size:.61rem}.mv-result-row strong{font-size:.78rem}.mv-control{padding:11px 0;border-bottom:1px solid var(--em-line);font-size:.75rem}.mv-control span{padding:3px 6px;background:var(--em-wheat);border-radius:99px;font-size:.63rem;font-weight:800}
.marketing-product-visual:not(.hero-workflow):not(.generator-visual){display:grid;grid-template-columns:minmax(150px,.55fr) minmax(220px,1fr);align-items:center;gap:14px;padding:26px}.marketing-product-visual:not(.hero-workflow):not(.generator-visual)>.marketing-window{grid-column:2}.marketing-product-visual:not(.hero-workflow):not(.generator-visual)>.mv-file{align-self:center}.marketing-product-visual .mv-deliver,.marketing-product-visual .mv-grade,.marketing-product-visual .mv-results,.marketing-product-visual .mv-controls{max-width:390px}
.hero-workflow{min-height:420px;background:radial-gradient(circle at 76% 16%,var(--em-apricot),transparent 30%),linear-gradient(145deg,var(--em-bone),var(--em-wheat))}.mv-stage{position:absolute;z-index:2}.mv-source{top:24px;left:20px;width:43%;z-index:5}.mv-generated{top:54px;right:18px;width:54%;z-index:4}.mv-student{bottom:21px;left:11px;width:49%;z-index:6;transform:scale(.72);transform-origin:left bottom}.mv-grading{right:15px;bottom:15px;width:46%;z-index:7;transform:scale(.7);transform-origin:right bottom}.hero-workflow .marketing-window{font-size:.92em}.mv-flow{position:absolute;inset:54px 10px 15px;width:calc(100% - 20px);height:calc(100% - 69px);z-index:1;overflow:visible;fill:none;stroke:var(--em-navy);stroke-width:2;stroke-dasharray:5 6;opacity:.65}
.generator-visual{display:flex;align-items:center;gap:8px;min-height:290px;padding:22px}.generator-visual>.mv-file{flex:0 1 28%}.generator-visual>.marketing-window{flex:1 1 34%}.generator-visual .mv-connector{font-size:1.25rem;font-weight:900;color:var(--em-navy)}
.marketing-editorial-slot{min-height:330px;padding:26px;overflow:hidden;border:2px dashed var(--em-navy);border-radius:14px;background:var(--em-bone);box-shadow:var(--mv-shadow)}.marketing-editorial-slot::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(20,33,61,.04) 0 1px,transparent 1px 12px);pointer-events:none}.editorial-shape{position:absolute;border-radius:50%;background:var(--em-apricot)}.editorial-shape-one{width:180px;height:180px;top:26px;right:12%;opacity:.8}.editorial-shape-two{width:118px;height:118px;bottom:45px;left:14%;background:var(--em-orange)}.editorial-desk{position:absolute;right:12%;bottom:76px;left:18%;height:62px;border:2px solid var(--em-navy);border-radius:12px 12px 0 0;background:var(--em-surface);transform:skewX(-7deg)}.editorial-desk span{position:absolute;bottom:100%;width:75px;height:105px;border:2px solid var(--em-navy);border-radius:40px 40px 13px 13px;background:var(--em-navy)}.editorial-desk span:nth-child(1){left:8%;height:92px;background:var(--em-orange)}.editorial-desk span:nth-child(2){left:43%;height:125px;background:var(--em-apricot)}.editorial-desk span:nth-child(3){right:6%;height:84px;background:var(--em-navy)}.marketing-editorial-slot figcaption{position:absolute;z-index:2;right:20px;bottom:17px;left:20px;padding:10px 12px;border:1px solid var(--em-navy);border-radius:9px;background:rgba(255,255,255,.93)}.marketing-editorial-slot figcaption strong,.marketing-editorial-slot figcaption small{display:block}.marketing-editorial-slot figcaption strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.marketing-editorial-slot figcaption small{font-size:.65rem}
@media (prefers-reduced-motion:no-preference){.js .hero-workflow:not(.is-revealed) .mv-stage{opacity:0}.js .hero-workflow.is-revealed .mv-stage{animation:mv-reveal .5s ease-out both}.js .hero-workflow.is-revealed .mv-generated{animation-delay:.55s}.js .hero-workflow.is-revealed .mv-student{animation-delay:1.1s}.js .hero-workflow.is-revealed .mv-grading{animation-delay:1.65s}@keyframes mv-reveal{to{opacity:1}}}
@media(max-width:900px){.hero-workflow{min-height:390px}.generator-visual{display:grid;grid-template-columns:1fr 28px 1fr}.generator-visual>.mv-file{grid-column:1}.generator-visual>.mv-connector{justify-self:center}.generator-visual>.mv-grade{grid-column:3}.generator-visual>.mv-create{grid-column:1/4;grid-row:2}}
@media(max-width:560px){.marketing-product-visual{font-size:15px}.marketing-product-visual:not(.hero-workflow):not(.generator-visual){grid-template-columns:1fr;padding:16px}.marketing-product-visual:not(.hero-workflow):not(.generator-visual)>.marketing-window{grid-column:auto}.hero-workflow{min-height:auto;display:grid;gap:11px;padding:14px}.mv-stage{position:relative!important;inset:auto!important;width:auto!important;transform:none!important}.mv-flow,.generator-visual>.mv-connector{display:none}.generator-visual{display:grid;grid-template-columns:1fr;gap:11px;padding:14px}.generator-visual>.mv-file,.generator-visual>.mv-create,.generator-visual>.mv-grade{grid-column:auto;grid-row:auto}.marketing-editorial-slot{min-height:300px}.editorial-desk{left:10%;right:10%}}

/* Keep header controls on one shared center line. */
.marketing-header .public-language-picker { margin:0; }
.marketing-header .brand-tools > .btn { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 12px; border-radius:6px; line-height:1.2; }
@media(max-width:991px) { .marketing-header .brand-tools > .login-link { display:none; } }