:root {
      --ink:      #060F1E;
      --green:    #047857;
      --green-lt: #16b85a;
      --green-glow: rgba(4, 120, 87,0.22);
      --orange:   #FF6B35;
      --wa:       #075E54;
      --wa-dark:  #1DA851;
      --red:      #D93025;
      --gold:     #F5A623;
      --body:     #1A2540;
      --muted:    #5A6A85;
      --border:   #E4E9F0;
      --surface:  #F4F7FB;
      --white:    #FFFFFF;
      --r:        12px;
      --r-lg:     20px;
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;word-break:break-word}
    html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}
    body{font-family:'DM Sans',sans-serif;background:#fff;color:var(--body);overflow-x:hidden;max-width:100vw}

    /* ─── URGENCY TOP STRIP ─── */
    .top-strip {
      background: var(--red);
      color: #fff;
      text-align: center;
      padding: 8px 12px;
      font-size: .8rem;
      font-weight: 700;
      letter-spacing: .1px;
      position: relative;
      overflow: hidden;
    }
    .top-strip::after {
      content:'';position:absolute;top:0;left:0;top:0;width:60%;height:100%;transform:translateX(-100%);
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);
      animation:shimmer 2.5s linear infinite;
    }
    @keyframes shimmer{to{transform:translateX(267%)}}
    .strip-hl{color:#FFE066;font-weight:900}
    .strip-dot{display:inline-block;width:7px;height:7px;background:#4ade80;border-radius:50%;animation:blink 1.4s ease-in-out infinite;vertical-align:middle;margin-right:5px}
    @keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}

    /* ─── NAV ─── */
    .nav {
      background: rgba(255,255,255,.97);
      border-bottom: 2px solid #eef1f7;
      padding: 10px 16px;
      display: flex; align-items: center; justify-content: space-between;
      position: sticky; top: 0; z-index: 99;
      box-shadow: 0 1px 12px rgba(6,15,30,.08);
      gap: 8px;
    }
    .logo {
      display: flex; align-items: center; gap: 9px;
      font-family: 'Syne',sans-serif;
      font-size: 1rem; font-weight: 800;
      color: var(--ink); text-decoration: none;
    }
    .logo-icon {
      width: 38px; height: 38px;
      background: linear-gradient(135deg, var(--green), #0a7a3a);
      border-radius: 10px;
      display: flex; align-items: center; justify-content: center;
      font-size: 1.1rem;
      box-shadow: 0 4px 14px var(--green-glow);
      flex-shrink: 0;
    }
    .nav-right { display: flex; align-items: center; gap: 7px; flex-shrink: 0; }
    .btn-nav-call {
      display: inline-flex; align-items: center; gap: 5px;
      background: var(--green); color: #fff;
      text-decoration: none; padding: 9px 16px;
      border-radius: 9px; font-weight: 700; font-size: .85rem;
      box-shadow: 0 4px 14px var(--green-glow); white-space: nowrap;
      transition: all .2s;
    }
    .btn-nav-call:hover { background: var(--green-lt); transform: translateY(-1px); }
    .btn-nav-wa {
      display: inline-flex; align-items: center; gap: 5px;
      background: var(--wa); color: #fff;
      text-decoration: none; padding: 9px 13px;
      border-radius: 9px; font-weight: 700; font-size: .85rem;
      white-space: nowrap; transition: all .2s;
    }
    .btn-nav-wa:hover { background: var(--wa-dark); transform: translateY(-1px); }
    @media(max-width:600px){
      .btn-nav-call .lbl,.btn-nav-wa .lbl{display:none}
    }

    /* ─── HERO ─── */
    .hero {
      background:
        radial-gradient(ellipse at 15% 60%, rgba(4, 120, 87,.12) 0%, transparent 55%),
        radial-gradient(ellipse at 85% 25%, rgba(4, 120, 87,.06) 0%, transparent 50%),
        linear-gradient(160deg, #060F1E 0%, #0D2035 55%, #071A10 100%);
      position: relative; overflow: hidden;
    }
    .hero-grid {
      position: absolute; inset: 0; pointer-events: none;
      background-image:
        linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
      background-size: 52px 52px;
    }
    .hero-inner {
      max-width: 1140px; margin: 0 auto;
      padding: 44px 20px 52px;
      display: grid; grid-template-columns: 1fr 420px;
      gap: 48px; align-items: start;
      position: relative; z-index: 1;
    }
    @media(max-width:900px){
      .hero-inner { grid-template-columns: 1fr; gap: 32px; }
    }

    .hero-eyebrow {
      display: inline-flex; align-items: center; gap: 7px;
      background: rgba(4, 120, 87,.15); border: 1px solid rgba(4, 120, 87,.3);
      color: #4ade80; padding: 5px 14px; border-radius: 100px;
      font-size: .72rem; font-weight: 700;
      text-transform: uppercase; letter-spacing: .8px;
      margin-bottom: 16px;
    }
    .hero h1 {
      font-family: 'Syne', sans-serif;
      font-size: clamp(1.5rem, 5vw, 3rem);
      font-weight: 800; color: #fff;
      line-height: 1.12; margin-bottom: 16px;
      letter-spacing: -.5px;
    }
    .hero h1 .hl { color: #4ade80; }
    .hero h1 .hl2 { color: var(--gold); }
    .hero-sub {
      font-size: clamp(.9rem, 3.5vw, 1.05rem);
      color: #8FA4BE; line-height: 1.65; margin-bottom: 26px;
    }
    .hero-sub strong { color: #CBD8EA; }

    /* Hero pills */
    .hero-pills {
      display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 28px;
    }
    .pill {
      display: inline-flex; align-items: center; gap: 5px;
      background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14);
      color: #CBD8EA; padding: 5px 12px; border-radius: 100px;
      font-size: .79rem; font-weight: 600;
    }
    .pill .pi { color: #4ade80; }

    /* Hero stats */
    .hero-stats { display: flex; gap: 24px; flex-wrap: wrap; }
    .hs { display: flex; flex-direction: column; }
    .hs-num {
      font-family: 'Syne', sans-serif;
      font-size: 2rem; font-weight: 800; color: #fff; line-height: 1;
    }
    .hs-num span { color: #4ade80; }
    .hs-lbl {
      font-size: .7rem; color: #94A3B8;
      text-transform: uppercase; letter-spacing: .6px;
      font-weight: 600; margin-top: 3px;
    }

    /* ─── FORM CARD ─── */
    .form-card {
      background: #fff;
      border: 2px solid #e8edf5;
      border-radius: 22px;
      padding: 28px 24px 26px;
      box-shadow: 0 32px 80px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.3);
      position: relative; overflow: hidden;
    }
    .form-card::before {
      content:'';position:absolute;top:0;left:0;right:0;height:4px;
      background: linear-gradient(90deg, var(--green), var(--green-lt), var(--gold));
    }

    /* Offer badge */
    .form-offer {
      display: flex; align-items: center; gap: 8px;
      background: linear-gradient(135deg,#FFF7ED,#FFF3E0);
      border: 1.5px solid #FDD89F; border-radius: var(--r);
      padding: 10px 12px; margin-bottom: 16px;
    }
    .form-offer-icon { font-size: 1.3rem; flex-shrink: 0; }
    .form-offer-text { flex: 1; min-width: 0; }
    .form-offer-main { font-weight: 800; font-size: .84rem; color: #B45309; }
    .form-offer-sub { font-size: .72rem; color: #92400E; font-weight: 500; }
    .form-offer-badge {
      background: var(--red); color: #fff;
      padding: 3px 10px; border-radius: 100px;
      font-size: .68rem; font-weight: 900; white-space: nowrap;
    }

    .form-title {
      font-family: 'Syne', sans-serif;
      font-size: 1.18rem; font-weight: 800;
      color: var(--ink); margin-bottom: 3px;
    }
    .form-sub {
      font-size: .8rem; color: var(--muted); margin-bottom: 16px; font-weight: 500;
    }
    .form-sub .cb { color: var(--green); font-weight: 700; }

    .field-wrap { margin-bottom: 11px; }
    .field-wrap label {
      display: block; font-size: .77rem; font-weight: 700;
      color: var(--body); margin-bottom: 5px;
    }
    .field-wrap label .req { color: var(--red); }
    .field-wrap input, .field-wrap select {
      width: 100%; padding: 13px 14px;
      background: #f8fafd;
      border: 1.5px solid #dce3ee;
      border-radius: 10px; font-size: .97rem;
      font-family: 'DM Sans', sans-serif;
      color: var(--body);
      transition: border-color .2s, box-shadow .2s;
      outline: none;
    }
    .field-wrap input:focus, .field-wrap select:focus {
      border-color: var(--green);
      box-shadow: 0 0 0 3px rgba(4, 120, 87,.13);
      background: #fff;
    }
    .field-wrap input.error { border-color: var(--red); }
    .field-wrap input::placeholder { color: #b0b8c8; }

    .phone-wrap { position: relative; }
    .phone-prefix {
      position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
      font-size: .9rem; font-weight: 700; color: var(--muted); pointer-events: none;
    }
    .phone-wrap input { padding-left: 46px; }

    /* — BHK SELECTOR — */
    .bhk-wrap { display: flex; gap: 8px; margin-bottom: 12px; }
    .bhk-opt {
      flex: 1; padding: 10px 6px; border-radius: 10px;
      border: 1.5px solid #dce3ee; background: #f8fafd;
      font-family: 'Syne', sans-serif; font-size: .82rem; font-weight: 700;
      color: var(--muted); cursor: pointer; text-align: center;
      transition: all .18s; user-select: none;
    }
    .bhk-opt.active {
      border-color: var(--green); background: #f0fdf4; color: var(--green);
      box-shadow: 0 0 0 3px rgba(4, 120, 87,.12);
    }
    .bhk-opt:hover:not(.active) { border-color: #8fbb9e; }

    .btn-submit {
      width: 100%; padding: 15px 12px;
      background: linear-gradient(135deg, #047857, #0a7a3a);
      color: #fff; border: none; border-radius: 12px;
      font-family: 'Syne', sans-serif;
      font-size: 1.05rem; font-weight: 800;
      cursor: pointer; letter-spacing: .2px;
      transition: all .2s;
      box-shadow: 0 6px 24px var(--green-glow);
      position: relative; overflow: hidden;
      margin-top: 4px;
    }
    .btn-submit::after {
      content:'';position:absolute;top:0;left:0;top:0;width:60%;height:100%;transform:translateX(-100%);
      background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
      animation:btn-shine 3s linear infinite;
    }
    @keyframes btn-shine{to{transform:translateX(267%)}}
    .btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px var(--green-glow);}
    .btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}
    .btn-sub-small { display:block;font-size:.72rem;font-weight:500;opacity:.8;margin-top:2px; }

    .or-div {
      display:flex;align-items:center;gap:10px;
      margin:13px 0;color:var(--muted);font-size:.79rem;font-weight:600;
    }
    .or-div::before,.or-div::after{content:'';flex:1;height:1px;background:var(--border);}

    .btn-wa-form {
      display: flex; align-items: center; justify-content: center; gap: 8px;
      width: 100%; padding: 13px;
      background: linear-gradient(135deg, var(--wa), var(--wa-dark));
      color: #fff; border-radius: 12px;
      text-decoration: none; font-weight: 700; font-size: .92rem;
      transition: all .2s;
    }
    .btn-wa-form:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(37,211,102,.3);}

    .micro-trust {
      display: flex; align-items: center; justify-content: center; gap: 14px;
      margin-top: 11px; flex-wrap: wrap;
    }
    .mt-item {
      display: flex; align-items: center; gap: 4px;
      font-size: .72rem; color: var(--muted); font-weight: 600;
    }
    .mt-item .mi { color: var(--green); }

    /* Error / Success */
    .success-box {
      display: none;
      background: #f0fdf4; border: 2px solid #86efac;
      border-radius: var(--r); padding: 18px;
      text-align: center;
    }
    .success-box .s-icon { font-size: 2.2rem; margin-bottom: 8px; }
    .success-box h3 { font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:#166534;margin-bottom:4px; }
    .success-box p { font-size:.84rem;color:#15803d;font-weight:500; }
    .error-msg {
      display: none;
      background: #fef2f2; border: 1.5px solid #fca5a5;
      border-radius: 8px; padding: 10px 14px;
      font-size: .82rem; font-weight: 600; color: var(--red); margin-bottom: 10px;
    }

    /* ─── TRUST BAR ─── */
    .trust-bar {
      background: #fff;
      border-bottom: 1px solid #e8edf5;
      border-top: 1px solid #e8edf5;
      padding: 16px 20px;
      overflow: hidden;
    }
    .trust-bar-inner {
      max-width: 1100px; margin: 0 auto;
      display: flex; align-items: center; justify-content: center;
      gap: 28px; flex-wrap: wrap;
    }
    .trust-item {
      display: flex; align-items: center; gap: 9px;
      padding: 0 16px;
      border-right: 1px solid var(--border);
    }
    .trust-item:last-child { border-right: none; }
    .trust-icon { font-size: 1.4rem; flex-shrink: 0; }
    .trust-main { font-size: .82rem; font-weight: 800; color: var(--ink); }
    .trust-sub { font-size: .72rem; color: var(--muted); font-weight: 500; }
    @media(max-width:700px){
      .trust-item { border-right: none; padding: 6px 12px; }
    }

    /* ─── SECTION STYLES ─── */
    .section { padding: 56px 20px; }
    .section-alt { background: #f8fafd; }
    .section-inner { max-width: 1100px; margin: 0 auto; }
    .section-tag {
      display: inline-block;
      background: #f0fdf4; color: var(--green);
      border: 1px solid #bbf7d0;
      padding: 4px 13px; border-radius: 100px;
      font-size: .72rem; font-weight: 800;
      text-transform: uppercase; letter-spacing: .7px;
      margin-bottom: 12px;
    }
    .section-title {
      font-family: 'Syne', sans-serif;
      font-size: clamp(1.4rem,3vw,2.2rem);
      font-weight: 800; color: var(--ink);
      letter-spacing: -.3px; line-height: 1.15;
      margin-bottom: 12px;
    }
    .section-sub {
      font-size: clamp(.87rem,2vw,1.05rem);
      color: var(--muted); line-height: 1.65;
      max-width: 640px;
    }

    /* ─── WHAT'S INCLUDED ─── */
    .checklist-grid {
      display: grid; grid-template-columns: repeat(2,1fr);
      gap: 16px; margin-top: 36px;
    }
    @media(max-width:640px){ .checklist-grid { grid-template-columns: 1fr; } }
    .checklist-item {
      display: flex; gap: 14px; align-items: flex-start;
      background: #fff; border: 1.5px solid #e8edf5;
      border-radius: var(--r); padding: 16px;
      transition: border-color .2s, box-shadow .2s;
    }
    .checklist-item:hover { border-color: var(--green); box-shadow: 0 4px 20px rgba(4, 120, 87,.1); }
    .checklist-icon {
      width: 28px; height: 28px; border-radius: 8px;
      background: linear-gradient(135deg,var(--green),#0a7a3a);
      display: flex; align-items: center; justify-content: center;
      color: #fff; font-weight: 900; font-size: .85rem;
      flex-shrink: 0;
    }
    .checklist-title { font-family:'Syne',sans-serif;font-size:.93rem;font-weight:800;color:var(--ink);margin-bottom:4px; }
    .checklist-desc { font-size:.82rem;color:var(--muted);line-height:1.5; }

    /* ─── HOW IT WORKS ─── */
    .hiw-wrap {
      display: grid; grid-template-columns: repeat(3,1fr);
      gap: 24px; margin-top: 44px;
    }
    @media(max-width:640px){ .hiw-wrap { grid-template-columns: 1fr; } }
    .hiw-step {
      display: flex; flex-direction: column; align-items: center;
      text-align: center; position: relative;
    }
    .hiw-step:not(:last-child)::after {
      content:'→'; position:absolute; right:-14px; top:18px;
      color:var(--green); font-size:1.4rem; font-weight:700;
    }
    @media(max-width:640px){ .hiw-step:not(:last-child)::after{ display:none; } }
    .hiw-num {
      width: 52px; height: 52px;
      background: linear-gradient(135deg, var(--green), #0a7a3a);
      border-radius: 50%; display:flex;align-items:center;justify-content:center;
      font-family:'Syne',sans-serif;font-size:1.2rem;font-weight:800;color:#fff;
      margin-bottom: 16px; box-shadow: 0 6px 20px var(--green-glow);
    }
    .hiw-title { font-family:'Syne',sans-serif;font-size:1rem;font-weight:800;color:var(--ink);margin-bottom:6px; }
    .hiw-desc { font-size:.84rem;color:var(--muted);line-height:1.55; }

    /* ─── REVIEWS ─── */
    .reviews-head { text-align:center;margin-bottom:40px; }
    .rating-pill {
      display:inline-flex;align-items:center;gap:12px;
      background:#FEFCE8;border:1.5px solid #FDE68A;
      border-radius:100px;padding:7px 20px;margin-bottom:12px;
    }
    .rs-stars { font-size:1.1rem;letter-spacing:1px; }
    .rs-num { font-family:'Syne',sans-serif;font-size:1.4rem;font-weight:800;color:var(--ink); }
    .rs-count { font-size:.8rem;color:var(--muted);font-weight:600; }
    .reviews-grid {
      display: grid; grid-template-columns: repeat(3,1fr);
      gap: 16px;
    }
    @media(max-width:860px){ .reviews-grid { grid-template-columns: 1fr 1fr; } }
    @media(max-width:560px){ .reviews-grid { grid-template-columns: 1fr; } }
    .review-card {
      background: #fff; border: 1.5px solid #e8edf5;
      border-radius: var(--r-lg); padding: 22px 20px;
      transition: all .22s;
    }
    .review-card:hover { border-color: var(--green); box-shadow: 0 8px 32px rgba(4, 120, 87,.1); }
    .review-stars { font-size:.95rem;margin-bottom:10px;letter-spacing:1px; }
    .review-text { font-size:.86rem;color:var(--body);line-height:1.62;margin-bottom:14px;font-style:italic; }
    .reviewer { display:flex;align-items:center;gap:10px; }
    .reviewer-av {
      width:36px;height:36px;border-radius:50%;
      background:linear-gradient(135deg,var(--green),#0a7a3a);
      display:flex;align-items:center;justify-content:center;
      font-family:'Syne',sans-serif;font-size:.82rem;font-weight:800;color:#fff;flex-shrink:0;
    }
    .reviewer-name { font-weight:700;font-size:.84rem;color:var(--ink); }
    .reviewer-loc { font-size:.74rem;color:var(--muted); }
    .review-verified {
      margin-left:auto;font-size:.68rem;font-weight:700;
      color:var(--green);background:#f0fdf4;border-radius:100px;padding:2px 8px;
    }

    /* ─── WHY US ─── */
    .whyus-grid {
      display: grid; grid-template-columns: repeat(2,1fr);
      gap: 16px; margin-top: 36px;
    }
    @media(max-width:580px){ .whyus-grid { grid-template-columns: 1fr; } }
    .why-card {
      background: #fff; border: 1.5px solid #e8edf5;
      border-radius: var(--r-lg); padding: 20px;
      display: flex; gap: 14px; align-items: flex-start;
      transition: all .22s;
    }
    .why-card:hover { border-color: var(--green); box-shadow: 0 4px 20px rgba(4, 120, 87,.1); }
    .why-icon {
      width: 44px; height: 44px; border-radius: 12px;
      background: #f0fdf4; display:flex;align-items:center;justify-content:center;
      font-size:1.4rem;flex-shrink:0;
    }
    .why-title { font-family:'Syne',sans-serif;font-size:.93rem;font-weight:800;color:var(--ink);margin-bottom:5px; }
    .why-desc { font-size:.81rem;color:var(--muted);line-height:1.45; }

    /* ─── PRICING ─── */
    .pricing-grid {
      display: grid; grid-template-columns: repeat(3,1fr);
      gap: 16px; margin-top: 40px;
    }
    @media(max-width:700px){ .pricing-grid { grid-template-columns: 1fr; } }
    .pricing-card {
      background: #fff; border: 1.5px solid #e8edf5;
      border-radius: var(--r-lg); padding: 24px 20px;
      text-align: center; transition: all .22s;
    }
    .pricing-card:hover { border-color: var(--green); box-shadow: 0 8px 32px rgba(4, 120, 87,.1); }
    .pricing-card.pop {
      border: 2px solid var(--green);
      background: rgba(4, 120, 87,.04);
      position: relative;
    }
    .pricing-card.pop::before {
      content:'⭐ BEST VALUE';
      position:absolute;top:-1px;left:50%;transform:translateX(-50%);
      background:var(--green);color:#fff;
      font-size:.62rem;font-weight:900;letter-spacing:1px;
      padding:4px 14px;border-radius:0 0 8px 8px;
    }
    .pc-type { font-size:.76rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px; }
    .pc-size { font-family:'Syne',sans-serif;font-size:1.1rem;font-weight:800;color:var(--ink);margin-bottom:12px; }
    .pc-price { font-family:'Syne',sans-serif;font-size:2.1rem;font-weight:800;color:var(--green);line-height:1; }
    .pc-price sub { font-size:.9rem;vertical-align:super; }
    .pc-from { font-size:.73rem;color:var(--muted);margin-bottom:14px;margin-top:2px; }
    .pc-items { list-style:none;text-align:left;margin-bottom:18px; }
    .pc-items li { font-size:.82rem;color:var(--body);padding:4px 0;display:flex;align-items:center;gap:7px; }
    .pc-items li::before { content:'✓';color:var(--green);font-weight:800;flex-shrink:0; }
    .btn-pc {
      display:block;width:100%;padding:12px;
      background:var(--green);color:#fff;border:none;
      border-radius:10px;font-family:'Syne',sans-serif;
      font-size:.9rem;font-weight:800;cursor:pointer;
      text-decoration:none;text-align:center;transition:all .2s;
    }
    .btn-pc:hover { background:var(--green-lt);transform:translateY(-1px); }

    /* ─── GUARANTEE ─── */
    .guarantee-section {
      background: linear-gradient(135deg, #060F1E, #0D2035);
      padding: 60px 20px;
    }
    .guarantee-inner { max-width:780px;margin:0 auto;text-align:center; }
    .guarantee-badge { font-size:3.5rem;margin-bottom:18px;display:block; }
    .guarantee-inner h2 {
      font-family:'Syne',sans-serif;
      font-size:clamp(1.4rem,2.8vw,2.2rem);
      font-weight:800;color:#fff;margin-bottom:12px;
    }
    .guarantee-inner p { font-size:1.05rem;color:#8FA4BE;line-height:1.65;margin-bottom:28px; }
    .guar-pills { display:flex;flex-wrap:wrap;justify-content:center;gap:10px; }
    .gp {
      display:inline-flex;align-items:center;gap:7px;
      background:rgba(4, 120, 87,.15);border:1px solid rgba(4, 120, 87,.3);
      color:#4ade80;padding:8px 16px;border-radius:100px;
      font-size:.84rem;font-weight:700;
    }
    .guarantee-inner p strong.highlight { color:#fff; }

    /* ─── COMPARISON TABLE ─── */
    .comp-wrap { overflow-x:auto;margin-top:36px; }
    .comp-table { width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 4px 24px rgba(6,15,30,.08); }
    .comp-table th { background:var(--ink);color:#fff;padding:14px 16px;text-align:center;font-family:'Syne',sans-serif;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px; }
    .comp-table th:first-child { text-align:left; }
    .comp-table th.highlight { background:var(--green); }
    .comp-table td { padding:12px 16px;border-bottom:1px solid var(--border);background:#fff;text-align:center; }
    .comp-table td:first-child { text-align:left;font-weight:600;color:var(--body); }
    .comp-table tr:last-child td { border-bottom:none; }
    .comp-table .check { color:var(--green);font-weight:800;font-size:1.1rem; }
    .comp-table .cross { color:var(--red);font-size:1.1rem; }
    .comp-table tr:nth-child(even) td { background:#fafbfd; }

    /* ─── BEFORE/AFTER ─── */
    .ba-grid {
      display:grid;grid-template-columns:repeat(2,1fr);
      gap:16px;margin-top:36px;
    }
    @media(max-width:640px){ .ba-grid { grid-template-columns:1fr; } }
    .ba-card {
      background:#fff;border:1.5px solid #e8edf5;
      border-radius:var(--r-lg);overflow:hidden;transition:all .22s;
    }
    .ba-card:hover { border-color:var(--green);box-shadow:0 8px 32px rgba(4, 120, 87,.1); }
    .ba-img-wrap { position:relative;background:var(--surface);min-height:120px;display:flex;align-items:center;justify-content:center;padding:28px 20px; }
    .ba-badge { position:absolute;top:10px;left:10px;background:var(--ink);color:#fff;font-size:.68rem;font-weight:800;padding:3px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px; }
    .ba-badge.after { background:var(--green); }
    .ba-visual { font-size:3.2rem;line-height:1; }
    .ba-caption { padding:12px 16px;font-size:.83rem;font-weight:700;color:var(--body); }

    /* ─── ANCHOR/DECOY BANNER ─── */
    .value-banner {
      background:linear-gradient(135deg,#FFF7ED,#FFFBEB);
      border:2px solid #FDE68A;border-radius:var(--r-lg);
      padding:20px 24px;margin-bottom:24px;
      text-align:center;
    }
    .value-banner .vb-main { font-family:'Syne',sans-serif;font-size:1rem;font-weight:800;color:#92400E; }
    .value-banner .vb-sub { font-size:.82rem;color:#B45309;font-weight:600;margin-top:4px; }
    .value-banner .vb-highlight { background:var(--red);color:#fff;padding:2px 8px;border-radius:4px;font-size:.78rem; }

    /* ─── FAQ ─── */
    .faq-wrap { max-width:740px;margin:36px auto 0; }
    .faq-item {
      background:#fff;border:1.5px solid #e8edf5;
      border-radius:var(--r);margin-bottom:10px;overflow:hidden;
      transition:border-color .2s;
    }
    .faq-item.open { border-color:var(--green); }
    .faq-q {
      width:100%;padding:16px 20px;
      background:none;border:none;cursor:pointer;
      display:flex;justify-content:space-between;align-items:center;
      font-family:'DM Sans',sans-serif;font-size:.93rem;font-weight:700;
      color:var(--ink);text-align:left;gap:12px;
    }
    .faq-q:hover { color:var(--green); }
    .faq-arrow { font-size:.7rem;color:var(--green);flex-shrink:0;transition:transform .25s; }
    .faq-item.open .faq-arrow { transform:rotate(180deg); }
    .faq-a {
      max-height:0;overflow:hidden;transition:max-height .35s ease,padding .3s;
      font-size:.87rem;color:var(--muted);line-height:1.65;padding:0 20px;
    }
    .faq-item.open .faq-a { max-height:300px;padding:0 20px 16px; }

    /* ─── AREAS ─── */
    .areas-list {
      display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;justify-content:center;
    }
    .area-tag {
      background:#fff;border:1px solid #e0e6f0;
      border-radius:100px;padding:6px 14px;
      font-size:.79rem;font-weight:600;color:var(--body);
      transition: border-color .18s, color .18s;
    }
    .area-tag:hover { border-color:var(--green);color:var(--green); }

    /* ─── FINAL CTA ─── */
    .final-cta {
      background: linear-gradient(135deg, var(--green), #0a7a3a);
      padding: 56px 20px; text-align: center;
    }
    .final-cta-inner { max-width: 680px; margin: 0 auto; }
    .final-cta h2 {
      font-family:'Syne',sans-serif;
      font-size:clamp(1.5rem,3vw,2.3rem);
      font-weight:800;color:#fff;margin-bottom:12px;
    }
    .final-cta p { font-size:1.05rem;color:rgba(255,255,255,.8);margin-bottom:28px;line-height:1.6; }
    .fcta-btns { display:flex;gap:12px;justify-content:center;flex-wrap:wrap; }
    .fcta-call {
      display:inline-flex;align-items:center;gap:8px;
      background:#fff;color:var(--green);
      text-decoration:none;padding:15px 28px;border-radius:12px;
      font-family:'Syne',sans-serif;font-size:1rem;font-weight:800;
      box-shadow:0 6px 24px rgba(0,0,0,.15);transition:all .2s;
    }
    .fcta-call:hover { transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.2); }
    .fcta-wa {
      display:inline-flex;align-items:center;gap:8px;
      background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.5);
      color:#fff;text-decoration:none;padding:15px 28px;border-radius:12px;
      font-family:'Syne',sans-serif;font-size:1rem;font-weight:800;
      transition:all .2s;
    }
    .fcta-wa:hover { background:rgba(255,255,255,.25);transform:translateY(-2px); }

    /* ─── COUNTDOWN STRIP ─── */
    .countdown-strip {
      background:#FFFBEB;border-bottom:1px solid #FDE68A;
      padding:8px 12px;text-align:center;
      font-size:.82rem;font-weight:700;color:#92400E;
      display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
    }
    .ct-seg {
      background:var(--ink);color:#fff;
      font-family:'Syne',sans-serif;font-size:.9rem;font-weight:800;
      padding:3px 8px;border-radius:5px;min-width:28px;text-align:center;
    }
    .ct-colon { color:var(--red);font-weight:900; }

    /* ─── STICKY MOBILE BAR ─── */
    .sticky-mob {
      display: none;
      position: fixed; bottom: 0; left: 0; right: 0;
      background: #fff; border-top: 2px solid var(--border);
      padding: 10px 12px; gap: 10px; z-index: 999;
      box-shadow: 0 -4px 24px rgba(6,15,30,.12);
    }
    @media(max-width:860px){ .sticky-mob { display: flex; } body { padding-bottom: 72px; } }
    @media(min-width:861px){ .sticky-mob { display: none !important; } }
    .sticky-mob a {
      flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
      padding:13px;border-radius:12px;
      font-family:'Syne',sans-serif;font-weight:800;font-size:.92rem;
      text-decoration:none;transition:all .2s;
    }
    .sm-call { background:var(--green);color:#fff; }
    .sm-call:hover { background:var(--green-lt); }
    .sm-wa { background:var(--wa);color:#fff; }
    .sm-wa:hover { background:var(--wa-dark); }

    /* ─── FADE-UP ANIMATION ─── */
    .fade-up { opacity:0; transform:translateY(20px); transition:opacity .5s ease, transform .5s ease; }
    .fade-up.visible { opacity:1; transform:translateY(0); }

    /* ─── SOCIAL PROOF POPUP ─── */
    .booking-popup {
      position:fixed;bottom:85px;left:16px;
      background:#fff;
      border:2px solid #e8edf5;border-left:3px solid var(--green);
      border-radius:var(--r-lg);padding:12px 16px;
      display:flex;align-items:center;gap:12px;
      box-shadow:0 8px 40px rgba(6,15,30,.18);z-index:998;
      max-width:280px;width:calc(100% - 32px);
      transform:translateX(-120%);transition:transform .45s cubic-bezier(.34,1.56,.64,1);
    }
    .booking-popup.show { transform:translateX(0); }
    @media(min-width:861px){ .booking-popup { bottom:24px; } }
    .bp-av {
      width:36px;height:36px;border-radius:50%;
      background:linear-gradient(135deg,var(--green),#0a7a3a);
      display:flex;align-items:center;justify-content:center;
      font-family:'Syne',sans-serif;font-weight:800;color:#fff;font-size:.9rem;flex-shrink:0;
    }
    .bp-name { font-size:.82rem;font-weight:700;color:var(--ink); }
    .bp-detail { font-size:.75rem;color:var(--muted); }
    .bp-time { font-size:.7rem;color:var(--green);font-weight:600;margin-top:1px; }

    /* ─── FOOTER ─── */
    footer {
      background:var(--ink);color:#94A3B8;
      padding:28px 20px;text-align:center;font-size:.82rem;line-height:1.8;
    }
    footer a { color:#8FA4BE;text-decoration:underline; }
    footer a:hover { color:#fff; }
    footer strong { color:#CBD8EA; }

    /* ─── WA NUDGE ─── */
    .wa-nudge {
      position:fixed;bottom:0;left:0;right:0;z-index:1100;
      transform:translateY(110%);transition:transform .5s cubic-bezier(.34,1.3,.64,1);
      pointer-events:none;
    }
    .wa-nudge.show { transform:translateY(0);pointer-events:auto; }
    .wa-nudge-inner {
      background:#fff;border-top:3px solid var(--wa);
      border-radius:20px 20px 0 0;
      padding:22px 20px 32px;
      box-shadow:0 -14px 60px rgba(6,15,30,.22);
      max-width:480px;margin:0 auto;position:relative;
    }
    .wa-nudge-close {
      position:absolute;top:14px;right:16px;
      background:none;border:none;font-size:1rem;cursor:pointer;
      color:var(--muted);padding:4px 8px;border-radius:6px;
    }
    .wa-nudge-close:hover { background:#f5f5f5; }
    .wa-nudge-top { display:flex;align-items:center;gap:12px;margin-bottom:12px; }
    .wa-nudge-icon {
      width:44px;height:44px;border-radius:50%;
      background:var(--wa);display:flex;align-items:center;justify-content:center;flex-shrink:0;
    }
    .wa-nudge-icon svg { width:24px;height:24px;fill:#fff; }
    .wa-nudge-heading { font-family:'Syne',sans-serif;font-size:.95rem;font-weight:800;color:var(--ink); }
    .wa-nudge-sub { font-size:.78rem;color:var(--muted);font-weight:500; }
    .wa-nudge-preview {
      background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;
      padding:10px 14px;font-size:.82rem;color:#166534;margin-bottom:14px;
    }
    .btn-wa-nudge {
      display:flex;align-items:center;justify-content:center;gap:8px;
      width:100%;padding:14px;background:var(--wa);color:#fff;border-radius:12px;
      text-decoration:none;font-family:'Syne',sans-serif;font-weight:800;font-size:.95rem;
      transition:all .2s;
    }
    .btn-wa-nudge:hover { background:var(--wa-dark); }
    .wa-nudge-skip { display:block;text-align:center;margin-top:12px;font-size:.78rem;color:var(--muted);cursor:pointer;text-decoration:underline; }

    /* ─── INLINE SOCIAL PROOF BAR ─── */
    .proof-bar {
      background: #f0fdf4; border-top: 1px solid #bbf7d0; border-bottom: 1px solid #bbf7d0;
      padding: 10px 20px; text-align: center;
      font-size: .83rem; font-weight: 700; color: #166534;
      display: flex; align-items: center; justify-content: center; gap: 20px; flex-wrap: wrap;
    }
    .pb-item { display:flex;align-items:center;gap:6px; }

    /* ─── SCROLL CTA ─── */
    .scroll-cta {
      text-align: center; padding: 36px 20px 0;
    }
    .scroll-cta a {
      display: inline-flex; align-items: center; gap: 8px;
      background: var(--green); color: #fff;
      padding: 14px 28px; border-radius: 12px;
      font-family: 'Syne',sans-serif; font-size:1rem; font-weight:800;
      text-decoration: none; box-shadow: 0 6px 24px var(--green-glow);
      transition: all .2s;
    }
    .scroll-cta a:hover { transform:translateY(-2px); background:var(--green-lt); }

    /* ─── VIDEO ─── */
    video { display:block;width:100%;border-radius:12px; }
  
    .section,.guarantee-section,.final-cta,.ba-section{content-visibility:auto;contain-intrinsic-size:auto 500px}
  

.sdc-reel-sec{background:var(--surface,#F4F7FB);padding:72px 0}
.sdc-reel-sec .section-tag{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:#056849;background:rgba(5,104,73,.1);border:1px solid rgba(5,104,73,.25);padding:6px 14px;border-radius:100px;margin-bottom:14px}
.sdc-reel-sec .section-title{font-family:'Syne','Plus Jakarta Sans',sans-serif;font-weight:800;font-size:clamp(1.45rem,3vw,2.1rem);color:var(--ink,#111827);line-height:1.22;margin:0 0 12px}
.sdc-reel-sec .section-sub{font-size:1rem;color:var(--muted,#6B7280);line-height:1.7;max-width:640px;margin-top:10px}
.sdc-reel-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.sdc-reel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,420px));gap:28px;justify-content:center;align-items:start;margin:36px auto 0}
@media(max-width:900px){.sdc-reel-grid{grid-template-columns:minmax(0,420px)}}
.sdc-reel-item{display:flex;flex-direction:column;align-items:center;gap:12px}
.sdc-reel-label{font-size:.74rem;font-weight:700;color:var(--muted,#5A6A85);text-transform:uppercase;letter-spacing:1px}
.sdc-reel{position:relative;width:100%;max-width:420px;aspect-ratio:9/14;border-radius:22px;overflow:hidden;cursor:pointer;box-shadow:0 24px 60px rgba(6,15,30,.25);background:linear-gradient(160deg,#060F1E,#0a1f17);user-select:none}
.sdc-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sdc-reel-header{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(180deg,rgba(6,15,30,.72),rgba(6,15,30,0));color:#fff;z-index:2}
.sdc-reel-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#047857,#0a7a3a);border:2px solid rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}
.sdc-reel-handle{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.sdc-reel-handle strong{font-size:.9rem;font-family:'Syne',sans-serif;color:#fff}
.sdc-reel-handle span{font-size:.72rem;color:rgba(255,255,255,.75)}
.sdc-reel-tag{margin-left:auto;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);padding:3px 9px;border-radius:100px;font-size:.68rem;font-weight:700;color:#fff;white-space:nowrap}
.sdc-reel-caption{position:absolute;bottom:86px;left:0;right:0;padding:12px 16px;background:linear-gradient(0deg,rgba(6,15,30,.78),rgba(6,15,30,0));color:#fff;font-size:.92rem;font-weight:600;z-index:2}
.sdc-reel-play{cursor:pointer;padding:0;font-family:inherit;position:absolute;z-index:3;width:58px;height:58px;border-radius:50%;background:rgba(6,15,30,.55);border:2px solid rgba(255,255,255,.9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.95rem;top:42%;left:50%;transform:translate(-50%,-50%);backdrop-filter:blur(4px);transition:background .2s,transform .2s}
.sdc-reel:hover .sdc-reel-play{cursor:pointer;padding:0;font-family:inherit;background:#047857}
.sdc-reel-nav{position:absolute;top:46%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:50%;background:rgba(6,15,30,.55);border:2px solid rgba(255,255,255,.75);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);transition:background .2s;padding:0}
.sdc-reel-prev{left:10px}
.sdc-reel-next{right:10px}
.sdc-reel-nav:hover{background:#047857}
.sdc-reel-cta{position:absolute;bottom:14px;left:16px;right:16px;display:flex;align-items:center;justify-content:center;gap:8px;z-index:3;background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);color:#fff!important;text-decoration:none;padding:12px 16px;border-radius:12px;font-family:'Syne',sans-serif;font-weight:800;font-size:.9rem;box-shadow:0 8px 24px rgba(204,35,102,.35)}
.sdc-reel-ig{width:24px;height:24px;border-radius:7px;background:#fff;color:#cc2366;font-size:.72rem;font-weight:900;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:480px){.sdc-reel{max-width:360px}.sdc-reel-caption{bottom:80px}.sdc-reel-nav{width:34px;height:34px;font-size:1.1rem}}


@media (max-width: 860px) { .booking-popup { display: none !important; } }

/* mobile safety: prevent horizontal scroll */
html, body { overflow-x: clip; }
.blog-table, main table, table { max-width: 100%; }
@media (max-width: 768px) { .blog-table, main table, table { display: block; overflow-x: auto; } }
header a, header button, nav a { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }