:root{color-scheme:dark;--font-display: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--max: 1180px;--radius-lg: 28px;--radius-md: 18px;--radius-sm: 10px;--bg: #070a12;--bg-2: #0b1020;--text: #f5f7ff;--muted: #a9b4ca;--faint: #72809a;--card: rgba(16, 24, 46, .72);--card-strong: rgba(21, 31, 58, .9);--border: rgba(173, 201, 255, .18);--line: rgba(255, 255, 255, .08);--accent: #246bff;--accent-2: #00c2ff;--accent-3: #d13dd6;--ok: #20d68b;--shadow: 0 24px 80px rgba(0, 0, 0, .38);--mesh: radial-gradient(circle at 18% 10%, rgba(0, 194, 255, .2), transparent 26rem), radial-gradient(circle at 82% 2%, rgba(209, 61, 214, .18), transparent 28rem), radial-gradient(circle at 70% 72%, rgba(36, 107, 255, .2), transparent 26rem), linear-gradient(135deg, var(--bg), var(--bg-2))}:root[data-theme=light]{color-scheme:light;--bg: #eff7ff;--bg-2: #f9fbff;--text: #0b1326;--muted: #43516a;--faint: #667694;--card: rgba(255, 255, 255, .74);--card-strong: rgba(255, 255, 255, .92);--border: rgba(52, 97, 170, .18);--line: rgba(13, 25, 48, .08);--shadow: 0 24px 70px rgba(62, 82, 130, .22);--mesh: radial-gradient(circle at 14% 7%, rgba(0, 194, 255, .24), transparent 25rem), radial-gradient(circle at 88% 5%, rgba(209, 61, 214, .18), transparent 26rem), radial-gradient(circle at 62% 85%, rgba(36, 107, 255, .14), transparent 25rem), linear-gradient(135deg, #f7fcff, #eff4ff 48%, #fff8fd)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--mesh);color:var(--text);font-family:var(--font-display);line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 0 42%,rgba(255,255,255,.08) 48%,transparent 54% 100%);transform:translate(-100%);animation:sweep 9s ease-in-out infinite}@keyframes sweep{0%,42%{transform:translate(-100%);opacity:0}50%{opacity:1}80%,to{transform:translate(100%);opacity:0}}a{color:inherit;text-decoration:none}img,svg{max-width:100%}button,input{font:inherit}.skip-link{position:fixed;left:16px;top:12px;z-index:100;transform:translateY(-140%);background:var(--text);color:var(--bg);padding:10px 14px;border-radius:8px}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(250px,1fr);align-items:center;gap:24px;padding:18px clamp(18px,5vw,64px);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px)}.brand-mark{display:inline-flex;align-items:center;gap:12px}.brand-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:800}.brand-mark strong,.site-footer strong{display:block;font-size:14px;letter-spacing:.12em;text-transform:uppercase}.brand-mark small{display:block;color:var(--faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.desktop-nav,.header-actions,.lang-switch,.theme-switch,.mobile-nav{display:flex;align-items:center}.desktop-nav{gap:10px}.desktop-nav a,.mobile-nav a{border-radius:999px;color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;padding:10px 12px;text-transform:uppercase;transition:color .16s ease,background .16s ease,transform .16s ease;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active,.mobile-nav a:hover,.mobile-nav a.active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);transform:translateY(-1px)}.header-actions{justify-content:end;gap:12px}.lang-switch,.theme-switch{border:1px solid var(--border);border-radius:999px;background:var(--card);padding:4px}.lang-switch a,.theme-switch button{min-width:44px;border:0;border-radius:999px;background:transparent;color:var(--faint);cursor:pointer;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;padding:8px 12px;text-transform:uppercase}.lang-switch a.active,.theme-switch button.is-active{background:var(--text);color:var(--bg)}.mobile-nav{display:none}main{width:min(var(--max),calc(100% - 40px));margin:0 auto}.hero-section,.subpage-hero,.product-band,.wide-cta,.section-shell,.article-hero,.article-cta,.related-article,.tool-workspace{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(22px)}.hero-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:clamp(24px,5vw,60px);align-items:center;margin:56px 0 28px;padding:clamp(28px,6vw,72px);min-height:620px;overflow:hidden}.eyebrow{color:var(--accent-2);font-family:var(--font-mono);font-size:12px;letter-spacing:.22em;margin:0 0 18px;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:.98;margin:0}.hero-copy h1,.article-hero h1,.subpage-hero h1{font-size:clamp(52px,10vw,132px);letter-spacing:-.04em;max-width:980px}.hero-copy h1{background:linear-gradient(110deg,var(--text),var(--accent-2) 38%,var(--accent-3) 76%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead,.subpage-hero>div>p,.article-hero>p,.product-band p,.wide-cta p,.section-head p{color:var(--muted);font-size:clamp(18px,2.1vw,25px);max-width:760px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border:1px solid var(--border);border-radius:999px;color:var(--text);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.16em;padding:14px 22px;text-transform:uppercase;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button:hover{transform:translateY(-2px)}.button.primary{border:0;background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#fff;box-shadow:0 18px 40px #246bff47}.button.ghost{background:color-mix(in srgb,var(--card-strong) 70%,transparent)}.hero-metrics,.meta-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:42px 0 0}.hero-metrics div,.meta-strip div,.result-grid div{border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--card-strong) 86%,transparent);padding:18px}dt{color:var(--faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}dd{margin:6px 0 0;font-weight:800}.hero-viz{position:relative;display:grid;gap:24px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg,color-mix(in srgb,var(--card-strong) 88%,transparent),color-mix(in srgb,var(--accent) 8%,transparent)),radial-gradient(circle at 30% 15%,rgba(0,194,255,.18),transparent 42%);padding:24px;overflow:hidden}.hero-viz:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,194,255,.25),transparent);transform:translate(-100%);animation:panelScan 4s ease-in-out infinite}@keyframes panelScan{0%,35%{transform:translate(-100%);opacity:0}52%{opacity:1}80%,to{transform:translate(100%);opacity:0}}.viz-topline,.device-face,.bar-scan,.hero-viz p{position:relative;z-index:1}.viz-topline{display:flex;justify-content:space-between;gap:18px;color:var(--faint);font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.viz-topline strong{color:var(--text);text-align:right}.device-shell{position:relative;z-index:1;border-radius:24px;background:#070a12;padding:26px;box-shadow:inset 0 0 0 1px #ffffff1f,0 30px 70px #00000059}.device-face{display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:center;min-height:116px;border:1px solid rgba(190,212,255,.2);border-radius:16px;background:linear-gradient(135deg,#111827,#060910);color:#eaf2ff;padding:24px}.device-face span,.hero-viz p{color:#9fb0c7;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.led-row,.port-row{display:flex;gap:8px}.led-row i,.port-row b{display:block;width:12px;height:12px;border-radius:999px;background:#263244}.led-row i:nth-child(1){background:var(--ok);box-shadow:0 0 18px var(--ok)}.led-row i:nth-child(2){background:var(--accent-2);box-shadow:0 0 18px var(--accent-2)}.port-row b{width:16px;height:20px;border:1px solid #536174;border-radius:4px}.bar-scan{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:8px;height:144px}.bar-scan span{height:var(--h);border-radius:8px 8px 0 0;background:linear-gradient(to top,var(--accent),var(--accent-2));opacity:calc(.45 + (var(--i) * .035));animation:pulseBar 2.8s ease-in-out infinite;animation-delay:calc(var(--i) * 90ms)}@keyframes pulseBar{0%,to{transform:scaleY(.92);filter:saturate(.8)}50%{transform:scaleY(1);filter:saturate(1.25)}}.hero-viz.compact{min-height:auto}.section-shell,.product-band,.wide-cta{margin:28px 0;padding:clamp(24px,4vw,46px)}.section-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:28px;align-items:end;margin-bottom:24px}.section-head h2,.product-band h2,.wide-cta h2,.content-section h2{font-size:clamp(34px,5vw,70px);letter-spacing:-.035em}.article-card-grid,.format-grid,.case-grid,.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.article-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card,.format-card,.case-card,.tool-card,.result-panel,.calculator-panel,.check-item,.table-card,.definition-list div,.numbered-grid article,.objection-list article,.step-list li{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-strong)}.article-card a,.format-card,.case-card,.tool-card{display:grid;gap:16px;min-height:100%;padding:24px}.article-card span,.format-card span,.tool-card span,.case-number,.back-link{color:var(--accent-2);font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.article-card h3,.format-card h3,.case-card h2,.tool-card h3{font-size:clamp(24px,3vw,34px);letter-spacing:-.03em}.article-card p,.format-card p,.case-card p,.tool-card p,.tool-card small,.case-card dd,.definition-list dd,.numbered-grid p,.objection-list p,.step-list p{color:var(--muted)}.article-card small{color:var(--faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.product-band{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.75fr);gap:32px;align-items:center}.subpage-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:32px;align-items:center;margin:56px 0 28px;padding:clamp(28px,5vw,58px)}.compact-hero{display:block}.case-card dl,.definition-list{display:grid;gap:12px}.case-card dl div,.definition-list div{padding:16px}.case-card dt,.definition-list dt{color:var(--text);font-weight:800}.wide-cta{display:grid;gap:18px}.article-page{margin:56px 0}.article-hero{padding:clamp(28px,6vw,70px)}.article-hero h1{font-size:clamp(44px,7.5vw,104px)}.article-hero dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:36px 0 0}.article-hero dl div{border-top:1px solid var(--border);padding-top:14px}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px;margin-top:28px}.toc{position:sticky;top:104px;height:max-content;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);padding:18px}.toc p{color:var(--accent-2);font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;margin:0 0 12px;text-transform:uppercase}.toc nav{display:grid;gap:10px}.toc a{color:var(--muted);font-size:14px}.article-body{min-width:0}.content-section{margin-bottom:34px;scroll-margin-top:120px}.content-section h2{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:baseline;margin-bottom:18px}.content-section h2 span{color:var(--accent);font-family:var(--font-mono);font-size:18px;letter-spacing:.12em}.content-section p,.content-section li,.content-section blockquote{font-size:clamp(17px,1.7vw,21px)}.content-section p{color:var(--muted)}.takeaways{display:grid;gap:12px;margin:0;padding:0;list-style:none}.takeaways li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-strong);padding:18px}.takeaways strong{color:var(--accent-2);font-family:var(--font-mono)}blockquote{margin:28px 0;border-left:4px solid var(--accent-2);border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 10%,var(--card));color:var(--text);padding:24px}.formula-card{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#fff;font-family:var(--font-mono);font-size:clamp(20px,3vw,38px);font-weight:800;letter-spacing:.03em;margin:22px 0;padding:28px}.definition-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.numbered-grid,.objection-list,.step-list{display:grid;gap:16px;margin:0;padding:0}.numbered-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.numbered-grid article,.objection-list article,.step-list li{padding:22px}.numbered-grid span{color:var(--accent-2);font-family:var(--font-mono)}.numbered-grid h3,.objection-list h3,.step-list h3{font-size:24px;letter-spacing:-.02em;margin-top:12px}.step-list{counter-reset:steps;list-style:none}.step-list li{counter-increment:steps}.step-list li:before{content:counter(steps,decimal-leading-zero);color:var(--accent-2);font-family:var(--font-mono)}.table-card{overflow:hidden}.table-card>div:first-child{padding:22px}.table-scroll{overflow-x:auto}table{width:100%;min-width:680px;border-collapse:collapse}th,td{border-top:1px solid var(--border);padding:14px 18px;text-align:left}th{color:var(--faint);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.article-cta,.related-article{margin-top:34px;padding:clamp(24px,4vw,44px)}.related-article a{display:grid;gap:8px}.related-article span{color:var(--faint)}.related-article strong{font-size:clamp(24px,3vw,36px)}.calculator-panel{padding:24px}.calculator-panel h2{font-size:clamp(28px,4vw,48px)}.field-pair{display:grid;gap:16px;margin:22px 0}.field-pair label,.worksheet-form label{display:grid;gap:10px}.field-pair label span,.worksheet-form span{color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}input[type=number],.worksheet-form input{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-strong);color:var(--text);padding:14px}input[type=range]{width:100%;accent-color:var(--accent)}.result-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.result-grid span{color:var(--faint);display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.result-grid strong{display:block;font-size:24px;margin-top:6px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-workspace{margin:28px 0;padding:clamp(22px,4vw,44px)}.calculator-panel.full{max-width:860px;margin:0 auto}.interpretation{color:var(--muted)}.checklist-grid,.worksheet-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px}.checklist-items,.worksheet-form{display:grid;gap:12px}.check-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px}.check-item input{width:22px;height:22px;accent-color:var(--accent)}.check-item strong,.check-item em{display:block}.check-item em{color:var(--muted);font-style:normal;margin-top:4px}.result-panel{align-self:start;display:grid;gap:14px;padding:22px}.result-panel>strong{font-size:42px}.worksheet-form{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-strong);padding:22px}.runbook-summary p{margin:0 0 12px}.markdown-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--bg) 72%,transparent);padding:14px}.markdown-preview span{color:var(--accent-2);display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.markdown-preview pre{max-height:280px;margin:0;overflow:auto;white-space:pre-wrap}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;align-items:start;width:min(var(--max),calc(100% - 40px));margin:56px auto 110px;border-top:1px solid var(--border);padding-top:28px}.site-footer p,.footer-meta,.site-footer nav a{color:var(--muted)}.site-footer nav,.footer-meta{display:grid;gap:8px}.footer-meta{justify-self:end;text-align:right}.floating-cta{position:fixed;right:24px;bottom:24px;z-index:30;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--card-strong) 90%,transparent);box-shadow:var(--shadow);backdrop-filter:blur(18px);padding:8px}.floating-cta span,.floating-cta a{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.floating-cta span{color:var(--faint);padding-left:12px}.floating-cta a{border-radius:999px;padding:10px 14px}.floating-cta .pill-primary{background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#fff}@media(max-width:1100px){.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.mobile-nav{position:sticky;top:75px;z-index:35;display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 84%,transparent);padding:10px 18px;backdrop-filter:blur(18px)}.hero-section,.subpage-hero,.product-band,.article-layout,.checklist-grid,.worksheet-grid{grid-template-columns:1fr}.toc{position:static}.toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}.numbered-grid,.case-grid,.tool-grid,.format-grid,.definition-list.compact{grid-template-columns:1fr}.article-hero dl,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){main,.site-footer{width:min(100% - 28px,var(--max))}.site-header{padding:14px}.brand-mark small{display:none}.header-actions{gap:8px}.theme-switch button,.lang-switch a{min-width:38px;padding:8px 9px}.hero-section{margin-top:28px;min-height:auto;padding:24px}.hero-copy h1,.article-hero h1,.subpage-hero h1{font-size:clamp(42px,15vw,68px)}.hero-metrics,.meta-strip,.article-card-grid,.section-head,.site-footer{grid-template-columns:1fr}.footer-meta{justify-self:start;text-align:left}.content-section h2{grid-template-columns:42px minmax(0,1fr);font-size:clamp(30px,11vw,44px)}.takeaways li{grid-template-columns:34px minmax(0,1fr)}.device-face{grid-template-columns:1fr}.viz-topline{display:grid}.viz-topline strong{text-align:left}.bar-scan{height:100px}.floating-cta{right:14px;bottom:14px}.floating-cta span{display:none}}@media(max-width:480px){.brand-mark strong{font-size:12px}.brand-icon{width:34px;height:34px}.site-header{grid-template-columns:1fr}.header-actions{justify-content:start}.hero-section,.subpage-hero,.product-band,.wide-cta,.section-shell,.article-hero,.article-cta,.related-article,.tool-workspace{border-radius:20px;padding:20px}.button,.button-row{width:100%}.article-hero dl,.result-grid,.toc nav{grid-template-columns:1fr}.content-section p,.content-section li,.content-section blockquote{font-size:16px}.formula-card{font-size:18px;padding:20px}}