:root{
  --bg:#07111d;
  --bg-2:#0c1a2b;
  --surface:#ffffff;
  --surface-2:#f5f8fc;
  --text:#0f1d2e;
  --muted:#637287;
  --line:#d9e3ef;
  --white:#ffffff;
  --navy:#0c1828;
  --navy-2:#12253c;
  --blue:#2d7dff;
  --orange:#f59b2f;
  --orange-2:#f8b04c;
  --shadow:0 22px 60px rgba(8,20,40,.14);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#06111b;color:var(--text);line-height:1.55}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{width:min(1200px,calc(100% - 40px));margin:0 auto}

.site-header{position:sticky;top:0;z-index:50;background:rgba(7,17,29,.84);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0}
.brand{display:flex;align-items:center;gap:14px;color:#fff}
.brand strong{display:block;font-size:1.04rem}
.brand small{display:block;font-size:.76rem;color:#b8c7da}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--orange),#ffce78);color:#07111d;font-weight:900}
.top-nav{display:flex;gap:22px;color:#d7e2f0;font-weight:600;font-size:.95rem}
.top-nav a:hover{color:#fff}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:14px;font-weight:800;transition:.2s ease;cursor:pointer;border:1px solid transparent}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#08111b;box-shadow:0 14px 28px rgba(245,155,47,.28)}
.btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.btn-outline{color:#fff;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
.btn-block{width:100%}

.hero{position:relative;overflow:hidden;background:radial-gradient(circle at top right, rgba(45,125,255,.26), transparent 28%),linear-gradient(135deg,#07111d 0%, #10233a 58%, #17304d 100%);color:#fff;padding:86px 0 70px}
.hero-bg{position:absolute;inset:auto -8% -14% auto;width:760px;height:760px;background:radial-gradient(circle, rgba(245,155,47,.18), transparent 58%);filter:blur(8px)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center}
.eyebrow{display:inline-block;margin-bottom:14px;font-size:.84rem;letter-spacing:.18em;text-transform:uppercase;color:#ffca7c;font-weight:800}
.hero h1{font-size:clamp(3rem,6vw,5.6rem);line-height:.94;letter-spacing:-.05em;margin:0 0 18px;max-width:10ch}
.hero h1 span{color:#ffb14c}
.lead{font-size:1.1rem;color:#d7e2f0;max-width:60ch;margin:0 0 28px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hero-points div{padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.05)}
.hero-points strong{display:block;font-size:1rem;margin-bottom:3px}
.hero-points span{color:#c4d3e5;font-size:.92rem}

.hero-card{background:#fff;color:var(--text);border-radius:26px;padding:28px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.14)}
.card-badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:#eef5ff;color:var(--blue);font-weight:800;font-size:.8rem;margin-bottom:10px}
.hero-card h2{margin:0 0 8px;font-size:2rem;line-height:1}
.hero-card p{margin:0 0 20px;color:var(--muted)}
.offer-form{display:grid;gap:14px}
.offer-form label{display:grid;gap:7px;font-weight:700;font-size:.94rem;color:#243348}
.offer-form input,.offer-form select{width:100%;padding:14px 15px;border-radius:14px;border:1px solid var(--line);font:inherit;background:#fbfdff;color:var(--text)}
.offer-form small{color:var(--muted);text-align:center}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

.trust-strip{background:#081523;color:#fff;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:20px 0}
.trust-grid div{padding:8px 12px}
.trust-grid strong{display:block;margin-bottom:4px}
.trust-grid span{display:block;color:#b4c5d9;font-size:.94rem}

.section{padding:84px 0;background:#fff}
.section-dark{background:linear-gradient(180deg,#0c1727,#102238);color:#fff}
.section-soft{background:#f4f8fc}
.section-head{display:grid;gap:16px;margin-bottom:34px}
.section-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;letter-spacing:-.04em;margin:0;max-width:13ch}
.section-head p{max-width:56ch;color:var(--muted);margin:0}
.section-head.center{text-align:center;justify-items:center}
.section-head.split{grid-template-columns:1fr .9fr;align-items:end}
.section-dark .section-head p{color:#c3d4e7}

.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.feature-card{padding:24px;border:1px solid #e2e9f2;border-radius:22px;background:#fff;box-shadow:0 10px 22px rgba(9,22,40,.05)}
.feature-card h3{margin:0 0 8px;font-size:1.2rem}
.feature-card p{margin:0;color:var(--muted)}
.icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#fff2de;font-size:1.4rem;margin-bottom:16px}

.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.step-card{padding:24px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.step-num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#08111b;font-weight:900;margin-bottom:16px}
.step-card h3{margin:0 0 10px;font-size:1.15rem}
.step-card p{margin:0;color:#cfdbeb}

.tag-grid{display:flex;flex-wrap:wrap;gap:14px}
.tag-grid span{padding:14px 18px;border-radius:999px;background:#0d1c2e;color:#fff;font-weight:700}

.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.faq-item{padding:22px;border-radius:20px;background:#fff;border:1px solid #dde6f0}
.faq-item h3{margin:0 0 8px;font-size:1.08rem}
.faq-item p{margin:0;color:var(--muted)}

.cta-band{background:linear-gradient(135deg,#081523 0%, #112644 100%);color:#fff}
.cta-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta-wrap h2{margin:0 0 8px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em}
.cta-wrap p{margin:0;color:#c9d9eb;max-width:55ch}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}

.site-footer{background:#07111d;color:#fff;padding:28px 0;border-top:1px solid rgba(255,255,255,.08)}
.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-footer p{margin:6px 0 0;color:#b5c6da;max-width:50ch}
.footer-meta{display:flex;gap:18px;flex-wrap:wrap;color:#d5e0ef}

@media(max-width:1100px){
  .hero-grid,.section-head.split,.feature-grid,.steps-grid,.trust-grid{grid-template-columns:1fr 1fr}
  .hero h1{max-width:unset}
}
@media(max-width:820px){
  .top-nav{display:none}
  .hero-grid,.feature-grid,.steps-grid,.faq-grid,.section-head.split,.trust-grid,.footer-wrap,.cta-wrap,.form-row{grid-template-columns:1fr;display:grid}
  .hero{padding:70px 0 56px}
  .hero-points{grid-template-columns:1fr}
  .btn-outline{display:none}
}