:root{
    --brand:#007FA8;
    --brand-2:#2AB1E8;
    --ink:#0F172A;
    --muted:#475569;
    --bg:#F6FBFE;
    --card:#FFFFFF;
    --ring:rgba(0,127,168,.2);
    --radius:18px;
    --shadow:0 14px 40px rgba(2,8,23,.08);
  }

  /* Base */
  .svh-wrap{max-width:1200px;margin-inline:auto;padding:clamp(16px,3vw,32px)}
  .svh-grid{display:grid;gap:clamp(16px,2.4vw,28px)}
  .svh-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svh-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .svh-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  @media (max-width:1024px){.svh-3,.svh-4{grid-template-columns:1fr 1fr}}
  @media (max-width:720px){.svh-2,.svh-3,.svh-4{grid-template-columns:1fr}}

  h1,h2,h3,h4{color:var(--ink);margin:0}
  p{color:var(--muted);line-height:1.75;margin:0}
  .svh-eyebrow{letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--brand);font-size:.82rem}
  .svh-h1{font-size:clamp(28px,5vw,44px);line-height:1.1}
  .svh-h2{font-size:clamp(22px,4vw,32px);line-height:1.2}
  .svh-lead{font-size:clamp(16px,2.6vw,18px);color:var(--muted)}

  /* Hero */
  .svh-hero{position:relative;isolation:isolate;background:
    radial-gradient(900px 320px at 90% -10%, rgba(42,177,232,.22), transparent 60%),
    linear-gradient(180deg,#ECF8FD 0%,#F9FCFF 100%)}
  .svh-hero::after{content:"";position:absolute;inset:0;background:
    url('https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?q=80&w=2000&auto=format&fit=crop')
    center/cover no-repeat;opacity:.06;mix-blend:soft-light;pointer-events:none}
  .svh-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #E4F2F9}
  .svh-pad{padding:clamp(16px,2.4vw,26px)}
  .svh-chip{display:inline-flex;gap:8px;align-items:center;background:#E7F6FD;border:1px solid #CBEAF7;color:#04546E;border-radius:999px;font-weight:700;font-size:.86rem;padding:.5rem .75rem}
  .svh-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
  .svh-btn{appearance:none;border:0;border-radius:14px;padding:.9rem 1.1rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:.2s}
  .svh-btn--primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 10px 22px var(--ring)}
  .svh-btn--ghost{background:#fff;border:1px solid #CFEAF5;color:var(--brand)}
  .svh-btn:hover{transform:translateY(-1px)}
  .svh-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--brand-2);color:#fff;box-shadow:0 6px 18px var(--ring);font-size:22px}

  /* Feature cards */
  .svh-iwt{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:flex-start}
  .svh-iwt h4{font-size:18px}
  .svh-sep{height:1px;background:linear-gradient(90deg,#EAF5FA,transparent)}

  /* Gradient outline cards */
  .svh-gcard{position:relative;border-radius:20px;padding:1px;background:linear-gradient(135deg, #D7EFFA, #FFFFFF)}
  .svh-gcard > .inner{background:#fff;border-radius:inherit;padding:clamp(16px,2.4vw,24px);border:1px solid #ECF6FB}

  /* List with dots */
  .svh-list{display:grid;gap:10px;margin-top:10px}
  .svh-li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
  .svh-dot{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 0 0 4px var(--ring)}

  /* Steps timeline */
  .svh-step{display:grid;grid-template-columns:48px 1fr;gap:14px}
  .svh-step .num{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#fff;border:2px solid var(--brand-2);color:var(--brand);font-weight:800}
  .svh-step:not(:last-child){padding-bottom:18px;border-bottom:1px dashed #D9EEF7}

  /* Scroller (testimonials) */
  .svh-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:calc(50% - 12px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .svh-scroll > *{scroll-snap-align:start}
  @media (max-width:760px){.svh-scroll{grid-auto-columns:85%}}

  /* FAQ */
  .svh-faq details{border:1px solid #E6F3F8;border-radius:14px;background:#fff}
  .svh-faq details+details{margin-top:12px}
  .svh-faq summary{list-style:none;padding:18px 20px;font-weight:800;cursor:pointer;display:flex;gap:10px;align-items:center}
  .svh-faq summary::before{content:"＋";color:var(--brand)}
  .svh-faq details[open] summary::before{content:"—"}
  .svh-faq .body{padding:0 20px 18px}

  /* Banner CTA */
  .svh-banner{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;border-radius:20px;padding:clamp(16px,2.4vw,26px);display:grid;gap:10px;align-items:center}
  .svh-banner .mini{opacity:.92}

  /* Tiny badges row */
  .svh-badges{display:flex;flex-wrap:wrap;gap:8px}
  .svh-badge{background:#E6F7FD;border:1px solid #CDECF8;color:#04546E;border-radius:999px;padding:.32rem .6rem;font-size:.82rem}

  /* Section dividers */
  .svh-section{padding:clamp(18px,4vw,40px) 0}
  .svh-bg{background:var(--bg)}