:root{--blue:#2563eb;--ink:#263e4c;--muted:#738994;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#e8f3f7;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,a,input,textarea{font:inherit}button{color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:4px}svg{height:21px;width:21px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.header{position:absolute;z-index:20;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4.5vw,72px)}.brand{padding:0;background:none;display:flex}.brand img{width:164px;height:auto}.header-actions{display:flex;gap:24px;align-items:center}.expert-link{font-size:12px;color:#526f80}.expert-link:hover{color:var(--blue)}.quiet-button{position:relative;width:44px;height:44px;display:grid;place-items:center;background:#ffffff80;border:1px solid #fff;border-radius:50%;backdrop-filter:blur(12px)}.quiet-button svg{width:19px;height:19px}.count{position:absolute;right:-4px;top:-3px;width:17px;height:17px;border-radius:50%;background:var(--blue);color:white;font-size:10px;display:grid;place-items:center}
.world{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:100px 20px 22px;isolation:isolate;background:radial-gradient(ellipse at 72% 5%,#fff8e0a6,transparent 50%),linear-gradient(180deg,#b1d8ec 0%,#e9f3f6 70%,#eef5f6 100%)}.world-label{text-align:center;z-index:2;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2px;color:#6a8593;margin:0 0 9px}.world-label h1{font-size:clamp(28px,3.1vw,40px);font-weight:450;line-height:1.1;letter-spacing:-1.6px;margin:0}.world-label h1 span{white-space:nowrap}.world-label>p:last-child{font-size:12px;color:#748b96;margin:8px 0 0}
.island-stage{position:relative;width:min(960px,100%);height:clamp(540px,66svh,710px);flex-shrink:0;margin:4px auto 0}.island-motion{position:relative;top:-14px;width:min(70svh,680px);max-width:80%;aspect-ratio:1;margin:0 auto;pointer-events:none}.house-hit{position:absolute;inset:0;user-select:none}.scene-image,#service-overlay{position:absolute;inset:0;width:100%;height:100%}.scene-image{object-fit:contain;user-select:none;-webkit-user-drag:none;pointer-events:none}#service-overlay{pointer-events:none}.service-layer{position:absolute;inset:0;display:block;width:100%;height:100%;fill:none;stroke:none;pointer-events:none}
.service-grid{position:absolute;inset:0;z-index:3;pointer-events:none}.service-choice{position:absolute;display:flex;align-items:center;justify-content:center;gap:9px;min-width:88px;max-width:165px;min-height:48px;padding:9px 15px;border:1px solid #ffffffee;border-radius:999px;background:#ffffffca;box-shadow:0 9px 30px #426b8314,0 2px 6px #426b8309;backdrop-filter:blur(14px);font-size:11px;font-weight:550;line-height:1.2;text-align:center;color:#526e7b;pointer-events:auto;animation:bubble-bob 8s ease-in-out infinite;transition:background .2s,border-color .2s,box-shadow .2s,color .2s}.service-choice svg{width:19px;height:19px;color:#6b8b9b}.service-choice:hover{background:#fff;color:#24577c;box-shadow:0 10px 28px #426b8325}.service-choice[aria-pressed=true]{background:#fff;color:var(--blue);border-color:#dce9fa;box-shadow:0 10px 27px #2563eb22}.service-choice[aria-pressed=true] svg{color:var(--blue)}.service-choice:active{background:#ecf2ff}.service-choice:hover,.service-choice:focus-visible,.service-choice:active{animation-play-state:paused}
.service-choice[data-zone=roof]{left:10%;top:5%;animation-delay:-1.1s}.service-choice[data-zone=home]{left:calc(50% - 55px);top:0;animation-delay:-3.1s}.service-choice[data-zone=attic]{right:10%;top:5%;animation-delay:-5.2s}.service-choice[data-zone=spray]{left:0;top:52%;animation-delay:-2.3s}.service-choice[data-zone=windows]{right:0;top:52%;animation-delay:-4.6s}.service-choice[data-zone=comfort]{left:13%;bottom:6%;animation-delay:-6.2s}.service-choice[data-zone=outside]{left:calc(50% - 49px);bottom:1%;animation-delay:-.5s}.service-choice[data-zone=floor]{right:11%;bottom:6%;animation-delay:-7s}
.project-picker{width:min(680px,100%);z-index:4;margin-top:-5px}.project-action{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 8px 8px 16px;border:1px solid #ffffffb9;border-radius:23px;background:#ffffff7c;backdrop-filter:blur(12px);box-shadow:0 8px 35px #4a77900c}.project-action>div{display:flex;flex-direction:column;gap:5px;min-width:0}.project-action span{font-size:12px;font-weight:550}.project-action small{font-size:10px;color:#748c98}.scene-plan{display:flex;align-items:center;gap:10px;border-radius:25px;background:var(--blue);color:white;padding:12px 17px;min-height:44px;white-space:nowrap;font-size:11px;transition:background .18s,opacity .18s}.scene-plan svg{width:14px;height:14px}.scene-plan:hover{background:#1f57d3}.scene-plan:disabled{opacity:.35;cursor:default}.scene-loading{position:absolute;left:50%;top:54%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;background:#ffffffdd;padding:11px 15px;border:1px solid white;border-radius:25px;z-index:7}.scene-loading>span:not(.loading-copy){width:4px;height:4px;border-radius:50%;background:var(--blue);animation:dot 1s ease-in-out infinite}.scene-loading>span:nth-child(2){animation-delay:.12s}.scene-loading>span:nth-child(3){animation-delay:.24s}.loading-copy{font-size:10px;color:#66808e;margin-left:6px}
.scroll-cue{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px 10px 0;color:#6c8998;font-size:10px;letter-spacing:.3px;min-height:36px}.scroll-cue svg{width:14px;height:14px}.scroll-cue:hover{color:var(--blue)}
.expert-section{position:relative;min-height:105svh;scroll-margin-top:0;padding:120px 6vw 28px;background:radial-gradient(ellipse at 22% 54%,#fffef3a3,transparent 52%),linear-gradient(180deg,#eef5f6 0%,#eef5f6 8%,#d9edf6 28%,#c8e5f5 55%,#eaf5fc 94%);isolation:isolate;overflow:hidden}.cloud-bridge{position:absolute;top:0;left:-10%;width:120%;height:220px;pointer-events:none;z-index:-1;opacity:.38;mask-image:linear-gradient(to bottom,transparent 0%,#000 22%,#000 52%,transparent 100%)}.cloud-bridge i{position:absolute;width:60%;height:135px;border-radius:50%;background:#fff;filter:blur(34px)}.cloud-bridge i:nth-child(1){left:-10%;top:8px}.cloud-bridge i:nth-child(2){left:25%;top:55px}.cloud-bridge i:nth-child(3){right:-10%;top:4px}.expert-inner{width:min(1120px,100%);margin:0 auto;min-height:650px;display:grid;grid-template-columns:1fr 1.05fr;grid-template-rows:auto 1fr;column-gap:65px;position:relative}.expert-intro{grid-column:1;grid-row:1;text-align:left;z-index:2}.expert-intro h2{font-size:clamp(36px,4vw,57px);font-weight:450;line-height:1.07;letter-spacing:-2px;margin:0}.expert-intro h2 span{color:var(--blue)}.expert-intro>p:last-child{font-size:13px;line-height:1.6;color:#7a919e;margin:17px 0 0}.expert-portrait{position:relative;grid-column:1;grid-row:2;min-height:390px;margin-top:-12px;transform:translateY(var(--expert-rise,0px));opacity:var(--expert-opacity,1);will-change:transform,opacity;pointer-events:none}.expert-portrait img{position:relative;display:block;height:440px;width:100%;object-fit:contain;z-index:2;filter:drop-shadow(0 18px 25px #2a6dba12);transform:rotate(var(--expert-turn,0deg));transform-origin:50% 85%}.expert-halo{position:absolute;inset:15% 0 10%;background:radial-gradient(ellipse,#ffffffcb,transparent 67%);filter:blur(25px)}.expert-cloud{position:absolute;bottom:-10px;left:-10%;width:120%;height:110px;border-radius:50%;background:radial-gradient(ellipse,#fffffff5,transparent 69%);filter:blur(8px);z-index:3;transform:translateX(var(--cloud-shift,0px))}
.expert-chat{align-self:center;grid-column:2;grid-row:1 / span 2;background:#fffffff0;border:1px solid #ffffffed;border-radius:30px;box-shadow:0 25px 75px #37668210;backdrop-filter:blur(24px);padding:30px;z-index:5;transform:translateY(var(--chat-rise,0px));opacity:var(--chat-opacity,1);will-change:transform,opacity}.chat-heading{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:550;color:#517082}.expert-status{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #2563eb0a}.preview-badge{margin-left:auto;font-size:9px;font-weight:500;color:#6f8a9d;border:1px solid #dce8f0;border-radius:20px;padding:5px 9px;background:#f6fafc}.chat-welcome{margin:28px 0 19px}.chat-welcome h3{max-width:370px;margin:0;font-size:clamp(20px,2vw,25px);font-weight:450;letter-spacing:-.8px;line-height:1.2;color:#294756}.chat-welcome p{margin:9px 0 0;font-size:12px;color:#7e96a3;line-height:1.5}.expert-messages{max-height:280px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 2px;margin:0 0 14px}.expert-messages:empty{display:none}.chat-message{font-size:13px;line-height:1.6;margin:0 0 13px;color:#415d70;overflow-wrap:anywhere}.chat-message p{margin:0 0 5px}.chat-message.user{margin-left:22px;border-radius:17px 17px 5px 17px;background:#e9f1fc;padding:10px 14px}.chat-message.assistant{padding:11px 15px;border-left:2px solid #a9c5e8;background:#f7fafd;border-radius:4px 15px 15px 4px}.reply-label{display:block;color:#8ba0ac;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}
.expert-prompts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.expert-prompts button{display:inline-flex;align-items:center;justify-content:center;background:#f4f8fb;border:1px solid #e3edf3;border-radius:999px;padding:10px 14px;color:#617f91;font-size:11px;text-align:center;min-height:44px;transition:background .2s,border-color .2s,color .2s}.expert-prompts button:hover{background:#fff;border-color:#b9cfea;color:var(--blue)}#expert-form{display:flex;align-items:flex-end;gap:10px;background:#fff;border:1px solid #cfdfeb;border-radius:19px;padding:6px 6px 6px 15px;box-shadow:0 4px 18px #2f64860c}#expert-form:focus-within{border-color:#8eafea;box-shadow:0 0 0 3px #2563eb12}#expert-question{resize:none;min-height:68px;max-height:140px;flex:1;width:0;border:0;outline:none;background:transparent;padding:10px 0;color:var(--ink);font-size:15px;line-height:1.45}#expert-question::placeholder{color:#97aab5}#expert-form>button{min-width:79px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:5px;background:var(--blue);color:white;flex-shrink:0;font-size:11px;font-weight:600}#expert-form>button svg{width:15px;height:15px}#expert-form>button:disabled{opacity:.4}.expert-disclosure{font-size:10px;text-align:left;line-height:1.5;color:#879eaa;margin:14px 1px 0}.world-footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:15px;max-width:1120px;margin:30px auto 0;font-size:10px;letter-spacing:.2px;color:#8198a7}.world-footer a{display:flex;align-items:center;gap:8px}.world-footer svg{width:13px;height:13px;transform:rotate(-90deg)}
.panel-backdrop{position:fixed;inset:0;background:#294c651f;z-index:39;backdrop-filter:blur(5px)}.project-sheet{position:fixed;z-index:40;bottom:24px;right:24px;width:360px;max-height:calc(100dvh - 80px);overflow:auto;border:1px solid #fff;background:#fffffff5;backdrop-filter:blur(24px);border-radius:26px;padding:28px;box-shadow:0 25px 100px #26465a20;animation:sheet-in .25s var(--ease)}.sheet-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f0f5f6}.sheet-close svg{width:15px;height:15px}.sheet-eyebrow{font-size:9px;letter-spacing:1.7px;color:#788d95;margin:0 0 20px}.project-sheet h2{font-size:27px;letter-spacing:-.9px;line-height:1.2;font-weight:500;margin:0 0 12px}.project-sheet p{font-size:12px;line-height:1.7;color:#6c818a}.project-options{display:flex;flex-direction:column;gap:8px;margin-top:21px}.project-option{background:#f3f7f7;text-align:left;padding:14px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;font-size:12px;min-height:46px}.project-option:hover{background:#e9f0ff}.project-option svg{width:15px;height:15px;color:var(--blue)}.sheet-note{font-size:9px!important;margin:17px 0 0}.empty-icon{height:38px;width:38px;color:var(--blue);margin:10px 0 16px}.save-project{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:white;border-radius:30px;padding:15px;width:100%;margin-top:24px;font-size:12px}.saved-row{display:flex;align-items:center;gap:14px;font-size:12px;border-bottom:1px solid #e5ecec;padding:16px 0}.saved-row span{flex:1}.saved-row button{font-size:10px;background:none;color:#758b93;text-decoration:underline}.back-option{background:none;padding:0;margin:0 0 22px;display:flex;gap:8px;align-items:center;font-size:10px;color:#5d7b8d}.back-option svg{width:14px;height:14px}.toast{position:fixed;z-index:60;left:50%;bottom:25px;transform:translateX(-50%);background:#224b49;color:#fff;padding:12px 20px;border-radius:25px;font-size:12px;max-width:90vw}.mode-panel{overflow:hidden}
@media(min-width:1500px){.world{padding-top:110px}.island-stage{height:min(73svh,790px)}}
@media(max-width:900px){.expert-inner{column-gap:20px}.expert-chat{padding:20px}.expert-portrait img{height:400px}.service-choice{font-size:10px;padding:8px 12px}}
@media(max-width:700px){
 .header{height:66px;padding:0 19px}.brand img{width:136px}.header-actions{gap:15px}.expert-link{font-size:10px}.quiet-button{width:44px;height:44px}.quiet-button svg{width:16px;height:16px}
 .world{padding:77px 12px 17px;min-height:100svh}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:7px}.world-label h1{font-size:clamp(23px,6.3vw,28px);letter-spacing:-1.15px}.world-label h1 span{display:block}.world-label>p:last-child{font-size:11px;margin-top:7px}
 .island-stage{width:100%;height:calc(min(100vw,430px) + 100px);margin:3px auto 0}.island-motion{top:37px;width:calc(100% + 24px);max-width:none;left:-12px}.service-choice{gap:6px;min-width:0;max-width:33%;min-height:46px;padding:7px 10px;font-size:10px;box-shadow:0 6px 18px #426b8317}.service-choice svg{width:16px;height:16px}.service-choice[data-zone=roof]{left:2%;top:2%}.service-choice[data-zone=home]{left:calc(50% - 49px);top:0}.service-choice[data-zone=attic]{right:1%;top:2%}.service-choice[data-zone=spray]{left:0;top:39%}.service-choice[data-zone=windows]{right:0;top:37%}.service-choice[data-zone=comfort]{left:2%;bottom:22%}.service-choice[data-zone=outside]{left:calc(50% - 42px);bottom:0}.service-choice[data-zone=floor]{right:1%;bottom:14%}
 .project-picker{width:min(430px,100%);margin-top:0}.project-action{min-height:67px;padding:9px 9px 9px 12px}.project-action span{font-size:11px}.project-action small{font-size:9px;max-width:180px;line-height:1.35}.scene-plan{font-size:10px;padding:10px 12px;gap:6px}.scene-plan svg{width:12px}.scroll-cue{font-size:9px;padding-top:7px}
 .expert-section{padding:60px 22px 24px;min-height:100svh}.expert-inner{display:flex;flex-direction:column;align-items:center;min-height:0}.expert-intro{text-align:center}.expert-intro h2{font-size:37px;letter-spacing:-1.4px}.expert-intro>p:last-child{font-size:12px;margin-top:12px}.expert-portrait{width:100%;min-height:0;height:215px;margin-top:-7px;margin-bottom:-20px;z-index:2}.expert-portrait img{height:250px}.expert-cloud{height:75px;bottom:-9px;left:-15%;width:130%}.expert-chat{width:100%;max-width:460px;padding:22px;border-radius:25px;align-self:center}.chat-welcome{margin:22px 0 17px}.chat-welcome h3{font-size:21px}.expert-messages{max-height:230px}.chat-message{font-size:13px}.expert-prompts{gap:7px;margin-bottom:14px}.expert-prompts button{font-size:10px;padding:9px 11px;min-height:44px}.expert-disclosure{font-size:9px}#expert-question{font-size:16px;min-height:70px}#expert-form>button{height:46px;min-width:74px}
 .world-footer{flex-direction:column;margin-top:30px;gap:16px;text-align:center;font-size:9px}.project-sheet{left:12px;right:12px;bottom:12px;width:auto;padding:25px}
}
@media(max-width:360px){.expert-link{display:none}.world{padding-top:73px;padding-left:8px;padding-right:8px}.world-label h1{font-size:22px}.island-stage{height:calc(100vw + 97px)}.island-motion{width:calc(100% + 16px);left:-8px}.service-choice{padding:7px 8px;font-size:9px;gap:4px}.service-choice svg{width:15px;height:15px}.project-action small{max-width:135px}.scene-plan{font-size:9px;padding:9px}.expert-section{padding-left:16px;padding-right:16px}.expert-chat{padding:17px}}
@media(max-height:740px) and (max-width:700px){.world{padding-top:70px}.world-label h1{font-size:clamp(22px,6.3vw,26px)}.world-label>p:last-child{margin-top:5px}.island-stage{margin-top:0}.project-action{min-height:60px}}@keyframes bubble-bob{0%,100%{translate:0 0}50%{translate:0 -3px}}
@media(hover:none){.service-choice{animation:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.expert-portrait,.expert-chat,.expert-portrait img{transform:none!important;opacity:1!important}}
@keyframes dot{50%{opacity:.35;transform:translateY(-3px)}}@keyframes sheet-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}









@media(max-width:360px){#expert-form>button{min-width:46px;width:46px}#expert-form>button span{display:none}}