*{box-sizing:border-box}
:root{color-scheme:dark}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030711;color:#f4f7ff;font-family:Arial,Helvetica,sans-serif}
body{position:relative}
#dataFlow{position:fixed;inset:0;width:100%;height:100%;display:block}
.veil{position:fixed;inset:0;pointer-events:none;background:
radial-gradient(circle at 75% 50%,rgba(24,75,150,.05),transparent 38%),
linear-gradient(90deg,rgba(2,5,12,.68) 0%,rgba(2,5,12,.20) 48%,rgba(2,5,12,.05) 100%)}
.hero{position:relative;z-index:2;height:100%;min-height:100dvh;padding:clamp(28px,5vw,72px) clamp(24px,6vw,92px);display:flex;align-items:center}
.copy{max-width:680px}
h1{font-size:clamp(46px,6.4vw,96px);line-height:.95;letter-spacing:-.055em;margin:0 0 34px;font-weight:760}
.tagline{font-size:clamp(18px,2vw,29px);line-height:1.25;letter-spacing:.04em;font-weight:650;margin:0 0 34px;color:rgba(247,249,255,.95)}
.offer-btn,.send-btn{appearance:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:white;border-radius:999px;padding:15px 22px;font-size:14px;font-weight:700;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(10px);transition:.25s ease}
.offer-btn:hover,.send-btn:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}
.offer-btn span,.send-btn span{margin-left:16px}
.keywords{margin:42px 0 0;font-size:12px;letter-spacing:.14em;color:rgba(215,225,244,.55)}
footer{position:absolute;right:clamp(24px,4vw,64px);bottom:28px;font-size:11px;letter-spacing:.13em;color:rgba(218,226,241,.42)}
.modal{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:24px;background:rgba(0,4,12,.62);backdrop-filter:blur(12px);opacity:0;visibility:hidden;transition:.25s ease}
.modal.show{opacity:1;visibility:visible}
.modal-card{position:relative;width:min(520px,100%);padding:36px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(7,13,25,.92);box-shadow:0 30px 100px rgba(0,0,0,.45)}
.close{position:absolute;right:18px;top:13px;border:0;background:none;color:rgba(255,255,255,.7);font-size:30px;cursor:pointer}
.eyebrow{font-size:11px;letter-spacing:.18em;color:#8ebdff;margin:0 0 18px}
h2{font-size:38px;letter-spacing:-.035em;margin:0 0 12px}
.modal-text{color:rgba(229,235,247,.66);line-height:1.55;margin:0 0 25px}
label{display:block;font-size:12px;letter-spacing:.08em;margin:0 0 9px;color:rgba(255,255,255,.72)}
input[type=email]{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.055);color:white;padding:15px 16px;font-size:16px;outline:none}
input[type=email]:focus{border-color:rgba(130,180,255,.62);box-shadow:0 0 0 3px rgba(80,145,255,.10)}
.send-btn{width:100%;margin-top:14px}
.status{min-height:20px;margin:14px 0 0;font-size:13px;color:rgba(221,231,248,.7)}
.hp{position:absolute!important;left:-9999px!important;opacity:0!important}
@media(max-width:650px){
  .hero{align-items:flex-start;padding-top:18vh}
  .keywords{line-height:1.8;max-width:320px}
  footer{left:24px;right:auto}
}
@media(prefers-reduced-motion:reduce){#dataFlow{opacity:.72}}