@layer tokens,reset,base,utilities,mockup;@layer tokens{:root{color-scheme:dark;--color-bg: #41798c;--color-pine: #245d52;--color-bg-soft: color-mix(in oklab, var(--color-bg) 94%, var(--color-ink));--color-bg-lift: color-mix(in oklab, var(--color-paper) 6%, var(--color-bg));--color-text: #f2ede4;--color-text-muted: #c5d2d8;--color-rule: color-mix(in oklab, var(--color-text) 24%, transparent);--color-accent: #c7472a;--color-paper: #f2ede4;--color-ink: #07181f;--color-ink-muted: color-mix(in oklab, var(--color-ink) 62%, transparent);--color-scrim: color-mix(in oklab, var(--color-ink) 74%, transparent);--font-sans: "Geist", "Arial Narrow", "Aptos Narrow", "Inter Tight", "Helvetica Neue", Arial, system-ui, sans-serif;--font-body: "Geist", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tracking-display: -.045em;--tracking-label: .1em;--step--1: clamp(.78rem, .74rem + .18vw, .9rem);--step-0: clamp(.95rem, .9rem + .22vw, 1.08rem);--step-1: clamp(1.16rem, 1.02rem + .62vw, 1.5rem);--step-2: clamp(1.6rem, 1.18rem + 1.9vw, 2.75rem);--step-3: clamp(2.2rem, 1.35rem + 3.8vw, 5rem);--step-4: clamp(3rem, 1.5rem + 7vw, 10rem);--step-5: clamp(4.2rem, 1.6rem + 12vw, 15rem);--space-2xs: clamp(.38rem, .34rem + .18vw, .5rem);--space-xs: clamp(.65rem, .56rem + .42vw, .95rem);--space-s: clamp(1rem, .86rem + .62vw, 1.45rem);--space-m: clamp(1.5rem, 1.14rem + 1.6vw, 2.5rem);--space-l: clamp(2.2rem, 1.45rem + 3.4vw, 4.5rem);--space-xl: clamp(4rem, 2.3rem + 7.4vw, 9rem);--space-2xl: clamp(5.5rem, 3rem + 11vw, 14rem);--section-space: clamp(5rem, 9vw, 10rem);--gutter: clamp(1.25rem, 4vw, 4.5rem);--max-site: 100rem;--max-text: 58ch;--radius-xs: .25rem;--radius-s: .5rem;--radius-pill: 999rem;--shadow-dialog: 0 1.5rem 4rem color-mix(in oklab, var(--color-ink) 35%, transparent);--duration-fast: .16s;--duration-med: .26s;--ease-standard: cubic-bezier(.2, .7, .2, 1);--z-header: 40;--z-dialog: 80}}@layer reset{*,*:before,*:after{box-sizing:border-box}html{block-size:100%;overflow-x:clip;scroll-behavior:smooth}body{min-block-size:100%;margin:0}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0}img,svg{display:block;max-inline-size:100%}button,input,textarea{font:inherit}button{border:0}}@layer utilities{.wrap{inline-size:min(100%,var(--max-site));margin-inline:auto;padding-inline:var(--gutter)}.display{font-family:var(--font-sans);font-weight:800;letter-spacing:var(--tracking-display);line-height:.84;text-transform:uppercase;text-wrap:balance}.label{color:var(--color-text-muted);font-family:var(--secondary);font-size:var(--step--1);letter-spacing:var(--tracking-label);line-height:1.2;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-block-size:3.5rem;padding:1rem 1.35rem;border:1px solid transparent;background:var(--color-accent);color:var(--color-paper);font-family:var(--secondary);font-size:.76rem;font-weight:600;letter-spacing:var(--tracking-label);line-height:1;text-transform:uppercase;transition:background var(--duration-med) var(--ease-standard),color var(--duration-med) var(--ease-standard),border-color var(--duration-med) var(--ease-standard);&:after{content:"->";display:grid;place-items:center;inline-size:1.45rem;block-size:1.45rem;border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-accent);letter-spacing:0;transition:transform var(--duration-med) var(--ease-standard),background var(--duration-med) var(--ease-standard),color var(--duration-med) var(--ease-standard)}&:hover{background:var(--color-text);color:var(--color-bg);&:after{transform:translate(.2rem);background:var(--color-bg);color:var(--color-text)}}}.button[data-variant=paper]{background:var(--color-paper);color:var(--color-ink);&:after{background:var(--color-ink);color:var(--color-paper)}&:hover{background:var(--color-ink);color:var(--color-paper);&:after{background:var(--color-paper);color:var(--color-ink)}}}.button[data-variant=ghost]{border-color:currentColor;background:transparent;color:var(--color-text);&:after{border:1px solid currentColor;background:transparent;color:inherit}}}@layer mockup{:root{--bg: var(--color-bg);--fg: var(--color-text);--muted: var(--color-text-muted);--rule: var(--color-rule);--accent: var(--color-accent);--paper: var(--color-paper);--ink: var(--color-ink);--sans: var(--font-body);--secondary: "Hanken Grotesk", ui-monospace, monospace;--display: var(--sans);--display-italic: normal;--display-tracking: -.05em;--display-weight: 800;--display-stretch: condensed;--arrow-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.75 18.25 18.25 5.75M9.25 5.75h9v9' fill='none' stroke='black' stroke-width='2.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--maxw: var(--max-site);--gut: var(--gutter)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);transition:background .32s ease,color .32s ease}body:before{content:"";position:fixed;inset:0;z-index:200;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");transition:opacity .32s ease}.display,.hero-headline h1,.diff-statement h2,.founder h1,.split h3,.process-head h2,.step-row .num,.step-row h3,.infra-callout .big,.partnership h2,.faq-head h2,.ctaband h2{font-family:var(--display);font-stretch:var(--display-stretch);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:.86;text-transform:uppercase}.it,em{font-style:italic;font-weight:500}.mono{color:var(--muted);font-family:var(--secondary);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.mono.accent{color:var(--paper)}.btn{--btn-shadow-color: color-mix(in oklab, var(--ink) 24%, transparent);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:18px;overflow:hidden;min-height:60px;padding:17px 22px 17px 28px;border:1px solid transparent;font-family:var(--secondary);font-size:12px;font-weight:500;letter-spacing:.1em;line-height:1;text-transform:uppercase;white-space:nowrap;transform:translateY(0) scale(1);box-shadow:0 0 0 var(--btn-shadow-color);transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1),background-color .28s ease,border-color .28s ease,color .28s ease;will-change:transform}.arrow{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;overflow:hidden;width:28px;height:32px;border-radius:0;font-size:0;letter-spacing:0;line-height:1;transform:translateZ(0) rotate(0) scale(1);box-shadow:none;transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,background-color .28s ease,border-color .28s ease,color .28s ease}.arrow:before,.arrow:after{content:"";position:absolute;inset:0;background:currentColor;-webkit-mask:var(--arrow-icon) center / 23px 23px no-repeat;mask:var(--arrow-icon) center / 23px 23px no-repeat;transition:transform .46s cubic-bezier(.16,1,.3,1)}.arrow:before{transform:translate(0)}.arrow:after{transform:translate(-105%,105%)}.btn:is(:hover,:focus-visible){box-shadow:0 10px 24px -10px var(--btn-shadow-color)}:is(a,button):is(:hover,:focus-visible) .arrow{transform:translate3d(2px,-1px,0)}:is(a,button):is(:hover,:focus-visible) .arrow:before{transform:translate(105%,-105%)}:is(a,button):is(:hover,:focus-visible) .arrow:after{transform:translate(0)}.btn:active{transform:translateY(0) scale(.985);box-shadow:0 2px 7px -4px var(--btn-shadow-color);transition-duration:90ms}.btn-primary{background:var(--accent);color:var(--paper)}.btn-primary .arrow{background:transparent;color:currentColor}.btn-primary:is(:hover,:focus-visible){background:var(--fg);color:var(--bg)}.btn-primary:is(:hover,:focus-visible) .arrow{background:transparent;color:currentColor}.btn-ghost{border-color:var(--fg);color:var(--fg)}.btn-ghost .arrow{border:0}.btn-ghost:is(:hover,:focus-visible){background:var(--fg);color:var(--bg)}.btn:focus-visible{outline:2px solid var(--paper);outline-offset:4px}@media(hover:none){.btn:hover:not(:focus-visible){transform:none;box-shadow:none}:is(a,button):hover:not(:focus-visible) .arrow,:is(a,button):hover:not(:focus-visible) .arrow:before,:is(a,button):hover:not(:focus-visible) .arrow:after{transform:none}:is(a,button):hover:not(:focus-visible) .arrow:after{transform:translate(-105%,105%)}.btn-primary:hover:not(:focus-visible){background:var(--accent);color:var(--paper)}.btn-primary:hover:not(:focus-visible) .arrow{background:transparent;color:currentColor}.btn-ghost:hover:not(:focus-visible){background:transparent;color:var(--fg)}}.hero{min-block-size:min(52rem,100svh);padding:7.5rem 0 3rem;background:#0a0e12}.hero-headline{padding-inline:var(--gut);margin-top:clamp(2.5rem,6vw,4.5rem)}.hero-headline h1{margin:0;font-size:clamp(3rem,10vw,11.25rem);line-height:.82;text-align:center}.hero-break--mobile{display:none}.hero-foot{margin-top:clamp(2rem,5vw,3rem);padding-inline:var(--gut)}.hero-foot .ctas{display:flex;flex-wrap:nowrap;justify-content:center;gap:12px}.ticker{overflow:hidden;padding:22px 0;border-block:1px solid color-mix(in oklab,var(--fg) 24%,transparent);background:color-mix(in oklab,var(--fg) 4%,var(--bg))}.ticker-track{display:flex;width:max-content;gap:clamp(3rem,5vw,5rem);white-space:nowrap;animation:ticker 70s linear infinite}.ticker-item{display:inline-flex;align-items:center;gap:22px;color:var(--fg);font-family:var(--secondary);font-size:13px;letter-spacing:.18em;text-transform:uppercase}@keyframes ticker{to{transform:translate(-50%)}}.diff{padding-top:var(--section-space)}.live-demo{padding-block:clamp(5.5rem,9vw,9rem)}.founder{padding-block:var(--section-space)}.process{padding-block:clamp(5.5rem,10vw,11rem)}.faq{padding-block:clamp(5rem,9vw,9rem)}.live-demo{border-bottom:1px solid rgba(255,255,255,.08);background:#0a0e12;color:var(--fg)}.live-demo__inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,6vw,88px);align-items:start;inline-size:min(100%,var(--maxw));margin-inline:auto;padding-inline:var(--gut)}.live-demo__copy{min-inline-size:0}.live-demo h2{max-width:12ch;margin:0 0 1.5rem;color:var(--fg);font-family:var(--sans);font-size:clamp(40px,6vw,92px);font-weight:800;letter-spacing:0;line-height:.95}.live-demo p{margin:0;color:color-mix(in oklab,var(--fg) 86%,transparent);font-size:clamp(15px,1.2vw,18px);line-height:1.55}.live-demo__link{display:inline-flex;align-items:center;gap:10px;margin-block:clamp(24px,4vw,38px);color:var(--fg);font-family:var(--secondary);font-size:12px;font-weight:500;letter-spacing:.1em;line-height:1;text-transform:uppercase;transition:color .18s ease}.live-demo__link:hover{color:var(--muted)}.live-demo__link span{letter-spacing:0}.brand-slider__label{margin-top:clamp(42px,7vw,96px)!important;color:var(--muted)!important;font-family:var(--secondary);font-size:11px!important;letter-spacing:.1em;line-height:1.2!important;text-transform:uppercase}.brand-slider{overflow:hidden;inline-size:100%;margin-top:16px;padding-block:16px;border-block:1px solid color-mix(in oklab,var(--fg) 10%,transparent);color:var(--fg);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.brand-slider__track{display:flex;inline-size:max-content;animation:brand-loop 38s linear infinite}.brand-slider__item{display:grid;place-items:center;flex:0 0 clamp(8rem,14vw,12rem);inline-size:clamp(8rem,14vw,12rem);min-inline-size:0;padding-inline:clamp(18px,2.4vw,34px)}.brand-slider__item img{display:block;inline-size:auto;max-inline-size:min(10rem,80%);block-size:2.1rem;object-fit:contain;filter:brightness(0) invert(1);opacity:.5}.brand-slider__item--compact img{max-inline-size:5.6rem}.brand-slider__item--square img{block-size:2.45rem;max-inline-size:4.6rem}@keyframes brand-loop{to{transform:translate(-50%)}}.live-demo__toc-label{color:var(--muted)!important;font-family:var(--secondary);font-size:11px!important;letter-spacing:.1em;line-height:1.2!important;text-transform:uppercase}.live-demo__toc ol{display:grid;gap:clamp(14px,1.8vw,22px);margin:clamp(22px,3vw,34px) 0 0;padding:0;list-style:none}.live-demo__toc li{padding-top:clamp(14px,1.8vw,20px);border-top:1px solid color-mix(in oklab,var(--fg) 16%,transparent)}.live-demo__toc li p{max-width:none}.live-demo__toc-link{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(30px,4vw,48px);color:var(--fg);font-family:var(--secondary);font-size:12px;font-weight:500;letter-spacing:.1em;line-height:1;text-transform:uppercase;transition:color .18s ease}.live-demo__toc-link:hover{color:var(--muted)}.live-demo__toc-link span{letter-spacing:0}.diff-statement{margin-bottom:clamp(64px,8vw,120px);padding-inline:var(--gut)}.diff-statement h2{max-width:18ch;margin:0;font-size:clamp(40px,7vw,132px);line-height:.92}.split{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid color-mix(in oklab,var(--fg) 24%,transparent)}.split>div{display:flex;flex-direction:column;justify-content:space-between;min-height:460px;gap:32px;padding:clamp(40px,5vw,72px) var(--gut)}.split .other{border-right:1px solid color-mix(in oklab,var(--fg) 24%,transparent);background:color-mix(in oklab,var(--bg) 95%,var(--ink));color:color-mix(in oklab,var(--fg) 60%,var(--bg))}.split .forge{background:color-mix(in oklab,var(--fg) 6%,var(--bg))}.split .tag{display:flex;align-items:center;gap:12px;font-family:var(--secondary);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.split .marker{width:10px;height:10px}.split .other .marker{background:currentColor;opacity:.5}.split .forge .marker{background:var(--accent);transform:rotate(45deg)}.split h3{max-width:12ch;margin:0;font-size:clamp(28px,3.4vw,56px);line-height:.95}.split .other h3{text-decoration:line-through;text-decoration-color:color-mix(in oklab,currentColor 60%,transparent);text-decoration-thickness:2px}.split p{max-width:38ch;margin:20px 0 0;font-size:14.5px;line-height:1.55}.points{display:flex;flex-direction:column;gap:10px;margin:24px 0 0;padding:0}.points li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid color-mix(in oklab,currentColor 24%,transparent);font-family:var(--secondary);font-size:11.5px;letter-spacing:.06em;list-style:none}.process{border-block:1px solid color-mix(in oklab,var(--fg) 24%,transparent);background:color-mix(in oklab,var(--fg) 4%,var(--bg))}.process-head,.infra-callout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:end;padding-inline:var(--gut)}.process-head{margin-bottom:clamp(48px,7vw,96px)}.process-head h2{margin:0;font-size:clamp(48px,9vw,180px);line-height:.85}.process-head .meta{justify-self:end;max-width:36ch;font-size:14.5px;line-height:1.5}.step-row{display:grid;grid-template-columns:minmax(8rem,.38fr) minmax(12rem,.72fr) minmax(18rem,1fr);gap:clamp(24px,4vw,80px);align-items:start;padding:clamp(28px,4vw,48px) var(--gut);border-top:1px solid color-mix(in oklab,var(--fg) 24%,transparent);transition:background .32s ease}.step-row:hover{background:color-mix(in oklab,var(--fg) 6%,transparent)}.step-row:last-child{border-bottom:1px solid color-mix(in oklab,var(--fg) 24%,transparent)}.step-row .num{color:var(--fg);font-size:clamp(60px,9vw,168px);letter-spacing:-.04em}.step-row h3{margin:8px 0 0;font-size:clamp(28px,3.4vw,52px);line-height:.95}.step-row .body{max-width:50ch;padding-top:16px;font-size:15px;line-height:1.55}.step-row .body .label{display:block;margin-bottom:12px;color:var(--muted);font-family:var(--secondary);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.step-row .body p{margin:0 0 12px}.deliverables{display:flex;flex-wrap:wrap;gap:.4rem 0;margin-top:1rem}.deliverables span{display:inline-flex;align-items:center;font-family:var(--secondary);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}.deliverables span+span:before{content:"/";margin-inline:.65rem;color:var(--accent)}.infra-callout{margin-top:clamp(48px,6vw,80px)}.infra-callout .big{margin:0;font-size:clamp(36px,5vw,80px);line-height:.95}.infra-callout .accent,.partnership h2 .accent{color:var(--accent)}.infra-callout p{max-width:48ch;margin:0 0 14px;font-size:15px;line-height:1.55}.pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;margin-top:1.75rem}.pills span{padding-block:.65rem;border-block-start:1px solid color-mix(in oklab,var(--fg) 24%,transparent);font-family:var(--secondary);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.pills span:before{content:"+";margin-inline-end:.6rem;color:var(--accent)}.pills .out{color:color-mix(in oklab,var(--fg) 50%,var(--bg));text-decoration:line-through}.pills .out:before{content:"-";color:currentColor}.partnership{position:relative;overflow:hidden;padding:clamp(120px,16vw,240px) 0;text-align:center;background:#0a0e12}.partnership h2{max-width:14ch;margin:0 auto;font-size:clamp(36px,11vw,200px)}.partnership .lines{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(32px,6vw,96px);margin-top:clamp(48px,6vw,80px);padding-inline:var(--gut)}.partnership .lines div{display:flex;align-items:center;gap:10px;font-family:var(--secondary);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.partnership .lines div:before{content:"";width:8px;height:8px;background:var(--accent);transform:rotate(45deg)}.founder{min-height:100svh;padding-top:clamp(140px,16vw,220px)}.founder__meta{display:flex;justify-content:space-between;gap:24px;margin-bottom:clamp(48px,7vw,92px);padding-inline:var(--gut)}.founder__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.48fr);gap:clamp(36px,7vw,120px);align-items:end;padding-inline:var(--gut)}.founder h1{max-width:8ch;margin:0 0 clamp(28px,4vw,48px);font-size:clamp(72px,13vw,220px)}.founder__copy p{max-width:58ch;margin:0;font-size:clamp(18px,1.8vw,26px);line-height:1.25}.founder__copy p+p{margin-top:1.15rem;color:color-mix(in oklab,var(--fg) 84%,transparent);font-size:clamp(15px,1.15vw,18px);line-height:1.55}p.founder__lede{color:var(--fg);max-width:40ch}.founder__portrait{margin:0}.founder__photo{display:grid;place-items:end start;aspect-ratio:4 / 5;border:1px solid color-mix(in oklab,var(--fg) 24%,transparent);border-radius:8px;overflow:hidden;padding:24px;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 68%,var(--ink)),transparent 62%),linear-gradient(0deg,color-mix(in oklab,var(--ink) 58%,transparent),transparent 48%),color-mix(in oklab,var(--fg) 10%,var(--bg))}.founder__photo img{inline-size:100%;block-size:auto;border-radius:8px}.founder__photo span{color:var(--paper);font-family:var(--secondary);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.founder__portrait figcaption{margin-top:14px;color:var(--muted);font-family:var(--secondary);font-size:11px;letter-spacing:.1em;line-height:1.5;text-transform:uppercase}.faq{border-top:1px solid color-mix(in oklab,var(--fg) 24%,transparent)}.faq-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:clamp(48px,7vw,96px);padding-inline:var(--gut)}.faq-head h2{margin:0;font-size:clamp(56px,10vw,200px)}.faq-head a{color:var(--color-ink);text-decoration:underline}.faq-head .meta{justify-self:end;max-width:32ch;font-size:14.5px;line-height:1.5}.faq-list{border-top:1px solid color-mix(in oklab,var(--fg) 24%,transparent)}.faq-item{border-bottom:1px solid color-mix(in oklab,var(--fg) 24%,transparent)}.faq-item summary{display:grid;grid-template-columns:80px 1fr 56px;gap:24px;align-items:center;width:100%;padding:clamp(20px,3vw,40px) var(--gut);color:var(--fg);cursor:pointer;text-align:left;list-style:none;-webkit-tap-highlight-color:transparent;transition:background .24s ease,color .24s ease,outline-color .24s ease}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{background:var(--accent);color:var(--paper)}@media(hover:hover){.faq-item summary:hover{background:var(--accent);color:var(--paper)}}.faq-item summary:focus-visible{outline:1px solid color-mix(in oklab,var(--paper) 70%,transparent);outline-offset:-8px}.faq__num{color:var(--muted);font-family:var(--secondary);font-size:12px;letter-spacing:.1em}.faq__question{font-size:clamp(22px,3vw,44px);line-height:.98}.faq__toggle{display:grid;place-items:center;position:relative;justify-self:end;width:36px;height:36px;border:1px solid currentColor;border-radius:999px;font-size:0;transition:transform .24s ease}.faq__toggle:before,.faq__toggle:after{content:"";position:absolute;inset:50% auto auto 50%;width:12px;height:2px;background:currentColor;transform:translate(-50%,-50%)}.faq__toggle:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-item[open] summary{background:color-mix(in oklab,var(--fg) 6%,var(--bg))}details[open] .faq__toggle{background:var(--fg);color:var(--bg);transform:rotate(45deg)}.faq__answer{padding:24px var(--gut) clamp(28px,4vw,48px) calc(var(--gut) + 104px)}.faq__answer p{max-width:60ch;color:color-mix(in oklab,var(--fg) 85%,transparent);font-size:16px;line-height:1.6}.ctaband{position:relative;overflow:hidden;padding:clamp(80px,12vw,200px) 0 clamp(60px,8vw,120px);background:var(--accent);color:var(--paper)}.ctaband .corner{position:absolute;top:24px;left:var(--gut);opacity:.7;font-family:var(--secondary);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.ctaband .corner.r{right:var(--gut);left:auto}.ctaband-inner{padding-inline:var(--gut)}.ctaband h2{max-width:14ch;margin:0 0 48px;font-size:clamp(64px,13vw,240px);line-height:.84}.ctaband .row{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;padding-top:32px;border-top:1px solid color-mix(in oklab,var(--paper) 30%,transparent)}.ctaband .meta{max-width:44ch;font-family:var(--secondary);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.ctaband .btn-primary{background:var(--paper);color:var(--ink)}.ctaband .btn-primary .arrow{background:transparent;color:currentColor}.ctaband .btn-primary:is(:hover,:focus-visible){background:var(--ink);color:var(--paper)}.ctaband .btn-primary:is(:hover,:focus-visible) .arrow{background:transparent;color:currentColor}@media(hover:none){.ctaband .btn-primary:hover:not(:focus-visible){background:var(--paper);color:var(--ink)}.ctaband .btn-primary:hover:not(:focus-visible) .arrow{background:transparent;color:currentColor}}footer{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;min-height:0;padding:clamp(56px,7vw,96px) 0 28px;background:var(--ink);color:var(--paper)}footer:before{content:"";order:2;display:block;inline-size:calc(100% - (var(--gut) * 2));aspect-ratio:2500 / 740;margin:clamp(56px,6vw,96px) var(--gut) clamp(24px,3vw,44px);z-index:0;background:color-mix(in oklab,var(--paper) 20%,var(--bg));opacity:.4;pointer-events:none;mask:url(/forge-wordmark-crop.svg) center / contain no-repeat;-webkit-mask:url(/forge-wordmark-crop.svg) center / contain no-repeat}.foot-grid{position:relative;order:1;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(150px,auto)) minmax(230px,auto);gap:clamp(24px,4vw,72px);align-items:start;margin-top:0;padding-inline:var(--gut);padding-bottom:clamp(28px,4vw,48px);border-bottom:1px solid color-mix(in oklab,var(--paper) 16%,transparent)}.foot-grid p{max-width:34ch;margin:0;color:color-mix(in oklab,var(--paper) 70%,transparent);font-size:14px;line-height:1.55}.foot-grid>div:not(:first-child){min-height:100%;padding-left:clamp(18px,2.4vw,34px);border-left:1px solid color-mix(in oklab,var(--paper) 14%,transparent)}.foot-grid h4{margin:0 0 18px;color:color-mix(in oklab,var(--paper) 50%,transparent);font-family:var(--secondary);font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.foot-grid ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.foot-grid li{font-size:14px;line-height:1.25}.foot-grid a{color:color-mix(in oklab,var(--paper) 86%,transparent);transition:color .18s ease}.foot-grid a:hover{color:var(--accent)}.foot-bottom{position:relative;order:3;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;margin:0 var(--gut);padding:1.125rem 0 0;border-top:1px solid color-mix(in oklab,var(--paper) 22%,transparent);color:color-mix(in oklab,var(--paper) 60%,transparent);font-family:var(--secondary);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.foot-legal{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.foot-bottom>:last-child{justify-self:end}.foot-legal a{text-decoration:underline;text-underline-offset:.25em;transition:color .18s ease}.foot-legal a:hover{color:var(--paper)}.field-notes,.field-note{min-height:100svh;padding-top:clamp(140px,16vw,220px)}.field-notes__meta,.field-note__meta{display:flex;justify-content:space-between;gap:24px;margin-bottom:clamp(48px,7vw,92px);padding-inline:var(--gut)}.field-notes__hero,.field-note__intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr);gap:clamp(36px,7vw,120px);align-items:end;padding-inline:var(--gut)}.field-notes__hero h1,.field-note__intro h1{margin:0;font-family:var(--display);font-stretch:var(--display-stretch);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:.88;text-transform:uppercase}.field-notes__hero h1{max-width:18ch;font-size:clamp(56px,9vw,72px)}.field-note__intro h1{max-width:28ch;font-size:clamp(48px,7.2vw,64px)}.field-notes__hero p,.field-note__intro>p:last-child{margin:0;color:color-mix(in oklab,var(--fg) 86%,transparent);font-size:clamp(16px,1.35vw,20px);line-height:1.45}.field-note__kicker{grid-column:1 / -1;margin:0 0 calc(var(--gut) * -.45);color:var(--muted);font-family:var(--secondary);font-size:11px;letter-spacing:.1em;line-height:1.5;text-transform:uppercase}.field-notes__list{margin-top:clamp(64px,9vw,132px);border-top:1px solid color-mix(in oklab,var(--fg) 24%,transparent)}.field-notes__item{display:grid;grid-template-columns:minmax(90px,.16fr) minmax(0,1fr) auto;gap:clamp(20px,4vw,72px);align-items:start;padding:clamp(28px,4vw,52px) var(--gut);border-bottom:1px solid color-mix(in oklab,var(--fg) 24%,transparent);transition:background .24s ease}.field-notes__item:hover{background:color-mix(in oklab,var(--fg) 5%,transparent)}.field-notes__num,.field-notes__details,.field-notes__read,.field-note__links,.field-note__links span{color:var(--muted);font-family:var(--secondary);font-size:11px;letter-spacing:.1em;line-height:1.4;text-transform:uppercase}.field-notes__details{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:18px}.field-notes__copy h2{max-width:28ch;margin:0;font-family:var(--display);font-stretch:var(--display-stretch);font-weight:var(--display-weight);font-size:clamp(28px,3.8vw,40px);letter-spacing:var(--display-tracking);line-height:.95;text-transform:uppercase}.field-notes__copy h2 a{transition:color .18s ease}.field-notes__copy h2 a:hover,.field-notes__read:hover,.field-note__links a:hover{color:var(--accent)}.field-notes__copy p{max-width:84ch;margin:18px 0 0;color:color-mix(in oklab,var(--fg) 82%,transparent);font-size:15.5px;line-height:1.6}.field-notes__read{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;transition:color .18s ease}.field-notes__read span{letter-spacing:0}.field-note__body{inline-size:min(100% - (var(--gut) * 2),760px);margin:clamp(64px,8vw,120px) auto 0;padding-block:clamp(40px,6vw,76px);border-block:1px solid color-mix(in oklab,var(--fg) 24%,transparent)}.field-note__body>*{margin-inline:0}.field-note__body h2,.field-note__body h3{font-family:var(--display);font-stretch:var(--display-stretch);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:.95;text-transform:uppercase;text-wrap:balance}.field-note__body h2{margin:clamp(56px,7vw,88px) 0 18px;font-size:clamp(34px,4.2vw,64px)}.field-note__body h3{margin:clamp(40px,5vw,64px) 0 14px;font-size:clamp(24px,2.5vw,38px)}.field-note__body p,.field-note__body li{color:color-mix(in oklab,var(--fg) 86%,transparent);font-size:clamp(17px,1.25vw,19px);line-height:1.7}.field-note__body p{margin:0 0 1.2rem}.field-note__body ul,.field-note__body ol{display:grid;gap:.55rem;margin:1.5rem 0;padding-left:1.35rem}.field-note__body li::marker{color:var(--accent)}.field-note__body a{color:var(--paper);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--accent) 80%,transparent);text-underline-offset:.18em}.field-note__body blockquote{margin:clamp(32px,5vw,56px) 0;padding:24px 0 24px clamp(20px,3vw,34px);border-left:4px solid var(--accent);color:var(--paper)}.field-note__body blockquote p{margin:0;color:inherit;font-size:clamp(20px,2vw,28px);line-height:1.35}.field-note__body code{padding:.1em .35em;background:color-mix(in oklab,var(--ink) 28%,transparent);color:var(--paper);font-family:var(--secondary);font-size:.9em}.field-note__body pre{overflow-x:auto;margin:1.8rem 0;padding:1.25rem;border:1px solid color-mix(in oklab,var(--fg) 18%,transparent);background:color-mix(in oklab,var(--ink) 42%,transparent)}.field-note__body pre code{padding:0;background:transparent}.field-note__links{inline-size:min(100% - (var(--gut) * 2),760px);display:flex;justify-content:space-between;gap:clamp(18px,4vw,48px);margin:clamp(28px,5vw,56px) auto clamp(56px,8vw,112px);padding-top:clamp(18px,3vw,28px);border-top:1px solid color-mix(in oklab,var(--fg) 20%,transparent)}.field-note__links>div{display:flex;justify-content:flex-end;gap:clamp(18px,4vw,48px);text-align:right}.field-note__links a{display:grid;gap:6px;max-width:24ch;color:inherit;transition:color .18s ease}.field-note__links>div a+a{padding-left:clamp(22px,4vw,56px);border-left:1px solid color-mix(in oklab,var(--fg) 18%,transparent)}@media(max-width:880px){.split,.process-head,.infra-callout,.faq-head,.founder__grid,.ctaband .row{grid-template-columns:1fr}.hero-foot .ctas{justify-content:center}.process-head .meta,.faq-head .meta{justify-self:start}.founder__meta{flex-direction:column}.split .other{border-right:0;border-bottom:1px solid color-mix(in oklab,var(--fg) 24%,transparent)}.foot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.foot-grid>div:first-child{grid-column:1 / -1}.foot-bottom{grid-template-columns:1fr;align-items:flex-start;gap:.75rem}.foot-legal{justify-content:flex-start}.foot-bottom>:last-child{justify-self:start}.field-notes__hero,.field-note__intro,.field-notes__item{grid-template-columns:1fr}.field-note__links,.field-note__links>div{flex-direction:column;align-items:flex-start;text-align:left}.field-notes__meta,.field-note__meta{flex-direction:column}.field-note__kicker{margin-bottom:0}.field-notes__read{justify-self:start}.field-note__links>div a+a{padding-left:0;border-left:0}.hero{min-block-size:auto;padding:clamp(7.25rem,17vw,9rem) 0 clamp(3.5rem,8vw,4.5rem)}.hero-headline{margin-top:0}.hero-headline h1{font-size:clamp(2rem,17.5vw,5.6rem);line-height:.86;text-align:start}.hero-break--mobile{display:block}.hero-break--desktop{display:none}.hero-foot{margin-top:clamp(2.25rem,7vw,3.5rem)}.split>div{min-height:0}.step-row{grid-template-columns:minmax(5rem,.25fr) minmax(0,1fr);gap:1.5rem}.step-row .body{grid-column:2}.live-demo__inner{grid-template-columns:1fr}.live-demo__toc{padding-top:0}.brand-slider__label{margin-top:clamp(2.5rem,8vw,4rem)!important}}@media(max-width:44rem){:root{--gutter: clamp(1.125rem, 5.5vw, 1.5rem)}.live-demo{padding-block:clamp(4.75rem,18vw,6rem)}.founder{padding-block:clamp(5rem,18vw,6.5rem)}.process{padding-block:clamp(5.25rem,19vw,6.75rem)}.faq{padding-block:clamp(4.75rem,18vw,6rem)}.diff-statement{margin-bottom:3.5rem}.split>div{gap:3.5rem;padding-block:2.75rem}.points li{align-items:baseline;font-size:.67rem}.step-row{grid-template-columns:4.25rem minmax(0,1fr);gap:1rem}.step-row .num{font-size:3.25rem}.step-row h3{align-self:center;margin-top:0}.step-row .body{grid-column:1 / -1;padding-top:.5rem}.pills{grid-template-columns:1fr}.partnership{padding-block:6.5rem 5.5rem;text-align:start}.partnership h2{margin-inline:0;padding-inline:var(--gut);font-size:clamp(2rem,10.5vw,4.75rem);text-wrap:balance}.partnership .lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:start;gap:1rem;margin-top:3rem}.ctaband h2{font-size:clamp(3.4rem,16vw,5.5rem)}.founder,.field-notes,.field-note{padding-top:7.5rem}.founder h1{font-size:clamp(3.75rem,20vw,5.5rem)}.field-notes__hero h1,.field-note__intro h1{font-size:clamp(2.65rem,13vw,4.25rem);hyphens:auto;overflow-wrap:break-word}.hero-foot .ctas{align-items:flex-start;flex-wrap:wrap;justify-content:flex-start}.hero-foot .ctas .btn,.site-nav__cta.btn{gap:.75rem;inline-size:auto;min-block-size:3.25rem;padding:.85rem 1rem .85rem 1.15rem;font-size:.68rem;justify-content:center}.hero-foot .ctas .arrow,.site-nav__cta .arrow{inline-size:1.5rem;block-size:1.5rem}.ctaband .btn{inline-size:100%}.faq-item summary{grid-template-columns:40px 1fr 32px;gap:12px}.faq__answer{padding-left:var(--gut)}.foot-grid{grid-template-columns:1fr}.foot-grid>div:first-child{grid-column:auto}.foot-grid>div:not(:first-child){padding-left:0;padding-top:20px;border-left:0;border-top:1px solid color-mix(in oklab,var(--paper) 14%,transparent)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}}@layer base{body{background:radial-gradient(circle at 15% 10%,color-mix(in oklab,var(--color-paper) 7%,transparent),transparent 28rem),var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::selection{background:var(--color-text);color:var(--color-bg)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;color:inherit}:focus-visible{outline:2px solid var(--color-paper);outline-offset:4px}main{isolation:isolate}section[id]{scroll-margin-block-start:7rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}}
