.glass-nav { background: rgba(18, 14, 22, 0.85); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.05); }
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .blob { position: absolute; filter: blur(80px); z-index: -1; opacity: 0.6; }
        .footer-link { position: relative; display: inline-block; }
        .footer-link::after { content: ''; position: absolute; width: 0; height: 1px; bottom: -2px; left: 0; background-color: #CCF381; transition: width 0.3s ease; }
        .footer-link:hover::after { width: 100%; }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f9fafb; }
        ::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

        /* WhatsApp pulse */
        @keyframes whatsapp-ping {
            0%, 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
            50% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
        }
        .whatsapp-btn { animation: whatsapp-ping 2s ease-in-out infinite; }
    
        /* ── Footer Utils ───────────────────────────────────────── */
        .geo-tag {
            display: block;
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.12em;
            color: rgba(255, 255, 255, 0.18);
            text-decoration: none;
            margin-top: 10px;
            transition: color 0.25s ease, opacity 0.25s ease;
            cursor: default;
            text-align: left;
        }
        .geo-tag:hover {
            color: rgba(255, 255, 255, 0.45);
            text-decoration: none;
        }
        .footer-util-link {
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.1em;
            color: rgba(255, 255, 255, 0.25);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .footer-util-link:hover {
            color: rgba(255, 255, 255, 0.55);
            text-decoration: none;
        }
:root{
  --cream:#F7F4ED;
  --ivory:#FDFAF3;
  --white:#FEFCF8;
  --gold:#A87C28;
  --gold-l:#C49A3C;
  --gold-dim:rgba(168,124,40,.08);
  --gold-border:rgba(168,124,40,.22);
  --char:#1A1815;
  --char-soft:#28251F;
  --muted:#6A6560;
  --muted-l:#9E9890;
  --border:#E5DDD0;
  --border-l:#EFE8DA;
  --red-old:#C0392B;
  --green-new:#1A6B3A;
  --tag:#EDE5D4;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--cream);color:var(--char);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.72;-webkit-font-smoothing:antialiased;}

/* ─── EDITABLE ─── */
[contenteditable]{outline:none;cursor:text;border-radius:2px;transition:background .15s;}
[contenteditable]:hover{background:var(--gold-dim);}
[contenteditable]:focus{background:rgba(168,124,40,.13);box-shadow:0 0 0 2px var(--gold-border);}



/* ─── FREE AUDIT RIBBON ─── */
.audit-bar{
  background:var(--char);color:var(--ivory);
  text-align:center;padding:12px 24px;
  font-size:13px;letter-spacing:.04em;
}
.audit-bar strong{color:var(--gold-l);}
.audit-bar a{color:var(--gold-l);text-decoration:none;font-weight:600;border-bottom:1px solid var(--gold-border);}

/* ─── LAYOUT ─── */
.wrap{max-width:940px;margin:0 auto;padding:0 48px;}
.serif{font-family:'Playfair Display',serif;}
.label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:500;}
hr.div{border:none;border-top:1px solid var(--border);}

/* ─── PRICING DISPLAY ─── */
.price-block{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:4px 0 2px;}
.price-old{font-size:15px;color:var(--red-old);text-decoration:line-through;font-weight:400;opacity:.7;}
.price-new{font-family:'Playfair Display',serif;font-size:34px;font-weight:600;letter-spacing:-.03em;color:var(--char);}
.price-new.light{color:var(--ivory);}
.price-save{font-size:11px;background:#E8F5ED;color:var(--green-new);padding:3px 9px;border-radius:20px;font-weight:500;letter-spacing:.03em;}
.price-note{font-size:12px;color:var(--muted-l);margin-top:2px;}
.price-note.light{color:#8A857E;}

/* ─── COVER ─── */
.cover{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:52px 0 68px;border-bottom:1px solid var(--border);}
.nav-bar{display:flex;justify-content:space-between;align-items:center;}
.logo-type{font-size:16px;font-weight:600;letter-spacing:.03em;}
.logo-type span{color:var(--gold);}
.doc-label{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-l);}
.cover-body{max-width:760px;}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:32px;}
.eyebrow::before{content:'';width:28px;height:1px;background:var(--gold);display:block;}
.cover-h1{font-family:'Playfair Display',serif;font-size:clamp(48px,7.8vw,90px);font-weight:400;line-height:1.0;letter-spacing:-.025em;margin-bottom:24px;}
.cover-h1 em{font-style:italic;color:var(--gold);}
.cover-sub{font-size:16.5px;color:var(--muted);max-width:540px;margin-bottom:44px;line-height:1.7;}
.stats-row{display:flex;gap:52px;flex-wrap:wrap;}
.stat-val{font-family:'Playfair Display',serif;font-size:33px;font-weight:600;display:block;}
.stat-lbl{font-size:12.5px;color:var(--muted-l);margin-top:2px;}
.cover-foot{display:flex;justify-content:space-between;align-items:flex-end;padding-top:36px;border-top:1px solid var(--border-l);flex-wrap:wrap;gap:20px;}
.contact-line{display:flex;flex-direction:column;gap:5px;}
.contact-line a, .contact-line span{font-size:13.5px;color:var(--char);text-decoration:none;}
.contact-line a:hover{color:var(--gold);}
.gold-text{color:var(--gold);}
.city-tag{display:inline-flex;gap:8px;flex-wrap:wrap;}
.city-pill{background:var(--tag);color:var(--muted);font-size:11.5px;padding:4px 13px;border-radius:20px;letter-spacing:.03em;}
.city-pill.primary{background:var(--gold);color:var(--white);font-weight:500;}

/* ─── SECTION ─── */
section{padding:76px 0;}
.section-head{margin-bottom:48px;}
.section-head h2{font-family:'Playfair Display',serif;font-size:clamp(30px,4vw,46px);font-weight:400;line-height:1.08;letter-spacing:-.02em;margin-top:10px;}
.section-head h2 em{font-style:italic;color:var(--gold);}
.section-sub{color:var(--muted);font-size:15.5px;margin-top:12px;max-width:580px;line-height:1.68;}

/* ─── 3-COL TIER ─── */
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);}
.tier{background:var(--ivory);padding:34px 28px 38px;}
.tier.hero{background:var(--char);}
.tier-badge{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;display:block;}
.tier.hero .tier-badge{color:var(--gold-l);}
.tier-name{font-family:'Playfair Display',serif;font-size:21px;font-weight:400;margin-bottom:6px;}
.tier.hero .tier-name{color:var(--ivory);}
.tier-tagline{font-size:13px;color:var(--muted);margin-bottom:22px;min-height:38px;line-height:1.5;}
.tier.hero .tier-tagline{color:#8A857E;}
.tier-feats{list-style:none;margin:22px 0 28px;}
.tier-feats li{font-size:13.5px;padding:7px 0;border-bottom:1px solid var(--border-l);display:flex;align-items:flex-start;gap:9px;color:var(--char);line-height:1.5;}
.tier.hero .tier-feats li{border-color:rgba(255,255,255,.09);color:#C8C3B8;}
.tier-feats li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:7px;}
.tier.hero .tier-feats li::before{background:var(--gold-l);}
.tier-btn{display:block;width:100%;padding:12px 0;text-align:center;font-size:13px;font-weight:500;letter-spacing:.04em;border:1px solid var(--char);background:transparent;color:var(--char);cursor:pointer;text-decoration:none;transition:background .2s,color .2s;}
.tier-btn:hover{background:var(--char);color:var(--cream);}
.tier.hero .tier-btn{background:var(--gold);border-color:var(--gold);color:var(--char);}
.tier.hero .tier-btn:hover{background:var(--gold-l);border-color:var(--gold-l);}

/* ─── 2-COL ─── */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);}
.col-card{background:var(--ivory);padding:36px 30px 40px;}

/* ─── FEATURE TABLE ─── */
.feat-table{width:100%;border-collapse:collapse;}
.feat-table th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-l);font-weight:500;padding:0 0 16px;border-bottom:1px solid var(--border);}
.feat-table th:not(:first-child){text-align:center;}
.feat-table td{padding:16px 0;border-bottom:1px solid var(--border-l);vertical-align:middle;}
.feat-table td:not(:first-child){text-align:center;font-size:14px;}
.feat-table .col-hi{background:rgba(168,124,40,.06);}
.feat-table tr{break-inside:avoid;page-break-inside:avoid;}
.col-name-h{font-family:'Playfair Display',serif;font-size:17px;font-weight:400;}
.col-price-h{font-size:11.5px;color:var(--muted-l);margin-top:3px;}
.col-price-h del{color:var(--red-old);opacity:.7;}
.feat-label{font-weight:500;font-size:14px;}
.feat-sub{font-size:12px;color:var(--muted);margin-top:2px;}
.tick{color:var(--gold);font-size:16px;font-weight:600;}
.dash{color:var(--border);font-size:18px;}

/* ─── BUNDLE ─── */
.bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.bundle{background:var(--white);border:1px solid var(--border);padding:30px 26px 34px;position:relative;}
.bundle.glow{border-color:var(--gold);background:linear-gradient(155deg,#FDFBF5 0%,#FAF5E6 100%);}
.bundle-ribbon{position:absolute;top:0;right:0;background:var(--gold);color:var(--white);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;font-weight:600;}
.bundle-icon{width:36px;height:36px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:14px;}
.bundle-name{font-family:'Playfair Display',serif;font-size:20px;font-weight:400;margin-bottom:5px;}
.bundle-desc{font-size:13px;color:var(--muted);margin-bottom:18px;line-height:1.55;}
.bundle-feats{list-style:none;margin-bottom:20px;}
.bundle-feats li{font-size:13px;padding:5px 0;color:var(--muted);}
.bundle-feats li::before{content:'+ ';color:var(--gold);font-weight:600;}
.b-price-old{font-size:13.5px;color:var(--red-old);text-decoration:line-through;opacity:.7;}
.b-price-new{font-family:'Playfair Display',serif;font-size:28px;font-weight:600;letter-spacing:-.025em;margin-top:2px;}
.b-save{font-size:12px;color:var(--green-new);margin-top:4px;}

/* ─── FULL PACKAGE HERO ─── */
.pkg-hero{background:var(--char);color:var(--ivory);padding:60px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.pkg-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center;}
.pkg-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-l);margin-bottom:14px;display:block;}
.pkg-title{font-family:'Playfair Display',serif;font-size:clamp(28px,3.5vw,42px);font-weight:400;line-height:1.1;margin-bottom:16px;}
.pkg-title em{font-style:italic;color:var(--gold-l);}
.pkg-desc{font-size:14.5px;color:#9A9590;line-height:1.68;margin-bottom:32px;}
.pkg-bullets{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0;}
.pkg-bullets li{font-size:13.5px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);color:#C8C3B8;display:flex;align-items:flex-start;gap:9px;}
.pkg-bullets li::before{content:'✦';color:var(--gold-l);font-size:10px;flex-shrink:0;margin-top:3px;}
.pkg-price-panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);padding:36px 32px;}
.pkg-price-tier{margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.08);}
.pkg-price-tier:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.ppt-name{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-l);margin-bottom:8px;}
.ppt-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;}
.ppt-old{font-size:14px;color:var(--red-old);text-decoration:line-through;opacity:.65;}
.ppt-new{font-family:'Playfair Display',serif;font-size:30px;font-weight:600;color:var(--ivory);}
.ppt-note{font-size:12.5px;color:#7A7570;}
.ppt-feats{list-style:none;margin-top:12px;}
.ppt-feats li{font-size:13px;color:#A09890;padding:4px 0;display:flex;align-items:flex-start;gap:8px;}
.ppt-feats li::before{content:'·';color:var(--gold-l);flex-shrink:0;}
.pkg-cta-row{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap;}
.btn-gold{display:inline-block;background:var(--gold);color:var(--char);padding:13px 28px;font-size:13px;font-weight:600;letter-spacing:.04em;text-decoration:none;border:1px solid var(--gold);transition:background .2s;cursor:pointer;}
.btn-gold:hover{background:var(--gold-l);border-color:var(--gold-l);}
.btn-outline{display:inline-block;background:transparent;color:var(--ivory);padding:13px 28px;font-size:13px;font-weight:500;letter-spacing:.04em;text-decoration:none;border:1px solid rgba(255,255,255,.3);transition:border-color .2s;cursor:pointer;}
.btn-outline:hover{border-color:rgba(255,255,255,.6);}

/* ─── FREE AUDIT ─── */
.free-audit{border:1px solid var(--gold-border);background:linear-gradient(135deg,#FDFBF5 0%,#FAF4E2 100%);padding:48px 44px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;}
.fa-left h3{font-family:'Playfair Display',serif;font-size:26px;font-weight:400;margin-bottom:8px;}
.fa-left h3 em{font-style:italic;color:var(--gold);}
.fa-left p{font-size:14px;color:var(--muted);max-width:480px;line-height:1.65;}
.fa-badge{background:var(--gold);color:var(--white);font-size:12px;font-weight:600;letter-spacing:.08em;padding:4px 14px;border-radius:20px;display:inline-block;margin-bottom:14px;text-transform:uppercase;}
.btn-dark{display:inline-block;background:var(--char);color:var(--ivory);padding:13px 30px;font-size:13.5px;font-weight:500;letter-spacing:.04em;text-decoration:none;transition:background .2s;cursor:pointer;white-space:nowrap;}
.btn-dark:hover{background:#2C2A27;}

/* ─── WHY ─── */
.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);}
.why-cell{background:var(--ivory);padding:34px 30px;}
.why-n{font-family:'Playfair Display',serif;font-size:11px;color:var(--gold-l);letter-spacing:.1em;margin-bottom:14px;display:block;}
.why-t{font-weight:600;font-size:15px;margin-bottom:8px;}
.why-b{font-size:13.5px;color:var(--muted);line-height:1.62;}

/* ─── TESTIMONIALS ─── */
.testi-band{background:var(--char-soft);padding:60px 0;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;}
.testi-q{font-family:'Playfair Display',serif;font-style:italic;font-size:15px;line-height:1.72;margin-bottom:18px;color:#C8C3B5;}
.testi-n{font-size:13px;font-weight:600;color:var(--ivory);}
.testi-r{font-size:12px;color:#6A6560;}

/* ─── CONTACT FOOTER ─── */
.contact-section{padding:72px 0 0;}
.contact-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start;padding-bottom:60px;border-bottom:1px solid var(--border);}
.contact-head{font-family:'Playfair Display',serif;font-size:clamp(26px,3.5vw,40px);font-weight:400;line-height:1.1;margin-bottom:16px;}
.contact-head em{font-style:italic;color:var(--gold);}
.contact-intro{font-size:14.5px;color:var(--muted);line-height:1.68;margin-bottom:28px;}
.contact-links{display:flex;flex-direction:column;gap:14px;}
.contact-item{display:flex;align-items:center;gap:14px;}
.ci-icon{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;background:var(--white);}
.ci-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-l);}
.ci-val{font-size:14.5px;font-weight:500;margin-top:1px;}
.ci-val a{color:var(--char);text-decoration:none;}
.ci-val a:hover{color:var(--gold);}
.contact-info-panel{background:var(--char);color:var(--ivory);padding:40px 36px;}
.cip-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-l);margin-bottom:20px;display:block;}
.cip-h{font-family:'Playfair Display',serif;font-size:22px;font-weight:400;margin-bottom:8px;}
.cip-sub{font-size:13.5px;color:#8A8580;margin-bottom:28px;line-height:1.6;}
.hours-row{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0;font-size:13.5px;}
.hours-row:last-child{border-bottom:none;}
.hr-day{color:#8A8580;}
.hr-time{color:var(--ivory);}
.cities-row{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;}
.city-badge{background:rgba(255,255,255,.07);color:#B8B3AB;font-size:12px;padding:5px 14px;border-radius:20px;}
.city-badge.primary-city{background:var(--gold);color:var(--char);font-weight:600;}

/* ─── FOOTER STRIP ─── */
.foot-strip{border-top:1px solid var(--border);padding:28px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
.foot-logo{font-size:14px;font-weight:600;letter-spacing:.03em;}
.foot-logo span{color:var(--gold);}
.foot-links{display:flex;gap:24px;flex-wrap:wrap;}
.foot-links a{font-size:13px;color:var(--muted);text-decoration:none;}
.foot-links a:hover{color:var(--gold);}
.foot-copy{font-size:12px;color:var(--muted-l);}

/* ─── KANPUR BADGE ─── */
.kanpur-note{display:inline-flex;align-items:center;gap:7px;background:#FDF5E4;border:1px solid var(--gold-border);padding:6px 14px;border-radius:20px;font-size:12.5px;color:var(--gold);margin-bottom:18px;font-weight:500;}

/* ─── SECTION BG ALT ─── */
.bg-ivory{background:var(--ivory);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}

@media print{
  /* ── Hide UI chrome ── */
  .audit-bar{display:none!important;}
  [contenteditable]:hover,[contenteditable]:focus{background:transparent!important;box-shadow:none!important;}

  /* ── Page setup ── */
  @page{size:A4 portrait;margin:0;}
  html,body{width:210mm;background:var(--cream)!important;}

  /* ── Never split these elements across pages ── */
  .tier,.col-card,.bundle,.why-cell,.pkg-price-tier,
  .testi-grid > div,.contact-item,.free-audit,
  .pkg-inner,.contact-inner,.cover-foot,
  .stats-row,.price-block,.bundle-feats,
  .tier-feats,.ppt-feats,.pkg-bullets,
  tr,.feat-table thead,.feat-table tbody tr,
  .foot-strip,.cover-body,.cover,.nav-bar{
    break-inside:avoid;
    page-break-inside:avoid;
  }

  /* ── Force a clean new page before each major section ── */
  .bg-ivory,
  .pkg-hero,
  .testi-band,
  .contact-section{
    break-before:page;
    page-break-before:always;
  }

  /* ── Keep grids from orphaning a single column ── */
  .tier-grid,.two-col,.bundle-grid,.why-grid,.testi-grid{
    break-inside:avoid;
    page-break-inside:avoid;
  }

  /* ── Keep section headers with the content that follows ── */
  .section-head,.pkg-label,.label{
    break-after:avoid;
    page-break-after:avoid;
  }

  /* ── Ensure backgrounds & colors print ── */
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;}

  /* ── Tighten section padding slightly for print ── */
  section{padding:48px 0!important;}
  .cover{padding:36px 0 48px!important;min-height:unset!important;}
  .pkg-hero{padding:48px 0!important;}
  .testi-band{padding:44px 0!important;}
  .contact-section{padding:48px 0 0!important;}
}
@media(max-width:700px){
  .wrap{padding:0 22px;}
  .tier-grid,.two-col,.bundle-grid,.why-grid,.testi-grid,.pkg-inner,.contact-inner{grid-template-columns:1fr;}
  .cover-h1{font-size:42px;}
  .stats-row{gap:24px;}
  .pkg-bullets{grid-template-columns:1fr;}
  .foot-strip{flex-direction:column;text-align:center;}
}
.glass-nav { background: rgba(255, 255, 255, 0.85); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,0,0.05); }
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .blob { position: absolute; filter: blur(80px); z-index: -1; opacity: 0.6; }

        .form-input {
            width: 100%;
            padding: 1rem 1.5rem;
            background-color: #F9FAFB;
            border: 1px solid #E5E7EB;
            border-radius: 1rem;
            transition: all 0.3s;
            outline: none;
            font-family: inherit;
        }
        .form-input:focus {
            background-color: #fff;
            border-color: #4831D4;
            box-shadow: 0 0 0 4px rgba(72, 49, 212, 0.1);
        }
        .form-input::placeholder { color: #9CA3AF; }

        /* Interest checkbox pills */
        .interest-input:checked + .interest-label {
            background-color: #CCF381;
            border-color: #CCF381;
            color: #120E16;
            font-weight: 700;
        }
        .interest-label {
            cursor: pointer;
            transition: all 0.2s;
            -webkit-user-select: none; user-select: none;
        }
        .interest-label:hover { border-color: #4831D4; }

        /* Budget radio pills */
        .budget-input:checked + .budget-label {
            background-color: #120E16;
            border-color: #120E16;
            color: #CCF381;
            font-weight: 700;
        }
        .budget-label {
            cursor: pointer;
            transition: all 0.2s;
            -webkit-user-select: none; user-select: none;
        }
        .budget-label:hover { border-color: #120E16; }

        .footer-link { position: relative; display: inline-block; }
        .footer-link::after { content: ''; position: absolute; width: 0; height: 1px; bottom: -2px; left: 0; background-color: #CCF381; transition: width 0.3s ease; }
        .footer-link:hover::after { width: 100%; }

        /* WhatsApp pulse */
        @keyframes whatsapp-ping {
            0%, 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
            50% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
        }
        .whatsapp-btn { animation: whatsapp-ping 2s ease-in-out infinite; }

        /* Success screen */
        #success-screen { display: none; }
    
        /* ── Footer Utils ───────────────────────────────────────── */
        .geo-tag {
            display: block;
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.12em;
            color: rgba(255, 255, 255, 0.18);
            text-decoration: none;
            margin-top: 10px;
            transition: color 0.25s ease, opacity 0.25s ease;
            cursor: default;
            text-align: left;
        }
        .geo-tag:hover {
            color: rgba(255, 255, 255, 0.45);
            text-decoration: none;
        }
        .footer-util-link {
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.1em;
            color: rgba(255, 255, 255, 0.25);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .footer-util-link:hover {
            color: rgba(255, 255, 255, 0.55);
            text-decoration: none;
        }
.glass-nav { background: rgba(255, 255, 255, 0.95); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(0,0,0,0.06); }
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .blob { position: absolute; filter: blur(80px); z-index: -1; opacity: 0.6; }
        .service-card:hover { transform: translateY(-5px); border-color: #CCF381; }
        .service-card:hover .icon-box { background-color: #CCF381; color: #120E16; }
        .footer-link { position: relative; display: inline-block; }
        .footer-link::after { content: ''; position: absolute; width: 0; height: 1px; bottom: -2px; left: 0; background-color: #CCF381; transition: width 0.3s ease; }
        .footer-link:hover::after { width: 100%; }
        .text-stroke { -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1); color: transparent; }
        @keyframes whatsapp-ping {
            0%, 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
            50% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
        }
        .whatsapp-btn { animation: whatsapp-ping 2s ease-in-out infinite; }
        .testimonial-card { border: 1px solid rgba(0,0,0,0.06); }

        /* ── DEKHO nav pill ─────────────────────────────────── */
        .dekho-pill {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 5px 12px 5px 8px;
            background: #120E16;
            border-radius: 999px;
            font-family: 'Bebas Neue', sans-serif;
            font-size: 15px;
            letter-spacing: 0.08em;
            color: #CCF381;
            transition: all 0.2s ease;
            position: relative;
            overflow: hidden;
        }
        .dekho-pill::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, transparent 0%, rgba(204,243,129,0.08) 50%, transparent 100%);
            transform: translateX(-100%);
            transition: transform 0.4s ease;
        }
        .dekho-pill:hover::before { transform: translateX(100%); }
        .dekho-pill:hover { background: #1F1B24; box-shadow: 0 0 0 1.5px #CCF381; }
        .dekho-live-dot {
            width: 7px; height: 7px;
            border-radius: 50%;
            background: #E8380D;
            flex-shrink: 0;
            animation: blink 1.4s ease-in-out infinite;
        }

        /* ── DEKHO nav dropdown ──────────────────────────────── */
        .dekho-dropdown {
            position: absolute;
            top: calc(100% + 14px);
            right: 0;
            width: 300px;
            background: #0E0C12;
            border: 1px solid rgba(204,243,129,0.14);
            border-radius: 18px;
            padding: 6px;
            opacity: 0;
            pointer-events: none;
            transform: translateY(-8px) scale(0.96);
            transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 100;
            box-shadow: 0 32px 64px rgba(0,0,0,0.55), 0 0 0 0.5px rgba(204,243,129,0.08);
            overflow: hidden;
        }
        .dekho-dropdown::before {
            content: '';
            position: absolute; top: 0; left: 0; right: 0; height: 1px;
            background: linear-gradient(90deg, transparent, rgba(204,243,129,0.5) 40%, rgba(232,56,13,0.3) 60%, transparent);
            z-index: 2;
        }
        .dekho-trigger:hover .dekho-dropdown,
        .dekho-trigger:focus-within .dekho-dropdown {
            opacity: 1;
            pointer-events: all;
            transform: translateY(0) scale(1);
        }
        .dekho-dd-head {
            padding: 14px 16px 12px;
            margin-bottom: 2px;
            background: linear-gradient(135deg, rgba(204,243,129,0.06) 0%, rgba(232,56,13,0.04) 100%);
            border-radius: 12px 12px 0 0;
            border-bottom: 1px solid rgba(255,255,255,0.06);
            position: relative;
            overflow: hidden;
        }
        .dekho-dd-head::after {
            content: 'DEKHO';
            position: absolute;
            right: -8px; bottom: -10px;
            font-family: 'Bebas Neue', sans-serif;
            font-size: 52px;
            letter-spacing: 0.06em;
            color: rgba(255,255,255,0.04);
            line-height: 1;
            pointer-events: none;
        }
        .dekho-dd-wm {
            font-family: 'Bebas Neue', sans-serif;
            font-size: 26px;
            letter-spacing: 0.1em;
            line-height: 1;
            color: #F2F2F2;
        }
        .dekho-dd-wm em { color: #E8380D; font-style: normal; }
        .dekho-dd-sub {
            font-size: 9px;
            font-family: 'Space Mono', 'Courier New', monospace;
            letter-spacing: 0.24em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.25);
            margin-top: 4px;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .dekho-dd-sub .dot {
            width: 5px; height: 5px;
            border-radius: 50%;
            background: #E8380D;
            animation: blink 1.4s ease-in-out infinite;
            flex-shrink: 0;
        }
        .dekho-dropdown a {
            display: flex;
            align-items: center;
            gap: 11px;
            padding: 11px 14px;
            border-radius: 10px;
            font-size: 13px;
            font-weight: 600;
            color: rgba(255,255,255,0.6);
            transition: all 0.15s;
            text-decoration: none;
        }
        .dekho-dropdown a:hover { background: rgba(255,255,255,0.055); color: #fff; }
        .dekho-dropdown a:hover svg { color: #CCF381; }
        .dekho-dropdown a svg { color: rgba(204,243,129,0.5); flex-shrink: 0; transition: color 0.15s; }
        .dekho-dropdown-sep {
            height: 1px;
            background: rgba(255,255,255,0.06);
            margin: 4px 8px;
        }
        .dekho-dropdown .cms-link {
            color: rgba(255,255,255,0.28);
            font-size: 11.5px;
            font-family: 'Space Mono', monospace;
            letter-spacing: 0.06em;
        }
        .dekho-dropdown .cms-link:hover { color: rgba(255,255,255,0.52); background: rgba(255,255,255,0.03); }
        .dekho-dropdown .cms-link svg { color: rgba(255,255,255,0.2); }
        .dekho-dropdown .cms-link:hover svg { color: rgba(255,255,255,0.4); }

        /* ── Utility classes (moved from inline styles) ───── */
        .dekho-ho-white { color: #fff; }
        .cms-link-layout { justify-content: space-between; }
        .cms-link-inner { display: flex; align-items: center; gap: 8px; }
        .dekho-pill--mobile { font-size: 18px; padding: 7px 16px 7px 12px; }
        .blob--delay { animation-delay: -3s; }
        .reveal--delay-100 { transition-delay: 100ms; }
        .reveal--delay-200 { transition-delay: 200ms; }
        .dekho-footer-label { font-family: 'Bebas Neue', sans-serif; letter-spacing: 0.1em; font-size: 14px; }
    
        

        /* ── Footer Utils ───────────────────────────────────────── */
        .geo-tag {
            display: block;
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.12em;
            color: rgba(255, 255, 255, 0.18);
            text-decoration: none;
            margin-top: 10px;
            transition: color 0.25s ease, opacity 0.25s ease;
            cursor: default;
            text-align: left;
        }
        .geo-tag:hover {
            color: rgba(255, 255, 255, 0.45);
            text-decoration: none;
        }
        .footer-util-link {
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.1em;
            color: rgba(255, 255, 255, 0.25);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .footer-util-link:hover {
            color: rgba(255, 255, 255, 0.55);
            text-decoration: none;
        }
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .glass-nav { background: rgba(18, 14, 22, 0.85); -webkit--webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.05); }
    
        /* ── Footer Utils ───────────────────────────────────────── */
        .geo-tag {
            display: block;
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.12em;
            color: rgba(255, 255, 255, 0.18);
            text-decoration: none;
            margin-top: 10px;
            transition: color 0.25s ease, opacity 0.25s ease;
            cursor: default;
            text-align: left;
        }
        .geo-tag:hover {
            color: rgba(255, 255, 255, 0.45);
            text-decoration: none;
        }
        .footer-util-link {
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.1em;
            color: rgba(255, 255, 255, 0.25);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .footer-util-link:hover {
            color: rgba(255, 255, 255, 0.55);
            text-decoration: none;
        }
/* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #120E16; }
        ::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #CCF381; }

        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .glass-nav { background: rgba(18, 14, 22, 0.85); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.05); }
        .tech-card { background: #1F1B24; border: 1px solid rgba(255,255,255,0.1); }
        
        /* Video Play Overlay */
        .play-overlay {
            position: absolute; inset: 0;
            background: rgba(0,0,0,0.3); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
            display: flex; align-items: center; justify-content: center;
            opacity: 0; transition: all 0.3s ease; cursor: pointer;
        }
        .gallery-item:hover .play-overlay { opacity: 1; }
        .gallery-item:hover .play-icon { transform: scale(1.1); }

        /* Meta Ad Phone Fixes */
        .phone-frame {
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
            border: 8px solid #2d2d2d;
            border-radius: 2.5rem;
            position: relative;
            overflow: hidden;
            z-index: 10;
            aspect-ratio: 9/19.5;
            background: #000;
        }
        .phone-screen {
            position: absolute; inset: 0; 
            border-radius: 2rem;
            overflow: hidden; 
            background: #1a1a1a; /* Fallback dark grey */
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        /* Custom Ad Placeholder */
        .ad-placeholder-bg {
            position: absolute; inset: 0;
            background: linear-gradient(135deg, #120E16 0%, #2a2a2a 100%);
            z-index: 0;
        }

        /* Hide scrollbar for Chrome, Safari and Opera */
        /* Scrollbar styles removed */
    
        /* ── Footer Utils ───────────────────────────────────────── */
        .geo-tag {
            display: block;
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.12em;
            color: rgba(255, 255, 255, 0.18);
            text-decoration: none;
            margin-top: 10px;
            transition: color 0.25s ease, opacity 0.25s ease;
            cursor: default;
            text-align: left;
        }
        .geo-tag:hover {
            color: rgba(255, 255, 255, 0.45);
            text-decoration: none;
        }
        .footer-util-link {
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.1em;
            color: rgba(255, 255, 255, 0.25);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .footer-util-link:hover {
            color: rgba(255, 255, 255, 0.55);
            text-decoration: none;
        }
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .glass-nav { background: rgba(18, 14, 22, 0.85); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.05); }
    
        /* ── Footer Utils ───────────────────────────────────────── */
        .geo-tag {
            display: block;
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.12em;
            color: rgba(255, 255, 255, 0.18);
            text-decoration: none;
            margin-top: 10px;
            transition: color 0.25s ease, opacity 0.25s ease;
            cursor: default;
            text-align: left;
        }
        .geo-tag:hover {
            color: rgba(255, 255, 255, 0.45);
            text-decoration: none;
        }
        .footer-util-link {
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.1em;
            color: rgba(255, 255, 255, 0.25);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .footer-util-link:hover {
            color: rgba(255, 255, 255, 0.55);
            text-decoration: none;
        }
.glass-nav { background: rgba(18, 14, 22, 0.85); -webkit--webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.05); }
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .blob { position: absolute; filter: blur(80px); z-index: -1; opacity: 0.6; }
        .sidebar-link.active { color: #4831D4; border-left-color: #4831D4; padding-left: 1.5rem; }
        .footer-link { position: relative; display: inline-block; }
        .footer-link::after { content: ''; position: absolute; width: 0; height: 1px; bottom: -2px; left: 0; background-color: #CCF381; transition: width 0.3s ease; }
        .footer-link:hover::after { width: 100%; }
        .check-item:hover .check-icon { background-color: #CCF381; border-color: #CCF381; color: #120E16; }

        /* FIX: WhatsApp pulse */
        @keyframes whatsapp-ping {
            0%, 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
            50% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
        }
        .whatsapp-btn { animation: whatsapp-ping 2s ease-in-out infinite; }
    
        /* ── Footer Utils ───────────────────────────────────────── */
        .geo-tag {
            display: block;
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.12em;
            color: rgba(255, 255, 255, 0.18);
            text-decoration: none;
            margin-top: 10px;
            transition: color 0.25s ease, opacity 0.25s ease;
            cursor: default;
            text-align: left;
        }
        .geo-tag:hover {
            color: rgba(255, 255, 255, 0.45);
            text-decoration: none;
        }
        .footer-util-link {
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.1em;
            color: rgba(255, 255, 255, 0.25);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .footer-util-link:hover {
            color: rgba(255, 255, 255, 0.55);
            text-decoration: none;
        }
.glass-nav { background: rgba(18, 14, 22, 0.85); -webkit--webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.05); }
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .filter-btn { transition: all 0.3s ease; }
        .filter-btn:hover { background-color: #f3f4f6; color: #120E16; }
        .filter-btn.active { background-color: #CCF381; color: #120E16; border-color: #CCF381; font-weight: 700; box-shadow: 0 4px 15px rgba(204, 243, 129, 0.3); }
        .project-card:hover .project-img { transform: scale(1.05); }
        .footer-link { position: relative; display: inline-block; }
        .footer-link::after { content: ''; position: absolute; width: 0; height: 1px; bottom: -2px; left: 0; background-color: #CCF381; transition: width 0.3s ease; }
        .footer-link:hover::after { width: 100%; }
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f9fafb; }
        ::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #9ca3af; }

        @keyframes whatsapp-ping {
            0%, 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.4); }
            50% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
        }
        .whatsapp-btn { animation: whatsapp-ping 2s ease-in-out infinite; }
    
        /* ── Footer Utils ───────────────────────────────────────── */
        .geo-tag {
            display: block;
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.12em;
            color: rgba(255, 255, 255, 0.18);
            text-decoration: none;
            margin-top: 10px;
            transition: color 0.25s ease, opacity 0.25s ease;
            cursor: default;
            text-align: left;
        }
        .geo-tag:hover {
            color: rgba(255, 255, 255, 0.45);
            text-decoration: none;
        }
        .footer-util-link {
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.1em;
            color: rgba(255, 255, 255, 0.25);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .footer-util-link:hover {
            color: rgba(255, 255, 255, 0.55);
            text-decoration: none;
        }
.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .glass-nav { background: rgba(18, 14, 22, 0.85); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,0.05); }
        
        .aspect-16-9 { aspect-ratio: 16 / 9; }
        .aspect-iphone { aspect-ratio: 9 / 19.5; }

        body {
            padding-left: env(safe-area-inset-left);
            padding-right: env(safe-area-inset-right);
        }

        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
/* ── Footer Utils ───────────────────────────────────────── */
        .geo-tag {
            display: block;
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.12em;
            color: rgba(255, 255, 255, 0.18);
            text-decoration: none;
            margin-top: 10px;
            transition: color 0.25s ease, opacity 0.25s ease;
            cursor: default;
            text-align: left;
        }
        .geo-tag:hover {
            color: rgba(255, 255, 255, 0.45);
            text-decoration: none;
        }
        .footer-util-link {
            font-family: 'Space Mono', monospace;
            font-size: 11px;
            letter-spacing: 0.1em;
            color: rgba(255, 255, 255, 0.25);
            text-decoration: none;
            transition: color 0.2s ease;
        }
        .footer-util-link:hover {
            color: rgba(255, 255, 255, 0.55);
            text-decoration: none;
        }