@font-face{font-family:Inter;src:url('/assets/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/inter-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Michroma;src:url('/assets/michroma-regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--line:#ffffff24;--soft:#c2c2c2;--wide:Michroma,Arial,sans-serif;--font:Inter,Arial,sans-serif;scroll-behavior:smooth;background:#0a0a0b;color:#f7f7f7;font:16px/1.52 var(--font);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure,ol,ul{margin:0}h1,h2,h3{font-weight:400}button,input{font:inherit}button{cursor:pointer}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:2px solid #fff;outline-offset:5px}
.topbar{position:absolute;top:21px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1160px,calc(100% - 72px));height:61px;padding:0 11px 0 24px;border:1px solid #ffffff25;border-radius:34px;background:linear-gradient(125deg,#131315,#090909 80%);box-shadow:inset 0 1px #ffffff08,0 5px 26px #0003}
.brand{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:500;letter-spacing:-1.05px;line-height:1}.brand-mark{display:flex;align-items:flex-end;gap:3px;height:19px;transform:skew(-11deg)}.brand-mark i{display:block;width:5px;height:10px;border-radius:1px;background:linear-gradient(145deg,#fff,#c4c4c4)}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:20px}.topbar nav{display:flex;gap:27px;font-size:13px;color:#cecece}.topbar nav a:hover,footer a:hover{text-decoration:underline;text-underline-offset:4px}.nav-join{display:inline-flex;gap:11px;align-items:center;padding:9px 16px;border-radius:23px;background:#f1f0ee;color:#171717;font-size:13px;white-space:nowrap}
.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);align-items:center;gap:6.8%;padding:clamp(146px,14vw,202px) max(40px,calc((100% - 1140px)/2)) clamp(80px,8vw,114px);background:linear-gradient(148deg,#767579 -13%,#505052 12%,#29292c 38%,#18181a 66%,#111112);overflow:clip}
.hero::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(153deg,transparent 18%,#ffffff06 23%,transparent 35%,#00000021 52%,transparent 75%);pointer-events:none}
.pitch{max-width:590px}.pitch h1{font-size:clamp(54px,5.3vw,78px);letter-spacing:-.064em;line-height:1.015;text-wrap:balance}.intro{color:#dedede;max-width:470px;margin-top:24px;line-height:1.55;font-size:clamp(16px,1.3vw,18px);letter-spacing:-.02em}
.waitlist{margin-top:34px;max-width:475px;scroll-margin-top:22px}.waitlist label{display:block;font-size:13px;font-weight:500;margin-bottom:9px}.entry{display:flex;align-items:center;gap:8px;padding:5px 5px 5px 17px;border:1px solid #ffffff55;border-radius:32px;background:#0c0c0edb;box-shadow:0 8px 22px #0002,inset 0 1px #ffffff0b}.entry:focus-within{border-color:#ddd}.entry input{width:0;min-width:0;flex:1;border:0;outline:0;color:#fafafa;background:transparent;height:43px;font-size:16px;letter-spacing:-.02em}.entry input::placeholder{color:#a7a7aa}.entry button{display:flex;align-items:center;justify-content:center;gap:11px;min-height:43px;border:0;border-radius:25px;background:linear-gradient(#fff,#dfdfdd);color:#0c0c0d;padding:0 18px;font-weight:500;font-size:13px;white-space:nowrap}.entry button:hover{background:#fff}.arrow{font-size:17px}.waitlist p{font-size:12px;line-height:1.5;margin:9px 5px 0;color:#cecece}.waitlist .form-status:empty{margin:0}.waitlist[data-state=invalid] .entry,.waitlist[data-state=error] .entry{border-color:#efc6b9}.waitlist[data-state=invalid] .form-status,.waitlist[data-state=error] .form-status{color:#ffdfd3}.waitlist[data-state=joined] .form-status{color:#fff}.waitlist[data-state=joined] .arrow{display:none}.waitlist button:disabled{cursor:default}.waitlist[data-state=saving] .arrow{opacity:.4}
.comparison{position:relative;margin:0;padding:27px 29px 22px;border:1px solid #69696b;border-bottom-color:#29292c;border-right-color:#424246;border-radius:25px;background:linear-gradient(130deg,#2c2c2f,#19191c 48%,#121214 85%);box-shadow:inset 0 1px #ffffff17,inset 0 -1px #000,2px 4px 0 #19191b,3px 5px 0 #545457,0 30px 55px #0005;scroll-margin-top:25px}
.comparison-top,.change,.task-math,.usage>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
.comparison-top{border-bottom:1px solid var(--line);padding-bottom:18px;font-size:15px;letter-spacing:-.02em}.example-label{font-size:11px;letter-spacing:0;color:#ddd;border:1px solid #626264;border-radius:18px;padding:4px 9px;white-space:nowrap}.scores{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:end;margin-top:24px}.scores>div:last-child{text-align:right}.scores>div>span{display:block;color:var(--soft);font-size:12px}.scores strong{font:400 clamp(42px,4.6vw,68px)/1.28 var(--wide);letter-spacing:-.075em;font-feature-settings:'ss02';color:#fff}.scores>div:first-child strong{color:#bcbcc0}.score-arrow{align-self:center;margin-top:16px;font-size:29px;line-height:1;color:#9b9b9e}
.scale-wrap{margin-top:13px}.scale,.balance-track{height:5px;border-radius:5px;background:#ffffff1c;position:relative}.scale i{position:absolute;left:58.1818%;width:7.2727%;height:100%;background:#f3f3f4}.scale i:before,.scale i:after{content:'';position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);background:#a7a7ab;box-shadow:0 0 0 2px #1d1d20}.scale i:after{left:100%;background:#fff}.scale-labels{display:flex;justify-content:space-between;color:#9d9da1;font-size:10px;margin-top:7px}.change{font-size:12px;margin-top:14px;padding-bottom:19px;border-bottom:1px solid var(--line);color:#bdbdc0}.change strong{font-weight:500;font-size:14px;color:#fff}.example-actions h2{font-size:14px;font-weight:500;margin:17px 0 8px}.example-actions ul{padding-left:18px;color:#ddd;font-size:13px;line-height:1.52}.example-actions li+li{margin-top:5px}figcaption{border-top:1px solid var(--line);margin-top:17px;padding-top:13px;color:#b6b6b9;font-size:11px;line-height:1.55}
.plan{width:min(calc(100% - 80px),1140px);margin:auto;padding:clamp(58px,7vw,104px) 0;display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:10%}.plan h2{font-size:clamp(36px,4.2vw,60px);line-height:1.05;letter-spacing:-.058em}.plan-copy>p{margin-top:19px;color:#b9b9bd;max-width:480px;font-size:15px}.steps{list-style:none;counter-reset:steps;padding:0;margin:23px 0 0}.steps li{counter-increment:steps;display:grid;grid-template-columns:28px 1fr;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.steps li:before{content:counter(steps,decimal-leading-zero);font:400 10px/2.1 var(--wide);color:#a7a7ac}.steps h3{font-size:17px;letter-spacing:-.025em}.steps p{color:#b1b1b5;font-size:13px;margin-top:3px;max-width:410px}.sample-task{position:relative;isolation:isolate;overflow:hidden;border:1px solid #47474a;border-radius:24px;padding:26px 30px;background:linear-gradient(125deg,#303034,#1e1e21 55%,#111113);box-shadow:inset 0 1px #ffffff10,0 27px 45px #0005}.task-head{position:relative;height:115px;display:flex;align-items:start;color:#c3c3c6;font-size:12px}.task-head img{position:absolute;right:7px;top:-19px;width:155px;height:auto;filter:drop-shadow(0 14px 9px #0006);transform:rotate(-8deg)}.sample-task h3{font-size:clamp(25px,2.4vw,36px);line-height:1.1;letter-spacing:-.05em}.sample-task p{font-size:14px;color:#bebec2;margin:12px 0 24px;max-width:365px}.usage{border-top:1px solid var(--line);padding-top:19px}.usage span,.task-math span{font-size:12px;color:#c5c5c8}.usage strong{font:400 18px/1.25 var(--wide);letter-spacing:-.04em}.balance-track{margin-top:13px;height:7px}.balance-track span,.balance-track i{position:absolute;inset:0 auto 0 0;width:30%;background:#67676c;border-radius:8px}.balance-track i{width:20%;background:#dedee2}.task-math{padding-top:17px;font-size:12px}.task-math b{font-weight:400}
footer{display:flex;align-items:center;gap:25px;width:min(calc(100% - 80px),1140px);margin:auto;border-top:1px solid var(--line);padding:25px 0 31px}footer p{color:#a7a7ac;font-size:12px}footer>a:last-child{margin-left:auto;font-size:13px}
@media(prefers-reduced-motion:no-preference){.pitch>*{animation:rise .85s cubic-bezier(.14,.84,.22,1) backwards}.pitch>.intro{animation-delay:90ms}.waitlist{animation-delay:160ms}.panel-enter{animation:surface 1.05s cubic-bezier(.17,.85,.25,1) 100ms backwards}.waiting{opacity:0}.enter{animation:surface .95s cubic-bezier(.17,.85,.25,1) backwards}.sample-task.enter{animation-delay:100ms}@keyframes rise{from{opacity:0;translate:0 35px}to{opacity:1;translate:0 0}}@keyframes surface{from{opacity:0;translate:0 56px;scale:.95}to{opacity:1;translate:0 0;scale:1}}}
@media(max-width:940px) and (min-width:741px){.hero{gap:4%;padding-inline:28px}.pitch h1{font-size:53px}.comparison{padding:22px 19px}.scores strong{font-size:43px}.plan{gap:5%}}
@media(max-width:740px){.topbar{top:13px;width:calc(100% - 28px);height:51px;padding:0 6px 0 15px}.brand{font-size:19px}.brand-mark{transform:scale(.85) skew(-11deg);transform-origin:left center;margin-right:-3px}.topbar nav{display:none}.nav-join{font-size:12px;padding:8px 13px}.hero{grid-template-columns:1fr;gap:38px;padding:108px max(22px,calc((100% - 540px)/2)) 44px}.pitch h1{font-size:clamp(41px,9.65vw,57px);letter-spacing:-.059em;line-height:1.02}.intro{font-size:16px;margin-top:17px}.waitlist{margin-top:23px}.entry{padding-left:13px;gap:4px}.entry button{padding-inline:12px}.comparison{padding:21px 20px 17px;border-radius:19px}.scores{margin-top:18px}.scores strong{font-size:clamp(38px,9.5vw,52px)}.plan{width:min(calc(100% - 44px),540px);padding:48px 0;grid-template-columns:1fr;gap:24px}.sample-task{padding:20px 22px;border-radius:19px}.task-head{height:90px}.task-head img{width:128px;top:-16px}.plan-copy>p{font-size:14px}.comparison-top{font-size:14px;gap:7px}.example-label{font-size:10px}footer{width:calc(100% - 44px);display:grid;grid-template-columns:1fr auto;gap:13px}footer p{grid-row:2;grid-column:1/-1}footer a:last-child{grid-row:1;grid-column:2}.task-math{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.waiting{opacity:1}}
@media(min-width:1100px){.pitch h1{font-size:clamp(56px,4.5vw,66px);line-height:1.045}.pitch h1 span{display:block}}
