/* One visual language for contact, navigation, resources and tool actions. */
[data-ui-icon]::before{content:"";display:inline-block;inline-size:1.15em;block-size:1.15em;flex:0 0 1.15em;background:currentColor;mask:var(--ui-symbol) center/contain no-repeat;-webkit-mask:var(--ui-symbol) center/contain no-repeat;vertical-align:-.15em}
[data-ui-icon=phone]{--ui-symbol:url('/icons/ui-phone.svg')}[data-ui-icon=mail]{--ui-symbol:url('/icons/ui-mail.svg')}[data-ui-icon=home]{--ui-symbol:url('/icons/ui-home.svg')}[data-ui-icon=building]{--ui-symbol:url('/icons/ui-building.svg')}[data-ui-icon=briefcase]{--ui-symbol:url('/icons/ui-briefcase.svg')}[data-ui-icon=calculator]{--ui-symbol:url('/icons/ui-calculator.svg')}[data-ui-icon=person]{--ui-symbol:url('/icons/ui-person.svg')}[data-ui-icon=people]{--ui-symbol:url('/icons/ui-people.svg')}[data-ui-icon=book]{--ui-symbol:url('/icons/ui-book.svg')}[data-ui-icon=shield]{--ui-symbol:url('/icons/ui-shield.svg')}[data-ui-icon=chat]{--ui-symbol:url('/icons/ui-chat.svg')}[data-ui-icon=document]{--ui-symbol:url('/icons/ui-document.svg')}[data-ui-icon=checklist]{--ui-symbol:url('/icons/ui-checklist.svg')}[data-ui-icon=download]{--ui-symbol:url('/icons/ui-download.svg')}[data-ui-icon=printer]{--ui-symbol:url('/icons/ui-printer.svg')}[data-ui-icon=clock]{--ui-symbol:url('/icons/ui-clock.svg')}[data-ui-icon=calendar]{--ui-symbol:url('/icons/ui-calendar.svg')}[data-ui-icon=pin]{--ui-symbol:url('/icons/ui-pin.svg')}[data-ui-icon=mobile]{--ui-symbol:url('/icons/ui-mobile.svg')}[data-ui-icon=chart]{--ui-symbol:url('/icons/ui-chart.svg')}[data-ui-icon=refresh]{--ui-symbol:url('/icons/ui-refresh.svg')}[data-ui-icon=help]{--ui-symbol:url('/icons/ui-help.svg')}[data-ui-icon=arrow]{--ui-symbol:url('/icons/ui-arrow.svg')}
.icon-link{display:inline-flex;align-items:center;gap:.55em;max-width:100%}
.icon-link::before{pointer-events:none}
.aside a.icon-link{display:flex;align-items:center;gap:9px}
.topbar-links .icon-link{gap:8px;white-space:nowrap}.topbar-links .icon-link::before{color:#e2be7f;font-size:1.05rem}
.topbar .wrap{gap:20px}.topbar-links{flex-wrap:wrap;gap:12px 23px}
.nav-group>summary{display:flex;align-items:center;gap:7px}.nav-group>summary::before,.nav-links>.icon-link:not(.button)::before{font-size:1rem;color:#9a7536}
.nav-links{gap:16px}.nav-links>.icon-link{gap:7px}.mega .icon-link{display:flex;align-items:flex-start;gap:10px}.mega .icon-link::before{margin-top:3px;color:#88703e}
.footer a.icon-link:not(.brand){display:flex;align-items:flex-start;gap:9px}.footer a.icon-link::before{margin-top:3px;color:#d8b877}
.footer a[href^="mailto:"]{overflow-wrap:anywhere}.footer a[href^="mailto:"]::before{flex-shrink:0}
.button.icon-link,.print-button.icon-link{gap:9px}.button.icon-link::before{font-size:1.08rem}.print-button.icon-link::before{font-size:1rem}
.card-symbol{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border:1px solid #d8c5a2;background:#fbf8f1;color:#96702e;border-radius:12px;margin-bottom:23px;font-size:24px}
.card-symbol::before{width:25px;height:25px;flex-basis:25px}.card:hover .card-symbol{background:#f2e7d3;border-color:#c9a55d}
.contact-card>.icon-link{align-items:center}.calc-links .icon-link,.hub-tabs .icon-link{gap:8px}
.checklist-help a.checklist-call{display:flex;align-items:center;gap:10px}

/* Vancouver scenery, cinematic navy, warm metal accents and exact logo lettering. */
.home-hero{position:relative;isolation:isolate;background:#071725;padding:60px 0 0;overflow:hidden}
.home-hero .hero-backdrops{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.home-hero .hero-backdrop{position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.home-hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,#061827d9 0%,#071b2ca8 43%,#0b1c2c24 100%),linear-gradient(0deg,#061624f0 0%,#0716240a 64%)}
.home-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#8b6630,#ecd09a 50%,#8b6630);z-index:2}
.home-hero .hero-grid{grid-template-columns:1fr;gap:0;align-items:center}
.home-hero .hero-copy{padding:15px 0 25px;min-width:0;max-width:700px}
.home-hero h1{margin-bottom:25px;text-shadow:0 3px 24px #0003}
.home-hero h1 .hero-market{font-size:clamp(1.75rem,2.85vw,2.5rem);line-height:1.25;font-weight:500;letter-spacing:-.03em;margin-bottom:12px;color:#fff}
.home-hero h1 .hero-product{font-size:clamp(4.2rem,7.6vw,6.65rem);letter-spacing:-.06em;line-height:1.04;color:#fff}
.home-hero .hero-slogan{color:#efd3a1;font-size:clamp(1.55rem,2.45vw,2rem);line-height:1.35;margin:0 0 22px}
.home-hero .hero-description{font-size:1.125rem;line-height:1.75;color:#ecf0f4;max-width:590px;text-shadow:0 2px 15px #0005}
.home-hero .actions{gap:14px;margin-top:31px}.home-hero .actions .button{padding:15px 22px;min-height:56px;border-radius:5px;box-shadow:0 8px 28px #0002}
.home-hero .actions .button:not(.outline){background:#dfbe80;color:#102437;border-color:#dfbe80}
.home-hero .actions .button:not(.outline):hover{background:#efd3a1;border-color:#efd3a1}
.home-hero .actions .button.outline{color:#fff;background:#0a203b70;border-color:#ffffffbf;backdrop-filter:blur(8px)}
.home-hero .actions .button.outline:hover{color:#102437;background:#fff;border-color:#fff}
.home-hero .hero-trust{grid-template-columns:1fr 1.25fr 1fr;gap:24px;padding:26px 0 27px;margin:45px 0 0;border-top:1px solid #e3c58e5c;line-height:1.6}
.home-hero .hero-trust>div{display:flex;gap:15px;align-items:center;min-width:0}
.home-hero .hero-trust>div+div{padding-left:24px;border-left:1px solid #ffffff30}
.home-hero .hero-trust b{display:block;font-size:1rem;margin:0 0 3px;font-weight:600}
.home-hero .hero-trust span{display:block;font-size:.875rem;color:#d6e0e7}
.home-hero .hero-trust .trust-symbol{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;border:1px solid #dab77760;background:#dfba7610;color:#e3bd79;font-size:21px}
@media(min-width:1201px) and (max-width:1370px){.nav-links{gap:12px;font-size:.875rem}.nav-links>.icon-link,.nav-group>summary{gap:5px}.site-header .brand-logo{width:185px;height:60px}.site-header .brand-logo img{width:199.4px;left:-7px;top:-12.75px}.nav-links>.button{padding:12px 15px}}
@media(max-width:1100px){.home-hero h1 .hero-product{font-size:clamp(3.8rem,7.4vw,6rem)}.home-hero .hero-trust{gap:16px}.home-hero .hero-trust>div+div{padding-left:16px}.home-hero .hero-trust>div{gap:10px}}
@media(max-width:800px){.home-hero{padding-top:40px}.home-hero .hero-grid{grid-template-columns:1fr;gap:33px}.home-hero .hero-copy{padding:0}.home-hero .hero-backdrop{object-position:66% center;height:780px;max-height:100%}.home-hero::before{background:linear-gradient(90deg,#071928a8,#07192855),linear-gradient(180deg,#07192875 0%,#091c2b80 36%,#061624 72%)}.home-hero h1 .hero-market{font-size:clamp(1.55rem,4.5vw,2.2rem)}.home-hero h1 .hero-product{font-size:clamp(3.45rem,12.5vw,6rem)}.home-hero .hero-slogan{font-size:1.65rem}.home-hero .hero-description{font-size:1.0625rem}.home-hero .hero-trust{grid-template-columns:1fr;gap:20px;margin-top:34px;padding:25px 0 30px}.home-hero .hero-trust>div+div{padding:0;border:0}.home-hero .hero-trust b{display:block;margin:0 0 2px}.topbar-links{justify-content:center;gap:9px 18px}.topbar-links .icon-link{font-size:.875rem}}
@media(max-width:480px){.home-hero .actions{flex-direction:column;align-items:stretch;gap:12px}.home-hero .actions .button{width:100%;text-align:center}.topbar-links .icon-link::before{font-size:.95rem}.home-hero h1{margin-bottom:21px}}
@media(prefers-reduced-motion:no-preference){.home-hero .hero-copy{animation:hero-reveal .7s ease-out both}@keyframes hero-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}
@media print{[data-ui-icon]::before{display:none}.home-hero .hero-backdrops,.home-hero::before,.home-hero::after{display:none}.home-hero{background:#fff;color:#111}.home-hero h1 .hero-market,.home-hero h1 .hero-product,.home-hero .hero-slogan,.home-hero .hero-description{color:#111;text-shadow:none}.card-symbol{display:none}}


/* Broker identity appears where visitors contact Amir Fetanat or sign up. */
.contact-layout{align-items:start;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.contact-details{min-width:0}
.broker-profile{width:min(320px,100%);padding:9px;border:1px solid #c9a55d;border-radius:12px;background:transparent;margin:0 0 26px}
.broker-photo{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:6px 6px 0 0;-webkit-mask-image:radial-gradient(ellipse 60% 82% at 48% 62%,#000 55%,#000c 82%,#0006 100%);mask-image:radial-gradient(ellipse 60% 82% at 48% 62%,#000 55%,#000c 82%,#0006 100%)}
.broker-identity{padding:20px 16px 16px;text-align:center;border-top:1px solid #c9a55d70}
.broker-name{display:block;position:relative;overflow:hidden;width:220px;max-width:100%;aspect-ratio:1105/346;margin:0 auto 12px}
.broker-name img{position:absolute;width:185.34%;max-width:none;height:auto;left:-78.46%;top:-108.09%}
.broker-role{margin:0;color:#193e59;font-size:.875rem;font-weight:500;letter-spacing:.08em;line-height:1.5;text-transform:uppercase}
.booking-card{border:1px solid #dac79e;background:#f7f4ed}
.booking-card .button{justify-content:center;white-space:normal;width:100%;font-size:.95rem;text-align:center}
.broker-profile--compact{display:flex;align-items:center;gap:16px;width:100%;padding:16px;margin:24px 0 18px;border-color:#d3dfe7;border-radius:8px}
.broker-profile--compact .broker-photo{width:84px;height:84px;flex:0 0 84px;border-radius:6px}
.broker-profile--compact .broker-identity{padding:0;text-align:left;border:0;min-width:0}
.broker-profile--compact .broker-name{width:168px;margin:0 0 9px}
.broker-profile--compact .broker-role{letter-spacing:.03em}
@media(max-width:800px){.contact-layout{grid-template-columns:1fr}.contact-details .broker-profile{width:min(300px,100%);margin-left:auto;margin-right:auto}}
@media(max-width:360px){.broker-profile--compact{gap:12px;padding:12px}.broker-profile--compact .broker-photo{width:68px;height:68px;flex-basis:68px}.broker-profile--compact .broker-name{width:150px}}

.home-hero h1 .hero-market,.home-hero h1 .hero-product{display:block}
.footer .footer-licence{margin:20px 0 15px;max-width:290px}
.footer .footer-licence a{color:#f0f4f7;text-decoration:underline;text-underline-offset:4px;line-height:1.65}
.footer .footer-licence a:hover{color:#efd3a1}