:root{color-scheme:dark;--ground:#121016;--raise:#1b1822;--line:#2c2835;--bone:#ede8e0;--mute:#9c95a8;--lilac:#c4b2ff;--lilac-d:#7f6bd6;--amber:#ffb547;--ok:#6fd3a0;--display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--body:"Hanken Grotesk",ui-sans-serif,system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--gut:clamp(16px,4vw,56px)}*{box-sizing:border-box}body{background:var(--ground);color:var(--bone);font:17px/1.6 var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}:focus-visible{outline:2px solid var(--lilac);outline-offset:3px}.wrap{max-width:1240px;padding-inline:var(--gut);margin:0 auto}.mono{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-size:12.5px}h1,h2,h3{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:600}h2{font-size:clamp(34px,5.4vw,68px);line-height:.98}p{margin:0}.lede{color:var(--mute);max-width:58ch;font-size:18px}nav{top:env(safe-area-inset-top,0px);z-index:20;backdrop-filter:blur(14px)saturate(1.4);background:color-mix(in oklab,var(--ground) 72%,transparent);border-bottom:1px solid var(--line);position:sticky}nav .wrap{align-items:center;gap:24px;height:62px;display:flex}.logo{font-family:var(--display);letter-spacing:-.04em;align-items:center;gap:9px;font-size:21px;font-weight:700;text-decoration:none;display:flex}.logo i{background:var(--lilac);border-radius:50% 50% 50% 0;width:14px;height:14px;display:block;transform:rotate(-45deg)}nav ul{gap:26px;margin:0 0 0 auto;padding:0;font-size:15px;list-style:none;display:flex}nav ul a{color:var(--mute);text-decoration:none}nav ul a:hover{color:var(--bone)}.btn{font:600 15px var(--body);cursor:pointer;background:var(--bone);color:var(--ground);border:0;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;text-decoration:none;transition:transform .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn.ghost{color:var(--bone);box-shadow:inset 0 0 0 1px var(--line);background:0 0}@media (width<=820px){nav ul{display:none}nav .btn{margin-left:auto}}.hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}#field{width:100%;height:100%;display:block;position:absolute;inset:0}.hero .wrap{gap:34px;padding-block:clamp(70px,11vw,150px) 56px;display:grid;position:relative}.hero h1{max-width:14ch;font-size:clamp(46px,9.2vw,138px);font-weight:500;line-height:.9}.hero h1 em{color:var(--lilac);font-style:normal;font-weight:300}.swap{color:var(--amber);font-weight:700;display:inline-block;position:relative}.hero-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px;display:flex}.ticker{font-family:var(--mono);color:var(--mute);border:1px solid var(--line);background:color-mix(in oklab,var(--ground) 70%,transparent);border-radius:10px;min-width:min(100%,360px);padding:14px 16px;font-size:13px;line-height:1.8}.ticker b{color:var(--ok);font-weight:500}section{padding-block:clamp(72px,10vw,130px)}.split{background:var(--line);border:1px solid var(--line);border-radius:22px;grid-template-columns:1fr 1fr;gap:1px;margin-top:48px;display:grid;overflow:hidden}@media (width<=860px){.split{grid-template-columns:1fr}}.svc{background:var(--ground);align-content:start;gap:22px;padding:clamp(24px,4vw,48px);transition:background .3s;display:grid;position:relative}.svc:hover{background:var(--raise)}.svc h3{font-size:clamp(28px,3.4vw,42px);line-height:1}.svc ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.svc li{border-top:1px solid var(--line);color:var(--mute);gap:12px;padding-top:10px;display:flex}.svc li span{color:var(--bone);min-width:9ch}.price{font-family:var(--display);font-size:22px}.price small{font:13px var(--mono);color:var(--mute)}.browser{border:1px solid var(--line);background:#0d0b11;border-radius:12px;overflow:hidden}.browser .bar{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:9px 12px;display:flex}.browser .bar i{background:var(--line);border-radius:50%;width:9px;height:9px}.browser .bar em{font:11px var(--mono);color:var(--mute);margin-left:10px;font-style:normal}.vitals{grid-template-columns:repeat(4,1fr);gap:8px;padding:14px;display:grid}.gauge{text-align:center;font:11px var(--mono);color:var(--mute)}.gauge svg{width:100%;max-width:64px;margin:0 auto 6px;display:block}.crm-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex}.tabs{flex-wrap:wrap;gap:6px;margin-top:40px;display:flex}.tab{font:500 14px var(--body);color:var(--mute);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:8px 16px}.tab[aria-selected=true]{background:var(--lilac);color:var(--ground);border-color:var(--lilac)}.app aside{border-right:1px solid var(--line);color:var(--mute);align-content:start;gap:4px;padding:18px 14px;font-size:14px;display:grid}.app aside b{font-family:var(--display);color:var(--bone);margin-bottom:12px;font-size:16px}.app aside div{border-radius:8px;padding:7px 10px}.app aside .on{background:var(--ground);color:var(--bone)}.pane{padding:18px;overflow:auto}.pane[hidden]{display:none}.kanban{grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px;min-width:720px;display:grid}.col h4{font:12px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin:0 0 10px;display:flex}.card{background:var(--ground);border:1px solid var(--line);cursor:grab;border-radius:10px;margin-bottom:8px;padding:11px 12px;font-size:13.5px}.card b{font-weight:600;display:block}.card small{color:var(--mute);font-family:var(--mono);font-size:11px}.chip{font:10.5px var(--mono);background:color-mix(in oklab,var(--lilac) 18%,transparent);color:var(--lilac);border-radius:99px;margin-top:6px;padding:2px 7px;display:inline-block}.chip.hot{background:color-mix(in oklab,var(--amber) 18%,transparent);color:var(--amber)}.stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.stat{background:var(--ground);border:1px solid var(--line);border-radius:10px;padding:14px}.stat strong{font:600 28px var(--display);font-variant-numeric:tabular-nums;display:block}.stat span{color:var(--mute);font-size:12.5px}.chart{background:var(--ground);border:1px solid var(--line);border-radius:10px;padding:14px}.list{gap:8px;display:grid}.row{background:var(--ground);border:1px solid var(--line);border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:10px 12px;font-size:14px;display:grid}.av{width:34px;height:34px;font:600 13px var(--display);background:var(--lilac-d);color:var(--bone);border-radius:50%;place-items:center;display:grid}.row small{color:var(--mute);font-size:12.5px;display:block}.feat{grid-template-columns:repeat(4,1fr);gap:28px;margin-top:44px;display:grid}@media (width<=860px){.feat{grid-template-columns:1fr 1fr}}.feat div{border-top:1px solid var(--line);color:var(--mute);padding-top:14px;font-size:15px}.feat b{color:var(--bone);font-family:var(--display);margin-bottom:4px;font-size:19px;font-weight:600;display:block}.work{grid-template-columns:repeat(12,1fr);gap:16px;margin-top:48px;display:grid}.proj{border:1px solid var(--line);isolation:isolate;border-radius:18px;flex-direction:column;grid-column:span 6;justify-content:end;gap:8px;min-height:320px;padding:26px;display:flex;position:relative;overflow:hidden}.proj.wide{grid-column:span 12;min-height:380px}@media (width<=760px){.proj{grid-column:span 12}}.proj canvas{z-index:-1;width:100%;height:100%;transition:transform .8s;position:absolute;inset:0}.proj:hover canvas{transform:scale(1.04)}.proj:after{content:"";z-index:-1;background:linear-gradient(to top,var(--ground) 8%,transparent 70%);position:absolute;inset:0}.proj h3{font-size:clamp(26px,3vw,40px)}.proj p{color:var(--mute);max-width:52ch}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{font:11px var(--mono);border:1px solid var(--line);color:var(--bone);background:color-mix(in oklab,var(--ground) 60%,transparent);border-radius:99px;padding:3px 9px}.steps{counter-reset:s;grid-template-columns:repeat(4,1fr);gap:0;margin-top:48px;display:grid}@media (width<=860px){.steps{grid-template-columns:1fr}}.step{border-top:1px solid var(--line);padding:24px 22px 24px 0;position:relative}.step:before{counter-increment:s;content:"Week " counter(s);font:12px var(--mono);color:var(--amber);margin-bottom:18px;display:block}.step:nth-child(4):before{content:"Every month after"}.step h3{margin-bottom:8px;font-size:24px}.step p{color:var(--mute);font-size:15px}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font:600 20px var(--display);justify-content:space-between;gap:20px;list-style:none;display:flex}summary:after{content:"+";color:var(--lilac);font-weight:300}details[open] summary:after{content:"–"}details p{color:var(--mute);max-width:70ch;margin-top:10px}.contact{grid-template-columns:1.1fr .9fr;gap:40px;margin-top:44px;display:grid}@media (width<=900px){.contact{grid-template-columns:1fr}}form{gap:14px;display:grid}.f2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=560px){.f2{grid-template-columns:1fr}}label{color:var(--mute);gap:6px;font-size:13px;display:grid}input,textarea,select{font:16px var(--body);color:var(--bone);background:var(--raise);border:1px solid var(--line);border-radius:10px;width:100%;padding:13px 14px}input:focus,textarea:focus,select:focus{border-color:var(--lilac);outline:none}.pills{flex-wrap:wrap;gap:8px;display:flex}.pills input{opacity:0;width:1px;position:absolute}.pills label{cursor:pointer;border:1px solid var(--line);color:var(--bone);border-radius:99px;padding:8px 14px;font-size:14px;display:inline-block}.pills input:checked+label{background:var(--lilac);color:var(--ground);border-color:var(--lilac)}.pills input:focus-visible+label{outline:2px solid var(--lilac);outline-offset:2px}.hp{position:absolute;left:-9999px}.record{border:1px dashed var(--lilac-d);font-family:var(--mono);background:color-mix(in oklab,var(--lilac) 5%,var(--ground));border-radius:16px;align-self:start;padding:20px;font-size:13px;line-height:1.9;position:sticky;top:90px}.record .path{color:var(--lilac);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.record dl{grid-template-columns:auto 1fr;gap:2px 14px;margin:0;display:grid}.record dt{color:var(--mute)}.record dd{color:var(--bone);word-break:break-word;margin:0}.status{font-family:var(--mono);color:var(--ok);min-height:1.4em;margin-top:10px;font-size:13px}footer{border-top:1px solid var(--line);color:var(--mute);padding-block:40px;font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.big{font:700 clamp(60px,17vw,260px)/.8 var(--display);letter-spacing:-.06em;color:var(--raise);padding-inline:var(--gut);white-space:nowrap;user-select:none;overflow:hidden}.stage{margin-top:18px;padding-right:clamp(0px,9vw,130px);position:relative}.app{border:1px solid var(--line);transform-style:preserve-3d;background:#0d0b11;border-radius:14px;transition:transform .5s cubic-bezier(.2,.7,.2,1);position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #000}.appbar{border-bottom:1px solid var(--line);background:#15121b;align-items:center;gap:6px;padding:9px 12px;display:flex}.appbar i{background:var(--line);border-radius:50%;width:9px;height:9px}.appbar em{font:11px var(--mono);color:var(--mute);margin-left:10px;font-style:normal}.shots{aspect-ratio:1360/1000;max-width:100%;position:relative;overflow:hidden}.shots img{opacity:0;width:100%;height:auto;transition:opacity .6s,transform 1.2s;position:absolute;inset:0;transform:scale(1.02)}.shots img.on{opacity:1;transform:none}.toast{background:var(--bone);color:var(--ground);border-radius:12px;padding:10px 14px;font-size:13px;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;bottom:16px;right:16px;transform:translateY(140%);box-shadow:0 12px 30px -10px #000}.toast.show{transform:none}.toast span{color:#5a5566}.phone{aspect-ratio:390/800;background:#000;border:6px solid #2a2631;border-radius:32px;width:clamp(120px,19vw,220px);position:absolute;bottom:-30px;right:0;overflow:hidden;box-shadow:0 30px 60px -20px #000}.phone .notch{z-index:2;background:#000;border-radius:10px;width:34%;height:16px;position:absolute;top:8px;left:50%;translate:-50%}.phone .scr{position:absolute;inset:0;overflow:hidden}.phone img{width:100%;animation:16s ease-in-out infinite alternate pscroll}@keyframes pscroll{0%,10%{transform:translateY(0)}90%,to{transform:translateY(calc(100cqh - 100%))}}.phone .scr{container-type:size}@media (width<=640px){.phone{display:none}.stage{padding-right:0}}.proj.wide{background:var(--raise);grid-template-columns:1.35fr 1fr;align-items:center;gap:28px;min-height:0;padding:clamp(18px,3vw,34px);display:grid}.proj.wide:after{display:none}.proj.wide .txt{gap:10px;display:grid}@media (width<=860px){.proj.wide{grid-template-columns:1fr}}.media{position:relative}.trade .site{border:1px solid var(--line);border-radius:10px;width:100%;display:block}.trade .mac{border:1px solid #2f2a3a;border-radius:10px;width:62%;animation:7s ease-in-out infinite float;position:absolute;bottom:-12%;right:-4%;overflow:hidden;box-shadow:0 30px 60px -20px #000}.trade .mac video{width:100%;max-width:100%;display:block}@keyframes float{50%{transform:translateY(-10px)}}.bshot{border:1px solid var(--line);border-radius:10px;overflow:hidden}.hwrap{aspect-ratio:1440/810;background:#f3ece4;max-width:100%;position:relative;overflow:hidden}.hwrap img,.hwrap video{object-fit:cover;object-position:top;width:100%;height:100%;transition:opacity 1s;display:block;position:absolute;inset:0}.hwrap video{opacity:0}.hwrap.form video{opacity:1}.hwrap.form img{opacity:0}@keyframes kb{to{transform:scale(1.06)translate(-1%,-1%)}}.lt{aspect-ratio:16/10;border:1px solid var(--line);background:#050810;border-radius:10px;place-items:center;max-width:100%;display:grid;position:relative;overflow:hidden}.lt video{object-fit:cover;opacity:.75;width:100%;height:100%;position:absolute;inset:0}.lt-grid{opacity:.08;background-image:linear-gradient(#00d4ff 1px,#0000 1px),linear-gradient(90deg,#00d4ff 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.lt-ring{aspect-ratio:1;border:2px solid #00d4ff;border-radius:50%;width:34%;animation:3s ease-in-out infinite ring;position:absolute}@keyframes ring{0%,to{box-shadow:0 0 20px 4px #00d4ff4d,inset 0 0 20px 4px #00d4ff4d}50%{box-shadow:0 0 40px 8px #00d4ff99,inset 0 0 40px 8px #00d4ff99}}.lt-copy{text-align:center;font-family:var(--mono);gap:10px;display:grid;position:relative}.lt-copy strong{color:#fff;letter-spacing:.02em;text-shadow:0 0 24px #00d4ffb3;font-size:clamp(26px,5vw,58px);animation:1.6s ease-out both ltin}.lt-copy span{letter-spacing:.35em;color:#00d4ff;font-size:clamp(8px,1vw,11px)}@keyframes ltin{0%{letter-spacing:.4em;opacity:0;filter:blur(8px)}}.trade .txt{padding-top:0}.proj h3{line-height:1.02}.reveal{transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .9s}.reveal.pre{opacity:.35;transform:translateY(24px)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.reveal.pre{opacity:1;transform:none}}.aero-stage{aspect-ratio:1000/620;border:1px solid var(--line);background:#070b18;border-radius:12px;max-width:100%;position:relative;overflow:hidden}.aero-stage video{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.aero-web{background:#0d0b11;border:1px solid #2f2a3a;border-radius:10px;width:40%;animation:8s ease-in-out infinite float;position:absolute;bottom:-10%;left:-3%;overflow:hidden;box-shadow:0 30px 60px -20px #000}.aero-web img{width:100%;display:block}@media (width<=860px){.aero-web{display:none}}.proj .txt a{color:var(--lilac);text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{z-index:50;background:var(--bone);color:var(--ground);border-radius:8px;padding:10px 16px;top:16px;left:16px}.foot{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-block:20px;display:grid}@media (width<=860px){.foot{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}}.foot-brand{align-content:start;gap:14px;max-width:42ch;display:grid}.foot-col{align-content:start;gap:8px;display:grid}.foot-col b{color:var(--bone);margin-bottom:4px;font-weight:600}.foot a{text-decoration:none}.foot-col a:hover{color:var(--bone)}.legal{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}footer .wrap{display:grid}.page-hero{border-bottom:1px solid var(--line);position:relative;overflow:hidden}.page-hero .wrap{gap:22px;padding-block:clamp(56px,9vw,120px) clamp(40px,6vw,72px);display:grid}.page-hero h1{max-width:18ch;font-size:clamp(42px,7vw,96px);font-weight:500;line-height:.95}.page-hero h1 em{color:var(--lilac);font-style:normal;font-weight:300}.crumbs{font:12.5px var(--mono);color:var(--mute);flex-wrap:wrap;gap:8px;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--bone)}.grid3{background:var(--line);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:40px;display:grid;overflow:hidden}@media (width<=900px){.grid3{grid-template-columns:1fr}}.grid3>div{background:var(--ground);align-content:start;gap:10px;padding:clamp(22px,3vw,34px);display:grid}.grid3 h3{font-size:24px}.grid3 p{color:var(--mute);font-size:16px}.prose{max-width:68ch;color:var(--mute);gap:18px;font-size:18px;display:grid}.prose strong{color:var(--bone);font-weight:600}.twocol{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(28px,5vw,72px);margin-top:40px;display:grid}@media (width<=900px){.twocol{grid-template-columns:1fr}}.checks{gap:0;margin:0;padding:0;list-style:none;display:grid}.checks li{border-top:1px solid var(--line);color:var(--mute);grid-template-columns:12ch 1fr;gap:16px;padding:14px 0;display:grid}.checks li b{color:var(--bone);font-weight:600}@media (width<=560px){.checks li{grid-template-columns:1fr;gap:2px}}.cta-band{border:1px solid var(--line);background:linear-gradient(120deg,var(--raise),color-mix(in oklab,var(--lilac) 10%,var(--raise)));border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(28px,5vw,56px);display:flex}.cta-band h2{font-size:clamp(28px,4vw,48px)}.more{color:var(--lilac);margin-top:18px;font-weight:600;text-decoration:none;display:inline-block}.more:hover{text-decoration:underline}.facts{grid-template-columns:auto 1fr;gap:10px 28px;margin:0;display:grid}.facts dt{color:var(--mute);font:13px var(--mono);text-transform:uppercase;letter-spacing:.06em;padding-top:3px}.facts dd{margin:0}
