:root{
  --navy:#071b49;
  --navy-2:#0b285f;
  --blue:#1476f5;
  --cyan:#19c9e8;
  --green:#16b987;
  --mint:#39e39b;
  --bg:#f7faff;
  --line:#e6edf7;
  --text:#0b1833;
  --muted:#66758f;
  --white:#fff;
  --shadow:0 24px 70px rgba(15,47,99,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(230,237,247,.8)}
.nav{height:76px;display:flex;align-items:center;gap:30px}
.brand{width:170px;display:block}
.brand img{width:100%;height:auto}
.nav-links{margin-left:auto;display:flex;gap:30px;font-size:14px;font-weight:600;color:#50617c}
.nav-links a:hover{color:var(--navy)}
.nav-cta{padding:11px 17px;border-radius:12px;background:var(--navy);color:#fff;font-size:13px;font-weight:700}
.hero{overflow:hidden;position:relative;background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);padding:92px 0 78px}
.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(25,201,232,.13),transparent 67%);right:-180px;top:-180px}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:55px;min-height:560px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #dfeaf6;background:#fff;border-radius:999px;font-size:12px;font-weight:700;color:#526580;letter-spacing:.02em}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(22,185,135,.10)}
h1{font-size:clamp(48px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:24px 0 22px;color:var(--navy)}
h1 span{background:linear-gradient(90deg,var(--blue),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-text{font-size:18px;line-height:1.75;color:var(--muted);max-width:600px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.button{display:inline-flex;align-items:center;gap:10px;border-radius:13px;padding:14px 20px;font-weight:700;font-size:14px;transition:.2s ease}
.button:hover{transform:translateY(-2px)}
.primary{background:var(--navy);color:#fff;box-shadow:0 12px 28px rgba(7,27,73,.18)}
.secondary{background:#fff;border:1px solid #dce6f2;color:var(--navy)}
.hero-note{margin-top:23px;color:#7a889d;font-size:12px;font-weight:600}
.check{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e5faf3;color:#08976f;margin-right:7px}
.hero-visual{position:relative;display:grid;place-items:center;min-height:520px}
.logo-card{position:relative;width:min(430px,82%);aspect-ratio:1/1;border-radius:44px;background:linear-gradient(145deg,#fff,#f4f8ff);border:1px solid #e5edf8;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}
.logo-card:after{content:"";position:absolute;inset:18px;border-radius:32px;border:1px solid rgba(20,118,245,.08);pointer-events:none}
.logo-card img{width:62%;height:auto;filter:drop-shadow(0 18px 28px rgba(7,27,73,.13))}
.card-label{margin-top:26px;font-size:19px;font-weight:800;letter-spacing:.14em;color:var(--navy)}
.card-tagline{margin-top:6px;color:#6c7c95;font-size:9px;letter-spacing:.16em;font-weight:700;text-align:center}
.orb{position:absolute;border-radius:50%;filter:blur(2px)}
.orb-a{width:130px;height:130px;right:0;top:35px;background:radial-gradient(circle at 30% 30%,rgba(57,227,155,.7),rgba(57,227,155,0) 70%)}
.orb-b{width:180px;height:180px;left:-15px;bottom:30px;background:radial-gradient(circle at 60% 40%,rgba(20,118,245,.16),rgba(20,118,245,0) 70%)}
.trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.trust-inner{height:72px;display:flex;align-items:center;justify-content:center;gap:22px;color:#74839a;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.trust-inner i{width:4px;height:4px;border-radius:50%;background:#1bc596}
.section{padding:110px 0}
.narrow{max-width:850px}
.section-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#6480a4}
h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.045em;color:var(--navy);margin:13px 0 18px}
.section-lead{font-size:19px;line-height:1.8;color:var(--muted);max-width:800px}
.features-section{background:var(--bg)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}
.section-heading>p{max-width:300px;color:var(--muted);margin:0 0 5px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-card{position:relative;min-height:300px;padding:28px;border:1px solid var(--line);background:#fff;border-radius:22px;box-shadow:0 10px 30px rgba(15,47,99,.04);transition:.2s ease}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(15,47,99,.09)}
.feature-card.featured{background:linear-gradient(145deg,#071b49,#0c3b7c);color:#fff;border-color:#071b49}
.feature-card.featured h3,.feature-card.featured p{color:#fff}
.feature-icon{font-size:11px;font-weight:800;letter-spacing:.12em;color:#13ae85}
.feature-card.featured .feature-icon{color:#55e3b2}
.feature-card h3{font-size:21px;line-height:1.2;color:var(--navy);margin:65px 0 12px;letter-spacing:-.025em}
.feature-card p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}
.card-arrow{position:absolute;right:24px;bottom:22px;font-size:19px;color:#1e8df5}
.launch-section{padding:0 0 110px;background:var(--bg)}
.launch-card{position:relative;overflow:hidden;text-align:center;border-radius:32px;padding:82px 30px;background:linear-gradient(135deg,#071b49 0%,#0c3471 56%,#087c86 100%);box-shadow:0 30px 80px rgba(7,27,73,.18)}
.launch-card h2{position:relative;color:#fff;max-width:700px;margin:12px auto 14px}
.launch-card p{position:relative;color:#c7d4e8;max-width:620px;margin:0 auto 28px}
.launch-icon{position:relative;width:72px;height:72px;object-fit:contain;margin:0 auto 20px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.22))}
.light{position:relative;color:#7ff2cf}
.light-button{position:relative;background:#fff;color:var(--navy)}
.launch-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(25,201,232,.23),transparent 65%);top:-310px;right:-110px}
.contact-section{background:#fff}
.contact-grid{display:grid;grid-template-columns:1fr 390px;gap:70px;align-items:center}
.contact-box{border:1px solid var(--line);border-radius:22px;padding:30px;background:#fbfdff;box-shadow:0 12px 35px rgba(15,47,99,.05)}
.contact-box span{display:block;color:#7b8ba2;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:800}
.contact-box strong{display:block;color:var(--navy);font-size:25px;margin:10px 0 6px}
.contact-box small{color:var(--muted)}
.footer{border-top:1px solid var(--line);background:#fff;padding:30px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer-brand{width:145px}
.footer-copy{display:flex;gap:22px;color:#8794a8;font-size:11px;font-weight:600}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:20px}
  .hero{padding-top:60px}
  .hero-visual{min-height:400px}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .section-heading{display:block}
  .section-heading>p{margin-top:15px}
  .contact-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .container{width:min(100% - 28px,1160px)}
  .nav{height:68px}
  .brand{width:140px}
  .nav-links{display:none}
  .nav-cta{margin-left:auto;padding:9px 12px;font-size:12px}
  .hero{padding:48px 0 55px}
  h1{font-size:48px}
  .hero-text{font-size:16px}
  .hero-visual{min-height:330px}
  .logo-card{width:85%;border-radius:32px;padding:35px}
  .trust-inner{height:auto;min-height:68px;gap:10px;flex-wrap:wrap;padding:14px 0;font-size:9px}
  .trust-inner i{display:none}
  .section{padding:78px 0}
  h2{font-size:36px}
  .section-lead{font-size:16px}
  .feature-grid{grid-template-columns:1fr}
  .feature-card{min-height:250px}
  .launch-section{padding-bottom:78px}
  .launch-card{padding:60px 20px;border-radius:25px}
  .contact-grid{gap:35px}
  .footer-inner{display:block}
  .footer-copy{margin-top:18px;display:block}
  .footer-copy span{display:block;margin-top:5px}
}