:root{--bg:#fbfbfd;--bg-2:#f5f5f7;--surface:#fff;--surface-2:#f5f5f7;--line:#00000017;--ink:#1d1d1f;--ink-soft:#424245;--ink-faint:#6e6e73;--accent:#6e56f8;--accent-text:#5a41f0;--accent-2-text:#077a6e;--accent-2:#0a9f8f;--accent-3:#e2307f;--warn:#c77700;--glow:#6e56f838;--code-bg:#111117;--shadow:0 30px 80px -30px #00000040, 0 8px 24px -12px #0000001f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--c1:#7c6cff;--c2:#2dd4bf;--c3:#60a5fa;--c4:#a3e635;--c5:#f97362;--radius:18px;--maxw:1180px;--font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}:root[data-theme=dark]{--bg:#000;--bg-2:#101014;--surface:#16161b;--surface-2:#1d1d23;--line:#ffffff1f;--ink:#f5f5f7;--ink-soft:#c7c7cc;--ink-faint:#8e8e93;--accent:#9c8cff;--accent-text:#9c8cff;--accent-2-text:#2dd4bf;--accent-2:#2dd4bf;--accent-3:#f472b6;--warn:#fbbf24;--glow:#9c8cff52;--code-bg:#0c0c11;--shadow:0 40px 100px -30px #000c, 0 0 0 1px #ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:clip}html{overflow-x:clip}a{color:inherit}code,pre,.mono{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,Consolas,monospace}.skip{position:absolute;left:-9999px}.skip:focus{z-index:100;background:var(--accent);color:#fff;border-radius:8px;padding:8px 14px;top:16px;left:16px}:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:6px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}@media (width>=720px){.wrap{padding:0 28px}}.nav{z-index:40;-webkit-backdrop-filter:saturate(160%)blur(14px);background:color-mix(in srgb, var(--bg) 72%, transparent);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.nav.scrolled{border-bottom-color:var(--line)}.nav-inner{align-items:center;gap:20px;height:64px;display:flex}.brand{white-space:nowrap;letter-spacing:-.02em;align-items:center;gap:10px;font-weight:750;text-decoration:none;display:flex}.brand svg{width:28px;height:28px}.nav-links{gap:22px;margin-left:12px;display:none}.nav-links a{color:var(--ink-soft);font-size:14px;font-weight:550;text-decoration:none}.nav-links a:hover{color:var(--ink)}@media (width>=860px){.nav-links{display:flex}}.nav-spacer{flex:1}.icon-btn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;border-radius:10px;place-items:center;display:grid}.icon-btn:hover{color:var(--ink);background:var(--surface-2)}.btn{border:1px solid var(--line);background:var(--surface);height:46px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover{background:var(--surface-2)}@media (width<=520px){.btn-sm .label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn-sm{padding:0 10px}}.btn-sm{border-radius:10px;height:38px;padding:0 14px;font-size:14px}.hero{padding:72px 0 40px;position:relative;overflow:hidden}@media (width>=900px){.hero{padding:104px 0 64px}}h1{letter-spacing:-.045em;margin:20px 0 18px;font-size:clamp(38px,6.4vw,70px);font-weight:800;line-height:1.02}.grad{background:linear-gradient(100deg, var(--accent) 0%, var(--accent-3) 45%, var(--accent-2) 90%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite alternate shimmer}@keyframes shimmer{to{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.grad{animation:none}}.cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.install{background:var(--code-bg);border:1px solid var(--line);color:#e9e9ff;border-radius:12px;align-items:center;gap:12px;max-width:100%;height:46px;padding:0 8px 0 16px;font-size:15px;display:flex}.install .prompt{color:var(--accent-2)}.copy{color:#e9e9ff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;min-width:64px;height:32px;padding:0 10px;font-size:12px;font-weight:650}.rows{gap:6px;display:grid}.row{grid-template-columns:1fr auto;align-items:center;gap:10px;font-size:13px;display:grid}.row .track{background:var(--surface-2);border-radius:99px;grid-column:1/-1;height:6px;overflow:hidden}.row .fill{background:linear-gradient(90deg, var(--accent), var(--accent-2));transform-origin:0;border-radius:99px;height:100%}section{scroll-margin-top:72px}.section{padding:88px 0;position:relative}.section-head{text-align:center;max-width:720px;margin:0 auto 48px}.kicker{color:var(--accent-2-text);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700}h2{letter-spacing:-.035em;margin:10px 0 14px;font-size:clamp(30px,4.4vw,46px);font-weight:800;line-height:1.08}.section-head p{color:var(--ink-soft);margin:0;font-size:18px}.stats{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);gap:1px;display:grid;overflow:hidden}@media (width>=800px){.stats{grid-template-columns:repeat(4,1fr)}}.card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);isolation:isolate;padding:24px;position:relative;overflow:hidden}.card:before{content:"";z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%), color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.card:hover:before{opacity:1}.card h3{letter-spacing:-.015em;margin:14px 0 6px;font-size:18px}.card p{color:var(--ink-soft);margin:0;font-size:15px}.pipeline{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface), transparent);border-radius:22px;padding:12px}.pipeline svg{width:100%;height:auto;display:block}.pipeline .node rect{fill:var(--bg-2);stroke:var(--line)}.pipeline .node text{fill:var(--ink);font-size:15px;font-weight:700}.pipeline .node .sub{fill:var(--ink-faint);font-size:11.5px;font-weight:500}.pipeline .wire{fill:none;stroke:var(--line);stroke-width:2px}.pipeline .wire-glow{fill:none;stroke-width:2.5px;stroke-linecap:round}.steps{gap:16px;margin-top:28px;display:grid}@media (width>=800px){.steps{grid-template-columns:repeat(3,1fr)}}.step-n{color:var(--accent);font-size:13px;font-weight:800}.tabs{border:1px solid var(--line);background:var(--code-bg);border-radius:20px;overflow:hidden}.tablist{scrollbar-width:none;border-bottom:1px solid #ffffff14;gap:4px;padding:8px;display:flex;overflow-x:auto}.tablist button{color:#a6a8c2;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:9px 14px;font-size:14px;font-weight:650;position:relative}.tablist button[aria-selected=true]{color:#fff}.tablist .pill{z-index:0;background:#ffffff17;border-radius:10px;position:absolute;inset:0}.tablist button span{z-index:1;position:relative}.code{color:#e6e6f5;min-height:300px;margin:0;padding:22px;font-size:13.5px;line-height:1.7;overflow-x:auto}@media (width<=560px){.code{padding:18px;font-size:12px}}.code .c{color:#7f82a6}.code .s{color:#8ee6c9}.code .k{color:#b9adff}.tab-note{color:#a6a8c2;padding:0 22px 18px;font-size:13px}.split{align-items:center;gap:32px;display:grid}@media (width>=960px){.split{grid-template-columns:.9fr 1.1fr}}.checks{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.checks li{color:var(--ink-soft);gap:12px;display:flex}.checks svg{color:var(--accent-2);flex:none;margin-top:3px}.checks b{color:var(--ink)}.faq{gap:10px;max-width:820px;margin:0 auto;display:grid}.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden}.faq-item button{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-size:16px;font-weight:650;display:flex}.faq-item .answer{color:var(--ink-soft);padding:0 20px 18px}.faq-item .answer p{margin:0}.cta{text-align:center;border:1px solid var(--line);background:radial-gradient(600px circle at 20% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%), radial-gradient(600px circle at 80% 100%, color-mix(in srgb, var(--accent-2) 18%, transparent), transparent 60%), var(--bg-2);border-radius:28px;padding:64px 20px;position:relative;overflow:hidden}.cta .cta-row{justify-content:center}footer{border-top:1px solid var(--line);color:var(--ink-faint);padding:40px 0 56px;font-size:14px}.foot{gap:28px;display:grid}@media (width>=800px){.foot{grid-template-columns:1.4fr repeat(3,1fr)}}.foot h2{color:var(--ink);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:13px}.foot ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.foot a{color:var(--ink-soft);text-decoration:none}.foot a:hover{color:var(--ink)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pipeline-mobile{color:var(--ink-soft);margin:0;padding:12px 12px 12px 34px;line-height:1.5;display:none}.pipeline-mobile li{padding:8px 0}.pipeline-mobile li::marker{color:var(--accent-2);font-weight:800}.pipeline-mobile b{color:var(--ink)}@media (width<=700px){.pipeline svg{display:none}.pipeline-mobile{display:block}}.wrap2{max-width:var(--maxw);margin:0 auto;padding:0 16px}@media (width>=720px){.wrap2{padding:0 32px}}.kicker2{color:var(--accent-text);letter-spacing:-.01em;margin:0 0 10px;font-size:17px;font-weight:600}.headline{letter-spacing:-.035em;max-width:980px;margin:0 0 18px;font-size:clamp(34px,5.6vw,64px);font-weight:700;line-height:1.04}.headline.small-head{font-size:clamp(30px,4vw,44px)}.muted{color:var(--ink-faint)}.small{font-size:13px}.lede2{color:var(--ink-soft);max-width:720px;margin:0 0 32px;font-size:clamp(17px,1.6vw,21px);line-height:1.45}.grad-text{background:linear-gradient(95deg, var(--c1) 0%, var(--accent-3) 48%, var(--c2) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite alternate shimmer}@media (prefers-reduced-motion:reduce){.grad-text{animation:none}}.link-arrow{color:var(--accent);font-size:17px;font-weight:500;text-decoration:none}.link-arrow:after{content:" ›"}.link-arrow:hover{text-decoration:underline}.btn-pill{background:var(--ink);color:var(--bg);border:0;border-radius:999px}.btn-pill:hover{background:var(--ink-soft)}@media (width<=520px){.btn-pill{display:none}}main>section,.audience,.dock-section,.install-section,.demo-section,.highlights,.specs{padding:clamp(56px,7.5vw,112px) 0}.highlights{padding-top:clamp(24px,3vw,40px)}.hero2{background:radial-gradient(1200px 600px at 50% 0%, var(--glow), transparent 70%), var(--bg);padding:clamp(104px,14vh,150px) 16px clamp(40px,6vw,72px);position:relative;overflow:hidden}.hero2-head{text-align:center;z-index:3;max-width:960px;margin:0 auto;position:relative}.hero2-stage{z-index:1;perspective:1800px;justify-content:center;margin-top:clamp(40px,7vh,80px);display:flex;position:relative}.eyebrow2{color:var(--ink-soft);margin:0 0 8px;font-size:clamp(17px,1.8vw,21px);font-weight:600}.display{letter-spacing:-.05em;margin:0 0 20px;font-size:clamp(46px,9vw,112px);font-weight:750;line-height:.98}.display span{display:block}.hero2-sub{color:var(--ink-soft);max-width:720px;margin:0 auto 26px;font-size:clamp(17px,1.7vw,22px);line-height:1.45}.hero2-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;display:flex}.laptop{width:min(1040px,92vw);transform-style:preserve-3d;transform-origin:50% 100%;position:relative}.laptop-lid{transform-origin:50% 100%;transform-style:preserve-3d;box-shadow:0 0 0 1px #ffffff14 inset, var(--shadow);background:linear-gradient(#2b2b30,#0f0f12);border-radius:22px 22px 6px 6px;padding:clamp(6px,1.2vw,14px)}.laptop-screen{background:#0b0b10;border-radius:12px 12px 2px 2px;position:relative;overflow:hidden}.laptop-glow{pointer-events:none;z-index:2;mix-blend-mode:screen;background:radial-gradient(closest-side,#7c6cff40,#0000);position:absolute;inset:-20%}.laptop-base{background:linear-gradient(#d6d6db,#9a9aa2 60%,#6d6d74);border-radius:0 0 22px 22px;height:clamp(10px,1.6vw,20px);margin:0 -7%;position:relative;box-shadow:0 30px 60px -20px #00000073}.laptop-base span{background:#0000002e;border-radius:0 0 10px 10px;width:16%;height:40%;position:absolute;top:0;left:50%;transform:translate(-50%)}.laptop-caption{text-align:center;color:var(--ink-soft);min-height:1.5em;margin:22px auto 0;font-size:15px}.hl-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}@media (width>=900px){.hl-grid{grid-template-columns:repeat(4,1fr)}}.hl b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(44px,6vw,76px);font-weight:750;line-height:1;display:block}.hl>span{color:var(--ink-soft);margin-top:10px;font-size:17px;line-height:1.4;display:block}.demo-section{background:var(--bg-2)}.demo-stage{margin-top:8px}.demo{--d-bg:#f6f7fb;--d-surface:#fff;--d-line:#e3e6ee;--d-ink:#111827;--d-soft:#64748b;color:var(--d-ink);font-family:var(--font)}.demo-chrome{box-shadow:var(--shadow);background:#0f1117;border:1px solid #0003;border-radius:18px;overflow:hidden}.demo-titlebar{color:#9b9ba6;background:linear-gradient(#2a2a30,#1f1f25);align-items:center;gap:7px;height:38px;padding:0 14px;font-size:12px;display:flex}.demo-titlebar i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.demo-titlebar i:nth-child(2){background:#febc2e}.demo-titlebar i:nth-child(3){background:#28c840}.demo-titlebar .mono{background:#ffffff0f;border-radius:7px;margin:0 auto;padding:3px 14px}.demo-live{color:#2dd4bf;align-items:center;gap:6px;font-weight:600;display:flex}.pulse{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse}@keyframes pulse{50%{opacity:.3}}.demo-viewport{background:var(--d-bg);width:100%;position:relative;overflow:hidden}.demo-canvas{transform-origin:0 0;background:var(--d-bg);font-size:14px;line-height:1.4;display:flex;position:absolute;top:0;left:0}.demo-side{color:#cbd5e1;background:#0f172a;flex:none;width:190px;position:relative}.demo-brand{color:#fff;border-bottom:1px solid #1e293b;align-items:center;gap:9px;height:64px;padding:0 16px;font-size:14px;font-weight:700;display:flex}.demo-brand img{border-radius:7px}.demo-side nav{position:absolute;inset:0}.demo-side nav button{text-align:left;color:#cbd5e1;height:36px;font:600 14px var(--font);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;position:absolute;left:10px;right:10px}.demo-side nav button:hover{background:#1e293b}.demo-side nav button.on{color:#fff;background:#7c6cff38;box-shadow:inset 3px 0 #7c6cff}.demo-side-foot{color:#94a3b8;font-size:11px;position:absolute;bottom:16px;left:16px}.demo-main{flex:1;padding:22px 26px;overflow:hidden}.d-head{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.d-head small{color:#5a41f0;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700}.d-head h3{letter-spacing:-.02em;margin:2px 0 0;font-size:26px}.d-pill{color:#5848e8;background:#eeeafe;border-radius:99px;padding:5px 11px;font-size:12px;font-weight:700}.d-pill.warn{color:#c27a12;background:#fff4df}.d-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.d-kpi,.d-card{background:var(--d-surface);border:1px solid var(--d-line);border-radius:12px}.d-kpi{padding:14px}.d-kpi span{color:var(--d-soft);font-size:12px;font-weight:600}.d-kpi b{letter-spacing:-.03em;font-size:28px;display:block}.d-kpi em{color:#047857;font-size:12px;font-style:normal}.d-card{padding:16px}.d-card.focus{box-shadow:0 0 0 3px #7c6cff80}.d-card h4{margin:0 0 12px;font-size:14px}.d-grid2{grid-template-columns:1.35fr 1fr;gap:12px;display:grid}.d-chart{width:100%;height:auto;display:block}.d-bar-row{border-radius:8px;grid-template-columns:1fr auto;gap:2px 10px;margin-bottom:11px;padding:3px 6px;font-size:13px;transition:background .3s;display:grid}.d-bar-row.focus{background:#fff1ee;box-shadow:0 0 0 2px #f97362}.d-track{background:#eef1f6;border-radius:99px;grid-column:1/-1;height:7px;overflow:hidden}.d-track div{border-radius:99px;height:100%}.d-table-card{padding:6px 6px 10px}.d-table{border-collapse:collapse;width:100%;font-size:13px}.d-table th{text-align:left;color:var(--d-soft);border-bottom:1px solid var(--d-line);padding:10px 12px;font-weight:600}.d-table td{border-bottom:1px solid #f0f2f6;height:46px;padding:0 12px}.d-table .r{text-align:right}.d-table tr.hot{cursor:pointer}.d-table tr.hot td{background:#fff6f4;font-weight:700}.d-table tr.hot td:nth-child(4){color:#e2483a}.d-table tr.focus td{box-shadow:inset 0 2px #f97362,inset 0 -2px #f97362}.d-hint{color:var(--d-soft);margin:10px 12px 0;font-size:12px}.d-drawer{z-index:3;background:#fff;width:520px;padding:0 22px;position:absolute;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-24px 0 60px #0f172a38}.d-drawer header{border-bottom:1px solid var(--d-line);justify-content:space-between;align-items:center;height:70px;display:flex}.d-drawer header small{color:var(--d-soft);font-size:12px}.d-drawer header h4{margin:2px 0 0;font-size:22px}.d-drawer header button{border:1px solid var(--d-line);cursor:pointer;background:#fff;border-radius:8px;width:34px;height:34px;font-size:20px}.d-breakdown{padding:16px 0 6px}.d-stack{border-radius:99px;gap:2px;height:16px;display:flex;overflow:hidden}.d-stack span{transform-origin:0}.d-stack span.flash{animation:.8s ease-in-out 3 flash}@keyframes flash{50%{filter:brightness(1.4)saturate(1.3)}}.d-breakdown ul{grid-template-columns:1fr 1fr;gap:6px 16px;margin:12px 0 0;padding:0;font-size:12.5px;list-style:none;display:grid}.d-breakdown li{grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;display:grid}.d-breakdown li i{border-radius:3px;width:10px;height:10px}.d-breakdown li em{color:var(--d-soft);text-align:right;width:32px;font-style:normal}.d-breakdown li.culprit{color:#c2410c;font-weight:700}.d-drawer h5{color:var(--d-soft);margin:14px 0 8px;font-size:13px}.d-block{border:1px solid var(--d-line);border-radius:10px;gap:2px;margin-bottom:9px;padding:9px 12px;font-size:13px;display:grid}.d-block span{color:var(--d-soft);font-size:12px}.d-block.user{background:#f5f3ff}.d-block.culprit{background:#fff7ed;border-color:#fdba74}.d-block.culprit span{color:#c2410c;font-weight:700}.d-block.focus{transition:transform .3s;transform:scale(1.02);box-shadow:0 0 0 3px #f9736273}.d-tips{gap:10px;margin:0;padding-left:18px;font-size:13px;display:grid}.d-tips code,.d-card code{background:#f1f5f9;border-radius:5px;padding:1px 5px;font-size:12px}.d-saving{background:#ecfdf5;border-radius:10px;justify-content:space-between;margin-top:16px;padding:12px;font-size:13px;display:flex}.d-saving b{color:#047857}.d-skill{border-bottom:1px solid #f0f2f6;grid-template-columns:1fr auto;padding:9px 0;font-size:13px;display:grid}.d-skill span{color:var(--d-soft);font-size:12px}.d-skill em{grid-area:1/2/span 2;align-self:center;font-style:normal;font-weight:700}.d-mcp-note{color:var(--d-soft);margin-top:14px;font-size:13px}.d-exp{border-bottom:1px solid #f0f2f6;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 0;font-size:13px;display:grid}.d-exp span{color:var(--d-soft);background:#f1f5f9;border-radius:99px;align-self:center;padding:2px 8px;font-size:11px;font-weight:700}.d-exp span.on{color:#0f9d72;background:#e6f7f1}.d-exp code{color:var(--d-soft);grid-column:1/-1;background:0 0!important;padding:0!important}.demo-cursor{z-index:10;pointer-events:none;filter:drop-shadow(0 3px 6px #00000059);position:absolute;top:-2px;left:-3px}.demo-click{border:3px solid #7c6cff;border-radius:50%;width:22px;height:22px;position:absolute;top:-8px;left:-8px}.demo-controls{background:#15151b;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.demo-dots{gap:6px;display:flex}.demo-dots span{background:#ffffff40;border-radius:50%;width:6px;height:6px;transition:width .3s,background .3s}.demo-dots span.on{background:#fff;border-radius:99px;width:22px}.demo-play{font:600 13px var(--font);color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:99px;padding:7px 14px}.demo-caption{text-align:center;letter-spacing:-.01em;max-width:760px;min-height:2.6em;margin:26px auto 0;font-size:clamp(17px,2vw,22px);font-weight:600}.demo-caption.paused{color:var(--ink-faint);font-weight:500}.debug-feature{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;gap:32px;margin-top:36px;padding:clamp(24px,4vw,48px);display:grid}@media (width>=960px){.debug-feature{grid-template-columns:1fr 1.1fr;align-items:center}}.debug-copy h3{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(24px,2.8vw,34px);line-height:1.12}.debug-copy p:last-child{color:var(--ink-soft);margin:0;font-size:17px;line-height:1.55}.before-after{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;display:grid}@media (width<=560px){.before-after{grid-template-columns:1fr}.ba-arrow{justify-self:center;transform:rotate(90deg)}}.ba{border-radius:20px;gap:6px;padding:20px;display:grid}.ba.before{background:color-mix(in srgb, var(--c5) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--c5) 35%, transparent)}.ba.after{background:color-mix(in srgb, var(--c2) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--c2) 35%, transparent)}.ba-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-size:12px;font-weight:700}.ba b{letter-spacing:-.04em;font-size:clamp(38px,4vw,52px);line-height:1}.ba em{color:var(--ink-soft);font-size:14px;font-style:normal}.ba code{background:var(--code-bg);color:#e6e6f5;overflow-wrap:anywhere;border-radius:10px;margin-top:6px;padding:8px 10px;font-size:12px}.ba-arrow{color:var(--ink-faint);font-size:28px}.people{gap:16px;margin-top:20px;display:grid}@media (width>=700px){.people{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.people{grid-template-columns:repeat(4,1fr)}}.person{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px}.person h3{letter-spacing:-.02em;margin:0 0 6px;font-size:21px}.person p{color:var(--ink-soft);margin:0 0 14px}.person ul{color:var(--ink);gap:6px;margin:0;padding-left:18px;font-size:15px;display:grid}.dock-section{background:var(--bg-2)}.seg{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:2px;margin-bottom:28px;padding:4px;display:inline-flex}.seg button{color:var(--ink-soft);font:600 15px var(--font);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 20px;position:relative}.seg button[aria-selected=true]{color:var(--bg)}.seg button .seg-pill{background:var(--ink);z-index:0;border-radius:999px;position:absolute;inset:0}.seg button span:not(.seg-pill){z-index:1;position:relative}.desk{height:clamp(260px,38vw,420px);box-shadow:var(--shadow);border-radius:28px;position:relative;overflow:hidden}.desk-wall{filter:saturate(1.1);background:radial-gradient(60% 80% at 20% 20%,#7c6cff 0%,#0000 60%),radial-gradient(60% 80% at 80% 30%,#f472b6 0%,#0000 55%),radial-gradient(70% 90% at 60% 100%,#2dd4bf 0%,#0000 60%),#1b1830;position:absolute;inset:0}.desk-windows .desk-wall{background:radial-gradient(70% 90% at 50% 120%,#2563eb 0%,#0000 60%),radial-gradient(60% 80% at 20% 0,#7c6cff 0%,#0000 60%),#0b1530}.desk-linux .desk-wall{background:radial-gradient(70% 90% at 80% 10%,#f97316 0%,#0000 55%),radial-gradient(60% 80% at 10% 90%,#7c6cff 0%,#0000 60%),#1a1022}.bar{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff38;border:1px solid #ffffff59;border-radius:22px;align-items:flex-end;gap:10px;width:max-content;max-width:calc(100% - 24px);margin-inline:auto;padding:10px 12px;display:flex;position:absolute;bottom:18px;left:0;right:0}.bar-windows{background:#14161eb8;border:0;border-top:1px solid #ffffff1a;border-radius:0;justify-content:center;width:auto;max-width:none;padding:8px;bottom:0;left:0;right:0}.bar-linux{background:#0a0a0ecc;border:0;border-radius:0;justify-content:flex-start;width:auto;max-width:none;padding:6px 12px;inset:0 0 auto}.bar-app,.bar-start{border-radius:13px;flex:none;width:clamp(34px,5vw,56px);height:clamp(34px,5vw,56px)}.bar-windows .bar-app,.bar-windows .bar-start,.bar-linux .bar-app{border-radius:8px;width:34px;height:34px}.bar-start{background:linear-gradient(135deg,#60a5fa,#2563eb)}.bar-ours{cursor:pointer;filter:drop-shadow(0 8px 16px #00000059);border-radius:14px;width:clamp(40px,6vw,66px);height:clamp(40px,6vw,66px)}.bar-windows .bar-ours,.bar-linux .bar-ours{border-radius:9px;width:38px;height:38px}.bar-dot{background:#ffffffd9;border-radius:50%;width:4px;height:4px;margin:0;position:absolute;bottom:3px;right:calc(10px + clamp(40px,6vw,66px)/2)}.dock-cmd{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px;display:flex}.dock-cmd code{background:var(--code-bg);color:#e9e9ff;border-radius:12px;padding:10px 16px}.dock-cmd p{color:var(--ink-soft);margin:0}.steps2{gap:16px;display:grid}@media (width>=860px){.steps2{grid-template-columns:repeat(3,1fr)}}.step2{background:var(--surface);border:1px solid var(--line);border-radius:24px;align-content:start;gap:10px;padding:26px;display:grid}.step2-n{color:#fff;background:linear-gradient(135deg, var(--c1), var(--accent-3));border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.step2 h3{margin:0;font-size:22px}.step2 code{background:var(--code-bg);color:#e9e9ff;border-radius:10px;padding:9px 12px;font-size:14px}.step2 p{color:var(--ink-soft);margin:0}.install-cta{flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px;display:flex}.spec-list{border-top:1px solid var(--line);margin:24px 0 0}.spec-row{border-bottom:1px solid var(--line);gap:4px 32px;padding:22px 0;display:grid}@media (width>=760px){.spec-row{grid-template-columns:220px 1fr}}.spec-row dt{font-size:17px;font-weight:700}.spec-row dd{color:var(--ink-soft);margin:0;font-size:17px;line-height:1.5}.int-map{border-radius:24px;margin:0 0 clamp(28px,4vw,48px);overflow-x:auto;box-shadow:0 1px #0000000a,0 24px 60px -30px #3c328c59}.int-map-hint{display:none}@media (width<=760px){.int-map-hint{color:var(--ink-soft);padding:10px 16px 12px;font-size:13px;display:block;position:sticky;left:0}}.int-map img{width:100%;min-width:720px;height:auto;display:block}.dark-band{background:var(--bg-2);color:var(--ink)}.dark-band .section{padding:clamp(72px,9vw,120px) 0}@media (width<=560px){.bar{border-radius:18px;gap:7px;padding:8px 9px}.bar-mac .bar-app:nth-child(n+4){display:none}.bar-app,.bar-start{border-radius:10px;width:38px;height:38px}.bar-ours{width:46px;height:46px}.bar-dot{right:30px}}.story-grid>*,.debug-feature>*,.chapter-visual-inline>*{min-width:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.fineprint{color:var(--ink-faint);margin:20px 0 0;font-size:13px}.problem{background:var(--bg)}.pain-grid{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=720px){.pain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1060px){.pain-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pain{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:16px;padding:22px;transition:box-shadow .5s,border-color .5s;display:flex;position:relative;overflow:hidden}.pain:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--c5), transparent 40%);-webkit-mask-composite:xor;opacity:.6;pointer-events:none;padding:1px;transition:background .6s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pain.is-fixed:before{background:linear-gradient(135deg, var(--c1), var(--c2) 60%, transparent)}.pain.is-fixed{box-shadow:0 24px 60px -36px var(--glow)}.pain-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.pain h3{letter-spacing:-.02em;margin:0;font-size:20px}.pain-toggle{border:1px solid var(--line);background:var(--bg-2);cursor:pointer;font:600 12px var(--font);color:var(--ink-faint);border-radius:999px;padding:3px;display:inline-flex}.pain-toggle span{border-radius:999px;padding:4px 10px;transition:background .3s,color .3s}.pain-toggle span.on{background:var(--ink);color:var(--bg)}.pain-visual{background:var(--bg-2);border-radius:14px;height:128px;padding:14px;position:relative}.pain p{min-height:3em;margin:0;font-size:16px;line-height:1.45}.pain-problem{color:var(--ink-soft)}.pain-fix{color:var(--ink);font-weight:500}.v-window{flex-direction:column;justify-content:center;gap:10px;height:100%;display:flex}.v-window-bar{background:color-mix(in srgb, var(--ink-faint) 18%, transparent);border-radius:8px;height:22px;display:flex;overflow:hidden}.v-window-bar span{height:100%}.v-window-legend{color:var(--ink-soft);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.v-window-legend i{border-radius:2px;width:8px;height:8px;margin-right:5px;display:inline-block}.v-window b{letter-spacing:-.02em;font-size:22px}.v-window b.bad{color:#d1435b}.v-window b.ok{color:var(--accent-2-text)}.v-spikes{align-items:flex-end;gap:6px;height:100%;padding-top:20px;display:flex}.v-spikes span{background:var(--c1);border-radius:4px 4px 2px 2px;flex:1;transition:opacity .4s;position:relative}.v-spikes span.hot{background:var(--c5)}.v-spikes em{white-space:nowrap;background:var(--ink);color:var(--bg);border-radius:999px;padding:3px 8px;font-size:11px;font-style:normal;font-weight:700;position:absolute;bottom:calc(100% + 6px);left:50%}.v-scatter{grid-template-columns:repeat(8,1fr);align-content:center;place-items:center;gap:10px;height:100%;display:grid}.v-scatter span{border-radius:5px;width:16px;height:16px}.v-sprawl{align-content:center;gap:6px;height:100%;display:grid}.v-sprawl div{grid-template-columns:96px 1fr 56px;align-items:center;gap:8px;font-size:12px;display:grid}.v-sprawl code{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.v-sprawl .track{background:color-mix(in srgb, var(--ink-faint) 16%, transparent);border-radius:99px;height:8px;overflow:hidden}.v-sprawl .track span{border-radius:99px;height:100%;display:block}.v-sprawl b{text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.v-count{justify-content:space-between;align-items:center;gap:12px;height:100%;display:flex}.v-count-num{letter-spacing:-.04em;font-size:36px;font-weight:750;line-height:1}.v-count-num small{letter-spacing:0;color:var(--ink-faint);margin-top:6px;font-size:12px;font-weight:600;display:block}.v-count-blocks{gap:5px;display:grid}.v-count-blocks span{background:var(--surface);border:1px solid var(--line);color:var(--ink-soft);border-radius:6px;padding:4px 8px;font:600 11px ui-monospace,SF Mono,Menlo,monospace}.v-loop{width:100%;height:100%;overflow:visible}.v-loop path{fill:none;stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.v-loop-mark{stroke:var(--ink-faint);stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.v-loop-wrap{width:100%;height:100%;position:relative}.v-loop-delta,.v-loop-label{white-space:nowrap;font-size:12px;line-height:1;position:absolute}.v-loop-delta{color:var(--accent-2-text);font-weight:700;top:22%;right:4px}.v-loop-label{color:var(--ink-faint);font-weight:600;bottom:-2px;left:58%;transform:translate(-50%)}.debugflow{background:var(--bg-2)}.df{gap:24px;display:grid}@media (width>=960px){.df{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}}.df-steps{align-content:start;gap:10px;display:grid}.df-step{text-align:left;border:1px solid var(--line);background:var(--surface);cursor:pointer;width:100%;font:inherit;color:var(--ink-soft);border-radius:18px;align-items:flex-start;gap:14px;padding:16px 18px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,color .35s;display:flex;position:relative;overflow:hidden}.df-step:hover{transform:translate(4px)}.df-step.on{color:var(--ink);box-shadow:var(--shadow);transform:translate(6px)}.df-num{background:var(--bg-2);width:30px;height:30px;color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;transition:background .35s,color .35s;display:grid}.df-step.on .df-num,.df-step.done .df-num{background:linear-gradient(135deg, var(--c1), var(--accent-3));color:#fff}.df-text b{color:var(--ink);letter-spacing:-.01em;font-size:18px;display:block}.df-text span{font-size:15px;line-height:1.4}.df-progress{transform-origin:0;background:linear-gradient(90deg, var(--c1), var(--accent-3));width:100%;height:3px;position:absolute;bottom:0;left:0}.df-stage{background:var(--surface);border:1px solid var(--line);min-height:380px;box-shadow:var(--shadow);border-radius:24px;padding:26px;position:relative;overflow:hidden}.df-stage:before{content:"";background:radial-gradient(closest-side, var(--glow), transparent);pointer-events:none;width:60%;height:80%;position:absolute;inset:-40% -20% auto auto}.df-stage{flex-direction:column;display:flex}.df-scene{flex:1;position:relative}.df-note{text-align:right;color:var(--ink-faint);margin:auto 0 0;padding-top:14px;font-size:12px;position:relative}.sc-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:18px;display:flex}.sc-head b{letter-spacing:-.01em;font-size:17px}.sc-head span{color:var(--ink-faint);font-size:13px}.sc-spot{position:relative}.sc-bars{align-items:flex-end;gap:8px;height:250px;padding-top:36px;display:flex}.sc-bars span{background:color-mix(in srgb, var(--c1) 70%, transparent);border-radius:6px 6px 2px 2px;flex:1;position:relative}.sc-bars span.hot{background:linear-gradient(180deg, var(--c5), color-mix(in srgb, var(--c5) 60%, var(--accent-3)));box-shadow:0 0 0 4px color-mix(in srgb, var(--c5) 22%, transparent)}.sc-bars em{white-space:nowrap;background:var(--ink);color:var(--bg);border-radius:999px;padding:5px 10px;font-size:12px;font-style:normal;font-weight:700;position:absolute;bottom:calc(100% + 10px);left:50%}.sc-cursor{pointer-events:none;position:absolute;inset:0}.sc-cursor svg{filter:drop-shadow(0 2px 4px #00000040)}.sc-stack{background:var(--bg-2);border-radius:10px;height:34px;display:flex;overflow:hidden}.sc-stack span.hot{animation:1.6s ease-in-out 1.2s infinite pulse-hot}@keyframes pulse-hot{50%{filter:brightness(1.18)saturate(1.2)}}.sc-list{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.sc-list li{color:var(--ink-soft);align-items:center;gap:10px;font-size:15px;display:flex}.sc-list li.hot{color:var(--ink);font-weight:600}.sc-list i{border-radius:3px;width:10px;height:10px}.sc-list b{font-variant-numeric:tabular-nums;margin-left:auto}.sc-callout{background:color-mix(in srgb, var(--c5) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--c5) 35%, transparent);border-radius:12px;margin-top:16px;padding:10px 14px;font-size:14px}.sc-diff{background:var(--code-bg);color:#e5e5ea;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;gap:6px;margin:0;padding:18px;font:14px/1.5 ui-monospace,SF Mono,Menlo,monospace;display:grid}.sc-diff .del{color:#ff8a9a}.sc-diff .add{color:#6ee7c8}.sc-chips{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.sc-chips span{background:color-mix(in srgb, var(--c2) 16%, var(--surface));color:var(--ink);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600}.sc-compare{align-items:flex-end;gap:28px;height:260px;padding:0 8px;display:flex}.sc-compare>div:not(.sc-delta){flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;width:90px;height:100%;display:flex}.sc-compare .sc-track{flex:1;align-items:flex-end;width:100%;min-height:0;display:flex}.sc-compare .sc-bar{border-radius:10px 10px 4px 4px;width:100%;min-height:4px;display:block}.sc-compare .sc-bar.before{background:linear-gradient(180deg, var(--c5), color-mix(in srgb, var(--c5) 50%, transparent))}.sc-compare .sc-bar.after{background:linear-gradient(180deg, var(--c2), color-mix(in srgb, var(--c2) 50%, transparent))}.sc-compare b{letter-spacing:-.02em;font-size:20px}.sc-compare small{color:var(--ink-faint);font-size:13px}.sc-delta{letter-spacing:-.05em;background:linear-gradient(120deg, var(--c2), var(--c1));color:#0000;-webkit-background-clip:text;background-clip:text;align-self:center;margin-left:auto;font-size:clamp(48px,7vw,84px);font-weight:800;line-height:1}.sc-delta small{letter-spacing:0;color:var(--ink-faint);-webkit-text-fill-color:var(--ink-faint);margin-top:8px;font-size:14px;font-weight:600;display:block}.evaluate{background:var(--bg)}.eval-grid{grid-template-columns:1fr;gap:18px;display:grid}@media (width>=900px){.eval-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.eval-wide,.eval-stats{grid-column:span 2}}.eval-tile{background:var(--surface);border:1px solid var(--line);border-radius:22px;min-width:0;padding:22px}.eval-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.eval-head b{font-size:17px}.eval-head span{color:var(--ink-faint);text-align:right;font-size:13px}.score{gap:12px;margin:0;padding:0;list-style:none;display:grid}.score li{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 52px 88px 72px;align-items:center;gap:12px;font-size:14px;display:grid}.score-p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.score-bar{background:var(--bg-2);border-radius:99px;height:10px;overflow:hidden}.score-bar span{background:var(--c2);border-radius:99px;height:100%;display:block}.score-bar span.heavy{background:var(--warn)}.score-bar span.bloated{background:var(--c5)}.score-n{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.score-c{color:var(--ink-faint);font-size:13px}.score-v{background:color-mix(in srgb, var(--c2) 18%, transparent);color:var(--accent-2-text);border-radius:999px;justify-self:end;padding:3px 10px;font-size:12px;font-weight:700}.score-v.heavy{background:color-mix(in srgb, var(--warn) 18%, transparent);color:#925400}.score-v.bloated{background:color-mix(in srgb, var(--c5) 18%, transparent);color:#b4233a}:root[data-theme=dark] .score-v.heavy{color:#fbbf24}:root[data-theme=dark] .score-v.bloated{color:#ff8a9a}@media (width<=620px){.score li{grid-template-columns:minmax(0,1fr) 52px 72px}.score-bar,.score-c{display:none}}.ring{width:168px;height:168px;margin:4px auto 10px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:12px;stroke-linecap:round}.ring-bg{stroke:var(--bg-2)}.ring-fg{stroke:var(--c1)}.ring b{letter-spacing:-.04em;place-items:center;font-size:40px;display:grid;position:absolute;inset:0}.eval-foot{color:var(--ink-soft);text-align:center;margin:0;font-size:14px}.trends{gap:14px;margin:0;padding:0;list-style:none;display:grid}.trends li{grid-template-columns:minmax(0,1fr) 90px 48px;align-items:center;gap:10px;font-size:14px;display:grid}.trends li>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trends svg{width:90px;height:36px;overflow:visible}.trends path{fill:none;stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.trends path.good{stroke:var(--c2)}.trends path.bad{stroke:var(--c5)}.trends b{text-align:right;font-size:14px}.trends b.good{color:var(--accent-2-text)}.trends b.bad{color:#b4233a}:root[data-theme=dark] .trends b.bad{color:#ff8a9a}.eval-stats{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.eval-stats b{letter-spacing:-.04em;font-size:clamp(40px,5vw,60px);font-weight:750;line-height:1;display:block}.eval-stats div>span{color:var(--ink-soft);margin-top:8px;font-size:14px;line-height:1.4;display:block}@media (width<=620px){.eval-stats{grid-template-columns:1fr}}.calc{background:var(--bg-2)}.calc-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;gap:28px;padding:clamp(18px,3vw,32px);display:grid}@media (width>=960px){.calc-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.calc-left,.calc-right{flex-direction:column;gap:14px;min-width:0;display:flex}.calc-label{color:var(--ink-soft);font-size:13px;font-weight:700}.calc textarea{resize:vertical;border:1px solid var(--line);background:var(--bg-2);width:100%;min-height:190px;color:var(--ink);border-radius:14px;padding:14px;font:13px/1.55 ui-monospace,SF Mono,Menlo,monospace}.calc textarea:focus,.calc-input:focus-within{outline:2px solid var(--accent);outline-offset:1px}.calc-stats{flex-wrap:wrap;align-items:flex-end;gap:18px 28px;display:flex}.calc-big b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(38px,5vw,54px);line-height:1;display:block}.calc-big span{color:var(--ink-faint);font-size:13px}.calc-stats dl{gap:18px;margin:0;display:flex}.calc-stats dt{color:var(--ink-faint);font-size:12px}.calc-stats dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.calc-hint{color:var(--ink-faint);margin:0;font-size:13px}.calc-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.calc-seg{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.calc-seg button{color:var(--ink-soft);font:600 13px var(--font);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px}.calc-seg button[aria-checked=true]{background:var(--ink);color:var(--bg)}.calc-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.calc-fields.four{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=560px){.calc-fields.four{grid-template-columns:repeat(4,minmax(0,1fr))}}.calc-field{color:var(--ink-soft);gap:5px;min-width:0;font-size:12px;font-weight:600;display:grid}.calc-input{border:1px solid var(--line);background:var(--bg-2);border-radius:10px;align-items:center;gap:4px;height:40px;padding:0 10px;display:flex}.calc-input i{color:var(--ink-faint);font-style:normal}.calc-input input{width:100%;min-width:0;color:var(--ink);font:600 14px var(--font);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none}.calc-meter{background:var(--bg-2);border-radius:999px;height:18px;margin-top:4px;display:flex;overflow:hidden}.calc-meter span{height:100%}.calc-meter-legend{color:var(--ink-soft);flex-wrap:wrap;gap:4px 14px;font-size:12px;display:flex}.calc-meter-legend i{border-radius:2px;width:8px;height:8px;margin-right:5px;display:inline-block}.calc-verdict{color:var(--ink-soft);margin:0;font-size:15px}.calc-verdict b{color:var(--ink);font-size:20px}.calc-verdict.warn b{color:#925400}.calc-verdict.bad b{color:#b4233a}.calc-cost{border-top:1px solid var(--line);gap:10px;margin-top:6px;padding-top:16px;display:grid}.calc-price{color:var(--ink-soft);margin:0;font-size:15px}.calc-price b{color:var(--ink);letter-spacing:-.02em;font-size:26px}@media (width<=959px){.df-stage{order:-1;min-height:340px}.df-step:hover,.df-step.on{transform:none}}.agents{background:var(--bg-2)}.hub{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:clamp(12px,2vw,28px);position:relative;overflow:hidden}.hub-svg{width:100%;height:auto;display:block}.hub-wire{fill:none;stroke-width:2.5px;opacity:.55}.hub-wire.api{stroke-dasharray:6 7}.hub-wire.out{stroke:var(--accent);opacity:.35}.hub-flow{fill:none;stroke-width:4px;stroke-linecap:round;stroke-dasharray:2 400;animation:2.6s linear infinite hub-flow}@keyframes hub-flow{0%{stroke-dashoffset:402px}to{stroke-dashoffset:0}}.hub-node{fill:var(--surface);stroke:var(--line)}.hub-out{fill:color-mix(in srgb, var(--accent) 8%, var(--surface));stroke:color-mix(in srgb, var(--accent) 25%, transparent)}.hub-label{font:600 15px var(--font);fill:var(--ink)}.hub-tag{font:700 11px var(--font);letter-spacing:.04em;text-transform:uppercase;fill:var(--accent-2-text)}.hub-tag.api{fill:var(--accent-text)}.hub-core{fill:var(--surface);stroke:var(--line);stroke-width:1.5px}.hub-ring{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:4 10;transform-origin:590px 230px;animation:18s linear infinite hub-spin}@keyframes hub-spin{to{transform:rotate(360deg)}}.hub-core-label{font:700 12px var(--font);fill:var(--ink-soft)}.hub-mobile{gap:8px;margin:0;padding:4px;list-style:none;display:none}.hub-mobile li{background:var(--bg-2);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-weight:600;display:flex}.hub-mobile i{border-radius:50%;width:10px;height:10px}.hub-mobile em{color:var(--accent-2-text);margin-left:auto;font-size:12px;font-style:normal;font-weight:700}.hub-mobile em.api{color:var(--accent-text)}@media (width<=720px){.hub-svg{display:none}.hub-mobile{display:grid}}@media (prefers-reduced-motion:reduce){.hub-flow,.hub-ring{animation:none}.hub-flow{display:none}}.share{background:var(--surface);border:1px solid var(--line);border-radius:22px;margin-top:22px;padding:22px}.share-head{justify-content:space-between;align-items:baseline;margin-bottom:14px;display:flex}.share-head b{font-size:17px}.share-head span{color:var(--ink-faint);font-size:13px}.share-bar{background:var(--bg-2);border-radius:12px;height:40px;display:flex;overflow:hidden}.share-bar span{justify-content:center;align-items:center;display:flex;overflow:hidden}.share-bar em{color:#fff;text-shadow:0 1px 2px #00000040;font-size:14px;font-style:normal;font-weight:700}.share-legend{color:var(--ink-soft);flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:13px;display:flex}.share-legend i{border-radius:3px;width:9px;height:9px;margin-right:6px;display:inline-block}.src-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:22px;display:grid}.src-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:6px;padding:18px 18px 18px 22px;display:grid;position:relative;overflow:hidden}.src-card:before{content:"";background:var(--src,var(--accent));width:5px;position:absolute;top:0;bottom:0;left:0}.src-card b{font-size:16px}.src-card code{color:var(--ink-soft);overflow-wrap:anywhere;font:600 12px ui-monospace,SF Mono,Menlo,monospace}.src-card span{color:var(--ink-soft);font-size:14px}.src-card.api{--src:linear-gradient(180deg, #a855f7, #0ea5a4);border-style:dashed}.src-card.api:before{background:linear-gradient(#a855f7,#0ea5a4)}.watch-section{padding:clamp(56px,7.5vw,112px) 0}.watch-head{text-align:center}.watch-head .headline,.watch-head .lede2{margin-left:auto;margin-right:auto}.watch-body{max-width:1000px}.yt{aspect-ratio:16/9;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);background:#000;position:relative;overflow:hidden}.yt iframe,.yt-poster{border:0;width:100%;height:100%;position:absolute;inset:0}.yt-poster{cursor:pointer;background:#000;padding:0}.yt-poster img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.yt-poster:hover img{transform:scale(1.02)}.yt-play{filter:drop-shadow(0 6px 18px #00000073);transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yt-poster:hover .yt-play,.yt-poster:focus-visible .yt-play{transform:translate(-50%,-50%)scale(1.08)}.yt-poster:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.watch-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.yt-dot{color:#fff;background:red;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.ph-logo{color:#fff;background:#da552f;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:grid}.hero2-launch{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.hero2-launch a{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.hero2-launch a:hover{border-color:var(--accent)}.hero2-launch i{color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;font-weight:800;display:grid}.ph-logo-sm{width:22px;height:22px;font-size:12px}.guide-section{padding:clamp(56px,7.5vw,112px) 0}.guide-section>.wrap2+.wrap2{margin-top:clamp(32px,4vw,56px)}#prerequisites,#troubleshooting,#guide{scroll-margin-top:80px}.guide-h{margin:0 0 16px;font-size:clamp(22px,2.4vw,28px)}.prereq-grid{gap:14px;margin-top:8px;display:grid}@media (width>=760px){.prereq-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1080px){.prereq-grid{grid-template-columns:repeat(4,1fr)}}.prereq{border:1px solid var(--line);background:var(--surface);border-radius:18px;align-content:start;gap:8px;padding:20px;display:grid}.prereq p{color:var(--ink-soft);margin:0;font-size:15px}.prereq-top{justify-content:space-between;align-items:start;gap:10px;display:flex}.pill{color:var(--accent-text);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px;flex:none;padding:3px 9px;font-size:12px;font-weight:650}.os-tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;gap:4px;margin-bottom:14px;padding:4px;display:inline-flex}.os-tabs button{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 16px;font-weight:600}.os-tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.os-steps{counter-reset:s;gap:10px;margin:0;padding:0;list-style:none;display:grid}.os-steps li{counter-increment:s;border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:8px;min-width:0;padding:16px 18px 16px 58px;display:grid;position:relative}.os-steps li:before{content:counter(s);color:#fff;background:linear-gradient(135deg, var(--c1), var(--accent-3));border-radius:50%;place-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:grid;position:absolute;top:14px;left:16px}.os-steps code,.flag-list code,.trouble pre{background:var(--code-bg);color:#e9e9ff;white-space:pre;border-radius:10px;max-width:100%;padding:9px 12px;font-size:13.5px;display:block;overflow-x:auto}.guide-note{margin:14px 0 0}.guide-note a{color:var(--accent-text)}.flag-list{gap:10px;margin:20px 0 0;display:grid}.flag-list>div{gap:6px;min-width:0;display:grid}@media (width>=860px){.flag-list>div{grid-template-columns:340px 1fr;align-items:center;gap:18px}}.flag-list dd{color:var(--ink-soft);margin:0}.trouble{gap:10px;display:grid}.trouble summary{cursor:pointer;color:var(--ink);justify-content:space-between;gap:16px;padding:18px 20px;font-weight:650;list-style:none;display:flex}.trouble summary::-webkit-details-marker{display:none}.trouble summary:after{content:"+";color:var(--ink-faint);font-size:20px;line-height:1;transition:transform .2s}.trouble details[open] summary:after{transform:rotate(45deg)}.trouble .answer{gap:10px;display:grid}.trouble pre{margin:0}