:root{--paper:oklch(97.6% 0.013 92);--paper-2:oklch(96% 0.015 90);--paper-3:oklch(94% 0.017 88);--ink:oklch(28% 0.04 250);--ink-2:oklch(42% 0.032 245);--ink-3:oklch(52% 0.025 240);--line:oklch(89% 0.014 91);--line-strong:oklch(82% 0.016 89);--accent:oklch(52% 0.13 155);--accent-strong:oklch(42% 0.14 158);--accent-tint:oklch(95% 0.03 155);--on-accent:oklch(98.5% 0.006 155);--spec-red:oklch(63% 0.21 28);--spec-orange:oklch(70% 0.18 45);--spec-amber:oklch(80% 0.15 78);--spec-green:oklch(68% 0.15 150);--spec-teal:oklch(66% 0.12 190);--spec-blue:oklch(58% 0.17 250);--spec-indigo:oklch(50% 0.19 275);--spectrum:linear-gradient(90deg,var(--spec-red),var(--spec-orange),var(--spec-amber),var(--spec-green),var(--spec-teal),var(--spec-blue),var(--spec-indigo));--font-mono:var(--font-plex),"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--fs-display:clamp(1.5rem,1rem + 2.2vw,2.65rem);--fs-hero:clamp(1.35rem,0.88rem + 1.85vw,2.35rem);--fs-h2:clamp(1.65rem,1.2rem + 2vw,2.45rem);--fs-h3:clamp(1.15rem,1.02rem + 0.55vw,1.35rem);--fs-lead:clamp(1.05rem,1rem + 0.35vw,1.2rem);--fs-body:0.9375rem;--fs-sm:0.875rem;--fs-label:0.6875rem;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--sp-24:6rem;--section-y:clamp(4.5rem,3rem + 6vw,8.5rem);--maxw:1140px;--radius:3px;--radius-lg:5px;--ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-out-quart:cubic-bezier(0.25,1,0.5,1);--shadow-sm:0 1px 2px oklch(28% 0.04 250/0.04),0 6px 16px oklch(28% 0.04 250/0.05);--shadow-md:0 2px 4px oklch(28% 0.04 250/0.05),0 18px 40px oklch(28% 0.04 250/0.08)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);font-family:var(--font-mono);font-size:var(--fs-body);line-height:1.65;font-variant-numeric:tabular-nums;font-feature-settings:"liga" 0,"calt" 0,"tnum";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,body.parchment{background-color:var(--paper)}body.parchment{position:relative;isolation:isolate;background-image:radial-gradient(ellipse 110% 75% at 12% 6%,oklch(99% .014 94/.55),transparent 58%),radial-gradient(ellipse 95% 70% at 92% 94%,oklch(95.5% .018 86/.4),transparent 52%),url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.22'/%3E%3C/svg%3E");background-size:auto,auto,200px 200px;background-attachment:fixed}body.parchment:after,body.parchment:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}body.parchment:before{--draft-inset:clamp(1.1rem,1.6vw,2rem);--draft-arm:1.75rem;--draft-edge:clamp(4.5rem,12vw,7.5rem);--draft-mark:oklch(76% 0.024 155/0.38);background:linear-gradient(var(--draft-mark),var(--draft-mark)) var(--draft-inset) var(--draft-inset) /var(--draft-arm) 1px no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) var(--draft-inset) var(--draft-inset) /1px var(--draft-arm) no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) calc(100% - var(--draft-inset) - var(--draft-arm)) var(--draft-inset) /var(--draft-arm) 1px no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) calc(100% - var(--draft-inset)) var(--draft-inset) /1px var(--draft-arm) no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) var(--draft-inset) calc(100% - var(--draft-inset)) /var(--draft-arm) 1px no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) var(--draft-inset) calc(100% - var(--draft-inset) - var(--draft-arm)) /1px var(--draft-arm) no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) calc(100% - var(--draft-inset) - var(--draft-arm)) calc(100% - var(--draft-inset)) /var(--draft-arm) 1px no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) calc(100% - var(--draft-inset)) calc(100% - var(--draft-inset) - var(--draft-arm)) /1px var(--draft-arm) no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) var(--draft-inset) var(--draft-inset) /var(--draft-edge) 1px no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) calc(100% - var(--draft-inset) - var(--draft-edge)) var(--draft-inset) /var(--draft-edge) 1px no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) var(--draft-inset) calc(100% - var(--draft-inset)) /var(--draft-edge) 1px no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) calc(100% - var(--draft-inset) - var(--draft-edge)) calc(100% - var(--draft-inset)) /var(--draft-edge) 1px no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) var(--draft-inset) var(--draft-inset) /1px var(--draft-edge) no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) var(--draft-inset) calc(100% - var(--draft-inset) - var(--draft-edge)) /1px var(--draft-edge) no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) calc(100% - var(--draft-inset)) var(--draft-inset) /1px var(--draft-edge) no-repeat,linear-gradient(var(--draft-mark),var(--draft-mark)) calc(100% - var(--draft-inset)) calc(100% - var(--draft-inset) - var(--draft-edge)) /1px var(--draft-edge) no-repeat}body.parchment:after{background-image:radial-gradient(circle,oklch(72% .022 155/.34) .55px,transparent 0);background-size:12px 12px;-webkit-mask-image:radial-gradient(ellipse 40% 40% at 0 100%,oklch(0 0 0) 0,transparent 74%),radial-gradient(ellipse 40% 40% at 100% 0,oklch(0 0 0) 0,transparent 74%);mask-image:radial-gradient(ellipse 40% 40% at 0 100%,oklch(0 0 0) 0,transparent 74%),radial-gradient(ellipse 40% 40% at 100% 0,oklch(0 0 0) 0,transparent 74%);mask-composite:add;-webkit-mask-composite:source-over;opacity:.92}h1,h2,h3{margin:0;font-weight:600;letter-spacing:0;text-wrap:balance}p{margin:0}a{color:var(--accent-strong);text-decoration:none}::selection{background:var(--accent-tint);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.shell{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.25rem,.5rem + 3vw,2.75rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{--btn-bg:var(--accent);--btn-fg:var(--on-accent);display:inline-flex;align-items:center;gap:var(--sp-2);height:2.75rem;padding-inline:1.15rem;border-radius:var(--radius);border:1px solid var(--accent-strong);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500;letter-spacing:.02em;text-transform:lowercase;cursor:pointer;transition:transform .18s var(--ease-out-quart),background .18s var(--ease-out-quart),box-shadow .18s var(--ease-out-quart),border-color .18s var(--ease-out-quart)}.btn .arrow{transition:transform .24s var(--ease-out-expo)}.btn:hover{background:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-strong),0 8px 20px oklch(42% .14 158/.16);transform:translateY(-1px)}.btn:hover .arrow{transform:translate(2px,-2px)}.btn:active{transform:translateY(0)}.nav{position:sticky;top:0;z-index:50;background:color-mix(in oklch,var(--paper) 92%,transparent);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line);transition:border-color .3s var(--ease-out-quart)}.nav[data-scrolled=true]{border-bottom-color:var(--line-strong)}.nav__inner{display:flex;align-items:center;gap:var(--sp-6);height:4.5rem}.brand{display:inline-flex;align-items:center;gap:var(--sp-3);color:var(--ink);font-weight:600;letter-spacing:.02em;font-size:.9375rem;text-transform:lowercase}.brand__name{display:inline-flex;flex-direction:column;line-height:1}.brand__name small{font-family:var(--font-mono);font-size:.6rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:2px}.nav__links{display:flex;align-items:center;gap:var(--sp-6);margin-left:auto}.nav__design{display:inline-flex;align-items:center;height:2.35rem;padding-inline:.6rem;color:var(--ink-2);font-size:.95rem;text-decoration:none;border-bottom:1px solid transparent}.nav__design:hover{color:var(--ink);border-bottom-color:var(--accent)}.nav__console{display:inline-flex;align-items:center;gap:var(--sp-2);height:2.35rem;padding-inline:.85rem .75rem;border-radius:var(--radius);border:1px solid var(--line-strong);color:var(--ink);font-size:var(--fs-sm);font-weight:500;letter-spacing:.04em;text-transform:lowercase;background:var(--paper-2);transition:border-color .18s var(--ease-out-quart),box-shadow .18s var(--ease-out-quart),transform .18s var(--ease-out-quart)}.nav__console .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.nav__console .arrow{color:var(--ink-3);transition:transform .22s var(--ease-out-expo)}.nav__console:hover{border-color:var(--accent-strong);box-shadow:0 0 0 1px var(--accent-strong);transform:translateY(-1px)}.nav__console:hover .arrow{transform:translate(2px,-2px);color:var(--accent)}.hero{position:relative;overflow:clip;padding-block:clamp(2.5rem,1.5rem + 4vw,4.5rem) var(--section-y)}.hero__layout{display:grid;grid-template-columns:1fr;row-gap:clamp(1.25rem,.75rem + 1.5vw,2rem);align-items:start}.hero__intro{grid-row:1}.hero__showcase{grid-row:2;display:flex;justify-content:center;padding-block:clamp(.5rem,.25rem + 1vw,1.25rem)}.hero__showcase-stage{width:100%;display:flex;justify-content:center}.hero__body{grid-row:3}.hero h1{font-size:var(--fs-hero);line-height:1.12;letter-spacing:0;max-width:none;text-transform:lowercase}.hero__typed{display:flex;flex-direction:column;align-items:flex-start;gap:.12em}.hero__typed-line{display:block}@media (prefers-reduced-motion:no-preference){.hero__typed--static{display:none}}@media (prefers-reduced-motion:reduce){.hero__typed--animated{display:none}}.hero__typed-word{display:inline-block;position:relative;vertical-align:bottom;white-space:nowrap}.hero__typed-measure{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.hero__typed-text{position:absolute;left:0;top:0;white-space:nowrap}.hero__typed-caret{display:inline-block;width:.58em;height:.92em;margin-left:.02em;vertical-align:-.06em;background:var(--accent-strong);animation:typedCaretBlink 1s step-end infinite}@keyframes typedCaretBlink{0%,to{opacity:1}50%{opacity:0}}.hero__lead-block{display:grid;gap:var(--sp-3);max-width:46ch}.hero__lead-headline{margin:0;font-weight:600;color:var(--ink)}.hero__lead,.hero__lead-headline{font-size:var(--fs-lead);line-height:1.5}.hero__lead{margin-top:0;padding:0;list-style:none;color:var(--ink-2);max-width:46ch;display:grid;gap:var(--sp-3)}.hero__lead li{position:relative;padding-left:1.65em}.hero__lead li:before{content:"//";position:absolute;left:0;color:var(--accent-strong);font-weight:600;letter-spacing:0}.hero__cta{margin-top:var(--sp-8);display:flex;flex-wrap:wrap;gap:var(--sp-3)}.hero__showcase .phone__frame{box-shadow:inset 0 1px 0 oklch(100% 0 0/.14),0 0 0 1px oklch(100% 0 0/.06)}.spark-preview-trio-wrap{container-type:inline-size;container-name:spark-preview;position:relative;width:100%}.spark-preview-trio-wrap--loading{min-height:clamp(22rem,18rem + 12vw,28rem)}.spark-preview-trio__study{margin:0 0 var(--sp-4);text-align:center;font-family:var(--font-mono);font-size:var(--fs-label);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.spark-preview-trio{--spark-preview-phone-width:272px;display:flex;flex-wrap:nowrap;align-items:flex-start;gap:1.5rem;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:clamp(.25rem,1.5vw,1rem);padding-bottom:.25rem}.spark-preview-trio::-webkit-scrollbar{display:none}.spark-preview-trio__item{margin:0;display:flex;flex-direction:column;align-items:center;gap:.65rem;width:var(--spark-preview-phone-width);flex:0 0 var(--spark-preview-phone-width);scroll-snap-align:start;scroll-snap-stop:always}@container spark-preview (max-width: 599px){.spark-preview-trio{padding-inline:calc(50% - var(--spark-preview-phone-width) / 2)}.spark-preview-trio__item{scroll-snap-align:center}}@media (min-width:1120px){.spark-preview-trio{overflow-x:visible;justify-content:center}.spark-preview-trio__item{scroll-snap-align:none;scroll-snap-stop:normal}}.hero__showcase .spark-preview-trio .phone{--phone-width:var(--spark-preview-phone-width);--spark-text-scale:0.72;--spark-ui-scale:0.88;width:var(--spark-preview-phone-width);max-width:var(--spark-preview-phone-width)}.spark-preview-trio__label{margin:0;max-width:var(--spark-preview-phone-width);text-align:center;font-family:var(--font-mono);font-size:var(--fs-label);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.footer{border-top:1px solid var(--line);padding-block:var(--sp-12)}.footer__legal{margin-top:0;font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:.04em;color:var(--ink-3)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease-out-expo),transform .7s var(--ease-out-expo);transition-delay:var(--reveal-delay,0s)}.reveal[data-in=true]{opacity:1;transform:none}@media (scripting:none){.reveal{opacity:1;transform:none}}@media (max-width:960px){.hero__layout{row-gap:var(--sp-8)}}@media (max-width:720px){.nav__links{gap:var(--sp-4)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero__typed-caret{animation:none;opacity:1}*{transition-duration:.01ms!important}}.design{padding-block:clamp(4rem,10vw,7rem) 5rem}.design__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:clamp(2rem,5vw,4rem);align-items:start}@media (max-width:900px){.design__grid{grid-template-columns:minmax(0,1fr)}}.design__col{display:grid;gap:2.5rem;min-width:0}.design__eyebrow{margin:0 0 .5rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.design__title{margin:0 0 .75rem;font-size:clamp(1.9rem,4.2vw,2.75rem);line-height:1.1;letter-spacing:-.02em}.design__lede{margin:0;max-width:52ch;color:var(--ink-2);line-height:1.6}.design__questions{list-style:none;margin:0;padding:0;display:grid;gap:2rem}.design__q-title{display:flex;align-items:baseline;gap:.6rem;margin:0 0 .85rem;font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.design__q-num{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;flex:none;border-radius:999px;background:var(--accent-tint);color:var(--accent-strong);font-size:.78rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.design__chips{display:flex;flex-wrap:wrap;gap:.5rem}.design__chips--stack{flex-direction:column;align-items:flex-start}.design__chip{border:1px solid var(--line,oklch(88% .01 90));background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:.45rem .9rem;font:inherit;font-size:.9rem;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease;text-align:left}.design__chip:hover{border-color:var(--accent);color:var(--ink)}.design__chip[data-active=true]{background:var(--accent-tint);border-color:var(--accent-strong);color:var(--accent-strong);font-weight:600}.design__input{margin-top:.6rem;width:min(100%,26rem);border:1px solid var(--line,oklch(88% .01 90));border-radius:8px;background:var(--paper);color:inherit;padding:.5rem .7rem;font:inherit;font-size:.95rem}.design__slider-row{display:flex;align-items:center;gap:1rem}.design__slider-row input[type=range]{flex:1 1;min-width:0;max-width:22rem;accent-color:var(--accent)}.design__slider-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent-strong);white-space:nowrap}.design__review{border-top:1px solid var(--line,oklch(88% .01 90));padding-top:1.5rem}.design__review-title{margin:0 0 .75rem;font-size:1.05rem;font-weight:600}.design__review-sub{margin:1.25rem 0 .5rem;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.design__summary,.design__warnings{margin:0;padding-left:1.1rem;display:grid;gap:.4rem;color:var(--ink-2);line-height:1.55;max-width:58ch}.design__warnings li{color:var(--ink-2)}.design__warnings li::marker{color:var(--accent-strong)}.design__cta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;border-top:1px solid var(--line,oklch(88% .01 90));padding-top:1.5rem}.design__cta-primary{background:var(--accent);color:var(--paper);border-radius:999px;padding:.65rem 1.3rem;font-weight:600;text-decoration:none}.design__cta-primary:hover{background:var(--accent-strong)}.design__cta-ghost{border:1px solid var(--line,oklch(88% .01 90));border-radius:999px;padding:.65rem 1.2rem;color:var(--ink-2);text-decoration:none}.design__cta-ghost:hover{border-color:var(--accent);color:var(--ink)}.design__cta-note{flex-basis:100%;margin:0;font-size:.82rem;color:var(--ink-3)}.design__phone-col{min-width:0}.design__phone-sticky{position:sticky;top:5.5rem;display:grid;justify-items:center;gap:.75rem}.design__screen-tabs{display:flex;gap:.4rem}.design__screen-tab{border:1px solid var(--line,oklch(88% .01 90));background:transparent;color:var(--ink-3);border-radius:999px;padding:.25rem .75rem;font:inherit;font-size:.8rem;cursor:pointer}.design__screen-tab[data-active=true]{border-color:var(--accent-strong);color:var(--accent-strong)}.design__pager{display:flex;align-items:center;gap:.6rem}.design__pager-btn{border:1px solid var(--line,oklch(88% .01 90));background:transparent;color:var(--ink-2);border-radius:6px;min-width:1.9rem;padding:.15rem .5rem;font:inherit;cursor:pointer}.design__pager-btn:disabled{opacity:.4;cursor:default}.design__pager-label{font-size:.8rem;color:var(--ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.design__phone-note{margin:0;max-width:22rem;text-align:center;font-size:.78rem;color:var(--ink-3)}