*{box-sizing:border-box}body{margin:0;background:#eef2f6;color:#12233c;font:16px/1.55 Arial,sans-serif}header{max-width:740px;margin:auto;padding:22px 24px;display:flex;gap:18px;align-items:center}header img{width:72px;height:auto}header small{display:block;color:#627287;font-size:12px;margin-top:4px}main{max-width:700px;margin:0 auto 40px;background:white;border-radius:20px;padding:28px 32px;box-shadow:0 8px 36px #17315309}.progress-head{display:flex;justify-content:space-between;font-size:13px;color:#53657c}progress{width:100%;height:5px;border:0;appearance:none;display:block;margin:12px 0 22px}progress::-webkit-progress-bar{background:#e8edf4;border-radius:5px}progress::-webkit-progress-value{background:#164dcc;border-radius:5px}.companion{display:flex;gap:9px;align-items:center;color:#53657c;font-size:13px;margin-bottom:25px}.dot{width:7px;height:7px;border-radius:50%;background:#164dcc}h1{font-size:32px;letter-spacing:-.035em;line-height:1.16;margin:0 0 12px}h2{font-size:20px;margin:26px 0 12px}p{margin:0 0 20px}.muted,small{color:#627287}.muted{font-size:14px}label{display:block;font-weight:700;margin:20px 0 8px}input{width:100%;padding:15px;border:1px solid #bccbdd;border-radius:9px;font:inherit;min-height:52px}button{font:inherit;cursor:pointer;border:1px solid #c7d2e2;background:white;color:#173153;padding:13px 18px;border-radius:9px;min-height:50px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #75a9ff;outline-offset:3px}button:hover{border-color:#164dcc}button[aria-pressed=true]{background:#edf3ff;border:2px solid #164dcc;padding:12px 17px;color:#103ba0}.primary{background:#164dcc;color:white;border-color:#164dcc;font-weight:700}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choices button{text-align:left}.sizes button{min-height:125px;padding:18px}.sizes button[aria-pressed=true]{padding:17px}.sizes strong{display:block;font-size:29px}.sizes span{display:block;font-size:14px;margin-top:4px}.sizes small{display:block;font-size:12px;margin-top:8px}.question{padding:0 0 22px;border-bottom:1px solid #e4eaf2}.question h2{margin-top:22px}.follow{margin-top:12px}.link{border:0;text-decoration:underline;padding-left:0;color:#164dcc}.bottom{display:flex;gap:12px;position:sticky;bottom:0;background:#fff;padding:20px 0 8px;margin-top:16px}.bottom .primary{flex:1}.private-note{font-size:12px;text-align:center;margin:15px 0 0;color:#627287}#error{color:#a22727;margin:18px 0 0;font-size:14px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.photo img{width:100%;height:110px;object-fit:cover;border-radius:8px}.photo button{width:100%;padding:5px;font-size:12px;min-height:44px}.upload{display:block;border:1px dashed #aabbd1;border-radius:12px;padding:20px;background:#f7f9fc}.upload input{font-size:14px;padding:8px;border:0}.result{background:#112c56;color:#fff;padding:26px;border-radius:14px}.result .amount{font-size:44px;line-height:1.15;font-weight:700;letter-spacing:-.03em;margin:12px 0}.result small{color:#d0dced}.rows{margin:22px 0 0}.rows div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #e0e7f0}.rows dt{color:#627287}.rows dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}.result .rows dt{color:#d0dced}.result .rows div{border-color:#38506e}.notice{padding:16px;border-left:3px solid #164dcc;background:#f2f6fc;font-size:14px;margin:20px 0}.summary-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.summary-title h2{margin:0}.done{text-align:center;padding:32px 0}dialog{border:0;border-radius:16px;max-width:460px;width:calc(100% - 32px);padding:28px;color:#12233c}dialog::backdrop{background:#12233c88}.close{float:right;padding:4px;min-width:44px}.close-rut{width:100%}#screen{animation:enter .18s ease-out}@keyframes enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:600px){header{padding:16px 20px}header img{width:60px}main{margin:0;border-radius:20px 20px 0 0;padding:24px 20px;min-height:calc(100dvh - 100px)}h1{font-size:30px}.bottom{padding-bottom:max(10px,env(safe-area-inset-bottom));z-index:2}.rows div{font-size:14px}.result .amount{font-size:38px}}@media(prefers-reduced-motion:reduce){#screen{animation:none}}
.address-suggestions{display:grid;gap:5px;margin-top:7px}.address-suggestions button{text-align:left;overflow-wrap:anywhere}.google-attribution{font:14px Arial,sans-serif;color:#5e5e5e;padding:8px 4px;white-space:nowrap}
.v2-languages{display:flex;gap:3px;margin-left:auto}.v2-languages button{font-size:13px;min-height:44px;padding:8px}.v2-languages button[aria-pressed=true]{padding:7px}.husky-helper{width:70px;height:70px;object-fit:contain;flex-shrink:0}.companion{min-height:74px;margin-bottom:16px;font-size:14px}.husky-arrive .husky-helper{animation:husky-arrive .45s ease-out}.is-working .husky-helper{animation:husky-work 1.4s ease-in-out infinite}.rut-husky{float:left;margin:0 16px 8px 0;object-fit:contain}.service-journey{display:flex;gap:16px;justify-content:center;max-width:740px;margin:24px auto 40px;padding:0 24px;list-style:none;counter-reset:journey;font-size:14px;color:#53657c}.service-journey li{flex:1;counter-increment:journey}.service-journey li:before{content:counter(journey) '. ';font-weight:bold;color:#164dcc}textarea{display:block;width:100%;resize:vertical;font:inherit;padding:14px;border:1px solid #bccbdd;border-radius:9px}.form-privacy{margin-top:24px}.secondary-back{display:inline-block;margin-top:24px;color:#164dcc}.photo-grid img{background:#eef2f6}#interest-status{margin-top:20px}#secondary h1{overflow-wrap:anywhere}button:disabled{cursor:wait;opacity:.65}@keyframes husky-arrive{from{opacity:.4;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes husky-work{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media(max-width:600px){header{gap:10px}header strong{font-size:14px}header small{font-size:11px}.v2-languages button{padding:5px;font-size:12px}.v2-languages button[aria-pressed=true]{padding:4px}.service-journey{display:grid;grid-template-columns:1fr 1fr}.husky-helper{width:60px;height:60px}.companion{min-height:64px}}@media(prefers-reduced-motion:reduce){.husky-arrive .husky-helper,.is-working .husky-helper{animation:none}}

/* Compact companion: motion follows real work, with no minimum display time. */
.companion{gap:12px;border-radius:12px;padding:4px 10px;background:linear-gradient(100deg,#f4f7fb,transparent);color:#42566e}
.companion .husky-helper{transform-origin:50% 80%}
.companion.is-working .husky-helper{animation:husky-working-soft 1.2s ease-in-out infinite}
.companion[data-visual-state=complete] .husky-helper{animation:husky-finished .38s ease-out 1}
.companion[data-visual-state=complete]{color:#183d68}
#rut-dialog[open] .rut-husky{animation:husky-arrive .3s ease-out 1}
@keyframes husky-working-soft{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(1deg)}}
@keyframes husky-finished{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.companion .husky-helper,.companion.is-working .husky-helper,.companion[data-visual-state=complete] .husky-helper,#rut-dialog[open] .rut-husky{animation:none!important;transform:none!important}}
/* Husky 2.0 visual layer only. Existing controls, data and handlers are unchanged. */
body:has(#progress){background:#edf2f7;color:#132c48}
body:has(#progress) main{max-width:740px;padding:30px 38px;border:1px solid #dce5ee;border-radius:24px;box-shadow:0 16px 48px #1536510a}
body:has(#progress) header{max-width:780px}
body:has(#progress) h1{font-size:clamp(28px,4vw,36px);letter-spacing:-.035em;line-height:1.15;max-width:580px}
body:has(#progress) h2{font-size:18px;line-height:1.4}
body:has(#progress) .progress-head{font-size:14px;font-weight:700;color:#244b72;align-items:center}
#step-count{font-variant-numeric:tabular-nums;background:#edf4fb;border-radius:20px;padding:4px 12px}
body:has(#progress) progress{height:7px;margin:12px 0 10px;border-radius:10px;overflow:hidden}
body:has(#progress) progress::-webkit-progress-value{background:#1877bd;transition:width .2s ease}
body:has(#progress) progress::-moz-progress-bar{background:#1877bd}
body:has(#progress) .companion{background:none;padding:0 0 12px;margin:0 0 24px;border-bottom:1px solid #e4ebf2;border-radius:0;min-height:66px;gap:12px}
body:has(#progress) .husky-helper{width:58px;height:58px}
body:has(#progress) input:not([type=hidden]){border-radius:12px;border-color:#b9cbdc;background:#fafcfe;min-height:56px}
body:has(#progress) label{font-size:14px;color:#274a6d}
body:has(#progress) button{border-radius:12px;transition:background-color .15s,border-color .15s,box-shadow .15s}
body:has(#progress) .choices{gap:10px}
body:has(#progress) .choices button{position:relative;border:2px solid #e0e7ef;padding:14px 40px 14px 16px;min-height:58px;background:#fff;line-height:1.35;font-weight:600;overflow-wrap:anywhere}
body:has(#progress) .choices button::after{content:'';position:absolute;right:14px;top:19px;width:17px;height:17px;border:1.5px solid #b8c8d8;border-radius:50%;background:white}
body:has(#progress) .choices button[aria-pressed=true]{border-color:#1975ba;background:#eef7ff;color:#124d7c;box-shadow:0 0 0 1px #1975ba15}
body:has(#progress) .choices button[aria-pressed=true]::after{content:'✓';background:#1975ba;border-color:#1975ba;color:white;text-align:center;font-size:12px;line-height:17px}
body:has(#progress) .sizes button{min-height:150px;padding:20px 18px}
body:has(#progress) .sizes strong{font-size:34px;line-height:1.1;color:#153f67}
body:has(#progress) .sizes span{font-size:15px;margin-top:10px;font-weight:600}
body:has(#progress) .sizes small{font-size:13px;font-weight:400;margin-top:10px;line-height:1.4}
body:has(#progress) .question{margin:20px 0 0;padding:0 0 22px;border-color:#e5ecf3}
body:has(#progress) .question h2{margin:0 0 12px}
body:has(#progress) .follow{padding-left:12px;border-left:2px solid #b9d7ef}
body:has(#progress) .bottom{padding:16px 0 max(12px,env(safe-area-inset-bottom));margin-top:24px;z-index:5;border-top:1px solid #e4ebf2;gap:10px}
body:has(#progress) .bottom button{min-height:56px}
body:has(#progress) .primary{background:#1269a8;border-color:#1269a8;box-shadow:0 4px 10px #145d921a}
body:has(#progress) .primary:hover{background:#105b92}
body:has(#progress) #route-status{border:1px solid #d9e8f4;border-radius:12px;background:#f1f7fc;padding:13px 16px;color:#254e70}
body:has(#progress) .address-suggestions{gap:4px;padding:6px;border:1px solid #dce6ef;border-radius:14px;box-shadow:0 8px 20px #123d6710;background:white}
body:has(#progress) .address-suggestions:empty{display:none}
body:has(#progress) .address-suggestions button{border:0;background:#f6f9fc;font-size:15px;min-height:52px;padding:12px;text-align:left}
body:has(#progress) .address-suggestions button:hover{background:#eaf4fd}
body:has(#progress) .result{background:linear-gradient(120deg,#122e4c,#174f7c);padding:34px 28px;border-radius:20px;margin:24px 0 18px;box-shadow:0 12px 28px #12345418}
body:has(#progress) .result .amount{font-size:clamp(36px,7vw,60px);line-height:1.12;letter-spacing:-.04em;margin:16px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body:has(#progress) .result small{font-size:14px;color:#d4e5f2;display:block;line-height:1.5}
body:has(#progress) .summary-title{align-items:flex-start}
body:has(#progress) .summary-title button{flex-shrink:0;min-height:44px;padding:8px 14px}
body:has(#progress) .rows{background:#f7f9fc;padding:8px 18px;border:1px solid #e1e8f0;border-radius:16px}
body:has(#progress) .rows div{padding:11px 0;gap:20px;font-size:14px}
body:has(#progress) .rows dt{color:#536a80;flex:0 0 35%}
body:has(#progress) .rows dd{font-weight:600;color:#1c3c5b;max-width:65%;min-width:0}
body:has(#progress) .rows div:nth-child(4),body:has(#progress) .rows div:nth-child(11),body:has(#progress) .rows div:nth-child(14){margin-top:10px;padding-top:20px;border-top:2px solid #d9e4ee}
body:has(#progress) .rows div:last-child{border-bottom:0;color:#1269a8;font-size:17px;padding-top:16px}
body:has(#progress) #contact-form{margin-top:28px}
body:has(#progress) .upload{background:#f4f9fd;border-color:#91b5d2}
@media(max-width:600px){
 body:has(#progress) header{padding:12px 16px;gap:10px}
 body:has(#progress) header img{width:52px}
 body:has(#progress) main{margin:0 8px 20px;padding:20px 16px 14px;border-radius:20px;min-height:calc(100dvh - 106px)}
 body:has(#progress) .companion{margin-bottom:20px;min-height:58px;padding-bottom:8px;font-size:13px}
 body:has(#progress) .husky-helper{width:48px;height:48px}
 body:has(#progress) .sizes button{min-height:148px;padding:17px 13px}
 body:has(#progress) .sizes button::after{right:11px;top:18px}
 body:has(#progress) .choices button{font-size:15px}
 body:has(#progress) .sizes strong{font-size:30px}
 body:has(#progress) .sizes small{font-size:13px}
 body:has(#progress) .result{padding:26px 20px}
 body:has(#progress) .rows{padding:8px 12px}
 body:has(#progress) .rows div{gap:12px}
 body:has(#progress) .rows div:nth-child(-n+2){display:block}
 body:has(#progress) .rows div:nth-child(-n+2) dd{max-width:100%;text-align:left;margin-top:4px}
 body:has(#progress) .bottom{margin-top:20px}
 body:has(#progress) .bottom button{padding:13px 12px}
}
@media(prefers-reduced-motion:reduce){body:has(#progress) button,body:has(#progress) progress::-webkit-progress-value{transition:none}}
/* Visible work motion; never holds up a route, estimate or submission. */
body:has(#progress) .companion.is-working .husky-helper{animation:husky-visible-work .8s ease-in-out infinite;transform-origin:50% 85%;will-change:transform}
body:has(#progress) .companion[data-visual-state=complete] .husky-helper{animation:husky-work-to-done .85s ease-out 1;transform-origin:50% 85%}
@keyframes husky-visible-work{0%,100%{transform:translateY(0) rotate(-5deg)}25%{transform:translateY(-5px) rotate(1deg)}50%{transform:translateY(-2px) rotate(5deg)}75%{transform:translateY(-6px) rotate(-1deg)}}
/* A synchronous estimate can finish before the browser paints its preparing
   state. This short visual continuation plays beside the ready result. */
@keyframes husky-work-to-done{0%{transform:rotate(-5deg)}20%{transform:translateY(-4px) rotate(5deg)}40%{transform:translateY(0) rotate(-3deg)}65%{transform:translateY(-10px) rotate(0)}82%{transform:translateY(1px)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){body:has(#progress) .companion.is-working .husky-helper,body:has(#progress) .companion[data-visual-state=complete] .husky-helper{animation:none!important;transform:none!important;will-change:auto}}

/* Contact capture: scoped to Flytt; other forms keep their presentation. */
.lead-flow [data-access-panel]{margin:16px 0;padding:12px;border:1px solid #d8e2ea;border-radius:12px}.lead-flow [data-access-panel]>summary{min-height:44px;display:list-item;cursor:pointer;font-weight:700;padding:10px}.lead-flow [data-access-panel]>p{overflow-wrap:anywhere}
.lead-flow #contact-form input{font-size:16px;min-height:52px}.lead-flow #screen{min-width:0}.lead-flow .bottom{padding-bottom:max(12px,env(safe-area-inset-bottom));z-index:2}.lead-flow .bottom button{white-space:normal;overflow-wrap:anywhere}.lead-flow .rows dd{min-width:0}.lead-flow .result .amount{overflow-wrap:anywhere}
@media(max-width:390px){.lead-flow main{padding-left:16px;padding-right:16px}.lead-flow .bottom{gap:8px}.lead-flow .bottom button{font-size:15px}.lead-flow .summary-title{flex-wrap:wrap}}
body:has(#progress) .service-choices{grid-template-columns:1fr}body:has(#progress) .service-choices button{min-height:64px}@media(min-width:650px){body:has(#progress) .service-choices{grid-template-columns:repeat(3,minmax(0,1fr))}}
#secondary .interest-label{font-weight:700;margin:20px 0 8px}
@media(max-width:600px){
 .lead-flow .bottom{position:static;padding-bottom:max(16px,env(safe-area-inset-bottom))}
 .lead-flow #screen{scroll-margin-bottom:24px}
 .lead-flow main{overflow-wrap:anywhere}
}