:root{--ink: #0b1320;--dusk: #1e3150;--frost: #dfe7ee;--frost-2: rgba(223, 231, 238, .72);--frost-3: rgba(223, 231, 238, .46);--hair: rgba(223, 231, 238, .2);--paper: #f5f1ea;--display: "neue-haas-grotesk-display", "Helvetica Neue", Helvetica, Arial, sans-serif;--text: "neue-haas-grotesk-text", "Helvetica Neue", Helvetica, Arial, sans-serif;--figure: "freight-big-pro", Georgia, "Times New Roman", serif;--gut: clamp(20px, 4.2vw, 64px);--ease: cubic-bezier(.2, .7, .1, 1);--ease-move: cubic-bezier(.65, 0, .35, 1);--fs-xs: 12px;--fs-s: 14px;--fs-b: clamp(16px, 1.05vw, 18px);--fs-m: clamp(19px, 1.6vw, 24px);--fs-l: clamp(30px, 3.4vw, 54px);--fs-xl: clamp(52px, 8.6vw, 150px);color-scheme:dark}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--frost);font:400 var(--fs-b) / 1.55 var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit}:focus-visible{outline:2px solid var(--paper);outline-offset:4px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.poster,#street{position:fixed;inset:0;width:100vw;height:100lvh;object-fit:cover;object-position:50% 40%;z-index:0;pointer-events:none}.poster{filter:brightness(.72)}.poster-lit{display:none}#street{display:block;opacity:0;transition:opacity .9s var(--ease)}.gl-ready #street{opacity:1}.gl-ready .poster{visibility:hidden;transition:visibility 0s 1s}.no-gl #street,.no-gl .poster{display:none}.no-gl .poster-lit{display:block;filter:brightness(.5)}main,.bar,.foot{position:relative;z-index:1}.bar{position:fixed;top:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:clamp(16px,3vw,44px);padding:max(16px,env(safe-area-inset-top)) var(--gut) 16px}.bar{transition:opacity .5s var(--ease),transform .6s var(--ease)}.in-shop .bar{opacity:0;transform:translateY(-12px);pointer-events:none}.bar:before{content:"";position:absolute;inset:0 0 -40px;z-index:-1;pointer-events:none;background:linear-gradient(#0b1320d1,#0b132073 55%,#0b132000)}.mark{font:700 19px/1 var(--display);letter-spacing:-.01em;text-decoration:none}.bar-nav{display:flex;gap:clamp(16px,2.2vw,34px)}.bar-nav a,.under,.step-n,.field label,figcaption,.wipe-hint{font:500 var(--fs-xs) / 1 var(--text);letter-spacing:.16em;text-transform:uppercase}.bar-nav a{text-decoration:none;color:var(--frost-2);transition:color .25s}.bar-nav a:hover{color:var(--frost)}.bar-apply{font:600 var(--fs-xs) / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:12px 18px;border:1px solid rgba(245,241,234,.55);transition:background .3s,color .3s}.bar-apply:hover{background:var(--paper);color:var(--ink)}.switch{position:relative;display:inline-flex;align-items:center;gap:14px;cursor:pointer;font:600 13px/1 var(--text);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--ink);background:var(--paper);border:0;border-radius:0;padding:19px 30px 19px 26px;overflow:hidden;transition:transform .4s var(--ease)}.switch:before{content:"";width:8px;height:8px;background:var(--ink);opacity:.25;transition:opacity .3s,box-shadow .3s,background .3s}.switch:hover:before{opacity:1;background:#e9b96e;box-shadow:0 0 14px 3px #f2d3a0e6}.switch:active{transform:translateY(1px)}.switch:disabled{opacity:.6;cursor:progress}.under{color:var(--frost);text-decoration:none;padding-bottom:6px;background:linear-gradient(currentColor,currentColor) 0 100% / 100% 1px no-repeat;transition:background-size .4s var(--ease)}.under:hover{background-size:30% 1px}.hero{position:relative;min-height:100svh;display:grid;grid-template-rows:1fr auto;padding:clamp(110px,17vh,190px) var(--gut) clamp(28px,6vh,64px)}.hero-h{margin:0;font:300 var(--fs-xl) / .92 var(--display);letter-spacing:-.035em;max-width:11ch;text-wrap:balance}.w-off{color:var(--frost-2)}.w-on{font-weight:700;display:block}.hero-foot{display:grid;grid-template-columns:minmax(0,30ch) auto 1fr;align-items:end;gap:18px clamp(24px,4vw,64px)}.hero-lede{margin:0;font-size:var(--fs-m);line-height:1.35;color:var(--frost)}.hero-price{margin:0;color:var(--frost-2);font-size:var(--fs-s);letter-spacing:.02em}.hero-price b{color:var(--frost);font-weight:600}.hero-act{display:flex;align-items:center;gap:28px;justify-self:end}.wipe-hint{position:absolute;right:var(--gut);top:50%;color:var(--frost-3);margin:0;display:flex;align-items:center;gap:12px;transition:opacity .8s}.wipe-hint:before{content:"";width:40px;height:1px;background:currentColor}.has-wiped .wipe-hint,.no-gl .wipe-hint,html:not(.gl-on) .wipe-hint{opacity:0}.how{position:relative}.how-stage{position:sticky;top:0;height:100svh;padding:clamp(96px,14vh,150px) var(--gut) 0}.how-h{margin:0;font:300 var(--fs-l) / 1.02 var(--display);letter-spacing:-.025em}.steps{list-style:none;margin:0;padding:0}.steps li{position:absolute;bottom:clamp(36px,7vh,80px);left:var(--x, 50%);width:min(16.5vw,240px);transform:translate(-50%);opacity:.42;transition:opacity .6s var(--ease),transform .8s var(--ease)}.steps li.is-done{opacity:.66}.steps li.is-on{opacity:1;transform:translate(-50%) translateY(-10px)}.step-n{display:flex;align-items:center;gap:10px;color:var(--frost-2)}.step-n:after{content:"";flex:1;height:1px;background:var(--hair)}.steps li.is-on .step-n:after{background:#f2d3a0bf}.steps h3{margin:14px 0 8px;font:700 clamp(19px,1.6vw,26px) / 1.1 var(--display);letter-spacing:-.01em}.steps p{margin:0;font-size:var(--fs-s);line-height:1.5;color:var(--frost-2)}.beats{margin-top:-100svh}.beat{height:72svh}.beat:last-child{height:110svh}.work{position:relative;height:1050svh}.anchor{position:absolute;left:0;top:0;height:0;width:0}.work-stage{position:sticky;top:0;height:100svh;overflow:hidden;pointer-events:none}.work-head{position:absolute;left:var(--gut);right:var(--gut);top:clamp(96px,15vh,160px);display:grid;grid-template-columns:auto minmax(0,38ch);align-items:end;gap:24px clamp(32px,6vw,110px);transition:opacity .6s var(--ease),transform .8s var(--ease)}.work-head h2{margin:0;font:300 var(--fs-l) / 1 var(--display);letter-spacing:-.025em}.work-head p{margin:0;color:var(--frost-2);font-size:var(--fs-s)}.in-portal .work-head{opacity:0;transform:translateY(-16px)}.shops{list-style:none;margin:0;padding:0}.shops li{position:absolute;right:var(--gut);bottom:clamp(24px,5vh,56px);width:min(340px,80vw);padding:18px 20px 20px;background:#0b13209e;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(223,231,238,.35);opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .7s var(--ease)}.shops li.is-on{opacity:1;transform:none}.shop-k{font:500 var(--fs-xs) / 1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--frost-2)}.shops h3{margin:10px 0 6px;font:700 22px/1.1 var(--display)}.shops p{margin:0;font-size:var(--fs-s);color:var(--frost-2)}.shops li:after{content:"Sample site by Made Twenty";display:block;margin-top:14px;font:500 10px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--frost-3)}.proof{position:relative;height:420svh}.proof-stage{position:sticky;top:0;height:100svh;overflow:hidden}.proof-copy{position:absolute;left:var(--gut);bottom:clamp(40px,10vh,110px);max-width:560px;transition:opacity .7s var(--ease),transform .9s var(--ease)}.proof-copy h2{margin:0 0 18px;font:700 var(--fs-l) / .98 var(--display);letter-spacing:-.03em}.proof-copy p{margin:0 0 26px;font-size:var(--fs-m);line-height:1.35;color:var(--frost);max-width:34ch}.proof-b{opacity:0;transform:translateY(20px);pointer-events:none}.proof-late .proof-a{opacity:0;transform:translateY(-20px)}.proof-late .proof-b{opacity:1;transform:none;pointer-events:auto}.tag{position:absolute;left:0;top:0;opacity:var(--a, 0);white-space:nowrap;pointer-events:none;font:500 var(--fs-xs) / 1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--frost);display:flex;align-items:center;gap:10px;margin:-6px 0 0 -4px}.tag:before{content:"";width:8px;height:8px;border:1px solid var(--frost);flex:none}.included{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,120px);padding:22vh var(--gut) 16vh;align-items:start}.included h2{margin:0;position:sticky;top:22vh;font:300 var(--fs-l) / 1.02 var(--display);letter-spacing:-.025em;max-width:12ch}.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--hair)}.rows li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid var(--hair)}.row-a{font:500 var(--fs-m) / 1.25 var(--display);letter-spacing:-.005em}.row-b{color:var(--frost-2);font-size:var(--fs-s);padding-top:4px}.price{min-height:120svh;padding:18vh var(--gut) 14vh;display:grid;align-content:center;gap:8vh}.till{display:grid;grid-template-columns:1fr 1fr;align-items:end}.fig{margin:0;display:grid;gap:26px}.fig-b{transform:translateY(14vh);justify-self:end;text-align:right}.num{font:300 clamp(110px,19vw,330px) / .9 var(--figure);letter-spacing:-.04em}.fig-a .num{color:var(--frost-2)}.cap{max-width:24ch;font-size:var(--fs-m);line-height:1.3;color:var(--frost)}.fig-b .cap{justify-self:end}.price-foot{display:flex;align-items:center;gap:36px;max-width:760px;margin-top:10vh}.price-foot p{margin:0;color:var(--frost-2);font-size:var(--fs-s);max-width:46ch}.faq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,6vw,120px);padding:18vh var(--gut) 18vh}.faq h2{margin:0;font:300 var(--fs-l) / 1 var(--display);letter-spacing:-.025em;position:sticky;top:20vh;align-self:start}.qa{border-top:1px solid var(--hair)}.qa details{border-bottom:1px solid var(--hair)}.qa summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:baseline;padding:24px 0;font:400 var(--fs-m) / 1.25 var(--display);letter-spacing:-.005em}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"+";font:300 26px/1 var(--display);color:var(--frost-2);transition:transform .4s var(--ease)}.qa details[open] summary:after{transform:rotate(45deg)}.qa details p{margin:-6px 0 26px;max-width:60ch;color:var(--frost-2)}.apply{min-height:100svh;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,120px);align-items:end;padding:16vh var(--gut) 9vh}.apply-pitch h2{margin:0 0 18px;font:700 var(--fs-xl) / .92 var(--display);letter-spacing:-.035em;max-width:8ch}.apply-pitch p{margin:0;max-width:32ch;font-size:var(--fs-m);line-height:1.35}.apply-form{display:grid;grid-template-columns:1fr 1fr;gap:26px 32px}.field{display:grid;gap:10px}.field-wide{grid-column:1 / -1}.field label{color:var(--frost-2)}.field label i{font-style:normal;color:var(--frost-3);margin-left:6px}.field input,.field textarea{font:400 var(--fs-m) / 1.3 var(--text);color:var(--frost);background:transparent;border:0;border-bottom:1px solid rgba(223,231,238,.45);padding:6px 0 12px;border-radius:0;resize:vertical;text-shadow:0 1px 12px rgba(11,19,32,.6);transition:border-color .3s}.field input:focus,.field textarea:focus{outline:none;border-bottom-color:var(--paper)}.form-foot{grid-column:1 / -1;display:flex;align-items:center;gap:24px;margin-top:8px}.form-msg{margin:0;font-size:var(--fs-s);color:var(--paper)}.apply-done h3{margin:0 0 8px;font:700 var(--fs-l) / 1 var(--display);letter-spacing:-.02em}.apply-done p{margin:0;color:var(--frost-2)}.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:28px var(--gut) max(28px,env(safe-area-inset-bottom));border-top:1px solid var(--hair);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--frost-3)}.foot a{text-decoration:none}.no-gl .how-stage{position:relative;height:auto;padding-bottom:12vh}.no-gl .beats{display:none}.no-gl .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;margin-top:8vh}.no-gl .steps li{position:static;width:auto;transform:none;opacity:1}.no-gl .work,.no-gl .proof{height:auto}.no-gl .work-stage,.no-gl .proof-stage{position:relative;height:auto;overflow:visible;padding:16vh 0 10vh}.no-gl .work-head{position:static;padding:0 var(--gut)}.no-gl .shops{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:6vh var(--gut) 0}.no-gl .shops li{position:static;width:auto;opacity:1;transform:none}.no-gl .proof-copy{position:static;padding:0 var(--gut) 6vh;opacity:1;transform:none;pointer-events:auto}.no-gl .tag{display:none}@media(max-width:860px){.bar-nav{display:none}.bar{grid-template-columns:1fr auto}.hero{padding-top:22vh}.hero-h{font-size:clamp(50px,15vw,96px)}.hero-foot{grid-template-columns:1fr}.hero-act{justify-self:start}.wipe-hint{top:auto;bottom:46svh}.steps li{left:var(--gut);right:var(--gut);width:auto;transform:translateY(14px);opacity:0}.steps li.is-done{opacity:0}.steps li.is-on{opacity:1;transform:none}.steps li .step-n:after{max-width:120px}.work-head{grid-template-columns:1fr}.shops li{left:var(--gut);right:var(--gut);width:auto;padding:12px 16px 14px}.shops p{display:none}.shops h3{font-size:18px;margin:6px 0 0}.tag{font-size:10px}.included,.faq,.apply{grid-template-columns:1fr}.included h2,.faq h2{position:static}.rows li{grid-template-columns:1fr;gap:6px}.till{grid-template-columns:1fr;gap:9vh}.fig-b{transform:none}.price-foot{flex-direction:column;align-items:flex-start}.apply-form,.no-gl .steps{grid-template-columns:1fr}.no-gl .steps li{opacity:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}