@font-face{font-family:Cabin;font-style:normal;font-weight:400;font-display:swap;src:url('./assets/cabin.ttf') format('truetype')}
@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url('./assets/merriweather.ttf') format('truetype')}
:root{color-scheme:light;--ink:#080808;--blue:#628bf1;--line:#e5e5e5}
*{box-sizing:border-box}html{min-height:100%;background:#fff}body{margin:0;color:var(--ink);font-family:'Cabin',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}
.waitlist{position:relative;min-height:calc(100svh - 32px);margin:16px;border:1px solid var(--line);display:grid;place-items:center;isolation:isolate;padding:120px 24px;overflow:clip;background:#fff}
.grid{position:absolute;inset:0;z-index:-2;background-image:radial-gradient(circle,#e6e8ed .75px,transparent .9px);background-size:9px 9px;opacity:.55;mask-image:radial-gradient(ellipse 32% 25% at 50% 49%,transparent 20%,#000 100%)}
.pixels{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.pixel{position:absolute;width:6px;height:6px;background:var(--blue);animation:pixel-drift var(--duration,7s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}@keyframes twinkle{0%,100%{opacity:.12}45%,65%{opacity:.95}80%{opacity:.4}}
.corner{position:absolute;width:10px;height:10px;background:#fff;border:1px solid var(--line);z-index:2}.tl{top:-5px;left:-5px}.tr{top:-5px;right:-5px}.bl{bottom:-5px;left:-5px}.br{bottom:-5px;right:-5px}
.content{width:100%;max-width:850px;text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(8px)}
.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 0 30px;font:400 14px/1.3 Arial,sans-serif}.flag{width:14px;height:13px;position:relative;display:block}.flag i{position:absolute;background:var(--blue);height:6px;width:10px}.flag i:first-child{left:0;top:1px;opacity:.5}.flag i:nth-child(2){left:3px;top:3px}.flag i:last-child{left:1px;top:6px;opacity:.35}
h1{font-family:'Merriweather',Georgia,serif;font-weight:400;font-size:56px;line-height:1.15;letter-spacing:-1.8px;margin:0 0 26px;text-wrap:balance}.description{font-size:16px;line-height:26px;margin:0 0 25px;max-width:570px;text-wrap:pretty}
.countdown{border:1px solid var(--line);background:#fafafa;font-family:'Merriweather',Georgia,serif;font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;gap:7px;min-width:300px;padding:16px 23px;margin-bottom:24px;white-space:nowrap}.colon{font-size:28px}.countdown span:not(.colon){min-width:1.35em;text-align:center}
.signup{display:flex;align-items:center;padding:3px;border:1px solid var(--line);background:#fafafa;width:460px;max-width:100%;min-height:50px}.signup:focus-within{border-color:#7798ee;box-shadow:0 0 0 2px #628bf11c}.signup input{min-width:0;flex:1;background:transparent;border:0;border-radius:0;color:var(--ink);padding:10px;font-family:Georgia,serif;font-size:16px;outline:none;line-height:22px}.signup input::placeholder{color:#929292;opacity:1}.signup button{background:#050505;color:#fff;border:0;padding:12px 17px;min-height:42px;font-size:14px;line-height:18px;font-weight:400;white-space:nowrap;transition:background .18s}.signup button:hover{background:#2459d4}.signup button:focus-visible{outline:3px solid #628bf1;outline-offset:3px}
.social-proof{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:23px}.social-proof p{font-size:16px;line-height:26px;margin:0}.avatars{display:flex;padding-left:8px}.avatars img{border-radius:50%;object-fit:cover;border:2px solid white;margin-left:-8px;width:34px;height:34px;background:#eee}.form-status{margin:12px 0 0;max-width:460px;font-size:14px;line-height:21px;color:#444}.form-status[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.waitlist{padding-block:180px}}
@media(max-width:700px){.waitlist{margin:10px;min-height:calc(100svh - 20px);padding:90px 22px}.content{transform:none}h1{font-size:42px;line-height:1.2;letter-spacing:-1.3px;max-width:520px}.description{max-width:450px}.desktop-break{display:none}.eyebrow{font-size:12px;margin-bottom:27px}.grid{mask-image:radial-gradient(ellipse 48% 30% at 50% 50%,transparent 20%,#000 100%)}.pixel{width:5px;height:5px}}
@media(max-width:390px){.waitlist{padding:75px 16px}h1{font-size:36px;letter-spacing:-1px;margin-bottom:22px}.description{font-size:16px;line-height:25px}.countdown{min-width:0;width:100%;max-width:300px;font-size:29px;padding:15px 12px;gap:6px}.signup button{padding:12px 10px;font-size:12px}.signup input{padding:10px 8px}.social-proof{gap:10px}.social-proof p{font-size:14px}.avatars img{height:30px;width:30px}}
@media(prefers-reduced-motion:reduce){.pixel{animation:none;opacity:.65}.signup button{transition:none}}

/* Approved extended waitlist, retaining the reference's restrained editorial style. */
h1 span{display:block}.content{max-width:900px}.description{max-width:610px;margin-bottom:36px}.early-access{font-size:16px;line-height:26px;margin:0 0 27px}.launch-label{font-size:12px;letter-spacing:.07em;color:#626262;margin:0 0 10px}.waitlist{padding-block:88px}.benefits{max-width:1180px;margin:0 auto;padding:100px 40px 108px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.benefit{padding:0 32px;border-right:1px solid var(--line)}.benefits>.benefit:nth-child(2){padding-left:0}.benefit:last-child{border:0;padding-right:0}.benefit-number{display:block;color:#4266b6;font-size:12px;letter-spacing:.08em;margin-bottom:26px}.benefit h2{font:400 25px/1.4 Merriweather,Georgia,serif;letter-spacing:-.5px;margin:0 0 20px}.benefit p{font-size:16px;line-height:27px;color:#505050;margin:0}.closing{margin:0 16px;border:1px solid var(--line);padding:78px 24px 84px;text-align:center;background:#fafbfc}.closing .eyebrow{color:#4266b6;margin-bottom:24px;font-size:12px;letter-spacing:.08em}.closing h2{font:400 38px/1.35 Merriweather,Georgia,serif;letter-spacing:-1px;margin:0 0 22px;text-wrap:balance}.closing>p:not(.eyebrow){max-width:540px;margin:0 auto 28px;color:#505050;font-size:16px;line-height:27px}.closing-cta{display:inline-block;background:#050505;color:white;text-decoration:none;font-size:14px;padding:16px 24px;transition:background .18s}.closing-cta:hover{background:#2459d4}.closing-cta:focus-visible{outline:3px solid #628bf1;outline-offset:4px}.footer{max-width:1180px;margin:auto;padding:30px 40px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#666}.footer span:first-child{font:400 18px Merriweather,Georgia,serif;color:#111}#waitlist-form{scroll-margin-block:120px}
@media(max-width:900px){.benefits{padding:72px 32px;gap:24px}.benefit{padding:0 20px 0 0}.benefit h2{font-size:21px}.benefit h2 br{display:none}}
@media(max-width:700px){.waitlist{padding:70px 22px}.benefits{grid-template-columns:1fr;padding:52px 30px;gap:34px}.benefit,.benefit:first-child,.benefit:last-child{padding:0 0 32px;border:0;border-bottom:1px solid var(--line)}.benefit:last-child{padding-bottom:0;border:0}.benefit-number{margin-bottom:14px}.benefit h2{font-size:25px;margin-bottom:12px}.closing{margin:0 10px;padding:54px 24px}.closing h2{font-size:30px;letter-spacing:-.6px}.closing h2 br{display:none}.footer{padding:26px 30px;flex-direction:column;gap:12px}.early-access{max-width:320px}.description{max-width:490px}h1 span{display:inline}h1 span+span:before{content:' '}}
@media(max-width:390px){.waitlist{padding:64px 16px}.benefits{padding-inline:26px}.closing{padding-inline:20px}.closing h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.closing-cta{transition:none}}

/* Move the blue squares through space, rather than changing opacity alone. */
@keyframes pixel-drift{0%{transform:translate3d(0,0,0);opacity:.3}35%{opacity:.9}65%{opacity:.65}100%{transform:translate3d(var(--travel-x,48px),var(--travel-y,20px),0);opacity:.85}}
.benefits,.closing{position:relative;isolation:isolate;overflow:hidden}.closing{background:#fff}.closing .grid{opacity:.5;mask-image:radial-gradient(ellipse 40% 38% at 50% 50%,transparent 25%,#000 100%)}.closing>p:not(.eyebrow){max-width:650px}.benefits>.pixels{grid-column:1 / -1}.benefits .pixel{width:5px;height:5px}
@media(prefers-reduced-motion:reduce){.pixel{animation:none!important;transform:none;opacity:.65}}

/* Reference pixel field: square grid, fixed cells, no drifting particles. */
:root{--blue:#558bfb}
.pixels canvas{display:block;width:100%;height:100%}
.grid{background-image:linear-gradient(rgba(85,139,251,.1) 2px,transparent 2px);background-size:2px 10px;mask-image:repeating-linear-gradient(to right,#000 0 2px,transparent 2px 10px);opacity:.55}
.closing .grid{mask-image:repeating-linear-gradient(to right,#000 0 2px,transparent 2px 10px);opacity:.55}