@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600&display=swap');
:root{--violet:#7957ff;--violet2:#9c7cff;--ink:#07070b;--muted:#9d9aa9}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-height:100vh;color:#f7f6fb;background:radial-gradient(circle at 50% 20%,#161124 0,#0b0a10 36%,#07070b 70%);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:46px 46px}
.ambient{position:fixed;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:.18}.a1{width:440px;height:440px;background:var(--violet);left:-220px;top:10%}.a2{width:360px;height:360px;background:#5430dc;right:-180px;bottom:5%}
.top{position:fixed;z-index:30;top:0;left:0;width:100%;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:linear-gradient(#08080cd9,transparent);pointer-events:none}
.brand{font:600 15px/1 Space Grotesk,sans-serif;letter-spacing:.18em}.brand strong{color:var(--violet2)}.brand span{font:500 8px/1 Inter,sans-serif;letter-spacing:.25em;color:#777382;margin-left:10px}
.step{font-size:10px;letter-spacing:.2em;color:#85818f}.rail{position:fixed;z-index:40;left:0;top:0;width:100%;height:2px;background:#ffffff0c}.rail i{display:block;height:100%;width:25%;background:linear-gradient(90deg,var(--violet),#b39cff);box-shadow:0 0 18px #7957ff;transition:width .45s cubic-bezier(.2,.8,.2,1)}
.experience{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:92px 5vw 38px}
.video-shell{position:relative;width:min(1180px,92vw);aspect-ratio:16/9;border-radius:22px;padding:1px;background:linear-gradient(135deg,#ffffff28,#7957ff33,#ffffff0a);box-shadow:0 40px 100px #000a,0 0 80px #7957ff10;overflow:hidden}
.video-shell:after{content:"";position:absolute;inset:0;border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff0a;pointer-events:none}
.shell-glow{position:absolute;width:45%;height:30%;left:27%;top:-20%;background:#7957ff;filter:blur(90px);opacity:.22}
video{display:block;width:100%;height:100%;object-fit:contain;background:#000;border-radius:21px}
.hidden{display:none!important}.sound{position:absolute;right:22px;bottom:22px;border:1px solid #ffffff2e;background:#0b0a10c9;backdrop-filter:blur(12px);color:#fff;border-radius:100px;padding:12px 17px;font-size:10px;letter-spacing:.13em;cursor:pointer}.sound span{color:var(--violet2);margin-left:8px}
.gate{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,#08070ba8,#08070be8);backdrop-filter:blur(9px);animation:fade .8s ease both}.gate-inner{text-align:center;padding:25px;animation:rise .8s .1s ease both}.eyebrow{color:#9c7cff;font-size:10px;letter-spacing:.28em;font-weight:600;margin-bottom:20px}.gate h1,.survey-head h2{font:500 clamp(42px,6.8vw,88px)/.94 Space Grotesk,sans-serif;letter-spacing:-.045em;margin:0}.gate p,.survey-head p{color:#aaa6b5;font-size:15px;margin:20px 0 30px}.primary{position:relative;border:1px solid #9c7cff7a;color:#fff;background:linear-gradient(120deg,#5e3ee9,#8465ff);border-radius:100px;padding:5px 6px 5px 25px;height:58px;font-size:11px;font-weight:700;letter-spacing:.1em;cursor:pointer;box-shadow:0 12px 45px #6846f244,0 0 0 6px #7957ff0a;transition:.25s ease}.primary b{display:inline-grid;place-items:center;width:46px;height:46px;margin-left:22px;border-radius:50%;background:#fff;color:#17121f;font-size:17px;transition:.25s}.primary:hover{transform:translateY(-2px);box-shadow:0 18px 55px #6846f266,0 0 0 8px #7957ff0c}.primary:hover b{transform:translateX(2px)}
.micro{width:min(1180px,92vw);display:flex;justify-content:space-between;margin-top:17px;color:#65616e;font-size:8px;letter-spacing:.2em}
.survey-section{min-height:100svh;padding:125px 5vw 80px;text-align:center;animation:fade .8s ease both}.survey-head h2{font-size:clamp(42px,6vw,76px)}.survey-head p{font-size:17px}.survey-frame{position:relative;width:min(820px,94vw);margin:48px auto 30px;padding:10px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid #ffffff12;border-radius:24px;box-shadow:0 35px 90px #0008,0 0 70px #7957ff0c}.survey-frame iframe{display:block;width:100%;min-height:500px;border:0;border-radius:17px;background:#fff}.corner{position:absolute;width:18px;height:18px;border-color:#7957ff;border-style:solid;opacity:.8}.c1{left:-5px;top:-5px;border-width:1px 0 0 1px}.c2{right:-5px;top:-5px;border-width:1px 1px 0 0}.c3{left:-5px;bottom:-5px;border-width:0 0 1px 1px}.c4{right:-5px;bottom:-5px;border-width:0 1px 1px 0}.trust{display:flex;align-items:center;justify-content:center;gap:13px;color:#625e6a;font-size:8px;letter-spacing:.16em}.trust i{width:3px;height:3px;background:#7957ff;border-radius:50%}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:700px){.top{height:62px;padding:0 18px}.brand{font-size:12px}.brand span{display:none}.step{font-size:8px}.experience{padding:72px 0 24px;justify-content:center}.video-shell{width:100vw;border-radius:0;padding:0;background:#000;box-shadow:0 24px 70px #000}.video-shell video{border-radius:0}.video-shell:after{border-radius:0}.micro{width:calc(100% - 32px);margin-top:13px}.micro span:last-child{display:none}.gate h1{font-size:48px}.gate p{font-size:14px;max-width:290px;margin:17px auto 25px}.eyebrow{font-size:9px}.primary{max-width:92vw;font-size:10px;padding-left:19px}.primary b{margin-left:12px}.survey-section{padding:95px 12px 55px}.survey-head h2{font-size:44px}.survey-frame{width:100%;margin-top:34px;padding:6px;border-radius:18px}.survey-frame iframe{border-radius:13px;min-height:560px}.trust{flex-wrap:wrap;line-height:1.8}.ambient{opacity:.12}}