:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f2ef;background:#030306}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030306}button{font:inherit;color:inherit}#world,.vignette{position:fixed;inset:0;width:100%;height:100%}#world{z-index:0}.vignette{z-index:1;pointer-events:none;background:radial-gradient(circle at 55% 45%,transparent 20%,rgba(2,2,5,.12) 55%,rgba(0,0,0,.72) 115%)}header{position:fixed;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:28px clamp(22px,4vw,64px)}header button{background:none;border:0;cursor:pointer}.brand{font-weight:850;letter-spacing:.24em;font-size:17px}.brand span,em{color:#c8bbff}.quiet{font:600 9px ui-monospace,monospace;letter-spacing:.18em;color:#89858f;margin-left:24px}.quiet i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#3c3940;margin-left:7px}.quiet.on i{background:#c8bbff;box-shadow:0 0 12px #c8bbff}.panel{position:fixed;z-index:3;inset:0;padding:clamp(92px,13vh,150px) clamp(22px,6vw,96px) 60px;animation:enter .75s ease both}.kicker{font:600 9px ui-monospace,monospace;letter-spacing:.2em;color:#88838f;margin-bottom:19px}h1,h2{font-weight:390;letter-spacing:-.06em;line-height:.93;margin:0;font-size:clamp(46px,6vw,90px)}h2{font-size:clamp(40px,5vw,72px)}em{font-family:Georgia,serif;font-weight:400}.arrival{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:9vh}.arrival p{color:#9b969f;font-size:13px;margin:20px 0 26px}.cta{width:max-content;border:1px solid rgba(255,255,255,.25);background:rgba(8,8,13,.3);backdrop-filter:blur(18px);border-radius:999px;padding:15px 19px 15px 22px;font-size:10px;font-weight:800;letter-spacing:.14em;cursor:pointer;transition:.25s}.cta:hover,.cta:focus-visible{background:#f1eef7;color:#09090d;transform:translateY(-2px);box-shadow:0 15px 50px rgba(183,162,255,.18);outline:none}.cta b{margin-left:28px;font-size:14px}.edge{position:absolute;right:5vw;bottom:7vh}.rail{position:absolute;right:5vw;top:19vh;display:grid;width:150px}.rail button,.worldButtons button{background:none;border:0;border-left:1px solid rgba(255,255,255,.12);color:#5f5b65;text-align:left;padding:8px 12px;font:600 9px ui-monospace,monospace;letter-spacing:.15em;cursor:pointer}.rail button span,.worldButtons span{display:inline-block;width:30px;color:#38353c}.rail button.active,.worldButtons button.active{color:#fff;border-color:#c8bbff}.selector{position:absolute;bottom:7vh;left:50%;transform:translateX(-50%);display:flex;gap:26px;align-items:center;text-align:center}.selector button{width:42px;height:42px;border-radius:50%;background:rgba(10,10,14,.35);border:1px solid rgba(255,255,255,.16);cursor:pointer}.selector small{display:block;font:7px ui-monospace,monospace;letter-spacing:.2em;color:#6e6973;margin-bottom:7px}.selector strong{font-size:12px;letter-spacing:.18em}.instrument{position:absolute;right:6vw;top:25vh;width:min(460px,42vw)}.instrument nav{display:flex;gap:17px;border-bottom:1px solid rgba(255,255,255,.12)}.instrument nav button{background:none;border:0;padding:12px 0;text-transform:uppercase;font:600 8px ui-monospace,monospace;letter-spacing:.15em;color:#66616b;cursor:pointer}.instrument nav button.active{color:#fff;border-bottom:1px solid #fff}.pills{display:flex;flex-wrap:wrap;gap:9px;padding:28px 0 20px}.pills button{background:rgba(10,10,15,.35);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:11px 14px;font:600 9px ui-monospace,monospace;letter-spacing:.1em;cursor:pointer}.pills button.active{background:#eeeaf5;color:#0a0910}.reaction{border-top:1px solid rgba(255,255,255,.12);padding-top:18px;color:#aaa4af;font:9px/1.7 ui-monospace,monospace;letter-spacing:.08em}.worldButtons{position:absolute;right:6vw;top:27vh;width:min(380px,35vw);display:grid}.worldButtons button{font-size:12px;padding:18px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.worldCopy{position:absolute;right:6vw;bottom:22vh;width:min(380px,35vw)}.worldCopy small{font:8px ui-monospace,monospace;letter-spacing:.2em;color:#c8bbff}.worldCopy p{font:400 clamp(20px,2.1vw,30px)/1.15 Georgia,serif;color:#ddd8e2}.final{display:flex;align-items:center;gap:15vw}.phone{margin-left:8vw;width:230px;height:470px;border-radius:40px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.01));box-shadow:0 50px 100px rgba(0,0,0,.55);position:relative}.phone:before{content:"";position:absolute;top:14px;left:50%;transform:translateX(-50%);width:72px;height:18px;border-radius:20px;background:#010102}.phone:after{content:"YOUR KWIK-L";position:absolute;left:0;right:0;bottom:70px;text-align:center;font:7px ui-monospace,monospace;letter-spacing:.2em;color:#6b6670}.finalCopy{max-width:650px}.finalCopy p{color:#8e8994;margin:24px 0 28px}.finalCopy>small{display:block;margin:12px 0 0 20px;font:7px ui-monospace,monospace;letter-spacing:.16em;color:#55515a}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:760px){header{padding:20px}.quiet{margin-left:10px;font-size:7px}.panel{padding:84px 20px 30px}h1{font-size:44px}h2{font-size:38px}.arrival{padding-bottom:85px}.rail{right:8px;top:31vh;width:110px}.rail button{font-size:7px;padding:6px 8px}.selector{bottom:105px}.edge{right:20px;bottom:32px}.instrument{left:20px;right:20px;top:auto;bottom:110px;width:auto}.worldButtons{right:18px;top:33vh;width:180px}.worldCopy{left:20px;right:auto;bottom:105px;width:250px}.worldCopy p{font-size:19px}.final{display:block}.phone{position:absolute;margin:0;left:50%;top:31%;transform:translate(-50%,-50%);width:130px;height:270px;border-radius:25px}.finalCopy{position:absolute;left:20px;right:20px;bottom:42px;text-align:center}.finalCopy h2{font-size:36px}.finalCopy p{font-size:12px;margin:14px 0 18px}.finalCopy .cta{margin:auto}.kicker{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
