@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');

:root { color-scheme: dark; --ink:#071018; --panel:#0d1822; --line:#263544; --white:#f3f8fc; --muted:#a8b8c6; --blue:#00aeef; --blue2:#087ad6; font-family:'DM Sans',Arial,sans-serif; scroll-behavior:smooth; }
* { box-sizing:border-box; }
body { margin:0; background:var(--ink); color:var(--white); }
img { display:block; max-width:100%; }
a { color:inherit; text-decoration:none; }
button,input,textarea,select { font:inherit; }
button,a,input,textarea,select { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:3px solid var(--blue); outline-offset:4px; }
.topbar { height:88px; padding:12px max(5vw,24px); display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #24333e; background:#071018; }
.brand { width:154px; display:block; }
.brand img { width:100%; height:auto; }
.top-cta { border:1px solid #4b697c; padding:11px 17px; border-radius:3px; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; transition:background .2s,border-color .2s; }
.top-cta:hover { background:#153348; border-color:var(--blue); }
.top-cta span { color:var(--blue); margin-left:13px; }
.hero { display:grid; grid-template-columns: minmax(0,1.1fr) minmax(360px,.9fr); min-height:650px; overflow:hidden; background:radial-gradient(circle at 44% 30%,#143149 0,#071018 52%); }
.hero-copy { padding:92px 5vw 90px max(5vw,calc((100vw - 1300px)/2)); align-self:center; position:relative; z-index:1; }
.eyebrow { color:var(--blue); letter-spacing:.17em; font-size:12px; line-height:1.4; font-weight:700; margin:0 0 24px; }
.eyebrow-line { display:inline-block; width:22px; height:2px; background:var(--blue); vertical-align:middle; margin-right:10px; }
h1,h2 { font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif; text-transform:uppercase; letter-spacing:-.015em; margin:0; line-height:.94; }
h1 { max-width:740px; font-size:clamp(70px,8.5vw,136px); font-weight:900; }
h1 em { font-style:normal; color:var(--blue); display:block; }
.closing h2 { max-width:740px; font-size:clamp(70px,8.5vw,136px); font-weight:900; }
.closing h2 em { font-style:normal; color:var(--blue); display:block; }
.hero-lead { color:#d1dce4; line-height:1.65; font-size:18px; max-width:560px; margin:28px 0 31px; }
.primary-button { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:56px; padding:16px 22px; border:1px solid var(--blue); border-radius:3px; background:linear-gradient(105deg,var(--blue2),var(--blue)); color:#fff; font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.055em; cursor:pointer; box-shadow:0 10px 30px #008edb33; transition:transform .2s,filter .2s; }
.primary-button:hover { transform:translateY(-2px); filter:brightness(1.12); }
.primary-button span { font-size:19px; font-weight:400; }
.hero-note { color:#8ba1b1; font-size:12px; margin-top:17px; }
.hero-visual { position:relative; overflow:hidden; min-height:650px; background:#13212b; }
.hero-visual:before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,#071018 0%,transparent 27%),linear-gradient(0deg,#071018bd 0%,transparent 35%); }
.hero-visual img { width:100%; height:100%; object-fit:cover; object-position:center 36%; position:absolute; inset:0; }
.hero-visual-label { position:absolute; z-index:2; right:34px; bottom:32px; text-align:right; font-family:'Barlow Condensed',Impact,sans-serif; font-weight:800; font-size:30px; letter-spacing:.07em; line-height:1; }
.hero-visual-label small { display:block; font:700 11px 'DM Sans',sans-serif; color:var(--blue); margin-top:8px; letter-spacing:.2em; }
.proof { display:grid; grid-template-columns:.82fr 1.18fr; gap:6vw; align-items:center; max-width:1380px; margin:auto; padding:96px 5vw; }
.proof-copy h2 { font-size:clamp(44px,5.2vw,80px); font-weight:800; max-width:480px; }
.proof-copy p:not(.eyebrow) { font-size:16px; color:var(--muted); line-height:1.7; max-width:440px; margin:24px 0 0; }
.proof-image { padding:8px; border:1px solid #2e4e61; background:#0e1a24; box-shadow:0 18px 65px #0008; }
.proof-image img { width:100%; height:auto; }
.questionnaire { background:radial-gradient(circle at 30% 18%,#173247 0,#0d1923 42%); border-bottom:1px solid #244052; display:grid; grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr); gap:6vw; padding:58px max(5vw,calc((100vw - 1300px)/2)) 84px; scroll-margin-top:20px; }
.questionnaire-intro { position:sticky; top:35px; align-self:start; }
.questionnaire h1 { font-size:clamp(58px,6vw,94px); font-weight:800; max-width:580px; }
.questionnaire-intro > p:not(.eyebrow) { font-size:16px; line-height:1.7; color:var(--muted); max-width:440px; margin:24px 0 35px; }
.step-marker { display:flex; justify-content:space-between; max-width:440px; border-top:1px solid #365267; padding-top:16px; color:var(--blue); font-weight:700; font-size:11px; letter-spacing:.15em; }
.lead-form { background:#111f2b; border:1px solid #355064; padding:36px; box-shadow:0 28px 65px #0004; }
.field { margin-bottom:25px; }
.field label { display:block; color:#edf5fa; font-size:14px; line-height:1.5; font-weight:700; margin-bottom:10px; }
.field label > span[aria-hidden="true"] { color:var(--blue); }
.number { color:var(--blue); font-family:'Barlow Condensed',Impact,sans-serif; font-size:19px; margin-right:8px; }
.field input,.field textarea,.field select { display:block; width:100%; border:1px solid #3b5263; border-radius:3px; padding:14px 15px; background:#0b1721; color:#fff; font-size:15px; outline:none; transition:border-color .2s; }
.field textarea { resize:vertical; min-height:80px; }
.field input:focus,.field textarea:focus,.field select:focus { border-color:var(--blue); }
.field input::placeholder,.field textarea::placeholder { color:#8296a6; }
.field select { min-height:52px; cursor:pointer; }
.field select:invalid { color:#8296a6; }
.submit-button { width:100%; margin-top:5px; text-align:left; }
.form-note { margin:17px 0 0; color:#a4b6c5; font-size:12px; line-height:1.6; }
.footer { display:flex; justify-content:space-between; gap:20px; padding:30px 5vw; color:#8ca1af; font-size:12px; }
.footer a:hover { color:var(--blue); }
@media (max-width:850px) { .hero { grid-template-columns:1fr; } .hero-copy { padding:66px 6vw 54px; } .hero-visual { min-height:500px; } .hero-visual:before { background:linear-gradient(0deg,#071018bd,transparent 45%); } .proof { grid-template-columns:1fr; gap:32px; padding:74px 6vw; } .proof-copy h2 { max-width:650px; } .questionnaire { grid-template-columns:1fr; padding:55px 6vw 75px; gap:26px; } .questionnaire-intro { position:static; } .questionnaire-intro > p:not(.eyebrow) { margin-bottom:22px; } }
@media (max-width:520px) { .topbar { height:70px; padding:9px 5vw; } .brand { width:118px; } .top-cta { font-size:10px; padding:10px 11px; } .top-cta span { margin-left:5px; } .closing h2 { font-size:clamp(64px,16vw,88px); } .hero-copy { padding:57px 6vw 42px; } .hero-lead { font-size:16px; margin:22px 0 26px; } .hero-visual { min-height:390px; max-height:490px; } .hero-visual-label { right:20px; bottom:20px; font-size:24px; } .proof { padding:65px 6vw; } .proof-copy h2 { font-size:clamp(46px,11vw,65px); } .questionnaire { padding:34px 5vw 65px; gap:22px; } .questionnaire .eyebrow { font-size:10px; margin-bottom:15px; } .questionnaire h1 { font-size:clamp(46px,11.8vw,64px); line-height:.96; } .questionnaire-intro > p:not(.eyebrow) { font-size:14px; margin:15px 0 18px; } .step-marker { padding-top:12px; } .lead-form { padding:22px 18px; } .field { margin-bottom:21px; } .primary-button { width:100%; font-size:13px; } .footer { flex-direction:column; padding:26px 5vw; } }
@media (prefers-reduced-motion:reduce) { :root { scroll-behavior:auto; } .primary-button,.top-cta { transition:none; } }