/* MCA Ventures S+16 Marketing System */
:root{--s16-bg:#f5f7f9;--s16-surface:#fff;--s16-surface-2:#eef3f5;--s16-text:#10212f;--s16-muted:#61717f;--s16-line:#dce4e8;--s16-line-strong:#c7d3d9;--s16-teal:#0f756a;--s16-teal-2:#12a08f;--s16-gold:#f2c233;--s16-navy:#0b1822;--s16-navy-2:#132938;--s16-good:#22a06b;--s16-warn:#e6a700;--s16-danger:#d94b4b;--s16-info:#3d7ef0;--s16-shadow:0 20px 55px rgba(16,33,47,.10);--s16-shadow-lg:0 40px 110px rgba(4,16,25,.24);--s16-radius:22px;--s16-ease:cubic-bezier(.22,.61,.36,1)}
html.dark{--s16-bg:#08121a;--s16-surface:#0f1d27;--s16-surface-2:#132632;--s16-text:#eef5f7;--s16-muted:#9bb0bc;--s16-line:#213743;--s16-line-strong:#2e4957;--s16-shadow:0 24px 65px rgba(0,0,0,.34)}
body.s16-site{background:var(--s16-bg);color:var(--s16-text);overflow-x:hidden}
body.s16-site header{padding:0!important;background:color-mix(in srgb,var(--s16-surface) 90%,transparent)!important;border-bottom:1px solid var(--s16-line);box-shadow:none!important;backdrop-filter:blur(18px)}
body.s16-site header nav{max-width:1480px;padding-top:.7rem!important;padding-bottom:.7rem!important}
body.s16-site header.scrolled{box-shadow:0 12px 35px rgba(10,25,35,.10)!important}
body.s16-site .nav-link{font-size:.83rem;letter-spacing:.01em;color:var(--s16-muted);font-weight:600}
body.s16-site .nav-link:hover,body.s16-site .nav-link.active{color:var(--s16-text)}
body.s16-site .nav-product{padding:.55rem .75rem;border:1px solid color-mix(in srgb,var(--s16-teal) 30%,var(--s16-line));border-radius:11px;background:color-mix(in srgb,var(--s16-teal) 8%,var(--s16-surface));color:var(--s16-teal)!important}
.s16-header-actions{display:flex;gap:.5rem;align-items:center}.s16-icon-button{width:38px;height:38px;border-radius:11px;border:1px solid var(--s16-line);background:var(--s16-surface);color:var(--s16-muted);display:grid;place-items:center;transition:.2s}.s16-icon-button:hover{border-color:var(--s16-line-strong);color:var(--s16-text);transform:translateY(-1px)}
.s16-login{display:inline-flex;align-items:center;gap:.55rem;padding:.66rem .9rem;border-radius:11px;background:var(--s16-navy);color:#fff!important;font-size:.8rem;font-weight:700}.dark .s16-login{background:var(--s16-gold);color:#17212a!important}
.s16-hero{position:relative;min-height:96vh;padding:150px 0 76px;background:radial-gradient(circle at 72% 17%,rgba(18,160,143,.25),transparent 26%),radial-gradient(circle at 90% 52%,rgba(242,194,51,.12),transparent 28%),linear-gradient(135deg,#07131c 0%,#0d202b 56%,#0d3a3c 120%);color:#fff;overflow:hidden}
.s16-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000 0%,transparent 90%)}
.s16-hero:after{content:"";position:absolute;inset:0;background:url('../img/concretos-noise.png');opacity:.05;pointer-events:none}
.s16-container{position:relative;z-index:2;width:min(1480px,calc(100% - 2rem));margin:auto}.s16-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr);gap:64px;align-items:center}
.s16-eyebrow{display:inline-flex;align-items:center;gap:.65rem;padding:.5rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#b7d9d5}.s16-live-dot{width:8px;height:8px;border-radius:50%;background:#44d7a8;box-shadow:0 0 0 6px rgba(68,215,168,.12)}
.s16-title{font-size:clamp(3rem,6.1vw,6.4rem);line-height:.93;letter-spacing:-.055em;font-weight:800;margin:1.4rem 0 1.35rem;max-width:900px}.s16-title em{font-style:normal;background:linear-gradient(90deg,#fff 0%,#7fe1d4 52%,#f2c233 100%);-webkit-background-clip:text;color:transparent}.s16-lead{max-width:710px;color:#b8c8d0;font-size:clamp(1rem,1.45vw,1.28rem);line-height:1.8}.s16-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.s16-primary,.s16-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.92rem 1.25rem;border-radius:12px;font-size:.88rem;font-weight:750;transition:.22s}.s16-primary{background:linear-gradient(135deg,var(--s16-gold),#ffd961);color:#17212a;box-shadow:0 14px 35px rgba(242,194,51,.18)}.s16-primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(242,194,51,.27)}.s16-secondary{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff}.s16-secondary:hover{background:rgba(255,255,255,.10)}
.s16-proof{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;margin-top:2rem;color:#91a9b5;font-size:.75rem}.s16-proof span{display:flex;align-items:center;gap:.45rem}.s16-proof i{color:#62d7c6}
.s16-command{border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(8,22,31,.78);box-shadow:0 45px 120px rgba(0,0,0,.4);overflow:hidden;transform:perspective(1400px) rotateY(-4deg) rotateX(2deg);transition:.5s var(--s16-ease)}.s16-command:hover{transform:perspective(1400px) rotateY(0) rotateX(0) translateY(-6px)}.s16-command-top{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09);background:#0d1d27}.s16-command-brand{display:flex;align-items:center;gap:.65rem;font-size:.78rem;font-weight:800}.s16-command-brand b{color:#74ded0}.s16-window-dots{display:flex;gap:6px}.s16-window-dots i{width:7px;height:7px;border-radius:50%;background:#3e5360}.s16-window-dots i:first-child{background:#f2c233}.s16-command-body{display:grid;grid-template-columns:72px 1fr;min-height:480px}.s16-rail{padding:14px 10px;border-right:1px solid rgba(255,255,255,.08);background:#0a1720}.s16-rail-icon{height:42px;margin-bottom:8px;border-radius:10px;display:grid;place-items:center;color:#607987}.s16-rail-icon.active{background:linear-gradient(135deg,#0f756a,#139d8e);color:#fff;box-shadow:0 10px 25px rgba(15,117,106,.25)}.s16-stage{padding:18px}.s16-stage-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px}.s16-stage-head h3{font-size:1rem;font-weight:750}.s16-stage-head p{font-size:.68rem;color:#718a97;margin-top:3px}.s16-authority-badge{padding:.38rem .55rem;border-radius:8px;border:1px solid rgba(68,215,168,.25);background:rgba(68,215,168,.08);color:#69dfbd;font-size:.62rem;font-weight:800;letter-spacing:.08em}.s16-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.s16-kpi{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.035)}.s16-kpi small{display:block;color:#6f8895;font-size:.59rem;text-transform:uppercase;letter-spacing:.08em}.s16-kpi strong{display:block;font-size:1.28rem;margin-top:5px}.s16-kpi strong.good{color:#62d7aa}.s16-kpi strong.gold{color:#f2c233}.s16-chart-panel{margin-top:10px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(180deg,rgba(15,117,106,.11),rgba(255,255,255,.025))}.s16-chart-head{display:flex;justify-content:space-between;color:#76909d;font-size:.65rem}.s16-chart{height:130px;margin-top:10px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0 31px,rgba(255,255,255,.05) 32px)}.s16-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.s16-decision{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-radius:12px;border:1px solid rgba(68,215,168,.2);background:rgba(68,215,168,.06)}.s16-decision strong{font-size:.74rem}.s16-decision p{font-size:.62rem;color:#78919d;margin-top:2px}.s16-decision-status{padding:.45rem .6rem;border-radius:8px;background:#1e9d70;color:#fff;font-size:.62rem;font-weight:800}
.s16-section{padding:100px 0}.s16-section.alt{background:var(--s16-surface)}.s16-section.dark{background:linear-gradient(145deg,#08151e,#102a35);color:#fff}.s16-section-heading{max-width:820px;margin-bottom:3rem}.s16-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--s16-teal)}.dark .s16-kicker,.s16-section.dark .s16-kicker{color:#74ded0}.s16-h2{font-size:clamp(2.15rem,4vw,4.25rem);line-height:1.05;letter-spacing:-.045em;font-weight:800;margin:.8rem 0 1.05rem}.s16-copy{font-size:1.05rem;color:var(--s16-muted);line-height:1.8}.s16-section.dark .s16-copy{color:#9fb3bd}
.s16-pillars{display:grid;grid-template-columns:1fr 1fr;gap:22px}.s16-pillar{min-height:400px;padding:34px;border:1px solid var(--s16-line);border-radius:24px;background:var(--s16-surface);box-shadow:var(--s16-shadow);position:relative;overflow:hidden}.s16-pillar.software{background:linear-gradient(145deg,#0a1a24,#123440);color:#fff;border-color:#203f4c}.s16-pillar .number{font-size:.7rem;color:var(--s16-muted);font-weight:800;letter-spacing:.13em}.s16-pillar h3{font-size:2rem;line-height:1.1;font-weight:800;margin:1rem 0}.s16-pillar p{color:var(--s16-muted);line-height:1.7;max-width:590px}.s16-pillar.software p{color:#9eb4bf}.s16-pillar-links{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:2rem}.s16-mini-link{display:inline-flex;align-items:center;gap:.5rem;padding:.62rem .8rem;border:1px solid var(--s16-line);border-radius:10px;font-size:.76rem;font-weight:700}.s16-pillar.software .s16-mini-link{border-color:rgba(255,255,255,.14)}
.s16-module-layout{display:grid;grid-template-columns:360px 1fr;gap:30px}.s16-module-nav{display:grid;gap:8px}.s16-module-button{text-align:left;padding:16px;border-radius:14px;border:1px solid var(--s16-line);background:var(--s16-surface);color:var(--s16-text);display:flex;align-items:center;justify-content:space-between;transition:.2s}.s16-module-button.active{border-color:rgba(15,117,106,.35);background:color-mix(in srgb,var(--s16-teal) 9%,var(--s16-surface));box-shadow:inset 3px 0 0 var(--s16-teal)}.s16-module-button span{font-size:.84rem;font-weight:750}.s16-module-button small{color:var(--s16-muted)}.s16-module-preview{min-height:520px;border-radius:24px;border:1px solid var(--s16-line);background:var(--s16-surface);box-shadow:var(--s16-shadow);overflow:hidden}.s16-preview-head{padding:20px 22px;border-bottom:1px solid var(--s16-line);display:flex;align-items:center;justify-content:space-between}.s16-preview-head h3{font-weight:800}.s16-preview-badge{font-size:.65rem;padding:.38rem .55rem;border-radius:8px;background:color-mix(in srgb,var(--s16-teal) 10%,var(--s16-surface));color:var(--s16-teal);font-weight:800}.s16-preview-body{padding:22px}.s16-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.s16-preview-card{padding:16px;border-radius:14px;border:1px solid var(--s16-line);background:var(--s16-bg)}.s16-preview-card small{color:var(--s16-muted);font-size:.68rem}.s16-preview-card strong{display:block;font-size:1.35rem;margin-top:8px}.s16-evidence{margin-top:14px;padding:18px;border-radius:16px;border:1px solid var(--s16-line);background:linear-gradient(135deg,color-mix(in srgb,var(--s16-teal) 8%,var(--s16-surface)),var(--s16-surface))}.s16-evidence-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.s16-flow-node{padding:12px;border:1px solid var(--s16-line);border-radius:11px;text-align:center;font-size:.68rem;font-weight:750;position:relative}.s16-flow-node:not(:last-child):after{content:"›";position:absolute;right:-8px;color:var(--s16-muted)}
.s16-authority-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.s16-authority-card{padding:24px;border:1px solid var(--s16-line);border-radius:18px;background:var(--s16-surface);transition:.25s}.s16-authority-card:hover{transform:translateY(-5px);box-shadow:var(--s16-shadow)}.s16-authority-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--s16-teal) 10%,var(--s16-surface));color:var(--s16-teal);margin-bottom:18px}.s16-authority-card h3{font-size:1rem;font-weight:800}.s16-authority-card p{font-size:.84rem;color:var(--s16-muted);line-height:1.65;margin-top:.6rem}
.s16-standard-rail{display:flex;gap:10px;flex-wrap:wrap}.s16-standard{padding:.75rem 1rem;border:1px solid var(--s16-line);border-radius:11px;background:var(--s16-surface);font-size:.75rem;font-weight:800;color:var(--s16-muted)}
.s16-cta{padding:80px 0;background:radial-gradient(circle at 15% 50%,rgba(18,160,143,.18),transparent 30%),linear-gradient(135deg,#08151e,#0f2d38);color:#fff}.s16-cta-box{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.s16-cta h2{font-size:clamp(2rem,4vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.04em}.s16-cta p{color:#9eb2bd;margin-top:1rem;max-width:720px}
.s16-reveal{opacity:0;transform:translateY(24px);transition:.72s var(--s16-ease)}.s16-reveal.visible{opacity:1;transform:none}
.s16-footer{background:#061018!important;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:1100px){.s16-hero-grid{grid-template-columns:1fr}.s16-command{max-width:760px;transform:none}.s16-module-layout{grid-template-columns:1fr}.s16-module-nav{grid-template-columns:repeat(4,1fr)}.s16-module-button small{display:none}.s16-authority-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.s16-hero{padding-top:125px;min-height:auto}.s16-title{font-size:clamp(2.8rem,14vw,4.8rem)}.s16-command-body{grid-template-columns:48px 1fr;min-height:390px}.s16-rail{padding:10px 5px}.s16-rail-icon{height:35px}.s16-stage{padding:11px}.s16-kpis{grid-template-columns:1fr}.s16-kpi:nth-child(n+2){display:none}.s16-chart{height:100px}.s16-pillars{grid-template-columns:1fr}.s16-pillar{min-height:330px;padding:25px}.s16-section{padding:72px 0}.s16-module-nav{grid-template-columns:1fr 1fr}.s16-module-button{padding:12px}.s16-preview-grid{grid-template-columns:1fr}.s16-evidence-flow{grid-template-columns:1fr 1fr}.s16-authority-grid{grid-template-columns:1fr}.s16-cta-box{grid-template-columns:1fr}.s16-command{border-radius:18px}.s16-proof{display:none}.s16-header-actions .s16-login{display:none}}


/* S+16 V2 — product proof, authority storytelling, and enterprise conversion */
.s16-product-proof{overflow:hidden;background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--s16-teal) 12%,transparent),transparent 30%),var(--s16-bg)}
.s16-product-stage{border:1px solid var(--s16-line);border-radius:28px;background:var(--s16-surface);box-shadow:0 35px 100px rgba(10,30,40,.16);overflow:hidden;position:relative}
.s16-product-stage:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#49d8c2,transparent);z-index:3}
.s16-product-toolbar{min-height:72px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--s16-line);background:color-mix(in srgb,var(--s16-surface) 88%,var(--s16-teal) 12%)}
.s16-product-context{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px}.s16-product-context b{font-size:.82rem}.s16-product-context small{grid-column:2;color:var(--s16-muted);font-size:.66rem}.s16-context-dot{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#3dd3a2;box-shadow:0 0 0 5px rgba(61,211,162,.12),0 0 22px rgba(61,211,162,.4)}
.s16-screen-switch{display:flex;padding:4px;border:1px solid var(--s16-line);border-radius:11px;background:var(--s16-bg)}.s16-screen-switch button{padding:.48rem .72rem;border-radius:8px;color:var(--s16-muted);font-size:.7rem;font-weight:750}.s16-screen-switch button.active{background:var(--s16-surface);color:var(--s16-text);box-shadow:0 4px 12px rgba(10,30,40,.09)}
.s16-product-viewport{position:relative;aspect-ratio:16/9;overflow:hidden;background:#07131b}.s16-product-viewport>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0;transform:scale(1.018);transition:opacity .42s ease,transform .8s var(--s16-ease)}.s16-product-viewport>img.active{opacity:1;transform:scale(1)}
.s16-product-callout{position:absolute;z-index:2;width:min(250px,25%);padding:13px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(6,18,26,.88);backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(0,0,0,.28);color:white}.s16-product-callout span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#0f756a;color:#fff;font-size:.62rem;font-weight:850}.s16-product-callout b{display:block;margin-top:8px;font-size:.72rem}.s16-product-callout small{display:block;margin-top:4px;color:#9eb3be;font-size:.61rem;line-height:1.45}.callout-one{left:3%;top:14%}.callout-two{right:3%;bottom:11%}.s16-product-caption{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--s16-line)}.s16-product-caption span{padding:14px 10px;text-align:center;color:var(--s16-muted);font-size:.69rem;font-weight:700;border-inline-end:1px solid var(--s16-line)}.s16-product-caption span:last-child{border:0}.s16-product-caption i{color:var(--s16-teal);margin-inline-end:.35rem}
.s16-operating-model{position:relative;overflow:hidden}.s16-operating-model:after{content:"S+16";position:absolute;right:-2vw;bottom:-8vw;font-size:27vw;line-height:.7;font-weight:900;color:rgba(255,255,255,.018);pointer-events:none}.s16-guardrail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:1}.s16-guardrail{min-height:300px;padding:26px;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));position:relative;overflow:hidden}.s16-guardrail:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(#4be0c9,transparent)}.s16-guardrail-index{font-size:.66rem;letter-spacing:.14em;color:#5ee0cc;font-weight:850}.s16-guardrail h3{font-size:1.55rem;font-weight:800;margin:3.4rem 0 .8rem}.s16-guardrail p{color:#9eb3be;font-size:.83rem;line-height:1.7}.s16-guardrail>span{position:absolute;bottom:22px;color:#5ee0cc;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.s16-role-map{position:relative;min-height:620px;border:1px solid var(--s16-line);border-radius:28px;background:radial-gradient(circle at center,color-mix(in srgb,var(--s16-teal) 13%,var(--s16-surface)),var(--s16-surface) 48%);overflow:hidden}.s16-role-map:before,.s16-role-map:after{content:"";position:absolute;left:50%;top:50%;border:1px dashed color-mix(in srgb,var(--s16-teal) 35%,transparent);border-radius:50%;transform:translate(-50%,-50%)}.s16-role-map:before{width:430px;height:430px}.s16-role-map:after{width:260px;height:260px}.s16-role-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;border:1px solid color-mix(in srgb,var(--s16-teal) 35%,var(--s16-line));background:var(--s16-surface);box-shadow:0 24px 70px rgba(15,117,106,.2)}.s16-role-core span{font-size:.72rem;color:var(--s16-teal);font-weight:850;letter-spacing:.12em;text-transform:uppercase}.s16-role-core strong{font-size:1.18rem;line-height:1.2;margin:.6rem 0}.s16-role-core small{color:var(--s16-muted);font-size:.64rem}.s16-role-map article{position:absolute;z-index:2;width:180px;padding:17px;border:1px solid var(--s16-line);border-radius:16px;background:color-mix(in srgb,var(--s16-surface) 92%,transparent);box-shadow:0 12px 35px rgba(10,30,40,.10);backdrop-filter:blur(10px)}.s16-role-map article i{color:var(--s16-teal)}.s16-role-map article h3{font-weight:800;font-size:.82rem;margin-top:.55rem}.s16-role-map article p{font-size:.68rem;color:var(--s16-muted);line-height:1.45;margin-top:.3rem}.s16-role-map article:nth-of-type(1){left:7%;top:12%}.s16-role-map article:nth-of-type(2){left:7%;bottom:12%}.s16-role-map article:nth-of-type(3){left:50%;top:6%;transform:translateX(-50%)}.s16-role-map article:nth-of-type(4){left:50%;bottom:6%;transform:translateX(-50%)}.s16-role-map article:nth-of-type(5){right:7%;top:12%}.s16-role-map article:nth-of-type(6){right:7%;bottom:12%}
.s16-scroll-progress{position:fixed;inset:0 auto auto 0;height:2px;width:0;background:linear-gradient(90deg,#0f756a,#f2c233);z-index:9999;box-shadow:0 0 14px rgba(242,194,51,.45)}
.s16-demo-dock{position:fixed;right:22px;bottom:22px;z-index:45;display:flex;align-items:center;gap:10px;padding:9px 9px 9px 14px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(7,20,28,.92);box-shadow:0 18px 50px rgba(0,0,0,.3);backdrop-filter:blur(14px);color:#fff}.s16-demo-dock small{display:block;color:#89a0ac;font-size:.57rem}.s16-demo-dock b{display:block;font-size:.72rem}.s16-demo-dock a{padding:.66rem .8rem;border-radius:10px;background:#f2c233;color:#17212a;font-size:.68rem;font-weight:850}
@media(max-width:1000px){.s16-guardrail-grid{grid-template-columns:1fr 1fr}.s16-product-callout{display:none}.s16-role-map{min-height:auto;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.s16-role-map:before,.s16-role-map:after{display:none}.s16-role-core,.s16-role-map article{position:static!important;transform:none!important;width:auto;height:auto;border-radius:18px}.s16-role-core{grid-column:1/-1;min-height:180px}.s16-role-map article{min-height:130px}}
@media(max-width:700px){.s16-product-toolbar{align-items:flex-start;flex-direction:column}.s16-product-viewport{aspect-ratio:4/3}.s16-product-viewport>img{object-fit:cover;object-position:top left}.s16-product-caption{grid-template-columns:1fr 1fr}.s16-product-caption span:nth-child(2){border:0}.s16-product-caption span:nth-child(-n+2){border-bottom:1px solid var(--s16-line)}.s16-guardrail-grid,.s16-role-map{grid-template-columns:1fr}.s16-role-core{grid-column:auto}.s16-demo-dock{left:12px;right:12px;bottom:12px;justify-content:space-between}.s16-demo-dock small{display:none}}
@media(prefers-reduced-motion:reduce){.s16-product-viewport>img{transition:none}}

/* S+16 THEME AUTHORITY PATCH — content preserved, appearance made deterministic */
html{color-scheme:light}
html.dark{color-scheme:dark}
html:not(.dark) body.s16-site{--s16-bg:#f4f7f8;--s16-surface:#ffffff;--s16-surface-2:#eef3f5;--s16-text:#10212f;--s16-muted:#61717f;--s16-line:#dce4e8;--s16-line-strong:#c7d3d9}
html.dark body.s16-site{--s16-bg:#071119;--s16-surface:#0d1a23;--s16-surface-2:#12242f;--s16-text:#edf4f6;--s16-muted:#9aadb8;--s16-line:#203541;--s16-line-strong:#31505e}

/* Light appearance: every ordinary section and card is genuinely light. */
html:not(.dark) body.s16-site main,
html:not(.dark) body.s16-site .s16-product-proof,
html:not(.dark) body.s16-site .s16-section,
html:not(.dark) body.s16-site .s16-section.alt,
html:not(.dark) body.s16-site .s16-section.dark,
html:not(.dark) body.s16-site section.bg-white,
html:not(.dark) body.s16-site section.bg-gray-50,
html:not(.dark) body.s16-site section.bg-gray-100{background:#f4f7f8!important;color:#10212f!important}
html:not(.dark) body.s16-site .s16-section.alt,
html:not(.dark) body.s16-site section.bg-white{background:#ffffff!important}
html:not(.dark) body.s16-site .s16-section.dark .s16-copy,
html:not(.dark) body.s16-site .s16-section.dark p,
html:not(.dark) body.s16-site .s16-section.dark .text-gray-300,
html:not(.dark) body.s16-site .s16-section.dark .text-gray-400{color:#61717f!important}
html:not(.dark) body.s16-site .s16-section.dark h1,
html:not(.dark) body.s16-site .s16-section.dark h2,
html:not(.dark) body.s16-site .s16-section.dark h3,
html:not(.dark) body.s16-site .s16-section.dark h4{color:#10212f!important}
html:not(.dark) body.s16-site .s16-section.dark .s16-kicker{color:#0f756a!important}
html:not(.dark) body.s16-site .s16-guardrail,
html:not(.dark) body.s16-site .s16-pillar,
html:not(.dark) body.s16-site .s16-authority-card,
html:not(.dark) body.s16-site .s16-role-map,
html:not(.dark) body.s16-site .s16-role-map article,
html:not(.dark) body.s16-site .s16-role-core,
html:not(.dark) body.s16-site .s16-module-button,
html:not(.dark) body.s16-site .s16-module-preview,
html:not(.dark) body.s16-site .s16-standard,
html:not(.dark) body.s16-site .s16-product-stage,
html:not(.dark) body.s16-site .bg-white:not(.bg-opacity-10),
html:not(.dark) body.s16-site [class*="bg-gray-50"],
html:not(.dark) body.s16-site [class*="bg-gray-100"]{background:#fff!important;color:#10212f!important;border-color:#dce4e8!important}
html:not(.dark) body.s16-site .s16-guardrail{box-shadow:0 16px 42px rgba(16,33,47,.07);background:linear-gradient(180deg,#fff,#fbfcfd)!important}
html:not(.dark) body.s16-site .s16-guardrail p,
html:not(.dark) body.s16-site .s16-role-map article p,
html:not(.dark) body.s16-site .s16-authority-card p{color:#61717f!important}
html:not(.dark) body.s16-site .s16-operating-model:after{color:rgba(15,117,106,.025)}

/* Dark appearance: legacy Tailwind surfaces follow the same authority. */
html.dark body.s16-site main,
html.dark body.s16-site .s16-product-proof,
html.dark body.s16-site .s16-section,
html.dark body.s16-site .s16-section.alt,
html.dark body.s16-site section.bg-white,
html.dark body.s16-site section.bg-gray-50,
html.dark body.s16-site section.bg-gray-100{background:#071119!important;color:#edf4f6!important}
html.dark body.s16-site .s16-section.alt{background:#0a151e!important}
html.dark body.s16-site .s16-section.dark{background:linear-gradient(145deg,#061018,#0d222d)!important;color:#fff!important}
html.dark body.s16-site .s16-pillar:not(.software),
html.dark body.s16-site .s16-authority-card,
html.dark body.s16-site .s16-role-map,
html.dark body.s16-site .s16-role-map article,
html.dark body.s16-site .s16-role-core,
html.dark body.s16-site .s16-module-button,
html.dark body.s16-site .s16-module-preview,
html.dark body.s16-site .s16-standard,
html.dark body.s16-site .s16-product-stage,
html.dark body.s16-site .bg-white:not(.bg-opacity-10),
html.dark body.s16-site [class*="bg-gray-50"],
html.dark body.s16-site [class*="bg-gray-100"]{background:#0d1a23!important;color:#edf4f6!important;border-color:#203541!important}
html.dark body.s16-site .s16-guardrail{background:linear-gradient(160deg,#10242f,#0b1922)!important;border-color:#25404d!important;color:#edf4f6!important}
html.dark body.s16-site .text-gray-900,
html.dark body.s16-site .text-gray-800,
html.dark body.s16-site .text-gray-700{color:#edf4f6!important}
html.dark body.s16-site .text-gray-600,
html.dark body.s16-site .text-gray-500,
html.dark body.s16-site .text-gray-400{color:#9aadb8!important}
html.dark body.s16-site input,
html.dark body.s16-site textarea,
html.dark body.s16-site select{background:#0b1720!important;color:#edf4f6!important;border-color:#29424f!important}

/* Product theatre: preserve the full plant composition; never crop the supplied artwork. */
.s16-product-viewport{aspect-ratio:16/9;min-height:clamp(520px,56vw,820px);display:grid;place-items:end center;isolation:isolate}
html:not(.dark) .s16-product-viewport{background:linear-gradient(180deg,#f4f8f9 0%,#eaf1f4 100%)}
html.dark .s16-product-viewport{background:linear-gradient(180deg,#031225 0%,#06111b 100%)}
.s16-product-viewport>img{inset:auto 0 0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important;padding:0!important}
.s16-product-viewport>img.active{transform:none!important}
html:not(.dark) .s16-product-callout{background:rgba(255,255,255,.92);border-color:#d5e0e4;color:#10212f;box-shadow:0 16px 38px rgba(16,33,47,.12)}
html:not(.dark) .s16-product-callout small{color:#61717f}
html.dark .s16-product-toolbar{background:#10232d}
html.dark .s16-product-caption{background:#0d1a23}
html:not(.dark) .s16-product-toolbar,
html:not(.dark) .s16-product-caption{background:#fff}

/* Keep theme switch readable and deterministic. */
html:not(.dark) .s16-screen-switch{background:#edf2f4}
html.dark .s16-screen-switch{background:#07131b}
html.dark .s16-screen-switch button.active{background:#17303c;color:#fff}

@media(max-width:700px){
 .s16-product-viewport{aspect-ratio:4/5;min-height:560px}
 .s16-product-viewport>img{object-position:center bottom!important}
}


/* =========================================================
   S+16 V5 — deterministic light homepage authority
   Content and section order are unchanged.
   ========================================================= */
html:not(.dark) body.s16-site .s16-hero{
  background:
    radial-gradient(circle at 78% 16%,rgba(18,160,143,.13),transparent 28%),
    radial-gradient(circle at 92% 54%,rgba(242,194,51,.11),transparent 30%),
    linear-gradient(135deg,#fbfcfd 0%,#f3f7f8 55%,#eaf3f2 100%);
  color:var(--s16-text);
  border-bottom:1px solid var(--s16-line);
}
html:not(.dark) body.s16-site .s16-hero:before{
  background-image:
    linear-gradient(rgba(15,117,106,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(15,117,106,.055) 1px,transparent 1px);
  opacity:.75;
}
html:not(.dark) body.s16-site .s16-hero:after{opacity:.018}
html:not(.dark) body.s16-site .s16-eyebrow{
  border-color:color-mix(in srgb,var(--s16-teal) 24%,var(--s16-line));
  background:color-mix(in srgb,var(--s16-teal) 7%,var(--s16-surface));
  color:var(--s16-teal);
}
html:not(.dark) body.s16-site .s16-title{color:#10212f}
html:not(.dark) body.s16-site .s16-title em{
  background:linear-gradient(90deg,#0f756a 0%,#12a08f 50%,#b48800 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
html:not(.dark) body.s16-site .s16-lead{color:#536875}
html:not(.dark) body.s16-site .s16-proof{color:#617985}
html:not(.dark) body.s16-site .s16-proof i{color:var(--s16-teal)}
html:not(.dark) body.s16-site .s16-secondary{
  border-color:var(--s16-line-strong);
  background:rgba(255,255,255,.74);
  color:var(--s16-text);
  box-shadow:0 8px 24px rgba(16,33,47,.06);
}
html:not(.dark) body.s16-site .s16-secondary:hover{
  background:#fff;border-color:color-mix(in srgb,var(--s16-teal) 38%,var(--s16-line));
}
html:not(.dark) body.s16-site .s16-command{
  border-color:var(--s16-line);
  background:rgba(255,255,255,.92);
  box-shadow:0 38px 95px rgba(16,33,47,.15);
  color:var(--s16-text);
}
html:not(.dark) body.s16-site .s16-command-top{
  border-bottom-color:var(--s16-line);
  background:#f8fbfc;
}
html:not(.dark) body.s16-site .s16-command-brand b{color:var(--s16-teal)}
html:not(.dark) body.s16-site .s16-command-brand span{color:var(--s16-muted)}
html:not(.dark) body.s16-site .s16-window-dots i{background:#a9bac3}
html:not(.dark) body.s16-site .s16-window-dots i:first-child{background:var(--s16-gold)}
html:not(.dark) body.s16-site .s16-command-body{background:#fff}
html:not(.dark) body.s16-site .s16-rail{
  border-right-color:var(--s16-line);
  background:#f4f8f9;
}
[dir="rtl"] html:not(.dark) body.s16-site .s16-rail,
html[dir="rtl"]:not(.dark) body.s16-site .s16-rail{
  border-right:0;border-left:1px solid var(--s16-line);
}
html:not(.dark) body.s16-site .s16-rail-icon{color:#718792}
html:not(.dark) body.s16-site .s16-stage{background:#fff}
html:not(.dark) body.s16-site .s16-stage-head p{color:var(--s16-muted)}
html:not(.dark) body.s16-site .s16-authority-badge{
  border-color:rgba(15,117,106,.22);
  background:rgba(15,117,106,.07);
  color:var(--s16-teal);
}
html:not(.dark) body.s16-site .s16-kpi{
  border-color:var(--s16-line);
  background:#f7fafb;
}
html:not(.dark) body.s16-site .s16-kpi small{color:#6c7e89}
html:not(.dark) body.s16-site .s16-chart-panel{
  border-color:var(--s16-line);
  background:linear-gradient(180deg,rgba(15,117,106,.065),#fbfcfd);
}
html:not(.dark) body.s16-site .s16-chart-head{color:#6b7f8a}
html:not(.dark) body.s16-site .s16-chart{
  background:repeating-linear-gradient(to bottom,transparent 0 31px,rgba(16,33,47,.065) 32px);
}
html:not(.dark) body.s16-site .s16-decision{
  border-color:color-mix(in srgb,var(--s16-teal) 25%,var(--s16-line));
  background:color-mix(in srgb,var(--s16-teal) 5%,#fff);
}
html:not(.dark) body.s16-site .s16-decision-status{color:var(--s16-teal)}
html:not(.dark) body.s16-site .s16-product-stage,
html:not(.dark) body.s16-site .s16-module-preview,
html:not(.dark) body.s16-site .s16-pillar,
html:not(.dark) body.s16-site .s16-authority-card,
html:not(.dark) body.s16-site .s16-role-map article,
html:not(.dark) body.s16-site .s16-role-core{
  background:#fff;
  color:var(--s16-text);
}
html:not(.dark) body.s16-site .s16-product-toolbar,
html:not(.dark) body.s16-site .s16-module-button,
html:not(.dark) body.s16-site .s16-kpi,
html:not(.dark) body.s16-site input,
html:not(.dark) body.s16-site textarea,
html:not(.dark) body.s16-site select{
  background:#fff;
  color:var(--s16-text);
}
html:not(.dark) body.s16-site .s16-demo-dock{
  border-color:var(--s16-line);
  background:rgba(255,255,255,.94);
  color:var(--s16-text);
  box-shadow:0 18px 45px rgba(16,33,47,.16);
}
html:not(.dark) body.s16-site .s16-demo-dock small{color:var(--s16-teal)}
html:not(.dark) body.s16-site .s16-demo-dock b{color:var(--s16-text)}
/* Maintain an explicitly dark authority experience only when dark mode is active. */
html.dark body.s16-site .s16-hero{
  background:
    radial-gradient(circle at 72% 17%,rgba(18,160,143,.25),transparent 26%),
    radial-gradient(circle at 90% 52%,rgba(242,194,51,.12),transparent 28%),
    linear-gradient(135deg,#07131c 0%,#0d202b 56%,#0d3a3c 120%);
  color:#fff;
}
/* Refined first-fold proportions without changing content. */
@media(min-width:1101px){
  .s16-hero{min-height:auto;padding-top:136px;padding-bottom:82px}
  .s16-hero-grid{gap:56px}
  .s16-command{transform:perspective(1600px) rotateY(-2.2deg) rotateX(1deg)}
  html[dir="rtl"] .s16-command{transform:perspective(1600px) rotateY(2.2deg) rotateX(1deg)}
}
@media(max-width:760px){
  html:not(.dark) body.s16-site .s16-command{box-shadow:0 24px 60px rgba(16,33,47,.13)}
  html:not(.dark) body.s16-site .s16-hero{padding-top:112px}
}

/* =========================================================
   S+16 V6 — precision, accessibility, responsive authority
   No content or section order changes.
   ========================================================= */
:root{
  --s16-content:1480px;
  --s16-section-space:clamp(76px,7vw,112px);
  --s16-card-radius:20px;
  --s16-focus:0 0 0 3px color-mix(in srgb,var(--s16-teal) 28%,transparent);
}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body.s16-site{min-height:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.s16-site img{display:block;max-width:100%}
.s16-container{width:min(var(--s16-content),calc(100% - clamp(1.25rem,4vw,4rem)))}
.s16-section{padding-block:var(--s16-section-space);position:relative}
.s16-section+.s16-section{border-top:1px solid color-mix(in srgb,var(--s16-line) 72%,transparent)}
.s16-section-heading{max-width:900px;margin-bottom:clamp(2rem,4vw,3.4rem)}
.s16-copy{max-width:780px}
.s16-h2{text-wrap:balance}
.s16-title{text-wrap:balance}

/* Header and mobile navigation authority */
body.s16-site header nav{width:min(var(--s16-content),calc(100% - 1.5rem));margin-inline:auto}
body.s16-site header .logo-container img{height:52px!important}
body.s16-site .mobile-menu{border:1px solid var(--s16-line);border-radius:16px;background:var(--s16-surface);box-shadow:var(--s16-shadow);padding:10px!important;margin-bottom:10px}
body.s16-site .mobile-nav-link{display:flex;padding:.78rem .85rem;border-radius:10px;color:var(--s16-muted);font-weight:700}
body.s16-site .mobile-nav-link:hover,body.s16-site .mobile-nav-link.active{background:var(--s16-surface-2);color:var(--s16-text)}
body.s16-site .mobile-product-link{color:var(--s16-teal);background:color-mix(in srgb,var(--s16-teal) 7%,var(--s16-surface))}

/* First fold refinement */
.s16-hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(500px,.96fr);gap:clamp(34px,4.2vw,64px)}
.s16-hero .s16-container{max-width:var(--s16-content)}
.s16-command{transform:none!important}
.s16-command:hover{transform:translateY(-4px)!important}
.s16-command-body{min-height:450px}
.s16-chart{height:116px}
.s16-stage{display:flex;flex-direction:column}
.s16-decision{margin-top:auto}

/* Unified card proportions and restrained motion */
.s16-pillar,.s16-authority-card,.s16-guardrail,.s16-module-preview,.s16-role-map article,.s16-standard,.s16-product-stage{
  transition:transform .22s var(--s16-ease),border-color .22s ease,box-shadow .22s ease,background-color .22s ease;
}
@media(hover:hover){
  .s16-pillar:hover,.s16-authority-card:hover,.s16-guardrail:hover,.s16-role-map article:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--s16-teal) 34%,var(--s16-line));box-shadow:0 22px 58px rgba(16,33,47,.12)}
  html.dark .s16-pillar:hover,html.dark .s16-authority-card:hover,html.dark .s16-guardrail:hover,html.dark .s16-role-map article:hover{box-shadow:0 24px 65px rgba(0,0,0,.30)}
}
.s16-authority-grid{align-items:stretch}
.s16-authority-card{height:100%}
.s16-guardrail-grid{align-items:stretch}
.s16-guardrail{min-height:270px;height:100%}
.s16-pillar{min-height:360px}

/* Product theatre: balanced, complete image, no excessive vertical canvas */
.s16-product-stage{max-width:1320px;margin-inline:auto}
.s16-product-viewport{aspect-ratio:16/8.8;min-height:0!important;max-height:760px;background-clip:padding-box}
.s16-product-viewport>img{object-fit:contain!important;object-position:center bottom!important}
.s16-product-callout{width:min(270px,27%)}
.s16-product-toolbar{min-height:66px}
.s16-product-caption span{min-height:52px;display:flex;align-items:center;justify-content:center}

/* Module and role layouts */
.s16-module-layout{grid-template-columns:minmax(260px,330px) minmax(0,1fr);align-items:start}
.s16-module-nav{position:sticky;top:96px}
.s16-module-preview{min-height:480px}
.s16-role-map{min-height:560px}

/* Clear keyboard authority */
body.s16-site a:focus-visible,body.s16-site button:focus-visible,body.s16-site input:focus-visible,body.s16-site textarea:focus-visible,body.s16-site select:focus-visible{
  outline:none;box-shadow:var(--s16-focus);border-color:var(--s16-teal)!important
}
.s16-icon-button[aria-pressed="true"]{color:var(--s16-teal);border-color:color-mix(in srgb,var(--s16-teal) 35%,var(--s16-line));background:color-mix(in srgb,var(--s16-teal) 7%,var(--s16-surface))}

/* Floating demo dock: less intrusive */
.s16-demo-dock{max-width:360px;right:18px;bottom:18px;padding:10px 11px;transform:translateZ(0)}
html[dir="rtl"] .s16-demo-dock{right:auto;left:18px}

/* Theme transitions only after initial paint */
html.s16-theme-ready body.s16-site,html.s16-theme-ready body.s16-site header,html.s16-theme-ready .s16-section,html.s16-theme-ready .s16-command,html.s16-theme-ready .s16-product-stage{
  transition:background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease
}

/* RTL typography and alignment */
html[dir="rtl"] .s16-title,html[dir="rtl"] .s16-h2{letter-spacing:0;line-height:1.18}
html[dir="rtl"] .s16-lead,html[dir="rtl"] .s16-copy{line-height:1.95}
html[dir="rtl"] .s16-module-button{text-align:right}
html[dir="rtl"] .s16-module-button.active{box-shadow:inset -3px 0 0 var(--s16-teal)}

@media(max-width:1280px){
  .s16-hero-grid{grid-template-columns:minmax(0,1fr) minmax(460px,.9fr);gap:34px}
  .s16-title{font-size:clamp(3rem,5.6vw,5.4rem)}
  .s16-command-body{min-height:420px}
}
@media(max-width:1100px){
  .s16-hero-grid{grid-template-columns:1fr}
  .s16-command{width:min(100%,820px);margin-inline:auto}
  .s16-module-nav{position:static}
  .s16-product-viewport{aspect-ratio:16/10}
}
@media(max-width:760px){
  :root{--s16-section-space:68px}
  .s16-container{width:min(100% - 1.25rem,var(--s16-content))}
  .s16-hero{padding-top:108px!important;padding-bottom:58px!important}
  .s16-title{font-size:clamp(2.55rem,12vw,4rem);line-height:1.02}
  html[dir="rtl"] .s16-title{line-height:1.22}
  .s16-actions{display:grid;grid-template-columns:1fr}
  .s16-primary,.s16-secondary{width:100%}
  .s16-command-top{height:auto;min-height:54px;gap:8px;flex-wrap:wrap;padding-block:10px}
  .s16-command-body{grid-template-columns:44px minmax(0,1fr);min-height:390px}
  .s16-stage-head{gap:8px}
  .s16-stage-head h3{font-size:.9rem}
  .s16-product-viewport{aspect-ratio:4/4.4;min-height:0!important}
  .s16-product-toolbar{padding:12px}
  .s16-product-caption span{font-size:.62rem;padding:10px 6px}
  .s16-module-layout{grid-template-columns:1fr}
  .s16-module-preview{min-height:auto}
  .s16-role-map{min-height:auto}
  .s16-demo-dock{left:10px!important;right:10px!important;bottom:10px;max-width:none}
}
@media(max-width:420px){
  body.s16-site header .logo-container img{height:44px!important}
  .s16-header-actions{gap:.35rem}
  .s16-icon-button{width:36px;height:36px}
  .s16-command-brand span{display:none}
  .s16-product-caption{grid-template-columns:1fr}
  .s16-product-caption span{border-inline-end:0;border-bottom:1px solid var(--s16-line)!important}
  .s16-product-caption span:last-child{border-bottom:0!important}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* =========================================================
   S+16 V7 — enterprise finish and interaction authority
   Content and section order remain unchanged.
   ========================================================= */
:root{
  --s16-header-h:78px;
  --s16-ring:color-mix(in srgb,var(--s16-teal) 32%,transparent);
  --s16-elevation-1:0 10px 30px rgba(16,33,47,.07);
  --s16-elevation-2:0 24px 64px rgba(16,33,47,.12);
}
html.dark{
  --s16-elevation-1:0 12px 34px rgba(0,0,0,.22);
  --s16-elevation-2:0 28px 72px rgba(0,0,0,.34);
}
body.s16-site header{
  min-height:var(--s16-header-h);
  display:flex;
  align-items:center;
  isolation:isolate;
}
body.s16-site header:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--s16-teal) 30%,var(--s16-line)),transparent);
  opacity:.65;pointer-events:none;
}
body.s16-site header.scrolled{
  background:color-mix(in srgb,var(--s16-surface) 94%,transparent)!important;
  box-shadow:0 14px 40px rgba(16,33,47,.10)!important;
}
html.dark body.s16-site header.scrolled{box-shadow:0 16px 46px rgba(0,0,0,.34)!important}
body.s16-site .nav-link{position:relative;padding-block:.72rem}
body.s16-site .nav-link:not(.nav-product):after{
  content:"";position:absolute;inset-inline:50%;bottom:.25rem;height:2px;border-radius:99px;
  background:linear-gradient(90deg,var(--s16-teal),var(--s16-gold));
  transition:inset .22s var(--s16-ease),opacity .22s ease;opacity:0;
}
body.s16-site .nav-link:not(.nav-product):hover:after,
body.s16-site .nav-link:not(.nav-product).active:after,
body.s16-site .nav-link[aria-current="page"]:after{inset-inline:12%;opacity:1}
.s16-icon-button,.s16-login,.s16-primary,.s16-secondary,.s16-mini-link{
  position:relative;overflow:hidden;isolation:isolate;
}
.s16-icon-button:before,.s16-login:before,.s16-primary:before,.s16-secondary:before,.s16-mini-link:before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.23) 48%,transparent 72%);
  transform:translateX(-140%);transition:transform .55s var(--s16-ease);
}
html[dir="rtl"] .s16-icon-button:before,html[dir="rtl"] .s16-login:before,html[dir="rtl"] .s16-primary:before,html[dir="rtl"] .s16-secondary:before,html[dir="rtl"] .s16-mini-link:before{transform:translateX(140%)}
@media(hover:hover){
  .s16-icon-button:hover:before,.s16-login:hover:before,.s16-primary:hover:before,.s16-secondary:hover:before,.s16-mini-link:hover:before{transform:translateX(140%)}
  html[dir="rtl"] .s16-icon-button:hover:before,html[dir="rtl"] .s16-login:hover:before,html[dir="rtl"] .s16-primary:hover:before,html[dir="rtl"] .s16-secondary:hover:before,html[dir="rtl"] .s16-mini-link:hover:before{transform:translateX(-140%)}
}

/* Hero refinement: stronger composition without changing copy. */
.s16-hero{padding-top:clamp(122px,10vw,150px);padding-bottom:clamp(66px,7vw,92px)}
.s16-hero-grid:before{
  content:"";position:absolute;width:440px;height:440px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--s16-teal) 18%,transparent);
  inset-inline-end:-210px;top:-160px;box-shadow:0 0 0 58px color-mix(in srgb,var(--s16-teal) 3.5%,transparent),0 0 0 116px color-mix(in srgb,var(--s16-gold) 2.5%,transparent);
  pointer-events:none;
}
.s16-eyebrow{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
html:not(.dark) .s16-eyebrow{box-shadow:0 8px 24px rgba(15,117,106,.07),inset 0 1px 0 #fff}
.s16-title{max-width:940px}
.s16-lead{max-width:760px}
.s16-proof{padding-top:1.15rem;border-top:1px solid rgba(255,255,255,.10);max-width:760px}
html:not(.dark) .s16-proof{border-top-color:var(--s16-line)}
.s16-command{box-shadow:var(--s16-shadow-lg);border-radius:26px}
html:not(.dark) .s16-command{box-shadow:0 34px 90px rgba(16,33,47,.16)}
.s16-command-top{min-height:58px}
.s16-command-body{grid-template-columns:68px minmax(0,1fr)}
.s16-stage{padding:20px}
.s16-kpi{min-height:78px;display:flex;flex-direction:column;justify-content:center}
.s16-chart-panel{min-height:170px}
.s16-decision{min-height:68px}

/* Cleaner section cadence and enterprise cards. */
.s16-section-heading{position:relative;padding-inline-start:18px}
.s16-section-heading:before{
  content:"";position:absolute;inset-inline-start:0;top:.3rem;width:3px;height:58px;border-radius:999px;
  background:linear-gradient(180deg,var(--s16-teal),var(--s16-gold));
}
.s16-pillar,.s16-authority-card,.s16-guardrail,.s16-standard,.s16-role-map article{
  box-shadow:var(--s16-elevation-1);
}
.s16-pillar:after,.s16-authority-card:after,.s16-guardrail:after,.s16-standard:after,.s16-role-map article:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58);opacity:.9;
}
html.dark .s16-pillar:after,html.dark .s16-authority-card:after,html.dark .s16-guardrail:after,html.dark .s16-standard:after,html.dark .s16-role-map article:after{box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.s16-authority-card,.s16-guardrail,.s16-standard,.s16-role-map article{position:relative;overflow:hidden}
.s16-authority-card:before,.s16-guardrail:before{
  content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--s16-teal),color-mix(in srgb,var(--s16-gold) 65%,var(--s16-teal)));
  opacity:.72;
}
@media(hover:hover){
  .s16-pillar:hover,.s16-authority-card:hover,.s16-guardrail:hover,.s16-standard:hover,.s16-role-map article:hover{box-shadow:var(--s16-elevation-2)}
}

/* Product theatre: cleaner frame and graceful theme crossfade. */
.s16-product-stage{border-radius:28px;box-shadow:var(--s16-elevation-2);overflow:hidden}
.s16-product-toolbar{border-bottom:1px solid var(--s16-line)}
.s16-product-viewport{position:relative;overflow:hidden}
.s16-product-viewport:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 65%,rgba(5,17,25,.08));
}
html.dark .s16-product-viewport:after{background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.30))}
.s16-product-viewport>img{opacity:0!important;visibility:hidden;transition:opacity .42s ease,visibility .42s ease!important}
.s16-product-viewport>img.active{opacity:1!important;visibility:visible}
.s16-product-callout{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:3}
.s16-product-caption{border-top:1px solid var(--s16-line)}

/* Better interactive module authority. */
.s16-module-button{min-height:60px;box-shadow:0 7px 20px rgba(16,33,47,.045)}
html.dark .s16-module-button{box-shadow:none}
.s16-module-button.active{transform:translateX(4px)}
html[dir="rtl"] .s16-module-button.active{transform:translateX(-4px)}
.s16-module-preview{box-shadow:var(--s16-elevation-1)}

/* Demo dock and utility controls. */
.s16-demo-dock{border:1px solid var(--s16-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.s16-back-to-top{
  position:fixed;z-index:58;inset-inline-end:20px;bottom:92px;width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;border:1px solid var(--s16-line);background:color-mix(in srgb,var(--s16-surface) 92%,transparent);color:var(--s16-text);
  box-shadow:var(--s16-elevation-1);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s var(--s16-ease)
}
.s16-back-to-top.visible{opacity:1;visibility:visible;transform:none}
.s16-back-to-top:hover{color:var(--s16-teal);border-color:var(--s16-ring);transform:translateY(-2px)}
html[dir="rtl"] .s16-back-to-top{inset-inline-end:auto;inset-inline-start:20px}

/* Responsive finish. */
@media(max-width:1100px){
  .s16-hero-grid:before{width:340px;height:340px;inset-inline-end:-190px;top:-110px}
  .s16-command{max-width:860px}
}
@media(max-width:760px){
  .s16-section-heading{padding-inline-start:13px}
  .s16-section-heading:before{height:44px;width:2px}
  .s16-proof{display:grid;grid-template-columns:1fr;gap:.65rem}
  .s16-command-body{grid-template-columns:42px minmax(0,1fr)}
  .s16-stage{padding:13px}
  .s16-kpis{gap:6px}
  .s16-kpi{padding:9px;min-height:68px}
  .s16-kpi strong{font-size:1.05rem}
  .s16-chart-panel{min-height:145px;padding:10px}
  .s16-decision{grid-template-columns:1fr;align-items:start}
  .s16-decision-status{justify-self:start}
  .s16-product-callout{width:min(230px,62%)}
  .s16-back-to-top{bottom:86px;inset-inline-end:12px}
  html[dir="rtl"] .s16-back-to-top{inset-inline-start:12px}
}
@media(max-width:520px){
  .s16-demo-dock{display:grid!important;grid-template-columns:1fr auto;gap:8px}
  .s16-demo-dock small{font-size:.52rem}
  .s16-demo-dock b{font-size:.7rem}
  .s16-demo-dock a{white-space:nowrap}
  .s16-command-top .s16-authority-badge{display:none}
  .s16-kpi small{font-size:.5rem}
}

/* =========================================================
   S+16 V7.1 HOTFIX — ENTERPRISE ROLE MAP LAYOUT AUTHORITY
   Restores deterministic placement after V7 generic card rules.
   ========================================================= */
@media (min-width:1001px){
  .s16-role-map{
    display:grid;
    grid-template-columns:minmax(180px,1fr) minmax(240px,1.15fr) minmax(180px,1fr);
    grid-template-rows:minmax(150px,1fr) minmax(220px,1.15fr) minmax(150px,1fr);
    align-items:center;
    justify-items:center;
    gap:18px 30px;
    min-height:620px;
    padding:38px 48px;
    overflow:hidden;
    isolation:isolate;
  }
  .s16-role-map:before,
  .s16-role-map:after{z-index:0;pointer-events:none}
  .s16-role-core{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    grid-column:2;
    grid-row:2;
    z-index:3;
  }
  .s16-role-map article{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:min(100%,220px);
    min-height:116px;
    z-index:2;
  }
  .s16-role-map article:nth-of-type(1){grid-column:1;grid-row:1}
  .s16-role-map article:nth-of-type(2){grid-column:1;grid-row:3}
  .s16-role-map article:nth-of-type(3){grid-column:2;grid-row:1}
  .s16-role-map article:nth-of-type(4){grid-column:2;grid-row:3}
  .s16-role-map article:nth-of-type(5){grid-column:3;grid-row:1}
  .s16-role-map article:nth-of-type(6){grid-column:3;grid-row:3}
  @media(hover:hover){
    .s16-role-map article:hover{transform:translateY(-4px)!important}
  }
}
@media (max-width:1000px){
  .s16-role-map article{inset:auto!important}
}