/* ═══════════════════════════════════════════════════
   IRIS HOMES — Design System v6
   "Spacemarkers" Theme — Dark Forest Green × Gold
═══════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;0,9..144,700;1,9..144,500;1,9..144,600&family=Inter:wght@300;400;500;600;700&display=swap');

:root {
  --bg:        #F7F5F0;
  --bg2:       #EFEBE2;
  --bg3:       #E5DECF;
  --card:      #FFFFFF;
  --card-h:    #FDFCF9;

  --border:    rgba(45,74,62,.14);
  --border-h:  rgba(45,74,62,.4);

  --green:     #2D4A3E;
  --green2:    #3D6353;
  --green3:    #1A2E26;
  --green4:    #0E1A14;
  --green-tint:#EAF0EC;
  --green-soft:rgba(45,74,62,.08);

  --gold:      #B8924A;
  --gold2:     #D4AF6A;
  --gold3:     #F7EFE0;
  --gold4:     rgba(184,146,74,.1);

  --ink:       #16201C;
  --t0:        #16201C;
  --t1:        #2A372F;
  --t2:        #5C6B62;
  --t3:        #8B978E;
  --t4:        rgba(22,32,28,.06);
  --mid:       #5C6B62;
  --muted:     #8B978E;
  --light:     #B5BDB7;

  --red:       #B5453A;
  --blue:      #3B6FA8;
  --blue2:     #5B8FC8;
  --blue3:     rgba(59,111,168,.1);
  --white:     #FFFFFF;

  --orange:    var(--green);
  --orange2:   var(--green2);
  --orange3:   var(--gold3);
  --orange4:   var(--gold4);
  --gold:      #B8924A;

  --nav-h:     78px;
  --shadow:    0 4px 28px rgba(22,32,28,.08);
  --shadow-md: 0 8px 40px rgba(22,32,28,.12);
  --shadow-lg: 0 24px 60px rgba(22,32,28,.16);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--t1);overflow-x:hidden;line-height:1.6}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font-family:'Inter',sans-serif;cursor:pointer;border:none;outline:none}
input,select,textarea{font-family:'Inter',sans-serif;outline:none}

h1,h2,h3{font-family:'Fraunces',serif;line-height:1.12;letter-spacing:-.01em;color:var(--ink);font-weight:500}
h1{font-size:clamp(2.6rem,5.5vw,4.8rem)}
h2{font-size:clamp(1.8rem,3.2vw,2.8rem)}
h3{font-size:1.18rem;font-weight:600}
.serif{font-family:'Fraunces',serif}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:900;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 3rem;transition:all .3s}
.nav.scrolled{background:rgba(247,245,240,.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:var(--shadow)}
.nav-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}
.nav-logo-img{height:46px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:.2rem}
.nav-links a{padding:.5rem 1.05rem;font-size:.78rem;font-weight:500;color:var(--t2);border-radius:999px;transition:all .2s;letter-spacing:.01em}
.nav-links a:hover{color:var(--green);background:var(--green-tint)}
.nav-links a.active{color:var(--green);font-weight:600}
.nav-right{display:flex;align-items:center;gap:.75rem}
.nav-phone{font-size:.72rem;font-weight:500;color:var(--t2);transition:color .2s}
.nav-phone:hover{color:var(--green)}
.nav-cta{background:var(--green);color:#fff;padding:.58rem 1.4rem;border-radius:6px;font-size:.74rem;font-weight:700;letter-spacing:.02em;transition:all .2s;white-space:nowrap;border:none;cursor:pointer}
.nav-cta:hover{background:var(--green2);transform:translateY(-1px);box-shadow:0 6px 18px rgba(45,74,62,.3)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;padding:6px}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--t2);border-radius:2px;transition:all .3s}

.nav.on-dark:not(.scrolled){background:transparent}
.nav.on-dark:not(.scrolled) .nav-logo-img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}
.nav.on-dark:not(.scrolled) .nav-links a{color:rgba(255,255,255,.82)}
.nav.on-dark:not(.scrolled) .nav-links a:hover{color:var(--gold2);background:rgba(255,255,255,.08)}
.nav.on-dark:not(.scrolled) .nav-phone{color:rgba(255,255,255,.72)}
.nav.on-dark:not(.scrolled) .nav-cta{background:var(--gold);color:var(--ink)}
.nav.on-dark:not(.scrolled) .nav-toggle span{background:rgba(255,255,255,.85)}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.7rem;border-radius:6px;font-size:.8rem;font-weight:600;letter-spacing:.01em;transition:all .22s;border:none;cursor:pointer;font-family:'Inter',sans-serif}
.btn-gold{background:var(--green);color:#fff}
.btn-gold:hover{background:var(--green2);transform:translateY(-2px);box-shadow:0 10px 26px rgba(45,74,62,.3)}
.btn-outline{background:transparent;border:1.5px solid var(--border-h);color:var(--green)}
.btn-outline:hover{background:var(--green-tint);border-color:var(--green)}
.btn-glass{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px)}
.btn-glass:hover{background:rgba(255,255,255,.16)}
.btn-lg{padding:.9rem 2.2rem;font-size:.86rem}
.btn-sm{padding:.42rem 1.1rem;font-size:.7rem}

/* TAGS */
.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .85rem;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tag-gold{background:var(--gold4);border:1px solid rgba(184,146,74,.32);color:var(--gold)}
.tag-blue{background:var(--blue3);border:1px solid rgba(59,111,168,.25);color:var(--blue)}
.tag-green{background:rgba(45,74,62,.1);border:1px solid rgba(45,74,62,.28);color:var(--green)}
.tag-glass{background:rgba(22,32,28,.05);border:1px solid var(--border);color:var(--muted)}

/* SECTION */
.section{padding:4rem 3rem}
.section-sm{padding:3rem 3rem}
.container{max-width:1180px;margin:0 auto}
.section-label{font-size:.64rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:.6rem}
.section-label.blue{color:var(--blue)}
.section-title{margin-bottom:.5rem}
.section-title em{font-style:italic;font-weight:500;color:var(--green);font-family:'Fraunces',serif}
.section-sub{font-size:1rem;color:var(--t2);max-width:560px;line-height:1.8;margin-bottom:2rem}
.rule{width:42px;height:2px;background:var(--green);border-radius:3px;margin:.8rem 0 1.8rem}
.rule.blue{background:var(--blue)}
.divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent)}

/* CARD */
.card{background:var(--card);border:1px solid var(--border);border-radius:10px;transition:all .28s;overflow:hidden}
.card:hover{border-color:var(--border-h);transform:translateY(-4px);box-shadow:var(--shadow-lg)}

/* STATS */
.stat-number{font-family:'Fraunces',serif;font-size:2.6rem;font-weight:600;color:var(--ink);line-height:1}
.stat-number .unit{font-size:1.3rem;color:var(--green)}
.stat-label{font-size:.64rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:.4rem}

/* FORM */
.form-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:2.2rem;box-shadow:var(--shadow-md)}
.form-title{font-family:'Fraunces',serif;font-size:1.4rem;font-weight:600;color:var(--ink);margin-bottom:.25rem}
.form-sub{font-size:.72rem;color:var(--light);margin-bottom:1.4rem}
.form-sep{height:1px;background:var(--bg3);margin-bottom:1.4rem}
.fg{margin-bottom:.82rem}
.fg label{display:block;font-size:.72rem;font-weight:600;color:var(--t2);margin-bottom:.4rem}
.fg input,.fg select,.fg textarea{width:100%;padding:.7rem 1rem;background:var(--bg);border:1.5px solid var(--border);border-radius:8px;font-size:.8rem;color:var(--ink);transition:all .2s;-webkit-appearance:none}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px rgba(45,74,62,.1)}
.fg input::placeholder,.fg textarea::placeholder{color:var(--light)}
.fg select option{background:#fff;color:var(--ink)}
.fg textarea{resize:vertical;min-height:88px}
.btn-submit{width:100%;background:var(--green);color:#fff;padding:.88rem;border-radius:6px;font-size:.78rem;font-weight:700;letter-spacing:.03em;transition:all .25s;margin-top:.4rem;border:none;cursor:pointer;font-family:'Inter',sans-serif}
.btn-submit:hover{background:var(--green2);box-shadow:0 8px 24px rgba(45,74,62,.28)}
.form-note{font-size:.6rem;color:var(--light);text-align:center;margin-top:.65rem}
.form-success{display:none;text-align:center;padding:2rem 1rem}
.form-success-icon{font-size:2.5rem;margin-bottom:.8rem}
.form-success h3{font-family:'Fraunces',serif;font-size:1.4rem;color:var(--ink);margin-bottom:.4rem}
.form-success p{font-size:.75rem;color:var(--t2);line-height:1.65}

/* MARQUEE */
.marquee-wrap{overflow:hidden;background:var(--green3)}
.marquee-track{display:flex;gap:0;white-space:nowrap;animation:marquee 40s linear infinite}
.marquee-item{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 2.5rem;font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.78);flex-shrink:0}
.marquee-dot{width:4px;height:4px;background:var(--gold2);border-radius:50%;flex-shrink:0}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* MODAL */
.modal-overlay{display:none;position:fixed;inset:0;z-index:2000;background:rgba(14,26,20,.55);backdrop-filter:blur(12px);align-items:center;justify-content:center;padding:1rem}
.modal-overlay.open{display:flex}
.modal-box{background:var(--card);border:1px solid var(--border);border-radius:18px;border-top:4px solid var(--green);padding:2.5rem;max-width:460px;width:100%;position:relative;animation:modalIn .3s ease;box-shadow:var(--shadow-lg)}
@keyframes modalIn{from{opacity:0;transform:scale(.94) translateY(18px)}to{opacity:1;transform:scale(1) translateY(0)}}
.modal-close{position:absolute;top:1rem;right:1rem;background:var(--bg2);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.1rem;transition:all .2s;cursor:pointer}
.modal-close:hover{background:var(--bg3);color:var(--ink)}

/* STICKY BAR */
.sticky-bar{position:fixed;bottom:0;left:0;right:0;z-index:899;background:rgba(247,245,240,.97);backdrop-filter:blur(20px);border-top:2px solid var(--green);padding:.8rem 2rem;display:flex;align-items:center;gap:1.5rem;transform:translateY(100%);transition:transform .4s ease;box-shadow:0 -4px 20px rgba(22,32,28,.1)}
.sticky-bar.visible{transform:translateY(0)}
.sticky-text{font-size:.74rem;color:var(--t2);flex:1}
.sticky-text strong{color:var(--ink);font-weight:600}
.sticky-actions{display:flex;gap:.6rem}

/* WA FLOAT */
.wa-float{position:fixed;bottom:80px;right:20px;z-index:890;width:52px;height:52px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 24px rgba(37,211,102,.4);transition:transform .2s}
.wa-float:hover{transform:scale(1.1)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}

/* GRADIENT TEXT */
.grad-text{background:linear-gradient(135deg,var(--green) 0%,var(--green2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.grad-text-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ORBS */
.orb{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(70px);opacity:.3}
.orb-orange{background:radial-gradient(circle,rgba(45,74,62,.4),transparent 70%)}
.orb-gold{background:radial-gradient(circle,rgba(184,146,74,.4),transparent 70%)}
.orb-cream{background:radial-gradient(circle,rgba(212,175,106,.5),transparent 70%)}

/* HERO LIGHT */
.hero-light{background:linear-gradient(155deg,#FBFAF7 0%,#F7F5F0 40%,#EFEBE2 100%);position:relative;overflow:hidden}
.bg-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(45,74,62,.1) 1px,transparent 1px);background-size:32px 32px;z-index:0}
.bg-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(45,74,62,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(45,74,62,.05) 1px,transparent 1px);background-size:60px 60px;z-index:0}

/* HERO SLIDESHOW */
.hero-slideshow{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;z-index:0}
.hero-slide.active{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(10,19,15,.78) 0%,rgba(10,19,15,.52) 45%,rgba(10,19,15,.25) 100%)}
.hero-content{position:relative;z-index:2;padding:8rem 3rem 4.5rem;width:100%}
.hero-tag-dark{display:inline-flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.1);padding:.45rem 1.1rem;border-radius:999px;margin-bottom:1.8rem;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px)}
.hero-content h1{color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.25)}
.hero-content h1 em{font-style:italic;font-weight:500;color:var(--gold2)}
.hero-content p.sub-dark{font-size:1.05rem;color:rgba(255,255,255,.82);max-width:580px;line-height:1.8;margin-bottom:2.4rem}
.hero-stats-dark{display:flex;gap:3rem;margin-top:2.2rem;padding-top:1.8rem;border-top:1px solid rgba(255,255,255,.18);flex-wrap:wrap}
.stat-v-dark{font-family:'Fraunces',serif;font-size:2.2rem;font-weight:600;color:var(--gold2);line-height:1}
.stat-l-dark{font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:.4rem}
.slide-dots{position:absolute;bottom:2.4rem;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:.6rem}
.slide-dot{width:38px;height:3px;background:rgba(255,255,255,.3);border-radius:3px;cursor:pointer;transition:.3s;overflow:hidden;position:relative}
.slide-dot.active::after{content:'';position:absolute;inset:0;background:var(--gold2);animation:slideProgress 6s linear forwards}
@keyframes slideProgress{from{width:0%}to{width:100%}}
.slide-caption{position:absolute;bottom:5.2rem;right:2.8rem;z-index:3;text-align:right}
.slide-caption-text{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.slide-caption-num{font-family:'Fraunces',serif;font-size:1rem;color:var(--gold2);font-weight:600}

/* PROPERTY CARD */
.prop-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:all .28s}
.prop-card:hover{border-color:var(--border-h);transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.prop-card-img{height:220px;overflow:hidden;position:relative;background:var(--bg2)}
.prop-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.prop-card:hover .prop-card-img img{transform:scale(1.08)}
.prop-card-badges{position:absolute;top:.85rem;left:.85rem;display:flex;gap:.4rem;flex-wrap:wrap}
.prop-card-body{padding:1.4rem}
.prop-card-type{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:.35rem}
.prop-card-title{font-family:'Fraunces',serif;font-size:1.12rem;font-weight:600;color:var(--ink);margin-bottom:.25rem}
.prop-card-loc{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:.3rem;margin-bottom:.9rem}
.prop-card-price{font-family:'Fraunces',serif;font-size:1.18rem;font-weight:600;color:var(--ink);margin-bottom:.2rem}
.prop-card-area{font-size:.68rem;color:var(--muted)}
.prop-card-foot{padding:.9rem 1.4rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg)}
.prop-card-rera{font-size:.6rem;color:var(--muted)}
.prop-card-cta{font-size:.68rem;font-weight:700;color:var(--green);border:1.5px solid rgba(45,74,62,.3);padding:.3rem .9rem;border-radius:6px;transition:all .2s;background:none;cursor:pointer;font-family:'Inter',sans-serif}
.prop-card-cta:hover{background:var(--green);color:#fff;border-color:var(--green)}

/* TABS */
.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}
.tab-btn{padding:.5rem 1.2rem;border-radius:999px;font-size:.73rem;font-weight:600;background:var(--card);color:var(--t2);border:1.5px solid var(--border);transition:all .2s;cursor:pointer;font-family:'Inter',sans-serif}
.tab-btn:hover{color:var(--green);border-color:var(--green)}
.tab-btn.active{background:var(--green);color:#fff;border-color:var(--green)}

/* TIMELINE */
.timeline{position:relative;padding-left:2rem}
.timeline::before{content:'';position:absolute;left:7px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--green),rgba(45,74,62,.1))}
.timeline-item{position:relative;margin-bottom:2.5rem}
.timeline-dot{position:absolute;left:-2rem;top:.3rem;width:14px;height:14px;border-radius:50%;background:var(--green);border:3px solid var(--bg);box-shadow:0 0 0 2px var(--green)}
.timeline-year{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:.4rem}
.timeline-title{font-family:'Fraunces',serif;font-size:1.05rem;font-weight:600;color:var(--ink);margin-bottom:.35rem}
.timeline-desc{font-size:.78rem;color:var(--t2);line-height:1.7}

/* STEP */
.step{display:flex;gap:1.5rem;align-items:flex-start}
.step-num{font-family:'Fraunces',serif;font-size:2.1rem;font-weight:600;line-height:1;flex-shrink:0;width:56px;text-align:center;padding:.5rem;border-radius:8px;background:var(--green-tint);border:1px solid rgba(45,74,62,.18);color:var(--green)}
.step-title{font-family:'Fraunces',serif;font-size:1.05rem;font-weight:600;color:var(--ink);margin-bottom:.4rem}
.step-desc{font-size:.78rem;color:var(--t2);line-height:1.7}

/* FAQ */
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{width:100%;text-align:left;padding:1.2rem 0;display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:600;color:var(--ink);background:none;border:none;cursor:pointer;gap:1rem;transition:color .2s}
.faq-q:hover{color:var(--green)}
.faq-icon{font-size:1.1rem;color:var(--green);flex-shrink:0;transition:transform .3s}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s}
.faq-a.open{max-height:200px;padding-bottom:1.2rem}
.faq-a p{font-size:.8rem;color:var(--t2);line-height:1.8}

/* FOOTER */
.footer{background:var(--green3);border-top:3px solid var(--gold);padding:3.5rem 3rem 1.6rem}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;max-width:1180px;margin:0 auto 2.4rem}
.footer-logo-img{height:50px;width:auto;margin-bottom:.8rem;opacity:1}
.footer-about{font-size:.75rem;color:rgba(255,255,255,.42);line-height:1.85;margin-bottom:1.1rem}
.footer-contacts{display:flex;flex-direction:column;gap:.4rem}
.footer-contact{font-size:.73rem;color:rgba(255,255,255,.42)}
.footer-heading{font-size:.6rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.32);margin-bottom:1rem}
.footer-links{display:flex;flex-direction:column;gap:.5rem}
.footer-links a{font-size:.75rem;color:rgba(255,255,255,.42);transition:color .2s}
.footer-links a:hover{color:var(--gold2)}
.footer-bottom{max-width:1180px;margin:0 auto;padding-top:1.7rem;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.footer-copy{font-size:.65rem;color:rgba(255,255,255,.24)}
.footer-badges{display:flex;gap:.6rem;flex-wrap:wrap}
.footer-badge{font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.12);padding:.2rem .6rem;border-radius:999px}

/* MOBILE NAV */
.mobile-nav{display:none;position:fixed;inset:0;z-index:800;background:rgba(247,245,240,.98);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem}
.mobile-nav.open{display:flex}
.mobile-nav a{font-family:'Fraunces',serif;font-size:1.6rem;font-weight:600;color:var(--t1);text-align:center;padding:.5rem 2rem;transition:color .2s}
.mobile-nav a:hover,.mobile-nav a.active{color:var(--green)}
.mobile-nav-close{position:absolute;top:1.5rem;right:1.5rem;background:var(--bg2);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--t1);font-size:1.2rem;cursor:pointer}

/* RESPONSIVE */
@media(max-width:1024px){
  .nav{padding:0 1.5rem}
  .nav-links{display:none}
  .nav-toggle{display:flex}
  .section,.section-sm{padding:4rem 1.5rem}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .hero-stats-dark{gap:1.8rem}
}
@media(max-width:640px){
  h1{font-size:2.4rem}
  h2{font-size:1.75rem}
  .section,.section-sm{padding:3.5rem 1.2rem}
  .footer-grid{grid-template-columns:1fr}
  .sticky-text{display:none}
  .footer{padding:3rem 1.5rem 1.5rem}
  .slide-caption{display:none}
  .hero-stats-dark{gap:1.4rem}
}

.bg-white{background:var(--card)!important}
.bg-beige{background:var(--bg)!important}
.bg-beige2{background:var(--bg2)!important}
.bg-beige3{background:var(--bg3)!important}
.bg-green{background:var(--green)!important}
.text-dark{color:var(--ink)!important}
.text-green{color:var(--green)!important}

@media (max-width: 1024px) {
  .nav { padding: 0 1.2rem; height: 64px; }
  .nav-links { display: none; }
  .nav-toggle { display: flex; }
  .nav-logo-img { height: 32px; }
  .nav-cta { padding: .45rem 1rem; font-size: .68rem; }
  .section { padding: 3.5rem 1.2rem; }
  .section-sm { padding: 3rem 1.2rem; }
  .footer { padding: 3rem 1.2rem 1.5rem; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .btn-lg { padding: .78rem 1.8rem; font-size: .8rem; }
  .prop-card-img { height: 200px; }
  .sticky-bar { padding: .65rem 1.2rem; }
  .sticky-text { display: none; }
  .hero-content { padding: 7rem 1.5rem 4rem; }
}

@media (max-width: 768px) {
  h1 { font-size: clamp(2rem, 8vw, 3rem) !important; }
  h2 { font-size: clamp(1.6rem, 6vw, 2.4rem) !important; }
  h3 { font-size: 1.05rem !important; }
  .section { padding: 3rem 1rem; }
  .section-sm { padding: 2.5rem 1rem; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr !important; }
  .footer-grid { grid-template-columns: 1fr !important; gap: 1.5rem; }
  .hero-light { padding: 6rem 1rem 3rem !important; }
  .btn-group-mobile { flex-direction: column !important; }
  .btn-group-mobile .btn { width: 100%; justify-content: center; }
  .card { border-radius: 10px; }
  .prop-card { border-radius: 10px; }
  .prop-card-img { height: 200px; }
  .form-card { padding: 1.5rem; border-radius: 14px; }
  .modal-box { padding: 1.8rem 1.4rem; border-radius: 16px; max-width: 95vw; }
  .tabs { gap: .35rem; }
  .tab-btn { padding: .42rem .9rem; font-size: .68rem; }
  .marquee-item { padding: .75rem 1.5rem; font-size: .6rem; }
  .wa-float { bottom: 72px; right: 14px; width: 48px; height: 48px; }
  .sticky-bar { padding: .6rem 1rem; gap: .8rem; }
  .sticky-actions { gap: .4rem; }
  .sticky-actions .btn-sm { padding: .4rem .9rem; font-size: .65rem; }
  .hero-content h1 { font-size: clamp(2.2rem, 9vw, 3.2rem) !important; }
}

@media (max-width: 480px) {
  .nav { padding: 0 1rem; }
  h1 { font-size: clamp(1.8rem, 9vw, 2.4rem) !important; }
  .section { padding: 2.5rem .9rem; }
  .footer { padding: 2.5rem .9rem 1.2rem; }
  .form-card { padding: 1.2rem; }
  .modal-box { padding: 1.4rem 1rem; }
}

@media (max-width: 900px) {
  .pj-card { grid-template-columns: 1fr !important; }
  .pj-img { min-height: 220px !important; height: 240px; }
  .pj-body { padding: 1.4rem 1.2rem !important; }
  .pj-stats { grid-template-columns: repeat(4, 1fr) !important; gap: .5rem; }
  .pj-stat-v { font-size: .9rem; }
  .hero-two-col { grid-template-columns: 1fr !important; gap: 2rem !important; }
  .hero-form-hide { display: none !important; }
  .hero-cta-show { display: flex !important; }
}

@media (max-width: 600px) {
  .pj-stats { grid-template-columns: repeat(2, 1fr) !important; }
  .pj-actions { flex-direction: column; }
  .pj-actions .btn, .pj-actions a { width: 100%; justify-content: center; text-align: center; }
}

@media (max-width: 768px) {
  .am-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 640px) {
  .stats-row-mobile { grid-template-columns: repeat(2, 1fr) !important; }
  .stats-row-mobile > div:last-child:nth-child(odd) { grid-column: 1 / -1; }
}