@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.11.cyxs5p-0z~.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.16t1db8_9y2o~.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0q3udbd2bu5yp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0gw~uztddq1df.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0.q-h669a_dqa.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-mono);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--base);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}body{background:radial-gradient(1200px 600px at 50% -100px, #ffffff0a, transparent 60%), radial-gradient(800px 400px at 80% 200px, #ffffff05, transparent 60%), var(--base);font-feature-settings:"cv11","ss01","ss03";letter-spacing:-.005em;min-height:100vh;line-height:1.5}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}::selection{color:var(--text);background:#ffffff38}}@layer components{.container{max-width:var(--container);margin:0 auto;padding:0 24px}.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 24px}.mono{font-family:var(--font-mono);letter-spacing:0}.eyebrow{font-family:var(--font-mono);color:var(--subtext0);background:var(--mantle);border:1px solid var(--surface0);transition:border-color var(--t-base) var(--ease), color var(--t-base) var(--ease);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:12px;display:inline-flex}.eyebrow:hover{color:var(--text);border-color:var(--surface1)}.eyebrow .pill{color:var(--green);letter-spacing:.04em;text-transform:uppercase;background:#ffffff1f;border-radius:999px;padding:2px 6px;font-size:10px}.eyebrow .arrow{opacity:.7}.section{padding:120px 0;position:relative}.section--tight{padding:80px 0}.section-label{font-family:var(--font-mono);color:var(--overlay0);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-size:11px}.section-title{letter-spacing:-.02em;color:var(--text);text-wrap:balance;margin:0 0 16px;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.08}.section-sub{color:var(--subtext0);max-width:640px;margin:0;font-size:17px;line-height:1.55}.divider{background:var(--surface0);width:100%;height:1px}.nav{z-index:50;-webkit-backdrop-filter:blur(14px)saturate(1.2);transition:border-color var(--t-base) var(--ease), background var(--t-base) var(--ease);background:#0000008c;border-bottom:1px solid #0000;position:sticky;top:0}.nav.is-scrolled{border-bottom-color:var(--surface0);background:#000000c7}.nav__inner{height:60px;max-width:var(--container-wide);justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;display:flex}.nav__brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:16px;font-weight:600;display:flex}.nav__brand-mark{border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;line-height:0;display:inline-flex;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #00000040}.nav__brand-mark svg{display:block}.nav__links{align-items:center;gap:4px;display:flex}.nav__link{color:var(--subtext0);transition:color var(--t-base) var(--ease), background var(--t-base) var(--ease);border-radius:8px;padding:8px 12px;font-size:13.5px}.nav__link:hover{color:var(--text);background:var(--surface0)}.nav__cta{align-items:center;gap:8px;display:flex}.btn{letter-spacing:-.005em;height:40px;transition:background var(--t-base) var(--ease), border-color var(--t-base) var(--ease), transform var(--t-fast) var(--ease);border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--text);color:var(--crust)}.btn--primary:hover{background:#fff}.btn--ghost{background:var(--mantle);color:var(--text);border-color:var(--surface0)}.btn--ghost:hover{background:var(--surface0);border-color:var(--surface1)}.btn--lg{border-radius:12px;height:48px;padding:0 22px;font-size:15px}.btn--sm{border-radius:8px;height:32px;padding:0 12px;font-size:13px}.btn__star{border-left:1px solid var(--surface1);color:var(--yellow);font-family:var(--font-mono);align-items:center;gap:6px;margin-left:4px;padding-left:10px;font-size:13px;display:inline-flex}.hero{padding:80px 0 60px;position:relative;overflow:hidden}.hero__inner{text-align:center;max-width:980px;margin:0 auto;padding:0 24px}.hero h1{letter-spacing:-.035em;color:var(--text);text-wrap:balance;margin:22px 0 18px;font-size:clamp(40px,6.6vw,72px);font-weight:600;line-height:1.02}.hero h1 .accent{background:linear-gradient(180deg, var(--text), var(--subtext1));color:#0000;-webkit-background-clip:text;background-clip:text}.hero__sub{color:var(--subtext0);max-width:640px;margin:0 auto 32px;font-size:clamp(16px,1.6vw,19px);line-height:1.5}.hero__sub .mono{color:var(--lavender)}.hero__ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:56px;display:flex}.hero__tabs{background:var(--mantle);border:1px solid var(--surface0);border-radius:12px;align-items:center;gap:4px;margin:0 auto 16px;padding:4px;display:inline-flex}.hero__tab{font-family:var(--font-mono);color:var(--subtext0);transition:background var(--t-base) var(--ease), color var(--t-base) var(--ease);background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;display:inline-flex}.hero__tab .dot{background:var(--overlay0);border-radius:50%;width:6px;height:6px}.hero__tab:hover{color:var(--text)}.hero__tab.is-active{background:var(--surface0);color:var(--text)}.hero__tab.is-active .dot{background:var(--green);box-shadow:0 0 0 3px #ffffff2e}.hero__product{max-width:1180px;margin:0 auto;padding:0 24px;position:relative}.hero__product-inner{background:var(--mantle);border:1px solid var(--surface0);border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 30px 60px -20px #0009,0 80px 120px -40px #ffffff14}.hero__product-glow{pointer-events:none;opacity:.6;mix-blend-mode:screen;background:linear-gradient(#fff3,#0000 30%);border-radius:19px;position:absolute;inset:-1px}.win{background:var(--mantle);color:var(--text);font-family:var(--font-mono);flex-direction:column;font-size:13px;display:flex}.win__bar{background:var(--crust);border-bottom:1px solid var(--surface0);align-items:center;gap:14px;height:38px;padding:0 14px;display:flex}.win__lights{gap:7px;display:flex}.win__lights span{background:var(--surface1);border-radius:50%;width:11px;height:11px}.win__lights span:first-child{background:#f38ba8}.win__lights span:nth-child(2){background:#f9e2af}.win__lights span:nth-child(3){background:#a6e3a1}.win__title{color:var(--overlay1);letter-spacing:.02em;text-align:center;flex:1;font-size:12px}.win__tabs{align-items:center;gap:2px;display:flex}.win__tab{height:26px;color:var(--subtext0);border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:11.5px;display:inline-flex}.win__tab.is-active{background:var(--surface0);color:var(--text)}.win__tab .led{background:var(--overlay0);border-radius:50%;width:6px;height:6px}.win__tab.is-active .led{background:var(--green)}.hero-product--multi{grid-template-rows:1fr 220px;grid-template-columns:240px 1fr 1fr;height:560px;display:grid}.hero-product--multi .panel-sidebar{border-right:1px solid var(--surface0);grid-row:1/span 2}.hero-product--multi .panel-claude{border-right:1px solid var(--surface0);border-bottom:1px solid var(--surface0)}.hero-product--multi .panel-codex{border-bottom:1px solid var(--surface0)}.hero-product--multi .panel-gemini{grid-column:2/span 2}.panel{background:var(--base);flex-direction:column;min-height:0;display:flex}.panel__head{border-bottom:1px solid var(--surface0);font-family:var(--font-mono);color:var(--overlay1);background:#0006;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;display:flex}.panel__head .badge{border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:10.5px;display:inline-flex}.badge--claude{color:var(--peach);background:#fab3871f}.badge--codex{color:var(--blue);background:#89b4fa24}.badge--gemini{color:var(--green);background:#ffffff1f}.badge--mcp{color:var(--mauve);background:#ffffff24}.panel__head .agent-status{color:var(--overlay1);font-size:10.5px}.panel__head .agent-status .live-dot{background:var(--green);vertical-align:1px;width:6px;height:6px;animation:pulse 1.6s var(--ease) infinite;border-radius:50%;margin-right:6px;display:inline-block}.panel__body{font-family:var(--font-mono);color:var(--subtext1);flex:1;padding:14px 14px 18px;font-size:12px;line-height:1.7;overflow:hidden}.panel__body .line{white-space:pre}.panel__body .prompt{color:var(--mauve)}.panel__body .prompt-codex{color:var(--blue)}.panel__body .prompt-gemini{color:var(--green)}.panel__body .cmd{color:var(--text)}.panel__body .out{color:var(--subtext0)}.panel__body .ok{color:var(--green)}.panel__body .warn{color:var(--yellow)}.panel__body .dim{color:var(--overlay0)}.panel__body .agent{color:var(--peach)}.panel__body .key{color:var(--lavender)}.cursor{background:var(--text);vertical-align:-2px;width:8px;height:14px;margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}.side{font-family:var(--font-mono);color:var(--subtext0);background:var(--mantle);padding:14px 10px;font-size:12px}.side__group{text-transform:uppercase;letter-spacing:.14em;color:var(--overlay0);padding:12px 8px 4px;font-size:10px}.side__item{color:var(--subtext1);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex;position:relative}.side__item .glyph{color:var(--overlay1);width:14px;font-size:11px}.side__item.is-active{background:var(--surface0);color:var(--text)}.side__item.is-active .glyph{color:var(--mauve)}.side__item .live{background:var(--green);border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 0 3px #ffffff26}.hero-product--static{grid-template-columns:260px 1fr 320px;height:560px;display:grid}.hero-product--static .panel-main{border-left:1px solid var(--surface0);border-right:1px solid var(--surface0)}.hero-product--split{grid-template-columns:1fr 1.2fr;height:560px;display:grid}.hero-product--split .panel-code{border-right:1px solid var(--surface0)}.code-block{font-family:var(--font-mono);color:var(--subtext1);background:var(--mantle);height:100%;padding:22px 22px 22px 18px;font-size:13px;line-height:1.7}.code-block .ln{color:var(--overlay0);-webkit-user-select:none;user-select:none;text-align:right;width:22px;margin-right:14px;display:inline-block}.code-block .kw{color:var(--mauve)}.code-block .str{color:var(--green)}.code-block .fn{color:var(--blue)}.code-block .cm{color:var(--overlay1)}.code-block .nb{color:var(--peach)}.slot{background:repeating-linear-gradient(135deg, #ffffff0a 0 6px, transparent 6px 14px), var(--base);border:1px dashed var(--surface1);border-radius:var(--radius);color:var(--overlay1);font-family:var(--font-mono);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:160px;padding:24px;font-size:12px;display:flex;position:relative}.slot:before{content:"⌗ SLOT";color:var(--overlay0);letter-spacing:.16em;font-size:10px;position:absolute;top:10px;left:12px}.slot .slot__title{color:var(--text);font-size:13px}.slot .slot__desc{color:var(--overlay1);max-width:380px;line-height:1.6}.slot .slot__spec{border:1px solid var(--surface0);color:var(--subtext0);background:var(--mantle);border-radius:4px;margin-top:6px;padding:4px 8px;font-size:10.5px}.slot--video{min-height:240px}.slot--inline{border-radius:8px;min-height:0;padding:16px}.problem-title{letter-spacing:-.025em;text-align:center;max-width:820px;margin:0 auto 16px;font-size:clamp(32px,4.6vw,52px);font-weight:600;line-height:1.06}.problem-title em{color:var(--overlay1);font-style:normal}.problem-title strong{color:var(--text);font-weight:600}.problem-sub{text-align:center;color:var(--subtext0);max-width:600px;margin:0 auto 40px;font-size:17px}.problem-term{background:var(--crust);border:1px solid var(--surface0);border-radius:14px;max-width:760px;margin:0 auto;overflow:hidden;box-shadow:0 30px 60px -30px #0000008c}.problem-term .win__bar{background:var(--mantle)}.problem-term__body{font-family:var(--font-mono);color:var(--subtext1);padding:22px 24px 26px;font-size:14px;line-height:1.85}.problem-term__body .gutter{color:var(--overlay0);margin-right:12px}.problem-term__body .comment{color:var(--overlay1)}.problem-term__body .cmd-name{color:var(--lavender)}.problem-term__body .cmd-arg{color:var(--peach)}.features{flex-direction:column;gap:24px;display:flex}.feature{background:var(--mantle);border:1px solid var(--surface0);border-radius:18px;align-items:stretch;gap:32px;display:grid;position:relative;overflow:hidden}.feature--chess{grid-template-columns:1fr 1.15fr;min-height:460px}.feature--chess.is-reverse{grid-template-columns:1.15fr 1fr}.feature--chess.is-reverse .feature__copy{order:2}.feature--chess.is-reverse .feature__visual{order:1}.feature__copy{flex-direction:column;justify-content:center;padding:48px 44px;display:flex}.feature__num{font-family:var(--font-mono);color:var(--overlay0);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:11px}.feature__title{letter-spacing:-.018em;color:var(--text);text-wrap:balance;margin:0 0 14px;font-size:clamp(22px,2.2vw,28px);font-weight:600;line-height:1.15}.feature__desc{color:var(--subtext0);max-width:440px;margin:0 0 18px;font-size:15.5px;line-height:1.6}.feature__meta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chip{background:var(--surface0);font-family:var(--font-mono);color:var(--subtext1);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.feature__visual{background:var(--base);border-left:1px solid var(--surface0);align-items:stretch;padding:28px;display:flex;position:relative}.feature--chess.is-reverse .feature__visual{border-left:0;border-right:1px solid var(--surface0)}.feature__visual>*{flex:1;min-height:380px}.feature--bento{background:var(--surface0);border-radius:18px;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:minmax(180px,auto);gap:1px;padding:1px}.feature--bento>*{background:var(--mantle);border-radius:0}.feature--bento .bento-intro{background:var(--mantle);grid-column:span 4;padding:36px 40px 8px}.bento{flex-direction:column;gap:16px;padding:28px 28px 26px;display:flex;position:relative;overflow:hidden}.bento h4{color:var(--text);margin:0;font-size:16px;font-weight:600}.bento p{color:var(--subtext0);margin:0;font-size:13.5px;line-height:1.55}.bento .bento-glyph{background:var(--surface0);width:36px;height:36px;color:var(--text);border-radius:9px;place-items:center;display:grid}.notif-stage{background:var(--base);border-radius:var(--radius);background-image:linear-gradient(var(--surface0) 1px, transparent 1px), linear-gradient(90deg, var(--surface0) 1px, transparent 1px);background-position:-1px -1px;background-size:24px 24px;background-color:var(--mantle);min-height:380px;padding:24px;position:relative;overflow:hidden}.notif-stage:before{content:"";background:linear-gradient(180deg, transparent, var(--mantle));pointer-events:none;position:absolute;inset:0}.notif-toast{background:var(--crust);border:1px solid var(--surface1);width:320px;animation:toast-in 4s var(--ease) infinite;opacity:0;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;position:absolute;bottom:22px;right:22px;box-shadow:0 20px 50px -20px #000000b3}.notif-toast__icon{width:32px;height:32px;color:var(--green);background:#ffffff24;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.notif-toast__body{flex:1;min-width:0}.notif-toast__title{color:var(--text);margin:0 0 2px;font-size:13.5px;font-weight:500}.notif-toast__sub{color:var(--subtext0);font-size:12px;font-family:var(--font-mono);margin:0}.step-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step{background:var(--base);border:1px solid var(--surface0);border-radius:10px;flex-direction:column;gap:12px;min-height:220px;padding:20px;display:flex;position:relative}.step__num{font-family:var(--font-mono);color:var(--mauve);letter-spacing:.16em;font-size:11px}.step__title{color:var(--text);margin:0;font-size:14.5px;font-weight:500}.step__visual{background:var(--mantle);border:1px solid var(--surface0);color:var(--overlay1);font-family:var(--font-mono);border-radius:6px;flex:1;place-items:center;font-size:11px;display:grid}.live-demo__frame{background:var(--mantle);border:1px solid var(--surface0);border-radius:18px;max-width:1080px;margin:0 auto;overflow:hidden;box-shadow:0 40px 80px -20px #0009}.live-demo__chapters{flex-wrap:wrap;justify-content:center;gap:12px;max-width:920px;margin:28px auto 0;display:flex}.chapter{font-family:var(--font-mono);color:var(--subtext0);background:var(--mantle);border:1px solid var(--surface0);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;display:inline-flex}.chapter .t{color:var(--overlay1)}.belt-wrap{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.belt{gap:14px;width:max-content;animation:40s linear infinite belt;display:flex}.belt:hover,.belt-wrap:hover .belt{animation-play-state:paused}.mcp-card{background:var(--mantle);border:1px solid var(--surface0);transition:border-color var(--t-base) var(--ease), transform var(--t-base) var(--ease);border-radius:12px;flex:0 0 280px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.mcp-card:hover{border-color:var(--surface2);transform:translateY(-2px)}.mcp-card__icon{background:var(--surface0);width:36px;height:36px;color:var(--mauve);font-family:var(--font-mono);border-radius:8px;flex-shrink:0;place-items:center;font-size:14px;display:grid}.mcp-card__name{font-family:var(--font-mono);color:var(--text);margin:0 0 4px;font-size:13px;font-weight:500}.mcp-card__desc{color:var(--subtext0);margin:0;font-size:12.5px;line-height:1.45}.install-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:980px;margin:48px auto 0;display:grid}.install-card{background:var(--mantle);border:1px solid var(--surface0);border-radius:14px;flex-direction:column;gap:16px;padding:28px 28px 24px;display:flex}.install-card__label{font-family:var(--font-mono);color:var(--overlay1);text-transform:uppercase;letter-spacing:.16em;font-size:11px}.install-card h3{color:var(--text);margin:0;font-size:18px;font-weight:500}.install-card .meta{color:var(--overlay1);font-size:12.5px;font-family:var(--font-mono)}.install-card .download-btn{background:var(--text);height:56px;color:var(--crust);transition:background var(--t-base) var(--ease);border:0;border-radius:10px;align-items:center;gap:12px;padding:0 18px;font-size:15px;font-weight:500;display:flex}.install-card .download-btn:hover{background:#fff}.install-card .download-btn .filename{font-family:var(--font-mono);color:var(--surface1);margin-left:auto;font-size:12px}.install-cmd{background:var(--crust);border:1px solid var(--surface0);height:56px;font-family:var(--font-mono);color:var(--subtext1);border-radius:10px;align-items:center;gap:12px;padding:0 6px 0 16px;font-size:13px;display:flex;overflow:hidden}.install-cmd .prompt{color:var(--green);flex-shrink:0}.install-cmd .text{white-space:nowrap;text-overflow:ellipsis;color:var(--text);flex:1;overflow:hidden}.install-cmd .copy-btn{background:var(--surface0);height:44px;color:var(--text);font-family:var(--font-mono);transition:background var(--t-base) var(--ease);border:0;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-size:12px;display:inline-flex}.install-cmd .copy-btn:hover{background:var(--surface1)}.install-cmd .copy-btn.is-copied{color:var(--green)}.install-fineprint{text-align:center;color:var(--overlay1);font-family:var(--font-mono);margin-top:36px;font-size:12px}.kbd-bento{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kbd-card{background:var(--mantle);border:1px solid var(--surface0);border-radius:14px;flex-direction:column;gap:18px;min-height:280px;padding:24px 22px;display:flex}.kbd-card__head{align-items:center;gap:10px;display:flex}.kbd-card__cat{color:var(--text);margin:0;font-size:14px;font-weight:500}.kbd-card__dot{border-radius:50%;width:8px;height:8px}.kbd-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.kbd-list li{justify-content:space-between;align-items:center;gap:12px;display:flex}.kbd-list .lbl{color:var(--subtext0);font-size:12.5px}.kbd-list .keys{gap:4px;display:inline-flex}.kc{background:linear-gradient(180deg, var(--surface0), var(--surface1));border:1px solid var(--surface2);min-width:22px;height:22px;box-shadow:0 1px 0 var(--surface2), 0 2px 0 var(--crust);font-family:var(--font-mono);color:var(--text);letter-spacing:0;border-radius:5px;place-items:center;padding:0 5px;font-size:10.5px;display:inline-grid}.kc--w{min-width:36px}.kc--xw{min-width:50px}.kc-sep{color:var(--overlay0);padding:0 1px}.arch{background:var(--mantle);border:1px solid var(--surface0);border-radius:14px;max-width:920px;margin:0 auto;overflow:hidden}.arch__summary{cursor:pointer;color:var(--text);align-items:center;gap:14px;padding:20px 24px;list-style:none;display:flex}.arch__summary::-webkit-details-marker{display:none}.arch__summary .icon{width:24px;height:24px;color:var(--overlay1);transition:transform var(--t-base) var(--ease);place-items:center;display:grid}details[open] .arch__summary .icon{transform:rotate(90deg)}.arch__summary .label{color:var(--text);flex:1;font-size:15px}.arch__summary .meta{font-family:var(--font-mono);color:var(--overlay1);font-size:11.5px}.arch__body{border-top:1px solid var(--surface0);background:var(--crust);font-family:var(--font-mono);color:var(--subtext1);white-space:pre;padding:24px;font-size:12.5px;line-height:1.65;overflow-x:auto}.arch__body .c1{color:var(--mauve)}.arch__body .c2{color:var(--blue)}.arch__body .c3{color:var(--green)}.arch__body .c4{color:var(--peach)}.arch__body .dim{color:var(--overlay1)}.compare{border:1px solid var(--surface0);background:var(--mantle);border-radius:14px;max-width:1080px;margin:0 auto;overflow:hidden}.compare table{border-collapse:collapse;width:100%}.compare th,.compare td{text-align:left;vertical-align:middle;border-bottom:1px solid var(--surface0);padding:16px 22px;font-size:14px}.compare tr:last-child th,.compare tr:last-child td{border-bottom:0}.compare thead th{color:var(--subtext0);background:var(--crust);font-size:13px;font-weight:500}.compare thead th.is-wmux{color:var(--mauve);background:linear-gradient(#ffffff1a,#0000)}.compare td.is-wmux{background:#ffffff0a}.compare tbody th{color:var(--text);font-weight:500}.compare .yes{color:var(--green);font-family:var(--font-mono);font-size:18px}.compare .no{color:var(--overlay0);font-family:var(--font-mono);font-size:18px}.compare .partial{color:var(--yellow);font-family:var(--font-mono);font-size:13px}.compare__legend{background:var(--crust);font-family:var(--font-mono);color:var(--overlay1);flex-wrap:wrap;gap:18px;padding:14px 22px;font-size:11px;display:flex}.quotes{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1100px;margin:0 auto;display:grid}.quote{background:var(--mantle);border:1px solid var(--surface0);border-radius:14px;flex-direction:column;gap:14px;padding:22px 24px;display:flex}.quote__head{align-items:center;gap:10px;display:flex}.quote__avatar{background:linear-gradient(135deg, var(--mauve), var(--blue));border-radius:50%;width:34px;height:34px}.quote__name{color:var(--text);margin:0;font-size:13.5px;font-weight:500}.quote__handle{color:var(--overlay1);font-size:12px;font-family:var(--font-mono);margin:0}.quote__body{color:var(--subtext1);margin:0;font-size:14px;line-height:1.55}.quote__body .mention{color:var(--blue)}.quote__foot{color:var(--overlay0);font-size:11.5px;font-family:var(--font-mono)}.final{text-align:center;background:radial-gradient(800px 400px at 50% 50%, #ffffff1a, transparent 70%), var(--crust);border-top:1px solid var(--surface0);border-bottom:1px solid var(--surface0);padding:140px 0;position:relative;overflow:hidden}.final:before{content:"";background:var(--crust);z-index:0;position:absolute;inset:0}.final__bg{pointer-events:none;z-index:0;opacity:.18;filter:blur(24px);background-image:radial-gradient(2px 2px at 20% 30%, var(--mauve) 1px, transparent 2px), radial-gradient(2px 2px at 80% 60%, var(--blue) 1px, transparent 2px), linear-gradient(135deg, transparent 30%, #ffffff26 50%, transparent 70%);position:absolute;inset:0}.final__inner{z-index:1;position:relative}.final h2{letter-spacing:-.03em;margin:0 0 28px;font-size:clamp(40px,6vw,64px);font-weight:600;line-height:1.02}.final .btn--lg{height:56px;padding:0 28px;font-size:16px}.footer{border-top:1px solid var(--surface0);background:var(--crust);padding:28px 0}.footer__inner{font-family:var(--font-mono);color:var(--overlay1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.footer__links{flex-wrap:wrap;gap:22px;display:flex}.footer__links a{color:var(--subtext0);transition:color var(--t-base) var(--ease)}.footer__links a:hover{color:var(--text)}.faq{flex-direction:column;gap:8px;max-width:880px;margin:0 auto;display:flex}.faq__item{background:var(--mantle);border:1px solid var(--surface0);border-radius:12px;overflow:hidden}.faq__summary{cursor:pointer;color:var(--text);align-items:center;padding:20px 24px;font-size:16px;font-weight:500;list-style:none;display:flex;position:relative}.faq__summary::-webkit-details-marker{display:none}.faq__summary:after{content:"+";color:var(--overlay1);transition:transform var(--t-base) var(--ease);margin-left:auto;font-size:22px;font-weight:400;line-height:1}details[open] .faq__summary:after{transform:rotate(45deg)}.faq__body{color:var(--subtext0);padding:0 24px 22px;font-size:15px;line-height:1.65}.glossary{grid-template-columns:repeat(2,1fr);gap:16px;max-width:1080px;margin:0 auto;display:grid}.glossary__item{background:var(--mantle);border:1px solid var(--surface0);border-radius:12px;padding:22px 24px}.glossary__term{font-family:var(--font-mono);color:var(--mauve);letter-spacing:.02em;margin:0 0 8px;font-size:13px}.glossary__def{color:var(--subtext0);margin:0;font-size:14.5px;line-height:1.6}.use-cases{grid-template-columns:repeat(2,1fr);gap:16px;max-width:1180px;margin:0 auto;display:grid}.use-case{background:var(--mantle);border:1px solid var(--surface0);border-radius:14px;flex-direction:column;gap:10px;padding:26px 28px;display:flex}.use-case__title{color:var(--text);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.use-case__desc{color:var(--subtext0);margin:0;font-size:14.5px;line-height:1.55}.use-case__scenario{background:var(--base);border-left:2px solid var(--mauve);font-family:var(--font-mono);color:var(--subtext1);border-radius:4px;margin:0;padding:12px 14px;font-size:12.5px;line-height:1.6}.use-case__chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.bench-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:0 auto;display:grid}.bench-card{background:var(--mantle);border:1px solid var(--surface0);border-radius:14px;flex-direction:column;gap:8px;padding:24px 26px;display:flex}.bench-card__label{font-family:var(--font-mono);color:var(--overlay1);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:11px}.bench-card__value{color:var(--text);align-items:baseline;gap:6px;margin:0;display:flex}.bench-card__num{letter-spacing:-.02em;color:var(--accent);font-size:44px;font-weight:600}.bench-card__unit{font-family:var(--font-mono);color:var(--subtext0);font-size:14px}.bench-card__sub{color:var(--subtext0);margin:4px 0 0;font-size:12.5px;line-height:1.5}.bench-footnote{text-align:center;max-width:880px;font-family:var(--font-mono);color:var(--overlay1);margin:24px auto 0;font-size:11.5px}.reveal{opacity:0;transition:opacity .48s var(--ease), transform .48s var(--ease);transform:translateY(16px)}.reveal.is-in{opacity:1;transform:none}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.bg-accent{background-color:var(--accent)}.bg-base{background-color:var(--base)}.text-text{color:var(--text)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--base:#0a0a0a;--mantle:#141414;--crust:#000;--surface0:#1f1f1f;--surface1:#2a2a2a;--surface2:#3d3d3d;--overlay0:#525252;--overlay1:#737373;--overlay2:#a3a3a3;--subtext0:#a3a3a3;--subtext1:#d4d4d4;--text:#fafafa;--lavender:#e5e5e5;--blue:#d4d4d4;--sapphire:#bfbfbf;--sky:#a3a3a3;--teal:#a3a3a3;--green:#fafafa;--yellow:#d4d4d4;--peach:#e5e5e5;--maroon:#a3a3a3;--red:#fafafa;--mauve:#fafafa;--pink:#d4d4d4;--flamingo:#d4d4d4;--rosewater:#d4d4d4;--accent:#fafafa;--accent-2:#a3a3a3;--font-sans:var(--font-geist-sans), "Geist", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:var(--font-geist-mono), "Geist Mono", "JetBrains Mono", "SF Mono", ui-monospace, monospace;--ease:cubic-bezier(.16, 1, .3, 1);--t-fast:.12s;--t-base:.2s;--t-slow:.32s;--container:1200px;--container-wide:1320px;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px}@keyframes pulse{50%{opacity:.5}}@keyframes blink{50%{opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes belt{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:760px){.nav__links{display:none}.install-grid{grid-template-columns:1fr}}@media (max-width:1024px){.kbd-bento{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.kbd-bento{grid-template-columns:1fr}}@media (max-width:900px){.quotes,.glossary,.use-cases{grid-template-columns:1fr}}@media (max-width:1024px){.bench-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.bench-grid{grid-template-columns:1fr}}@media (max-width:1024px){.feature--chess,.feature--chess.is-reverse{grid-template-columns:1fr}.feature--chess.is-reverse .feature__copy{order:1}.feature--chess.is-reverse .feature__visual{border-right:0;border-top:1px solid var(--surface0);order:2}.feature__visual{border-left:0;border-top:1px solid var(--surface0)}.feature--bento{grid-template-columns:1fr 1fr}.feature--bento .bento-intro{grid-column:span 2}.step-row{grid-template-columns:1fr}}@media (max-width:760px){.section{padding:80px 0}.hero{padding:56px 0 40px}.hero-product--multi{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;height:auto}.hero-product--multi .panel-sidebar{display:none}.hero-product--multi .panel-gemini{grid-column:1}.hero-product--static,.hero-product--split{grid-template-columns:1fr;height:auto}.feature__copy{padding:32px 24px}.feature--bento{grid-template-columns:1fr}.feature--bento .bento-intro{grid-column:1;padding:28px 24px 8px}}html[data-theme=claude]{--base:#fff;--mantle:#fafafa;--crust:#f0f0f0;--surface0:#e5e5e5;--surface1:#d4d4d4;--surface2:#a3a3a3;--overlay0:#737373;--overlay1:#525252;--overlay2:#404040;--subtext0:#525252;--subtext1:#262626;--text:#0a0a0a;--lavender:#262626;--blue:#404040;--sapphire:#525252;--sky:#737373;--teal:#737373;--green:#0a0a0a;--yellow:#525252;--peach:#262626;--maroon:#404040;--red:#0a0a0a;--mauve:#0a0a0a;--pink:#404040;--flamingo:#525252;--rosewater:#525252;--accent:#0a0a0a;--accent-2:#525252}html[data-theme=claude] body{background:radial-gradient(1200px 600px at 50% -100px, #00000008, transparent 60%), radial-gradient(800px 400px at 80% 200px, #00000005, transparent 60%), var(--base)}html[data-theme=claude] ::selection{color:var(--text);background:#0000002e}html[data-theme=claude] .nav{background:#ffffffa6}html[data-theme=claude] .nav.is-scrolled{background:#ffffffd9}html[data-theme=claude] .btn--primary{color:#fff;background:#0a0a0a}html[data-theme=claude] .btn--primary:hover{background:#262626}html[data-theme=claude] .hero h1 .accent{color:#0000;background:linear-gradient(#0a0a0a,#525252);-webkit-background-clip:text;background-clip:text}html[data-theme=claude] .hero__sub .mono{color:#525252}html[data-theme=claude] .hero__product-inner,html[data-theme=claude] .problem-term,html[data-theme=claude] .live-demo__frame,html[data-theme=claude] .notif-stage,html[data-theme=claude] .install-cmd,html[data-theme=claude] .arch__body{--base:#000;--mantle:#0a0a0a;--crust:#000;--surface0:#1f1f1f;--surface1:#2a2a2a;--surface2:#3d3d3d;--overlay0:#525252;--overlay1:#737373;--overlay2:#a3a3a3;--subtext0:#a3a3a3;--subtext1:#d4d4d4;--text:#fafafa;--mauve:#fafafa;--blue:#d4d4d4;--green:#fafafa;--peach:#e5e5e5;--yellow:#d4d4d4;--red:#fafafa;--lavender:#e5e5e5;--teal:#a3a3a3;background:var(--mantle);color:var(--text)}html[data-theme=claude] .slot{background:repeating-linear-gradient(135deg, #0000000a 0 6px, transparent 6px 14px), var(--mantle);border-color:var(--surface1);color:var(--overlay1)}html[data-theme=claude] .slot:before{color:var(--overlay0)}html[data-theme=claude] .slot .slot__title{color:var(--subtext1)}html[data-theme=claude] .slot .slot__desc{color:var(--overlay1)}html[data-theme=claude] .slot .slot__spec{color:var(--subtext0)}html[data-theme=claude] .notif-stage{background-color:#0a0a0a;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:24px 24px}html[data-theme=claude] .hero__product-glow{background:linear-gradient(#0000000f,#0000 30%)}html[data-theme=claude] .final{color:#fafafa;background:radial-gradient(800px 400px,#ffffff0f,#0000 70%),#0a0a0a;border-color:#262626}html[data-theme=claude] .final h2{color:#fafafa}html[data-theme=claude] .final .btn--primary{color:#0a0a0a;background:#fafafa}html[data-theme=claude] .final .btn--primary:hover{background:#fff}html[data-theme=claude] .final p{color:#a3a3a3!important}html[data-theme=claude] .final__bg{background-image:radial-gradient(2px 2px at 20% 30%,#ffffff80 1px,#0000 2px),radial-gradient(2px 2px at 80% 60%,#ffffff4d 1px,#0000 2px),linear-gradient(135deg,#0000 30%,#ffffff0f 50%,#0000 70%)}html[data-theme=claude] .footer{background:var(--crust)}html[data-theme=claude] .kc{color:#0a0a0a;background:linear-gradient(#fff,#e5e5e5);border-color:#d4d4d4;box-shadow:0 1px #d4d4d4,0 2px #a3a3a3}html[data-theme=claude] .compare .yes{color:#0a0a0a}html[data-theme=claude] .compare thead th.is-wmux{color:#0a0a0a;background:linear-gradient(#0000000f,#0000)}html[data-theme=claude] .compare td.is-wmux{background:#00000008}html[data-theme=claude] .quote__avatar:first-child{background:linear-gradient(135deg,#0a0a0a,#525252)}html[data-theme=claude] .eyebrow .pill{color:#0a0a0a;background:#00000014}html[data-theme=claude] .bento-glyph{background:var(--surface0);color:#0a0a0a}@media (prefers-reduced-motion:reduce){.belt,.cursor{animation:none}.notif-toast{opacity:1;animation:none}.panel__head .live-dot{animation:none}.reveal{opacity:1;transition:none;transform:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
