:root{--bg: #0b0e14;--bg-alt: #0f1420;--surface: rgba(255, 255, 255, .028);--surface-solid: #131a28;--border: rgba(148, 163, 184, .16);--border-strong: rgba(148, 163, 184, .32);--text: #e6ebf5;--muted: #8b95ab;--accent: #6ee7b7;--accent2: #818cf8;--pink: #f472b6;--gradient: linear-gradient(135deg, #6ee7b7 0%, #818cf8 55%, #f472b6 100%);--radius: 12px;--font: "Noto Sans SC", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}::selection{background:#818cf852;color:#fff}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.site-header{position:sticky;top:0;z-index:100;background:#0b0e14c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.logo{font-weight:700;font-size:1.2rem;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:.55rem;letter-spacing:.01em}.logo-icon{width:24px;height:24px;border-radius:6px}.logo span{color:var(--accent)}.nav{display:flex;gap:1.75rem;flex-wrap:wrap}.nav a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--accent);transition:right .25s ease}.nav a:hover{color:var(--text)}.nav a:hover:after{right:0}.nav a.active{color:var(--accent)}.nav a.active:after{right:0}.hero{padding:4.5rem 0 5rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 45% at 18% -10%,rgba(129,140,248,.1),transparent 70%),radial-gradient(ellipse 45% 40% at 100% 30%,rgba(110,231,183,.05),transparent 70%)}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:center;position:relative}@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:3rem}}.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 1.1rem}.hero h1{font-size:clamp(1.85rem,3.5vw,2.5rem);line-height:1.22;margin:0 0 1.1rem;font-weight:700;letter-spacing:-.01em}.gradient{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lead{color:var(--muted);font-size:1.04rem;max-width:32rem;margin-bottom:1.75rem}.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:2.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.62rem 1.4rem;border-radius:8px;font-weight:600;font-size:.94rem;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:var(--gradient);color:#0b0e14;border:none;box-shadow:0 1px #ffffff59 inset,0 4px 20px #6ee7b729}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px #ffffff59 inset,0 8px 28px #6ee7b73d}.btn-ghost{border:1px solid var(--border-strong);color:var(--text);background:transparent}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:#6ee7b70d}.btn-disabled,.btn-disabled:hover{opacity:.5;cursor:not-allowed;color:var(--muted);background:transparent;border:1px dashed var(--border-strong);transform:none;box-shadow:none}.hero-stats{list-style:none;padding:0;margin:0;display:flex;gap:0;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:1.5rem}.hero-stats li{display:flex;flex-direction:column;padding-right:2rem;margin-right:2rem;border-right:1px solid var(--border)}.hero-stats li:last-child{padding-right:0;margin-right:0;border-right:none}.hero-stats strong{font-size:1.35rem;color:var(--accent);letter-spacing:-.01em}.hero-stats span{font-size:.78rem;color:var(--muted);margin-top:2px}.hero-visual{position:relative;display:flex;flex-direction:column;gap:1rem;max-width:520px;margin-left:auto;width:100%;--hero-cycle: 7.5s}.hero-carousel{position:relative;min-height:380px}.hero-slide{position:absolute;inset:0;display:flex;flex-direction:column;gap:1rem;opacity:0;visibility:hidden;transition:opacity 1s cubic-bezier(.4,0,.2,1),visibility 1s cubic-bezier(.4,0,.2,1);pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-slide-title{margin:0;font-size:clamp(1.15rem,2.2vw,1.35rem);font-weight:700;letter-spacing:-.02em;text-align:center;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem 0 1rem}.hero-scene-3d{position:relative;width:100%;height:280px;perspective:920px;perspective-origin:50% 42%;transform-style:preserve-3d}.hero-monitor{position:absolute;width:248px;border-radius:10px;border:1px solid rgba(148,163,184,.28);background:#090d14d1;box-shadow:0 24px 48px #00000073,0 0 0 1px #6ee7b70f inset;transform-style:preserve-3d;transform-origin:50% 50%;backface-visibility:hidden;overflow:hidden}.hero-monitor-chrome{display:flex;align-items:center;gap:6px;height:28px;padding:0 10px;background:#818cf81a;border-bottom:1px solid rgba(148,163,184,.12)}.hero-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.hero-dot--pink{background:#f472b6;opacity:.75}.hero-dot--amber{background:#fbbf24;opacity:.55}.hero-dot--green{background:#6ee7b7;opacity:.55}.hero-monitor-title{margin-left:auto;font-family:var(--mono);font-size:.62rem;color:var(--muted);letter-spacing:.04em}.hero-monitor-body{min-height:148px;position:relative}.hero-monitor--back{top:12px;right:8px;transform:rotateY(-68deg) rotateX(6deg) translateZ(-48px);z-index:1;opacity:.7}.hero-monitor--front{top:48px;left:4px;transform:rotateY(10deg) rotateX(-5deg) translateZ(48px);z-index:2}.hero-slide--plugin.is-active .hero-monitor--back{animation:heroPluginCodeFlip var(--hero-cycle) cubic-bezier(.45,0,.55,1) forwards}.hero-slide--plugin.is-active .hero-monitor--front{animation:heroPluginUiRecede var(--hero-cycle) cubic-bezier(.45,0,.55,1) forwards}@keyframes heroPluginCodeFlip{0%,36%{transform:rotateY(-68deg) rotateX(6deg) translateZ(-48px)}48%,to{transform:rotateY(8deg) rotateX(-4deg) translate3d(-18px,22px,52px)}}@keyframes heroPluginUiRecede{0%,36%{transform:rotateY(10deg) rotateX(-5deg) translateZ(48px)}48%,to{transform:rotateY(64deg) rotateX(5deg) translate3d(38px,-16px,-52px)}}.hero-monitor-body--code{padding:0;overflow:hidden}.hero-code-viewport{height:120px;overflow:hidden;transform:translateZ(0);mask-image:linear-gradient(#000 70%,transparent 100%);-webkit-mask-image:linear-gradient(#000 70%,transparent 100%)}.hero-code-track{padding:10px 12px;font-family:var(--mono);font-size:.58rem;line-height:1.55;animation:heroCodeScroll 12s linear infinite}.hero-slide--plugin.is-active .hero-code-track{animation-play-state:running}.hero-slide--plugin:not(.is-active) .hero-code-track{animation-play-state:paused}@keyframes heroCodeScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.hero-code-line{color:#94a3b8;white-space:nowrap}.hero-code-line--dim{color:#94a3b873;font-style:italic}.c-kw{color:#c084fc}.c-fn{color:#6ee7b7}.c-str{color:#fbbf24}.hero-monitor-body--ui{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:12px 14px 14px;position:relative}.hero-ui-panel{display:flex;flex-direction:column;gap:8px;width:100%}.hero-ui-search{display:flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-radius:7px;border:1px solid rgba(148,163,184,.22);background:#0f1420b8;color:var(--muted)}.hero-ui-search-icon{flex-shrink:0;color:#6ee7b7bf}.hero-ui-search-text{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#94a3b8d9}.hero-ui-charts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-ui-chart{height:52px;border-radius:7px;border:1px solid rgba(148,163,184,.14);background:#090d148c;overflow:hidden}.hero-ui-chart svg{display:block;width:100%;height:100%}.hero-ui-btn{position:relative;z-index:1;width:100%;padding:.42rem .75rem;border:none;border-radius:8px;font-family:var(--font);font-size:.78rem;font-weight:600;color:#0b0e14;background:var(--gradient);cursor:default;box-shadow:0 2px 12px #6ee7b740}.hero-slide--plugin.is-active .hero-ui-btn{animation:heroBtnClick var(--hero-cycle) cubic-bezier(.45,0,.55,1) forwards}.hero-slide--plugin.is-active .hero-ui-ripple{animation:heroBtnRipple var(--hero-cycle) ease-out forwards}@keyframes heroBtnClick{0%,34%{transform:scale(1)}38%{transform:scale(.96)}42%,to{transform:scale(1)}}@keyframes heroBtnRipple{0%,38%{opacity:0;transform:scale(.6)}40%{opacity:.5;transform:scale(1)}48%,to{opacity:0;transform:scale(2.2)}}.hero-ui-ripple{position:absolute;left:50%;bottom:18px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#6ee7b780;opacity:0;pointer-events:none}.hero-ui-cursor{position:absolute;left:78%;top:12%;z-index:4;width:20px;height:28px;opacity:0;pointer-events:none;transform-origin:0 0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.hero-slide--plugin.is-active .hero-ui-cursor{animation:heroUiCursor var(--hero-cycle) cubic-bezier(.45,0,.55,1) forwards}@keyframes heroUiCursor{0%,16%{opacity:0;left:78%;top:12%;transform:scale(1)}20%{opacity:1;left:78%;top:12%;transform:scale(1)}28%,33%{opacity:1;left:50%;top:82%;transform:scale(1)}37%{opacity:1;left:50%;top:82%;transform:scale(.82)}39%{opacity:1;left:50%;top:82%;transform:scale(1)}43%,to{opacity:0;left:50%;top:82%;transform:scale(1)}}.hero-scene-trace{height:280px}.hero-monitor--record{top:20px;left:12px;transform:rotateY(4deg) rotateX(-2deg) translateZ(30px);z-index:2}.hero-monitor--replay{top:8px;right:4px;transform:rotateY(-72deg) rotateX(6deg) translateZ(-40px);z-index:1;opacity:.55}.hero-slide--trace.is-active .hero-monitor--record{animation:heroRecordShift var(--hero-cycle) cubic-bezier(.45,0,.55,1) forwards}.hero-slide--trace.is-active .hero-monitor--replay{animation:heroReplayFlip var(--hero-cycle) cubic-bezier(.45,0,.55,1) forwards}@keyframes heroRecordShift{0%,36%{transform:rotateY(4deg) rotateX(-2deg) translateZ(30px)}48%,to{transform:rotateY(-6deg) rotateX(4deg) translate3d(-8px,6px,-30px)}}@keyframes heroReplayFlip{0%,36%{transform:rotateY(-72deg) rotateX(6deg) translateZ(-40px)}48%,to{transform:rotateY(8deg) rotateX(-4deg) translate3d(-60px,28px,50px)}}.hero-monitor-body--trace{padding:8px}.hero-trace-svg,.hero-replay-svg{display:block;width:100%;height:auto}.hero-trace-path-draw,.hero-replay-path{stroke-dasharray:1;stroke-dashoffset:1}.hero-record-cursor,.hero-ai-cursor{filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}.hero-trace-cursor{opacity:0}.hero-slide--trace.is-active .hero-trace-cursor{animation:heroCursorVisible var(--hero-cycle) linear forwards}@keyframes heroCursorVisible{0%,5%{opacity:0}6%,36%{opacity:1}36%,to{opacity:0}}.hero-ai-drawer{opacity:0;pointer-events:none}.hero-slide--trace.is-active .hero-ai-drawer{animation:heroAiDrawerVisible var(--hero-cycle) linear forwards}@keyframes heroAiDrawerVisible{0%,47%{opacity:0}48%,to{opacity:1}}.hero-rec-badge{position:absolute;top:14px;right:14px;font-family:var(--mono);font-size:.58rem;font-weight:700;letter-spacing:.1em;color:#f472b6;opacity:0}.hero-slide--trace.is-active .hero-rec-badge{animation:heroRecBlink var(--hero-cycle) linear forwards}@keyframes heroRecBlink{0%,5%{opacity:0}6%,36%{opacity:1}36%,to{opacity:0}}.hero-carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.25rem}.hero-carousel-dot{width:28px;height:4px;padding:0;border:none;border-radius:999px;background:#94a3b840;cursor:pointer;transition:background .3s,width .3s}.hero-carousel-dot.is-active{width:40px;background:var(--gradient)}.hero-carousel-dot:hover:not(.is-active){background:#94a3b873}.hero-feature-cards{display:flex;flex-direction:column;gap:.85rem;width:100%}.hero-feature-card{padding:1.1rem 1.25rem;border-radius:var(--radius);border:1px solid var(--border);background:#090d148c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .35s,background .35s,box-shadow .35s,opacity .85s;opacity:.45}.hero-feature-card.active{opacity:1;border-color:#6ee7b773;background:#6ee7b70f;box-shadow:0 8px 32px #00000040}.hero-feature-card[data-hero-feature=trace].active{border-color:#818cf873;background:#818cf80f}.hero-feature-tag{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.45rem}.hero-feature-tag--trace{color:var(--accent2)}.hero-feature-card h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.hero-feature-card p{margin:0 0 .65rem;font-size:.88rem;color:var(--muted);line-height:1.65}.hero-feature-card code{display:block;font-family:var(--mono);font-size:.72rem;color:#6ee7b7d9;word-break:break-all}@media(max-width:900px){.hero-visual{margin-left:0;margin-right:auto}.hero-scene-3d{height:260px}.hero-monitor{width:220px}.hero-slide--trace.is-active .hero-monitor--replay{animation-name:heroReplayFlipMobile}}@keyframes heroReplayFlipMobile{0%,36%{transform:rotateY(-72deg) rotateX(6deg) translateZ(-40px)}48%,to{transform:rotateY(8deg) rotateX(-4deg) translate3d(-40px,24px,50px)}}@media(prefers-reduced-motion:reduce){.hero-slide,.hero-monitor,.hero-code-track,.hero-ui-btn,.hero-ui-ripple,.hero-ui-cursor,.hero-trace-path-draw,.hero-replay-path,.hero-trace-cursor,.hero-ai-drawer,.hero-rec-badge{animation:none!important}.hero-trace-path-draw,.hero-replay-path{stroke-dashoffset:0}.hero-trace-cursor,.hero-rec-badge,.hero-ai-drawer{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.flow-step{padding:.32rem .75rem;font-size:.73rem;border:1px solid var(--border);border-radius:999px;color:var(--muted);transition:all .3s;letter-spacing:.01em}.flow-step.active{border-color:var(--accent);color:var(--accent);background:#6ee7b714}.companion-shell{margin-top:1.75rem;display:flex;flex-direction:column;gap:8px;width:100%;max-width:330px;margin-left:auto;margin-right:auto;padding:14px;border-radius:14px;background:#090d148c;border:1px solid var(--border);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 20px 50px #0000004d}.companion-tool-row{display:flex;gap:6px;align-items:center;justify-content:center}.tip{position:relative;display:inline-flex}.tip-pop{position:absolute;bottom:calc(100% + 11px);left:50%;transform:translate(-50%,5px);min-width:148px;max-width:220px;padding:.55rem .8rem;background:#0a0e16f0;border:1px solid rgba(110,231,183,.28);border-radius:9px;box-shadow:0 10px 30px #0006;opacity:0;visibility:hidden;pointer-events:none;z-index:60;text-align:left;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.tip-pop:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#0a0e16f0}.tip-title{display:block;font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.02em;margin-bottom:2px;white-space:nowrap}.tip-desc{display:block;font-size:10.5px;line-height:1.5;color:var(--muted)}.tip:hover .tip-pop,.tip:focus-within .tip-pop{opacity:1;visibility:visible;transform:translate(-50%)}.icon-btn{flex-shrink:0;width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);background:transparent;color:#ffffffad;cursor:pointer;transition:all .18s}.icon-btn:hover{border-color:#6ee7b799;color:var(--accent);background:#6ee7b70f;transform:translateY(-1px)}.workspace-bar{display:flex;align-items:center;gap:5px;width:100%}.workspace-bar>.tip{flex:1;min-width:0;display:flex;align-items:center}.workspace-btn{flex:1;min-width:0;max-width:96px;width:100%;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;border:1px solid var(--border);background:transparent;color:#ffffffad;font-size:10px;cursor:pointer;transition:all .18s}.workspace-btn:hover{border-color:#6ee7b78c;color:var(--accent);transform:translateY(-1px)}.workspace-btn-icon{font-size:11px;line-height:1}.workspace-btn-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-tools{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.workspace-tool-btn{flex-shrink:0;width:24px;height:24px;padding:0;border-radius:7px;border:1px solid var(--border);background:transparent;color:#ffffffad;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s}.workspace-tool-btn:hover{border-color:#6ee7b78c;color:var(--accent);background:#6ee7b70f;transform:translateY(-1px)}.input-bar{display:flex;align-items:center;gap:5px;width:100%;padding:4px 4px 4px 8px;border-radius:10px;background:#ffffff12;border:1px solid var(--border-strong);transition:border-color .2s,box-shadow .2s,background .2s}.input-bar:focus-within{border-color:#6ee7b799;box-shadow:0 0 0 3px #6ee7b71f;background:#ffffff17}.input-bar input{flex:1;min-width:0;height:26px;border:none;background:transparent;color:#fffffff0;padding:0 4px;font-size:12px;outline:none;font-family:var(--font);caret-color:var(--accent)}.input-bar input::placeholder{color:#ffffff6b}.mic-btn{color:#fbbf24}.mic-btn:hover{border-color:#fbbf2499;color:#fbbf24;background:#fbbf240f;transform:translateY(-1px)}.send-btn{color:var(--accent)}.send-btn:hover{border-color:#6ee7b799;color:var(--accent);background:#6ee7b70f;transform:translateY(-1px)}.section{padding:4.5rem 0}.section-alt{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section h2{font-size:1.65rem;margin:0 0 .6rem;display:flex;align-items:center;gap:.7rem;letter-spacing:-.01em}.section h2:before{content:"";width:3px;height:1.1em;border-radius:2px;background:var(--gradient)}.section-desc{color:var(--muted);margin-bottom:2.25rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.5rem 1.5rem;transition:border-color .25s ease,transform .25s ease,background .25s ease}.card:before{content:"";position:absolute;left:1.5rem;right:1.5rem;top:0;height:1px;background:var(--gradient);opacity:0;transition:opacity .25s ease}.card:hover{border-color:var(--border-strong);transform:translateY(-2px);background:#ffffff0a}.card:hover:before{opacity:1}.card h3{margin:0 0 .7rem;font-size:1.05rem}.card p{color:var(--muted);font-size:.92rem;margin:0 0 1rem;line-height:1.65}.card code{display:block;font-family:var(--mono);font-size:.7rem;color:var(--accent2);background:#0a0e1499;padding:.7rem .8rem;border-radius:6px;overflow-x:auto;border:1px solid rgba(129,140,248,.12)}.arch-diagram{font-family:var(--mono);font-size:.72rem;line-height:1.5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;overflow-x:auto;color:var(--muted);transition:border-color .25s ease}.arch-diagram:hover{border-color:var(--border-strong)}.steps{padding-left:1.3rem}.steps li{margin-bottom:2rem;padding-left:.3rem}.steps li::marker{color:var(--accent);font-weight:700}.steps h3{margin:0 0 .5rem;font-size:1.02rem}.steps h4{margin:0 0 .35rem;font-size:.98rem}.steps p{color:var(--muted);margin:.5rem 0}pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;overflow-x:auto;line-height:1.6}pre code{font-family:var(--mono);font-size:.78rem;color:var(--accent)}code{font-family:var(--mono);font-size:.85em;color:var(--accent2)}.more-docs{margin-top:2rem;color:var(--muted)}.more-docs a{color:var(--accent);text-decoration:none}.more-docs a:hover{text-decoration:underline}.cta-section{padding-bottom:5rem}.cta-box{position:relative;text-align:center;padding:3.5rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);overflow:hidden}.cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% -20%,rgba(129,140,248,.1),transparent 70%);pointer-events:none}.cta-box h2{margin-bottom:.5rem;justify-content:center}.cta-box h2:before{display:none}.cta-box p{color:var(--muted);margin-bottom:1.75rem;position:relative}.cta-box .hero-cta{justify-content:center;position:relative}.inline-link{color:var(--accent);text-decoration:none}.inline-link:hover{text-decoration:underline}.page-hero{padding:3.5rem 0 2.75rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 55% 45% at 15% -10%,rgba(129,140,248,.1),transparent 70%),radial-gradient(ellipse 45% 40% at 100% 30%,rgba(110,231,183,.05),transparent 70%)}.page-hero h1{font-size:clamp(2rem,4vw,2.6rem);margin:0 0 .75rem;letter-spacing:-.01em}.page-hero .lead{color:var(--muted);max-width:40rem;margin-bottom:1.75rem}.page-toc{display:flex;gap:.6rem;flex-wrap:wrap}.toc-chip{display:inline-flex;align-items:center;padding:.42rem 1.05rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);text-decoration:none;font-size:.84rem;font-weight:500;transition:all .2s;background:transparent}.toc-chip:hover{border-color:var(--accent);color:var(--accent);background:#6ee7b70d}.doc-grid{display:grid;grid-template-columns:280px 1fr;gap:3.5rem;align-items:start}@media(max-width:900px){.doc-grid{grid-template-columns:1fr;gap:2rem}}.doc-side{position:sticky;top:84px;padding-right:1.5rem;border-right:1px solid var(--border)}@media(max-width:900px){.doc-side{position:static;border-right:none;padding-right:0}}.doc-side h2{font-size:1.4rem;margin:.75rem 0;display:flex;align-items:center;gap:.6rem}.doc-side h2:before{content:"";width:3px;height:1em;border-radius:2px;background:var(--gradient)}.doc-note{color:var(--muted);font-size:.9rem;margin:0}.step-badge{display:inline-block;padding:.22rem .75rem;border-radius:999px;border:1px solid rgba(110,231,183,.35);color:var(--accent);background:transparent;font-size:.72rem;font-weight:700;letter-spacing:.08em}.step-badge-accent{border-color:#818cf866;color:var(--accent2)}.doc-body{min-width:0}.doc-body h3{font-size:1.15rem;margin:1.75rem 0 .75rem}.doc-body h4{font-size:1rem;margin:0 0 .35rem}.doc-body .steps p{margin:0 0 .5rem}.doc-body pre{margin:.75rem 0 1rem}.doc-body .hint{color:var(--muted);font-size:.9rem}.perm-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem 1.5rem;margin-bottom:1.25rem;transition:border-color .25s ease}.perm-card:hover{border-color:var(--border-strong)}.perm-head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.perm-icon{flex-shrink:0;font-size:1.3rem;width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:transparent}.perm-head h3{margin:0 0 .25rem}.perm-purpose{color:var(--muted);font-size:.9rem;margin:0}.perm-tag{flex-shrink:0;margin-left:auto;padding:.18rem .65rem;border-radius:999px;font-size:.7rem;font-weight:600;border:1px solid rgba(110,231,183,.35);color:var(--accent)}.perm-steps{padding-left:1.1rem;margin:0}.perm-steps li{color:var(--muted);font-size:.92rem;margin-bottom:.4rem}.perm-steps code{font-size:.85em}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem 1.3rem;margin-bottom:.85rem;transition:border-color .25s ease}.faq-item:hover{border-color:var(--border-strong)}.faq-item summary{cursor:pointer;font-weight:600;font-size:.97rem;list-style:none;display:flex;align-items:center;gap:.6rem;color:var(--text)}.faq-item summary:before{content:"+";color:var(--accent);font-size:1.05rem;transition:transform .25s ease;display:inline-block;line-height:1}.faq-item[open] summary:before{transform:rotate(45deg)}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:var(--muted);font-size:.92rem;margin:.75rem 0 0 1.4rem}.site-footer{border-top:1px solid var(--border);padding:2rem 0;text-align:center;color:var(--muted);font-size:.84rem}.site-footer a{color:var(--accent);text-decoration:none}.site-footer a:hover{text-decoration:underline}@media(max-width:640px){.hero-stats li{padding-right:1.2rem;margin-right:1.2rem}.nav{gap:1.1rem}}