/*
Theme Name: Arvvenza Realty
Theme URI: https://arrvenzarealty.com
Author: Arvvenza Realty
Author URI: https://arrvenzarealty.com
Description: Custom premium real estate theme for Arvvenza Realty — Dubai, Gurgaon & Bangalore. Beyond Borders. Beyond Ordinary.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: arvvenza
*/

:root{
    --navy: #0A1628;
    --navy-deep: #060D14;
    --navy-soft: #12213A;
    --gold: #C9920A;
    --gold-light: #E7BE4E;
    --gold-dim: rgba(201,146,10,0.35);
    --white: #FFFFFF;
    --offwhite: #F3EFE6;
    --muted: rgba(243,239,230,0.62);
    --line: rgba(201,146,10,0.22);
    --radius: 2px;
    --serif: 'Playfair Display', serif;
    --sans: 'Manrope', sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--navy);
    color:var(--offwhite);
    font-family:var(--sans);
    font-weight:400;
    line-height:1.6;
    overflow-x:hidden;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  .eyebrow{
    font-family:var(--sans);
    text-transform:uppercase;
    letter-spacing:0.28em;
    font-size:11px;
    font-weight:700;
    color:var(--gold);
  }
  h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--white);}
  .container{max-width:1240px;margin:0 auto;padding:0 32px;}
  section{position:relative;}

  /* ---------- Reveal on scroll ---------- */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity 0.9s ease, transform 0.9s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}
  @media (prefers-reduced-motion: reduce){
    .reveal{opacity:1;transform:none;transition:none;}
    *{scroll-behavior:auto !important;}
  }

  /* ---------- NAV ---------- */
  header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding:22px 0;
    transition:background 0.4s ease, padding 0.4s ease, border-color .4s ease;
    border-bottom:1px solid transparent;
  }
  header.scrolled{
    background:rgba(6,13,20,0.92);
    backdrop-filter:blur(10px);
    padding:14px 0;
    border-bottom:1px solid var(--line);
  }
  nav{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:nowrap;}
  .logo-mark{display:flex;align-items:center;gap:11px;flex-shrink:0;}
  .logo-icon-img{
    height:44px;width:auto;display:block;
    filter:drop-shadow(0 2px 6px rgba(201,146,10,0.15));
  }
  .logo-mark .word{
    font-family:var(--serif);font-size:19px;letter-spacing:0.04em;color:var(--white);
  }
  .logo-mark .word b{color:var(--gold);font-weight:600;}
  .nav-links{display:flex;gap:28px;align-items:center;flex-shrink:1;}
  .nav-links a{
    font-size:13px;text-transform:uppercase;letter-spacing:0.12em;font-weight:600;
    color:var(--muted);position:relative;padding:4px 0;
    transition:color .3s ease;
  }
  .nav-links a:hover{color:var(--white);}
  .nav-links a::after{
    content:'';position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--gold);
    transition:width .3s ease;
  }
  .nav-links a:hover::after{width:100%;}
  .nav-cta{
    display:flex;gap:14px;align-items:center;flex-shrink:0;white-space:nowrap;
  }
  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 26px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;
    border:1px solid var(--gold);cursor:pointer;transition:all .35s ease;white-space:nowrap;
  }
  .btn-gold{background:var(--gold);color:var(--navy-deep);}
  .btn-gold:hover{background:var(--gold-light);border-color:var(--gold-light);}
  .btn-ghost{background:transparent;color:var(--white);}
  .btn-ghost:hover{background:var(--gold);color:var(--navy-deep);}
  .burger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px;}
  .burger span{width:24px;height:1.5px;background:var(--white);transition:transform .3s ease, opacity .3s ease;}

  /* ---------- MOBILE DRAWER ---------- */
  .mobile-drawer{
    position:fixed;top:0;right:-100%;width:min(82vw,340px);height:100vh;z-index:300;
    background:var(--navy-deep);border-left:1px solid var(--line);
    padding:26px 28px;display:flex;flex-direction:column;
    transition:right .45s cubic-bezier(.2,.8,.2,1);
  }
  .mobile-drawer.open{right:0;}
  .drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;}
  .drawer-close{background:none;border:1px solid var(--line);color:var(--white);width:36px;height:36px;font-size:16px;cursor:pointer;}
  .drawer-links{display:flex;flex-direction:column;gap:6px;}
  .drawer-links a{
    font-family:var(--serif);font-size:24px;color:var(--white);padding:14px 0;
    border-bottom:1px solid var(--line);
  }
  .drawer-ctas{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:30px;}
  .drawer-ctas .btn{justify-content:center;width:100%;}
  .drawer-overlay{
    position:fixed;inset:0;background:rgba(6,13,20,0.7);backdrop-filter:blur(3px);
    z-index:250;opacity:0;pointer-events:none;transition:opacity .4s ease;
  }
  .drawer-overlay.open{opacity:1;pointer-events:auto;}
  body.no-scroll{overflow:hidden;}

  /* ---------- HERO ---------- */
  .hero{
    height:100vh;min-height:640px;position:relative;
    display:flex;align-items:center;
    background:
      linear-gradient(180deg, rgba(6,13,20,0.55) 0%, rgba(6,13,20,0.35) 40%, rgba(6,13,20,0.92) 100%),
      radial-gradient(ellipse at 30% 20%, rgba(201,146,10,0.10), transparent 55%),
      linear-gradient(120deg, #0A1628 0%, #0d1c33 45%, #0A1628 100%);
    overflow:hidden;
  }
  /* Drop your compressed drone MP4 in and uncomment:
  <video autoplay muted loop playsinline poster="hero-fallback.jpg" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;">
    <source src="your-drone-video.mp4" type="video/mp4">
  </video>
  */
  .hero::before{
    content:'';position:absolute;inset:0;z-index:1;
    background-image:
      linear-gradient(rgba(201,146,10,0.05) 1px, transparent 1px),
      linear-gradient(90deg, rgba(201,146,10,0.05) 1px, transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(ellipse at 50% 40%, black 0%, transparent 70%);
    pointer-events:none;
  }
  .hero video{filter:brightness(0.75) saturate(1.05);}
  @media (max-width: 860px){
    /* video now enabled on mobile too, per request — same source plays across all devices */
    .hero{align-items:flex-start;padding-top:120px;}
  }
  .hero-inner{position:relative;z-index:2;width:100%;}
  body::before{
    content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0.035;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  }
  .hero-tag{
    font-size:11.5px;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold-light);
    font-weight:700;margin-bottom:26px;display:inline-flex;align-items:center;gap:12px;
    border:1px solid var(--gold-dim);padding:9px 18px 9px 14px;border-radius:2px;
    background:rgba(201,146,10,0.06);
  }
  .hero-tag .rule{width:20px;height:1px;background:var(--gold);display:inline-block;}
  .hero h1{
    font-size:clamp(40px, 6vw, 78px);
    line-height:1.06;font-weight:600;max-width:820px;letter-spacing:-0.01em;
  }
  .hero h1 em{font-style:italic;color:var(--gold-light);}
  .hero p.sub{
    margin-top:22px;font-size:18px;color:var(--muted);max-width:480px;font-weight:300;
  }
  .hero-ctas{display:flex;gap:16px;margin-top:44px;flex-wrap:wrap;}
  .hero-stats{
    display:flex;gap:56px;margin-top:76px;padding-top:30px;border-top:1px solid var(--line);max-width:640px;
  }
  .hero-stats div b{
    display:block;font-family:var(--serif);font-size:30px;color:var(--white);font-weight:600;
  }
  .hero-stats div span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;}
  .scroll-cue{
    position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:2;
    display:flex;flex-direction:column;align-items:center;gap:8px;
  }
  .scroll-cue .line{width:1px;height:40px;background:linear-gradient(var(--gold), transparent);animation:scrollpulse 2s infinite;}
  @keyframes scrollpulse{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}

  /* ---------- SECTION HEADERS ---------- */
  .sec-head{max-width:640px;margin-bottom:56px;}
  .sec-head .eyebrow{margin-bottom:14px;display:block;}
  .sec-head h2{font-size:clamp(28px,3.4vw,42px);line-height:1.15;}
  .sec-head p{color:var(--muted);margin-top:16px;font-size:16px;max-width:520px;}

  /* ---------- MARKET JOURNEY (signature element) ---------- */
  .journey{padding:120px 0 100px;background:var(--navy-deep);}
  .journey-line{
    position:relative;display:flex;justify-content:space-between;align-items:flex-start;
    margin-top:70px;padding:0 10px;
  }
  .journey-line::before{
    content:'';position:absolute;top:11px;left:0;right:0;height:1px;background:var(--line);
  }
  .journey-line .path{
    position:absolute;top:11px;left:0;height:1px;background:var(--gold);
    width:0%;transition:width 2.2s cubic-bezier(.2,.8,.2,1);
  }
  .journey-line.in .path{width:100%;}
  .stop{position:relative;width:31%;text-align:left;}
  .stop .dot{
    width:23px;height:23px;border-radius:50%;background:var(--navy-deep);border:1.5px solid var(--gold);
    display:flex;align-items:center;justify-content:center;margin-bottom:26px;position:relative;z-index:2;
  }
  .stop .dot::after{content:'';width:8px;height:8px;border-radius:50%;background:var(--gold);}
  .stop .city{font-family:var(--serif);font-size:24px;color:var(--white);margin-bottom:8px;}
  .stop .country{font-size:11px;text-transform:uppercase;letter-spacing:0.18em;color:var(--gold-light);margin-bottom:14px;display:block;}
  .stop p{color:var(--muted);font-size:14.5px;margin-bottom:18px;}
  .stop .devs{font-size:12.5px;color:rgba(243,239,230,0.45);letter-spacing:0.02em;}
  .stop a.explore{
    font-size:12px;text-transform:uppercase;letter-spacing:0.14em;font-weight:700;color:var(--gold);
    display:inline-flex;align-items:center;gap:8px;margin-top:18px;
  }
  .stop a.explore::after{content:'→';transition:transform .3s ease;}
  .stop a.explore:hover::after{transform:translateX(5px);}

  /* ---------- WHY ARVVENZA ---------- */
  .why{padding:100px 0;background:var(--navy);}
  .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  .why-card{background:var(--navy);padding:38px 30px;transition:background .35s ease;}
  .why-card:hover{background:var(--navy-soft);}
  .why-card .num{font-family:var(--serif);font-size:14px;color:var(--gold);margin-bottom:22px;letter-spacing:0.1em;}
  .why-card h3{font-size:19px;margin-bottom:12px;line-height:1.3;}
  .why-card p{font-size:14px;color:var(--muted);}

  /* ---------- FEATURED PROJECTS ---------- */
  .projects{padding:100px 0;background:var(--navy-deep);}
  .filter-tabs{display:flex;gap:10px;margin-bottom:48px;flex-wrap:wrap;}
  .filter-tabs button{
    background:transparent;border:1px solid var(--line);color:var(--muted);
    padding:10px 22px;font-size:12px;text-transform:uppercase;letter-spacing:0.12em;font-weight:600;
    cursor:pointer;transition:all .3s ease;font-family:var(--sans);
  }
  .filter-tabs button.active,.filter-tabs button:hover{background:var(--gold);color:var(--navy-deep);border-color:var(--gold);}
  .proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;counter-reset:proj;}
  .proj-card{
    background:var(--navy-soft);border:1px solid var(--line);overflow:hidden;position:relative;
    transition:transform .45s cubic-bezier(.2,.8,.2,1), border-color .4s ease, box-shadow .45s ease;
    counter-increment:proj;
  }
  .proj-card:hover{transform:translateY(-8px);border-color:var(--gold-dim);box-shadow:0 24px 50px rgba(0,0,0,0.35);}
  /* corner frame accent */
  .proj-card::after{
    content:'';position:absolute;top:12px;left:12px;width:22px;height:22px;
    border-top:1.5px solid var(--gold);border-left:1.5px solid var(--gold);
    opacity:0;transition:opacity .4s ease, transform .4s ease;transform:translate(4px,4px);
    pointer-events:none;z-index:3;
  }
  .proj-card:hover::after{opacity:1;transform:translate(0,0);}

  .proj-img{
    height:230px;position:relative;overflow:hidden;
    background:linear-gradient(180deg, #0e1c33 0%, #0a1526 60%, #081120 100%);
  }
  .proj-img img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
    transition:transform .6s cubic-bezier(.2,.8,.2,1);
  }
  .proj-card:hover .proj-img img{transform:scale(1.06);}
  .proj-img .proj-img-overlay{
    position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg, rgba(6,13,20,0.05) 0%, rgba(6,13,20,0.35) 55%, rgba(6,13,20,0.88) 100%);
  }
  /* illustrated skyline silhouettes per market — pure CSS/SVG, no external images needed */
  .proj-card[data-market="dubai"] .proj-img{
    background:
      linear-gradient(180deg, rgba(10,22,40,0) 0%, rgba(6,13,20,0.65) 100%),
      radial-gradient(ellipse at 30% 15%, rgba(201,146,10,0.16), transparent 55%),
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 230'><rect width='400' height='230' fill='%230A1628'/><polygon points='40,230 40,110 55,90 70,110 70,230' fill='%230e1e38'/><polygon points='90,230 90,70 110,40 130,70 130,230' fill='%23132747'/><polygon points='150,230 150,50 165,20 172,20 187,50 187,230' fill='%230e1e38'/><polygon points='210,230 210,90 235,60 260,90 260,230' fill='%23172c50'/><polygon points='280,230 280,30 292,10 304,30 304,230' fill='%230e1e38'/><polygon points='320,230 320,100 345,75 370,100 370,230' fill='%23132747'/><g fill='%23C9920A' opacity='0.55'><rect x='95' y='90' width='4' height='4'/><rect x='108' y='120' width='4' height='4'/><rect x='118' y='90' width='4' height='4'/><rect x='158' y='80' width='4' height='4'/><rect x='170' y='110' width='4' height='4'/><rect x='217' y='110' width='4' height='4'/><rect x='240' y='140' width='4' height='4'/><rect x='285' y='60' width='4' height='4'/><rect x='296' y='90' width='4' height='4'/><rect x='330' y='120' width='4' height='4'/><rect x='350' y='150' width='4' height='4'/></g></svg>")
      bottom / cover no-repeat;
  }
  .proj-card[data-market="gurgaon"] .proj-img{
    background:
      linear-gradient(180deg, rgba(10,22,40,0) 0%, rgba(6,13,20,0.65) 100%),
      radial-gradient(ellipse at 70% 15%, rgba(201,146,10,0.14), transparent 55%),
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 230'><rect width='400' height='230' fill='%230A1628'/><rect x='30' y='95' width='55' height='135' fill='%230e1e38'/><rect x='95' y='60' width='60' height='170' fill='%23132747'/><rect x='165' y='115' width='50' height='115' fill='%230e1e38'/><rect x='225' y='45' width='58' height='185' fill='%23172c50'/><rect x='293' y='85' width='52' height='145' fill='%230e1e38'/><rect x='355' y='120' width='45' height='110' fill='%23132747'/><g fill='%23C9920A' opacity='0.5'><rect x='40' y='110' width='4' height='4'/><rect x='55' y='130' width='4' height='4'/><rect x='70' y='150' width='4' height='4'/><rect x='105' y='75' width='4' height='4'/><rect x='120' y='95' width='4' height='4'/><rect x='140' y='115' width='4' height='4'/><rect x='175' y='130' width='4' height='4'/><rect x='195' y='150' width='4' height='4'/><rect x='235' y='60' width='4' height='4'/><rect x='250' y='85' width='4' height='4'/><rect x='265' y='110' width='4' height='4'/><rect x='303' y='100' width='4' height='4'/><rect x='320' y='125' width='4' height='4'/><rect x='365' y='140' width='4' height='4'/></g></svg>")
      bottom / cover no-repeat;
  }
  .proj-card[data-market="bangalore"] .proj-img{
    background:
      linear-gradient(180deg, rgba(10,22,40,0) 0%, rgba(6,13,20,0.65) 100%),
      radial-gradient(ellipse at 50% 10%, rgba(201,146,10,0.13), transparent 55%),
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 230'><rect width='400' height='230' fill='%230A1628'/><rect x='20' y='150' width='90' height='80' fill='%230e1e38'/><rect x='120' y='120' width='70' height='110' fill='%23132747'/><rect x='200' y='145' width='85' height='85' fill='%230e1e38'/><rect x='295' y='105' width='75' height='125' fill='%23172c50'/><g stroke='%2314301f' stroke-width='6' fill='none' opacity='0.9'><path d='M0,230 C20,190 40,225 60,200 C80,175 100,225 120,205'/><path d='M280,230 C300,195 320,225 340,205 C360,185 380,220 400,200'/></g><g fill='%23C9920A' opacity='0.45'><rect x='35' y='170' width='4' height='4'/><rect x='55' y='190' width='4' height='4'/><rect x='75' y='170' width='4' height='4'/><rect x='135' y='140' width='4' height='4'/><rect x='150' y='160' width='4' height='4'/><rect x='170' y='140' width='4' height='4'/><rect x='215' y='165' width='4' height='4'/><rect x='235' y='185' width='4' height='4'/><rect x='255' y='165' width='4' height='4'/><rect x='310' y='125' width='4' height='4'/><rect x='330' y='150' width='4' height='4'/><rect x='350' y='125' width='4' height='4'/></g></svg>")
      bottom / cover no-repeat;
  }
  .proj-img span{font-size:11px;color:rgba(243,239,230,0.3);text-transform:uppercase;letter-spacing:0.14em;}
  .proj-badge{
    position:absolute;top:14px;left:14px;background:var(--gold);color:var(--navy-deep);
    font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;padding:5px 11px;z-index:2;
  }
  .proj-badge.index-badge{
    left:auto;right:14px;background:rgba(6,13,20,0.7);color:var(--gold-light);border:1px solid var(--gold-dim);
    font-family:var(--serif);font-weight:600;
  }
  .proj-badge.index-badge::before{content:counter(proj, decimal-leading-zero) " / " counter(proj);}

  .proj-body{padding:28px 26px;position:relative;}
  .proj-body::before{content:'';position:absolute;top:0;left:26px;right:26px;height:1px;background:linear-gradient(90deg, var(--gold), transparent 60%);opacity:0.5;}
  .proj-loc{font-size:11px;color:var(--gold-light);text-transform:uppercase;letter-spacing:0.14em;font-weight:700;margin-bottom:12px;margin-top:6px;}
  .proj-body h3{font-size:21px;margin-bottom:6px;line-height:1.25;}
  .proj-dev{font-size:13px;color:var(--muted);margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed var(--line);}
  .proj-meta{display:flex;justify-content:space-between;align-items:center;}
  .proj-price b{font-family:var(--serif);color:var(--white);font-size:19px;}
  .proj-price span{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:3px;}
  .proj-arrow{width:36px;height:36px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);transition:all .35s ease;flex-shrink:0;}
  .proj-card:hover .proj-arrow{background:var(--gold);color:var(--navy-deep);transform:rotate(45deg);}

  /* ---------- NRI BAND ---------- */
  .nri{
    padding:90px 0;background:var(--gold);color:var(--navy-deep);
    position:relative;overflow:hidden;
  }
  .nri::before{
    content:'';position:absolute;inset:0;opacity:0.06;
    background-image:linear-gradient(#060D14 1px, transparent 1px), linear-gradient(90deg,#060D14 1px, transparent 1px);
    background-size:40px 40px;
  }
  .nri-wrap{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap;}
  .nri-left .eyebrow{color:var(--navy-deep);}
  .nri h2{color:var(--navy-deep);font-size:clamp(26px,3vw,36px);max-width:520px;margin-top:14px;}
  .nri-links{display:flex;gap:14px;flex-wrap:wrap;}
  .nri-links a{
    background:var(--navy-deep);color:var(--offwhite);padding:16px 22px;font-size:13px;font-weight:600;
    display:flex;align-items:center;gap:10px;transition:transform .3s ease;
  }
  .nri-links a:hover{transform:translateY(-3px);}

  /* ---------- DEVELOPERS ---------- */
  .developers{padding:100px 0;background:var(--navy);}
  .dev-cols{display:grid;grid-template-columns:1fr 1fr;gap:60px;}
  .dev-col h3{
    font-size:13px;text-transform:uppercase;letter-spacing:0.2em;color:var(--gold);
    padding-bottom:18px;margin-bottom:26px;border-bottom:1px solid var(--line);font-family:var(--sans);font-weight:700;
  }
  .dev-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  .dev-logo{
    background:var(--navy);aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;
    font-family:var(--serif);font-size:14px;color:rgba(243,239,230,0.55);text-align:center;padding:10px;
    transition:all .3s ease;
  }
  .dev-logo:hover{background:var(--navy-soft);color:var(--gold-light);}

  /* ---------- TESTIMONIALS ---------- */
  .testimonials{padding:100px 0;background:var(--navy-deep);}
  .testi-track{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
  .testi-card{border:1px solid var(--line);padding:34px;position:relative;background:var(--navy-soft);}
  .testi-card .quote{font-family:var(--serif);font-size:44px;color:var(--gold);line-height:0.4;margin-bottom:18px;display:block;}
  .testi-card p{font-size:15px;color:var(--muted);margin-bottom:26px;font-style:italic;}
  .testi-who{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--line);}
  .testi-who b{font-size:14px;color:var(--white);font-weight:600;}
  .testi-who span{font-size:12px;color:var(--muted);display:block;margin-top:2px;}
  .stars{color:var(--gold);font-size:13px;letter-spacing:2px;}

  /* ---------- LEAD FORM / CONTACT ---------- */
  .contact{padding:110px 0;background:var(--navy);position:relative;}
  .contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;}
  .contact-info h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:22px;}
  .contact-info p{color:var(--muted);margin-bottom:36px;max-width:420px;}
  .info-row{display:flex;gap:16px;padding:18px 0;border-top:1px solid var(--line);}
  .info-row:last-child{border-bottom:1px solid var(--line);}
  .info-row .k{font-size:12px;text-transform:uppercase;letter-spacing:0.12em;color:var(--gold);width:130px;flex-shrink:0;padding-top:2px;}
  .info-row .v{font-size:14.5px;color:var(--offwhite);}
  .form{background:var(--navy-soft);border:1px solid var(--line);padding:44px;}
  .form h3{font-size:20px;margin-bottom:6px;}
  .form>p{font-size:13px;color:var(--muted);margin-bottom:30px;}
  .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}
  .form input,.form select,.form textarea{
    width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);
    color:var(--white);padding:12px 2px;font-family:var(--sans);font-size:14px;outline:none;
    transition:border-color .3s ease;
  }
  .form input::placeholder,.form textarea::placeholder{color:rgba(243,239,230,0.35);}
  .form input:focus,.form select:focus,.form textarea:focus{border-color:var(--gold);}
  .form select{color:rgba(243,239,230,0.6);}
  .form select option{background:var(--navy-soft);color:var(--white);}
  .form-full{margin-bottom:16px;}
  .form button{width:100%;margin-top:14px;justify-content:center;}

  /* ---------- FOOTER ---------- */
  footer{background:var(--navy-deep);padding:70px 0 30px;border-top:1px solid var(--line);}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:50px;margin-bottom:60px;}
  .foot-brand p{color:var(--muted);font-size:14px;margin:20px 0 24px;max-width:280px;}
  .foot-col h4{font-size:12px;text-transform:uppercase;letter-spacing:0.14em;color:var(--gold);margin-bottom:20px;}
  .foot-col a{display:block;font-size:14px;color:var(--muted);margin-bottom:12px;transition:color .3s ease;}
  .foot-col a:hover{color:var(--white);}
  .foot-bottom{
    display:flex;justify-content:space-between;padding-top:26px;border-top:1px solid var(--line);
    font-size:12.5px;color:rgba(243,239,230,0.4);flex-wrap:wrap;gap:12px;
  }
  .socials{display:flex;gap:16px;}
  .socials a{width:34px;height:34px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;}
  .socials a:hover{border-color:var(--gold);color:var(--gold);}

  /* ---------- WHATSAPP FLOAT ---------- */
  .wa-float{
    position:fixed;bottom:26px;right:26px;z-index:200;
    width:58px;height:58px;background:#25D366;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 24px rgba(0,0,0,0.4);cursor:pointer;
    animation:wapulse 2.6s infinite;
  }
  @keyframes wapulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,0.5)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
  .wa-float svg{width:28px;height:28px;fill:#fff;}

  /* ================= RESPONSIVE ================= */

  /* ---- TABLET / SMALL LAPTOP: 1024px ---- */
  @media (max-width: 1024px){
    .container{padding:0 24px;}
    .nav-links{gap:24px;}
    .nav-links a{font-size:12px;}
    .why-grid{grid-template-columns:repeat(2,1fr);}
    .proj-grid{grid-template-columns:repeat(2,1fr);}
    .dev-logos{grid-template-columns:repeat(3,1fr);}
    .hero-stats{gap:40px;}
    .journey-line{flex-wrap:wrap;row-gap:50px;}
    .journey-line::before,.journey-line .path{display:none;}
    .stop{width:47%;}
  }

  /* ---- TABLET / MOBILE LANDSCAPE: 1180px (raised from 860 to prevent nav squeeze/overlap on laptops) ---- */
  @media (max-width: 1180px){
    header{padding:16px 0;}
    header.scrolled{padding:12px 0;}
    .nav-links,.nav-cta{display:none;}
    .burger{display:flex;}
    .hero{min-height:560px;}
    .hero h1{font-size:clamp(34px,7.5vw,52px);}
    .hero p.sub{font-size:16px;}
    .hero-stats{gap:30px;margin-top:56px;padding-top:24px;}
    .hero-stats div b{font-size:24px;}
    .why-grid{grid-template-columns:repeat(2,1fr);}
    .why-card{padding:30px 22px;}
    .proj-grid{grid-template-columns:repeat(2,1fr);gap:18px;}
    .dev-cols{grid-template-columns:1fr;gap:44px;}
    .dev-logos{grid-template-columns:repeat(3,1fr);}
    .testi-track{grid-template-columns:1fr;gap:20px;}
    .contact-wrap{grid-template-columns:1fr;gap:48px;}
    .form{padding:32px 26px;}
    .foot-grid{grid-template-columns:1fr 1fr;gap:36px;row-gap:44px;}
    .nri-wrap{align-items:flex-start;}
    .stop{width:100%;}
    .journey-line{row-gap:38px;}
    section{padding-top:70px !important;padding-bottom:70px !important;}
  }

  /* ---- MOBILE: 600px ---- */
  @media (max-width: 600px){
    .container{padding:0 20px;}
    .logo-mark .word{font-size:16px;}
    .logo-icon-img{height:36px;}
    .hero-tag{font-size:10.5px;letter-spacing:0.24em;margin-bottom:16px;}
    .hero h1{font-size:clamp(30px,9vw,42px);}
    .hero p.sub{font-size:15px;margin-top:16px;}
    .hero-ctas{flex-direction:column;gap:12px;margin-top:34px;}
    .hero-ctas .btn{width:100%;justify-content:center;}
    .hero-stats{gap:0;justify-content:space-between;margin-top:44px;padding-top:20px;flex-wrap:nowrap;}
    .hero-stats div b{font-size:19px;}
    .hero-stats div span{font-size:9.5px;letter-spacing:0.04em;}
    .sec-head{margin-bottom:36px;}
    .sec-head h2{font-size:clamp(24px,7vw,30px);}
    .why-grid,.proj-grid{grid-template-columns:1fr;}
    .filter-tabs{gap:8px;}
    .filter-tabs button{padding:9px 16px;font-size:11px;}
    .dev-logos{grid-template-columns:repeat(2,1fr);}
    .form-row{grid-template-columns:1fr;gap:0;}
    .form{padding:26px 20px;}
    .foot-grid{grid-template-columns:1fr;gap:38px;}
    .nri h2{font-size:24px;}
    .nri-links{flex-direction:column;width:100%;}
    .nri-links a{justify-content:center;}
    .journey-line{row-gap:34px;}
    .stop .city{font-size:21px;}
    .wa-float{width:52px;height:52px;bottom:18px;right:18px;}
    .wa-float svg{width:24px;height:24px;}
    .foot-bottom{flex-direction:column;}
  }

  /* ---- SMALL MOBILE: 380px ---- */
  @media (max-width: 380px){
    .hero-stats{flex-wrap:wrap;gap:16px 24px;}
    .btn{padding:12px 18px;font-size:11px;}
  }

  /* ---- Touch target safety: ensure tappable elements stay >=44px ---- */
  @media (max-width: 860px){
    .nav-cta .btn, .drawer-ctas .btn, .form button{min-height:48px;}
    .filter-tabs button{min-height:40px;}
  }
/* ================= SHARED: INNER PAGE HERO (About, Projects, NRI, etc.) ================= */
.page-hero{
  padding:180px 0 90px;background:var(--navy-deep);position:relative;overflow:hidden;
  background-image:radial-gradient(ellipse at 80% 0%, rgba(201,146,10,0.08), transparent 55%);
}
.page-hero .breadcrumb{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:20px;}
.page-hero .breadcrumb a{color:var(--gold-light);}
.page-hero h1{font-size:clamp(34px,5vw,56px);max-width:760px;}
.page-hero p.lead{color:var(--muted);font-size:17px;max-width:560px;margin-top:20px;}

/* ================= FAQ ACCORDION ================= */
.faq-group{margin-bottom:70px;}
.faq-group h3{font-size:13px;text-transform:uppercase;letter-spacing:0.18em;color:var(--gold);margin-bottom:22px;font-family:var(--sans);font-weight:700;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  display:flex;justify-content:space-between;align-items:center;padding:22px 4px;cursor:pointer;
  font-family:var(--serif);font-size:17px;color:var(--white);gap:20px;
}
.faq-q .plus{font-size:20px;color:var(--gold);flex-shrink:0;transition:transform .3s ease;font-family:var(--sans);}
.faq-item.open .faq-q .plus{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;}
.faq-item.open .faq-a{max-height:300px;}
.faq-a p{color:var(--muted);font-size:14.5px;padding:0 4px 24px;max-width:640px;}

/* ================= CALCULATOR ================= */
.calc-box{background:var(--navy-soft);border:1px solid var(--line);padding:40px;}
.calc-box h3{font-size:20px;margin-bottom:24px;}
.calc-row{margin-bottom:20px;}
.calc-row label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--gold-light);margin-bottom:8px;}
.calc-row input{
  width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);
  color:var(--white);padding:10px 2px;font-family:var(--sans);font-size:15px;outline:none;
}
.calc-row input:focus{border-color:var(--gold);}
.calc-output{
  margin-top:30px;padding-top:26px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;
}
.calc-output span{font-size:12px;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted);}
.calc-output b{font-family:var(--serif);font-size:26px;color:var(--gold-light);}

/* ================= CAREERS / JOB CARDS ================= */
.job-card{
  border:1px solid var(--line);padding:28px 30px;display:flex;justify-content:space-between;
  align-items:center;margin-bottom:14px;transition:border-color .3s ease, background .3s ease;flex-wrap:wrap;gap:16px;
}
.job-card:hover{border-color:var(--gold-dim);background:var(--navy-soft);}
.job-card h3{font-size:18px;margin-bottom:6px;}
.job-meta{font-size:12.5px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap;}
.job-meta span::before{content:'•';color:var(--gold);margin-right:8px;}
.job-meta span:first-child::before{content:'';margin:0;}

/* ================= SEARCH BAR (Property Search page) ================= */
.search-bar{
  background:var(--navy-soft);border:1px solid var(--line);padding:30px;
  display:grid;grid-template-columns:1fr 1fr 1fr 1fr auto;gap:16px;align-items:end;margin-bottom:56px;
}
.search-field label{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:0.1em;color:var(--gold-light);margin-bottom:8px;}
.search-field select,.search-field input{
  width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);
  color:var(--white);padding:10px 2px;font-family:var(--sans);font-size:14px;outline:none;
}
.search-field select option{background:var(--navy-soft);}
.search-bar button{height:44px;}

/* ================= FOUNDER / ABOUT ================= */
.founder-block{display:grid;grid-template-columns:0.9fr 1.4fr;gap:60px;align-items:center;}
.founder-photo{
  aspect-ratio:4/5;background:linear-gradient(135deg,#16243d,#0e1a2e);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;
}
.founder-photo span{font-size:11px;color:rgba(243,239,230,0.3);text-transform:uppercase;letter-spacing:0.14em;}
.founder-copy .role{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:0.14em;font-weight:700;margin-bottom:10px;display:block;}
.founder-copy h2{font-size:clamp(26px,3vw,36px);margin-bottom:8px;}
.founder-copy .name-sub{color:var(--muted);font-size:14px;margin-bottom:24px;}
.founder-copy p{color:var(--muted);font-size:15px;margin-bottom:16px;max-width:560px;}

/* ================= MISSION/VISION CARDS ================= */
.mv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.mv-card{background:var(--navy);padding:40px 34px;}
.mv-card .eyebrow{display:block;margin-bottom:16px;}
.mv-card p{color:var(--muted);font-size:14.5px;}

/* ================= DEVELOPER PARTNER ROWS (premium interactive list) ================= */
.dev-list{border-top:1px solid var(--line);}
.dev-row{
  display:flex;align-items:center;gap:24px;padding:30px 6px;
  border-bottom:1px solid var(--line);position:relative;overflow:hidden;
  transition:padding-left .4s ease;
}
.dev-row::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold);
  transition:width .4s cubic-bezier(.2,.8,.2,1);
}
.dev-row:hover::before{width:4px;}
.dev-row:hover{padding-left:20px;}
.dev-row .dev-index{
  font-family:var(--serif);font-size:13px;color:var(--gold);width:34px;flex-shrink:0;letter-spacing:0.05em;
}
.dev-row .dev-name-wrap{width:260px;flex-shrink:0;}
.dev-row .dev-name{
  font-family:var(--serif);font-size:clamp(22px,2.6vw,30px);color:var(--white);
  display:block;transition:transform .45s cubic-bezier(.2,.8,.2,1), color .3s ease;
}
.dev-row:hover .dev-name{transform:translateX(10px);color:var(--gold-light);}
.dev-row .dev-region{
  font-size:10.5px;text-transform:uppercase;letter-spacing:0.14em;color:var(--muted);
  display:block;margin-top:6px;
}
.dev-row .dev-desc{
  flex:1;color:var(--muted);font-size:14.5px;padding-right:20px;
  opacity:0;transform:translateY(8px);transition:opacity .45s ease, transform .45s ease;
}
.dev-row:hover .dev-desc{opacity:1;transform:translateY(0);}
.dev-row .dev-arrow-link{
  width:40px;height:40px;border:1px solid var(--gold);border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0;
  transition:all .35s ease;
}
.dev-row:hover .dev-arrow-link{background:var(--gold);color:var(--navy-deep);transform:rotate(45deg);}
.dev-market-label{
  display:inline-flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;
  letter-spacing:0.2em;color:var(--gold);font-weight:700;margin:70px 0 6px;
}
.dev-market-label:first-child{margin-top:0;}
.dev-market-label .rule{width:30px;height:1px;background:var(--gold);display:inline-block;}

@media (max-width:860px){
  .dev-row{flex-wrap:wrap;gap:10px 20px;}
  .dev-row .dev-name-wrap{width:auto;}
  .dev-row .dev-desc{
    flex-basis:100%;opacity:1;transform:none;order:3;padding-right:0;font-size:13.5px;
  }
  .dev-row .dev-arrow-link{margin-left:auto;}
}
@media (max-width:480px){
  .dev-row{padding:22px 4px;}
  .dev-row .dev-index{display:none;}
}

/* ================= MAP EMBED PLACEHOLDER ================= */
.map-embed{
  height:380px;background:var(--navy-soft);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;color:rgba(243,239,230,0.3);
  font-size:12px;text-transform:uppercase;letter-spacing:0.12em;
}

/* ================= RESPONSIVE: NEW COMPONENTS ================= */
@media (max-width: 1024px){
  .founder-block{grid-template-columns:1fr;gap:40px;}
  .founder-photo{max-width:320px;}
  .dev-profile-grid{grid-template-columns:repeat(2,1fr);}
  .search-bar{grid-template-columns:1fr 1fr;}
}
@media (max-width: 860px){
  .page-hero{padding:140px 0 60px;}
  .mv-grid{grid-template-columns:1fr;}
  .job-card{flex-direction:column;align-items:flex-start;}
  .search-bar{grid-template-columns:1fr;}
}
@media (max-width: 600px){
  .calc-box{padding:26px 22px;}
  .dev-profile-grid{grid-template-columns:1fr;}
  .founder-photo{max-width:100%;}
}

/* ================= EXIT/TIME-TRIGGERED LEAD POPUP ================= */
.lead-popup-overlay{
  position:fixed;inset:0;z-index:500;background:rgba(6,13,20,0.82);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;padding:20px;
  opacity:0;pointer-events:none;transition:opacity .4s ease;
}
.lead-popup-overlay.open{opacity:1;pointer-events:auto;}
.lead-popup{
  background:var(--navy-soft);border:1px solid var(--line);max-width:480px;width:100%;
  position:relative;padding:44px;
  transform:translateY(20px) scale(0.98);transition:transform .4s cubic-bezier(.2,.8,.2,1);
  max-height:90vh;overflow-y:auto;
}
.lead-popup-overlay.open .lead-popup{transform:translateY(0) scale(1);}
.lead-popup::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, var(--gold), transparent);}
.lead-popup-close{
  position:absolute;top:16px;right:16px;width:32px;height:32px;border:1px solid var(--line);
  background:transparent;color:var(--muted);cursor:pointer;font-size:14px;
  display:flex;align-items:center;justify-content:center;transition:all .3s ease;
}
.lead-popup-close:hover{border-color:var(--gold);color:var(--gold);}
.lead-popup .eyebrow{display:block;margin-bottom:12px;}
.lead-popup h3{font-size:24px;margin-bottom:10px;line-height:1.25;}
.lead-popup p.sub-copy{color:var(--muted);font-size:14px;margin-bottom:26px;}
.lead-popup .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.lead-popup .form-full{margin-bottom:14px;}
.lead-popup input,.lead-popup select{
  width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);
  color:var(--white);padding:11px 2px;font-family:var(--sans);font-size:14px;outline:none;
  transition:border-color .3s ease;
}
.lead-popup input::placeholder{color:rgba(243,239,230,0.35);}
.lead-popup input:focus,.lead-popup select:focus{border-color:var(--gold);}
.lead-popup select{color:rgba(243,239,230,0.7);}
.lead-popup select option{background:var(--navy-soft);}
.lead-popup button[type="submit"]{width:100%;justify-content:center;margin-top:8px;}
.lead-popup .fine-print{font-size:11px;color:rgba(243,239,230,0.4);margin-top:14px;text-align:center;}

@media (max-width:520px){
  .lead-popup{padding:34px 24px 28px;}
  .lead-popup .form-row{grid-template-columns:1fr;gap:0;}
}

/* ================= PHONE WITH COUNTRY CODE ================= */
.phone-row{display:flex;gap:0;align-items:flex-end;}
.phone-row select.cc-select{
  width:96px;flex-shrink:0;background:transparent;border:none;border-bottom:1px solid var(--line);
  color:var(--offwhite);padding:11px 2px;font-family:var(--sans);font-size:14px;outline:none;
  transition:border-color .3s ease;
}
.phone-row select.cc-select:focus{border-color:var(--gold);}
.phone-row select.cc-select option{background:var(--navy-soft);color:var(--white);}
.phone-row input{flex:1;}

/* ============ GLOBAL CTA BAND ============ */
.global-cta{padding:80px 0;background:linear-gradient(135deg,var(--navy-soft),var(--navy-deep));border-top:1px solid var(--line);}
.gcta-wrap{display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;}
.gcta-wrap h2{font-size:clamp(24px,3vw,34px);margin:12px 0 10px;}
.gcta-wrap p{color:var(--muted);font-size:15px;max-width:440px;}
.gcta-btns{display:flex;flex-direction:column;gap:12px;min-width:260px;}
.gcta-btns .btn{justify-content:center;}
.gcta-wa{background:#25D366;border-color:#25D366;color:#062D16;font-weight:800;}
.gcta-wa:hover{background:#1fbd5a;border-color:#1fbd5a;}
@media(max-width:700px){.gcta-wrap{flex-direction:column;align-items:flex-start;}.gcta-btns{width:100%;}}
/* ==== SERVICE CARDS (buy-sell-invest) — restored ==== */
.dev-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.dev-profile{border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;gap:12px;transition:border-color .3s ease,background .3s ease;background:var(--navy-soft);}
.dev-profile:hover{border-color:var(--gold-dim);}
.dev-profile .dev-name{font-family:var(--serif);font-size:19px;color:var(--white);}
.dev-profile p{color:var(--muted);font-size:14px;line-height:1.7;}
@media(max-width:1024px){.dev-profile-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){.dev-profile-grid{grid-template-columns:1fr;gap:14px;}.dev-profile{padding:24px 20px;}}