:root{
      --bg:#0b2239;
      --brand:#0e79b2;
      --accent:#42b883;
      --ink:#0e3a5d;
      --text:#132b41;
      --muted:#6a7f93;
      --light:#f7fafc;
      --white:#fff;
      --shadow:0 8px 24px rgba(13, 50, 84, .18);
      --radius:14px;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0;
      font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
      color:var(--text);
      background:linear-gradient(120deg, #081829, #0b2239 54%, #0c2a49);
    }
    a{color:var(--brand);text-decoration:none}
    .container{max-width:1200px;margin:0 auto;padding:0 24px}
    /* Header */
    header{
      position:sticky;top:0;z-index:50;
      backdrop-filter:saturate(160%) blur(8px);
      background:rgba(8, 24, 41, .75);
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .nav{
      display:flex;align-items:center;justify-content:space-between;
      padding:14px 0;color:var(--white)
    }
    .logo{
      display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.2px
    }
    .logo-badge{
      width:36px;height:36px;border-radius:9px;
      background:linear-gradient(135deg, var(--brand), var(--accent));
      box-shadow:var(--shadow)
    }
    .nav-links{display:flex;gap:18px}
    .nav-links a{color:#dbe8f4;font-weight:600}
    .cta-nav{
      background:var(--accent);color:#04101c;border:none;
      padding:10px 16px;border-radius:10px;font-weight:700;cursor:pointer
    }
    /* Hero */
    .hero{
      color:var(--white);padding:84px 0 48px;
      background:
        radial-gradient(1200px 600px at 10% 10%, rgba(66,184,131,.15), transparent 50%),
        radial-gradient(1200px 600px at 90% 0%, rgba(14,121,178,.18), transparent 50%);
    }
    .hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px}
    .eyebrow{color:#8fd6b0;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
    h1{
      margin:12px 0 12px;font-size:44px;line-height:1.1;
      color:#e7f4ff;text-shadow:0 2px 14px rgba(14,121,178,.25)
    }
    .hero-sub{color:#b7c9da;font-size:18px}
    .hero-cta{
      display:flex;gap:14px;margin-top:22px;flex-wrap:wrap
    }
    .btn{
      display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;
      border-radius:14px;padding:14px 18px;margin-bottom:25px;font-weight:700
    }
    .btn-primary{background:var(--accent);color:#04101c}
    .btn-secondary{background:transparent;color:#e7f4ff;border:1px solid rgba(255,255,255,.18)}
    .hero-card{
      background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.02));
      border:1px solid rgba(255,255,255,.12);
      border-radius:16px;padding:18px;color:#dbe8f4
    }
    .metric{
      display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;
      background:rgba(255,255,255,.08);margin-bottom:10px
    }
    .metric .num{font-size:22px;font-weight:700;color:#e7f4ff}
    /* Benefits */
    section{background:var(--white)}
    .section{
      border-top:1px solid #e9eef3;border-bottom:1px solid #e9eef3;
      border-radius:0;padding:56px 0
    }
    .section.dark{background:linear-gradient(180deg, #f8fbff, #f3f8fd)}
    h2{margin:0 0 8px;font-size:32px;color:var(--ink)}
    .section-sub{color:#000;margin-bottom:24px}
    .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .card{
      background:var(--light);border:1px solid #e7edf3;border-radius:16px;padding:20px;box-shadow:var(--shadow)
    }
    .card h3{margin:0 0 8px;font-size:20px;color:var(--ink)}
    .card p{margin:0;color:#47627a}
    /* Comparison */
    .compare{
      display:grid;grid-template-columns:1fr 1fr;gap:22px
    }
    .panel{
      background:#ffffff;border:1px solid #e7edf3;border-radius:16px;padding:20px
    }
    .panel h3{margin-top:0}
    .list{list-style:none;margin:0;padding:0}
    .list li{display:flex;gap:10px;margin:10px 0}
    .badge{min-width:24px;height:24px;border-radius:6px;background:#eaf6ff;color:#000;
      display:flex;align-items:center;justify-content:center;font-weight:700}
    /* Process */
    .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .step{background:#fff;border:1px solid #e7edf3;border-radius:16px;padding:18px}
    .step-num{font-weight:700;color:var(--brand)}
    /* Success Stories */
    .testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .quote{
      background:#fff;border:1px solid #e7edf3;border-radius:16px;padding:18px
    }
    .quote p{color:#39556e}
    .author{margin-top:10px;color:#6a7f93;font-weight:600}
    /* Pricing */
    .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .price-card{
      background:#fff;border:1px solid #e7edf3;border-radius:18px;padding:22px
    }
    .price{font-size:25px;font-weight:700;color:var(--ink)}
    .features{list-style:none;padding:0;margin:14px 0}
    .features li{margin:10px 0;display:flex;gap:10px}
    .tick{color:var(--accent);font-weight:700}
    /* CTA band */
    .cta-band{
      background:linear-gradient(90deg, var(--brand), #1e97cf);
      color:#fff;border-radius:18px;padding:24px;display:flex;gap:18px;align-items:center;justify-content:space-between
    }
    /* FAQ */
    .faq{max-width:900px;margin:0 auto}
    .faq-item{border:1px solid #e7edf3;border-radius:14px;background:#fff;margin:10px 0}
    .faq-btn{
      width:100%;text-align:left;background:transparent;border:none;padding:16px;font-weight:700;color:var(--ink);cursor:pointer
    }
    .faq-content{padding:0 16px 16px;color:#4b647b;display:none}
    /* Contact */
    .contact{
      display:grid;grid-template-columns:1.2fr .8fr;gap:24px
    }
    .form{
      background:#fff;border:1px solid #e7edf3;border-radius:16px;padding:18px
    }
    label{display:block;margin:10px 0 6px;font-weight:600;color:#1f3b53}
    input, select, textarea{
      width:100%;padding:12px;border-radius:10px;border:3px solid #42B883;font-size:16px
    }
    .submit{
      margin-top:12px;background:var(--brand);color:#fff;border:none;padding:12px 16px;
      border-radius:12px;font-weight:700;cursor:pointer
    }
    /* Footer */
    footer{
      color:#cbd6e2;background:#081829;padding:36px 0;border-top:1px solid rgba(255,255,255,.08)
    }
    .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}
    .foot-title{color:#e7f4ff;font-weight:700}
    .credit{color:#7fa5c4}
    /* Responsive */
    @media (max-width:1024px){
      .hero-grid,.compare,.steps,.testimonials,.pricing-grid,.contact,.foot-grid{grid-template-columns:1fr}
      .cards{grid-template-columns:repeat(2,1fr)}
    }
    @media (max-width:640px){
      .cards{grid-template-columns:1fr}
      .hero{padding:54px 0}
      h1{font-size:34px}
    }
    /* Animations */
    .fade-in{opacity:0;transform:translateY(10px);transition:opacity .5s ease, transform .5s ease}
    .fade-in.visible{opacity:1;transform:none}
    .pulse:hover{transform:translateY(-1px);box-shadow:var(--shadow);transition:.25s ease}
    
cta {
  display: inline-block;
  min-width: 22px;
  min-height: 22px;
  padding: 5px 0;
}

footer a.touch-link {
  display: inline-block;
  min-width: 22px;
  min-height: 22px;
  padding: 10px 0 0 0;
  margin-bottom: 2px; /* spacing between stacked links */
  text-decoration: none; /* keep styling consistent */
}

footer a.touch-link:hover,
footer a.touch-link:focus {
  background-color: rgba(0,0,0,0.05); /* optional hover/focus feedback */
  border-radius: 4px;
}

footer p,
footer div,
footer a {
color:white;
}