/*
 * Visual reference pass — iamsold 2026 page architecture.
 * Reusable and intentionally isolated: styles.css remains the editable base.
 * The backend, authentication and bid handlers are unchanged.
 */
:root{
  --navy:#04383e;
  --navy-dark:#05353b;
  --navy-light:#0d5255;
  --mint:#b9efbc;
  --mint-light:#e9f8e8;
  --aqua:#58cfc1;
  --yellow:#ffb213;
  --yellow-hover:#f8a500;
  --ink:#053a40;
  --body:#345b61;
  --canvas:#f7faf8;
  --container:1200px;
  --radius:10px;
}
body{font-size:15px;color:var(--ink)}
.container{width:min(calc(100% - 60px),var(--container))}
h1,h2,h3{letter-spacing:-.04em}
h1{font-weight:800;line-height:1.13}
h2{font-size:clamp(31px,3.3vw,45px);line-height:1.18}
h3{line-height:1.28}
.section{padding-top:86px;padding-bottom:86px}
.section-tight{padding-top:62px;padding-bottom:62px}
.btn{border-radius:28px;font-size:13px;font-weight:800;min-height:45px;transition:transform .15s ease, background .15s ease}
.btn-primary{background:var(--yellow);box-shadow:none}
.btn-primary:hover{background:#ffc143}
.btn-mint{background:var(--mint)}
.btn-outline{border-color:#b9d2d1}
/* Reference top-level chrome */
.utility-bar{height:37px;background:#01343d}
.utility-inner{height:37px;min-height:37px;gap:27px}
.utility-inner a,.utility-search{font-size:12px;color:#fff;font-weight:600}
.utility-inner a:hover,.utility-search:hover{color:#a7e3bc}
.main-header{height:82px;box-shadow:0 2px 6px rgba(4,43,52,.05)}
.header-inner{gap:24px}
.logo{font-family:'Manrope','DM Sans',sans-serif;font-weight:900;font-size:32px;letter-spacing:-.095em}
.logo .sold{color:#4cc8b7}
.logo .logo-dot{background:#ffb213;height:6px;width:6px}
.primary-nav{gap:29px;margin-left:auto;margin-right:auto}
.primary-nav a{font-size:13px;font-weight:800;letter-spacing:0}
.primary-nav .nav-insights{display:none}
.nav-popover-wrap{align-self:stretch;display:flex;align-items:center}
.nav-dropdown{top:61px;border-radius:0 0 14px 14px;border-top:4px solid var(--mint);padding:16px 13px;min-width:260px}
.nav-dropdown .nav-dropdown-label{font-weight:900;font-size:15px;padding:8px 11px 11px;display:block;color:var(--ink)}
.nav-dropdown a{padding:11px 12px;font-size:13px;font-weight:600}
.nav-dropdown a:hover{background:#eef9f4}
.header-actions{gap:13px}
.header-actions .btn{border-radius:30px;padding:13px 21px;min-height:41px;font-size:12px}
.header-search{color:#083b41}
/* Hero shape geometry and typography */
.home-dark{background:#003941;padding-bottom:73px;position:relative;overflow:hidden}
.home-dark:before{content:'';position:absolute;background:linear-gradient(155deg,#bcefc0,#5bcdbd);width:630px;height:675px;left:calc(50% - 1100px);top:-260px;border-radius:49% 49% 56% 48%;transform:rotate(-5deg);opacity:1;pointer-events:none}
.home-dark:after{content:'';position:absolute;background:#196b71;width:450px;height:450px;right:-220px;top:-195px;border-radius:50%;opacity:.58;pointer-events:none}
.hero{padding-top:67px;min-height:346px;display:flex;align-items:center;justify-content:center;text-align:center;z-index:1}
.hero:before{display:none}
.hero:after{display:none}
.hero-copy{max-width:960px;margin:0 auto}
.hero h1{font-size:clamp(38px,4.4vw,61px);line-height:1.11;max-width:930px;margin:0 auto 23px;letter-spacing:-.043em;color:#fff}
.hero p{font-size:17px;color:#e2f1f0;line-height:1.65;max-width:800px;margin:auto}
.hero-decoration{display:none}
.home-dark .container{position:relative;z-index:2}
/* Full-width, prominent search */
.reference-search{max-width:1200px;grid-template-columns:minmax(0,1fr) 167px 151px;gap:0;padding:10px 12px 10px 22px;min-height:86px;border-radius:13px;box-shadow:0 12px 20px rgba(0,28,34,.13);border:0;position:relative;z-index:4}
.reference-search .search-field{padding:5px 16px 5px 4px;min-width:0;min-height:54px;display:grid;align-content:center}
.reference-search .search-field label{font-size:11px;letter-spacing:.055em;margin-bottom:5px;color:#16494f}
.reference-search .search-field input{font-size:15px;color:#19434a}
.reference-search .search-field input::placeholder{color:#8f9e9e}
.reference-filter-trigger{border:1px solid #c9dfdc;border-radius:7px;font-size:13px;background:#fff;justify-self:stretch;min-height:49px;margin-right:11px;padding:12px 14px;white-space:nowrap}
.reference-filter-trigger svg:first-child{color:#36867d}
.reference-search .search-submit{align-self:stretch;border-radius:7px;margin:0;min-width:0;min-height:50px;font-size:14px;box-shadow:none}
/* Introduction tiles, as in current home */
.home-intros.grid-4{gap:15px;margin-top:32px;padding-top:0}
.home-intros.grid-4 .intro-card{min-height:230px;padding:25px 25px 21px;border-radius:10px;box-shadow:none}
.home-intros .intro-card h3{font-size:19px;margin-bottom:12px;line-height:1.24}
.home-intros .intro-card p{font-size:13px;line-height:1.65;color:#4a6870}
.home-intros .btn{font-size:12px;min-height:40px;padding:11px 19px}
/* Stats */
.stats-section{padding:85px 0 81px}
.stat{border-right:none;position:relative;padding:10px 30px}
.stat:not(:last-child):after{position:absolute;content:'';top:6px;bottom:8px;right:0;width:1px;background:#d9e9e4}
.stat-number{font-family:'Manrope',sans-serif;color:#008980;font-size:clamp(45px,5.5vw,72px);letter-spacing:-.065em;margin-bottom:12px}
.stat-label{font-size:17px;line-height:1.38;max-width:230px}
/* Cards */
.properties-section{background:#f4f9f7}
.properties-section .section-heading{margin-bottom:30px}
.properties-section .section-heading h2{font-size:39px}
.grid-3{gap:21px}
.property-card{border-radius:10px;box-shadow:0 6px 20px #133f4811;border:1px solid #e2ece8}
.property-picture{height:221px}
.status-label{top:15px;left:14px;border-radius:0;background:#005358;padding:8px 13px;font-size:11px}
.status-label .inline-dot{background:#b2f1ae}
.picture-count{font-size:10px}
.save-btn{border:1px solid #e0efec;box-shadow:0 3px 10px #052d3912}
.property-content{padding:19px 22px 18px}
.property-card h3{font-size:20px;margin-bottom:11px}
.property-meta{gap:7px;margin-bottom:15px}
.property-meta span{background:#e5f6ec;border-radius:3px;font-size:11px;padding:6px 9px}
.property-location{font-size:13px;line-height:1.5;margin-bottom:17px;min-height:41px}
.property-brief{font-size:11px}
.property-bottom{padding:16px 20px 19px;flex-wrap:wrap}
.property-bottom .btn{border-radius:27px;min-height:39px;font-size:12px}
.bid-label{font-size:11px}
.bid-value{font-size:25px}
.listing-action{margin-top:36px}
/* Editorial */
.split-section{gap:68px}
.split-content h2{max-width:550px}
.split-content p{font-size:17px;line-height:1.75}
.split-img{min-height:390px;border-radius:13px}
.split-img:after{background:transparent}
.section-heading h2{font-size:39px}
.buyer-stories{background:#fff}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.review-card{min-height:258px;border:1px solid #dfece8;border-radius:12px;background:#f8fcf9;padding:29px 25px 27px;display:flex;flex-direction:column;box-shadow:0 6px 20px #0539430b}
.review-stars{color:#00a97f;font-size:22px;letter-spacing:1.5px}
.review-card blockquote{font-size:20px;line-height:1.5;font-weight:700;letter-spacing:-.025em;margin:22px 0 20px;flex:1}
.review-by{font-size:12px;font-weight:800;color:#306568}
.trustpilot-line{margin-top:29px;display:flex;align-items:center;justify-content:center;gap:10px;color:#163f45;font-size:14px}
.trustpilot-line .review-stars{font-size:21px}
.trustpilot-line span:last-child{font-size:11px;color:#75928b}
.reference-editorial-cards .feature-card{padding:0;border-radius:11px;overflow:hidden;min-height:0}
.editorial-image{height:198px;width:100%;background:#dceae7;overflow:hidden}
.editorial-image img{width:100%;height:100%;object-fit:cover}
.editorial-content{padding:26px 26px 29px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.editorial-content h3{font-size:22px;max-width:300px}
.editorial-content p{font-size:14px}
.editorial-content .text-link{margin-top:auto}
.news-card{border-radius:11px}
.news-card img{height:205px}
.news-card-body{padding:23px 24px}
.partner-strip{padding-bottom:70px}
.partner-logo{font-size:19px;letter-spacing:-.04em;text-align:center;opacity:.8}
/* Page heroes: same style across reference informational pages */
.page-hero{background:#003a43;padding:64px 0 78px;isolation:isolate}
.page-hero .container{min-height:218px;display:flex;align-items:center}
.page-hero-content{width:min(75%,850px);position:relative;z-index:3}
.page-hero:before{background:#72d4c2;width:440px;height:440px;right:-230px;top:-200px;opacity:.28}
.page-hero:after{width:330px;height:330px;left:-240px;bottom:-250px;opacity:.74}
.page-hero-art{height:230px;width:230px;border:22px solid #70d3c449;position:absolute;right:50px;top:25px;border-radius:50%;transform:rotate(-14deg)}
.page-hero h1{font-size:clamp(37px,4.4vw,55px);margin-bottom:16px;line-height:1.12}
.page-hero p{font-size:17px;line-height:1.65}
.breadcrumb{font-size:12px;margin-bottom:30px}
.results-search .reference-search{max-width:1200px}
.results-search{margin-bottom:26px}
/* Details and sidebars */
.details-top{padding-top:38px}
.details-heading h1{font-size:35px}
.gallery{border-radius:11px}
.details-layout{gap:55px}
.detail-sidebar{border-radius:11px;border-color:#d9eae6;box-shadow:0 10px 30px #052d3610}
.sidebar-price{color:#003d47}
/* Forms, modal and account flows */
.modal{border-radius:16px;box-shadow:0 20px 70px #012d3650}
.form-card{box-shadow:0 8px 26px #073d4211}
.form-field input,.form-field select,.form-field textarea{border-radius:6px}
.reference-filter-form .filter-heading{font-size:19px}
/* Footer: same three reference columns plus compact brand contact */
.footer{background:#00343d;padding-top:72px}
.footer-reference h4{font-size:17px;margin-bottom:20px}
.footer-reference .footer-links a{font-size:13px;line-height:1.65}
.footer-columns.footer-reference{gap:37px}
.footer-bottom{padding-top:24px}
.footer-bottom p{font-size:10px;line-height:1.55;color:#b7d0d2}
/* Responsive fidelity */
@media(max-width:1140px){
 .primary-nav{gap:18px}
 .primary-nav a{font-size:12px}
 .header-inner{gap:14px}
 .header-actions .btn{padding-inline:15px;font-size:11px}
 .logo{font-size:29px}
 .home-intros.grid-4 .intro-card{padding:23px 19px;min-height:238px}
 .property-bottom{align-items:start}
}
@media(max-width:900px){
 .main-header{height:76px}
 .mobile-menu{top:75px}
 .utility-inner{justify-content:center;gap:19px}
 .hero{min-height:317px;padding-top:55px}
 .hero h1{font-size:clamp(36px,5.4vw,48px)}
 .reference-search{grid-template-columns:minmax(0,1fr) 170px 135px;min-height:76px}
 .home-intros.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-intros.grid-4 .intro-card{min-height:210px}
 .reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .review-card:last-child{display:none}
 .page-hero-art{right:0}
}
@media(max-width:650px){
 .container{width:min(calc(100% - 34px),var(--container))}
 .main-header{height:70px}
 .logo{font-size:27px}
 .header-inner{gap:9px}
 .header-actions{gap:3px}
 .header-actions .btn{font-size:10px;min-height:37px;padding:10px 12px}
 .mobile-menu{top:69px}
 .home-dark{padding-bottom:48px}
 .home-dark:before{width:380px;height:460px;left:-318px;top:-105px;opacity:.83}
 .home-dark:after{width:280px;height:280px;right:-200px;top:90px}
 .hero{min-height:295px;padding-top:40px;align-items:flex-start}
 .hero h1{font-size:clamp(31px,7.4vw,40px);line-height:1.17;margin:0 auto 17px}
 .hero p{font-size:14px;line-height:1.7}
 .reference-search{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;min-height:0;padding:12px;border-radius:10px}
 .reference-search .search-field{grid-column:1/-1;min-height:55px;border:1px solid #d4e3e1;border-radius:8px;padding:8px 12px}
 .reference-search .search-field label{font-size:10px}
 .reference-search .search-field input{font-size:13px}
 .reference-filter-trigger{margin:0;min-height:46px;min-width:0;padding:8px 10px;font-size:11px;gap:6px}
 .reference-search .search-submit{min-height:46px;font-size:12px}
 .home-intros.grid-4{grid-template-columns:1fr;gap:12px;margin-top:22px}
 .home-intros.grid-4 .intro-card{min-height:0;padding:22px 21px}
 .home-intros .intro-card h3{font-size:18px;margin-bottom:8px}
 .home-intros .intro-card p{font-size:13px;margin-bottom:17px}
 .stats-section{padding:35px 0 39px}
 .stats-grid{grid-template-columns:1fr;gap:0}
 .stat{padding:21px 0}
 .stat:not(:last-child):after{height:1px;width:90%;left:5%;right:auto;top:auto;bottom:0}
 .stat-number{font-size:49px;margin-bottom:6px}
 .stat-label{font-size:14px}
 .section{padding:59px 0}
 .section-tight{padding:44px 0}
 .section-heading h2,.properties-section .section-heading h2{font-size:30px}
 .property-picture{height:235px}
 .property-card h3{font-size:19px}
 .property-bottom{align-items:end}
 .split-section{gap:29px}
 .split-img{min-height:285px}
 .split-content p{font-size:15px}
 .reviews-grid{grid-template-columns:1fr}
 .review-card:last-child{display:flex}
 .review-card{min-height:190px}
 .review-card blockquote{font-size:19px}
 .trustpilot-line{flex-wrap:wrap}
 .reference-editorial-cards .feature-card{min-height:0}
 .editorial-image{height:195px}
 .news-card img{height:225px}
 .page-hero{padding:38px 0 65px}
 .page-hero .container{min-height:210px}
 .page-hero-content{width:100%}
 .page-hero h1{font-size:clamp(33px,8vw,43px)}
 .page-hero p{font-size:14px}
 .page-hero-art{opacity:.22;right:-100px}
 .footer-columns.footer-reference{grid-template-columns:1fr;gap:32px}
 .footer-reference h4{font-size:17px}
 .footer-bottom p{font-size:10px}
 .details-heading h1{font-size:29px}
 .gallery{grid-template-rows:215px 115px}
}
@media(prefers-reduced-motion:reduce){*,*:after,*:before{scroll-behavior:auto;transition:none!important}}
/* Keep the utility search legible against the dark utility strip. */
.header-search.utility-search{color:#fff;display:inline-flex;width:auto;height:auto;align-items:center;gap:7px;font-size:12px;font-weight:600;background:transparent}
.header-search.utility-search:hover{color:#a7e3bc}

.skip-content{position:absolute;top:-80px;left:16px;z-index:100;padding:10px 17px;background:#fff;color:#073841;border:2px solid #04383e;border-radius:6px;font-size:13px;font-weight:700}.skip-content:focus{top:10px}