:root{
    --bg-dark:#062820; --bg-dark-2:#0a3a2e; --bg-dark-3:#04211a;
    --mint:#34d399; --mint-light:#6ee7b7; --mint-deep:#0f9d68; --lime:#a3e635;
    --ink:#0b1f18; --muted:#4f6b62; --white:#ffffff;
    --bg-soft:#f2fbf7; --card:#ffffff; --radius:20px;
    --shadow:0 16px 40px rgba(6,40,32,0.10); --shadow-lg:0 26px 60px rgba(6,40,32,0.18);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--white);line-height:1.6;overflow-x:hidden;}
  h1,h2,h3,h4{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;line-height:1.2;}
  a{text-decoration:none;color:inherit;}
  img{max-width:100%;display:block;}
  .container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px;}
  ::selection{background:var(--mint);color:var(--bg-dark);}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;border-radius:100px;font-weight:700;font-size:15.5px;cursor:pointer;border:none;transition:.25s ease;white-space:nowrap;}
  .btn-primary{background:linear-gradient(135deg,var(--mint),var(--mint-deep));color:#04211a;box-shadow:0 12px 28px rgba(52,211,153,0.4);}
  .btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(52,211,153,0.5);}
  .btn-outline{background:rgba(255,255,255,0.08);color:#fff;border:1.5px solid rgba(255,255,255,0.35);backdrop-filter:blur(6px);}
  .btn-outline:hover{background:rgba(255,255,255,0.16);}
  .btn-block{width:100%;}
  .wa-icon{width:20px;height:20px;flex-shrink:0;}

  .badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.08);color:#d7fbe9;padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,0.18);backdrop-filter:blur(6px);}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--mint-deep);background:#e3faf0;padding:6px 16px;border-radius:100px;font-size:12.5px;font-weight:700;letter-spacing:.3px;margin-bottom:18px;border:1px solid #bdf0da;}

  header{position:sticky;top:0;z-index:200;background:rgba(6,40,32,0.9);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.08);}
  .nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
  .logo{display:flex;align-items:center;gap:10px;color:#fff;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:20px;}
  .logo .dot{color:var(--mint);}
  .logo-badge{display:inline-flex;align-items:center;}
  .logo-badge-sm{display:inline-flex;align-items:center;}
  .logo-icon-full{height:58px;width:auto;display:block;}
  .logo-icon-full-sm{height:46px;width:auto;display:block;}
  .nav-links{display:flex;align-items:center;gap:26px;color:#d7fbe9;font-size:14px;font-weight:600;}
  .nav-links a:hover{color:var(--mint);}
  .nav-cta{display:flex;align-items:center;gap:14px;}
  .nav-phone{color:#d7fbe9;font-size:13.5px;}
  @media (max-width:860px){ .nav-links{display:none;} }

  .dev-note{background:var(--mint);color:#04211a;text-align:center;font-size:13px;font-weight:700;padding:8px 16px;}

  /* MARQUEE */
  .marquee{overflow:hidden;background:var(--bg-dark-3);border-top:1px solid rgba(255,255,255,0.08);border-bottom:1px solid rgba(255,255,255,0.08);}
  .marquee-track{display:flex;width:max-content;animation:marquee 20s linear infinite;}
  .marquee-track:hover{animation-play-state:paused;}
  .marquee-item{display:flex;align-items:center;gap:12px;color:var(--mint-light);font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;font-size:15.5px;padding:13px 30px;white-space:nowrap;}
  .marquee-item i{width:5px;height:5px;background:var(--mint);border-radius:50%;display:inline-block;}
  @keyframes marquee{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

  /* HERO */
  .hero{background:radial-gradient(circle at 15% 15%, rgba(52,211,153,0.25), transparent 45%),radial-gradient(circle at 90% 75%, rgba(163,230,53,0.14), transparent 40%),linear-gradient(170deg,var(--bg-dark) 0%, var(--bg-dark-2) 55%, var(--bg-dark-3) 100%);color:#fff;padding:76px 0 100px;position:relative;}
  .hero-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:center;}
  @media (max-width:960px){ .hero-grid{grid-template-columns:1fr;} }
  .hero h1{font-size:46px;margin-bottom:22px;}
  .hero h1 .hl{background:linear-gradient(90deg,var(--mint),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent;}
  .hero p{color:#c8e9dd;font-size:17.5px;max-width:540px;margin-bottom:28px;}
  .hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px;}
  .hero-actions{display:flex;flex-wrap:wrap;gap:16px;}
  .hero-trust{display:flex;gap:30px;margin-top:42px;flex-wrap:wrap;}
  .hero-trust div strong{display:block;font-size:26px;color:var(--mint);font-family:'Plus Jakarta Sans',sans-serif;text-shadow:0 0 18px rgba(52,211,153,0.5);}
  .hero-trust div span{font-size:12.5px;color:#a9d4c4;}

  /* HERO VISUAL - GLASS CARD */
  .hero-visual{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center;}
  .glow-orb{position:absolute;border-radius:50%;filter:blur(40px);z-index:0;}
  .glow-1{width:260px;height:260px;background:rgba(52,211,153,0.45);top:-20px;right:10px;}
  .glow-2{width:180px;height:180px;background:rgba(163,230,53,0.3);bottom:-30px;left:-10px;}
  .sim-card{position:relative;z-index:2;background:rgba(255,255,255,0.07);backdrop-filter:blur(18px);color:#fff;border-radius:26px;padding:32px;border:1px solid rgba(255,255,255,0.18);box-shadow:0 30px 60px rgba(0,0,0,0.35);width:100%;max-width:420px;}
  .sim-card h3{font-size:21px;margin-bottom:4px;color:#fff;}
  .sim-card .sub{color:#b9e3d3;font-size:13px;margin-bottom:22px;}
  .sim-row{margin-bottom:20px;}
  .sim-row label{display:flex;justify-content:space-between;font-size:13.5px;font-weight:700;margin-bottom:10px;color:#e3fbf0;}
  .sim-row label b{color:var(--mint-light);}
  input[type=range]{width:100%;accent-color:var(--mint);height:6px;}
  .sim-result{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:16px;padding:16px;display:flex;justify-content:space-between;align-items:center;margin:20px 0;}
  .sim-result span{font-size:12px;color:#b9e3d3;display:block;}
  .sim-result strong{font-size:21px;color:var(--mint-light);font-family:'Plus Jakarta Sans',sans-serif;}
  .sim-note{font-size:11px;color:#a9d4c4;margin-top:14px;line-height:1.5;}

  /* SECTIONS */
  section{padding:90px 0;position:relative;}
  .section-head{max-width:660px;margin:0 auto 54px;text-align:center;}
  .section-head h2{font-size:34px;margin-bottom:14px;}
  .section-head p{color:var(--muted);font-size:16px;}
  .bg-soft{background:var(--bg-soft);}
  .dot-grid{background-image:radial-gradient(rgba(15,157,104,0.12) 1.5px, transparent 1.5px);background-size:22px 22px;}

  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
  @media (max-width:900px){ .grid-3{grid-template-columns:1fr 1fr;} }
  @media (max-width:620px){ .grid-3{grid-template-columns:1fr;} }
  .card{background:var(--card);border-radius:var(--radius);padding:30px 26px;box-shadow:var(--shadow);border:1px solid #e7f5ee;transition:.2s;}
  .card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#bdf0da;}
  .icon-circle{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e3faf0,#c8f3e0);color:var(--mint-deep);margin-bottom:18px;font-size:22px;}
  .card h4{font-size:18px;margin-bottom:10px;}
  .card p{color:var(--muted);font-size:14.5px;font-family:'Inter',sans-serif;}

  /* VIDEO / MAP */
  .video-frame{position:relative;border-radius:26px;overflow:hidden;background:#000;max-width:820px;margin:0 auto;box-shadow:var(--shadow-lg);border:1px solid #e7f5ee;}
  .video-frame video{width:100%;display:block;max-height:460px;}
  .map-frame{border-radius:26px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid #e7f5ee;}
  .map-frame iframe{width:100%;height:380px;border:0;display:block;}

  /* STEPS with connecting gradient line */
  .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;}
  @media (max-width:900px){ .steps{grid-template-columns:1fr 1fr;} }
  @media (max-width:560px){ .steps{grid-template-columns:1fr;} }
  .steps::before{content:"";position:absolute;top:29px;left:8%;right:8%;height:3px;background:linear-gradient(90deg,var(--mint),var(--lime));border-radius:4px;opacity:.35;z-index:0;}
  @media (max-width:900px){ .steps::before{display:none;} }
  .step{text-align:center;position:relative;z-index:1;}
  .step-num{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--mint),var(--mint-deep));color:#04211a;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:21px;margin:0 auto 18px;box-shadow:0 10px 24px rgba(52,211,153,0.4);}
  .step h4{font-size:16.5px;margin-bottom:8px;}
  .step p{font-size:14px;color:var(--muted);}

  /* REQUIREMENTS */
  .req-wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;}
  @media (max-width:900px){ .req-wrap{grid-template-columns:1fr;} }
  .req-list{list-style:none;}
  .req-list li{display:flex;gap:14px;margin-bottom:18px;font-size:15.5px;align-items:flex-start;}
  .check{flex-shrink:0;width:27px;height:27px;border-radius:50%;background:linear-gradient(135deg,var(--mint),var(--mint-deep));color:#04211a;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:1px;font-weight:800;}
  .req-panel{background:linear-gradient(160deg,var(--bg-dark) 0%, var(--bg-dark-2) 100%);color:#fff;border-radius:26px;padding:38px;border:1px solid rgba(255,255,255,0.1);}
  .req-panel h3{color:var(--mint-light);font-size:21px;margin-bottom:14px;}
  .req-panel p{color:#c8e9dd;font-size:14.5px;margin-bottom:20px;font-family:'Inter',sans-serif;}

  /* TESTIMONIALS */
  .test-wrap{position:relative;}
  .test-carousel{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 6px 20px;}
  .test-carousel::-webkit-scrollbar{height:8px;}
  .test-carousel::-webkit-scrollbar-thumb{background:var(--mint-deep);border-radius:10px;}
  .test-card{scroll-snap-align:start;flex:0 0 auto;width:320px;background:var(--card);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);border:1px solid #e7f5ee;}
  .stars{color:var(--mint-deep);letter-spacing:2px;margin-bottom:12px;font-size:15px;}
  .test-card p{color:var(--ink);font-size:14.5px;margin-bottom:16px;font-style:italic;}
  .test-author{display:flex;align-items:center;gap:12px;}
  .avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--mint),var(--mint-deep));color:#04211a;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:'Plus Jakarta Sans',sans-serif;}
  .test-author div strong{display:block;font-size:14px;}
  .test-author div span{font-size:12px;color:var(--muted);}
  .carousel-nav{display:flex;gap:10px;justify-content:center;margin-top:6px;}
  .carousel-btn{width:42px;height:42px;border-radius:50%;background:var(--bg-dark);color:var(--mint);border:none;font-size:18px;cursor:pointer;}
  .carousel-btn:hover{background:var(--mint-deep);color:#04211a;}

  /* FORM */
  .form-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:flex-start;}
  @media (max-width:900px){ .form-wrap{grid-template-columns:1fr;} }
  .form-card{background:var(--card);border-radius:26px;padding:36px;box-shadow:var(--shadow-lg);border:1px solid #e7f5ee;}
  .field{margin-bottom:18px;}
  .field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px;}
  .field input,.field select{width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid #d9f0e6;font-size:14.5px;font-family:'Inter',sans-serif;outline:none;transition:.15s;}
  .field input:focus,.field select:focus{border-color:var(--mint-deep);}
  .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  @media (max-width:520px){ .field-row{grid-template-columns:1fr;} }
  .consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--muted);margin-bottom:20px;}
  .consent input{margin-top:3px;}

  /* FAQ */
  .faq-item{border-bottom:1px solid #e2f3ec;padding:24px 0;}
  .faq-q{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;font-size:16.5px;}
  .faq-q .plus{color:var(--mint-deep);font-size:22px;transition:.2s;flex-shrink:0;}
  .faq-item.open .plus{transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:.3s ease;color:var(--muted);font-size:14.5px;}
  .faq-item.open .faq-a{max-height:220px;padding-top:12px;}

  /* FOOTER */
  footer{background:var(--bg-dark-3);color:#a9d4c4;padding:64px 0 30px;font-size:14px;position:relative;overflow:hidden;}
  .foot-grid-bg{position:absolute;inset:0;background-image:radial-gradient(rgba(52,211,153,0.08) 1.5px, transparent 1.5px);background-size:26px 26px;}
  .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:40px;position:relative;}
  @media (max-width:860px){ .footer-grid{grid-template-columns:1fr 1fr;} }
  footer h5{color:#fff;font-size:15px;margin-bottom:16px;font-family:'Plus Jakarta Sans',sans-serif;}
  footer ul{list-style:none;}
  footer li{margin-bottom:10px;}
  footer a:hover{color:var(--mint);}
  .legal-box{position:relative;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:20px 22px;font-size:12px;color:#8fbcaa;line-height:1.7;margin-bottom:30px;}
  .footer-bottom{position:relative;border-top:1px solid rgba(255,255,255,0.1);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12.5px;}

  .wa-float{position:fixed;bottom:24px;right:24px;background:#25D366;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(0,0,0,0.3);z-index:300;}
  .wa-float:hover{transform:scale(1.07);}

  /* ================= RESPONSIVE ================= */
  @media (max-width:960px){
    .hero h1{font-size:38px;}
  }

  @media (max-width:860px){
    .nav-phone{display:none;}
  }

  @media (max-width:680px){
    .container{padding:0 18px;}
    section{padding:60px 0;}
    .hero{padding:56px 0 70px;}
    .hero h1{font-size:32px;}
    .hero p{font-size:16px;}
    .hero-trust{gap:22px;}
    .hero-trust div strong{font-size:22px;}
    .section-head{margin-bottom:38px;}
    .section-head h2{font-size:27px;}
    .section-head p{font-size:14.5px;}
    .sim-card{padding:24px;}
    .hero-visual{min-height:auto;}
    .video-frame video{max-height:260px;}
    .map-frame iframe{height:260px;}
    .req-panel{padding:26px;}
    .req-wrap{gap:32px;}
    .form-card{padding:24px;}
    .form-wrap{gap:32px;}
    .footer-grid{grid-template-columns:1fr 1fr;gap:28px;}
    .test-card{width:82vw;max-width:320px;}
  }

  @media (max-width:480px){
    .container{padding:0 16px;}
    .nav{padding:10px 0;}
    .logo{font-size:17px;}
    .logo-icon-full{height:50px;}
    .logo-icon-full-sm{height:42px;}
    .nav-cta{gap:8px;}
    .nav-cta .btn{padding:10px 16px;font-size:13.5px;}
    section{padding:48px 0;}
    .hero{padding:40px 0 56px;}
    .badge{font-size:12px;padding:7px 13px;}
    .hero h1{font-size:27px;margin-bottom:16px;}
    .hero p{font-size:15px;margin-bottom:22px;}
    .hero-badges{gap:8px;margin-bottom:24px;}
    .hero-actions{flex-direction:column;gap:12px;}
    .hero-actions .btn{width:100%;}
    .hero-trust{gap:16px 22px;margin-top:30px;}
    .btn{padding:14px 22px;font-size:14.5px;}
    .sim-card{padding:20px;border-radius:20px;}
    .sim-result{padding:13px;}
    .sim-result strong{font-size:18px;}
    .section-head h2{font-size:23px;}
    .grid-3{gap:18px;}
    .card{padding:24px 20px;}
    .steps{gap:32px 18px;}
    .req-list li{font-size:14.5px;}
    .req-panel h3{font-size:19px;}
    .test-card{width:80vw;padding:22px;}
    .form-card{padding:20px;}
    .footer-grid{grid-template-columns:1fr;gap:30px;text-align:left;}
    .footer-bottom{flex-direction:column;text-align:center;}
    .legal-box{padding:16px 18px;font-size:11.5px;}
    .wa-float{width:52px;height:52px;bottom:16px;right:16px;}
    .wa-float svg{width:24px;height:24px;}
    .dev-note{font-size:12px;padding:8px 12px;}
  }

  @media (max-width:360px){
    .hero h1{font-size:24px;}
    .nav-phone{display:none;}
    .nav-cta .btn{padding:9px 13px;font-size:12.5px;}
  }