:root{
  --navy:#08192B;--navy-2:#0E2740;--ink:#0B1620;--slate:#4A5D70;--line:#DCE4EC;
  --bg:#FFFFFF;--bg-alt:#F4F7FA;--accent:#00A3E0;--accent-dk:#0086BB;--amber:#F5A623;
  --radius:10px;--maxw:1120px;
  --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box;}
body.svlp{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;line-height:1.55;font-size:17px;}
.svlp img{max-width:100%;display:block;}
.svlp a{color:inherit;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.svlp h1,.svlp h2,.svlp h3,.svlp h4{margin:0 0 .5em;line-height:1.15;letter-spacing:-.02em;font-weight:800;}
.svlp p{margin:0 0 1em;}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);margin:0 0 14px;}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:17px 30px;border-radius:var(--radius);font-weight:700;font-size:17px;
  text-decoration:none;border:2px solid transparent;cursor:pointer;transition:.15s;
  text-align:center;line-height:1.2;}
.btn-call{background:var(--amber);color:#2A1A00;border-color:var(--amber);}
.btn-call:hover{background:#ffb733;border-color:#ffb733;}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5);}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff;}
.btn-solid{background:var(--accent);color:#fff;border-color:var(--accent);}
.btn-solid:hover{background:var(--accent-dk);border-color:var(--accent-dk);}
.btn-lg{padding:20px 38px;font-size:19px;}

.topbar{position:sticky;top:0;z-index:50;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.12);}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;}
.topbar img{height:30px;width:auto;}
.topbar-right{display:flex;align-items:center;gap:18px;}
.svlp a.topbar-phone{color:#fff;text-decoration:none;font-weight:700;font-size:17px;
  display:flex;align-items:center;gap:8px;white-space:nowrap;}
.svlp a.topbar-phone span{opacity:.85;font-weight:500;font-size:13px;color:#C6D6E4;}
.topbar .btn{padding:11px 20px;font-size:15px;color:#fff;}

.hero{background:linear-gradient(160deg,#08192B 0%,#0E2740 45%,#16456E 100%);
  color:#fff;padding:74px 0 66px;position:relative;overflow:hidden;}
.hero:after{content:"";position:absolute;right:-180px;top:-160px;width:620px;height:620px;
  border-radius:50%;background:radial-gradient(circle,rgba(0,163,224,.22),transparent 68%);}
.hero .wrap{position:relative;z-index:2;}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;}
.hero h1{font-size:48px;color:#fff;margin-bottom:20px;}
.hero h1 em{font-style:normal;color:#5FD0FF;}
.hero-sub{font-size:19px;color:#C6D6E4;max-width:34em;margin-bottom:28px;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
.hero-micro{font-size:15.5px;color:#A9C4DA;margin:0;display:flex;align-items:center;gap:9px;}
.hero-micro svg{flex:0 0 17px;}
.hero-visual{text-align:center;}
.hero-visual img{max-height:420px;width:auto;margin:0 auto;filter:drop-shadow(0 24px 48px rgba(0,0,0,.35));}

.ticks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:11px;}
.ticks li{display:flex;gap:11px;align-items:flex-start;font-size:16.5px;color:#DCE8F2;}
.ticks li:before{content:"›";color:#5FD0FF;font-weight:800;font-size:20px;line-height:1.1;}

.card{background:#fff;color:var(--ink);border-radius:14px;padding:30px;box-shadow:0 22px 60px rgba(0,0,0,.3);}
.card h3{font-size:21px;margin-bottom:6px;}
.card .card-sub{font-size:15px;color:var(--slate);margin-bottom:20px;}
.card .btn{width:100%;}

.strip{background:var(--navy-2);color:#B9CCDD;padding:20px 0;border-top:1px solid rgba(255,255,255,.09);}
.strip .wrap{display:flex;flex-wrap:wrap;gap:14px 38px;justify-content:center;font-size:15px;font-weight:600;}
.strip span:before{content:"✓ ";color:#5FD0FF;}

section{padding:82px 0;}
.alt{background:var(--bg-alt);}
.sec-head{max-width:780px;margin:0 auto 52px;text-align:center;}
.sec-head h2{font-size:38px;}
.sec-head p{font-size:18px;color:var(--slate);margin:0;}

.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px;}
.tile h3{font-size:20px;margin-bottom:10px;}
.tile p{font-size:16px;color:var(--slate);margin:0;}

.vs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;}
.vs-col{padding:34px;}
.vs-col+.vs-col{border-left:1px solid var(--line);}
.vs-col h3{font-size:15px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;}
.vs-col .vs-sub{font-size:14.5px;color:var(--slate);margin-bottom:22px;}
.vs-bad h3{color:#B4404A;}
.vs-good h3{color:#1E7F4C;}
.vs ul{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.vs li{font-size:16px;color:#26374A;padding-left:18px;position:relative;}
.vs-bad li:before{content:"×";position:absolute;left:0;color:#B4404A;font-weight:700;}
.vs-good li:before{content:"✓";position:absolute;left:0;color:#1E7F4C;font-weight:700;}

.hw{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.hw-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;text-align:center;}
.hw-item{padding:14px 14px 20px;}
.hw-item img{height:118px;width:100%;margin:0 auto 14px;object-fit:contain;
  background:#000;border-radius:8px;padding:10px;}
.hw-item strong{display:block;font-size:15px;margin-bottom:4px;}
.hw-item span{font-size:13px;color:var(--slate);}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.step .num{width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px;margin-bottom:18px;}
.step h3{font-size:20px;margin-bottom:8px;}
.step p{font-size:16px;color:var(--slate);margin:0;}

.faq{max-width:800px;margin:0 auto;}
.faq details{border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:12px;overflow:hidden;}
.faq summary{padding:20px 24px;font-weight:700;font-size:17px;cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;align-items:center;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary:after{content:"+";font-size:26px;color:var(--accent);}
.faq details[open] summary:after{content:"–";}
.faq .ans{padding:0 24px 22px;font-size:16px;color:var(--slate);}
.faq .ans p{margin:0;}

.final{background:linear-gradient(160deg,#08192B,#16456E);color:#fff;}
.final h2{font-size:38px;color:#fff;}
.final .sec-head p{color:#C6D6E4;}
.final-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:start;}
.final-left h3{font-size:22px;color:#fff;margin-bottom:16px;}
.contact-line{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px;font-size:17px;color:#DCE8F2;}
.contact-line svg{flex:0 0 21px;margin-top:3px;}
.contact-line a{color:#5FD0FF;text-decoration:none;font-weight:700;}
.contact-line small{display:block;color:#93AEC6;font-size:14px;font-weight:400;}

.formbox{background:#fff;border-radius:14px;padding:32px;color:var(--ink);box-shadow:0 22px 60px rgba(0,0,0,.3);}
.formbox h3{font-size:22px;margin-bottom:6px;}
.formbox>p{font-size:15px;color:var(--slate);margin-bottom:22px;}
.lead-form{display:grid;gap:15px;}
.field label{display:block;font-size:14px;font-weight:700;margin-bottom:6px;color:#26374A;}
.field input,.field select{width:100%;padding:14px 15px;font-size:16px;font-family:var(--font);
  border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);}
.field select{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234A5D70' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 15px center;padding-right:40px;
  -webkit-appearance:none;appearance:none;}
.field input:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,163,224,.15);}
.field input.err,.field select.err{border-color:#C0392B;}
.field .msg{font-size:13px;color:#C0392B;margin-top:5px;display:none;}
.field .msg.show{display:block;}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.lead-form button{width:100%;margin-top:4px;}
.form-legal{font-size:12.5px;color:var(--slate);text-align:center;margin:14px 0 0;}
.form-error{background:#FDECEA;border:1px solid #F5C6C0;color:#9B2C21;border-radius:8px;
  padding:13px 15px;font-size:14.5px;margin-bottom:4px;display:none;}
.form-error.show{display:block;}
button[disabled]{opacity:.6;cursor:wait;}

.callbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--amber);
  padding:13px 16px;box-shadow:0 -4px 20px rgba(0,0,0,.22);}
.callbar a{display:flex;align-items:center;justify-content:center;gap:10px;
  color:#2A1A00;text-decoration:none;font-weight:800;font-size:18px;}
.lpfoot{background:var(--ink);color:#8FA3B5;padding:34px 0;font-size:14.5px;text-align:center;}
.lpfoot a{color:#B9CCDD;}

@media(max-width:960px){
  .hero-grid,.final-grid{grid-template-columns:1fr;gap:38px;}
  .grid-3,.grid-2,.steps,.hw{grid-template-columns:1fr;}
  .hero h1{font-size:36px;}
  .sec-head h2,.final h2{font-size:30px;}
  .hero-visual img{max-height:280px;}
}
@media(max-width:700px){
  body.svlp{font-size:16px;padding-bottom:64px;}
  section{padding:56px 0;}
  .hero{padding:52px 0 46px;}
  .vs{grid-template-columns:1fr;}
  .vs-col+.vs-col{border-left:none;border-top:1px solid var(--line);}
  .topbar-phone span,.topbar .btn{display:none;}
  .callbar{display:block;}
  .hero-cta .btn{width:100%;}
  .formbox,.card{padding:24px;}
}

/* Cross-sell: let a visitor who landed on the wrong product find the right one. */
.xsell{background:var(--bg-alt);border-top:1px solid var(--line);}
.xsell .wrap{padding-top:52px;padding-bottom:52px;}
.xsell h2{font-size:26px;text-align:center;margin-bottom:8px;}
.xsell .xsub{text-align:center;color:var(--slate);margin:0 auto 28px;max-width:640px;}
.xgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;max-width:860px;margin:0 auto;}
.svlp a.xcard{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;
  padding:24px 26px;text-decoration:none;transition:.15s;}
.svlp a.xcard:hover{border-color:var(--accent);box-shadow:0 6px 20px rgba(8,25,43,.09);
  transform:translateY(-2px);}
.xcard strong{display:block;font-size:19px;margin-bottom:6px;color:var(--ink);}
.xcard span{display:block;font-size:15px;color:var(--slate);line-height:1.5;}
.xcard em{display:inline-block;margin-top:12px;font-style:normal;font-weight:700;
  font-size:15px;color:var(--accent-dk);}
@media(max-width:700px){.xgrid{grid-template-columns:1fr;}}