:root{--accent:#304f80;--ink:#152338;--muted:#5d6b7c;--line:#dce3eb;--paper:#f4f6f8;--radius:20px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,'DejaVu Sans',sans-serif;line-height:1.6}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a.button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:12px 17px;background:white;color:var(--ink);text-decoration:none;font-weight:600;line-height:1.4}button.primary,.primary.button{background:var(--accent);color:white;border-color:var(--accent)}.link{padding:0;background:none;border:0;text-decoration:underline;font-weight:400}.header{background:white;border-bottom:1px solid var(--line);padding:22px clamp(20px,4vw,72px);display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{font-size:26px;letter-spacing:-1px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:12px}.wordmark img{width:auto;max-width:210px;max-height:44px}.brand-mark{font-size:38px;color:var(--accent)}.header nav{display:flex;align-items:center;gap:26px;font-size:14px;flex-wrap:wrap}.header nav a{text-decoration:none}.nav-contact{background:var(--paper);padding:10px 20px;border-radius:40px}.shell{max-width:1560px;padding:0 40px 80px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:65px 0}.hero>img,.split>img{width:100%;border-radius:var(--radius);object-fit:cover;max-height:620px}.hero h1{font-size:clamp(34px,3.6vw,62px);line-height:1.1;letter-spacing:-2px;margin:22px 0}.eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:600}.lead{font-size:19px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.section{margin:65px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section h2{font-size:34px;line-height:1.2}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:22px;overflow:hidden}.card img{width:calc(100% + 44px);max-width:none;margin:-22px -22px 8px;height:260px;object-fit:cover}.card h2,.card h3{font-size:23px;line-height:1.3}.card a{text-decoration:none}.card p{color:var(--muted)}.type-icon{font-size:90px;color:var(--accent);height:180px;display:grid;place-items:center;background:var(--paper);border-radius:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.page-heading{margin:45px 0}.page-heading h1{font-size:clamp(32px,3vw,50px);line-height:1.15;letter-spacing:-1px}.page-heading>p{max-width:850px}.compact{margin:35px 0 25px}.compact h1{margin:8px 0;font-size:38px}.compact p{margin:8px 0;max-width:950px}.prose{max-width:880px;margin:55px auto;font-size:18px}.prose h1{font-size:42px;line-height:1.15}.prose p{white-space:normal}.panel{padding:30px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.footer{background:#142438;color:#f5f8fc;padding:60px max(40px,calc((100vw - 1480px)/2));display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:50px;font-size:14px}.footer p{color:#c4cedc;max-width:430px}.footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer button{color:white}.note{padding:20px;background:#eaf0f6;border-radius:12px;margin:20px 0;font-size:14px}.positive{background:#edf6f0;color:#244d3c}.warm{background:#fff4dc;color:#694f23}.small,small{font-size:12px;line-height:1.5}.muted{color:var(--muted)}label{display:block;font-size:14px;margin:16px 0}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{display:block;width:100%;border:1px solid #bcc8d8;padding:12px 14px;border-radius:8px;background:white;color:var(--ink);margin-top:7px}textarea{min-height:95px;resize:vertical}.check{display:flex;align-items:flex-start;gap:12px}.check input{margin-top:6px}.check small{display:block;color:var(--muted);margin-top:7px}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}input[type=range]{accent-color:var(--accent);width:100%}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.wide-photo{width:100%;max-height:500px;object-fit:cover;border-radius:var(--radius)}.cookie-box{position:fixed;z-index:20;bottom:20px;inset-inline-start:20px;width:min(520px,calc(100% - 40px));background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 70px #14243833;padding:24px;font-size:13px}.cookie-box .actions{margin-bottom:0}.workspace{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(440px,1.45fr) minmax(280px,.8fr);gap:24px;align-items:start}.gallery-main{width:100%;height:auto;aspect-ratio:1/1.2;object-fit:cover;border-radius:16px}.thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.thumbnails button{padding:3px;border-radius:8px;overflow:hidden}.thumbnails img{width:100%;height:95px;object-fit:cover;border-radius:5px}.solution-picker{margin-top:20px;padding:16px;background:white;border-radius:12px}.solution-picker a{display:block;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:10px}.tabs button{padding:9px 11px;font-size:12px;background:transparent;border:0}.tabs [aria-pressed=true]{background:var(--accent);color:white}.choices h2{font-size:25px}.module{background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}.module:nth-child(even){background:#ebeff4}.module>summary{display:flex;justify-content:space-between;align-items:start;gap:12px;list-style:none;padding:19px;cursor:pointer}.module>summary::-webkit-details-marker{display:none}.module>summary strong{font-size:16px}.module>summary small{display:block;color:var(--muted);margin-top:5px}.module-money{text-align:end;white-space:nowrap;font-size:14px}.edit-label{display:block;font-size:12px;text-decoration:underline;color:var(--accent);margin-top:8px}.module[open]{border-color:var(--accent)}.module.is-confirmed{border-inline-start:4px solid #268167}.module.is-confirmed .confirmed-label{color:#23745a}.module-body{border-top:1px solid var(--line);padding:18px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.option{margin:0;display:flex;gap:10px;padding:13px;background:white;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:12px}.option:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 5%,white)}.option input{margin:2px 0 0}.option b{line-height:1.4;display:block}.option small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.option-price{display:block;border-top:1px solid var(--line);padding-top:8px;margin-top:10px;font-size:14px;font-weight:700}.cost-note{font-size:11px;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.cost-note b{display:block}.module-body>button{font-size:12px}.option-block{background:white;border:1px solid var(--line);border-radius:12px;padding:18px;margin:14px 0}.option-block:nth-child(even){background:#eaf0f5}.summary{position:sticky;top:20px;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 15px 30px #1d31420b}.summary-main{background:#15283e;color:white;padding:22px}.summary-main .eyebrow{color:#c6d3e1}.summary-main label{margin:5px 0}.summary-main input[type=number]{background:#243c55;color:white;font-size:25px;font-weight:700;text-align:end}.summary-main .link{color:#d3e1f3;font-size:13px}.quantity-presets{display:flex;justify-content:space-between;gap:4px}.quantity-presets button{padding:4px 7px;border:0;background:#ffffff10;color:white;font-size:11px}.price{font-size:32px;font-weight:750;letter-spacing:-1px;margin:20px 0 4px;line-height:1.2}.summary-body{padding:22px}.summary-body>button{width:100%;margin:6px 0;font-size:13px}.summary-body .actions{gap:7px}.summary-body .actions button{font-size:11px;flex:1;padding:10px}.summary-body details summary{font-size:12px;cursor:pointer}.summary-body .sample-button{background:#fff0d1;color:#463515;border-color:#ecd69f}.summary-body [role=status]{font-size:12px}.summary-body .link{width:auto;margin-top:16px}.frozen{display:grid;grid-template-columns:1.4fr 1fr;gap:45px;max-width:1000px;margin:50px auto}.frozen dl{display:grid;grid-template-columns:1fr 1.5fr;font-size:14px;gap:15px}.frozen dd{margin:0}.frozen dt{color:var(--muted)}dialog{border:1px solid var(--line);border-radius:22px;padding:35px;width:min(950px,calc(100vw - 32px));max-height:90vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#15233899;backdrop-filter:blur(5px)}.dialog-close{float:inline-end;font-size:22px;padding:5px 12px}.cost-row{display:grid;grid-template-columns:1fr auto;gap:6px;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.cost-row small{grid-column:1/-1;color:var(--muted)}#quantity-chart svg{width:100%;height:auto}.curve-row{display:flex;width:100%;margin:7px 0;font-size:13px;justify-content:space-between}#enquiry-dialog{max-width:620px}[hidden]{display:none!important}
@media(min-width:1450px){.visual-column{position:sticky;top:20px}}@media(max-width:1200px){.workspace{grid-template-columns:minmax(0,1fr) 320px}.visual-column{grid-column:1/-1;display:flex;gap:25px;align-items:start}.visual-column .gallery{max-width:270px}.visual-column .gallery-main{aspect-ratio:1.6}.visual-column .thumbnails img{height:65px}.hero{gap:30px}.shell{padding-inline:25px}.header{padding:18px 25px}.header nav{gap:15px;font-size:12px}}@media(max-width:760px){.shell{padding:0 18px 45px}.header{align-items:flex-start;flex-direction:column;gap:14px;padding:18px}.header nav{gap:15px;line-height:1.2}.header .wordmark{font-size:23px}.hero,.split,.frozen,.workspace{grid-template-columns:1fr;gap:25px}.hero{padding:25px 0}.hero>img{max-height:400px}.hero h1{font-size:39px;letter-spacing:-1px}.cards{grid-template-columns:1fr}.card img{height:280px}.page-heading h1{font-size:30px}.workspace>.summary{position:static;grid-row:2}.workspace>.choices{grid-row:3}.visual-column{grid-column:auto;display:block}.visual-column .gallery{max-width:none}.visual-column .gallery-main{aspect-ratio:1.8;max-height:270px}.visual-column .thumbnails{display:none}.solution-picker{margin-top:10px}.summary-main{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.summary-main .eyebrow,.summary-main .quantity-presets,.summary-main input[type=range],.summary-main .link{grid-column:1/-1}.summary-main label{grid-row:2/4}.summary-main .price{font-size:24px;letter-spacing:-.5px;margin:6px 0;align-self:center}.summary-main [data-total]{font-size:13px;margin:0}.summary-main .small{grid-column:1/-1;margin:4px 0}.summary-body{padding:15px}.summary-body>.small{font-size:11px}.summary-body>.primary,.summary-body>.sample-button{width:calc(50% - 5px);min-height:52px;vertical-align:top;font-size:12px}.summary-body .actions{margin:10px 0}.summary-body [role=status]:empty{display:none}.options{gap:8px}.option{padding:11px;font-size:12px}.module>summary{padding:15px}.module>summary strong{font-size:15px}.module-money{font-size:12px}.footer{grid-template-columns:1fr;gap:22px;padding:35px 22px}.footer p{margin:12px 0}.prose{font-size:16px;margin:35px auto}.prose h1{font-size:32px}.panel{padding:22px}dialog{padding:22px}.frozen dl{grid-template-columns:1fr}.frozen dd{margin-bottom:10px}.cookie-box{padding:18px}.cookie-box p{max-height:26vh;overflow:auto}.section{margin:40px 0}.section-heading h2{font-size:26px}.lead{font-size:17px}}
@media(prefers-reduced-motion:no-preference){a.button,button{transition:background .15s,border-color .15s}.card:hover{border-color:#afbdcd}}