/*
Theme Name: Rent Browse
Theme URI: https://rentbrowse.com
Author: Rentwise LLC
Description: Multi-city open-data property directory for furnished & unfurnished apartments + freemium landlord Property Management SaaS. Verified inventory across Nashville, Atlanta, Houston, Austin & Miami. WhatsApp booking loop, automated payments, GEO/AEO/LLM feeds, expanded US location catalog.
Version: 1.0.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 6.8
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rentbrowse
*/
:root{--ink:#0b0f0c;--muted:#566059;--cream:#f2f8f4;--paper:#fff;--line:#e2ebe5;--gold:#0d7d41;--sage:#82917c;--dark:#0a0c0a;--green:#0d7d41;--green-deep:#0b6b3a;--green-bright:#14b85e;--lime:#7be3a4;--mint:#e9f6ee;--black:#0a0c0a;--max:1200px;--radius:18px;--shadow:0 16px 45px rgba(29,31,27,.09);font-family:Inter,Manrope,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:#0b6b3a}button,input,select{font:inherit}.wrap{width:min(100% - 44px,var(--max));margin-inline:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:12px;z-index:999}.site-header{height:auto;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.06)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:500;letter-spacing:-.7px;line-height:1.05}.brand b{font-weight:800}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#0b6b3a;margin-top:5px}.brand-mark{width:39px;height:39px;border-radius:12px;background:var(--dark);color:#fff;display:grid;place-items:center;font-weight:800;font-size:21px}.nav{display:flex;align-items:center;gap:25px}.nav>a:not(.button){font-size:13px;font-weight:600;color:#454640}.nav>a:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;padding:14px 22px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--dark);color:#fff}.button-dark:hover{background:#3b4038;color:#fff}.button-light{background:#fff;color:var(--dark)}.button-ghost{border:1px solid rgba(255,255,255,.55);color:#fff}.button-ghost:hover{background:#fff;color:var(--dark)}.full{width:100%}.menu-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.hero{position:relative;min-height:650px;color:#fff;display:flex;align-items:center;overflow:hidden;background:#282b26}.hero-photo,.hero-shade{position:absolute;inset:0}.hero-photo{overflow:hidden}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.hero-shade{background:linear-gradient(90deg,rgba(17,20,17,.83),rgba(17,20,17,.54) 48%,rgba(17,20,17,.17))}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 410px;align-items:center;gap:65px;padding-top:74px;padding-bottom:74px}.eyebrow{display:block;color:#0b6b3a;font-size:10px;font-weight:800;letter-spacing:2px;margin-bottom:14px}.eyebrow.light{color:#7be3a4}.hero h1{font-size:clamp(44px,5.3vw,70px);line-height:1.05;letter-spacing:-3px;max-width:650px;margin:0 0 22px;font-weight:700}.hero h1 em{font-style:normal;color:#7be3a4}.hero-copy>p{font-size:17px;color:rgba(255,255,255,.86);max-width:590px}.hero-perks{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;font-size:12px;font-weight:650}.hero-perks span{border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.1);padding:9px 13px;border-radius:30px}.search-panel{background:#fff;color:var(--ink);border-radius:20px;padding:26px;box-shadow:0 22px 70px rgba(0,0,0,.24)}.search-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.search-title strong{font-size:20px}.search-title span,.search-panel small{font-size:10px;color:var(--muted)}.search-panel label,.listing-search label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:800;letter-spacing:.5px;color:#55574f;margin-bottom:12px}.search-panel input,.search-panel select,.listing-search input,.listing-search select{width:100%;height:43px;border:1px solid var(--line);border-radius:9px;padding:0 11px;background:#fff;color:var(--ink);font-size:12px}.search-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.search-panel .button{margin:5px 0 10px}.search-panel>small{display:block;text-align:center}
.trust-strip{background:var(--cream);border-bottom:1px solid var(--line)}.trust-items{display:flex;justify-content:space-between;gap:15px;padding:22px 0}.trust-items span{font-size:12px;font-weight:650;color:#55574f}.trust-items b{color:var(--gold);margin-right:9px}
.section{padding:88px 0}.section-soft{background:var(--cream)}.section-dark{background:var(--dark);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.section-head h2,.why-copy h2,.steps-wrap h2,.faq-wrap h2{font-size:clamp(29px,3vw,42px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 10px}.section-head p,.section> .wrap>p,.why-copy>p,.steps-wrap>div>p,.faq-wrap>div>p{color:var(--muted);margin:0}.text-link{font-size:13px;font-weight:750;white-space:nowrap;color:#0b6b3a}.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.location-card{height:380px;border-radius:var(--radius);overflow:hidden;position:relative;color:#fff}.location-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.location-card:hover img{transform:scale(1.05)}.location-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,10,.76),transparent 65%)}.location-overlay{position:absolute;z-index:1;left:25px;right:20px;bottom:25px;display:flex;flex-direction:column}.location-overlay small{font-size:9px;letter-spacing:1.7px;color:#7be3a4}.location-overlay strong{font-size:32px;letter-spacing:-1px}.location-overlay i{font-size:12px;font-style:normal;margin-top:8px}
.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.property-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.property-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.property-image{height:225px;position:relative;display:block}.property-card>img,.property-image img{width:100%;height:225px;object-fit:cover}.image-tag{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.94);border-radius:20px;padding:6px 10px;font-size:9px;font-weight:800}.property-info{padding:19px}.property-location{font-size:10px;color:#0b6b3a;font-weight:800;text-transform:uppercase;letter-spacing:1px}.property-info h3{font-size:17px;margin:5px 0 6px;letter-spacing:-.3px}.property-meta{font-size:11px;color:var(--muted)}.property-meta i{font-style:normal;margin:0 5px}.property-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;margin-top:15px;font-size:12px;font-weight:750}.property-bottom a{color:#0b6b3a}.inventory-note{font-size:11px;color:#777;margin-top:18px}
.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.why-image{height:530px;border-radius:20px;overflow:hidden}.why-image img{width:100%;height:100%;object-fit:cover}.why-copy .lead{font-size:16px;margin-bottom:25px}.check-list{list-style:none;padding:0;margin:0 0 28px}.check-list li{padding:13px 0 13px 32px;position:relative;border-bottom:1px solid var(--line)}.check-list li:before{content:"✓";position:absolute;left:0;top:13px;color:#0b6b3a;font-weight:900}.check-list b,.check-list span{display:block}.check-list b{font-size:13px}.check-list span{font-size:11px;color:var(--muted)}
.stay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stay-grid article{padding:28px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(255,255,255,.035)}.stay-grid article>span{font-size:9px;color:#7be3a4;letter-spacing:1.5px}.stay-grid h3{font-size:23px;margin:20px 0 8px}.stay-grid p{font-size:12px;color:#c1c4bc;min-height:48px}.stay-grid a{display:inline-block;font-size:11px;color:#7be3a4;font-weight:750;margin-top:12px}
.centered{text-align:center;display:block}.centered p{max-width:600px;margin:0 auto}.amenity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.amenity-grid div{padding:22px;border:1px solid var(--line);border-radius:12px;color:#0b6b3a;font-size:20px}.amenity-grid b{display:block;color:var(--ink);font-size:12px;margin-top:8px}
.steps-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.steps{display:grid;gap:12px}.steps article{display:flex;gap:20px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:13px}.steps article>b{font-size:22px;color:#0b6b3a}.steps h3{margin:0 0 3px;font-size:15px}.steps p{margin:0;color:var(--muted);font-size:12px}
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details{border-bottom:1px solid var(--line);padding:18px 0}.faq-list summary{font-weight:750;font-size:13px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:"+";font-size:19px;color:#0b6b3a}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:12px;color:var(--muted);margin:12px 30px 0 0}
.final-cta{padding:82px 0;background:linear-gradient(120deg,#242923,#42483e);color:#fff;text-align:center}.final-cta h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;margin:0 0 10px}.final-cta p{color:#d3d6ce;margin:0 0 25px}.final-cta-inner>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.site-footer{background:#171a17;color:#fff;padding:60px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px}.brand-light{color:#fff}.footer-brand p,.site-footer p{font-size:11px;color:#aeb2a9;max-width:320px}.footer-note{color:#7be3a4!important}.footer-heading{font-size:13px;font-weight:700;margin:0 0 16px!important;color:#7be3a4!important;max-width:none!important}.site-footer>div>div:not(:first-child)>a{display:block;font-size:11px;color:#c2c6bd;margin:9px 0}.footer-bottom{border-top:1px solid #343934;margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;color:#92978e;font-size:10px}.footer-bottom a{color:#c2c6bd}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:90;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#278b58;color:#fff;font-size:27px;box-shadow:0 7px 25px #0003}.whatsapp-float:hover{color:#fff;background:#1f7449}
.page-hero{background:var(--cream);padding:72px 0}.page-hero h1{font-size:clamp(34px,4vw,52px);letter-spacing:-1.8px;margin:0 0 12px}.page-hero p{margin:0;color:var(--muted)}.content-page{max-width:850px}.content-page .entry-content{font-size:15px}.listing-search{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr auto;gap:12px;align-items:end;padding:20px;border:1px solid var(--line);border-radius:14px;margin-bottom:40px}.listing-search label{margin:0}.listing-search .button{height:43px;padding:0 18px}.post-card{padding:25px;border-bottom:1px solid var(--line)}.post-card h2{font-size:22px}
@media(max-width:980px){.nav{gap:13px}.nav>a:not(.button){font-size:11px}.hero-inner{grid-template-columns:1fr 360px;gap:30px}.footer-grid{gap:25px}.why-layout{gap:40px}.faq-wrap{gap:40px}}
@media(max-width:760px){.wrap{width:min(100% - 32px,var(--max))}.header-inner{min-height:70px;flex-wrap:wrap}.menu-toggle{display:block}.nav{display:none;order:3;width:100%;padding:8px 0 18px;flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav>a:not(.button){padding:12px 4px;border-top:1px solid var(--line);font-size:13px}.nav-cta{margin:8px 0 0}.hero{min-height:0}.hero-inner{grid-template-columns:1fr;gap:30px;padding-top:65px;padding-bottom:55px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.search-panel{max-width:520px}.trust-items{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:18px 0}.section{padding:62px 0}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:15px}.location-grid{grid-template-columns:1fr}.location-card{height:300px}.property-grid{grid-template-columns:1fr 1fr;gap:13px}.property-image,.property-card>img,.property-image img{height:180px}.property-info{padding:13px}.property-info h3{font-size:14px}.property-bottom{font-size:10px}.why-layout,.steps-wrap,.faq-wrap{grid-template-columns:1fr;gap:30px}.why-image{height:330px}.stay-grid{grid-template-columns:1fr}.stay-grid p{min-height:0}.amenity-grid{grid-template-columns:1fr 1fr}.steps-wrap>div:first-child{max-width:560px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.listing-search{grid-template-columns:1fr 1fr}.listing-search .button{width:100%}}
@media(max-width:440px){.property-grid{grid-template-columns:1fr}.property-image,.property-card>img,.property-image img{height:220px}.hero h1{font-size:39px}.search-title{display:block}.search-title span{display:block}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}.hero-perks{gap:7px}.hero-perks span{font-size:10px}.amenity-grid div{padding:16px}}

/* ---- v1.1 additions: accessibility, content pages, forms ---- */
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #0b6b3a;outline-offset:2px}
.eyebrow{font-size:12px;color:#0b6b3a}.eyebrow.light{color:#7be3a4}
.property-location{color:#0b6b3a;font-size:12px}.search-title span,.search-panel small,.search-panel label,.listing-search label,.property-meta,.property-bottom,.image-tag,.location-overlay small,.stay-grid article>span,.stay-grid a,.trust-items span,.inventory-note,.footer-bottom,.site-footer>div>div:not(:first-child)>a{font-size:12px}
.search-panel input,.search-panel select,.listing-search input,.listing-search select{font-size:14px}
.faq-list p,.steps p,.check-list span,.stay-grid p,.footer-brand p,.site-footer p{font-size:14px}.check-list b,.faq-list summary{font-size:15px}
.site-footer p{max-width:340px}
.breadcrumbs{font-size:13px;margin-bottom:14px;color:var(--muted)}.breadcrumbs a{text-decoration:underline}
.content-page h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;letter-spacing:-.8px;margin:38px 0 12px}.content-page p,.content-page li{font-size:16px}
.answer-card{background:var(--cream);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;padding:6px 26px 14px;margin-bottom:10px}.answer-card h2{margin-top:20px}.answer-card .lead{font-size:17px;margin:0}
.answer-block{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.answer-block h2{font-size:clamp(26px,2.8vw,38px);line-height:1.15;letter-spacing:-1.2px;margin:0}.answer-block .lead{font-size:17px;margin:0 0 18px}
.link-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.link-list a{color:#0b6b3a;font-weight:700;text-decoration:underline}
.cta-box{margin:46px 0 10px;padding:30px;background:var(--dark);color:#fff;border-radius:16px}.cta-box h2{margin-top:0;color:#fff}.cta-box p{color:#d3d6ce}.cta-box .button-dark{background:#fff;color:var(--dark)}
.enquiry{margin:30px 0}.enquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.enquiry-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#454640}.enquiry-form .wide,.enquiry-form button{grid-column:1/-1}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{border:1px solid #c9c7bf;border-radius:9px;padding:11px;font-size:15px;font-family:inherit;background:#fff}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.form-notice{padding:14px 18px;border-radius:10px;font-weight:700}.form-notice.ok{background:#e8f3ea;color:#1d5a2e}.form-notice.err{background:#fbeaea;color:#8a2020}
.post-card .meta{font-size:13px;color:var(--muted)}.nav-menu{display:contents;list-style:none;margin:0;padding:0}.nav-menu li{display:contents}.nav-menu a{font-size:13px;font-weight:600;color:#454640}
@media(max-width:760px){.answer-block{grid-template-columns:1fr;gap:20px}.enquiry-form{grid-template-columns:1fr}.nav-menu a{padding:12px 4px;border-top:1px solid var(--line)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* v1.2: brand-owned imagery only; use the Customizer hero upload and apartment featured images. */
.hero-image-placeholder{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 35%,rgba(174,145,91,.28),transparent 38%),linear-gradient(125deg,#20231f 0%,#343a31 52%,#62543c 100%)}
.location-card{background:linear-gradient(145deg,#45483f,#20231f)}
.location-card:nth-child(2){background:linear-gradient(145deg,#6b604b,#272a24)}
.location-card:nth-child(3){background:linear-gradient(145deg,#3f4a48,#20231f)}
.location-card img{display:block;width:100%;height:100%;object-fit:cover}
.why-image{background:radial-gradient(circle at 50% 40%,rgba(191,162,112,.3),transparent 40%),linear-gradient(145deg,#4c5147,#242722);display:grid;place-items:center}
.brand-visual{font-family:Georgia,serif;font-size:clamp(150px,25vw,300px);line-height:1;color:rgba(235,218,181,.35);font-weight:700}
.property-image{background:#e8e5dd;overflow:hidden}.property-image img{height:100%;width:100%;object-fit:cover}.apartment-featured-image{width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:16px}.apartment-facts{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.apartment-facts span{padding:9px 13px;border:1px solid var(--line);border-radius:30px;font-size:13px;font-weight:700}.image-placeholder{height:100%;min-height:160px;background:#e8e5dd;display:grid;place-items:center;color:#6e6a60;font-weight:700;letter-spacing:1px}


/* Unfurnished open-data discovery — additive styles */
.catalogue-disclaimer{font-size:11px;line-height:1.5;color:#0b6b3a;background:#f1f8f3;border:1px solid #cfe6d8;border-radius:8px;padding:9px 11px;margin:10px 0 0}
.catalogue-notice{margin:18px 0 24px;padding:20px 24px}
.catalogue-notice p{margin:6px 0 0;color:var(--muted);font-size:13px}
.unfurnished-search{grid-template-columns:1.3fr 1fr 1fr auto auto}
.unfurnished-home-discovery .listing-search{grid-template-columns:1.3fr 1fr 1fr auto;margin-bottom:0}
@media(max-width:760px){.unfurnished-search{grid-template-columns:1fr 1fr}.unfurnished-search label:first-child{grid-column:1/-1}.unfurnished-search .button,.unfurnished-search .text-link{grid-column:1/-1}.catalogue-notice{padding:16px}}

/* v1.7.7: unfurnished discovery routing, room gallery and landlord photo tools */
.property-street-note{font-size:12px;color:#0b6b3a;background:#f2f8f4;border:1px solid #e9e7e0;border-radius:8px;padding:10px 12px;margin:10px 0}
.apartment-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.apartment-gallery figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.apartment-gallery img{width:100%;height:210px;object-fit:cover}
.apartment-gallery figcaption{padding:9px 12px;font-size:12px;font-weight:700;color:#55574f}
@media(max-width:760px){.apartment-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.apartment-gallery img{height:150px}}
@media(max-width:440px){.apartment-gallery{grid-template-columns:1fr}.apartment-gallery img{height:210px}}

/* v1.7.7: unfurnished discovery routing, room gallery and landlord photo tools */
.property-street-note{font-size:12px;color:#0b6b3a;background:#f2f8f4;border:1px solid #e9e7e0;border-radius:8px;padding:10px 12px;margin:10px 0}
.apartment-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.apartment-gallery figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.apartment-gallery img{width:100%;height:210px;object-fit:cover}
.apartment-gallery figcaption{padding:9px 12px;font-size:12px;font-weight:700;color:#55574f}
@media(max-width:760px){.apartment-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.apartment-gallery img{height:150px}}
@media(max-width:440px){.apartment-gallery{grid-template-columns:1fr}.apartment-gallery img{height:210px}}


/* Nairofy interactive ambient motion system (additive; existing components remain intact) */
.nairofy-motion-host{position:relative;isolation:isolate;overflow:hidden}
.nairofy-motion-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.88}
.nairofy-motion-bg canvas{display:block;width:100%;height:100%;pointer-events:none}
.nairofy-motion-content{position:relative;z-index:1}
.hero .nairofy-motion-bg{z-index:1;opacity:.72;mix-blend-mode:screen}
.hero .hero-inner{z-index:2}
.unfurnished-home-discovery .nairofy-motion-bg{opacity:.48}
.unfurnished-home-discovery .section-head,.unfurnished-home-discovery .listing-search{position:relative;z-index:1}
.motion-helix{opacity:.38}
.motion-helix-soft{opacity:.16}
.compare-motion{background:linear-gradient(115deg,#f2f8f4 0%,#f2f8f4 45%,#eef1ec 100%)}
.compare-motion .motion-blackhole{opacity:.55;mix-blend-mode:multiply}
.compare-motion .nairofy-motion-content{position:relative}
.why-motion .motion-helix{opacity:.22}
@media(max-width:760px){
  .nairofy-motion-bg{opacity:.22}
  .hero .nairofy-motion-bg{opacity:.34}
  .unfurnished-home-discovery .nairofy-motion-bg{opacity:.22}
  .compare-motion .motion-blackhole{opacity:.25}
}
@media(prefers-reduced-motion:reduce){
  .nairofy-motion-bg{opacity:.16}
}

/* =====================================================================
   v1.8.0 — Nairobi black / white / green redesign
   Visual, UX, UI, CX, IA and interaction-design layer.
   ===================================================================== */
::selection{background:var(--green);color:#fff}
body{background:#fff;color:var(--ink)}
a:hover{color:var(--green)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--green-bright);outline-offset:3px}

/* ---- Buttons ---- */
.button{transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s,color .25s;min-height:46px}
.button:hover{transform:translateY(-2px)}
.button-dark{background:var(--black)}
.button-dark:hover{background:var(--green);color:#fff;box-shadow:0 10px 26px rgba(13,125,65,.35)}
.button-green{background:var(--green);color:#fff}
.button-green:hover{background:var(--green-bright);color:#04140a;box-shadow:0 10px 30px rgba(20,184,94,.45)}
.button-light{background:#fff;color:var(--black)}
.button-light:hover{background:var(--lime);color:#04140a}
.button-ghost{border:1px solid rgba(255,255,255,.5);color:#fff}
.button-ghost:hover{background:#fff;color:var(--black)}
.button span[aria-hidden],.button>span:last-child{transition:transform .25s}
.button:hover span[aria-hidden]{transform:translateX(3px)}

/* ---- Header: white navigation, black text, green accents ---- */
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--green),var(--lime));transform:scaleX(0);transform-origin:0 50%;z-index:120;pointer-events:none}
.site-header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);transition:box-shadow .3s,background .3s}
.site-header.is-scrolled{box-shadow:0 10px 30px rgba(10,12,10,.08);background:rgba(255,255,255,.98)}
.header-inner{min-height:80px;transition:min-height .3s}
.site-header.is-scrolled .header-inner{min-height:66px}
.brand{color:var(--black)}
.brand small{color:var(--green);letter-spacing:3px}
.brand-mark{position:relative;background:var(--black);color:#fff;border-radius:12px;transition:transform .3s}
.brand-mark i{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border-radius:50%;background:var(--green-bright);border:2px solid #fff}
.brand:hover .brand-mark{transform:rotate(-6deg) scale(1.05)}
.nav{gap:6px}
.nav>a:not(.button),.nav-menu a{position:relative;font-size:13.5px;font-weight:650;color:#111;padding:10px 10px;border-radius:8px;transition:color .2s,background .2s}
.nav>a:not(.button):after,.nav-menu a:after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.nav>a:not(.button):hover,.nav-menu a:hover{color:var(--green-deep);background:var(--mint)}
.nav>a:not(.button):hover:after,.nav>a[aria-current=page]:after,.nav-menu .current-menu-item>a:after{transform:scaleX(1)}
.nav>a[aria-current=page],.nav-menu .current-menu-item>a{color:var(--green-deep)}
.nav-cta{margin-left:10px}
.menu-toggle{align-items:center;gap:10px;background:#fff;border:1px solid var(--line);color:var(--black);font-weight:700;font-size:14px;min-height:44px}
.menu-bars{display:grid;gap:4px;width:18px}
.menu-bars i{display:block;height:2px;background:var(--black);border-radius:2px;transition:transform .3s,opacity .3s}
.menu-toggle[aria-expanded=true] .menu-bars i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-bars i:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] .menu-bars i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ---- Hero: Nairobi first ---- */
.hero-nairobi{background:#050806;min-height:min(calc(100svh - 80px),860px);padding:0}
.hero-nairobi .hero-image-placeholder{background:radial-gradient(ellipse 60% 55% at 78% 30%,rgba(20,184,94,.28),transparent 60%),radial-gradient(ellipse 50% 50% at 12% 90%,rgba(13,125,65,.35),transparent 65%),linear-gradient(160deg,#050806 0%,#0a120d 55%,#0c1a12 100%)}
.hero-nairobi .hero-shade{background:linear-gradient(90deg,rgba(5,8,6,.88),rgba(5,8,6,.55) 55%,rgba(5,8,6,.25))}
.hero-nairobi .nairofy-motion-bg{opacity:1;mix-blend-mode:normal;z-index:1}
.hero-nairobi .hero-inner{grid-template-columns:minmax(0,1fr) 410px;gap:56px;padding-top:56px;padding-bottom:150px;z-index:2}
.hero-nairobi .eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--lime);font-size:12px;letter-spacing:2.2px;margin-bottom:6px}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 0 rgba(20,184,94,.7);animation:livePulse 2s infinite}
@keyframes livePulse{70%{box-shadow:0 0 0 12px rgba(20,184,94,0)}100%{box-shadow:0 0 0 0 rgba(20,184,94,0)}}
.hero h1{max-width:none;margin:0 0 22px;letter-spacing:0;font-weight:800}
.hero-city{display:block;font-size:clamp(70px,12.5vw,172px);line-height:.88;letter-spacing:-.065em;font-weight:800;margin-left:-.04em;background:linear-gradient(180deg,#fff 35%,var(--lime) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:riseIn .9s cubic-bezier(.2,.8,.2,1) both}
.hero-sub{display:block;margin-top:14px;font-size:clamp(24px,3.1vw,40px);line-height:1.12;letter-spacing:-1.2px;font-weight:700;color:#fff;max-width:640px;animation:riseIn .9s .12s cubic-bezier(.2,.8,.2,1) both}
.hero h1 em{color:var(--lime);font-style:normal}
.hero-copy>p{color:rgba(255,255,255,.82);font-size:17px;max-width:560px;animation:riseIn .9s .22s both}
@keyframes riseIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.hero-areas{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;animation:riseIn .9s .3s both}
.hero-areas a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid rgba(123,227,164,.45);background:rgba(10,12,10,.45);backdrop-filter:blur(6px);color:#fff;font-weight:750;font-size:15px;transition:background .25s,color .25s,transform .25s,border-color .25s}
.hero-areas a:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green-bright)}
.hero-areas a:hover{background:var(--lime);color:#04140a;border-color:var(--lime);transform:translateY(-3px)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;animation:riseIn .9s .38s both}
.hero-perks{margin-top:22px;gap:8px;animation:riseIn .9s .46s both}
.hero-perks span{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:rgba(255,255,255,.9);font-size:12.5px}
.search-panel{border-top:4px solid var(--green-bright);box-shadow:0 30px 80px rgba(0,0,0,.45);animation:riseIn .9s .2s both}
.search-title strong{font-size:21px;letter-spacing:-.4px}
.search-panel label,.listing-search label{color:#2c332e}
.search-panel input,.search-panel select,.listing-search input,.listing-search select{height:48px;border-color:#cfdad3;border-radius:10px;transition:border-color .2s,box-shadow .2s}
.search-panel input:hover,.search-panel select:hover,.listing-search select:hover{border-color:var(--green)}
.search-panel input:focus,.search-panel select:focus,.listing-search select:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(20,184,94,.18);outline:none}

/* ---- Neighbourhood marquee ---- */
.area-marquee{background:var(--black);overflow:hidden;border-top:1px solid rgba(123,227,164,.25);position:relative;z-index:3;margin-top:-1px}
.marquee-track{display:flex;width:max-content;animation:marquee 55s linear infinite}
.area-marquee:hover .marquee-track{animation-play-state:paused}
.marquee-group{display:flex;flex-shrink:0}
.marquee-group span{display:inline-flex;align-items:center;padding:15px 0;font-size:13px;font-weight:800;letter-spacing:2.4px;text-transform:uppercase;color:#e9f6ee;white-space:nowrap}
.marquee-group span:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--green-bright);margin:0 26px}
@keyframes marquee{to{transform:translateX(-50%)}}

/* ---- Trust strip ---- */
.trust-strip{background:var(--black);border-bottom:1px solid #1c231e}
.trust-items{padding:26px 0}
.trust-items span{color:#d4ddd7;font-size:13px;font-weight:650;display:flex;align-items:center}
.trust-items b{color:var(--lime);font-size:20px;font-weight:800;letter-spacing:-.5px;margin-right:12px}

/* ---- Sections and typography ---- */
.section{padding:96px 0}
.section-soft{background:var(--cream)}
.section-dark{background:var(--black);color:#fff}
.section-head h2,.why-copy h2,.steps-wrap h2,.faq-wrap h2{letter-spacing:-1.6px;color:inherit}
.section-dark .section-head p,.section-dark .section>.wrap>p{color:#b9c6be}
.eyebrow{color:var(--green-deep);font-weight:800}
.eyebrow.light,.section-dark .eyebrow{color:var(--lime)}
.text-link{color:var(--green-deep);position:relative}
.text-link:hover{color:var(--green)}
.section-dark .text-link{color:var(--lime)}

/* ---- Neighbourhood cards ---- */
.location-card{background:linear-gradient(150deg,#0e2a1b,#050806 75%);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
.location-card:nth-child(2){background:linear-gradient(150deg,#12351f,#070b08 75%)}
.location-card:nth-child(3){background:linear-gradient(150deg,#0b3a26,#050806 75%)}
.location-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px rgba(13,125,65,.28);color:#fff}
.location-card:not(:has(img)):before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(123,227,164,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(123,227,164,.09) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle at 70% 25%,#000,transparent 70%);-webkit-mask-image:radial-gradient(circle at 70% 25%,#000,transparent 70%);transition:transform .6s}
.location-card:hover:before{transform:scale(1.08)}
.location-num{position:absolute;z-index:1;top:18px;right:24px;font-size:84px;font-weight:800;letter-spacing:-5px;line-height:1;color:rgba(123,227,164,.2);transition:color .4s,transform .4s}
.location-card:hover .location-num{color:rgba(123,227,164,.5);transform:translateY(-4px)}
.location-overlay small{color:var(--lime)}
.location-overlay i{display:inline-flex;align-self:flex-start;margin-top:12px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px);font-weight:700;transition:background .25s,color .25s,transform .25s}
.location-card:hover .location-overlay i{background:var(--lime);color:#04140a;transform:translateX(4px)}

/* ---- Cards ---- */
.property-card{border-color:var(--line);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.property-card:hover{border-color:var(--green);box-shadow:0 22px 50px rgba(13,125,65,.16)}
.property-bottom a,.property-location{color:var(--green-deep)}
.image-tag{background:var(--black);color:#fff}
.stay-grid article{transition:transform .3s,border-color .3s,background .3s}
.stay-grid article:hover{transform:translateY(-4px);border-color:var(--green-bright);background:rgba(20,184,94,.07)}
.stay-grid article>span{color:var(--lime)}
.stay-grid p{color:#b9c6be}
.stay-grid a{color:var(--lime)}
.steps article{transition:transform .3s,border-color .3s,box-shadow .3s}
.steps article:hover{transform:translateX(6px);border-color:var(--green);box-shadow:0 12px 30px rgba(13,125,65,.12)}
.steps article>b{color:var(--green)}
.amenity-grid div{transition:transform .25s,border-color .25s,background .25s;color:var(--green)}
.amenity-grid div:hover{transform:translateY(-3px);border-color:var(--green);background:#fff}
.check-list li:before{color:var(--green)}
.faq-list summary:after{color:var(--green);transition:transform .3s}
.faq-list summary:hover{color:var(--green-deep)}
.faq-list details[open] summary{color:var(--green-deep)}
.answer-card{border-left-color:var(--green)}
.why-image{background:radial-gradient(circle at 50% 40%,rgba(20,184,94,.35),transparent 45%),linear-gradient(145deg,#12261a,#050806)}
.brand-visual{color:rgba(123,227,164,.4)}
.compare-motion{background:var(--black)}
.compare-motion .motion-blackhole{mix-blend-mode:normal;opacity:.9}
.compare-motion .stay-grid .post-card{padding:28px;border:1px solid rgba(255,255,255,.17);border-radius:15px;background:rgba(255,255,255,.035)}
.compare-motion .stay-grid .post-card p{color:#c4cdc7!important}
.compare-motion .stay-grid .post-card .kicker{color:var(--lime)!important}
.compare-motion .answer-card h3,.compare-motion .answer-card .lead{color:var(--ink)}
.compare-motion .answer-card .text-link,.compare-motion .answer-card a:not(.button){color:var(--green-deep)}
.compare-motion .answer-card p{color:var(--muted)}
.final-cta{background:radial-gradient(ellipse 60% 120% at 50% 130%,rgba(20,184,94,.35),transparent 65%),var(--black)}
.final-cta p{color:#c4cdc7}

/* ---- Footer ---- */
.site-footer{background:#050806;border-top:3px solid var(--green)}
.footer-heading{color:var(--lime)!important}
.footer-note{color:var(--lime)!important}
.site-footer>div>div:not(:first-child)>a,.footer-grid>div>a{transition:color .2s,transform .2s;display:block}
.footer-grid>div>a:hover{color:var(--lime);transform:translateX(3px)}
.brand-light{color:#fff}
.brand-light small{color:var(--lime)}
.brand-light .brand-mark{background:var(--green)}
.brand-light .brand-mark i{border-color:#050806}
.whatsapp-float{background:var(--green);animation:waPulse 3s infinite}
.whatsapp-float:hover{background:var(--green-bright);color:#04140a}
@keyframes waPulse{0%,100%{box-shadow:0 7px 25px rgba(0,0,0,.2),0 0 0 0 rgba(20,184,94,.5)}60%{box-shadow:0 7px 25px rgba(0,0,0,.2),0 0 0 16px rgba(20,184,94,0)}}

/* ---- Inner pages: page hero ---- */
.page-hero{background:linear-gradient(180deg,var(--mint),#fff);border-bottom:1px solid var(--line)}
.page-hero h1{color:var(--black)}

/* ---- Motion hosts ---- */
.nairofy-motion-bg{opacity:1}
.unfurnished-home-discovery .nairofy-motion-bg{opacity:.8}
.motion-helix{opacity:.9}.motion-helix-soft{opacity:.55}
.why-motion .motion-helix{opacity:.6}

/* ---- Scroll reveal (progressive enhancement) ---- */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.js .reveal.is-in{opacity:1;transform:none}

/* ---- Responsive ---- */
@media(max-width:1080px){.nav>a:not(.button),.nav-menu a{font-size:12.5px;padding:10px 7px}.hero-nairobi .hero-inner{grid-template-columns:minmax(0,1fr) 370px;gap:32px}}
@media(max-width:900px){.nav>a:not(.button):nth-child(n+7){display:none}}
@media(max-width:860px){.hero-nairobi .hero-inner{grid-template-columns:1fr;padding-bottom:110px}.search-panel{max-width:560px}}
@media(max-width:760px){
  .menu-toggle{display:inline-flex}
  .nav{background:#fff;border-top:1px solid var(--line);margin:0 -16px;padding:6px 16px 18px;width:calc(100% + 32px)}
  .nav>a:not(.button):nth-child(n+7){display:block}
  .nav>a:not(.button),.nav-menu a{font-size:16px;padding:14px 4px;border-radius:0;border-top:1px solid var(--line)}
  .nav>a:not(.button):after,.nav-menu a:after{display:none}
  .nav-cta{margin:14px 0 0;width:100%}
  .hero-nairobi{min-height:0}
  .hero-nairobi .hero-inner{padding-top:40px;padding-bottom:96px}
  .hero-city{font-size:clamp(64px,22vw,110px)}
  .hero-sub{font-size:24px}
  .hero-actions .button{flex:1 1 100%}
  .hero-areas a{font-size:14px;padding:9px 14px}
  .section{padding:68px 0}
  .location-num{font-size:64px}
  .trust-items{grid-template-columns:1fr 1fr}
  .compare-motion .stay-grid .post-card{padding:22px}
}
@media(prefers-reduced-motion:reduce){
  .marquee-track{animation:none}
  .live-dot,.whatsapp-float{animation:none}
  .js .reveal{opacity:1;transform:none}
}

/* v1.8.0 fixes: mobile overflow, search panel heading */
.hero-copy{min-width:0}
.hero-nairobi .search-title{display:block;margin-bottom:16px}
.hero-nairobi .search-title span{display:block;margin-top:2px}
@media(max-width:860px){.hero-nairobi .hero-inner{grid-template-columns:minmax(0,1fr)}}
.hero-nairobi .eyebrow{flex-wrap:wrap;line-height:1.5}
.hero-nairobi .eyebrow .live-dot{flex:none}

/* helix sits at the page edge so it never collides with copy or forms */
.unfurnished-home-discovery .nairofy-motion-bg{opacity:.55}
.motion-helix{opacity:.6}.motion-helix-soft,.why-motion .motion-helix{opacity:.4}
@media(max-width:760px){.nairofy-motion-bg.motion-helix{opacity:.18}}
.image-placeholder,.property-image{background:var(--mint);color:var(--green-deep)}
@media(max-width:1340px){.nairofy-motion-bg.motion-helix{opacity:.14}}