@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/plus-jakarta-sans-cyrillic-ext-wght-normal.1p5eg27ho_atv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/plus-jakarta-sans-vietnamese-wght-normal.2gl4mcd5dm2h_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/plus-jakarta-sans-latin-ext-wght-normal.362mv560wxbnh.woff2)format("woff2-variations");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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/plus-jakarta-sans-latin-wght-normal.1nsast9qgxif8.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-ext-wght-normal.1o60yhwqd7ueg.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-cyrillic-wght-normal.0n0q_nh7u2mrm.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-vietnamese-wght-normal.0nt7ek_nfk5a4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-ext-wght-normal.39q78sztp1ci5.woff2)format("woff2-variations");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 Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-latin-wght-normal.20f3xrkj613ah.woff2)format("woff2-variations");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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/atkinson-hyperlegible-next-latin-ext-wght-normal.06adi5qjgm3bm.woff2)format("woff2-variations");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:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/atkinson-hyperlegible-next-latin-wght-normal.1o9o6__l__p-w.woff2)format("woff2-variations");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}
body{margin:0}.demo *,.demo :before,.demo :after{box-sizing:border-box}.demo{--orb-aura:radial-gradient(circle at 33% 24%, #fff 0%, #ffffffd9 6%, #fff0 19%), radial-gradient(circle at 70% 84%, #9df3e6 0%, #9df3e600 44%), radial-gradient(circle at 50% 28%, #ffa3c6 0%, #f28bbb 24%, #b8a1f6 60%, #7dd8d0 100%);--orb-sage:radial-gradient(circle at 34% 28%, #fff 0%, #e6eedf 26%, #a9c29b 62%, #6d8c62 100%);--orb-halo:radial-gradient(circle at 36% 28%, #fff 0%, #eef5ff 14%, #b4d0ff 44%, #5b8ff2 76%, #2a5fd6 100%);--orb-care:radial-gradient(circle at 34% 28%, #fff 0%, #d9d4ff 30%, #7b72e8 66%, #3730a3 100%);--gutter:clamp(16px, 4vw, 48px);--width:1320px;--nav-height:80px;--stage-height:clamp(420px, calc(100dvh - var(--nav-height) - 200px), 560px);background-color:var(--bg);background-image:var(--glow);min-height:100vh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-repeat:no-repeat;background-size:100% 1200px;overflow-x:clip}.demo[data-theme=aura]{--font:"Plus Jakarta Sans Variable", system-ui, sans-serif;--bg:#fdfbfd;--glow:radial-gradient(45% 38% at 0% 0%, #ffd9e6 0%, #ffd9e600 70%), radial-gradient(42% 36% at 100% 6%, #e2dbff 0%, #e2dbff00 70%), radial-gradient(45% 22% at 70% 74%, #d2f3ec 0%, #d2f3ec00 70%);--ink:#242424;--soft:#857f8d;--muted:#5f5a68;--button:linear-gradient(115deg, #c2386f, #6b52e0);--on-button:#fff;--card:#ffffffb8;--line:#2424241a;--soft-weight:500;--strong-weight:800;--radius:24px;--orb:var(--orb-aura)}.demo[data-theme=sage]{--font:"Geist Variable", system-ui, sans-serif;--bg:#f2f3ef;--glow:radial-gradient(55% 42% at 92% 0%, #dbe7cf 0%, #dbe7cf00 70%), radial-gradient(40% 35% at 0% 32%, #e7ede0 0%, #e7ede000 70%);--ink:#1a201c;--soft:#6a726c;--muted:#535b55;--button:#111311;--on-button:#f5f6f2;--card:#fffc;--line:#1a201c17;--soft-weight:300;--strong-weight:500;--radius:28px;--orb:var(--orb-sage)}.demo[data-theme=halo]{--font:"Geist Variable", system-ui, sans-serif;--bg:#fff;--glow:radial-gradient(70% 48% at 50% -6%, #d3e4ff 0%, #d3e4ff00 70%), linear-gradient(180deg, #f3f8ff 0%, #fff0 70%);--ink:#0d1526;--soft:#0d1526;--muted:#4f5b72;--button:#1f5fe0;--on-button:#fff;--card:#ffffffd9;--line:#0d15261a;--soft-weight:700;--strong-weight:700;--radius:22px;--orb:var(--orb-halo)}.demo[data-theme=care]{--font:"Atkinson Hyperlegible Next Variable", system-ui, sans-serif;--bg:#fff;--glow:radial-gradient(60% 40% at 100% 0%, #efedff 0%, #efedff00 70%);--ink:#111827;--soft:#111827;--muted:#3d4455;--button:#3730a3;--on-button:#fff;--card:#f7f6ff;--line:#11182726;--soft-weight:700;--strong-weight:700;--radius:16px;--orb:var(--orb-care)}.demo[data-theme=bldr]{--font:"Plus Jakarta Sans Variable", system-ui, sans-serif;--bg:#f1f1f1;--glow:none;--ink:#242424;--soft:#242424;--muted:#4f4f4f;--button:#f2da3a;--on-button:#242424;--card:#fff;--line:#242424;--soft-weight:800;--strong-weight:800;--radius:0px;--orb:radial-gradient(circle at 35% 30%, #fff7c2 0%, #f2da3a 50%, #c4ac12 100%)}.demo a{color:inherit}.demo :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.nav{z-index:60;max-width:var(--width);height:var(--nav-height);padding:0 var(--gutter);align-items:center;gap:16px;margin:0 auto;display:flex;position:relative}.brand{display:flex}.brand img{width:auto;height:16px}.product{border-left:1px solid var(--line);letter-spacing:-.01em;padding-left:16px;font-weight:700;line-height:1.15;display:grid}.product small{color:var(--muted);letter-spacing:0;font-size:.72rem;font-weight:500}.demo .product{font-size:1.12rem}.demo .product small{background:var(--button);color:#0000;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;width:fit-content;margin-top:2px;font-size:.88rem;font-weight:700}.demo[data-theme=bldr] .product small{color:var(--ink);box-shadow:2px 2px 0 var(--ink);-webkit-background-clip:border-box;background-clip:border-box;margin-top:4px;padding:1px 6px}.menu{margin-left:auto}.menu-button{display:none}.menu-panel{align-items:center;gap:24px;font-size:.92rem;display:flex}.menu-links{gap:24px;margin:0;padding:0;list-style:none;display:flex}.demo .menu-links a{color:var(--muted);text-decoration:none}.demo .menu-links a:hover{color:var(--ink)}.menu-index,.menu-arrow,.menu-foot{display:none}.project-icon{fill:currentColor;flex:none;width:18px;height:18px}.menu-project,.hero-project{margin:0;padding:0;list-style:none;display:flex}.menu-project{gap:4px}.demo .menu-project a{border-radius:calc(var(--radius) * 99);width:38px;height:38px;color:var(--muted);place-items:center;transition:color .18s,background-color .18s;display:grid}.demo .menu-project a:hover{background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink)}.menu-project .project-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hero-project{flex-wrap:wrap;gap:8px;margin-top:28px}.demo .hero-project a{border:1px solid var(--line);border-radius:calc(var(--radius) * 99);background:var(--card);color:var(--muted);align-items:center;gap:8px;padding:7px 15px 7px 12px;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .18s,border-color .18s;display:inline-flex}.demo .hero-project a:hover{border-color:color-mix(in srgb, var(--ink) 35%, transparent);color:var(--ink)}.hero-project .project-icon{width:16px;height:16px}.demo .button{white-space:nowrap;background:var(--button);color:var(--on-button);box-shadow:0 10px 24px -12px var(--ink);border-radius:999px;align-items:center;padding:12px 22px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex}.demo .button:hover{box-shadow:0 16px 30px -14px var(--ink);filter:brightness(1.07);transform:translateY(-2px)}.demo .button:active{box-shadow:0 6px 14px -10px var(--ink);filter:none;transform:translateY(0)scale(.98)}.demo .button.small{padding:9px 16px;font-size:.9rem}.demo .link-button{border-bottom:1.5px solid;align-items:center;gap:6px;padding-bottom:2px;font-weight:600;text-decoration:none;transition:border-color .18s;display:inline-flex}.demo .link-button:after{content:"→";transition:transform .18s}.demo .link-button:hover{border-bottom-color:#0000}.arrow{transition:transform .18s;display:inline-block}.demo .link-button:hover:after,.theme-card:hover .arrow{transform:translate(4px)}.demo .more{color:var(--ink);margin-top:8px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.demo .more:hover .arrow,.demo .more:focus-visible .arrow{transform:translate(4px)}.demo .more:hover{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px}.hero{max-width:var(--width);min-height:calc(100dvh - var(--nav-height));padding:clamp(24px, 4vw, 48px) var(--gutter) 104px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-content:center;align-items:center;gap:clamp(32px,5vw,72px);margin:0 auto;display:grid}.demo h1,.demo h2{letter-spacing:-.04em;text-wrap:balance;margin:0}.demo h1{font-size:clamp(2.5rem,5.4vw,4.4rem);line-height:1.03}.demo :is(h1,h2) span{color:var(--soft);font-weight:var(--soft-weight)}.demo :is(h1,h2) strong{font-weight:var(--strong-weight)}.lead{max-width:34em;color:var(--muted);margin:24px 0 28px;font-size:1.12rem;line-height:1.6}.actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.stage{height:var(--stage-height);text-align:center;place-items:center end;min-width:0;display:grid}.chat-frame{width:min(400px,100%);height:var(--stage-height);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:0 40px 80px -30px color-mix(in srgb, var(--ink) 40%, transparent), 0 2px 8px color-mix(in srgb, var(--ink) 8%, transparent);overflow:hidden}.shape-stage{isolation:isolate;justify-items:center;width:min(400px,100%);display:grid;position:relative}.shape-stage:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--ink) 10%, transparent) 1px, transparent 1.5px) 0 0 / 16px 16px;position:absolute;inset:-40px -20px 30%;-webkit-mask-image:radial-gradient(closest-side,#000 25%,#0000 100%);mask-image:radial-gradient(closest-side,#000 25%,#0000 100%)}.hint{z-index:1;color:var(--ink);pointer-events:none;align-items:flex-start;margin:0;animation:3.2s ease-in-out infinite bob;display:flex;position:absolute;top:7%;left:2%}.hint-label{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px -14px color-mix(in srgb, var(--ink) 55%, transparent);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 13px 8px 11px;font:600 .66rem/1 ui-monospace,SF Mono,Menlo,monospace;display:inline-flex;transform:rotate(-3deg)}.hint-label i{background:var(--button);border-radius:50%;width:7px;height:7px;position:relative}.hint-label i:after{content:"";background:var(--button);opacity:.35;border-radius:50%;animation:1.8s ease-out infinite pulse;position:absolute;inset:-4px}.hint-arrow{fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none;width:58px;height:44px;margin:14px 0 0 -2px;overflow:visible}.hint-arrow .halo{stroke:var(--bg);stroke-width:5px}.hint-arrow .line{stroke:currentColor;stroke-width:1.6px}@keyframes pulse{0%{opacity:.5;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}@keyframes bob{50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.hint,.hint-label i:after{animation:none}.demo :is(.button,.theme-card,.menu-button):is(:hover,:active){transform:none}}.shape{--size:min(640px, 48vw, calc(var(--stage-height) + 120px));width:var(--size);aspect-ratio:1;margin:-52px calc(50% - var(--size) / 2) -60px;cursor:pointer;isolation:isolate;background:0 0;border:0;border-radius:50%;padding:0;transition:transform .2s;display:grid;position:relative}.shape>*{grid-area:1/1;width:100%;height:100%}.shape:after{content:"";z-index:-1;background:color-mix(in srgb, var(--ink) 45%, transparent);filter:blur(14px);pointer-events:none;border-radius:50%;height:8%;position:absolute;inset:auto 31% 16%}@media (min-width:768px) and (pointer:fine){.shape:not([data-still]) img{visibility:hidden}}.shape[data-still]:active{transform:scale(.97)}.shape:focus-visible{outline:3px solid var(--ink);outline-offset:-24px}.dock{z-index:50;border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);height:60px;box-shadow:0 20px 44px -22px color-mix(in srgb, var(--ink) 60%, transparent), 0 2px 6px color-mix(in srgb, var(--ink) 8%, transparent);border-radius:32px;align-items:center;gap:10px;padding:0 9px;display:flex;position:fixed;bottom:24px;left:24px}@media (min-width:1100px){.dock{left:50%;transform:translate(-50%)}}.dock-themes{gap:2px;display:flex}.demo .dock-theme{border-radius:50%;place-items:center;width:44px;height:44px;text-decoration:none;transition:background .15s,transform .15s;display:grid;position:relative}.dock-theme .shape-icon{width:34px;height:34px}.dock-theme:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);transform:translateY(-2px)}.dock-theme[aria-current]{background:color-mix(in srgb, var(--ink) 9%, transparent)}.dock-theme[aria-current]:after{content:"";background:var(--ink);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px}.tip{background:var(--ink);color:var(--bg);white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;padding:5px 9px;font-size:.76rem;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);transform:translateY(4px)}.tip em{opacity:.7;font-style:normal;font-weight:500}.dock-theme:is(:hover,:focus-visible) .tip{opacity:1;transform:none}.dock-divider{background:var(--line);flex:none;width:1px;height:28px}.segmented{border:1px solid var(--line);background:var(--card);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.demo .segmented a{white-space:nowrap;border-radius:999px;flex:none;padding:6px 13px;font-size:.84rem;font-weight:500;text-decoration:none}.demo .segmented a:hover{background:color-mix(in srgb, var(--ink) 6%, transparent)}.demo .segmented a[aria-current]{background:var(--button);color:var(--on-button)}.section{max-width:var(--width);padding:clamp(48px, 7vw, 88px) var(--gutter);margin:0 auto}.demo h2{max-width:22em;margin-bottom:clamp(24px,3vw,40px);font-size:clamp(1.7rem,3.4vw,2.8rem);line-height:1.1}.demo h3{letter-spacing:-.01em;font-size:1.08rem}.demo li p{color:var(--muted);margin:0;line-height:1.55}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:clamp(18px,2vw,24px)}.demo code{font:.82rem/1.5 ui-monospace,SF Mono,Menlo,monospace}.features,.how{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);align-items:start;gap:clamp(32px,5vw,72px);display:grid}.features h2{margin:0;position:sticky;top:32px}.features-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,48px);margin:0;padding:0;list-style:none;display:grid}.features-list li{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);column-gap:14px;padding:22px 0;display:grid}.dot{background:var(--orb);border-radius:50%;grid-row:span 2;width:14px;height:14px;margin-top:4px;display:block}.features-list h3{margin:0 0 6px}.how{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:"title terminal""steps terminal""docs terminal";align-items:center;gap:24px clamp(32px,5vw,72px)}.how h2{grid-area:title;align-self:end;margin:0}.steps{grid-area:steps;align-self:start;gap:18px;margin:0;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:32px minmax(0,1fr);column-gap:14px;display:grid}.steps li>:not(.step){grid-column:2}.features-list li>.more,.steps li>.more{grid-column:2;justify-self:start}.step{background:var(--button);width:32px;height:32px;color:var(--on-button);border-radius:50%;grid-row:1/span 2;place-items:center;font-weight:700;display:grid}.steps h3{margin:4px 0}.how-docs{flex-wrap:wrap;grid-area:docs;align-self:start;align-items:center;gap:12px 24px;margin-top:8px;display:flex}.section-docs{max-width:44em;color:var(--muted);margin:-8px 0 28px;line-height:1.6}.demo .section-docs a{color:var(--ink);text-underline-offset:3px;font-weight:600}.terminal{color:#e7e9f3;box-shadow:0 40px 80px -40px color-mix(in srgb, var(--ink) 70%, transparent);background:#0f1220;border-radius:18px;grid-area:terminal;overflow:hidden}.terminal-bar{color:#8a90a8;background:#1a1e2e;align-items:center;gap:6px;padding:12px 16px;font:500 .78rem/1 system-ui,sans-serif;display:flex}.terminal-bar i{background:#3a3f55;border-radius:50%;width:10px;height:10px}.terminal-bar span{margin-left:8px}.terminal pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:22px;font:.86rem/1.65 ui-monospace,SF Mono,Menlo,monospace}.terminal-comment{color:#8a90a8}.terminal-prompt{color:#7dd8d0}.themes{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.shape-icon{width:56px;height:56px;color:var(--ink);flex:none;display:block}.theme-card{flex-direction:column;align-items:flex-start;gap:12px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.demo .theme-card a:after{content:"";border-radius:inherit;position:absolute;inset:0}.theme-card:has(a:not([aria-current])):hover{border-color:color-mix(in srgb, var(--ink) 22%, transparent);box-shadow:0 20px 40px -26px var(--ink);transform:translateY(-3px)}.theme-card:has(a:focus-visible){outline:2px solid var(--ink);outline-offset:3px}.demo .theme-card a:focus-visible{outline:none}.demo .theme-card a[aria-current]{color:var(--muted);font-weight:500}.theme-card h3{margin:0 0 6px}.demo .theme-card a{margin-top:auto;font-weight:600;text-decoration:none}.custom-card{grid-column:1/-1;grid-template-columns:auto minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.demo .custom-card a{margin:0}.custom-card code{background:color-mix(in srgb, var(--ink) 5%, transparent);overflow-wrap:anywhere;border-radius:12px;padding:12px 14px;display:block}.demo .card h3 em{background:color-mix(in srgb, var(--ink) 8%, transparent);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:.68rem;font-style:normal;font-weight:600}.footer{max-width:var(--width);padding:40px var(--gutter) 120px;border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;margin:0 auto;font-size:.9rem;display:flex}.footer img{width:auto;height:12px}.footer p{margin:0}.footer-links{flex-wrap:wrap;gap:8px 20px;margin-left:auto;display:flex}.demo .footer a{text-underline-offset:3px;transition:color .18s}.demo .footer a:hover{color:var(--ink)}.demo[data-theme=bldr] h1{line-height:1.14}.demo[data-theme=bldr] :is(h1,h2) strong{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(#0000 14%,#f2da3a 14%);padding:0 .12em}.demo[data-theme=bldr] h2:after{content:"";background:#242424;width:40px;height:5px;margin-top:20px;display:block}.demo[data-theme=bldr] :is(.button,.segmented a[aria-current],.step,.menu-button){border:2px solid #242424;border-radius:0;box-shadow:-4px 4px #242424}.demo[data-theme=bldr] :is(.button,.menu-button):hover{filter:none;transform:translate(2px,-2px);box-shadow:-6px 6px #242424}.demo[data-theme=bldr] :is(.button,.menu-button):active{transform:translate(-2px,2px);box-shadow:-2px 2px #242424}.demo[data-theme=bldr] .theme-card:has(a:not([aria-current])):hover{border-color:#242424;transform:translate(2px,-2px);box-shadow:-8px 8px #242424}.demo[data-theme=bldr] :is(.segmented,.card,.chat-frame,.custom-card code,.dock){border:2px solid #242424;border-radius:0}.demo[data-theme=bldr] :is(.card,.dock){box-shadow:-6px 6px #242424}.demo[data-theme=bldr] :is(.dock-theme,.terminal,.tip){border-radius:0}.demo[data-theme=bldr] .hint-label{border:2px solid #242424;border-radius:0;box-shadow:-3px 3px #242424}.demo[data-theme=bldr] .features-list li{border-top:2px solid #242424}.demo[data-theme=bldr] .nav{border-bottom:1px solid #24242422}.demo[data-theme=bldr] .footer{border-top:2px solid #242424}[data-askdare]::part(launcher){height:60px}body:has(.demo[data-theme=bldr]) [data-askdare]::part(launcher){color:#242424;background:#f2da3a;border:2px solid #242424;border-radius:0;box-shadow:-4px 4px #242424}@media (max-width:960px){.themes{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-card{grid-template-columns:auto minmax(0,1fr)}.custom-card code{grid-column:1/-1}}@media (max-width:900px){.hero,.features{grid-template-columns:minmax(0,1fr)}.how{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""steps""terminal""docs"}.features h2{position:static}.stage{justify-items:center;height:auto}.shape-stage{width:100%}.chat-frame{height:600px}.shape{width:min(520px,100%);margin:-40px 0 -48px}}@media (max-width:760px){.demo{--nav-height:64px}.demo .product{padding-left:12px;font-size:1rem}.demo .product small{font-size:.78rem}.menu-button{z-index:61;border:1px solid var(--line);background:var(--card);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.menu-button:hover{background:color-mix(in srgb, var(--ink) 6%, var(--card))}.menu-icon{width:18px;height:12px;position:relative}.menu-icon:before,.menu-icon:after{content:"";background:currentColor;border-radius:2px;height:2px;transition:top .25s,bottom .25s,transform .25s;position:absolute;left:0;right:0}.menu-icon:before{top:0}.menu-icon:after{bottom:0}.menu[data-open] .menu-icon:before{top:5px;transform:rotate(45deg)}.menu[data-open] .menu-icon:after{bottom:5px;transform:rotate(-45deg)}.brand,.product{z-index:61;position:relative}.menu-panel{z-index:60;padding:calc(var(--nav-height) + 12px) var(--gutter) calc(20px + env(safe-area-inset-bottom));background-color:var(--bg);background-image:var(--glow);opacity:0;visibility:hidden;background-repeat:no-repeat;flex-direction:column;align-items:stretch;gap:0;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s;position:fixed;inset:0;overflow-y:auto;transform:translateY(-12px)}.menu[data-open] .menu-panel{opacity:1;visibility:visible;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);transform:none}.menu-links{flex-direction:column;gap:0}.menu-links li{border-bottom:1px solid var(--line);opacity:0;transition:opacity .3s,transform .45s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 60ms + 80ms);transform:translateY(12px)}.menu[data-open] .menu-links li{opacity:1;transform:none}.demo .menu-links a{color:var(--ink);font-size:1.9rem;font-weight:var(--strong-weight);letter-spacing:-.03em;align-items:center;gap:16px;padding:22px 2px;display:flex}.menu-index{color:var(--muted);letter-spacing:.08em;align-self:flex-start;margin-top:6px;font:600 .72rem/1 ui-monospace,SF Mono,Menlo,monospace;display:block}.menu-text{flex:1}.menu-arrow{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;transition:transform .2s;display:block}.menu-links a:is(:hover,:active,:focus-visible) .menu-arrow{transform:translate(4px)}.menu-project{opacity:0;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;transition:opacity .3s .32s,transform .45s cubic-bezier(.2,.8,.2,1) .32s;display:grid;transform:translateY(12px)}.menu[data-open] .menu-project{opacity:1;transform:none}.demo .menu-project a{border:1px solid var(--line);background:var(--card);width:auto;height:52px;color:var(--ink);justify-content:center;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.menu-project .project-name{clip-path:none;width:auto;height:auto;position:static;overflow:visible}.demo .menu-action{justify-content:center;margin-top:auto;padding:16px 22px;font-size:1rem}.menu-foot{color:var(--muted);text-align:center;margin:16px 0 0;font-size:.8rem;display:block}body:has(.menu[data-open]) [data-askdare]::part(launcher){display:none}.dock{justify-content:center;gap:6px;height:52px;padding:0 6px;bottom:12px;left:12px;right:12px}.demo .dock-theme{width:38px;height:38px}.dock-theme .shape-icon{width:30px;height:30px}.demo .dock .segmented a{padding:5px 9px;font-size:.78rem}[data-askdare]::part(launcher){bottom:84px}}@media (max-width:600px){.hero{gap:20px;padding-top:12px}.demo h1{font-size:clamp(2.2rem,10.5vw,2.8rem)}.lead{margin:14px 0 22px;font-size:1rem}.shape{width:min(340px,86vw);margin:-28px 0 -32px}.chat-frame{height:560px}.features-list{grid-template-columns:minmax(0,1fr)}.features-list li{padding:18px 0}.theme-card:not(.custom-card) .shape-icon{width:44px;height:44px}.theme-card p{font-size:.88rem}}