:root {
  --navy:#07162d;
  --navy2:#0d2548;
  --green:#58df39;
  --ink:#0d1b2f;
  --muted:#647189;
  --paper:#f6f8f4;
  --line:#dfe6dd;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1160px,calc(100% - 40px)); margin-inline:auto; }
.nav { height:82px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:11px; font-weight:850; letter-spacing:-.02em; }
.brand span { display:grid; place-items:center; width:38px; height:38px; border-radius:11px; color:var(--navy); background:var(--green); font-size:13px; }
.navCta,.secondary { font-weight:750; border-bottom:2px solid var(--green); padding:9px 0; }
.hero { min-height:650px; border-radius:28px; background:linear-gradient(135deg,var(--navy),#102f5b); color:#fff; padding:78px 64px; display:grid; grid-template-columns:1.05fr .95fr; gap:58px; align-items:center; overflow:hidden; position:relative; }
.hero:after { content:""; position:absolute; width:360px; height:360px; border-radius:50%; background:rgba(88,223,57,.09); right:-120px; top:-130px; }
.eyebrow { color:#3daf2d; font-size:12px; letter-spacing:.15em; font-weight:900; margin:0 0 17px; }
.hero .eyebrow,.finalCta .eyebrow { color:var(--green); }
h1 { font-size:clamp(42px,5.5vw,72px); line-height:.98; letter-spacing:-.055em; margin:0; max-width:720px; }
h2 { font-size:clamp(32px,4vw,50px); line-height:1.03; letter-spacing:-.045em; margin:0; max-width:720px; }
h3 { margin:0 0 9px; font-size:18px; letter-spacing:-.02em; }
.lead { font-size:19px; line-height:1.62; color:#d8e3ef; max-width:640px; margin:26px 0 31px; }
.heroActions { display:flex; align-items:center; gap:25px; flex-wrap:wrap; }
.primary { display:inline-flex; justify-content:center; align-items:center; min-height:53px; padding:0 25px; border-radius:12px; background:var(--green); color:var(--navy); font-weight:900; box-shadow:0 9px 28px rgba(55,210,35,.22); transition:.2s ease; }
.primary:hover { transform:translateY(-2px); background:#71ed56; }
.hero .secondary { color:#fff; }
.micro { color:#a9bdd2; font-size:13px; margin:19px 0 0; }
.systemCard { position:relative; z-index:1; background:#fff; color:var(--ink); border-radius:21px; padding:20px; box-shadow:0 26px 70px rgba(0,0,0,.28); transform:rotate(1.5deg); }
.cardTop { display:flex; align-items:center; gap:6px; padding-bottom:17px; border-bottom:1px solid #e7ebef; }
.cardTop span { width:8px; height:8px; border-radius:50%; background:#d7dee6; }
.cardTop b { margin-left:8px; font-size:13px; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:16px 0; }
.stats div { background:#f1f5f7; border-radius:10px; padding:12px; }
.stats strong { display:block; font-size:22px; }
.stats small { color:#728093; }
.tr { display:grid; grid-template-columns:.75fr 1fr 1.2fr; gap:8px; padding:12px 7px; border-bottom:1px solid #edf0f2; font-size:12px; }
.tr.head { font-weight:800; color:#677486; }
.dot { display:inline-block; width:7px; height:7px; border-radius:50%; margin-right:5px; }
.green{background:#57d93a}.blue{background:#398ce5}.gold{background:#f4b12e}
.demoNote { color:#7d8796; font-size:11px; margin:13px 0 0; text-align:right; }
.services,.how,.faq { padding-block:112px; }
.services h2,.how h2,.faq h2 { margin-bottom:42px; }
.serviceGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; align-items:stretch; }
.serviceCard { border:1px solid var(--line); border-radius:20px; padding:31px; display:flex; flex-direction:column; background:#fff; }
.serviceCard.featured { background:var(--navy); color:#fff; border-color:var(--navy); transform:translateY(-10px); box-shadow:0 22px 60px rgba(7,22,45,.18); }
.serviceLabel { color:#3daf2d!important; letter-spacing:.12em; font-size:11px!important; font-weight:900; margin:0 0 17px!important; }
.serviceCard h3 { font-size:25px; }
.servicePrice { font-size:48px; font-weight:950; letter-spacing:-.05em; margin:14px 0 19px; }
.servicePrice small { font-size:13px; letter-spacing:0; }
.serviceCard>p { color:var(--muted); line-height:1.6; }
.serviceCard.featured>p { color:#bfd0e3; }
.serviceCard ul { list-style:none; padding:0; margin:19px 0 27px; display:grid; gap:10px; }
.serviceCard li:before { content:"✓"; color:#38b92c; font-weight:900; margin-right:9px; }
.serviceLink { margin-top:auto; min-height:50px; display:grid; place-items:center; border:1px solid var(--navy); border-radius:12px; font-weight:850; }
.serviceCard .full { margin-top:auto; }
.how { background:var(--paper); width:min(1240px,calc(100% - 20px)); border-radius:28px; padding-inline:max(30px,calc((100% - 1080px)/2)); }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.steps article,.faqGrid article { border:1px solid var(--line); border-radius:17px; padding:30px; background:#fff; }
.steps article span { display:grid; place-items:center; width:42px; height:42px; background:var(--navy); color:var(--green); border-radius:12px; font-weight:900; margin-bottom:25px; }
.steps p,.faq p { color:var(--muted); line-height:1.65; margin:0; }
.proof { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:start; padding-block:112px; }
.proofPoints { display:grid; gap:0; border-top:1px solid var(--line); }
.proofPoints p { margin:0; padding:20px 0; border-bottom:1px solid var(--line); color:var(--muted); }
.proofPoints strong { color:#38b92c; margin-right:15px; }
.faqGrid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.finalCta { background:var(--navy); color:#fff; text-align:center; padding:94px 0; }
.finalCta .shell { display:flex; flex-direction:column; align-items:center; }
.finalCta h2 { margin-bottom:31px; }
.finalCta .secondary { color:#fff; }
.footer { min-height:92px; display:flex; align-items:center; justify-content:space-between; color:#68758a; font-size:13px; }
.footer a { text-decoration:underline; }
@media (max-width:850px) {
  .hero { grid-template-columns:1fr; padding:60px 28px; }
  .systemCard{transform:none}
  .serviceGrid,.steps{grid-template-columns:1fr}
  .serviceCard.featured{transform:none}
  .proof{grid-template-columns:1fr;gap:40px}
  .faqGrid{grid-template-columns:1fr}
}
@media (max-width:520px) {
  .shell{width:min(100% - 24px,1160px)}
  .navCta{font-size:13px}
  .brand{font-size:14px}
  .hero{border-radius:20px;padding:48px 20px}
  .heroActions{align-items:flex-start;flex-direction:column;gap:10px}
  .primary{width:100%}
  .systemCard{padding:13px}
  .tr{grid-template-columns:.65fr 1fr 1.2fr;font-size:10px}
  .stats small{font-size:10px}
  .services,.how,.faq{margin-block:0;padding-block:78px}
  .footer{flex-direction:column;justify-content:center;gap:8px}
}