:root{--ink:#153d43;--ink-strong:#102f33;--pine:#0d6d61;--forest:#10494a;--mint:#e9f8f1;--mint-dark:#cfece0;--honey:#e8b04f;--honey-pale:#fff6e7;--mist:#f5f9f7;--quiet:#5a7277;--line:#dcebe6;--paper:#fff;--shadow:0 12px 30px rgba(20,64,61,.075);--max:1130px}
*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--mist);color:var(--ink);font:400 15px/1.85 Vazirmatn,Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block}img{max-width:100%}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button,a{-webkit-tap-highlight-color:transparent}p,h1,h2,h3{margin-top:0}p{margin-bottom:0}
:focus-visible{outline:3px solid #d99a22;outline-offset:3px}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.ico{width:19px;height:19px;flex:none} .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mast{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(18,103,82,.10);background:#ffffffed;box-shadow:0 3px 23px #165b3c0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mast-inner{padding-block:8px 7px}.mast-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{width:46px;height:46px;object-fit:cover;border-radius:14px;background:#fff;border:1px solid #d6e8e1;box-shadow:0 4px 13px #193f3815}.brand span{min-width:0;display:flex;flex-direction:column}.brand strong{font:800 17px/1.45 Estedad,Vazirmatn,Tahoma,sans-serif;letter-spacing:-.05em}.brand small{font-size:10px;font-weight:650;white-space:nowrap;color:#72918a}.mast-actions{display:flex;align-items:center;gap:7px}.mast-icon{min-width:43px;height:43px;padding:0 11px;background:#f2faf7;border:1px solid #dbece7;color:var(--forest);border-radius:13px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-size:12px;font-weight:750;transition:.2s}.mast-icon:first-child{background:linear-gradient(135deg,#f9cf83,#e8ad4b);border-color:#efbe69}.mast-icon:hover{transform:translateY(-2px)}.icon-label{display:inline}.share-row{display:flex;gap:7px;transition:max-height .2s ease,opacity .2s ease,margin .2s ease,padding .2s ease;overflow:hidden;max-height:50px}.share-row a{display:flex;align-items:center;gap:6px;justify-content:center;border:1px solid #d9e9e4;background:#fff;border-radius:11px;height:35px;padding:0 13px;font-weight:750;font-size:11px}.share-row .ico{width:16px;height:16px}.share-tg{color:#147bb3}.share-wa{color:#18825b}.share-help{color:#3a6470}.mast.is-scrolled .share-row{max-height:0;opacity:0;pointer-events:none;gap:0}.mast.is-scrolled .mast-inner{padding-block:6px}.mast.is-scrolled .brand-mark{width:38px;height:38px}.mast-progress{height:2px;background:linear-gradient(to left,#19b186 var(--scroll-progress,0%),transparent var(--scroll-progress,0%));transition:background .1s}
.page{padding-bottom:30px}.section{margin-top:49px}.section-head{margin-bottom:16px}.kicker{font:400 17px/1.3 Lalezar,Vazirmatn,Tahoma,sans-serif;color:#078673;display:block;margin-bottom:7px}.section-head h2,h2{font:800 clamp(22px,2.6vw,31px)/1.4 Estedad,Vazirmatn,Tahoma,sans-serif;letter-spacing:-.06em;color:var(--ink-strong)}.section-head h2{margin-bottom:5px}.section-head p{font-size:13px;color:var(--quiet);line-height:1.8}.btn{min-height:45px;padding:9px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;font-weight:800;font-size:13px;white-space:nowrap;border:1px solid transparent;transition:.2s}.btn .ico{width:17px;height:17px}.btn.primary{background:linear-gradient(125deg,#168e76,#076f63);color:#fff;box-shadow:0 8px 17px #0a736c25}.btn.secondary{color:#11685c;background:#fff;border-color:#b8ded0}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0b726b23}
.hero{margin-top:18px}.hero-frame{display:grid;grid-template-columns:1fr 1fr;min-height:320px;align-items:stretch;border:1px solid #bfe5d5;background:radial-gradient(ellipse at 85% -20%,#d6f5e5 0,transparent 58%),linear-gradient(130deg,#f3fff8,#fffcf2);border-radius:29px;overflow:hidden;box-shadow:var(--shadow)}.hero-copy{padding:30px 32px 25px;display:flex;flex-direction:column;justify-content:center;min-width:0}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#e7f7ed;color:#087a69;border:1px solid #c8e9da;font-size:11px;font-weight:800;padding:6px 10px;align-self:flex-start}.pill .ico{width:14px;height:14px}.hero h1{font:900 clamp(30px,3.1vw,43px)/1.35 Estedad,Vazirmatn,Tahoma,sans-serif;letter-spacing:-.09em;white-space:nowrap;margin:14px 0 13px}.hero h1 em{font-style:normal;color:#068c77}.hero-lede{font-size:15px;line-height:1.95;color:#476a66;max-width:510px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:20px 0 16px}.hero-proof{display:flex;gap:8px;flex-wrap:wrap}.hero-proof span{display:inline-flex;align-items:center;gap:6px;color:#436d62;font-size:11px;font-weight:700;white-space:nowrap}.hero-proof .ico{color:#06917a;width:15px;height:15px}.hero-photo{min-width:0;position:relative;overflow:hidden}.hero-photo:before{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:25%;background:linear-gradient(90deg,#f2fff5,transparent);pointer-events:none}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:32% center}.photo-stamp{position:absolute;left:16px;bottom:17px;z-index:2;background:#fffffff0;border:1px solid #fff;border-radius:12px;padding:8px 11px;color:#0d6860;font-size:11px;font-weight:800;box-shadow:0 6px 18px #084f3516;display:flex;align-items:center;gap:7px}.photo-stamp .ico{color:#d9a029}.hero-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#0a4b4b;border-radius:0 0 18px 18px;margin:0 18px;overflow:hidden;box-shadow:0 7px 20px #09474716}.hero-ribbon span{color:#f2fff8;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;background:#0e4e4e}.hero-ribbon .ico{width:18px;height:18px;color:#e8bb65}
.selector-box{padding:19px;border:1px solid #d2eae1;background:linear-gradient(150deg,#f3fff8,#fffaf1);border-radius:25px;box-shadow:var(--shadow)}.role-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px}.switch-option{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;min-height:51px;border:1px solid #daebe4;border-radius:15px;background:#fff;color:#426967;font-size:13px;font-weight:800;transition:.2s}.switch-option:hover{border-color:#7dc5b2}.switch-option.active{background:#0d7568;color:white;border-color:#0d7568;box-shadow:0 7px 15px #0d73682d}.switch-option .ico{width:20px;height:20px}.stage-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;border-radius:19px;background:#fff;padding:15px;border:1px solid #dfeee7;align-items:stretch}.stage-panel[hidden]{display:none!important}.stage-copy{padding:15px 12px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.stage-index{font-size:11px;color:#12836f;font-weight:800;margin-bottom:6px}.stage-copy h3{font:800 23px/1.5 Estedad,Vazirmatn,Tahoma,sans-serif;letter-spacing:-.06em;margin:0 0 10px}.stage-copy p{font-size:13px;color:#546e70;line-height:1.95;max-width:510px}.stage-points{display:flex;gap:12px;flex-wrap:wrap;margin:13px 0 18px}.stage-points span{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:750;color:#116a5e}.stage-points .ico{width:16px;height:16px}.stage-panel>img{width:100%;height:230px;object-fit:cover;border-radius:13px;align-self:stretch}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-card{background:#fff;border:1px solid #dfebe7;border-radius:22px;padding:21px 23px;box-shadow:var(--shadow);min-width:0}.chat-side{background:#f1f4f5}.market-side{background:#eefff5;border-color:#c1e7d5}.compare-title{display:flex;align-items:center;gap:9px;margin-bottom:13px}.compare-title .ico{width:25px;height:25px;color:#61808b}.market-side .compare-title .ico{color:#118b75}.compare-title strong{font-size:15px}.chat-bubbles{display:flex;flex-direction:column;align-items:flex-start;gap:8px;height:148px;justify-content:center}.chat-bubbles span{font-size:12px;border-radius:12px 12px 4px 12px;background:#fff;padding:7px 12px;border:1px solid #e1e9eb;box-shadow:0 2px 5px #435c6109}.chat-bubbles span:nth-child(2){align-self:flex-end;background:#e9e6df}.compare-card>p{display:flex;gap:8px;align-items:center;border-top:1px solid #dde6e4;padding-top:12px;margin-top:16px;font-size:12px;color:#5b7177}.compare-card>p .ico{width:17px;height:17px;color:#95a4a7}.market-side>p .ico{color:#0d9076}.mini-listing{height:148px;display:flex;align-items:center;gap:14px;border:1px solid #dbe9e4;border-radius:16px;padding:10px;background:#fff}.mini-listing img{width:123px;height:125px;border-radius:10px;object-fit:cover;flex:none}.mini-listing>div{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.mini-listing strong{font-size:15px}.mini-listing small{font-size:11px;color:#698088}.mini-listing b{font-size:12px;color:#0b7b64;margin-top:6px}.demo-tag{font-size:9px;font-weight:850;color:#1b7966;background:#dff5e7;border-radius:7px;padding:2px 6px}
.showcase-shell{background:#fff;border:1px solid #dceae5;border-radius:24px;padding:17px;box-shadow:var(--shadow)}.filter-bar{display:flex;gap:7px;overflow:auto;scrollbar-width:thin;padding:2px 0 13px}.filter-chip{white-space:nowrap;border:1px solid #dceae7;background:#f7faf9;color:#45666a;font-size:11px;font-weight:800;border-radius:999px;padding:7px 12px;min-height:36px;transition:.2s}.filter-chip.selected{background:#0a7767;border-color:#0a7767;color:#fff}.filter-chip:hover{border-color:#84bea9}.listings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.listing{border:1px solid #deebe7;border-radius:17px;overflow:hidden;background:#fff;min-width:0;box-shadow:0 5px 16px #104b3f0a}.listing[hidden]{display:none!important}.listing-media{height:132px;position:relative}.listing-media img{width:100%;height:100%;object-fit:cover}.example-flag{position:absolute;right:9px;top:9px;padding:2px 6px;border-radius:7px;background:#fffefaed;font-size:9px;color:#50726b;font-weight:850}.listing-body{padding:12px}.listing-category{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:#167b6a}.listing-category .ico{width:14px;height:14px}.listing-body h3{font:800 14px/1.6 Estedad,Vazirmatn,Tahoma,sans-serif;margin:4px 0 7px}.listing-body p{display:flex;align-items:center;gap:4px;font-size:10.5px;color:#71888b;min-height:20px}.listing-body p .ico{width:13px;height:13px}.listing-bottom{border-top:1px solid #edf3f0;margin-top:10px;padding-top:9px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;font-weight:800;color:#116858}.listing-bottom a{height:30px;width:30px;border-radius:9px;display:grid;place-items:center;background:#edf8f3;color:#138a71}.listing-bottom .ico{width:16px;height:16px}.showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.showcase-bottom>span{font-size:11px;color:#798d8e}.showcase-bottom .btn{min-height:40px}
.facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fact-card{display:flex;flex-direction:column;border:1px solid #e8dfca;border-radius:23px;background:linear-gradient(145deg,#fff8ec,#fff 70%);padding:22px;min-width:0}.business-fact{border-color:#b9e5d5;background:linear-gradient(145deg,#e5f8ee,#fff 70%)}.fact-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffe6b6;color:#bc7d1e;margin-bottom:10px}.business-fact .fact-icon{background:#d5f1e4;color:#0c846d}.fact-overline{font-size:11px;color:#9b712e;font-weight:800}.business-fact .fact-overline{color:#0d856d}.fact-card h3{font:850 21px/1.5 Estedad,Vazirmatn,sans-serif;margin:3px 0 8px}.fact-card>div>p{font-size:12.5px;line-height:1.9;color:#5d7375}.fact-card ul{padding:0;margin:17px 0;list-style:none;display:grid;gap:10px}.fact-card li{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.85;color:#3f6063}.fact-card li .ico{width:18px;height:18px;color:#0e987b;margin-top:3px}.fact-card li b{color:#0b5b57}.fact-note{font-size:11px;line-height:1.85;color:#607f7b;background:#f7f3ec;border-radius:13px;padding:10px 12px;margin:auto 0 15px}.business-fact .fact-note{background:#ecf6f1}.fact-card>.btn{align-self:flex-start}
.story-spotlight{border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(125deg,#e8f7ef,#fffbf0);border:1px solid #cce7d9;box-shadow:var(--shadow)}.spotlight-photo{position:relative;min-height:250px}.spotlight-photo img{width:100%;height:100%;object-fit:cover}.spotlight-photo>span{position:absolute;right:18px;bottom:16px;background:#fffffff0;padding:8px 11px;border-radius:11px;display:flex;align-items:center;gap:7px;color:#116e5d;font-size:11px;font-weight:800}.spotlight-photo .ico{color:#dba540}.spotlight-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:28px}.spotlight-label{font-size:12px;color:#0d8971;font-weight:850}.spotlight-copy h3{font:900 25px/1.5 Estedad,Vazirmatn,sans-serif;margin:7px 0}.spotlight-copy p{font-size:13px;line-height:1.9;color:#537476;margin-bottom:18px}.tiny-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.tiny-scenes span{display:flex;align-items:center;gap:8px;border:1px solid #d9ebe5;background:#fff;border-radius:12px;padding:11px 12px;font-size:11px;font-weight:700;color:#386a63}.tiny-scenes .ico{color:#168775}
.trust-hero{border-radius:25px;background:radial-gradient(ellipse at 78% 2%,#286f67,transparent 55%),linear-gradient(125deg,#0a4747,#082f35);padding:30px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:25px;color:#fff}.trust-hero h2{color:#fff}.kicker.inverted{color:#afeecf}.trust-text>p{font-size:13px;line-height:1.95;color:#d4e9e4;margin:12px 0}.trust-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.trust-list span{padding:10px 12px;border-radius:11px;background:#ffffff12;border:1px solid #ffffff21;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750}.trust-list .ico{color:#e7c46e}.trust-caution{font-size:11px;color:#eaf8f3;background:#ffffff11;padding:10px 12px;margin-top:13px;border-radius:11px;line-height:1.9;display:flex;align-items:flex-start;gap:8px}.trust-caution .ico{margin-top:3px;flex:none}.trust-medal{border-radius:20px;background:linear-gradient(145deg,#e7fcef,#c9e9df);min-height:245px;padding:30px 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#0d6d60;gap:9px}.trust-shield{width:74px;height:74px;filter:drop-shadow(0 7px 10px #0f8f7733)}.trust-medal strong{font:800 20px/1.5 Estedad,Vazirmatn,sans-serif}.trust-medal small{font-size:12px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;padding:0;margin:0}.steps li{background:#fff;border:1px solid #daebe4;border-radius:17px;padding:19px;display:flex;align-items:flex-start;gap:11px}.steps li b{display:grid;place-items:center;border-radius:10px;background:#e2f5e9;color:#0d7f68;min-width:33px;height:33px;font-size:17px}.steps li span{display:grid;gap:6px}.steps li strong{font-size:13px}.steps li small{font-size:11px;line-height:1.9;color:#6c868a}.steps-cta{margin-top:15px;display:flex;align-items:center;gap:14px}.steps-cta>span{color:#6b8585;font-size:11px}
.tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.nav-tile{display:flex;align-items:center;gap:9px;padding:13px;background:#fff;border:1px solid #dbece5;border-radius:13px;font-size:12px;font-weight:800;transition:.2s}.nav-tile:hover{transform:translateY(-2px);border-color:#70baa4}.nav-tile .ico{color:#158b77}.nav-tile .nav-arrow{margin-right:auto;color:#9cb2b1;width:16px;height:16px}
.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-list details{background:#fff;border:1px solid #dcece5;border-radius:14px;padding:0 15px;min-width:0}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:15px 0;font-size:12.5px;font-weight:850}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .ico{height:17px;width:17px;color:#0d9179;transition:transform .2s}.faq-list details[open] summary .ico{transform:rotate(45deg)}.faq-list details p{padding-bottom:15px;font-size:12px;color:#5a7578;line-height:1.85}
.closing{margin-top:45px;border-radius:23px;border:1px solid #b9e5d1;background:linear-gradient(115deg,#ddf5e8,#fff6e6);display:flex;align-items:center;justify-content:space-between;gap:17px;padding:26px}.closing h2{font-size:25px}.closing p{font-size:12.5px;color:#5b7972;margin-top:7px}.close-actions{display:flex;gap:8px;flex-wrap:wrap}.postscript{font-size:10px;color:#819995;text-align:center;line-height:2.1;padding:16px 15px 4px;max-width:950px}
@media(min-width:801px){.mast-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:8px}.share-row a{height:39px}.brand-row{flex:1}.mast .brand-mark{width:43px;height:43px}}
@media(max-width:1050px){.icon-label{display:none}.hero-copy{padding:23px}.hero h1{font-size:clamp(25px,3.3vw,36px)}.hero-proof span{font-size:10px}.stage-panel{grid-template-columns:1.15fr .85fr}.listing-media{height:115px}}
@media(max-width:800px){.mast-inner{padding-top:7px;padding-bottom:7px}.share-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px}.share-row a{padding-inline:4px;gap:5px}.mast.is-scrolled .share-row{margin-top:0}.mast.is-scrolled .brand strong{font-size:15px}.hero-frame{grid-template-columns:1fr}.hero-copy{padding:23px 24px 18px}.hero-photo{height:235px}.hero-photo:before{display:none}.hero-ribbon span{font-size:10px}.stage-panel>img{height:205px}.listings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.facts-grid{grid-template-columns:1fr 1fr}.fact-card{padding:16px}.tiny-scenes span{font-size:10px}}
@media(max-width:620px){
 body{font-size:14px;line-height:1.78}.container{width:calc(100% - 26px)}.section{margin-top:35px}.section-head{margin-bottom:11px}.section-head p{font-size:12px}.section-head h2,h2{font-size:clamp(18px,4.65vw,22px);line-height:1.45;white-space:nowrap;letter-spacing:-.077em}.kicker{font-size:15px;margin-bottom:3px}.brand-mark{width:41px;height:41px}.brand{gap:7px}.brand strong{font-size:15px}.brand small{font-size:9px}.mast-actions{gap:6px}.mast-icon{height:39px;min-width:39px;padding:0 8px}.mast-icon .ico{height:20px;width:20px}.mast-icon.support-action{display:inline-flex}.share-row a{font-size:11px;height:33px;border-radius:10px}.share-qualifier{display:none}.share-row .ico{width:14px;height:14px}.mast.is-scrolled .brand small{display:none}.mast.is-scrolled .brand-mark{height:35px;width:35px}.mast.is-scrolled .mast-icon{height:35px;min-width:35px}
 .btn{min-height:41px;padding:8px 12px;font-size:11.5px;border-radius:11px;gap:6px}.hero{margin-top:11px}.hero-frame{border-radius:21px}.hero-copy{padding:17px 15px 14px}.pill{font-size:10px;padding:5px 9px}.hero h1{font-size:clamp(22px,5.55vw,27px);margin:9px 0 6px;white-space:nowrap;letter-spacing:-.09em}.hero-lede{font-size:13.2px;line-height:1.82}.hero-actions{gap:7px;margin:14px 0 10px}.hero-proof{gap:5px}.hero-proof span{font-size:9.3px;gap:3px;padding:3px 5px;background:#fff;border:1px solid #e1eee7;border-radius:8px}.hero-proof .ico{width:13px;height:13px}.hero-photo{height:auto;aspect-ratio:2.35}.photo-stamp{left:9px;bottom:8px;border-radius:8px;font-size:9.5px;padding:5px 8px}.photo-stamp .ico{width:15px;height:15px}.hero-ribbon{margin:0 12px;border-radius:0 0 13px 13px}.hero-ribbon span{font-size:9.1px;flex-direction:column;gap:2px;padding:8px 3px}.hero-ribbon .ico{width:16px;height:16px}
 .selector-box{padding:11px;border-radius:17px}.role-switch{gap:5px;margin-bottom:8px}.switch-option{gap:4px;padding:8px 3px;min-height:57px;font-size:10.5px;flex-direction:column;border-radius:11px}.switch-option .ico{height:19px;width:19px}.stage-panel{padding:10px;grid-template-columns:1fr;gap:7px;border-radius:13px}.stage-copy{padding:3px 4px}.stage-index{font-size:10px;margin-bottom:3px}.stage-copy h3{font-size:19px;margin-bottom:5px}.stage-copy p{font-size:13px;line-height:1.85}.stage-points{margin:8px 0 12px;gap:8px}.stage-points span{font-size:10px}.stage-panel>img{height:122px;object-position:center 41%;border-radius:9px}
 .compare-grid{grid-template-columns:1fr;gap:9px}.compare-card{padding:13px;border-radius:16px}.compare-title{margin-bottom:8px}.compare-title strong{font-size:13px}.compare-title .ico{width:20px;height:20px}.chat-bubbles{height:auto;gap:7px}.chat-bubbles span{font-size:11px;padding:5px 10px}.mini-listing{height:107px}.mini-listing img{height:86px;width:100px}.mini-listing strong{font-size:13px}.mini-listing small{font-size:10px}.compare-card>p{margin-top:9px;padding-top:9px;font-size:11px}
 .showcase-shell{padding:9px;border-radius:17px}.filter-bar{gap:5px;padding:3px 0 10px}.filter-chip{min-height:32px;padding:5px 10px;font-size:10px}.listings-grid{gap:8px}.listing{border-radius:13px}.listing-media{height:113px}.example-flag{top:5px;right:5px;font-size:8px}.listing-body{padding:10px}.listing-body h3{font-size:12.5px;white-space:nowrap;letter-spacing:-.04em}.listing-category{font-size:9px}.listing-bottom{font-size:10px}.listing-bottom a{height:26px;width:26px}.showcase-bottom{margin-top:11px;flex-wrap:wrap;justify-content:flex-end}.showcase-bottom>span{margin-left:auto}.showcase-bottom .btn{min-height:35px}
 .facts-grid{grid-template-columns:1fr;gap:10px}.fact-card{padding:15px;border-radius:17px}.fact-icon{height:35px;width:35px;margin-bottom:5px}.fact-icon .ico{height:19px;width:19px}.fact-card h3{font-size:18px;margin-bottom:4px}.fact-card>div>p{font-size:13px}.fact-card ul{gap:6px;margin:10px 0}.fact-card li{font-size:12px;line-height:1.7}.fact-card li .ico{width:16px;height:16px}.fact-note{font-size:10.5px;padding:8px 10px;margin-bottom:12px}
 .story-spotlight{grid-template-columns:1fr;border-radius:16px}.spotlight-photo{min-height:0;height:156px}.spotlight-copy{padding:15px}.spotlight-copy h3{font-size:20px}.spotlight-copy p{font-size:12px;margin-bottom:12px}.tiny-scenes{grid-template-columns:1fr;gap:6px}.tiny-scenes span{padding:8px 10px;font-size:11px;border-radius:9px}
 .trust-hero{grid-template-columns:1fr;gap:12px;padding:16px;border-radius:18px}.trust-text>p{font-size:12px;margin:7px 0 11px}.trust-list{gap:6px}.trust-list span{font-size:10px;padding:7px 8px}.trust-list .ico{height:15px;width:15px}.trust-caution{font-size:10.5px;padding:9px}.trust-medal{min-height:0;flex-direction:row;padding:12px;text-align:right;gap:7px;border-radius:12px}.trust-shield{width:33px;height:33px}.trust-medal strong{font-size:13px}.trust-medal small{font-size:10px}
 .steps{grid-template-columns:1fr;gap:7px}.steps li{padding:11px;border-radius:13px;align-items:center}.steps li b{min-width:30px;height:30px}.steps li strong{font-size:12px}.steps li small{font-size:11px}.steps-cta{gap:9px;margin-top:11px}.steps-cta>span{font-size:10px}
 .tiles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.nav-tile{font-size:10.5px;padding:10px 8px;gap:6px;border-radius:11px}.nav-tile .ico{width:17px;height:17px}.nav-tile .nav-arrow{width:13px;height:13px}
 .faq-list{grid-template-columns:1fr;gap:7px}.faq-list details{padding:0 12px;border-radius:12px}.faq-list summary{font-size:11.5px;padding:12px 0}.faq-list details p{font-size:11.5px;padding-bottom:12px}.closing{margin-top:34px;padding:17px;border-radius:17px;display:block}.closing h2{font-size:19px}.closing p{font-size:12px}.close-actions{margin-top:14px}.postscript{font-size:9px;padding:14px 8px}
}
@media(max-width:360px){.container{width:calc(100% - 20px)}.mast-inner{padding-inline:0}.brand strong{font-size:13.5px}.brand small{font-size:8px}.brand-mark{width:37px;height:37px}.mast-icon{height:35px;min-width:35px;padding:0 6px}.share-row a{font-size:10.5px;gap:3px}.hero h1{font-size:21px}.hero-proof span{font-size:8.6px}.section-head h2{font-size:17.5px}.nav-tile{font-size:10px}.listing-body h3{font-size:11.5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* V4 live-feed: compact real cards, graceful loading, no fabricated listings */
.live-showcase{background:linear-gradient(155deg,#fff,#f8fffc)}
.live-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;font-size:11px;color:#6b8580}
.live-pill{display:inline-flex;gap:8px;align-items:center;background:#e4f5ec;border-radius:50px;color:#0b6a58;font-size:11px;font-weight:900;padding:6px 10px;white-space:nowrap}
.live-dot{height:7px;width:7px;display:inline-block;border-radius:100%;background:#10ae82;box-shadow:0 0 0 4px #11b78622}
.live-updated{font-size:10.5px;color:#67847f;text-align:start}
.live-placeholder{grid-column:1/-1;display:flex;min-height:178px;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;background:#f4f9f7;border:1px dashed #cfe1da;border-radius:17px;color:#173d37;padding:25px}
.live-placeholder strong{font-size:14px}.live-placeholder span{font-size:12px;color:#608078;line-height:1.9}
.loading-orb{height:30px;width:30px;border:3px solid #bbddd2;border-top-color:#0d8670;border-radius:50%;animation:landing-loading 850ms linear infinite}
@keyframes landing-loading{to{transform:rotate(360deg)}}
.listing-media:not(:has(img)){background:linear-gradient(140deg,#e7f4ee,#f7faf7);display:grid;place-items:center}
.live-image-missing{font-size:28px;color:#519889}
.listing .real-flag{position:absolute;inset-inline-start:8px;top:8px;padding:3px 8px;color:#06624f;background:#f2fff5ed;border:1px solid #c9e6d2;border-radius:999px;font-weight:900;font-size:9px}
.listing .listing-body h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.listing .listing-bottom{font-weight:850}
.live-privacy-note{font-size:11px;line-height:1.9;color:#778f89;margin:12px 7px 0}
@media(max-width:470px){.live-topline{gap:6px}.live-updated{font-size:9.5px}.live-showcase{padding:13px}.live-placeholder{min-height:150px}.listing-media{height:116px}.listing .listing-body{padding:10px}.listing .listing-body h3{font-size:12.5px}.listing .listing-category{font-size:9.5px}.listing .listing-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){.loading-orb{animation:none;border-top-color:#bbddd2}}

/* Stage J: touch-friendly, keyboard accessible cards + bounded server pagination */
a.listing{display:block;text-decoration:none;color:inherit;min-width:0;transition:box-shadow .2s,transform .2s}
a.listing:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(18,84,64,.12)}
a.listing:focus-visible{outline:3px solid #168a70;outline-offset:4px}
a.listing .listing-bottom{width:100%}
.live-card-arrow{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#e8f7ef;color:#087c66;flex-shrink:0;font-size:18px}
.live-pagination{display:flex;justify-content:center;margin-top:16px}
.live-pagination[hidden]{display:none!important}
.live-more-btn{border:1px solid #a7d9c7;border-radius:13px;background:#f1faf5;color:#0b6555;min-height:46px;padding:8px 24px;font:800 13px/1.7 Vazirmatn,Tahoma,sans-serif;cursor:pointer;display:flex;align-items:center;gap:10px}
.live-more-btn:hover{background:#e6f7ed}
.live-more-btn:focus-visible{outline:3px solid #098466;outline-offset:3px}
.live-more-btn:disabled{opacity:.65;cursor:wait}
.live-retry-btn{margin-top:5px;min-height:42px;padding:8px 19px;background:#fff;border:1px solid #99ceb8;border-radius:12px;font:700 12px Vazirmatn,Tahoma,sans-serif;color:#096c59;cursor:pointer}
.filter-chip:focus-visible{outline:3px solid #168a70;outline-offset:2px}
@media(max-width:470px){.live-more-btn{width:100%;justify-content:center;font-size:12px}.live-pagination{margin-top:11px}}
@media(prefers-reduced-motion:reduce){a.listing{transition:none}a.listing:hover{transform:none}}


/* ========================================================================
   V6 — COMPLETE-IMAGE RESPONSIVE LAYOUT + SCROLL PERFORMANCE
   Native panoramic images are presented at their REAL aspect ratios.
   Photo content must never be obscured by gradients, cropped, or stretched.
   ======================================================================== */

/* Stable sticky header: changing its height during scrolling caused jumps. */
html { scroll-padding-top: 78px; }
body { min-width: 0; }
.mast {
  background: rgba(255,255,255,.985);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.mast-inner, .mast-row, .mast-actions, .brand { min-width: 0; }
.brand-mark { object-fit: contain; }
.mast-progress {
  height: 3px;
  background: linear-gradient(90deg,#eab867,#17a884);
  transform: scaleX(0);
  transform-origin: 100% 50%;
  transition: none;
  will-change: transform;
}
/* An opaque thin underline avoids repainting a gradient on each scroll tick. */
.section { scroll-margin-top: 78px; }
.section-head h2, .hero h1, .stage-copy h3,
.listing-body h3, .spotlight-copy h3, .closing h2 {
  white-space: normal;
  overflow-wrap: anywhere;
}
.section-head h2 { text-wrap: balance; }

/* Hero: use the asset as a genuine full-width 1100 × 362 photographic banner. */
.hero-frame {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 0;
  isolation: isolate;
}
.hero-copy {
  padding: 28px 34px 25px;
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr);
  grid-template-areas:
    "pill actions"
    "title actions"
    "lede actions"
    "proof proof";
  align-items: center;
  column-gap: 22px;
}
.hero .pill { grid-area: pill; }
.hero h1 { grid-area: title; justify-self:start; }
.hero-lede { grid-area: lede; max-width: 660px; }
.hero-actions { grid-area: actions; justify-content:center; margin: 12px 0; }
.hero-proof { grid-area: proof; margin-top: 13px; }
.hero-photo {
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  display: flex;
  flex-direction: column;
  overflow: visible;
  background: #ebf5ec;
}
.hero-photo::before { display:none; content:none; }
.hero-photo img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 1100 / 362;
  object-fit: contain;
  object-position: center;
}
.photo-stamp {
  position: static;
  align-self: flex-end;
  max-width: calc(100% - 20px);
  margin: 9px 12px 11px;
  white-space: normal;
  box-shadow: none;
  background: #f9fffa;
  border: 1px solid #cce4d6;
}
.hero-ribbon span { text-align: center; white-space: normal; overflow-wrap:anywhere; }

/* Role cards: show full 900 × 189–195 panoramas, not a cropped sidebar. */
.stage-panel {
  grid-template-columns: minmax(0,1fr);
  gap: 12px;
  padding: 15px;
}
.stage-copy { min-width:0; }
.stage-panel > img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  border-radius: 14px;
  background: #edf7f1;
  align-self: start;
}

/* Comparison image is itself a panoramic image, even on narrow screens. */
.mini-listing {
  height: auto;
  min-height: 148px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 10px;
  gap: 11px;
}
.mini-listing img {
  width: 100%;
  height: auto;
  aspect-ratio: 900 / 195;
  object-fit: contain;
  border-radius: 10px;
  background: #ecf7f0;
  flex: 0 0 auto;
}
.mini-listing > div {
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 12px;
  row-gap: 5px;
}
.mini-listing strong, .mini-listing small, .mini-listing b { margin-top:0; overflow-wrap:anywhere; }

/* Spotlight: move the caption below the entire 900 × 190 banner. */
.story-spotlight { grid-template-columns: minmax(0,1fr); }
.spotlight-photo {
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
  background: #eff8f0;
}
.spotlight-photo img {
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 900 / 190;
  object-fit: contain;
}
.spotlight-photo > span {
  position: static;
  align-self: flex-end;
  margin: 9px 13px 10px;
  border: 1px solid #d4e6d9;
  max-width: calc(100% - 26px);
}
.spotlight-copy { padding: 24px 30px 28px; }

/* Live cards: arbitrary user-uploaded portrait / panorama / square images. */
.listings-grid { align-items: stretch; }
.listing { min-width: 0; }
.listing-media {
  position: relative;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 3;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: linear-gradient(145deg,#eaf5ee,#f8fbf9);
}
.listing-media img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.listing .listing-body h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
  min-height: 3.2em;
}
.listing-body, .listing-bottom, .listing-category { min-width: 0; }
.listing-category { overflow-wrap: anywhere; }
.listing-bottom strong { min-width:0; overflow-wrap:anywhere; line-height:1.55; }
.listing-body p { overflow-wrap:anywhere; }
.live-image-missing { padding: 12px; }

/* Small device refinements also apply after previous V5 media queries. */
@media (max-width: 1050px) {
  .hero-copy { padding: 25px 27px 21px; }
  .hero h1 { font-size:clamp(27px,3.8vw,40px); }
  .stage-panel { grid-template-columns: minmax(0,1fr); }
}
@media (min-width: 801px) {
  .stage-copy {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    grid-template-areas:
      "index action"
      "heading action"
      "description action"
      "points action";
    gap: 0 20px;
    align-items: center;
  }
  .stage-index { grid-area:index; }
  .stage-copy h3 { grid-area:heading; }
  .stage-copy p { grid-area:description; }
  .stage-points { grid-area:points; }
  .stage-copy > .btn { grid-area:action; align-self:center; }
}
@media (max-width:800px) {
  html { scroll-padding-top: 123px; }
  .section { scroll-margin-top: 123px; }
  .hero-copy { display:flex; flex-direction:column; align-items:flex-start; padding:23px 24px 18px; }
  .hero h1 { font-size:clamp(26px,5vw,37px); }
  .hero-lede { max-width: 100%; }
  .hero-photo { height:auto; aspect-ratio:auto; }
  .stage-panel { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:620px) {
  html { scroll-padding-top:115px; }
  .section { scroll-margin-top:115px; }
  .hero-copy { padding:18px 17px 14px; }
  .hero h1 { font-size:clamp(23px,5.8vw,29px); white-space:normal; letter-spacing:-.06em; }
  .hero-photo { height:auto; aspect-ratio:auto; }
  .hero-photo img { height:auto; }
  .hero-proof span { white-space:normal; }
  .hero-ribbon span { font-size:9.5px; line-height:1.55; }
  .photo-stamp { font-size:10px; }
  .stage-panel { padding:10px; gap:11px; }
  .stage-panel > img { height:auto; aspect-ratio:auto; border-radius:10px; }
  .stage-copy { padding:4px 5px; }
  .mini-listing { height:auto; min-height:0; padding:8px; }
  .mini-listing img { width:100%; height:auto; aspect-ratio:900/195; }
  .mini-listing > div { gap:5px 9px; }
  .mini-listing strong { font-size:12px; }
  .spotlight-photo { height:auto; min-height:0; }
  .spotlight-photo img { height:auto; aspect-ratio:900/190; }
  .spotlight-photo > span { font-size:10px; }
  .spotlight-copy { padding:17px 16px 20px; }
  .listing-media { height:auto; min-height:0; aspect-ratio:4/3; }
  .listing-body h3 { white-space:normal; }
  .section-head h2, h2 { white-space:normal; letter-spacing:-.045em; }
  .steps-cta { flex-wrap:wrap; }
  .nav-tile > span { min-width:0; overflow-wrap:anywhere; }
}
@media (max-width:360px) {
  .hero h1 { font-size:clamp(21px,6.6vw,24px); }
  .section-head h2 { font-size:clamp(17px,5.5vw,19px); }
  .hero-proof { gap:4px; }
  .hero-proof span { font-size:9px; }
  .live-topline { flex-wrap:wrap; }
}
@media (max-width:330px) {
  .brand small { display:none; }
  .brand strong { font-size:12px; }
  .brand-mark { width:34px; height:34px; }
  .mast-icon { min-width:32px; height:34px; padding-inline:5px; }
  .mast-actions { gap:4px; }
  .share-row a { font-size:10px; }
  .hero-actions .btn { white-space:normal; text-align:center; }
}
@media (prefers-reduced-motion:reduce) {
  .mast-progress { will-change:auto; }
}


/* V7 — neighborhood image story, uncropped responsive photographs. */
.hero-photo img,
.neighborhood-card img { display:block;max-width:100%;object-fit:contain;object-position:center; }
.hero-photo img { width:100%; height:auto; aspect-ratio:auto; }
.hero-photo { background:#edf6f0; }
.photo-stamp { font-size:11px; line-height:1.65; }
@media(min-width:901px) {
  .hero-frame {
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.28fr);
    align-items:center;
    min-height:0;
  }
  .hero-copy {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding:30px clamp(20px,3vw,38px) 25px;
    gap:0;
  }
  .hero h1 { font-size:clamp(27px,2.8vw,39px); line-height:1.42; margin:13px 0 13px; }
  .hero-actions { justify-content:flex-start; margin:19px 0 14px; }
  .hero-proof { margin-top:1px; }
  .hero-photo { height:auto; min-height:0; padding:12px 12px 0; align-self:stretch; justify-content:center; }
  .hero-photo img { border-radius:15px; }
  .photo-stamp { margin:8px 5px 10px; align-self:flex-start; }
}
@media(min-width:901px) and (max-width:1040px) {
  .hero-copy { padding:22px 20px; }
  .hero h1 {font-size:27px}
  .hero-lede {font-size:13.5px}
  .hero-actions {gap:7px;margin:13px 0 11px}
  .hero-actions .btn {padding-inline:12px;font-size:11px}
}
@media(max-width:900px) {
  .hero-frame { display:flex; flex-direction:column; }
  .hero-photo { width:100%; height:auto; min-height:0; aspect-ratio:auto; padding:0; }
  .hero-photo img { height:auto; aspect-ratio:auto; border-radius:0; }
  .photo-stamp { align-self:flex-start; margin:9px 13px 11px; }
}
/* Destination gallery: image widths of 3:4 align naturally because the assets
   are 4:3 and 16:9, respectively. The image surface has NO fixed height. */
.neighborhood-section { min-width:0; }
.neighborhood-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:17px; }
.neighborhood-heading .section-head {margin-bottom:0;}
.neighborhood-heading .section-head p {max-width:700px;}
.neighborhood-key {display:flex;align-items:center;gap:8px; flex:none;
  color:#0e725e; background:#effaf3; border:1px solid #cfe8dc;
  font-size:11px;font-weight:850;padding:8px 11px;border-radius:999px;
}
.neighborhood-key svg{width:17px;height:17px}
.neighborhood-grid {display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr);gap:15px;align-items:stretch;}
.neighborhood-card {margin:0;min-width:0;display:flex;flex-direction:column;
  overflow:hidden;border-radius:22px;background:#fff;border:1px solid #dce9e4;
  box-shadow:0 10px 30px rgba(11,69,62,.07);}
.neighborhood-card .neighborhood-photo {background:#edf4f0;overflow:hidden;line-height:0;}
.neighborhood-card img {width:100%;height:auto;aspect-ratio:auto;}
.neighborhood-caption {display:flex;align-items:center;justify-content:space-between;
  gap:14px; min-width:0;padding:13px 18px 16px;flex:1;}
.neighborhood-caption > span {display:flex;flex-direction:column;gap:4px;min-width:0;}
.neighborhood-caption small {font-size:10px;font-weight:800;color:#07836d;}
.neighborhood-caption strong {font:800 14px/1.6 Estedad,Vazirmatn,Tahoma,sans-serif;
  color:var(--ink-strong);overflow-wrap:anywhere;}
.neighborhood-caption svg {width:20px;height:20px;color:#b88938;flex:none}
.neighborhood-notice {display:flex;align-items:flex-start;gap:8px;
  margin:13px 2px 0; padding:10px 13px; background:#fff9ed; border:1px solid #f3e4c8;
  border-radius:12px; color:#786543;font-size:11px;line-height:1.95;}
.neighborhood-notice svg {width:17px;height:17px;flex:none;margin-top:2px;}
@media(max-width:700px){
  .neighborhood-heading{display:block;margin-bottom:12px;}
  .neighborhood-key{display:none;}
  .neighborhood-grid{grid-template-columns:minmax(0,1fr);gap:11px;}
  .neighborhood-card{border-radius:17px;}
  .neighborhood-caption{padding:10px 13px 12px;}
  .neighborhood-caption strong{font-size:12.5px;}
  .neighborhood-notice{font-size:10.5px;line-height:1.85;}
}
@media(prefers-reduced-motion:reduce){
  .neighborhood-card * {animation:none!important;transition:none!important;}
}