/* Figma 11445:56 + 11445:80, inspected 2026-09-11. Initial still → existing scroll film. */
.opening-image{position:absolute;inset:72px 0 0;background:linear-gradient(rgba(31,33,31,.45),rgba(31,33,31,.45)),url('assets/opening-figma.jpg') center/cover;opacity:var(--opening-opacity,1);pointer-events:none}
html.visit-ready .visit-panel--0{padding:128px 56px 56px;justify-content:center}
html.visit-ready .visit-panel--0 .visit-copy,.visit-panel--0 .visit-copy{position:relative;width:840px;max-width:100%;margin:0;text-align:left;display:flex;flex-direction:column;gap:24px;padding-bottom:0}
.visit-panel--0 .visit-copy h1{margin:0;width:100%;font-size:clamp(40px,6vw,100px);font-weight:800;line-height:.95;letter-spacing:-.04em;text-wrap:initial;color:#f5f1ea}
.visit-panel--0 .visit-copy h1 em{font-weight:700;color:inherit}
html.visit-ready .visit-panel--0 .visit-copy p,.visit-panel--0 .visit-copy p{font-size:24px;font-weight:300;line-height:1.5;letter-spacing:-.005em;max-width:620px;margin:0;color:#f5f1ea;text-wrap:initial}
.opening-eyebrow{font-size:11px;font-weight:700;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:#b8b5ab;display:flex;align-items:center;gap:12px}
.opening-eyebrow::before{content:'';width:6px;height:6px;background:var(--hm-green-300);border-radius:50%;flex-shrink:0}
.opening-actions{display:flex;gap:16px;padding-top:16px}
.opening-actions .hm-btn{font-weight:700;white-space:nowrap}
html.visit-ready .visit-panel--0 .tour-scroll-cue{bottom:56px;color:#b8b5ab}
html.tour-opening .site-nav{background:#1f211f;border-color:#3d403f}
html.tour-opening .site-nav nav a{color:#f5f1ea}
html.tour-opening .tour-utilities{visibility:hidden}
@media(min-width:1024px){.site-nav{display:flex;justify-content:space-between;padding-inline:56px}.site-nav nav{margin:0;gap:40px}}
@media(max-width:899px){html.visit-ready .visit-panel--0{padding:96px 24px 130px}.opening-image{background-position:65% center}.opening-eyebrow{font-size:11px;line-height:1.5;max-width:32ch}.visit-panel--0 .visit-copy h1{font-size:clamp(40px,7vw,70px)}html.visit-ready .visit-panel--0 .visit-copy p{font-size:20px;max-width:32ch}.opening-actions{flex-wrap:wrap;gap:12px}.opening-actions .hm-btn{font-size:14px;padding-inline:12px}html.visit-ready .visit-panel--0 .tour-scroll-cue{bottom:24px}}
@media(max-width:599px){.opening-image{inset-block-start:64px}html.visit-ready .visit-panel--0 .visit-copy{gap:20px}.opening-actions{padding-top:4px}}
@media(max-height:500px){html.visit-ready .visit-panel--0{padding:88px 24px 24px}.visit-panel--0 .visit-copy h1{font-size:40px}html.visit-ready .visit-panel--0 .visit-copy{gap:12px}html.visit-ready .visit-panel--0 .visit-copy p{font-size:16px}.opening-actions{padding-top:0}html.visit-ready .visit-panel--0 .tour-scroll-cue{left:auto;right:24px;transform:none}}
/* Reading → centered product → details → still hold. */
html.visit-ready .visit-panel:not(.visit-panel--0) .visit-copy{position:absolute;top:50%;left:50%;width:calc(100% - 160px);transform:translate(-50%,-50%);margin:0;translate:-50% -50%;max-width:1100px}
html.visit-ready .visit-panel:not(.visit-panel--0) .visit-product{left:50%;top:54%;bottom:auto;transform:translate(-50%,-50%);max-width:calc(100% - 128px)}
.piece-speech>img{display:block;filter:none;margin-block:16px}
.piece-speech>p{min-height:3em}
.piece-speech>p>span::after{content:'|';opacity:var(--typing-cursor,0);color:var(--hm-green-300)}
.plan-details{display:flex;justify-content:space-between;gap:12px;margin-block:16px;font-size:12px}
html.visit-ready .plan-detail{opacity:var(--detail,0);transform:translateY(calc((1 - var(--detail,0))*12px))}
@media(max-width:899px){html.visit-ready .visit-panel:not(.visit-panel--0) .visit-copy{width:calc(100% - 64px)}html.visit-ready .visit-panel:not(.visit-panel--0) .visit-product{max-width:calc(100% - 80px)}.purchase-composition{flex-wrap:wrap;justify-content:center}.plan-details{gap:8px;font-size:11px}}
@media(max-width:599px){html.visit-ready .visit-panel:not(.visit-panel--0) .visit-product{max-width:calc(100% - 112px)}}
/* A single connected ecosystem; no staircase offsets. */
.purchase-ecosystem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:var(--hm-space-40);width:min(960px,calc(100vw - 160px))}
.purchase-ecosystem .purchase-piece{position:relative;width:auto!important;margin-top:0!important;min-height:var(--hm-space-240,240px);display:flex;flex-direction:column;padding:var(--hm-space-24);box-shadow:none}
.purchase-ecosystem h3{min-height:var(--hm-space-56);margin:0 0 var(--hm-space-24)}
.purchase-ecosystem p{margin:0;line-height:1.5}
.purchase-ecosystem .purchase-piece:not(:last-child)::after{content:'';position:absolute;left:100%;top:50%;width:var(--hm-space-40);height:var(--hm-stroke-2);background:var(--hm-green-300);transform:scaleX(var(--connection,0));transform-origin:left center}
html:not(.visit-ready) .purchase-ecosystem .purchase-piece{--connection:1}
@media(max-width:899px){.purchase-ecosystem{grid-template-columns:1fr;width:100%;gap:var(--hm-space-24)}.purchase-ecosystem .purchase-piece{min-height:0;padding:var(--hm-space-16);display:grid;grid-template-columns:1fr;gap:var(--hm-space-8)}.purchase-ecosystem h3{min-height:0;margin:0;font-size:var(--hm-body-lg-size)}.purchase-ecosystem p{grid-column:1;grid-row:auto;font-size:var(--hm-body-md-size)}.purchase-ecosystem br{display:none}.purchase-ecosystem .purchase-piece:not(:last-child)::after{left:50%;top:100%;height:var(--hm-space-24);width:var(--hm-stroke-2);transform:scaleY(var(--connection,0));transform-origin:center top}}
/* The two systems share a heading baseline and a connected centerline. */
.guided-message{width:400px;max-width:100%;margin:var(--hm-space-24) auto 0;text-align:left;background:var(--hm-paper-100);color:var(--hm-paper-500);padding:var(--hm-space-16)}
.broker-presence{height:48px;display:flex;align-items:center;gap:12px;padding:4px 8px}
.broker-avatar{position:relative;width:40px;height:40px;flex-shrink:0}.broker-avatar>img:first-child{width:40px;height:40px;border-radius:50%;object-fit:cover}.broker-avatar .broker-ring{position:absolute;display:block;width:48px;height:48px;max-width:none;max-height:none;aspect-ratio:1;left:-4px;top:-4px}.broker-avatar .broker-online{position:absolute;width:12px;height:12px;left:29px;top:29px}
.broker-identity{display:flex;flex-direction:column;gap:0;font-size:12px;font-weight:600;line-height:16px}.broker-identity strong{font-size:14px;line-height:16px;font-weight:700}.broker-identity small{display:inline-block;margin-left:8px;background:var(--hm-paper-500);color:var(--hm-green-300);font-size:11px;line-height:14px;padding:1px 6px}.broker-identity>span{color:var(--hm-paper-400)}
.visit-copy .broker-message{font-size:16px;line-height:24px;color:var(--hm-paper-500);margin:16px 8px 0;min-height:72px;text-wrap:initial}
html.visit-ready .guided-message{opacity:var(--broker-in,0);translate:0 calc((1 - var(--broker-in,0))*16px)}
@media(max-width:599px){html.visit-ready .visit-panel--4 .visit-copy h2{font-size:34px}html.visit-ready .visit-panel--4 .visit-copy>p{font-size:16px;line-height:24px}.guided-message{margin-top:16px;padding:12px}.broker-identity small{margin-left:4px}.visit-copy .broker-message{font-size:14px;line-height:20px;min-height:80px}}
@media(prefers-reduced-motion:reduce){.guided-message{opacity:1;translate:none}}
@media(max-width:599px){html.visit-ready .visit-panel--4 .visit-copy{width:calc(100% - 112px)}html.visit-ready .visit-panel--4 .visit-copy h2{font-size:30px}.broker-identity small{display:block;width:fit-content;margin:2px 0}.broker-presence{height:auto;min-height:48px}}
/* Illustrative apartment film replaces the floor-plan card. */
.piece-tour{width:min(960px,calc(100vw - 160px));padding:var(--hm-space-16);box-shadow:none}
.apartment-view{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--hm-paper-500)}
.piece-tour .purchase-blueprint{width:100%;height:100%;object-fit:cover;transform:none!important;clip-path:none!important}
.apartment-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.apartment-view.is-ready .apartment-film{opacity:1}
.piece-tour .piece-label{margin-bottom:var(--hm-space-12)}
.piece-tour .piece-bottom{border:0;margin:0;padding-top:var(--hm-space-12)}
.apartment-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--hm-space-16);margin-top:var(--hm-space-12);font-size:var(--hm-body-md-size)}
@media(max-height:850px) and (min-width:900px){.piece-tour{width:min(760px,calc(100vw - 160px))}.apartment-view{max-height:46svh}}
@media(max-width:899px){.piece-tour{width:100%;padding:var(--hm-space-12)}.apartment-view{aspect-ratio:4/3}.apartment-controls{gap:var(--hm-space-8);flex-wrap:wrap}.apartment-controls>span{order:-1;width:100%;text-align:center}}
.purchase-ecosystem .purchase-piece{background:var(--hm-paper-100)}

/* Housemap editorial Display pair: ExtraBold with Light Italic emphasis. */
.visit-copy h2,.support-intro h2,.support-questions h2,.support-demo h2{font-weight:var(--hm-fw-extrabold);line-height:var(--hm-display-section-line);letter-spacing:var(--hm-display-section-track)}
.visit-copy h2 em,.support-intro h2 em,.support-questions h2 em,.support-demo h2 em{font-weight:var(--hm-fw-light);font-style:italic}
.support-intro h2{font-size:var(--hm-display-section-size)}


.footer-editorial{display:block;color:var(--hm-paper-100)}
.footer-top{display:grid;grid-template-columns:1fr auto;align-items:end;gap:var(--hm-space-48) var(--hm-space-64);padding-block:var(--hm-space-32) var(--hm-space-48)}.footer-top nav{display:flex;flex-wrap:wrap;min-width:max-content;justify-content:flex-end;column-gap:var(--hm-space-32)}
.footer-top p{color:var(--hm-paper-300);margin-top:var(--hm-space-24);font-size:var(--hm-body-lg-size);line-height:var(--hm-body-lg-line)}
.footer-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--hm-space-8) var(--hm-space-32);padding-block:var(--hm-space-24) 0;border-top:var(--hm-stroke-1) solid var(--hm-paper-400)}.footer-links p{margin:0;font-size:var(--hm-legend-size);line-height:var(--hm-legend-line);color:var(--hm-paper-300);white-space:normal;max-width:none}
.footer-editorial nav{margin:0}
@media(max-width:767px){.footer-top{grid-template-columns:1fr;gap:var(--hm-space-32)}.footer-top nav{min-width:0}.footer-links{flex-direction:column}.footer-top nav{justify-content:flex-start}.footer-editorial nav{margin:0}}

.trust-timeline{--hm-fg:var(--hm-paper-100);max-width:var(--hm-panel-width);margin:0 auto var(--hm-space-32);padding:0;list-style:none}
.trust-timeline .hm-timeline__mark img{opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s}
.trust-timeline [data-done="true"] img{opacity:1;transform:scale(1)}
@media(prefers-reduced-motion:reduce){.trust-timeline .hm-timeline__mark img{transition:none}}

/* Editorial timeline follows the brand markers requested for this page. */
.trust-timeline .hm-timeline__mark{border-radius:var(--hm-radius-0)}
.trust-timeline .hm-timeline__mark--check{background:var(--hm-green-300)}

/* Title leads; the timeline emerges from its rear layer on the next scroll beat. */
.visit-panel--5 .visit-copy{isolation:isolate}
.visit-panel--5 .visit-copy h2,.visit-panel--5 .visit-copy>p{position:relative;z-index:2}
html.visit-ready .trust-timeline{position:relative;z-index:1;opacity:var(--timeline-reveal,0);transform:translateY(calc((1 - var(--timeline-reveal,0))*var(--hm-space-64))) scale(calc(.88 + var(--timeline-reveal,0)*.12));clip-path:inset(0 0 calc((1 - var(--timeline-reveal,0))*100%) 0)}
@media(prefers-reduced-motion:reduce){html.visit-ready .trust-timeline{opacity:1;transform:none;clip-path:none}}

.market-showcase{padding:var(--hm-section) var(--hm-gutter);scroll-margin-top:var(--hm-topbar-h)}
.market-showcase-heading{display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:var(--hm-space-48);margin-bottom:var(--hm-space-48)}
.market-showcase-eyebrow{font-size:var(--hm-legend-size);font-weight:var(--hm-fw-bold);letter-spacing:var(--hm-eyebrow-track);margin-bottom:var(--hm-space-24)}
.market-showcase h2{font-size:var(--hm-display-section-size);line-height:var(--hm-display-section-line);letter-spacing:var(--hm-display-section-track);font-weight:var(--hm-fw-extrabold)}
.market-showcase h2 em{font-weight:var(--hm-fw-light);font-style:italic}
.market-showcase-heading>p{font-size:var(--hm-body-lg-size);line-height:var(--hm-body-lg-line);max-width:36ch}
.market-products{display:grid;grid-template-columns:3fr 2fr;gap:var(--hm-space-24)}
.market-product{position:relative;isolation:isolate;min-height:var(--hm-panel-width);display:flex;align-items:end;padding:var(--hm-space-32);color:var(--hm-paper-100);overflow:hidden;text-decoration:none}
.market-product:first-child{grid-row:span 2}
.market-product-slot{min-height:var(--hm-panel-width)}
.market-product>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .5s}
.market-product::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(transparent 25%,var(--hm-paper-500))}
.market-product-info{width:100%}.market-product-info>span:first-child{font-size:var(--hm-legend-size)}
.market-product h3{font-size:var(--hm-title-lg-size);line-height:var(--hm-title-lg-line);margin:var(--hm-space-12) 0 var(--hm-space-24);font-weight:var(--hm-fw-extrabold)}
.market-product:first-child h3{font-size:var(--hm-page-size);line-height:var(--hm-page-line)}
.market-product-action{display:flex;justify-content:space-between;gap:var(--hm-space-16);border-top:var(--hm-stroke-1) solid var(--hm-paper-400);padding-top:var(--hm-space-16);font-size:var(--hm-body-md-size)}
.market-showcase-footer{margin-top:var(--hm-space-32);text-align:center}
@media(hover:hover){.market-product:hover>img{transform:scale(1.025)}}
@media(max-width:767px){.market-showcase{padding:var(--hm-section-tight) var(--hm-space-24)}.market-showcase-heading{grid-template-columns:1fr;gap:var(--hm-space-24)}.market-products{grid-template-columns:1fr}.market-product:first-child{grid-row:auto}.market-product-slot{display:none}.market-product{padding:var(--hm-space-24)}.market-product:first-child h3{font-size:var(--hm-title-lg-size)}}
@media(prefers-reduced-motion:reduce){.market-product>img{transition:none}}

.market-showcase-heading{grid-template-columns:minmax(0,1fr) auto}.market-showcase-heading>.hm-btn{justify-self:end}
@media(max-width:767px){.market-showcase-heading{grid-template-columns:1fr}.market-showcase-heading>.hm-btn{justify-self:start}}

/* Conexão: ícone de cada ator no topo do cartão. */
.purchase-ecosystem .ecosystem-icon{display:block;flex:none;width:var(--hm-scale-32);height:var(--hm-scale-32);margin-bottom:var(--hm-space-24)}
@media(max-width:899px){.purchase-ecosystem .ecosystem-icon{width:var(--hm-scale-24);height:var(--hm-scale-24);margin:0}}