.router-page{--router-blue:#087ff5;--router-blue-dark:#0667c9;--router-green:#10a37f;--router-ink:#11141a;--router-muted:#5e6876;--router-surface:#fff;--router-soft:#f4f7fa;--router-line:#dfe5eb;--router-line-strong:#cbd4de;--router-shadow:0 24px 64px rgba(24, 39, 58, 0.12);color:var(--router-ink);margin:0 auto;max-width:1120px;padding:2rem 0 5rem}[data-dark-mode] .router-page{--router-ink:#f3f5f7;--router-muted:#aab3bf;--router-surface:#181b20;--router-soft:#121519;--router-line:#303640;--router-line-strong:#46505d;--router-shadow:0 28px 72px rgba(0, 0, 0, 0.42)}.router-page *,.router-page *::before,.router-page *::after{box-sizing:border-box}.router-page h1,.router-page h2,.router-page p{color:inherit}.router-page h1,.router-page h2{letter-spacing:-.04em}.router-hero{background:radial-gradient(circle at 8% 8%,rgba(8,127,245,.14),transparent 35%),radial-gradient(circle at 94% 92%,rgba(16,163,127,.12),transparent 32%),var(--router-soft);border:1px solid var(--router-line);border-radius:2rem;overflow:hidden;padding:clamp(2.25rem,7vw,5.5rem);position:relative}.router-hero::before{background-image:radial-gradient(rgba(77,92,111,.15) .7px,transparent .7px);background-size:16px 16px;content:"";inset:0;mask-image:linear-gradient(120deg,black,transparent 68%);opacity:.4;pointer-events:none;position:absolute}.router-hero>*{position:relative;z-index:1}.router-brand-lockup{align-items:center;display:flex;gap:.8rem;margin-bottom:2rem}.router-logo-wrap{background:#fff;border:1px solid var(--router-line);border-radius:.95rem;box-shadow:0 10px 28px rgba(8,127,245,.12);display:inline-flex;padding:.4rem}.router-logo{display:block;height:2.8rem;width:2.8rem}.router-eyebrow,.router-kicker{color:var(--router-blue)!important;font-size:.76rem;font-weight:720;letter-spacing:.12em;margin:0;text-transform:uppercase}.router-hero h1{font-size:clamp(3rem,7vw,6rem);font-weight:730;line-height:.98;margin:0;max-width:15ch}.router-hero h1 span{background:linear-gradient(100deg,var(--router-blue),#765cff 54%,var(--router-green));background-clip:text;color:transparent}.router-hero-lead{color:var(--router-muted)!important;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.55;margin:1.5rem 0 0;max-width:46rem}.router-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.router-button,.router-toolbar-button{align-items:center;border:1px solid transparent;border-radius:.8rem;display:inline-flex;font-weight:650;gap:.5rem;justify-content:center;text-decoration:none;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}.router-button{min-height:3rem;padding:.72rem 1.05rem}.router-button svg,.router-toolbar-button svg{fill:none;height:1rem;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:1rem}.router-button-primary{background:var(--router-blue);box-shadow:0 10px 24px rgba(8,127,245,.22);color:#fff!important}.router-button-primary svg{fill:currentcolor;stroke:none}.router-button-secondary{background:var(--router-surface);border-color:var(--router-line-strong);color:var(--router-ink)!important}.router-button:hover,.router-toolbar-button:hover{text-decoration:none;transform:translateY(-1px)}.router-button-primary:hover{background:var(--router-blue-dark)}.router-button-secondary:hover,.router-toolbar-button:hover{border-color:var(--router-blue)}.router-button:focus-visible,.router-toolbar-button:focus-visible,.router-demo-toggle:focus-visible,.router-prompt-text:focus-visible{outline:3px solid rgba(8,127,245,.38);outline-offset:3px}.router-story{display:grid;gap:clamp(2rem,7vw,6rem);grid-template-columns:minmax(0,.8fr)minmax(0,1.2fr);margin:clamp(4rem,9vw,7rem)auto;max-width:940px}.router-story h2,.router-section-heading h2,.router-prompt-intro h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.06;margin:.6rem 0 0}.router-story-copy{border-left:1px solid var(--router-line);padding-left:clamp(1.5rem,4vw,3rem)}.router-story-copy p{color:var(--router-muted)!important;font-size:1.08rem;line-height:1.72;margin:0 0 1.15rem}.router-story-copy p:last-child{margin-bottom:0}.router-story-copy a{font-weight:650}.router-section{margin-top:clamp(4rem,9vw,7rem)}.router-section-heading{margin:0 auto 1.6rem;max-width:720px}.router-demo-frame{background:#11151b;border:1px solid var(--router-line-strong);border-radius:1.15rem;box-shadow:var(--router-shadow);margin:0 auto;max-width:720px;overflow:hidden}.router-window-bar{align-items:center;color:#abb3be;display:grid;font-size:.72rem;grid-template-columns:1fr auto 1fr;min-height:2.55rem;padding:0 .9rem}.router-window-dots{display:flex;gap:.36rem}.router-window-dots i{background:#65707c;border-radius:50%;display:block;height:.58rem;width:.58rem}.router-window-dots i:first-child{background:#ff5e57}.router-window-dots i:nth-child(2){background:#febc2e}.router-window-dots i:nth-child(3),.router-window-status i{background:#28c840}.router-window-status{align-items:center;display:flex;gap:.4rem;justify-self:end}.router-window-status i{border-radius:50%;height:.45rem;width:.45rem}.router-demo-media{background:#090b0e;position:relative}.router-demo-media img{aspect-ratio:996/745;display:block;height:auto;width:100%}.router-demo-toggle{align-items:center;backdrop-filter:blur(8px);background:rgba(8,12,18,.78);border:1px solid rgba(255,255,255,.2);border-radius:999px;bottom:.8rem;color:#fff;display:inline-flex;font-size:.76rem;font-weight:650;gap:.4rem;padding:.42rem .72rem;position:absolute;right:.8rem}.router-demo-icon{display:inline-flex}.router-demo-icon svg{fill:currentcolor;height:.78rem;width:.78rem}.router-demo-icon-play{display:none}.router-demo-toggle[data-playing=false] .router-demo-icon-play{display:block}.router-demo-toggle[data-playing=false] .router-demo-icon-pause{display:none}.router-prompt-section{margin-left:auto;margin-right:auto;max-width:980px}.router-prompt-intro{margin-bottom:1.5rem}.router-prompt-intro p:last-child{color:var(--router-muted)!important;font-size:1.04rem;line-height:1.65;margin:1rem 0 0}.router-prompt-card{background:var(--router-surface);border:1px solid var(--router-line);border-radius:1.15rem;box-shadow:var(--router-shadow);overflow:hidden}.router-prompt-toolbar{align-items:center;border-bottom:1px solid var(--router-line);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.15rem}.router-prompt-toolbar>div:first-child{display:flex;flex-direction:column;gap:.1rem}.router-prompt-toolbar strong{font-size:.91rem}.router-prompt-toolbar span,.router-prompt-footer{color:var(--router-muted);font-size:.74rem}.router-prompt-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.router-toolbar-button{background:var(--router-soft);border-color:var(--router-line);color:var(--router-ink)!important;min-height:2.35rem;padding:.45rem .68rem}.router-copy-button{background:var(--router-blue);border-color:var(--router-blue);color:#fff!important}.router-copy-button:hover{background:var(--router-blue-dark);border-color:var(--router-blue-dark)}.router-prompt-text{background:#0e1117;border:0;color:#dce4ed;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;height:25rem;line-height:1.55;padding:1.15rem;resize:vertical;tab-size:2;width:100%}.router-prompt-text.is-expanded{height:75vh;max-height:60rem}.router-prompt-footer{align-items:center;display:flex;justify-content:space-between;min-height:2.7rem;padding:.65rem 1.15rem}.router-independent-note{color:var(--router-muted)!important;font-size:.82rem;line-height:1.6;margin:2rem auto 0;max-width:980px;text-align:center}@media(max-width:767px){.router-page{padding:1rem 0 3.5rem}.router-hero{border-radius:1.25rem;padding:2rem 1.25rem}.router-hero h1{font-size:clamp(2.55rem,12vw,4rem)}.router-story{gap:1.5rem;grid-template-columns:1fr}.router-story-copy{border-left:0;border-top:1px solid var(--router-line);padding-left:0;padding-top:1.5rem}.router-window-bar{grid-template-columns:1fr 1fr}.router-window-bar>span:nth-child(2){display:none}.router-prompt-toolbar{align-items:flex-start;flex-direction:column}.router-prompt-actions{justify-content:flex-start}.router-prompt-footer span:last-child{display:none}}@media(max-width:430px){.router-button{width:100%}.router-toolbar-button{font-size:.74rem}.router-prompt-text{height:21rem}}@media(prefers-reduced-motion:reduce){.router-button,.router-toolbar-button{transition:none}}