:root { --blue:#002e9a; --blue2:#0054e8; --ink:#101827; --muted:#647086; --line:#dfe5ee; --ice:#f3f7fc; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:#fff; color:var(--ink); font-family:var(--font-geist-sans),Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.site-header { height:82px; padding:0 clamp(22px,5vw,78px); display:flex; align-items:center; gap:42px; position:absolute; z-index:20; width:100%; color:white; border-bottom:1px solid #ffffff25; }
.brand img { width:166px; height:auto; display:block; }
.site-header nav { display:flex; gap:30px; margin-left:auto; font-size:14px; color:#dce7ff; }
.site-header nav a:hover { color:#fff; }
.button { display:inline-flex; justify-content:center; align-items:center; gap:18px; min-height:54px; padding:0 25px; border-radius:8px; border:1px solid transparent; font-weight:750; cursor:pointer; transition:.2s ease; }
.button:hover { transform:translateY(-2px); box-shadow:0 12px 28px #001d6650; }
.button--small { min-height:43px; padding:0 19px; font-size:14px; }
.button--light { background:#fff; color:var(--blue); }
.button--blue { background:var(--blue); color:#fff; width:100%; }
.button--outline { border-color:#b9c5d7; color:var(--blue); width:100%; }
.button--ghost { border-color:#ffffff60; color:#fff; }
.hero { min-height:790px; padding:155px clamp(22px,7vw,112px) 90px; display:grid; grid-template-columns:1fr minmax(420px,.9fr); align-items:center; gap:clamp(40px,6vw,110px); overflow:hidden; position:relative; color:#fff; background:radial-gradient(circle at 75% 25%,#075fdd 0,#003aaa 26%,#002071 70%,#001645 100%); }
.hero:after { content:""; position:absolute; inset:0; opacity:.12; background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(90deg,transparent 20%,#000); }
.hero-glow { position:absolute; width:580px; height:580px; border:1px solid #58a0ff60; border-radius:50%; right:4%; top:120px; box-shadow:0 0 0 70px #559dff15,0 0 0 140px #559dff0c; }
.hero-copy,.hero-media { position:relative; z-index:2; min-width:0; }
.eyebrow,.kicker { display:flex; align-items:center; gap:10px; color:var(--blue); font-size:12px; font-weight:850; letter-spacing:.16em; }
.eyebrow { color:#bcd5ff; }
.eyebrow span { width:28px; height:2px; background:#6ea6ff; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(48px,6vw,86px); line-height:.97; letter-spacing:-.055em; margin:24px 0 28px; max-width:760px; }
h1 em { color:#72aaff; font-style:normal; }
.hero-copy>p { color:#d8e5ff; line-height:1.75; max-width:650px; font-size:18px; }
.hero-actions { display:flex; align-items:center; gap:26px; margin-top:32px; flex-wrap:wrap; }
.text-link { font-weight:700; }
.trust-row { display:flex; gap:24px; margin-top:35px; color:#bed0ee; font-size:12px; flex-wrap:wrap; }
.video-card { position:relative; width:100%; max-width:100%; aspect-ratio:16/10; min-height:360px; overflow:hidden; border:1px solid #ffffff35; border-radius:20px; background:linear-gradient(145deg,#06152fdd,#0b2450dd); box-shadow:0 35px 70px #0007; }
.video-card:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 45%,#0664d650,transparent 48%),linear-gradient(120deg,transparent 30%,#fff08 50%,transparent 70%); }
.video-topline { position:absolute; top:0; left:0; right:0; padding:18px 20px; border-bottom:1px solid #ffffff20; font-size:12px; color:#b9c9e4; }
.live-dot { display:inline-block; width:7px; height:7px; margin-right:7px; background:#ff4059; border-radius:50%; box-shadow:0 0 0 5px #ff405920; }
.video-center { position:absolute; inset:55px 0 52px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.play-button { width:76px; height:76px; border-radius:50%; border:1px solid #70aaff; background:#0c60d5; box-shadow:0 0 0 14px #2e7be530,0 0 45px #2786ff70; cursor:pointer; }
.play-button span { display:block; margin:auto; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:16px solid white; transform:translateX(2px); }
.video-center p { margin:22px 0 4px; font-weight:700; }
.video-center small { color:#8fa8cd; }
.video-center--embed { inset:0; z-index:2; }
.video-center--embed iframe { width:100%; height:100%; border:0; display:block; }
.video-signal { position:absolute; bottom:0; left:0; right:0; height:52px; display:flex; align-items:center; justify-content:center; gap:12px; background:#06132980; color:#c7dbf6; font:700 10px var(--font-geist-mono); letter-spacing:.1em; }
.video-signal i { width:35px; height:1px; background:#4d84c9; }
.floating-card { position:absolute; z-index:3; padding:14px 18px; border:1px solid #ffffff30; border-radius:11px; background:#061a3ae8; box-shadow:0 15px 30px #0005; display:flex; flex-direction:column; gap:3px; font-size:11px; }
.floating-card b { color:#fff; font-size:12px; }.floating-card span { color:#9fb5d3; }.floating-card--top { top:-25px; right:-25px; }.floating-card--top b { color:#ff5267; }.floating-card--bottom { bottom:-25px; left:-25px; }.floating-card--bottom b { color:#70aaff; }
.proof-strip { min-height:100px; padding:24px clamp(22px,7vw,112px); display:flex; align-items:center; justify-content:center; gap:25px; color:#8a94a8; background:#f7f9fc; border-bottom:1px solid #e7ebf2; flex-wrap:wrap; }
.proof-strip>span { font-size:10px; letter-spacing:.14em; font-weight:800; margin-right:20px; }.proof-strip strong { color:#49566c; font-size:16px; }.proof-strip i { width:4px; height:4px; border-radius:50%; background:#bcc5d2; }
.section { padding:110px clamp(22px,7vw,112px); }
.section-heading,.pricing-head { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:80px; max-width:1200px; margin:0 auto 60px; }
h2 { font-size:clamp(38px,5vw,64px); line-height:1.04; letter-spacing:-.045em; margin:17px 0 0; }
.section-heading>p { color:var(--muted); line-height:1.7; font-size:17px; }
.steps { max-width:1200px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:18px; overflow:hidden; }
.steps article { padding:42px; position:relative; min-height:330px; }.steps article+article { border-left:1px solid var(--line); }.step-number { position:absolute; right:26px; top:24px; color:#cdd5e1; font:700 13px var(--font-geist-mono); }.step-icon { width:58px; height:58px; display:grid; place-items:center; background:#eaf1ff; color:var(--blue); font-size:27px; border-radius:12px; margin-bottom:55px; }.steps h3 { font-size:21px; margin-bottom:12px; }.steps p { color:var(--muted); line-height:1.7; font-size:14px; }
.feature-band { padding:110px clamp(22px,7vw,112px); display:grid; grid-template-columns:1fr 1fr; gap:9vw; align-items:center; color:#fff; background:linear-gradient(135deg,#061a46,#002e9a); overflow:hidden; }.kicker--light { color:#7db1ff; }.feature-copy { max-width:610px; min-width:0; }.feature-copy>p { margin:25px 0 35px; color:#c8d7ed; line-height:1.7; }.feature-copy ul { list-style:none; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:28px; }.feature-copy li { display:flex; flex-direction:column; border-left:2px solid #4c91ff; padding-left:15px; }.feature-copy li span { color:#aebfd8; font-size:13px; line-height:1.5; margin-top:6px; }.feature-visual { min-width:0; transform:rotate(2deg); }.video-card--compact { min-height:410px; }
.pricing { background:#f5f8fc; }.pricing-head { align-items:center; }.billing-toggle { justify-self:end; background:#e6ebf3; padding:5px; border-radius:9px; display:flex; }.billing-toggle button { border:0; background:transparent; color:#67738a; padding:12px 18px; border-radius:7px; cursor:pointer; font-size:13px; font-weight:700; }.billing-toggle button.active { background:#fff; color:var(--blue); box-shadow:0 4px 15px #10245314; }.billing-toggle span { background:#dfeaff; color:var(--blue); font-size:8px; padding:4px 6px; border-radius:4px; margin-left:5px; }.price-grid { max-width:1000px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:stretch; }.price-card { position:relative; background:#fff; border:1px solid var(--line); border-radius:18px; padding:42px; box-shadow:0 18px 50px #1634630c; }.price-card--primary { border:2px solid var(--blue); }.popular { position:absolute; right:24px; top:-13px; background:var(--blue); color:#fff; padding:7px 12px; border-radius:5px; font-size:9px; letter-spacing:.1em; font-weight:850; }.plan-label { color:var(--blue); font-size:10px; letter-spacing:.16em; font-weight:850; }.price-card h3 { margin:10px 0 25px; font-size:25px; }.old-price { color:#9ba5b6; text-decoration:line-through; font-size:13px; }.price { color:var(--blue); font-size:50px; line-height:1.15; font-weight:850; letter-spacing:-.05em; }.price small { font-size:18px; }.price span { font-size:15px; letter-spacing:0; }.price-note { color:#7b8799; font-size:12px; }.deal { padding:13px; margin:22px 0; border-radius:8px; background:#eef4ff; color:var(--blue); font-size:12px; font-weight:750; text-align:center; }.price-card ul { list-style:none; padding:20px 0; margin:0; border-top:1px solid var(--line); }.price-card li { padding:8px 0; font-size:13px; color:#536176; }.discount { display:flex; align-items:center; gap:14px; padding:22px 0; border-block:1px solid var(--line); }.discount b { color:var(--blue); font-size:61px; line-height:1; }.discount span { color:#667388; font-weight:700; line-height:1.4; }.volume-card>p { color:var(--muted); line-height:1.65; margin:24px 0; }.volume-example { background:#f5f7fa; border-radius:9px; padding:15px 17px; margin-bottom:25px; display:flex; justify-content:space-between; gap:10px; font-size:12px; }.volume-example strong { color:var(--blue); }.pricing-footnote { max-width:1000px; margin:20px auto 0; color:#8993a4; font-size:11px; }
.partner { min-height:680px; padding:105px clamp(22px,7vw,112px); position:relative; display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:9vw; overflow:hidden; color:#fff; background:#09101f; }.partner:after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,#002e9a30); }.partner-copy,.partner-card { position:relative; z-index:2; }.partner-mark { position:absolute; left:-30px; top:-180px; font-size:800px; line-height:1; color:#ffffff06; font-weight:200; transform:rotate(13deg); }.partner-copy>p { max-width:650px; color:#b6c2d3; line-height:1.7; margin:25px 0 28px; }.partner-prices { display:flex; gap:50px; margin:30px 0; }.partner-prices div { display:flex; flex-direction:column; }.partner-prices span { color:#6f9eed; font-size:9px; font-weight:850; letter-spacing:.13em; }.partner-prices b { font-size:30px; margin:7px 0 2px; }.partner-prices small { color:#94a4bc; }.partner-card { padding:35px; border:1px solid #ffffff20; border-radius:17px; background:#ffffff08; backdrop-filter:blur(15px); }.partner-card>span { color:#6c9be9; font-size:10px; letter-spacing:.15em; font-weight:850; }.partner-card ul { list-style:none; padding:5px 0 0; margin:0; }.partner-card li { padding:19px 0; display:flex; flex-direction:column; border-bottom:1px solid #ffffff12; }.partner-card li:last-child { border:0; }.partner-card small { color:#8fa0b9; margin-top:5px; }
.cta { padding:105px 22px; text-align:center; color:#fff; background:linear-gradient(135deg,#002274,#004dde); }.cta img { display:block; width:96px; height:96px; object-fit:contain; margin:0 auto 28px; }.cta .kicker { justify-content:center; }.cta p { color:#cbddfa; margin:22px 0 0; }.cta .hero-actions { justify-content:center; }.cta>small { display:block; margin-top:25px; color:#91b4ed; }
footer { padding:38px clamp(22px,7vw,112px); display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:30px; background:#070d18; color:#8e9aae; font-size:12px; }footer img { width:135px; }footer p { margin:0; }footer div { display:flex; gap:22px; }footer>span { grid-column:1/-1; border-top:1px solid #ffffff12; padding-top:22px; }
@media(max-width:900px){.site-header nav{display:none}.site-header{gap:14px}.site-header .button{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:125px}.hero-media{max-width:680px}.section-heading,.pricing-head,.feature-band,.partner{grid-template-columns:1fr}.section-heading{gap:18px}.steps{grid-template-columns:1fr}.steps article+article{border-left:0;border-top:1px solid var(--line)}.feature-copy ul{grid-template-columns:1fr 1fr}.billing-toggle{justify-self:start}.partner{gap:50px}.price-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr auto}footer p{display:none}}
@media(max-width:600px){.site-header{height:70px;padding-inline:16px}.brand img{width:128px}.site-header .button{font-size:11px;min-height:39px;padding:0 12px}.hero{padding:118px 18px 64px;min-height:auto;gap:38px}.hero-copy h1{font-size:clamp(38px,12vw,52px);line-height:1.01;letter-spacing:-.045em;margin:20px 0 24px}.hero-copy>p{font-size:16px;line-height:1.65}.hero-actions{align-items:stretch;gap:18px}.hero-actions .button{max-width:100%;white-space:normal;text-align:center}.hero-media{width:100%;max-width:100%;margin:4px 0 18px}.video-card,.video-card--compact{width:100%;min-width:0;min-height:0;aspect-ratio:16/10;border-radius:14px}.video-center{inset:48px 10px 44px}.video-center--embed{inset:0}.video-center p{margin-top:14px}.video-center small{max-width:90%;font-size:11px;line-height:1.35}.play-button{width:60px;height:60px}.video-signal{height:44px;gap:7px;font-size:8px;letter-spacing:.06em;white-space:nowrap}.video-signal i{width:18px;flex:0 1 18px}.floating-card{display:none}.trust-row{gap:10px 18px}.proof-strip{gap:14px}.proof-strip>span{width:100%;text-align:center;margin:0}.section{padding:72px 18px}.section-heading,.pricing-head{margin-bottom:38px}.section-heading h2,.pricing-head h2,.feature-copy h2,.partner-copy h2,.cta h2{font-size:clamp(34px,10.5vw,44px);line-height:1.07;overflow-wrap:anywhere}.steps article{padding:30px;min-height:280px}.feature-band,.partner{padding:72px 18px}.feature-copy ul{grid-template-columns:1fr}.feature-visual{width:100%;transform:none}.billing-toggle{max-width:100%}.billing-toggle button{padding:10px 9px}.price-card{padding:30px 22px;min-width:0}.price{font-size:clamp(38px,12vw,44px);white-space:normal}.discount b{font-size:52px}.volume-example{flex-direction:column}.partner-prices{gap:22px;flex-wrap:wrap}.partner-prices b{font-size:24px}.cta{padding:72px 18px}.cta h2 br{display:none}footer{grid-template-columns:1fr;padding-inline:18px}footer div{flex-wrap:wrap}}
@media(max-width:360px){.site-header .button{font-size:10px;padding:0 9px}.brand img{width:116px}.hero-copy h1{font-size:36px}.hero-actions .button{width:100%;padding-inline:16px}.trust-row{display:grid;gap:9px}.video-topline{padding:13px 14px;font-size:10px}.video-center{inset:42px 8px 40px}.video-center--embed{inset:0}.play-button{width:52px;height:52px}.video-center small{display:none}.video-signal{font-size:7px;gap:5px}.video-signal i{width:12px}.section-heading h2,.pricing-head h2,.feature-copy h2,.partner-copy h2,.cta h2{font-size:32px}.partner-prices{flex-direction:column}.billing-toggle{width:100%}.billing-toggle button{flex:1}.billing-toggle span{display:block;margin:3px 0 0}.price{font-size:38px}.price-card{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}