.hl-entry,.hl-entry *{box-sizing:border-box}
.hl-entry{background:#080a0f;color:#f3f5f8;position:relative;overflow:hidden;border-block:1px solid #66512a;scroll-margin-top:85px;font-family:Arial,Helvetica,sans-serif}
.hl-inner{width:min(1040px,calc(100% - 48px));margin:auto;padding:42px 0 46px;text-align:center}
.hl-kicker{color:#e2b857!important;font:11px/1.6 Arial,Helvetica,sans-serif!important;letter-spacing:.18em;margin:0 0 4px!important}
.hl-copy{position:relative;z-index:1}
.hl-copy h1,.hl-copy h2{font-family:Arial,Helvetica,sans-serif!important;font-weight:650!important;font-size:clamp(36px,4.3vw,62px)!important;letter-spacing:-.045em!important;line-height:1.12!important;color:#f3f5f8!important;margin:10px 0 0!important;background:none!important;-webkit-text-fill-color:currentColor}
.hl-copy h1 em,.hl-copy h2 em{color:#e2b857!important;font-style:normal;font-weight:650!important}
.hl-lede{font-size:18px!important;line-height:1.6!important;color:#cbd2df!important;max-width:620px!important;margin:21px auto 0!important}
.hl-actions{display:flex;justify-content:center;margin-top:26px}
.hl-actions .hl-button{display:inline-flex;justify-content:center;align-items:center;gap:36px;min-height:54px;padding:16px 30px;min-width:285px;background:#00C853;color:#080a0f;box-shadow:0 0 26px rgba(0,200,83,.12);border-radius:5px;font:700 16px/1.35 Arial,Helvetica,sans-serif;text-decoration:none}
.hl-actions .hl-button:hover{color:#080a0f;background:#00A040;box-shadow:0 0 30px rgba(0,200,83,.2)}
.hl-start-button{background:#00C853!important;color:#080a0f!important;box-shadow:0 0 20px rgba(0,200,83,.1)}
.hl-start-button:hover{background:#00A040!important;box-shadow:0 0 25px rgba(0,200,83,.18)}
.hl-start-button:focus-visible{outline:3px solid #00C853;outline-offset:5px}
.hl-note{font-size:12px!important;line-height:1.5!important;color:#b7bfcd!important;margin:13px auto 0!important}
.hl-license{font-size:10px!important;line-height:1.6!important;color:#a7b0c1!important;margin:26px auto 0!important}
.hl-visual{width:255px;max-width:80%;margin:0 auto 6px}
.hl-visual img{width:100%;height:auto;display:block}
.hl-visual figcaption{display:flex;align-items:center;justify-content:center;gap:12px;margin:-16px 0 0;color:#a7b0c1;font:10px/1.5 Arial,Helvetica,sans-serif;position:relative;z-index:2}
.hl-entry a:focus-visible,.hl-entry button:focus-visible{outline:3px solid #00C853;outline-offset:5px}
.hl-landing{max-width:none!important;padding:0!important;margin:0!important}
.hl-landing .hl-inner{padding-top:35px;padding-bottom:40px}
@media(max-width:700px){.hl-inner{width:calc(100% - 36px);padding:30px 0 34px}.hl-visual{width:210px}.hl-copy h1,.hl-copy h2{font-size:clamp(32px,7.5vw,45px)!important;line-height:1.14!important}.hl-lede{font-size:16px!important;margin-top:18px!important}.hl-actions{margin-top:23px}.hl-actions .hl-button{min-width:0;width:min(100%,330px);font-size:16px}.hl-license{font-size:9px!important;max-width:300px}.hl-landing .hl-inner{padding-top:25px;padding-bottom:28px}}

/* The original Housing Lab scope, now layered over the concept house. */
.hl-house-scope{position:relative;isolation:isolate}
.hl-radar{position:absolute;left:51%;top:54%;width:72%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;overflow:hidden;z-index:1}
.hl-radar-ring{position:absolute;border-radius:50%;border:1px solid rgba(142,217,255,.32);box-shadow:inset 0 0 28px rgba(142,217,255,.025)}
.hl-radar-ring-outer{inset:2%}
.hl-radar-ring-middle{inset:22%;border-style:dashed;border-color:rgba(226,184,87,.48);animation:hl-radar-ring-orbit 30s linear infinite;animation-play-state:paused}
.hl-radar-ring-inner{inset:37%;border-color:rgba(85,223,202,.5);box-shadow:0 0 28px rgba(85,223,202,.08)}
.hl-radar-crosshair{position:absolute;inset:2%;border-radius:50%;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(226,184,87,.15) 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),rgba(226,184,87,.15) 50%,transparent calc(50% + .5px))}
.hl-radar-sweep{position:absolute;inset:1%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 290deg,rgba(85,223,202,.04) 300deg,rgba(85,223,202,.27) 344deg,rgba(226,184,87,.55) 358deg,transparent 360deg);filter:drop-shadow(0 0 12px rgba(85,223,202,.12));opacity:.85;animation:hl-radar-orbit 18s linear infinite;animation-play-state:paused}
.hl-radar-dot{position:absolute;width:6px;height:6px;border:1px solid #b9d8bf;border-radius:50%;background:#7cbba0;box-shadow:0 0 9px rgba(85,223,202,.35);animation:hl-radar-ping 6s ease-out infinite;animation-play-state:paused}
.hl-radar-dot-one{left:44%;top:27%}.hl-radar-dot-two{left:23%;top:61%;animation-delay:2s}.hl-radar-dot-three{left:74%;top:65%;animation-delay:4s}
.hl-entry[data-radar-running="true"] .hl-radar-sweep,.hl-entry[data-radar-running="true"] .hl-radar-ring-middle,.hl-entry[data-radar-running="true"] .hl-radar-dot{animation-play-state:running}
.hl-motion-toggle{display:inline-block;margin:0;padding:8px;min-height:44px;border:1px solid rgba(226,184,87,.32);background:rgba(8,10,15,.65);color:#e2b857;font:10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.04em;cursor:pointer}.hl-motion-toggle:hover{background:rgba(226,184,87,.09)}.hl-motion-toggle[hidden]{display:none}
@keyframes hl-radar-orbit{from{transform:rotate(-74deg)}to{transform:rotate(286deg)}}
@keyframes hl-radar-ring-orbit{from{transform:rotate(0)}to{transform:rotate(-360deg)}}
@keyframes hl-radar-ping{0%,75%,100%{opacity:.3;box-shadow:0 0 0 0 rgba(85,223,202,0)}15%{opacity:1;box-shadow:0 0 0 5px rgba(85,223,202,.13)}}
@media(prefers-reduced-motion:reduce){.hl-radar-sweep,.hl-radar-ring-middle,.hl-radar-dot{animation:none!important}.hl-radar-sweep{opacity:.2;transform:rotate(-74deg)}.hl-motion-toggle{display:none}}
