html,body,#root{margin:0;height:100%;background:#071018;color:#f4f7fb;font-family:Outfit,sans-serif}.stage{min-height:100%;display:grid;place-items:center;text-align:center;padding:24px}.stage h1{font-family:Fraunces,serif;font-size:clamp(64px,12vw,140px);letter-spacing:.12em;margin:8px 0}.frame{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:grid;place-items:center}.frame img,.frame video{width:100%;height:100%;object-fit:cover}.frame.contain img,.frame.contain video{object-fit:contain}.frame.rotate{inset:auto;top:50%;left:50%;width:100vh;height:100vw;transform:translate(-50%,-50%) rotate(90deg)}.frame .fade{animation:fade-in .6s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.banner{position:fixed;top:18px;left:50%;transform:translate(-50%);background:#3a2a12;padding:8px 14px;border-radius:999px}.demo{place-items:stretch}.demo-slide{height:100%;display:grid;align-content:end;padding:8vh 8vw;color:#fffaf3}.demo-slide p,.demo-slide span{letter-spacing:.08em;text-transform:uppercase;font-size:14px;opacity:.8}.demo-slide h2{font-family:Fraunces,serif;font-size:clamp(42px,7vw,92px);margin:12px 0;max-width:12ch}.s0{background:linear-gradient(160deg,#241814,#c23b2e)}.s1{background:linear-gradient(160deg,#1b2430,#c9852a)}.s2{background:linear-gradient(160deg,#14241c,#2f6b45)}.pick{width:min(640px,100%);display:grid;gap:14px;justify-items:center}.pick-brand{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:14px;color:#7fd4ff}.pick h1{font-family:Outfit,sans-serif;font-size:clamp(30px,5vw,52px);letter-spacing:-.02em;line-height:1.1;margin:0}.pick-lede{margin:0 0 8px;color:#9eb2c6;font-size:clamp(16px,2vw,20px)}.pick-field{width:100%;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 20px;border-radius:999px;background:#030a12;border:1px solid rgba(0,180,255,.4);box-shadow:inset 0 2px 8px #0000008c,0 0 40px -14px #00b4ff99}.pick-field:focus-within{border-color:#00b4ff}.pick-field span{color:#39c8ff;font-size:22px;font-weight:500}.pick-field input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:inherit;font:inherit;font-size:clamp(18px,2.4vw,24px);padding:12px 4px}.pick-field input::placeholder{color:#5f7890}.pick-field button{border:0;border-radius:999px;padding:14px 24px;font:inherit;font-size:clamp(16px,2vw,20px);font-weight:500;color:#031019;background:linear-gradient(180deg,#3fcbff,#00a3ec);cursor:pointer}.pick-field button:focus-visible{outline:3px solid #fff;outline-offset:2px}.pick-error{min-height:1.4em;margin:0;color:#ffb4ae}.pick-change{display:inline-block;margin-top:18px;padding:10px 18px;border-radius:999px;border:1px solid rgba(0,180,255,.45);color:#e6f4fd;text-decoration:none}.pick-change:focus-visible{outline:3px solid #fff;outline-offset:2px}