:root{--blue:#1f5bff;--coral:#ff8562;--pale:#c7d2e9;--bg:#080b12;--white:#fff}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif}.stage{position:fixed;inset:0;overflow:hidden;background:#080b12}.scenes,.scene{position:absolute;inset:0}.scene{opacity:0;background-size:cover;background-position:center;will-change:opacity,transform;transform:scale(1.06)}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,8,14,.94),rgba(5,8,14,.62) 34%,transparent 67%),linear-gradient(0deg,rgba(5,8,14,.42),transparent 40%)}header{position:absolute;z-index:5;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:center;padding:26px 4vw}.logo{display:flex;align-items:center;text-decoration:none;font-size:17px;letter-spacing:-.04em}.logo span{display:grid;place-items:center;width:42px;height:42px;margin-right:10px;background:var(--blue);border-radius:50%;font-weight:900}.logo b{font-weight:850}.logo i{color:var(--coral);font-style:normal;font-weight:850}.header-cta{padding:12px 18px;border:1px solid rgba(255,255,255,.32);border-radius:999px;text-decoration:none;font-size:13px;backdrop-filter:blur(12px);transition:.2s}.header-cta:hover{background:#fff;color:#080b12}.copy{position:absolute;z-index:4;left:4vw;top:50%;width:min(620px,49vw);transform:translateY(-45%)}.copy-inner{animation:in .55s cubic-bezier(.22,1,.36,1) both}.eyebrow{margin:0 0 17px;color:var(--coral);font-size:12px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}h1{margin:0;font-size:clamp(46px,5.6vw,92px);line-height:.93;letter-spacing:-.06em;text-wrap:balance}.body{max-width:560px;margin:25px 0 0;color:var(--pale);font-size:clamp(16px,1.3vw,20px);line-height:1.55}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.tag{padding:8px 11px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(8,11,18,.38);font-size:12px;backdrop-filter:blur(10px)}.main-cta{display:inline-flex;margin-top:29px;padding:16px 22px;border-radius:999px;background:var(--blue);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 14px 42px rgba(31,91,255,.36)}aside{position:absolute;z-index:5;right:4vw;top:50%;display:flex;align-items:center;gap:15px;transform:translateY(-50%)}#counter{writing-mode:vertical-rl;color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.15em}#dots{display:grid;gap:12px}.dot{width:5px;height:25px;border:0;border-radius:99px;background:rgba(255,255,255,.25);padding:0;cursor:pointer;transition:.25s}.dot.active{height:45px;background:var(--coral)}.scroll-tip{position:absolute;z-index:5;left:4vw;bottom:28px;display:flex;align-items:center;gap:13px;color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.scroll-tip i{width:48px;height:1px;background:var(--blue);position:relative;overflow:hidden}.scroll-tip i:after{content:"";position:absolute;inset:0;background:#fff;animation:sweep 1.8s infinite}.mobile-bg{display:none}#track{height:600vh}@keyframes in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes sweep{from{transform:translateX(-100%)}70%,to{transform:translateX(100%)}}
@media(max-width:860px),(pointer:coarse){.scene{background-image:var(--mobile)!important;background-position:center}.stage:after{background:linear-gradient(0deg,rgba(5,8,14,.98) 0%,rgba(5,8,14,.82) 32%,transparent 68%)}header{padding:18px 19px}.logo{font-size:14px}.logo span{width:36px;height:36px}.header-cta{padding:10px 13px;font-size:11px}.copy{left:20px;right:48px;top:auto;bottom:max(72px,calc(env(safe-area-inset-bottom) + 60px));width:auto;transform:none}h1{font-size:clamp(38px,11.5vw,58px)}.body{font-size:14px;line-height:1.45;margin-top:17px}.eyebrow{font-size:10px;margin-bottom:12px}.tags{margin-top:16px}.tag{font-size:10px;padding:6px 8px}.main-cta{margin-top:18px;padding:13px 17px}aside{right:15px}.scroll-tip{left:20px;bottom:max(21px,env(safe-area-inset-bottom))}.scroll-tip span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* Contact bar, lead form and final-slide footer */
.contactbar{position:absolute;z-index:7;inset:0 0 auto;height:38px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(4,7,12,.82);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.contactbar div{display:flex;align-items:center;gap:18px}.contactbar a{color:#fff;text-decoration:none;font-weight:750}.contactbar button{border:0;background:none;color:var(--coral);font:inherit;font-weight:800;text-transform:uppercase;cursor:pointer}header{top:38px;padding-top:20px}.header-cta{background:rgba(8,11,18,.3);color:#fff;font-family:inherit;cursor:pointer}.main-cta{border:0;font-family:inherit;font-size:14px;cursor:pointer}.final-contacts{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:20px;max-width:550px}.final-contacts a{color:#fff;text-decoration:none;font-weight:750}.final-contacts small{width:100%;color:var(--pale)}
dialog{width:min(520px,calc(100vw - 32px));padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#0d121d;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.65)}dialog::backdrop{background:rgba(2,4,8,.76);backdrop-filter:blur(8px)}dialog h2{margin:7px 0 10px;font-size:38px;letter-spacing:-.045em}dialog>p{margin:0 0 24px;color:var(--pale);line-height:1.5}.modal-kicker{color:var(--coral);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#fff;font-size:32px;cursor:pointer}.modal-close:hover{color:var(--coral)}#lead-form{display:grid;gap:15px}#lead-form label{display:grid;gap:7px;color:var(--pale);font-size:12px;font-weight:700}#lead-form input,#lead-form textarea{width:100%;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#151c29;color:#fff;padding:13px 14px;font:inherit;outline:none;resize:vertical}#lead-form input:focus,#lead-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,91,255,.18)}.submit{margin-top:3px;padding:14px 18px;border:0;border-radius:999px;background:var(--blue);color:#fff;font:inherit;font-weight:800;cursor:pointer}.submit:disabled{opacity:.55;cursor:wait}#form-status{min-height:20px;font-size:12px;color:var(--pale)}
dialog{width:min(520px,calc(100vw - 32px));padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:#0d121d;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.65)}dialog::backdrop{background:rgba(2,4,8,.76);backdrop-filter:blur(8px)}dialog h2{margin:7px 0 10px;font-size:38px;letter-spacing:-.045em}dialog>p{margin:0 0 24px;color:var(--pale);line-height:1.5}.modal-kicker{color:var(--coral);font-size:11px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;color:#fff;font-size:32px;cursor:pointer}.modal-close:hover{color:var(--coral)}#lead-form{display:grid;gap:15px}#lead-form label{display:grid;gap:7px;color:var(--pale);font-size:12px;font-weight:700}#lead-form input,#lead-form textarea{width:100%;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#151c29;color:#fff;padding:13px 14px;font:inherit;outline:none;resize:vertical}#lead-form input:focus,#lead-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,91,255,.18)}.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.submit{margin-top:3px;padding:14px 18px;border:0;border-radius:999px;background:var(--blue);color:#fff;font:inherit;font-weight:800;cursor:pointer}.submit:disabled{opacity:.55;cursor:wait}#form-status{min-height:20px;font-size:12px;color:var(--pale)}
@media(max-width:860px),(pointer:coarse){.contactbar{height:36px;padding:0 19px}.contactbar>span{display:none}.contactbar div{width:100%;justify-content:space-between;gap:10px}.contactbar a{font-size:10px}.contactbar button{font-size:9px}header{top:36px;padding-top:14px}.final-contacts{font-size:12px;margin-top:14px}dialog{padding:28px 22px}dialog h2{font-size:32px}}