.vuk{--ink:#081f31;--blue:#079cf5;--muted:#657888;color:var(--ink);background:#f8fafc;font-family:var(--font-body--family,inherit);line-height:1.5}.vuk *{box-sizing:border-box}.vuk [hidden]{display:none!important}.vuk .vuk-calculator{min-height:calc(100svh - 100px);border-top:1px solid #dfe8ee}.vuk .vuk-track{height:4px;background:#e7edf2;width:100%}.vuk .vuk-track span{display:block;height:100%;background:linear-gradient(90deg,#087dcd,#30b8ff);width:12.5%;transition:width .3s}.vuk .vuk-shell{max-width:660px;margin:auto;padding:30px 42px 90px;transition:max-width .2s}.vuk[data-stage=roof] .vuk-shell,.vuk[data-stage=results] .vuk-shell{max-width:1240px}.vuk .vuk-topline{display:flex;justify-content:space-between;align-items:center;min-height:35px;margin-bottom:36px;font-size:12px;color:var(--muted)}.vuk .vuk-topline p{margin:0 0 0 auto}.vuk button{font:inherit;cursor:pointer}.vuk .vuk-back{border:0;background:none;color:var(--ink);padding:6px 0;font-size:15px}.vuk .vuk-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:750;color:#087cc4;margin:0 0 18px}.vuk .vuk-preview{font-size:11px;color:#6b7f8d;padding-bottom:18px;margin:0}.vuk fieldset{border:0;padding:0;margin:0;min-width:0;animation:vuk-reveal .25s ease-out}.vuk legend{font-family:var(--font-heading--family,inherit);font-size:clamp(30px,3.3vw,44px);line-height:1.08;letter-spacing:-.045em;font-weight:750;padding:0;margin:0 0 22px;max-width:670px;color:var(--ink)}.vuk legend:focus{outline:none}.vuk .vuk-question-help{font-size:16px;color:var(--muted);margin:0 0 32px;max-width:650px;line-height:1.65}.vuk label{display:block;font-size:13px;font-weight:650}.vuk input:not([type=hidden]):not([type=radio]),.vuk select{width:100%;padding:18px 20px;min-height:62px;background:#fff;border:1px solid #c8d6e0;border-radius:9px;font:inherit;font-size:17px;color:var(--ink);margin:10px 0 23px;box-shadow:0 2px 3px #09263d03}.vuk input::placeholder{color:#8b9eac}.vuk input:focus,.vuk select:focus{border-color:#0b90de}.vuk .vuk-choices{display:grid;gap:12px;margin-bottom:20px}.vuk [data-step="1"] .vuk-choices,.vuk [data-step="5"] .vuk-choices{grid-template-columns:1fr 1fr}.vuk .vuk-choice{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px;padding:22px;background:#fff;border:1px solid #d2dde5;border-radius:10px;cursor:pointer;font-size:16px;font-weight:500;box-shadow:0 2px 2px #09263d04;transition:border-color .15s,background .15s,transform .15s}.vuk .vuk-choice:hover{border-color:#149beb;transform:translateY(-1px)}.vuk .vuk-choice:has(input:checked){border-color:#078bd9;background:#f0f9ff;box-shadow:0 0 0 1px #078bd9;font-weight:650}.vuk .vuk-choice input{position:absolute;opacity:0;width:1px;height:1px}.vuk .vuk-choice:has(input:focus-visible){outline:3px solid #0a85ce;outline-offset:4px}.vuk .vuk-choice-dot{height:22px;width:22px;flex:none;border:1px solid #aebfcd;border-radius:50%;display:grid;place-items:center}.vuk input:checked~.vuk-choice-dot:after{content:'';width:12px;height:12px;border-radius:50%;background:#079cf5}.vuk .vuk-button{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:17px 26px;background:#079cf5;border:1px solid #079cf5;border-radius:8px;color:#041e31;font-size:15px;font-weight:750;transition:background .15s,transform .15s;text-decoration:none}.vuk .vuk-button:hover{background:#39b4ff;transform:translateY(-1px)}.vuk .vuk-button:disabled{background:#dbe6ee;border-color:#dbe6ee;color:#627583;cursor:not-allowed;transform:none}.vuk .vuk-actions{margin-top:28px}.vuk .vuk-actions .vuk-button{width:100%}.vuk[data-stage=roof] .vuk-actions{display:none}.vuk[data-stage=results] .vuk-actions{max-width:570px;margin:30px 0 0 auto}.vuk .vuk-caption,.vuk .vuk-small{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0}.vuk .vuk-privacy{font-size:12px;color:var(--muted);margin:28px 0 0;line-height:1.8}.vuk a{color:#0878b9}.vuk :is(input,select,button,a,summary):focus-visible{outline:3px solid #087cc4;outline-offset:4px}.vuk .vuk-roof-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:52px;align-items:start}.vuk .vuk-map-shell{min-height:390px;border-radius:16px;overflow:hidden;border:1px solid #dbe5ec;background:#eaf3f9}.vuk [data-map-canvas]{height:440px;width:100%}.vuk .vuk-map-empty{min-height:390px;padding:65px 30px;text-align:center;background:radial-gradient(circle at 50% 20%,#f7fbff,#e4eff7);display:grid;place-content:center;justify-items:center}.vuk .vuk-map-empty svg{color:#5e8eae;margin-bottom:28px}.vuk h2{font-family:var(--font-heading--family,inherit);font-size:26px;letter-spacing:-.035em;line-height:1.2;margin:0 0 12px;color:var(--ink)}.vuk .vuk-map-empty p{color:var(--muted);font-size:14px;max-width:290px;margin:0}.vuk .vuk-text-button{display:block;background:none;border:0;color:#0878b9;text-align:left;padding:12px 0;margin-top:18px;font-size:14px}.vuk .vuk-results-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px}.vuk .vuk-home-visual{position:relative;align-self:start;padding:18px;border:1px solid #d9e6ee;background:#eef5fa;border-radius:18px}.vuk .vuk-visual-badge{display:inline-block;font-size:10px;font-weight:650;letter-spacing:.02em;padding:8px 12px;background:#fff;border-radius:20px;color:#536c7d}.vuk .vuk-home-visual svg{width:100%;height:auto}.vuk .vuk-home-visual p{font-size:11px;color:#6c8190;line-height:1.65;margin:12px 10px}.vuk .vuk-visual-postcode{display:block;font-size:11px;font-weight:650;color:#35566e;margin:12px 10px}.vuk .vuk-tabs{display:grid;grid-template-columns:1.2fr 1fr 1fr;border:1px solid #cbd9e3;border-radius:8px;overflow:hidden;margin:0 0 18px}.vuk .vuk-tabs button{border:0;border-right:1px solid #d6e2ea;padding:14px 8px;background:white;color:#496276;font-size:12px;font-weight:650;min-height:50px}.vuk .vuk-tabs button:last-child{border:0}.vuk .vuk-tabs button[aria-pressed=true]{background:#09263b;color:#fff}.vuk .vuk-system-card{padding:26px;background:#fff;border:1px solid #dce5eb;border-radius:12px;box-shadow:0 8px 28px #08253706}.vuk .vuk-specs{display:flex;gap:10px}.vuk .vuk-specs>div{flex:1;display:flex;flex-direction:column;align-items:center;background:#f1f6f9;border-radius:10px;padding:14px 6px}.vuk .vuk-specs span,.vuk .vuk-main-metrics span{font-size:12px;color:var(--muted)}.vuk .vuk-specs strong{font-size:27px;letter-spacing:-.04em;font-weight:750}.vuk .vuk-main-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.vuk .vuk-main-metrics strong{display:block;font-size:27px;font-weight:750;letter-spacing:-.04em;line-height:1.3;margin-top:6px}.vuk .vuk-breakdown{border-top:1px solid #e5ecf1;padding-top:14px}.vuk .vuk-breakdown>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:6px 0;color:#647d8e}.vuk .vuk-breakdown b{color:#24485e;font-weight:650}.vuk .vuk-quantity{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:13px;font-weight:650}.vuk .vuk-quantity small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}.vuk .vuk-quantity>div{display:flex;align-items:center;gap:16px}.vuk .vuk-quantity button{border:1px solid #c7d9e5;border-radius:7px;background:#fff;color:#0b4163;width:40px;height:42px;font-size:24px;line-height:1}.vuk .vuk-quantity button:disabled{opacity:.35;cursor:not-allowed}.vuk output{min-width:50px;text-align:center;font-weight:750}.vuk details{border-top:1px solid #dce6ed;margin-top:26px;padding-top:20px;color:#607787;font-size:13px;line-height:1.8}.vuk summary{color:#0a74b1;cursor:pointer;font-size:13px;font-weight:650}.vuk details p{margin:18px 0}.vuk .vuk-assumption-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.vuk .vuk-assumption-fields input{font-size:14px;min-height:46px;padding:10px 12px}.vuk .vuk-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vuk .vuk-review dl{display:grid;grid-template-columns:1fr 2fr;gap:10px}.vuk .vuk-review dt{font-size:12px}.vuk .vuk-review dd{margin:0;font-size:12px;font-weight:650}.vuk .vuk-review p{font-size:12px}.vuk .vuk-answer-review{margin:0 0 25px}.vuk [data-quiz-error],.vuk [data-model-error]{color:#a23535;font-size:13px}.vuk .vuk-notice{padding:30px;background:#edf7fe;border-radius:10px}.vuk .vuk-notice h1{font-size:32px;color:var(--ink)}
@keyframes vuk-reveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.vuk .vuk-shell{padding:20px 23px 65px}.vuk .vuk-topline{margin-bottom:28px}.vuk legend{font-size:34px}.vuk .vuk-question-help{font-size:14px;margin-bottom:25px}.vuk .vuk-choice{font-size:14px;padding:18px;min-height:70px}.vuk .vuk-roof-grid,.vuk .vuk-results-grid{grid-template-columns:1fr;gap:24px}.vuk .vuk-map-shell,.vuk .vuk-map-empty{min-height:270px}.vuk [data-map-canvas]{height:350px}.vuk .vuk-map-empty{padding:35px 22px}.vuk .vuk-home-visual{display:none}.vuk .vuk-system-card{padding:22px}.vuk .vuk-main-metrics strong{font-size:25px}.vuk .vuk-tabs button{font-size:11px}.vuk .vuk-quantity{gap:12px}.vuk .vuk-quantity>div{gap:12px}.vuk .vuk-fields{grid-template-columns:1fr;gap:0}.vuk .vuk-eyebrow{font-size:9px}.vuk .vuk-assumption-fields{gap:0 15px}}
@media(prefers-reduced-motion:reduce){.vuk *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.vuk .vuk-calculator{scroll-margin-top:80px}.vuk:not([data-initialised]) [data-step]:not([data-step="0"]){display:none}
.vuk [data-results-map]{height:400px;overflow:hidden;border-radius:12px;margin-bottom:16px}.vuk [data-results-map] [data-map-canvas]{height:400px}
.vuk .vuk-saved-address{padding:22px 24px;border:1px solid #d9e5ed;background:#fff;border-radius:10px;margin-bottom:24px}.vuk .vuk-saved-address>span{display:block;font-size:11px;color:var(--muted);margin-bottom:8px}.vuk .vuk-saved-address strong{display:block;font-size:18px;font-weight:650;line-height:1.5}.vuk .vuk-saved-address .vuk-text-button{margin:8px 0 0;padding:4px 0}.vuk .vuk-text-button:disabled{color:#748999;cursor:not-allowed}.vuk gmp-place-autocomplete{display:block;width:100%;color-scheme:light;font-family:inherit;font-size:16px;border:1px solid #c8d6e0;border-radius:9px;margin:12px 0}.vuk [data-address-search]{margin:0 0 8px;padding-top:0}.vuk [data-address-status]:empty{display:none}

.vuk .vuk-price{font-size:clamp(22px,2.4vw,32px);overflow-wrap:anywhere}.vuk .vuk-home-visual.has-roof-map>svg{display:none!important}.vuk .vuk-home-visual.has-roof-map{padding:14px}.vuk .vuk-home-visual.has-roof-map [data-results-map]{margin-bottom:12px}.vuk .vuk-main-metrics{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@media(max-width:760px){.vuk .vuk-home-visual.has-roof-map{display:block;order:0}.vuk .vuk-system{order:1}.vuk [data-results-map],.vuk [data-results-map] [data-map-canvas]{height:280px}.vuk .vuk-price{font-size:23px}.vuk .vuk-main-metrics{grid-template-columns:1fr}.vuk .vuk-results-grid{gap:20px}}

.vuk .vuk-request-options{margin-top:42px;padding-top:30px;border-top:1px solid #d9e5ed}.vuk .vuk-request-options h3{font-size:clamp(25px,3vw,35px);letter-spacing:-.045em;margin:14px 0 24px}.vuk .vuk-request-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vuk .vuk-request-grid button{position:relative;text-align:left;cursor:pointer;border:1px solid #ccdeeb;border-radius:14px;background:#fff;padding:26px 24px;color:#0c2638;transition:border-color .15s,transform .15s,box-shadow .15s}.vuk .vuk-request-grid button:hover{border-color:#079cf0;transform:translateY(-2px);box-shadow:0 8px 24px #079cf011}.vuk .vuk-request-grid button:focus-visible{outline:3px solid #079cf055;outline-offset:3px}.vuk .vuk-request-grid button:disabled{opacity:.5;cursor:default;transform:none}.vuk .vuk-request-grid button span{display:block;font-size:11px;color:#0786cd;letter-spacing:.15em;font-weight:800;margin-bottom:20px}.vuk .vuk-request-grid button strong{display:block;font-size:19px;letter-spacing:-.025em;margin-bottom:10px}.vuk .vuk-request-grid button small{display:block;line-height:1.6;color:#71879a;padding-right:18px;font-size:13px}.vuk .vuk-request-grid button b{position:absolute;right:22px;bottom:24px;color:#079cf0;font-size:22px}.vuk .vuk-booking{padding:24px;border:1px solid #cbdfea;border-radius:14px;background:#f0f7fc;margin:24px 0}.vuk .vuk-booking p{margin:0 0 18px;font-size:15px}.vuk .vuk-booking-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vuk .vuk-booking small{font-size:12px;line-height:1.6;color:#71879a}.vuk .vuk-booking-fields label{font-size:13px}.vuk .vuk-booking-fields select{margin:8px 0 14px;font-size:15px;background:#fff}.vuk .vuk-request-options .vuk-caption{font-size:12px;margin-top:16px}@media(max-width:749px){.vuk .vuk-request-grid{grid-template-columns:1fr}.vuk .vuk-request-grid button{padding:20px}.vuk .vuk-request-grid button span{margin-bottom:10px}.vuk .vuk-booking-fields{grid-template-columns:1fr}}