@charset "UTF-8";
:root{color-scheme:dark;--blue:#3669ff;--muted:#bdc5cc;--duration:5s}
*,*::before,*::after{box-sizing:border-box}
html{background:#101820;-webkit-text-size-adjust:100%}
body{margin:0;color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.scene{position:fixed;inset:0;background:#17222b url('hero.webp') center center/cover no-repeat;pointer-events:none}
.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,17,25,.94) 0%,rgba(9,17,25,.82) 29%,rgba(9,17,25,.36) 61%,rgba(9,17,25,.08) 100%),linear-gradient(0deg,rgba(9,17,25,.67),transparent 35%)}
.shell{position:relative;min-height:100svh;max-width:1800px;margin:auto;padding:0 clamp(24px,6vw,110px);display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.identity{display:inline-flex;align-items:center;gap:16px;text-decoration:none}
.logo{width:49px;height:56px;object-fit:contain}
.brand{font-size:28px;font-weight:800;letter-spacing:-1px}.brand span{font-weight:400;letter-spacing:-.8px}
.family{font-size:12px;letter-spacing:.035em;color:#d0d5d9}
.content{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:64px 0 72px;max-width:630px;animation:enter .65s ease-out both}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:600;margin:0 0 25px;color:#d5dce2}
.eyebrow span{height:2px;width:27px;background:#668cff}
h1{font-size:clamp(44px,5.2vw,76px);font-weight:500;line-height:1.06;letter-spacing:-.055em;margin:0 0 25px;text-wrap:balance}
.description{font-size:17px;line-height:1.75;color:var(--muted);max-width:455px;margin:0;text-wrap:pretty}
.destination{width:min(100%,390px);margin-top:42px}
.destination__label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#9eaebc;margin:0 0 12px}
.cta{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:18px 22px;background:var(--blue);border-radius:4px;text-decoration:none;font-size:14px;font-weight:600;transition:background .2s,transform .2s}
.cta svg{width:22px;height:22px;flex-shrink:0}.cta:hover{background:#507dff;transform:translateY(-2px)}
a:focus-visible{outline:3px solid #b1c4ff;outline-offset:5px}
.redirect{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px}
.counter{font-size:11px;margin:0;color:#bac4ce;line-height:1.5;font-variant-numeric:tabular-nums}
.redirect__dot{height:5px;width:5px;flex:none;border-radius:50%;background:#7d9aff}
.progress{height:2px;margin-top:12px;background:rgba(255,255,255,.18);overflow:hidden}
.progress__bar{height:100%;background:#7998ff;transform-origin:left;animation:progress var(--duration) linear both}
.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.16);padding:23px 0 26px;color:#a9b3bd;font-size:10px;letter-spacing:.055em}.footer__domain{color:#d8dfe5}
@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1600px){.content{max-width:730px}}
@media(max-width:700px){.shell{padding:0 25px}.header{padding:24px 0}.logo{width:38px;height:44px}.brand{font-size:24px}.identity{gap:12px}.family{display:none}.content{padding:64px 0 58px;max-width:100%}h1{font-size:clamp(42px,10vw,64px);max-width:520px}.description{font-size:15px;max-width:420px}.eyebrow{font-size:9px;letter-spacing:.13em}.destination{margin-top:32px;width:min(100%,390px)}.scene{background-position:66% center}.scene::after{background:linear-gradient(90deg,rgba(9,17,25,.88),rgba(9,17,25,.55)),linear-gradient(0deg,rgba(9,17,25,.8),transparent 70%)}.footer{padding:21px 0;font-size:9px}}
@media(max-height:650px) and (min-width:701px){.header{padding:20px 0}.content{padding:35px 0}.destination{margin-top:24px}h1{font-size:54px}.footer{padding:18px 0}}
@media(prefers-reduced-motion:reduce){.content{animation:none}.progress__bar{animation:none;transform:scaleX(1)}.cta{transition:none}}