/* Stable header: brand always stays in the same visual slot. */
header,.topbar{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px}
header .brand,.topbar .brand{grid-column:1;justify-self:start;order:0;white-space:nowrap;min-height:48px;display:inline-flex;align-items:center;padding:6px 10px;margin:-6px -10px}
header .nav,.topbar .nav,header nav,.topbar nav{grid-column:2;justify-self:end;order:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
header .nav a,.topbar .nav a,header nav a,.topbar nav a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:999px;line-height:1.15}
.nav a[data-home-link],nav a[data-home-link]{border:1px solid var(--line);border-radius:999px;background:#fff;padding:10px 13px}
.lang{display:inline-flex;align-items:center;gap:8px}.lang a{min-width:44px}
.skip-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}

/* Hero dashboard carousel. */
.dashboard-carousel{position:relative}
.dashboard-slide{display:none;animation:seowordFade .45s ease both}
.dashboard-slide.is-active{display:block}
.dots{gap:10px}.dots button{width:44px;height:44px;border:0;border-radius:50%;background:transparent;padding:0;cursor:pointer;text-indent:-999px;overflow:hidden;position:relative}.dots button:after{content:"";position:absolute;inset:17px;border-radius:50%;background:#cfdce7}.dots button.is-active:after{background:var(--brand);box-shadow:0 0 16px rgba(15,185,129,.45)}
.audit-list b{color:#047857}.audit-list div{color:#22354c}.score-ring{background:conic-gradient(#047857 0 82%,#e6eef5 82% 100%)}
@keyframes seowordFade{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Clickable home audit route. */
.home-audit-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:16px}
.home-audit-route .workflow-step{text-decoration:none;min-height:78px;padding:16px}
.home-audit-route .workflow-step small{text-transform:none}
.hero-actions{gap:12px}.hero-actions a,.btn,.btn-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.card,.content-route-card,.workflow-step,.risk-card,.case-card{touch-action:manipulation}

/* Homepage story system. */
.story-panel,.value-section,.trust-story,.why-section,.faq-panel,.final-cta,.live-platform{position:relative;border:1px solid var(--line);border-radius:32px;background:rgba(255,255,255,.92);box-shadow:var(--shadow2);padding:34px;overflow:hidden}
.story-panel:before,.live-platform:before,.final-cta:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 10% 0,rgba(15,185,129,.10),transparent 28%),radial-gradient(circle at 92% 10%,rgba(31,122,224,.10),transparent 34%)}
.story-panel>*,.live-platform>*,.final-cta>*{position:relative;z-index:1}.home-hero{margin-bottom:10px}
.risk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.risk-card{position:relative;display:block;min-height:164px;padding:19px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 10px 24px rgba(16,32,51,.07);transition:transform .22s,border-color .22s,box-shadow .22s}.risk-card:hover,.risk-card:focus,.risk-card.is-active{transform:translateY(-5px);border-color:rgba(31,122,224,.48);box-shadow:0 18px 42px rgba(31,122,224,.12)}.risk-card span{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:950;margin-bottom:15px}.risk-card b{display:block;color:var(--text);font-size:18px;line-height:1.18;margin-bottom:10px}.risk-card small{display:block;color:var(--muted);font-weight:850;line-height:1.45}
.risk-preview{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:6px 0 18px;padding:22px;border:1px solid rgba(31,122,224,.22);border-radius:24px;background:linear-gradient(135deg,#fff,rgba(31,122,224,.07));box-shadow:0 12px 28px rgba(16,32,51,.06)}.risk-preview span{display:block;margin-bottom:7px;color:var(--brand);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.risk-preview h3{margin:0 0 8px;font-size:24px}.risk-preview p{max-width:720px;margin:0}.risk-preview .btn-secondary{white-space:nowrap}
.path-stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:18px;border:1px solid var(--line);border-radius:26px;background:#fff;overflow:hidden}.path-stage div{position:relative;padding:24px;border-right:1px solid var(--line)}.path-stage div:last-child{border-right:0}.step-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--surface2);color:var(--brand2);font-weight:950;margin-bottom:12px}.path-stage b{display:block;color:var(--text);font-size:17px}.path-stage p{margin:8px 0 0;font-size:14px;line-height:1.55}
.case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.case-card{position:relative;display:flex;flex-direction:column;min-height:320px;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#fff,var(--surface2));box-shadow:0 10px 28px rgba(16,32,51,.06);transition:.24s}.case-card:hover{transform:translateY(-6px);border-color:rgba(15,185,129,.42)}.case-card p:first-child{margin:0 0 14px;color:var(--brand);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.case-card h3{font-size:20px;line-height:1.18}.case-card ul{display:grid;gap:9px;margin:10px 0 18px;padding:0}.case-card li{list-style:none;color:var(--muted);font-weight:750;line-height:1.45}.case-card li:before{content:"•";color:var(--brand);font-weight:950;margin-right:8px}.case-card a{margin-top:auto;color:var(--brand2);font-weight:950}
.live-platform{display:grid;grid-template-columns:1fr .95fr;gap:28px;align-items:center;background:linear-gradient(135deg,#102033,#163b5d);color:#fff}.live-platform p,.live-platform .eyebrow{color:#d9e8f2}.live-platform h2{color:#fff}.live-platform .btn-secondary{color:#102033}.platform-rail{display:grid;gap:12px}.platform-rail div{position:relative;padding:18px 18px 18px 56px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}.platform-rail div:before{content:"";position:absolute;left:20px;top:22px;width:16px;height:16px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 8px rgba(15,185,129,.14)}.platform-rail b{display:block;color:#fff;font-size:17px}.platform-rail span{display:block;color:#d9e8f2;margin-top:4px;line-height:1.45}
.value-section{text-align:center}.value-section h2{max-width:900px;margin-left:auto;margin-right:auto}.value-grid,.trust-columns,.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}.value-grid div,.trust-columns div,.why-grid div{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 22px rgba(16,32,51,.05);text-align:left}.value-grid h3,.trust-columns h3,.why-grid h3{font-size:20px}.why-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.why-grid b{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:rgba(31,122,224,.10);color:var(--brand2);margin-bottom:14px}.content-ladder .content-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trust-story{background:linear-gradient(135deg,#fff,rgba(15,185,129,.06))}.faq-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.faq-copy{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:end;padding-bottom:8px}.faq-copy .eyebrow,.faq-copy h2,.faq-copy p{grid-column:1;margin:0}.faq-copy .btn-secondary{grid-column:2;grid-row:2/4;align-self:center;justify-self:end;white-space:nowrap}.faq-panel details{grid-column:auto;border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px 20px;min-height:92px}.faq-panel details+details{margin-top:0}.faq-panel summary{cursor:pointer;font-weight:950;color:var(--text);list-style:none}.faq-panel summary::-webkit-details-marker{display:none}.faq-panel p{margin:10px 0 0}.final-cta{text-align:center;background:linear-gradient(135deg,#fff,rgba(31,122,224,.08))}.final-cta p{max-width:760px;margin-left:auto;margin-right:auto}.final-cta .hero-actions{justify-content:center}
@media (prefers-reduced-motion:no-preference){.risk-card,.case-card,.platform-rail div,.value-grid div,.trust-columns div,.why-grid div,.content-route-card{animation:seowordFloatIn .55s ease both}.risk-card:nth-child(2),.case-card:nth-child(2),.platform-rail div:nth-child(2){animation-delay:.05s}.risk-card:nth-child(3),.case-card:nth-child(3),.platform-rail div:nth-child(3){animation-delay:.1s}.risk-card:nth-child(4),.case-card:nth-child(4),.platform-rail div:nth-child(4){animation-delay:.15s}@keyframes seowordFloatIn{from{opacity:.01;transform:translateY(16px)}to{opacity:1;transform:none}}}

/* Editorial article/details layout inspired by strong B2B article pages. */
.editorial-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:18px}
.key-takeaways{border:1px solid rgba(15,185,129,.35);background:linear-gradient(135deg,rgba(15,185,129,.08),#fff)}
.key-takeaways ul{display:grid;gap:12px;margin:0;padding:0}.key-takeaways li{list-style:none;padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--soft);font-weight:800}.key-takeaways li:before{content:"✓";color:var(--brand);font-weight:950;margin-right:10px}
.insight-table{display:block;width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff}.insight-table table{display:table;width:100%;border-collapse:collapse;min-width:620px}.insight-table th,.insight-table td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.insight-table th{background:var(--surface2);color:var(--text);font-weight:950}.insight-table td{color:var(--muted);line-height:1.55}.insight-table tr:last-child td{border-bottom:0}
.code-example{background:#0f172a;color:#d8e3f0;border-radius:20px;padding:20px;overflow:auto;box-shadow:0 16px 38px rgba(15,23,42,.18)}.code-example code{white-space:pre;overflow-wrap:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:14px;line-height:1.7}
.operational-takeaway{border-color:rgba(31,122,224,.32);background:linear-gradient(135deg,#fff,rgba(31,122,224,.07))}.operational-takeaway strong{color:var(--text)}
.content-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.content-route-card{display:block;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(16,32,51,.06);transition:.18s;min-height:88px}.content-route-card:hover{transform:translateY(-3px);border-color:rgba(31,122,224,.42)}.content-route-card b{display:block;color:var(--text);margin-bottom:6px}.content-route-card span{color:var(--muted);font-size:13px;line-height:1.45}

@media(max-width:1040px){.home-audit-route,.risk-grid,.path-stage,.case-grid,.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-grid,.content-route-grid,.content-ladder .content-route-grid,.live-platform,.value-grid,.trust-columns{grid-template-columns:1fr}.faq-panel{grid-template-columns:1fr}.faq-copy{grid-template-columns:1fr}.faq-copy .btn-secondary{grid-column:1;grid-row:auto;justify-self:start;white-space:normal}.faq-panel details{grid-column:auto}.path-stage div:nth-child(2){border-right:0}.path-stage div{border-bottom:1px solid var(--line)}.path-stage div:nth-last-child(-n+2){border-bottom:0}.risk-preview{align-items:flex-start;flex-direction:column}.risk-preview .btn-secondary{white-space:normal}}
@media(max-width:760px){header,.topbar{display:flex;gap:14px}.home-audit-route,.risk-grid,.path-stage,.case-grid,.why-grid{grid-template-columns:1fr}.editorial-grid{grid-template-columns:1fr}header .nav,.topbar .nav,header nav,.topbar nav{gap:8px}header .nav a,.topbar .nav a,header nav a,.topbar nav a{padding:10px 12px}.story-panel,.value-section,.trust-story,.why-section,.faq-panel,.final-cta,.live-platform{padding:24px;border-radius:26px}.path-stage div{border-right:0!important;border-bottom:1px solid var(--line)!important}.path-stage div:last-child{border-bottom:0!important}.case-card{min-height:auto}.faq-panel details{min-height:auto}}