:root{--bg:#f6f6f8;--surface:#fff;--ink:#0b0b0f;--ink-2:#3f3f48;--ink-3:#6b6b76;--ink-4:#a1a1aa;--line:#e7e7ec;--line-2:#d6d6de;--violet:#6a35dc;--pink:#d63f8d;--blue:#3b6fe0;--amber:#8a5a00;--amber-soft:#fff2d6;--font:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease:cubic-bezier(.2, .7, .2, 1);--shadow-card:0 1px 2px #1010180a, 0 14px 34px -20px #10101829;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}img,svg{max-width:100%;display:block}a{color:inherit}p{margin:0}h1,h2,h3{text-wrap:balance;margin:0;font-weight:600}ul{margin:0;padding:0}:focus-visible{outline:2px solid var(--violet);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:24px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:50;background:var(--ink);color:#fff;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;position:absolute;top:-48px;left:16px}.skip-link:focus{top:12px}.svg-defs{width:0;height:0;position:absolute;overflow:hidden}.logo{color:var(--ink);border-radius:6px;text-decoration:none;display:inline-flex}.logo svg{width:auto;height:22px}.site-header{z-index:20;-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);background:#f6f6f8cc;border-bottom:1px solid #0000;transition:border-color .25s;position:sticky;top:0}.site-header.is-scrolled{border-bottom-color:var(--line)}.nav{align-items:center;gap:16px;height:68px;display:flex}.nav-links{gap:2px;margin-left:auto;display:flex}.nav-links a{color:var(--ink-2);border-radius:999px;padding:9px 14px;font-size:14.5px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.nav-links a:hover{color:var(--ink);background:#0b0b0f0d}.nav-links a[aria-current=page]{color:var(--ink)}.btn{min-height:46px;font:600 15px/1 var(--font);white-space:nowrap;cursor:pointer;transition:transform .2s var(--ease), background-color .2s ease, border-color .2s ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#26262e}.btn-light{color:var(--ink);background:#fff}.btn-light:hover{background:#ececf1}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-2)}.btn-ghost:hover{border-color:#b9b9c4}.btn-sm{min-height:40px;padding:0 16px;font-size:14px}.btn-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.display{letter-spacing:-.05em;font-weight:600;line-height:.95}.display .t1{font-size:clamp(60px,11vw,136px);display:block}.display .t2{color:var(--ink-3);letter-spacing:-.035em;margin-top:20px;font-size:clamp(26px,4.2vw,48px);font-weight:500;line-height:1.1;display:block}.lede{color:var(--ink-2);max-width:580px;margin:28px auto 0;font-size:19px;line-height:1.6}.section{padding:112px 0}.section-head{text-align:center;max-width:680px;margin:0 auto 80px}.h2,.section-head h2{letter-spacing:-.04em;font-size:clamp(36px,5vw,56px);line-height:1.04}.section-sub{color:var(--ink-3);margin-top:18px;font-size:19px}.hero{isolation:isolate;text-align:center;padding:136px 0 120px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:radial-gradient(42% 62% at 32% 0,#f4c4e499,#f4c4e400 72%),radial-gradient(40% 58% at 70% 6%,#d4c5f99e,#d4c5f900 72%);position:absolute;inset:0}.hero:after{content:"";z-index:-1;background-image:linear-gradient(#fffc 1px,#0000 1px),linear-gradient(90deg,#fffc 1px,#0000 1px);background-position:50% -1px;background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 75% at 50% 0,#000 25%,#0000 85%);mask-image:radial-gradient(55% 75% at 50% 0,#000 25%,#0000 85%)}.model+.model{margin-top:112px}.model-head{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:end;gap:48px;margin:0 6px 32px;display:grid}.model-mark{width:80px;height:80px;image-rendering:pixelated;margin-bottom:24px;display:block}.avatar-mark{width:48px;height:48px;image-rendering:pixelated;flex:none;display:block}.model-name{letter-spacing:-.055em;font-size:clamp(64px,8vw,96px);font-weight:600;line-height:.88}.model-role{letter-spacing:-.015em;color:var(--ink-2);margin-top:16px;font-size:20px;font-weight:500}.model-desc{color:var(--ink-3);justify-self:end;max-width:560px;font-size:18px;line-height:1.62}.bento{gap:24px;display:grid}.bento-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bento-2{grid-template-columns:repeat(2,minmax(0,1fr))}.feature{background:var(--surface);box-shadow:var(--shadow-card);border-radius:24px;outline:1px solid #0b0b0f08;padding:8px 8px 28px}.feature h3{letter-spacing:-.025em;margin:22px 14px 0;font-size:24px;font-weight:500;line-height:1.2}.feature>p{color:var(--ink-3);margin:8px 14px 0;font-size:17px;line-height:1.5}.illus{background:radial-gradient(70% 60% at 18% 6%,#fcf8fc 0%,#fcf8fc00 70%),radial-gradient(60% 70% at 95% 100%,#e5d6f8 0%,#e5d6f800 70%),radial-gradient(60% 65% at 5% 100%,#f7d2e8 0%,#f7d2e800 70%),linear-gradient(#f7f0f7 0%,#f1ddf0 100%);border-radius:17px;position:relative;overflow:hidden;container-type:inline-size}.illus:before{content:"";background-image:linear-gradient(#ffffffbf 1px,#0000 1px),linear-gradient(90deg,#ffffffbf 1px,#0000 1px);background-position:50%;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 75%,#000 35%,#0000 100%);mask-image:radial-gradient(75% 75%,#000 35%,#0000 100%)}.stage{height:29em;font-size:3.125cqw;position:relative}@container (width>=400px){.stage{font-size:2.5cqw}}@container (width>=500px){.stage{font-size:2cqw}}@container (width<=499px){.outer{display:none!important}}.abs{left:calc(50% + var(--x,0em));top:var(--y,0em);transform:rotate(var(--r,0deg));position:absolute}.abs.cx{transform:translateX(-50%) rotate(var(--r,0deg))}.ui{background:#fffffff2;border:1px solid #fff;border-radius:1.1em;box-shadow:0 .1em .25em #783c820f,0 1.3em 2.6em -1.1em #783c824d}.chip{white-space:nowrap;letter-spacing:-.01em;border-radius:.96em;align-items:center;padding:.84em 1.38em;font-weight:600;line-height:1.2;display:inline-flex}.chip>span{font-size:1.2em}.chip-sm{border-radius:.56em;padding:.42em .78em}.chip-sm>span{font-size:.9em}.chip-dark{color:#fff;background:linear-gradient(#4b4b52 0%,#1c1c21 100%);box-shadow:inset 0 1px #ffffff38,0 .7em 1.4em -.5em #00000073}.chip-light{color:var(--ink);background:linear-gradient(#fff 0%,#fbedf6 100%);border:1px solid #fff;box-shadow:0 .7em 1.4em -.6em #96468c61}.wire{border:0 solid #fffffff2;position:absolute}.mini-tag{color:#6e5a80;white-space:nowrap;background:linear-gradient(#f8edf8,#eedcf6);border:1px solid #fff;border-radius:.45em;padding:.2em .6em;font-size:.72em;font-weight:500;position:absolute;top:-1em;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 .3em .8em -.3em #783c824d}.dot-icon{color:#fff;border-radius:50%;flex:none;place-items:center;width:3.4em;height:3.4em;display:grid}.dot-icon svg{width:1.6em;height:1.6em}.dot-icon.sm{width:2.4em;height:2.4em}.dot-icon.sm svg{width:1.2em;height:1.2em}.g-violet{background:linear-gradient(135deg,#a58bf8,#6a35dc)}.tile{border-radius:1.1em;place-items:center;width:3.9em;height:3.9em;display:grid}.tile svg{width:1.8em;height:1.8em}svg.lg{fill:currentColor}.app-icon{color:#fff;border-radius:1em;place-items:center;width:3.4em;height:3.4em;display:grid}.app-icon svg{width:1.75em;height:1.75em}.app-gmail{color:#ea4335;background:#fff;box-shadow:inset 0 0 0 1px #efe6ef,0 .5em 1em -.5em #783c824d}.app-whatsapp{background:linear-gradient(#5fe88b,#25d366 55%,#1db954);box-shadow:0 .5em 1em -.5em #14783c80}.app-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0% 6%,#fd5949 45%,#d6249f 62%,#285aeb 92%);box-shadow:0 .5em 1em -.5em #96287880}.b-gmail{color:#ea4335}.b-whatsapp{color:#25d366}.b-gdocs{color:#4285f4}.b-linkedin{color:#0a66c2}.b-instagram svg{fill:url(#g-ig)}.b-slack{color:#4a154b}.b-discord{color:#5865f2}.b-react{color:#149eca}.b-next{color:#000}.b-ts{color:#3178c6}.b-tailwind{color:#06b6d4}svg.b-js{color:#f7df1e;background:#1b1b1f;border-radius:.12em}.tile.sm{border-radius:.9em;width:3.1em;height:3.1em}.tile.sm svg{width:1.5em;height:1.5em}.stack{gap:.7em;display:flex}.window-bar .file{align-items:center;gap:.5em;display:inline-flex}.window-bar .file svg{width:1.15em;height:1.15em}.mini-label{color:var(--ink-3);font-size:.74em;font-weight:500}.task{flex-direction:column;align-items:center;gap:.65em;width:8.6em;padding:1.4em .8em 1em;display:flex}.task-label{color:var(--ink);font-size:1.05em;font-weight:500}.form{padding:1.5em 1.5em 1.6em}.form-title{letter-spacing:-.02em;color:var(--ink);font-size:1.25em;font-weight:600}.form-label{color:var(--ink-2);margin:1em 0 .45em;font-size:.78em;font-weight:500}.form-box{border-radius:.7em;padding:.7em .85em;font-size:.86em;line-height:1.45}.form-box.before{color:#a194a6;background:#f8f1f6}.form-box.after{color:var(--ink);background:#fff;border:1px solid #f0e2ef;box-shadow:0 .4em 1em -.5em #96468c47}.form-btn{text-align:center;color:#fff;background:linear-gradient(#46464d,#1b1b20);border-radius:.75em;margin-top:1.3em;padding:.85em;font-size:.9em;font-weight:600;display:block;box-shadow:inset 0 1px #fff3,0 .6em 1.2em -.5em #0006}.result{padding:1.3em 1.4em 1.4em}.result-value{letter-spacing:-.035em;color:var(--ink);margin-top:.15em;font-size:1.9em;font-weight:600}.meter{background:#f1e6f3;border-radius:1em;height:.55em;margin:.8em 0 1em;display:block;overflow:hidden}.meter i{border-radius:inherit;background:linear-gradient(90deg,#c2aefa,#6a35dc);width:100%;height:100%;display:block}.checks{gap:.55em;list-style:none;display:grid}.checks li{color:var(--ink-2);align-items:center;gap:.5em;font-size:.84em;display:flex}.checks svg{width:1.3em;height:1.3em;color:var(--violet);flex:none}.window-bar{border-bottom:1px solid #f2e9f2;align-items:center;gap:.45em;height:2.6em;padding:0 1em;display:flex}.window-bar i{background:#ebe1ef;border-radius:50%;width:.65em;height:.65em}.window-bar span{color:var(--ink-3);margin-left:.8em;font-size:.8em;font-weight:500}.code{font-family:var(--mono);padding:.8em 0 1em;font-size:.74em}.ln{white-space:pre;color:var(--ink-2);gap:1em;padding:.32em 1.3em;line-height:1.5;display:flex}.ln b{text-align:right;color:#bcb1c3;flex:none;width:1.2em;font-weight:400}.ln.del{color:#a2557f;background:#fdeef5}.ln.add{color:#1d6b40;background:#eaf7ef}.ln.del b,.ln.add b{color:inherit}.error,.tests{padding:1em 1.1em 1.1em}.err-icon{background:var(--amber-soft);color:#b77900;border-radius:.8em;place-items:center;width:2.4em;height:2.4em;display:grid}.err-icon svg{width:1.3em;height:1.3em}.tile-title{color:var(--ink);margin-top:.7em;font-size:.95em;font-weight:600}.tile-text{color:var(--ink-3);margin-top:.2em;font-size:.76em;line-height:1.4}.tile-text.mono{font-family:var(--mono);font-size:.7em}.site{padding:1.3em 1.4em 1.4em}.site-nav{align-items:center;gap:.8em;font-size:.78em;display:flex}.site-nav b{letter-spacing:-.02em;color:var(--ink);margin-right:auto;font-weight:700}.site-nav span{background:#ece4ef;border-radius:1em;width:2.6em;height:.45em}.site-nav em{color:#fff;background:var(--ink);border-radius:1em;padding:.35em .8em;font-size:.9em;font-style:normal;font-weight:600}.site-h{letter-spacing:-.045em;max-width:11em;color:var(--ink);margin-top:1.3em;font-size:1.65em;font-weight:600;line-height:1.05}.site-sub{color:var(--ink-3);margin-top:.6em;font-size:.8em}.site-btn{background:var(--ink);color:#fff;border-radius:2em;margin-top:.9em;padding:.6em 1em;font-size:.75em;font-weight:600;display:inline-block}.site-img{background:linear-gradient(120deg,#f6c6df 0%,#d8c7f8 52%,#a9c0f7 100%);border-radius:.8em;height:5.2em;margin-top:1.1em}.swatch-card,.type-card,.space-card{padding:.95em 1.05em 1.05em}.swatches{gap:.35em;margin-top:.6em;display:flex}.swatches i{border-radius:50%;width:1.4em;height:1.4em;box-shadow:inset 0 0 0 1px #0000000f}.type-aa{letter-spacing:-.045em;color:var(--ink);margin-bottom:.2em;font-size:2.6em;font-weight:600;line-height:1}.bars{gap:.35em;margin-top:.6em;display:grid}.bars i{background:linear-gradient(90deg,#cdbafb,#6a35dc);border-radius:1em;height:.55em;display:block}.soft{isolation:isolate;background:#fbfbfc;border-radius:30px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffe6,0 1px 2px #10101808}.soft:after{content:"";z-index:-1;pointer-events:none;background:var(--blob);filter:blur(30px);height:72%;position:absolute;bottom:-26%;left:-12%;right:-12%}.blob-yellow{--blob:radial-gradient(42% 52% at 72% 58%, #ffe043 0%, #ffe04300 72%), radial-gradient(58% 48% at 26% 70%, #fff1a3 0%, #fff1a300 72%)}.blob-blue{--blob:radial-gradient(42% 55% at 74% 58%, #79c3d6 0%, #79c3d600 72%), radial-gradient(52% 55% at 22% 68%, #a9a5ee 0%, #a9a5ee00 72%)}.blob-pink{--blob:radial-gradient(44% 55% at 66% 56%, #ff9cc0 0%, #ff9cc000 72%), radial-gradient(52% 50% at 26% 74%, #ffc6d9 0%, #ffc6d900 72%)}.blob-all{--blob:radial-gradient(24% 60% at 16% 60%, #ffe043 0%, #ffe04300 75%), radial-gradient(26% 62% at 40% 70%, #a9a5ee 0%, #a9a5ee00 75%), radial-gradient(24% 60% at 62% 62%, #79c3d6 0%, #79c3d600 75%), radial-gradient(26% 62% at 86% 66%, #ff9cc0 0%, #ff9cc000 75%)}.statements-head{justify-content:space-between;align-items:flex-end;gap:24px;margin:0 6px 64px;display:flex}.statements-head h2{letter-spacing:-.045em;font-size:clamp(40px,6vw,72px);font-weight:400;line-height:1}.statements-head p{max-width:340px;color:var(--ink-3);font-size:17px}.statements{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;padding-bottom:150px;display:grid}.statements .soft:nth-child(2){transform:translateY(150px)}.statement{flex-direction:column;min-height:400px;margin:0;padding:34px 30px 150px;display:flex}.statement blockquote{letter-spacing:-.02em;color:var(--ink);text-wrap:pretty;margin:0;font-size:clamp(21px,2.1vw,25px);line-height:1.28}.byline{align-items:center;gap:14px;margin-top:28px;display:flex}.byline b{color:var(--ink);font-size:16px;font-weight:500;display:block}.byline b+span{color:var(--ink-3);font-size:13px;display:block}.cta-soft{text-align:center;padding:104px 32px 168px}.cta-soft:after{filter:blur(40px);height:78%;bottom:-30%}.cta-soft h2{letter-spacing:-.045em;font-size:clamp(36px,5.4vw,64px);font-weight:500;line-height:1.02}.cta-soft p{max-width:520px;color:var(--ink-2);text-wrap:balance;margin:18px auto 0;font-size:18.5px}.cta-soft .btn-row{margin-top:36px}.site-footer{border-top:1px solid var(--line);padding:48px 0 56px}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.footer-brand p{color:var(--ink-3);margin-top:14px;font-size:14.5px}.footer-links{flex-wrap:wrap;gap:10px 28px;display:flex}.footer-links a{color:var(--ink-2);font-size:14.5px;font-weight:500;text-decoration:none}.footer-links a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:24px;font-size:13.5px;display:flex}.legal{padding:56px 0 112px}.legal-grid{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:56px;display:grid}.legal-nav{flex-direction:column;gap:2px;display:flex;position:sticky;top:100px}.legal-nav a{color:var(--ink-2);border:1px solid #0000;border-radius:12px;padding:10px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.legal-nav a:hover{color:var(--ink);background:#0b0b0f0a}.legal-nav a[aria-current=page]{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 1px 2px #1010180a}.prose{background:var(--surface);max-width:780px;box-shadow:var(--shadow-card);border-radius:24px;outline:1px solid #0b0b0f08;padding:64px 72px 72px}.prose h1{letter-spacing:-.045em;font-size:clamp(38px,5vw,54px);line-height:1.02}.prose .updated{color:var(--ink-3);margin-top:14px;font-size:14.5px}.prose h2{letter-spacing:-.02em;margin:48px 0 12px;scroll-margin-top:96px;font-size:21px;line-height:1.3}.prose h2 .num{color:var(--ink-4);margin-right:10px;font-weight:500}.prose h3{margin:24px 0 6px;font-size:16.5px}.prose p,.prose li{color:var(--ink-2);font-size:16px;line-height:1.75}.prose p+p{margin-top:14px}.prose ul{margin-top:12px;padding-left:22px}.prose li+li{margin-top:6px}.prose a{color:var(--violet);text-underline-offset:3px}.prose strong{color:var(--ink);font-weight:600}.summary{background:#f7f3fd;border-radius:18px;margin-top:32px;padding:24px 28px}.prose .summary-title{color:var(--ink);font-size:16px;font-weight:600}.summary ul{margin-top:8px}.summary li{color:#352a52}.ph{color:#5a4300;white-space:nowrap;background:#fff1c2;border-radius:4px;padding:0 4px;font-weight:500}.wtf-hero{padding-bottom:96px}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:56px;display:grid}.split .body p{color:var(--ink-2);font-size:18px;line-height:1.7}.split .body .h2+p{margin-top:28px}.split .body p+p{margin-top:16px}.split .body strong{color:var(--ink)}.demo{background:var(--surface);box-shadow:var(--shadow-card);border-radius:24px;outline:1px solid #0b0b0f08;padding:28px}.demo h3{letter-spacing:-.025em;font-size:22px}.demo>p{color:var(--ink-3);margin-top:6px;font-size:15.5px}.demo-sheets{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px;display:grid}.sheet{margin:0}.sheet svg{border-radius:14px;width:100%;height:auto}.sheet figcaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:14.5px;font-weight:600;display:flex}.status{color:var(--violet);white-space:nowrap;background:#f1ebff;border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600}.sheet.is-bad .status{background:var(--amber-soft);color:var(--amber)}.drift{border-top:1px solid var(--line);margin-top:24px;padding-top:22px}.drift-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.drift label{font-size:15px;font-weight:600}.drift output{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:500}.drift input[type=range]{width:100%;accent-color:var(--ink);cursor:pointer;height:28px;margin:16px 0 6px}.legend{color:var(--ink-3);flex-wrap:wrap;gap:8px 20px;margin-top:8px;font-size:13.5px;display:flex}.legend span{align-items:center;gap:8px;display:inline-flex}.legend i{border-top:1.5px dashed var(--ink-3);width:22px;height:0;display:inline-block}.legend i.solid{border-top:2.5px solid var(--violet)}.why .lede{max-width:660px;margin:24px auto 0}.why .note{color:var(--ink-3);margin-top:24px;font-size:15px}@media (width<=1000px){.bento-3{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-3>:last-child{grid-column:1/-1}.split{grid-template-columns:1fr;gap:48px}}@media (width<=860px){.bento-2{grid-template-columns:1fr}.statements{grid-template-columns:1fr;gap:20px;padding-bottom:0}.statements .soft:nth-child(2){transform:none}.statement{min-height:0;padding-bottom:130px}.statements-head{flex-direction:column;align-items:flex-start;margin-bottom:40px}.model-head{grid-template-columns:1fr;gap:20px}.model-desc{justify-self:start}.legal-grid{grid-template-columns:1fr;gap:20px}.legal-nav{scrollbar-width:none;flex-direction:row;gap:6px;padding-bottom:4px;position:static;overflow-x:auto}.legal-nav a{white-space:nowrap}.prose{padding:48px 40px 56px}}@media (width<=640px){.container{padding-inline:16px}.nav-links{display:none}.nav .btn{margin-left:auto}.hero{padding:88px 0 80px}.section{padding:80px 0}.section-head{margin-bottom:56px}.bento-3{grid-template-columns:1fr}.model+.model{margin-top:80px}.feature h3{font-size:22px}.cta-soft{border-radius:24px;padding:72px 22px 128px}.prose{border-radius:18px;padding:36px 20px 44px}.demo{padding:18px}.demo-sheets{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}.ui>svg{width:100%;height:auto}.page-hero{padding:120px 0 72px}.contact-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.form-card{background:var(--surface);box-shadow:var(--shadow-card);border-radius:26px;outline:1px solid #0b0b0f08;padding:40px}.form-card h2{letter-spacing:-.03em;font-size:28px}.form-card>p{color:var(--ink-3);margin-top:8px}.contact-form{margin-top:28px}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{align-content:start;gap:8px;display:grid}.field-row+.field,.field+.field,.field+.field-row{margin-top:18px}.field label{color:var(--ink);font-size:14.5px;font-weight:500}.field input,.field select,.field textarea{width:100%;font:inherit;color:var(--ink);border:1px solid var(--line-2);background:#fbfbfc;border-radius:12px;padding:13px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s,background-color .2s}.field textarea{resize:vertical;min-height:160px;line-height:1.5}.field select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}.field input:hover,.field select:hover,.field textarea:hover{border-color:#bdbdc8}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--violet);background:#fff;outline:none;box-shadow:0 0 0 4px #6a35dc1f}.field.has-error input,.field.has-error textarea{border-color:#c4314b;box-shadow:0 0 0 4px #c4314b1a}.field-error{color:#b42339;min-height:0;font-size:13.5px}.form-actions{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:26px;display:flex}.form-note{color:var(--ink-3);font-size:13.5px}.form-done{color:#3b2a75;background:#f1ebff;border-radius:12px;margin-top:18px;padding:14px 16px;font-size:15px}.form-done[hidden]{display:none}.contact-side{gap:16px;display:grid}.info-card{padding:28px 28px 92px}.info-card .label{color:var(--ink-3);font-size:14px}.info-card .value{letter-spacing:-.02em;color:var(--ink);margin-top:6px;font-size:22px;font-weight:500;text-decoration:none;display:inline-block}.info-card a.value:hover{text-underline-offset:4px;text-decoration:underline}.info-card .hint{color:var(--ink-3);margin-top:6px;font-size:14.5px}.try-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.try-card{padding:36px 34px 120px}.try-card .mark{width:64px;height:64px;image-rendering:pixelated}.try-card h3{letter-spacing:-.045em;margin-top:20px;font-size:40px;line-height:1}.try-card .made-for{color:var(--ink-2);margin-top:8px;font-size:18px}.try-card h4{color:var(--ink-3);margin:26px 0 10px;font-size:13.5px;font-weight:600}.try-card ul{gap:8px;list-style:none;display:grid}.try-card li{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:16px;display:flex}.try-card li:before{content:"";background:var(--ink);flex:none;width:6px;height:6px;margin-top:9px}.ask-chips{flex-wrap:wrap;gap:8px;display:flex}.ask-chip{font:500 14px/1.2 var(--font);color:var(--ink);cursor:pointer;transition:background-color .2s ease, transform .2s var(--ease), border-color .2s ease;background:#fffc;border:1px solid #0b0b0f14;border-radius:10px;padding:9px 13px}.ask-chip:hover{background:#fff;border-color:#0b0b0f2e;transform:translateY(-1px)}.chat-stage{isolation:isolate;padding:120px 0 132px;position:relative;overflow:hidden}.chat-stage:before{content:"";z-index:-1;background-image:linear-gradient(#0b0b0f09 1px,#0000 1px),linear-gradient(90deg,#0b0b0f09 1px,#0000 1px);background-position:50%;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 60% at 50% 55%,#000 15%,#0000 80%);mask-image:radial-gradient(55% 60% at 50% 55%,#000 15%,#0000 80%)}.chat-stage .section-head{margin-bottom:56px}.chat-wrap{max-width:760px;margin:0 auto}.chat{isolation:isolate;position:relative}.chat-glow{z-index:-1;pointer-events:none;position:absolute;inset:-110% -16%}.chat-glow i{filter:blur(70px);opacity:.45;width:46%;height:70%;transition:opacity .8s ease, scale .8s var(--out);border-radius:50%;margin:auto 0;animation:7s ease-in-out infinite alternate breathe;position:absolute;top:0;bottom:0}.chat-glow .warm{background:radial-gradient(closest-side,#ffb59c,#ffb59c00);left:4%}.chat-glow .cool{background:radial-gradient(closest-side,#9fb6ff,#9fb6ff00);animation-delay:-3.5s;right:4%}.chat[data-model=b1o] .chat-glow .warm,.chat[data-model=c2o] .chat-glow .cool{opacity:.7;scale:1.1}.chat[data-model=b1o] .chat-glow .cool,.chat[data-model=c2o] .chat-glow .warm{opacity:.3}.chat-log{scrollbar-width:thin;scrollbar-color:#0b0b0f26 transparent;min-height:96px;max-height:460px;padding:4px 4px 24px;overflow-y:auto}.msg{animation:msg-in .45s var(--out) both;align-items:flex-start;gap:12px;margin-top:18px;display:flex}.msg:first-child{margin-top:0}.msg img{width:28px;height:28px;image-rendering:pixelated;flex:none;margin-top:1px}.msg.me{justify-content:flex-end}.bubble{max-width:min(86%,600px);color:var(--ink-2);overflow-wrap:anywhere;font-size:16px;line-height:1.6}.msg.me .bubble{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:18px 18px 4px;padding:10px 15px;box-shadow:0 8px 20px -14px #10101840}.bubble p{margin:0}.bubble>*+*{margin-top:10px}.bubble ol{margin:0;padding-left:20px}.bubble li+li{margin-top:4px}.bubble pre{border:1px solid var(--line);color:#2b2f4a;font:13.5px/1.6 var(--mono);white-space:pre;background:#fff;border-radius:12px;margin-left:0;margin-right:0;padding:14px 16px;overflow-x:auto}.bubble blockquote{border:1px solid var(--line);color:var(--ink);white-space:pre-line;background:#fff;border-left:3px solid #ff9a6b;border-radius:12px;margin-left:0;margin-right:0;padding:12px 16px}.chat[data-model=c2o] .bubble blockquote{border-left-color:#6b8cff}.swatch-row{flex-wrap:wrap;gap:8px;display:flex}.swatch-row span{border:1px solid var(--line);color:var(--ink-2);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:5px 10px 5px 5px;font-size:13.5px;display:inline-flex}.swatch-row i{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #0b0b0f1f}.typing .bubble{align-items:center;gap:5px;padding-top:11px;display:flex}.typing .bubble>i+i{margin-top:0}.edit-message{color:var(--ink-3);flex:none;align-self:center}.edit-message svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:16px;height:16px}.bubble ul{padding-left:20px}.bubble a{color:var(--blue);text-decoration:underline}.bubble :not(pre)>code{background:var(--surface);color:var(--ink);font-family:var(--mono);padding:1px 4px}.bubble table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.bubble th,.bubble td{border:1px solid var(--line);padding:6px 10px}.typing .bubble i{background:var(--ink-3);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite blink}.typing .bubble i:nth-child(2){animation-delay:.2s}.typing .bubble i:nth-child(3){animation-delay:.4s}.chat-suggest{gap:2px;margin-top:22px;padding:0 8px;list-style:none;display:grid}.chat-suggest[hidden]{display:none}.chat-suggest li{animation:msg-in .5s var(--out) both}.chat-suggest li:nth-child(2){opacity:.8;animation-delay:60ms}.chat-suggest li:nth-child(3){opacity:.58;animation-delay:.12s}.chat-suggest li:nth-child(4){opacity:.38;animation-delay:.18s}.chat-suggest li:hover{opacity:1}.suggest{cursor:pointer;width:100%;color:var(--ink-2);text-align:left;font:400 15.5px/1.35 var(--font);background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;padding:10px 12px;transition:background-color .2s,color .2s;display:flex}.suggest:hover{color:var(--ink);background:#0b0b0f0a}.suggest svg{fill:none;width:17px;height:17px;stroke:var(--ink-3);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none}.composer-wrap{position:relative}.composer-rainbow{z-index:-1;filter:blur(22px);opacity:.55;background:linear-gradient(90deg,#6f95ff,#a98bf7 28%,#ff8fc4 52%,#ffab7a 74%,#ffd84d);border-radius:50%;height:34px;animation:6s ease-in-out infinite alternate rainbow;position:absolute;bottom:-16px;left:14%;right:14%}@keyframes rainbow{to{opacity:.75;translate:0 4px;scale:1.06 1}}.composer{background:linear-gradient(#fffffff5,#fffffff5) padding-box padding-box,linear-gradient(115deg,#8fb0ff,#d6c8f7 45%,#f6cadf 75%,#ffd9bf) border-box;border:1.5px solid #0000;border-radius:26px;padding:18px 14px 12px 20px;transition:box-shadow .3s;position:relative;box-shadow:0 0 0 6px #fff9,-10px 0 34px -14px #5a82ff8c,0 24px 60px -28px #32326459}.composer:focus-within{box-shadow:0 0 0 6px #a98bf724,-10px 0 40px -12px #5a82ff99,0 24px 60px -28px #32326466}.composer textarea{resize:none;width:100%;max-height:168px;color:var(--ink);font:400 17px/1.5 var(--font);background:0 0;border:0;outline:0;padding:2px 0 18px;display:block}.composer textarea::placeholder{color:var(--ink-3)}.composer-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.composer-tools{flex-wrap:wrap;gap:8px;display:flex}.pill{cursor:pointer;color:var(--ink-2);font:500 13.5px/1.2 var(--font);background:#f5f5f8;border:1px solid #0b0b0f14;border-radius:10px;align-items:center;gap:7px;padding:6px 11px;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.pill:hover,.pill[aria-expanded=true]{color:var(--ink);background:#ececf2;border-color:#0b0b0f24}.pill svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.pill img{width:18px;height:18px;image-rendering:pixelated}.pill .chev{transition:rotate .2s}.pill-value{color:var(--violet);font-weight:600}.pill[aria-expanded=true] .chev{rotate:180deg}.composer-actions{align-items:center;gap:8px;display:flex}.icon-btn{cursor:pointer;width:36px;height:36px;color:var(--ink-3);transition:background-color .2s ease, color .2s ease, rotate .4s var(--out);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon-btn:hover{color:var(--ink);background:#0b0b0f0d;rotate:-40deg}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.send{cursor:pointer;color:#fff;width:40px;height:40px;transition:box-shadow .2s ease, transform .2s var(--ease), opacity .2s ease, filter .2s ease;background:linear-gradient(135deg,#8fa7f8,#a98bf7);border:0;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 8px 18px -8px #6e6ef0b3}.send:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 10px 24px -8px #6e6ef0d9}.send:disabled{opacity:.45;cursor:default;box-shadow:none}.send svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.popover{z-index:5;border:1px solid var(--line);max-width:calc(100% - 24px);animation:menu-in .22s var(--out) both;background:#fff;border-radius:16px;position:absolute;bottom:calc(100% + 12px);left:12px;box-shadow:0 24px 60px -18px #1010284d,0 2px 6px #1010280d}.popover[hidden]{display:none}.model-menu{min-width:240px;padding:6px}.model-menu button{width:100%;color:var(--ink);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:9px 10px;display:flex}.model-menu button:hover,.model-menu button:focus-visible{background:#f4f4f7;outline:none}.model-menu button[aria-selected=true]{background:#f1ebff}.model-menu img{width:28px;height:28px;image-rendering:pixelated}.model-menu b{font-size:14.5px;font-weight:600;display:block}.model-menu small{color:var(--ink-3);font-size:12.5px;display:block}.effort-card{width:320px;padding:16px 18px 14px}.effort-head{color:var(--ink-3);gap:8px;font-size:15px;display:flex}.effort-head b{color:var(--violet);font-weight:600}.effort-ends{color:var(--ink-3);justify-content:space-between;margin-top:14px;font-size:13.5px;display:flex}.effort-track{border-radius:4px;height:26px;margin:8px 6px 0;position:relative}.effort-track canvas{width:100%;height:24px;image-rendering:pixelated;position:absolute;inset:1px 0}.effort-track input{opacity:0;cursor:pointer;width:calc(100% + 12px);height:calc(100% + 12px);margin:0;position:absolute;inset:-6px}.effort-track:has(input:focus-visible){outline-offset:6px;outline:2px solid #a98bf7}.effort-thumb{--lvl:2;pointer-events:none;width:50px;height:42px;filter:drop-shadow(0 0 calc(2px + var(--lvl) * 1.5px) #966effd9) drop-shadow(0 0 calc(4px + var(--lvl) * 3px) #6e8cff80);transition:left .35s var(--spring), filter .35s ease;position:absolute;top:50%;left:50%;translate:-50% -50%}.effort-thumb svg{width:100%;height:100%;display:block}.effort-thumb .brain{animation:1.2s steps(2,end) infinite brain-bob}.effort-thumb .rays{opacity:calc(var(--lvl) / 4);transition:opacity .35s}.effort-thumb .ray{animation:1.4s steps(2,end) infinite ray}@keyframes brain-bob{50%{translate:0 -1px}}@keyframes ray{50%{opacity:.2}}.effort-rec{color:var(--ink-3);margin-top:8px;padding-left:calc(50% - 40px);font-size:13px;position:relative}.chat .beta{text-align:center;color:var(--ink-3);margin-top:16px;font-size:13px}@keyframes breathe{to{translate:0 -14px}}@keyframes menu-in{0%{opacity:0;translate:0 6px}}.toast{z-index:100;color:#f2efff;font:500 16px/1.2 "Pixelify Sans", var(--font);background:#15131f;padding:12px 18px;animation:.35s steps(5,end) both toast-in;position:fixed;bottom:28px;left:50%;translate:-50%;box-shadow:0 -4px #0b0b0f,0 4px #0b0b0f,-4px 0 #0b0b0f,4px 0 #0b0b0f}:root{--out:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.56, .64, 1)}@view-transition{navigation:auto}.site-header{view-transition-name:site-header}::view-transition-old(root){animation:.22s both vt-out}::view-transition-new(root){animation:vt-in .45s var(--out) both}@keyframes vt-out{to{opacity:0;translate:0 -8px}}@keyframes vt-in{0%{opacity:0;translate:0 12px}}.intro{animation:intro 1s var(--out) both;animation-delay:calc(var(--d,0) * .11s + 60ms)}@keyframes intro{0%{opacity:0;filter:blur(10px);translate:0 28px}}.hero:before{animation:9s ease-in-out infinite alternate glow}@keyframes glow{to{opacity:.75;scale:1.12 1.05}}.js :is(.section-head,.model-head,.bento>*,.statements-head,.statements>*,.cta-soft,.split>*,.contact-grid>*,.try-models>*,.chat-wrap){opacity:0;filter:blur(8px);transition:opacity .9s var(--out) var(--rd,0s), translate 1s var(--out) var(--rd,0s), filter .9s var(--out) var(--rd,0s), transform .45s var(--out), box-shadow .45s var(--out);translate:0 36px}.js :is(.section-head,.model-head,.bento>*,.statements-head,.statements>*,.cta-soft,.split>*,.contact-grid>*,.try-models>*,.chat-wrap).is-in{opacity:1;filter:blur();translate:0}.feature:hover,.info-card:hover,.try-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px #1010180a,0 30px 60px -28px #10101847}@media (width>=861px){.statements .soft:not(:nth-child(2)):hover{transform:translateY(-4px)}.statements .soft:nth-child(2):hover{transform:translateY(146px)}}.js .feature .stage>*{opacity:0;scale:.86}.js .feature.is-in .stage>*{animation:pop .75s var(--spring) both;animation-delay:calc(var(--k,0) * 70ms + .26s)}.js .feature.is-in .stage>.abs:nth-child(odd){animation:pop .75s var(--spring) both, float 6.5s ease-in-out infinite;animation-delay:calc(var(--k,0) * 70ms + .26s), calc(var(--k,0) * -1.1s)}.js .feature.is-in .stage>.abs:nth-child(2n){animation:pop .75s var(--spring) both, float-b 7.5s ease-in-out infinite;animation-delay:calc(var(--k,0) * 70ms + .26s), calc(var(--k,0) * -.8s)}@keyframes pop{0%{opacity:0;scale:.86}to{opacity:1;scale:1}}@keyframes float{0%,to{translate:0}50%{translate:0 -.4em}}@keyframes float-b{0%,to{translate:0}50%{translate:.2em .3em}}.js .feature .meter i{transform-origin:0;scale:0 1}.js .feature.is-in .meter i{animation:meter 1.4s var(--out) .8s both}@keyframes meter{0%{scale:0 1}to{scale:1}}.js .feature .ln{opacity:0;translate:-.6em}.js .feature.is-in .ln{animation:line-in .5s var(--out) both}.js .feature.is-in .ln:first-child{animation-delay:.55s}.js .feature.is-in .ln:nth-child(2){animation-delay:.65s}.js .feature.is-in .ln:nth-child(3){animation-delay:.9s}.js .feature.is-in .ln:nth-child(4){animation-delay:1s}.js .feature.is-in .ln:nth-child(5){animation-delay:1.1s}@keyframes line-in{to{opacity:1;translate:0}}.soft:after{animation:12s ease-in-out infinite alternate drift}.statements .soft:nth-child(2):after{animation-duration:14s;animation-delay:-4s}.statements .soft:nth-child(3):after{animation-duration:11s;animation-delay:-7s}@keyframes drift{0%{translate:-4%}to{translate:4% -5%}}.model-mark,.avatar-mark,.try-card .mark{cursor:pointer}.model-mark:hover,.avatar-mark:hover,.try-card .mark:hover{animation:.5s steps(5,end) both hop}@keyframes hop{0%,to{translate:0}40%{translate:0 -8px}70%{translate:0 -3px}}@keyframes msg-in{0%{opacity:0;translate:0 12px}}@keyframes blink{50%{opacity:.25}}@keyframes toast-in{0%{opacity:0;translate:-50% 16px}}.footer-links a{transition:background-size .3s var(--out), color .2s ease;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}.footer-links a:hover{background-size:100% 1px;text-decoration:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}.js :is(.section-head,.model-head,.bento>*,.statements-head,.statements>*,.cta-soft,.split>*,.contact-grid>*,.try-models>*,.chat-wrap),.js .feature .stage>*,.js .feature .ln{opacity:1!important;filter:none!important;translate:none!important;scale:none!important}.js .feature .meter i{scale:none!important}}@media (width<=900px){.contact-grid,.try-models{grid-template-columns:1fr}}@media (width<=640px){.page-hero{padding:88px 0 48px}.form-card{border-radius:22px;padding:26px 20px}.field-row{grid-template-columns:1fr}.field-row+.field{margin-top:18px}.try-card{padding:28px 22px 104px}.chat-stage{padding:88px 0 96px}.chat-log{max-height:55vh}.composer{padding:14px 10px 10px 14px}.pill{padding:6px 9px}.pill>span{display:none}.effort-card{width:auto;max-width:none;left:8px;right:8px}.composer textarea{font-size:16px}}.logo img{width:auto;height:22px}
