.hc-hero-demo{position:absolute;right:0;top:0;width:290px;height:200px;color:var(--kiuda-text,#dbeafe);z-index:1;font-size:11px}
.hc-hero-demo-scene{position:absolute;inset:0 0 28px;perspective:700px;overflow:hidden}
.hc-hero-demo-ground{position:absolute;left:50%;top:78%;width:180px;height:48px;transform:translate(-50%,-50%);border:1px solid rgba(100,160,180,.22);border-radius:50%;background:radial-gradient(ellipse,rgba(32,80,100,.22),transparent 70%)}
.hc-hero-demo-model{position:absolute;left:50%;top:78%;width:0;height:0;transform-style:preserve-3d;animation:hcHeroBuildingTurn 30s linear infinite;transition:opacity .7s}
@keyframes hcHeroBuildingTurn{from{transform:rotateX(58deg) rotateZ(-24deg)}to{transform:rotateX(58deg) rotateZ(336deg)}}
.hc-hero-demo .hc-map-parcel{display:none}
.hc-hero-demo .hc-map-mass{transform:scale3d(.78,.78,.78);transform-style:preserve-3d}
@media(max-width:820px){.hc-hero-demo .hc-map-mass{transform:none}}
.hc-hero-demo .hc-map-envelope{animation:none;transform:none;visibility:visible}
.hc-hero-demo .hc-map-wall:not(.hc-map-basement-wall){animation:hcHeroFacade 24s 1 both}
@keyframes hcHeroFacade{0%,34%{opacity:0}48%,100%{opacity:1}}
/* Solid architectural faces: no decorative window grids. */
.hc-hero-demo[data-example="1"] .hc-map-wall:not(.hc-map-basement-wall){background:#769da7;border-color:#d7e9e8}
.hc-hero-demo[data-example="2"] .hc-map-wall:not(.hc-map-basement-wall){background:#9aa9ad;border-color:#e0e8e7}
.hc-hero-demo[data-example="3"] .hc-map-wall:not(.hc-map-basement-wall){background:#7c9690;border-color:#d4e4dc}
.hc-hero-demo-note{position:absolute;bottom:0;left:0;right:0;text-align:center;line-height:1.7;color:var(--kiuda-muted,#94a3b8)}
.hc-hero-demo-note strong{color:var(--kiuda-text,#dbeafe);font-weight:600}
.hc-hero-demo button{position:absolute;right:3px;top:0;z-index:2;border:1px solid var(--kiuda-border,#476271);border-radius:6px;background:var(--kiuda-surface,#142136);color:inherit;font-size:11px;min-height:32px;padding:4px 9px}
.hc-hero-demo.is-paused *{animation-play-state:paused!important;transition:none!important}
.hc-hero-inner>.hc-badge,.hc-hero-inner>.hc-hero-title,.hc-hero-inner>.hc-hero-sub{max-width:calc(100% - 310px)}
html.hc-anim .hc-hero-inner>.hc-hero-demo{opacity:1;transform:none;animation:none}
@media(max-width:820px){.hc-hero-inner>.hc-badge,.hc-hero-inner>.hc-hero-title,.hc-hero-inner>.hc-hero-sub{max-width:100%}.hc-hero-demo{position:relative;right:auto;top:auto;width:100%;height:225px;margin:8px auto 10px}.hc-hero-demo-scene{bottom:30px}.hc-hero-demo-model,.hc-hero-demo-ground{top:84%}}
@media(prefers-reduced-motion:reduce){.hc-hero-demo-model{animation:none;transform:rotateX(58deg) rotateZ(-24deg);transition:none}}