/* V2 "Deep Corporate" theme: depth, gold accent, serif display type, light and dark modes. Loads after v2.css. */
:root{--gold:#c9a24b;--gold-hi:#e6c26a;--serif:Georgia,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif}
html[data-theme=dark]{color-scheme:dark}
html{background:#050b1a}

/* display type */
h1,h2,.thesis blockquote{font-family:var(--serif);font-weight:500}
h1{letter-spacing:-1.6px}h2{letter-spacing:-.8px}
@media(min-width:1051px){.hero h1{letter-spacing:-1.4px}}
.interior h1{letter-spacing:-1.2px}

/* header: glass with a gold hairline */
header{background:rgba(5,11,26,.9);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(230,194,106,.6),transparent);pointer-events:none}

/* hero: layered depth, grid and a slow light sweep */
.hero{position:relative;background:radial-gradient(900px 520px at 80% 25%,rgba(0,229,199,.16),transparent 62%),radial-gradient(760px 520px at 8% -10%,rgba(88,96,255,.26),transparent 60%),linear-gradient(180deg,#081330 0%,#050b1a 100%)}
.hero>.wrap{position:relative;z-index:1}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(157,176,203,.34) 1.1px,transparent 1.4px);background-size:24px 24px;background-position:12px 12px}
.hero .hero-svg>rect[fill^="url"]{display:none}
.hero::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:32%;will-change:transform;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(0,229,199,.012) 20%,rgba(0,229,199,.05) 50%,rgba(0,229,199,.012) 80%,transparent 100%);animation:sweep 12s ease-in-out infinite}
@keyframes sweep{0%,100%{transform:translateX(0)}55%{transform:translateX(430%)}}
.motion-off .hero::after{animation:none;opacity:0}
.hero .eyebrow .dot{background:var(--gold-hi)}
.hero h1 em{color:#00e5c7}
.hero .chips li{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.cta{background:radial-gradient(700px 320px at 88% 0,rgba(0,229,199,.15),transparent 62%),radial-gradient(600px 300px at 0 100%,rgba(88,96,255,.18),transparent 60%),#050b1a}
.thesis{background:radial-gradient(800px 360px at 15% 0,rgba(88,96,255,.2),transparent 60%),#0e1730}
.footer{background:linear-gradient(180deg,#050b1a,#03070f)}

/* light mode: paper tones, soft cards, gold rule on eyebrows */
html[data-theme=light] body{background:#fff}
.section.light,.audience,.proof,.cert-sec{background:linear-gradient(180deg,#f6f8fc,#ebf0f8)}
.section .eyebrow::before{content:"";width:26px;height:2px;background:var(--gold);border-radius:2px;flex:0 0 auto}
.card,.cmp-col,.toc,.replay{box-shadow:0 1px 2px rgba(5,11,26,.05),0 14px 30px -18px rgba(5,11,26,.22)}
.cmp-col.after{box-shadow:0 18px 40px -16px rgba(5,11,26,.5)}
.card.link:hover{border-color:var(--gold);box-shadow:0 18px 38px -16px rgba(5,11,26,.28)}
.btn{box-shadow:0 1px 0 rgba(255,255,255,.35) inset}

/* theme toggle */
.theme-btn{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff33;background:#ffffff0d;color:#e6c26a;display:grid;place-items:center;padding:0;transition:background .18s,border-color .18s}
.theme-btn:hover{background:#ffffff1c;border-color:#e6c26a}
.theme-btn:focus-visible{outline:3px solid #7fb2ff;outline-offset:3px}
.theme-btn svg{width:20px;height:20px}
.theme-btn .i-sun{display:none}
html[data-theme=dark] .theme-btn .i-sun{display:block}html[data-theme=dark] .theme-btn .i-moon{display:none}
@media(max-width:760px){.theme-btn{margin-right:8px}}

/* big counters */
.statrow{display:flex;align-items:center;gap:22px;margin:0 0 22px}
.stat{display:flex;flex-direction:column;gap:2px}
.stat .cnt{font:700 clamp(44px,6vw,64px)/1 var(--serif);letter-spacing:-1px}
.stat small{font:12px ui-monospace,monospace;letter-spacing:1px;text-transform:uppercase;color:#566681}
.stat.ok .cnt{color:#0d6a3d}.stat.no .cnt{color:#a1202f}
.statarrow{font-size:34px;color:var(--gold)}
.cert-tiles b .cnt{font:inherit}

/* dark mode */
html[data-theme=dark] body{background:#070d1c;color:#e8eef9}
html[data-theme=dark] .section{background:#070d1c}
html[data-theme=dark] .section.light,html[data-theme=dark] .audience,html[data-theme=dark] .proof,html[data-theme=dark] .cert-sec{background:linear-gradient(180deg,#0a1226,#0c1630)}
html[data-theme=dark] .audience{border-bottom-color:#1a2744}
html[data-theme=dark] .audience p,html[data-theme=dark] .section-head p,html[data-theme=dark] .proof-lead,html[data-theme=dark] .reading p,html[data-theme=dark] .card p,html[data-theme=dark] .step p,html[data-theme=dark] details p{color:#aebdd5}
html[data-theme=dark] .small,html[data-theme=dark] .stat small,html[data-theme=dark] .cmp-tag,html[data-theme=dark] .toc h4,html[data-theme=dark] .diagram-title,html[data-theme=dark] .diagram-caption{color:#9fb0ca}
html[data-theme=dark] .eyebrow,html[data-theme=dark] .num,html[data-theme=dark] .textlink,html[data-theme=dark] .card .tag,html[data-theme=dark] .progress{color:#00e5c7}
html[data-theme=dark] .section .eyebrow::before{background:var(--gold-hi)}
html[data-theme=dark] .card{background:#0b1328;border-color:#1f2c4a;box-shadow:0 1px 2px rgba(0,0,0,.4),0 18px 36px -20px rgba(0,0,0,.7)}
html[data-theme=dark] .card .arrow{color:#8fa2c0}
html[data-theme=dark] .card.link:hover{border-color:var(--gold-hi)}
html[data-theme=dark] .card.link:hover .arrow{color:#00e5c7}
html[data-theme=dark] .icon{background:#0e2a30;border-color:#14505a;color:#00e5c7}
html[data-theme=dark] .columns>div{border-top-color:#1f2c4a}
html[data-theme=dark] .step{border-top-color:#2a3a5c}
html[data-theme=dark] .step::before{border-color:#070d1c;box-shadow:0 0 0 4px #0e2a30}
html[data-theme=dark] .notice,html[data-theme=dark] .side .notice{background:#0e1a33;border-left-color:#00e5c7;color:#dbe6f6}
html[data-theme=dark] .toc{background:#0b1328;border-color:#1f2c4a;box-shadow:none}
html[data-theme=dark] .toc a{color:#c8d6ea;border-bottom-color:#16223d}
html[data-theme=dark] .toc a:hover{color:#00e5c7}
html[data-theme=dark] .cmp-col{background:#0b1328;border-color:#1f2c4a;box-shadow:none}
html[data-theme=dark] .cmp-col.after{background:#0e1730;border-color:#1e6b66}
html[data-theme=dark] .cmp-col.after .cmp-tag{color:#00e5c7}
html[data-theme=dark] .flow li{background:#101a33;color:#d7e2f2}
html[data-theme=dark] .flow b{background:#1c2b4b;color:#bcd7ff}
html[data-theme=dark] .flow li.bad{background:#2a1519;color:#ffd5d7}
html[data-theme=dark] .flow li.bad b{background:#c0383d;color:#fff}
html[data-theme=dark] .replay{background:#0b1328;border-color:#1f2c4a;box-shadow:none}
html[data-theme=dark] .rtab th{background:#101a33;color:#e8eef9}
html[data-theme=dark] th,html[data-theme=dark] td{border-bottom-color:#1f2c4a}
html[data-theme=dark] table th{background:#101a33}
html[data-theme=dark] .rtab code.ok{background:#0f3a2a;color:#7be3b0}
html[data-theme=dark] .rtab code.no{background:#3a1319;color:#ff9aa3}
html[data-theme=dark] .stat.ok .cnt{color:#7be3b0}html[data-theme=dark] .stat.no .cnt{color:#ff9aa3}
html[data-theme=dark] .tabs button{background:#0b1328;color:#c8d6ea;border-color:#1f2c4a}
html[data-theme=dark] .tabs button.active{background:#00e5c7;color:#050b1a;border-color:#00e5c7}
html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background:#0b1328;color:#e8eef9;border-color:#2a3a5c}
html[data-theme=dark] details{border-bottom-color:#1f2c4a}
html[data-theme=dark] .btn.dark{background:#16264a;border-color:#2a3d68;color:#fff}
html[data-theme=dark] .btn.dark:hover{background:#1d3260}
html[data-theme=dark] .cert{border:1px solid #1f2c4a}
html[data-theme=dark] .ds-panel{border:1px solid #1f2c4a}
html[data-theme=dark] .hero .small{color:#9db0cb}
html[data-theme=dark] .footer .small{color:#9aaac4}
html[data-theme=dark] .cta .eyebrow,html[data-theme=dark] .thesis .eyebrow{color:#00e5c7}

@media(prefers-reduced-motion:reduce){.hero::after{display:none}}

/* standards cross-references */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.xref-sec{background:linear-gradient(180deg,#f6f8fc,#ebf0f8)}
.xref-sec .notice{max-width:900px}
.xr-group{margin:40px 0 16px;font:600 13px ui-monospace,monospace;letter-spacing:1.6px;text-transform:uppercase;color:#566681}
.xr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}
.xr-card{background:#fff;border:1px solid #dce2ec;border-radius:12px;padding:22px 24px;box-shadow:0 1px 2px rgba(5,11,26,.05),0 14px 30px -18px rgba(5,11,26,.22)}
.xr-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.xr-top h4{margin:0;font-size:18px;font-family:var(--serif);font-weight:600}
.xr-top a,.xref-groups a{color:#00695d;font-size:14px;font-weight:600}
.xr-top a:hover,.xref-groups a:hover{text-decoration:underline;text-underline-offset:3px}
.xr-card p{margin:10px 0 14px;font-size:15px;color:#566681}
.xr-card summary{cursor:pointer;font-weight:600;font-size:14px;min-height:44px;display:flex;align-items:center;color:#26354f}
.xr-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.xr-list li{display:grid;gap:2px;font-size:14px;padding-top:10px;border-top:1px solid #e5eaf2}
.xr-list li span{color:#566681;font-size:13px}
.xr-thr{font-weight:600;color:#101b2d}.xr-thr:hover{text-decoration:underline}
.xref-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:14px}
.xref-groups h4{margin:0 0 10px;font:600 12px ui-monospace,monospace;letter-spacing:1.4px;text-transform:uppercase;color:#566681}
.xref-groups ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.xref-groups li{font-size:15px;line-height:1.45}
html[data-theme=dark] .xref-sec{background:linear-gradient(180deg,#0a1226,#0c1630)}
html[data-theme=dark] .xr-group,html[data-theme=dark] .xref-groups h4{color:#9fb0ca}
html[data-theme=dark] .xr-card{background:#0b1328;border-color:#1f2c4a;box-shadow:none}
html[data-theme=dark] .xr-top a,html[data-theme=dark] .xref-groups a{color:#00e5c7}
html[data-theme=dark] .xr-card p,html[data-theme=dark] .xr-list li span{color:#aebdd5}
html[data-theme=dark] .xr-card summary{color:#e8eef9}
html[data-theme=dark] .xr-list li{border-top-color:#1f2c4a}
html[data-theme=dark] .xr-thr{color:#e8eef9}

.xr-card details{border:0;padding:0;border-top:1px solid #e5eaf2}
.xr-card summary{list-style:none;justify-content:space-between}
.xr-card summary::-webkit-details-marker{display:none}
.xr-card summary::after{content:"+";font:600 20px/1 ui-monospace,monospace;color:#00695d}
.xr-card details[open] summary::after{content:"\2212"}
html[data-theme=dark] .xr-card details{border-top-color:#1f2c4a}
html[data-theme=dark] .xr-card summary::after{color:#00e5c7}

/* related-topics strip: dark, flat, enterprise */
.rel-strip{background:radial-gradient(900px 380px at 88% 0,rgba(0,229,199,.13),transparent 62%),radial-gradient(700px 360px at 0 100%,rgba(88,96,255,.16),transparent 60%),linear-gradient(180deg,#07112a,#050b1a);color:#fff;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}
html[data-theme] .rel-strip{background:radial-gradient(900px 380px at 88% 0,rgba(0,229,199,.13),transparent 62%),radial-gradient(700px 360px at 0 100%,rgba(88,96,255,.16),transparent 60%),linear-gradient(180deg,#07112a,#050b1a)}
.rel-strip .eyebrow{color:#00e5c7}.rel-strip .section-head p{color:#aebdd5}
.car-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.car-head .eyebrow{margin-bottom:14px}.car-head h2{margin-bottom:0;color:#fff}
.car-ctl{display:none;align-items:center;gap:10px;flex:0 0 auto}
.js .car-ctl{display:flex}
.car-count{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.4px;color:#9db0cb;margin-right:14px}
.car-count b{color:#fff;font-weight:600}
.car-btn{width:52px;height:52px;border-radius:2px;border:1px solid #ffffff4d;background:transparent;color:#fff;display:grid;place-items:center;padding:0;transition:background .18s,border-color .18s,color .18s}
.car-btn svg{width:24px;height:24px}
.car-btn:hover:not(:disabled){background:#00e5c7;border-color:#00e5c7;color:#050b1a}
.car-btn:disabled{opacity:.3;cursor:default}
.car-btn:focus-visible,.rc:focus-visible{outline:3px solid #7fb2ff;outline-offset:3px}
.car{position:relative}
.car-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px 0 8px;scrollbar-width:none;overscroll-behavior-x:contain}
.car-track::-webkit-scrollbar{display:none}
.rc{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;min-width:0;display:flex;flex-direction:column;gap:14px;padding:30px 30px 28px;background:rgba(255,255,255,.04);border:1px solid #ffffff1f;border-top:2px solid #ffffff2e;border-radius:2px;color:#fff;transition:background .2s,border-color .2s,transform .2s}
.rc:hover{background:rgba(255,255,255,.08);border-top-color:#00e5c7;transform:translateY(-3px)}
.rc-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.rc-n{font:600 13px ui-monospace,monospace;letter-spacing:1.4px;color:#00e5c7}
.rc-tag{font:11px ui-monospace,monospace;letter-spacing:1.4px;text-transform:uppercase;color:#9db0cb;text-align:right}
.rc h3{margin:0;font-size:23px;line-height:1.25;letter-spacing:-.4px;font-weight:600;color:#fff}
.rc p{margin:0;font-size:15.5px;line-height:1.6;color:#b3c2d8;flex:1}
.rc-go{margin-top:14px;font-size:14px;font-weight:600;color:#00e5c7;display:inline-flex;gap:8px;align-items:center;padding-top:16px;border-top:1px solid #ffffff1f}
.rc-go i{font-style:normal;transition:transform .2s}
.rc:hover .rc-go i{transform:translateX(5px)}
.rc:hover .rc-go{text-decoration:underline;text-underline-offset:4px}
.rc-all{background:linear-gradient(160deg,#0f2a3d,#0a1830);border-top-color:#00e5c7}
.car-bar{position:relative;height:2px;background:#ffffff26;margin-top:22px}
.car-bar i{position:absolute;top:0;bottom:0;left:0;width:33%;background:#00e5c7;transition:left .15s linear,width .15s linear}
@media(max-width:1050px){.rc{flex-basis:calc((100% - 20px)/2)}}
@media(max-width:640px){.rc{flex-basis:84%;padding:24px 22px}.car-head{align-items:flex-start;flex-direction:column;gap:18px}.car-count{display:none}.car-btn{width:46px;height:46px}.rc h3{font-size:21px}}
@media(prefers-reduced-motion:reduce){.car-track{scroll-behavior:auto}.rc,.rc-go i,.car-bar i{transition:none}}

/* related strip, light mode: white with a dotted field */
html[data-theme=light] .rel-strip{background-color:#fff;background-image:radial-gradient(rgba(5,11,26,.16) 1.2px,transparent 1.6px);background-size:24px 24px;background-position:12px 12px;color:#101b2d;border-top:1px solid #dce2ec;border-bottom:1px solid #dce2ec}
html[data-theme=light] .rel-strip .eyebrow{color:#007568}
html[data-theme=light] .car-head h2{color:#101b2d}
html[data-theme=light] .car-count{color:#566681}html[data-theme=light] .car-count b{color:#101b2d}
html[data-theme=light] .car-btn{border-color:#9aa8bf;color:#101b2d;background:#fff}
html[data-theme=light] .car-btn:hover:not(:disabled){background:#050b1a;border-color:#050b1a;color:#00e5c7}
html[data-theme=light] .car-btn:focus-visible,html[data-theme=light] .rc:focus-visible{outline-color:#2d7dff}
html[data-theme=light] .rc{background:#fff;border-color:#dce2ec;border-top-color:#cbd5e2;color:#101b2d;box-shadow:0 1px 2px rgba(5,11,26,.05),0 12px 26px -18px rgba(5,11,26,.25)}
html[data-theme=light] .rc:hover{background:#fff;border-top-color:#00a38f;box-shadow:0 18px 36px -18px rgba(5,11,26,.32)}
html[data-theme=light] .rc h3{color:#101b2d}
html[data-theme=light] .rc p{color:#566681}
html[data-theme=light] .rc-n{color:#00695d}
html[data-theme=light] .rc-tag{color:#566681}
html[data-theme=light] .rc-go{color:#00695d;border-top-color:#e5eaf2}
html[data-theme=light] .rc-all{background:#050b1a;border-color:#050b1a;border-top-color:#00e5c7}
html[data-theme=light] .rc-all h3{color:#fff}html[data-theme=light] .rc-all p{color:#b3c2d8}html[data-theme=light] .rc-all .rc-tag{color:#9db0cb}html[data-theme=light] .rc-all .rc-go{color:#00e5c7;border-top-color:#ffffff26}
html[data-theme=light] .car-bar{background:#dce2ec}
html[data-theme=light] .car-bar i{background:#00a38f}