/* Editorial support for the visit. Consumes the existing Housemap cells and tokens. */
.support-platform,.support-onboarding,.support-questions{scroll-margin-top:var(--hm-topbar-h);padding:var(--hm-section) var(--hm-gutter);overflow:clip}
.support-intro{max-width:calc(var(--hm-content-max-editorial) - var(--hm-space-56)*2);margin:0 auto var(--hm-space-64);text-align:center}
.support-intro h2,.support-questions h2,.support-demo h2{font-size:min(var(--hm-display-section-size),var(--hm-scale-64));font-weight:var(--hm-fw-semibold);line-height:1.06;letter-spacing:var(--hm-headline-track);text-wrap:balance}
.support-intro>p{max-width:65ch;margin:var(--hm-space-24) auto 0;font-size:var(--hm-subtitle-size);line-height:var(--hm-body-lg-line);color:var(--hm-paper-500);text-wrap:pretty}
.support-platform .platform-anatomy{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--hm-space-24);align-items:stretch}
.support-platform .anatomy-part{display:flex;flex-direction:column;min-width:0}
.support-platform .anatomy-part h3{font-size:var(--hm-title-sm-size);line-height:var(--hm-title-sm-line);font-weight:var(--hm-fw-semibold);margin-bottom:var(--hm-space-24)}
.support-platform .support-card{display:flex;flex-direction:column;flex:1;min-height:calc(var(--hm-scale-64) * 5);padding:var(--hm-space-24);box-shadow:none;border:var(--hm-stroke-1) solid var(--hm-paper-200);background:var(--hm-paper-100)}
.support-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--hm-space-8);min-height:var(--hm-scale-24);font-size:var(--hm-body-md-size);line-height:var(--hm-body-md-line);color:var(--hm-paper-500)}
.support-card .ui-state{padding:var(--hm-space-4) var(--hm-space-8);font-size:var(--hm-legend-size);line-height:var(--hm-legend-line);background:var(--hm-paper-100);color:var(--hm-paper-500)}
.support-unit-number{display:block;margin-top:var(--hm-space-24);font-size:var(--hm-page-size);line-height:var(--hm-page-line);letter-spacing:var(--hm-headline-track);font-weight:var(--hm-fw-semibold);font-variant-numeric:tabular-nums}
.support-card-context{font-size:var(--hm-body-md-size);line-height:var(--hm-body-md-line);color:var(--hm-paper-500)}
.support-unit-facts{margin:var(--hm-space-24) 0 0;display:grid;gap:var(--hm-space-8);font-size:var(--hm-body-md-size);line-height:var(--hm-body-md-line)}
.support-unit-facts>div{display:flex;gap:var(--hm-space-16);justify-content:space-between;border-top:var(--hm-stroke-1) solid var(--hm-paper-200);padding-top:var(--hm-space-8)}
.support-unit-facts dt{color:var(--hm-paper-500)}.support-unit-facts dd{margin:0;text-align:right;font-weight:var(--hm-fw-semibold)}
.support-status-title{display:block;min-height:calc(var(--hm-title-sm-line) * 2);margin-top:var(--hm-space-32);font-size:var(--hm-title-sm-size);line-height:var(--hm-title-sm-line);font-weight:var(--hm-fw-semibold);max-width:18ch;text-wrap:balance}
.support-status-check{width:var(--hm-scale-24);height:var(--hm-scale-24);background:var(--hm-green-300);opacity:var(--support-complete,1)}
.support-status-track{height:var(--hm-stroke-2);background:var(--hm-paper-200);margin:var(--hm-space-24) 0}
.support-status-track span{display:block;width:100%;height:100%;background:var(--hm-green-300);transform:scaleX(var(--support-progress,1));transform-origin:left}
.support-next{display:grid;grid-template-columns:1fr var(--hm-scale-24);gap:var(--hm-space-8) var(--hm-space-16);margin-top:auto;min-height:var(--hm-scale-64)}
.support-next>span{grid-column:1/-1;color:var(--hm-paper-500);font-size:var(--hm-legend-size);line-height:var(--hm-legend-line)}
.support-next strong{font-size:var(--hm-body-lg-size);line-height:var(--hm-body-lg-line);font-weight:var(--hm-fw-semibold);text-wrap:balance}
.support-next img{width:var(--hm-scale-24);height:var(--hm-scale-24)}
.support-doc-list{display:grid;list-style:none;margin:var(--hm-space-32) 0 0;padding:0}
.support-doc-list li{display:grid;grid-template-columns:var(--hm-scale-24) 1fr auto;align-items:center;gap:var(--hm-space-8);padding:var(--hm-space-16) 0;border-top:var(--hm-stroke-1) solid var(--hm-paper-200);font-size:var(--hm-body-md-size);line-height:var(--hm-body-md-line)}
.support-doc-check{display:grid;place-items:center;width:var(--hm-scale-24);height:var(--hm-scale-24);background:var(--hm-green-300)}
.support-doc-check img{width:var(--hm-scale-16);height:var(--hm-scale-16)}
.support-doc-state{color:var(--hm-paper-500);font-size:var(--hm-legend-size);line-height:var(--hm-legend-line);text-align:right;min-width:8ch}
.support-doc-list li[data-done="false"] .support-doc-check{background:var(--hm-paper-200)}
.support-doc-list li[data-done="false"] .support-doc-check img{opacity:0}
.support-doc-caption{margin-top:auto;padding-top:var(--hm-space-16);font-size:var(--hm-legend-size);line-height:var(--hm-legend-line);color:var(--hm-paper-500)}
.support-platform .component-provenance{max-width:65ch;margin:var(--hm-space-32) auto 0;text-align:center;font-size:var(--hm-body-lg-size);line-height:var(--hm-body-lg-line);color:var(--hm-paper-500);text-wrap:pretty}
.support-onboarding{padding-top:var(--hm-space-32)}
.support-onboarding .onboarding-steps{max-width:calc(var(--hm-content-max-editorial) - var(--hm-space-56)*2);margin-inline:auto;gap:var(--hm-space-48)}
.support-onboarding .onboarding-steps li{border-color:var(--hm-paper-300);padding-top:var(--hm-space-24)}
.support-onboarding .onboarding-steps li>span{font-variant-numeric:tabular-nums;color:var(--hm-paper-500)}
.support-onboarding .onboarding-steps h3{font-weight:var(--hm-fw-semibold)}
.support-onboarding .onboarding-steps p{max-width:38ch;font-size:var(--hm-body-lg-size);line-height:var(--hm-body-lg-line);text-wrap:pretty}
.support-questions{padding-top:var(--hm-space-32);gap:var(--hm-space-64);align-items:start}
.support-questions h2{font-size:var(--hm-page-size);line-height:var(--hm-page-line);max-width:16ch}
.support-questions .hm-acc__title{font-weight:var(--hm-fw-semibold)}
.support-demo{display:grid;grid-template-columns:1fr;isolation:isolate;min-height:85svh;align-items:center;border:0;overflow:hidden}
.support-demo .demo-photo{position:absolute;inset:0;height:100%;min-height:0;z-index:-2}
.support-demo .demo-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.support-demo::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--hm-paper-500) 64%,transparent)}
.support-demo .demo-copy{max-width:calc(var(--hm-content-max-editorial) - var(--hm-space-56)*2);width:100%;padding:var(--hm-section) var(--hm-gutter);margin:auto;text-align:center}
.support-demo h2{font-size:var(--hm-headline-size);line-height:1.04;color:var(--hm-paper-100);max-width:26ch;margin:auto;text-wrap:balance}
.support-demo .demo-copy>p{max-width:54ch;margin:var(--hm-space-32) auto 0;color:var(--hm-paper-100);font-size:var(--hm-subtitle-size);line-height:var(--hm-body-lg-line);text-wrap:pretty}
.support-demo .hm-btn{margin-top:var(--hm-space-40);min-height:var(--hm-scale-56);background:var(--hm-green-300);color:var(--hm-paper-500)}
.support-demo .hm-btn img{width:var(--hm-scale-24);height:var(--hm-scale-24);flex:none}
.support-demo .demo-copy .demo-note{font-size:var(--hm-legend-size);line-height:var(--hm-legend-line);margin-top:var(--hm-space-16);color:var(--hm-paper-200)}
.support-footer{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--hm-space-24);padding:var(--hm-space-48) max(var(--hm-gutter),calc((100vw - calc(var(--hm-content-max-editorial) - var(--hm-space-56)*2))/2));background:var(--hm-paper-500)}
.support-footer nav{width:auto;margin-left:auto;gap:var(--hm-space-32)}
.support-footer nav a{display:inline-flex;min-height:var(--hm-scale-48);align-items:center}
.support-footer>p{grid-column:1/-1;max-width:none;white-space:nowrap;font-size:var(--hm-legend-size);line-height:var(--hm-legend-line)}
@media(hover:hover) and (pointer:fine){.support-demo .hm-btn:hover{background:var(--hm-green-400)}.support-footer nav a:hover{color:var(--hm-paper-100)}}
@media(max-width:1023px){
 .support-platform,.support-onboarding,.support-questions{padding-inline:var(--hm-space-24);padding-block:var(--hm-section-tight)}
 .support-platform .platform-anatomy{gap:var(--hm-space-16)}
 .support-platform .support-card{padding:var(--hm-space-16)}
 .support-card-top{font-size:var(--hm-legend-size)}
 .support-platform .anatomy-part h3{font-size:var(--hm-body-lg-size);line-height:var(--hm-body-lg-line)}
 .support-doc-list li{gap:var(--hm-space-4);font-size:var(--hm-legend-size)}
 .support-doc-state{min-width:6ch;font-size:var(--hm-legend-size)}
 .support-status-title{font-size:var(--hm-title-sm-size)}
 .support-onboarding{padding-top:var(--hm-space-24)}
 .support-onboarding .onboarding-steps{gap:var(--hm-space-24)}
 .support-questions{grid-template-columns:1fr;gap:var(--hm-space-40);padding-top:var(--hm-space-24)}
 .support-questions h2{max-width:none;text-align:center}
 .support-demo .demo-copy{padding:var(--hm-section-tight) var(--hm-space-32)}
 .support-footer{padding:var(--hm-space-32) var(--hm-space-24)}
}
@media(max-width:767px){
 .support-platform .platform-anatomy{grid-template-columns:1fr;grid-auto-rows:1fr;gap:var(--hm-space-32);max-width:var(--hm-panel-width)}
 .support-platform .support-card{padding:var(--hm-space-24);min-height:calc(var(--hm-scale-64) * 5)}
 .support-card-top,.support-doc-list li{font-size:var(--hm-body-md-size)}
 .support-platform .anatomy-part h3{font-size:var(--hm-title-sm-size);line-height:var(--hm-title-sm-line);margin-bottom:var(--hm-space-16)}
 .support-intro{margin-bottom:var(--hm-space-40)}
 .support-intro h2,.support-demo h2{font-size:var(--hm-page-size);line-height:1.08}
 .support-intro>p{font-size:var(--hm-body-lg-size);line-height:var(--hm-body-lg-line)}
 .support-onboarding .onboarding-steps{grid-template-columns:1fr;gap:var(--hm-space-32)}
 .support-onboarding .onboarding-steps li{display:grid;grid-template-columns:var(--hm-scale-32) 1fr;gap:var(--hm-space-8) var(--hm-space-16)}
 .support-onboarding .onboarding-steps li>span{margin:0;align-self:center}
 .support-onboarding .onboarding-steps p{grid-column:2;margin:0;max-width:none}
 .support-demo{min-height:85svh}
 .support-demo .demo-copy{padding:var(--hm-section-tight) var(--hm-space-24)}
 .support-demo .demo-photo img{object-position:45% center}
 .support-demo .demo-copy>p{font-size:var(--hm-body-lg-size);line-height:var(--hm-body-lg-line)}
 .support-demo .hm-btn{width:100%;max-width:var(--hm-panel-width)}
 .support-footer{grid-template-columns:1fr;padding:var(--hm-space-32) var(--hm-space-16);gap:var(--hm-space-16)}
 .support-footer .brand{justify-self:center}
 .support-footer nav{margin:0 auto;justify-content:center;gap:var(--hm-space-24)}
 .support-footer>p{grid-column:1;text-align:center;font-size:var(--hm-legend-size)}
}
@media(prefers-reduced-motion:reduce){.support-platform .anatomy-part{transform:none!important;opacity:1!important}.support-status-track span{transform:scaleX(1)}}

/* Foundation 11136:2 — clear reading surfaces share Paper, Ink and the editorial grid. */
.paper{background:var(--hm-paper-100);color:var(--hm-paper-500);--hm-fg:var(--hm-paper-500);--hm-fg-muted:var(--hm-paper-500);--hm-bg:var(--hm-paper-100);--hm-bg-page:var(--hm-paper-100);--hm-border:var(--hm-paper-200)}
.paper p{color:var(--hm-paper-500)}
@media(min-width:1024px){.support-platform,.support-onboarding,.support-questions{padding-inline:max(var(--hm-space-56),calc((100vw - (var(--hm-content-max-editorial) - var(--hm-space-56)*2))/2))}}
@media(min-width:600px) and (max-width:1023px){.support-platform,.support-onboarding,.support-questions{padding-inline:var(--hm-space-32)}}
@media(max-width:599px){.support-platform,.support-onboarding,.support-questions{padding-inline:var(--hm-space-16)}}

/* Each card visibly receives the sale context, then holds its completed state. */
.support-platform .support-card{background:var(--hm-paper-50);position:relative}
.support-platform .anatomy-part{position:relative}
.support-unit-facts>div{transform:translateY(calc((1 - var(--card-connected,1))*16px));opacity:calc(.35 + var(--card-connected,1)*.65)}
.support-doc-check,.support-doc-check img{transition:transform .4s ease,background .4s ease,opacity .4s ease}
.support-doc-list li[data-done="false"] .support-doc-check{transform:scale(.65)}
.support-doc-list li[data-done="true"] .support-doc-check{transform:scale(1)}
@media(prefers-reduced-motion:reduce){.support-doc-check,.support-doc-check img{transition:none}}

/* Ícones de apoio: implantação e topo dos cartões da plataforma. */
.support-onboarding .onboarding-steps li>.step-icon{display:block;width:var(--hm-scale-32);height:var(--hm-scale-32);margin-bottom:var(--hm-space-24)}
.step-icon img{display:block;width:100%;height:100%}
.support-card-title{display:inline-flex;align-items:center;gap:var(--hm-space-8)}
.support-card-title img{flex:none;width:var(--hm-scale-20);height:var(--hm-scale-20)}
@media(max-width:767px){.support-onboarding .onboarding-steps li>.step-icon{margin:0}}