:root{--bg:#050b12;--bg2:#08131f;--panel:#0d1a27;--panel2:#101f2e;--line:rgba(148,163,184,.18);--text:#f8fafc;--muted:#9fb0c6;--soft:#cbd5e1;--green:#10b981;--green2:#34d399;--red:#ef4444;--amber:#f59e0b;--blue:#38bdf8;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
	*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 10%,rgba(16,185,129,.12),transparent 32rem),linear-gradient(180deg,#03070d,#07121f 45%,#050b12);color:var(--text);font-family:var(--sans);line-height:1.55}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green2);outline-offset:3px}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.narrow{width:min(900px,calc(100% - 40px))}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:18px min(5vw,48px);background:rgba(5,11,18,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.01em}.mark{width:28px;height:28px;color:var(--green)}nav{display:flex;gap:20px;align-items:center}nav a,.site-footer a{text-decoration:none;color:var(--muted);font-size:14px}nav a:hover,.site-footer a:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:8px;border:1px solid var(--line);font-weight:750;text-decoration:none;color:var(--text);font-size:14px}.button.primary{background:linear-gradient(180deg,var(--green2),var(--green));border-color:rgba(16,185,129,.7);color:#02130d}.button.secondary{background:rgba(255,255,255,.05)}.button.ghost{background:transparent}.button.small{min-height:36px;padding:0 14px}.hero{padding:84px 0 54px}.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:44px;align-items:center}h1{font-size:clamp(44px,7vw,84px);line-height:.96;margin:0 0 22px;letter-spacing:0;font-weight:850}h2{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:0 0 14px}h3{margin:0 0 10px;font-size:18px}.lead{font-size:clamp(18px,2vw,22px);color:var(--soft);max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.layer-diagram{display:grid;gap:14px;perspective:900px}.layer{min-height:120px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(16,185,129,.09),rgba(56,189,248,.03));display:grid;place-items:center;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.25);transform:skewY(-5deg)}.layer.active{border-color:rgba(16,185,129,.55);box-shadow:0 0 0 1px rgba(16,185,129,.12),0 30px 90px rgba(16,185,129,.12)}.layer strong{font-size:20px}.layer span{display:block;color:var(--muted)}.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:70px}.proof-strip div,.card,.section-band,.table-wrap{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:0 18px 50px rgba(0,0,0,.18)}.proof-strip div{padding:18px}.proof-strip strong{display:block;color:var(--green2)}.proof-strip span,.card p,.section-heading p,.section-band p,.page-hero p,.article p,li{color:var(--muted)}section{margin-bottom:70px}.section-heading{max-width:850px;margin-bottom:24px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.card{padding:22px;text-decoration:none}.card code,.code-grid code,.code-panel code,pre code{font-family:var(--mono);font-size:13px;color:var(--green2)}.section-band{padding:32px}.code-panel{display:grid;gap:12px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#07111c}.pill{display:inline-flex;width:max-content;border-radius:999px;border:1px solid currentColor;padding:3px 8px;font:700 11px var(--mono)}.good{color:var(--green2)}.warn{color:var(--amber)}.bad{color:var(--red)}.blue{color:var(--blue)}.page-hero{padding:70px 0 26px}.page-hero h1{font-size:clamp(42px,6vw,72px)}.info-box{padding:18px;border:1px solid var(--line);border-radius:10px;background:#07111c}.post-card h2{font-size:26px}.eyebrow{display:block;color:var(--green2);font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.hero-video{display:grid;gap:14px;align-self:center}.hero-video h2{font-size:24px;line-height:1.15;margin:0}.video-section{align-items:center}.video-copy p{color:var(--muted)}.video-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#02070d;box-shadow:0 24px 80px rgba(0,0,0,.28)}.video-frame iframe{display:block;width:100%;height:100%;border:0}.video-focus{display:grid;gap:20px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.video-card{display:grid;gap:14px}.video-card h3,.video-card p{margin:0}.article{max-width:860px}.article h1{font-size:clamp(38px,5vw,66px)}.article h2{margin-top:42px;font-size:30px}.article-links,.related div{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0}.article-links a,.related a{border:1px solid var(--line);border-radius:999px;padding:8px 12px;text-decoration:none;color:var(--soft);font-size:13px}.related{border-top:1px solid var(--line);margin-top:44px;padding-top:28px}.check-list li{margin-bottom:10px}.code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.code-grid code{display:block;padding:14px;border:1px solid var(--line);border-radius:8px;background:#07111c}table{width:100%;border-collapse:collapse}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--green2)}td{color:var(--muted)}pre{overflow:auto;white-space:pre-wrap}.site-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:34px min(5vw,48px);border-top:1px solid var(--line);color:var(--muted)}.site-footer div{display:flex;gap:16px}@media(max-width:980px){.site-header{position:static;align-items:flex-start;flex-wrap:wrap}.site-header nav{order:3;width:100%;overflow:auto}.site-header .button{display:none}.split,.grid.two,.grid.three,.grid.four,.grid.five,.proof-strip,.video-grid{grid-template-columns:1fr}.hero{padding-top:44px}.layer{transform:none}.site-footer{display:block}.site-footer div{margin-top:16px}}@media(max-width:560px){.container,.narrow{width:min(100% - 24px,1180px)}h1{font-size:40px}.button{width:100%}.site-header nav{gap:12px}.card,.section-band{padding:18px}}
	.docs-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;padding-top:54px}.docs-nav{position:sticky;top:82px;align-self:start;display:grid;gap:6px;max-height:calc(100vh - 110px);overflow:auto;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(5,11,18,.62)}.docs-nav a{display:block;padding:8px 10px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:13px}.docs-nav a:hover{background:rgba(255,255,255,.05);color:var(--text)}.docs-content{min-width:0}.docs-content h1{font-size:clamp(36px,5vw,64px)}.docs-content section{padding:24px 0;margin:0;border-bottom:1px solid var(--line)}.docs-content section:last-child{border-bottom:0}.docs-content p{color:var(--muted)}.docs-content code{font-family:var(--mono);color:var(--green2);word-break:break-word}.docs-content pre{border:1px solid var(--line);border-radius:12px;background:#07111c;padding:18px;white-space:pre;overflow:auto}.docs-content table{min-width:640px;max-width:100%;display:block;overflow-x:auto}.back-link{display:inline-flex;margin-bottom:14px;color:var(--green2);font:800 12px var(--mono);text-decoration:none;text-transform:uppercase;letter-spacing:.08em}@media(max-width:900px){.docs-layout{grid-template-columns:1fr;padding-top:28px}.docs-nav{position:relative;top:auto;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.docs-nav{grid-template-columns:1fr}.docs-content pre{font-size:12px}.docs-content table{min-width:0;font-size:12px}th,td{padding:10px;word-break:break-word}}
	.site-progress{position:fixed;top:0;left:0;z-index:40;width:100%;height:2px;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--green2),var(--blue));pointer-events:none}.site-header nav a[aria-current=page]{color:var(--green2)}.site-header nav a[aria-current=page]::after{content:"";display:block;height:2px;margin-top:5px;border-radius:999px;background:currentColor}.button,.card,.section-band,.table-wrap,.proof-strip div,.code-panel,.layer,.article-links a,.related a,.code-grid code,.video-frame{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background-color .18s ease}.card,.section-band,.table-wrap,.proof-strip div,.code-panel,.layer{position:relative;overflow:hidden}.card:hover,.section-band:hover,.table-wrap:hover,.proof-strip div:hover,.code-panel:hover,.layer:hover{border-color:rgba(52,211,153,.42);box-shadow:0 24px 70px rgba(0,0,0,.24),0 0 0 1px rgba(16,185,129,.08);transform:translateY(-2px)}.video-frame:hover{border-color:rgba(52,211,153,.42);box-shadow:0 28px 90px rgba(0,0,0,.32),0 0 0 1px rgba(16,185,129,.08)}.button:hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(0,0,0,.22)}.mark{transition:filter .2s ease,transform .2s ease}.brand:hover .mark{filter:drop-shadow(0 0 12px rgba(52,211,153,.55));transform:rotate(8deg)}.copy-wrap{position:relative}.copy-button{position:absolute;top:10px;right:10px;z-index:2;min-height:30px;padding:0 10px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:rgba(5,11,18,.9);color:var(--soft);font:800 11px var(--mono);cursor:pointer}.copy-button[data-copied=true]{border-color:rgba(52,211,153,.52);color:var(--green2)}@media(prefers-reduced-motion:no-preference){.js-ready .reveal-ready{opacity:1;transform:translateY(10px);transition:transform .5s ease}.js-ready .reveal-ready.is-visible{transform:none}.layer.active{animation:control-breathe 4.5s ease-in-out infinite}.proof-strip div:nth-child(1){transition-delay:.02s}.proof-strip div:nth-child(2){transition-delay:.08s}.proof-strip div:nth-child(3){transition-delay:.14s}.proof-strip div:nth-child(4){transition-delay:.2s}@keyframes control-breathe{0%,100%{box-shadow:0 0 0 1px rgba(16,185,129,.12),0 30px 90px rgba(16,185,129,.12)}50%{box-shadow:0 0 0 1px rgba(52,211,153,.3),0 34px 100px rgba(16,185,129,.2)}}}
.article>.meta{margin-top:70px;color:var(--green2);font:800 12px var(--mono);text-transform:uppercase;letter-spacing:.08em}.article>.subtitle{font-size:clamp(18px,2vw,23px);color:var(--soft);margin:0 0 30px}.article h3{margin-top:28px;color:var(--text);font-size:22px}.article ul,.article ol{padding-left:24px}.article li{margin:8px 0}.article code{font-family:var(--mono);color:var(--green2);background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.16);border-radius:6px;padding:1px 5px}.article hr{border:0;border-top:1px solid var(--line);margin:38px 0}.highlight-box,.warning-box,.incident-box,.cta-section,.direction-callout{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:0 18px 50px rgba(0,0,0,.18);padding:22px;margin:26px 0}.highlight-box{border-color:rgba(52,211,153,.28)}.warning-box{border-color:rgba(245,158,11,.38)}.direction-callout{border-color:rgba(56,189,248,.34);background:linear-gradient(145deg,rgba(56,189,248,.10),rgba(16,185,129,.055));margin-top:50px}.direction-callout h2{margin-top:0}.incident-box{padding:24px;border-color:rgba(148,163,184,.24)}.incident-meta{color:var(--muted);font:800 12px var(--mono);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.severity{color:var(--red)}.date{color:var(--blue)}.incident-quote{border-left:3px solid var(--green2);padding:12px 16px;margin:18px 0;background:rgba(16,185,129,.08);color:var(--soft);font-weight:750}.analysis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.analysis-wrong,.analysis-fix{border:1px solid var(--line);border-radius:10px;padding:16px;background:rgba(5,11,18,.38)}.analysis-wrong{border-color:rgba(239,68,68,.24)}.analysis-fix{border-color:rgba(16,185,129,.28)}.analysis-label{display:block;color:var(--green2);font:800 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.cta-section{text-align:left;border-color:rgba(16,185,129,.34)}.cta-section .cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:8px;background:linear-gradient(180deg,var(--green2),var(--green));color:#02130d;text-decoration:none;font-weight:800}.article .subtitle+div,.article .subtitle+p{margin-top:24px}@media(max-width:760px){.analysis{grid-template-columns:1fr}.article>.meta{margin-top:42px}.highlight-box,.warning-box,.incident-box,.cta-section,.direction-callout{padding:18px}}