:root{--navy:#003087;--dark:#00205c;--blue:#1e5fad;--pale:#eaf1fb;--ground:#f4f6fa;--border:#d8e2ee;--ink:#131e2d;--muted:#60758c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--ground);font:14px/1.6 'Segoe UI',system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{border:0}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}:focus-visible{outline:3px solid #6db0fa;outline-offset:3px}header{display:flex;align-items:center;gap:24px;background:var(--navy);color:white;padding:0 40px;height:70px}header img{width:100px;display:block}.header-title{border-left:1px solid #ffffff40;padding-left:24px;font-size:11px;letter-spacing:.15em}nav{margin-left:auto;display:flex;gap:28px;font-size:12px}nav a:last-child{color:#bccfea}.preview{font-size:10px;border:1px solid #ffffff50;padding:3px 8px;border-radius:30px}main{max-width:1240px;margin:auto;padding:36px 32px 0}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;min-height:300px;padding:28px 0 40px;gap:45px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:750;color:var(--blue);margin-bottom:9px}h1{font-size:46px;line-height:1.15;letter-spacing:-1.8px;font-weight:650}.hero-copy>p{max-width:530px;font-size:15px;color:var(--muted);margin-top:20px}.hero-features{display:flex;gap:23px;font-size:11px;font-weight:600;color:var(--blue);margin-top:24px}.product-art{height:280px;background:linear-gradient(140deg,#e9f0fb,#f4f6fa);border-radius:14px;position:relative;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#d5dfef70 1px,transparent 1px),linear-gradient(90deg,#d5dfef70 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to right,transparent,black)}.pump-body{position:absolute;top:78px;left:34%;width:145px;height:112px;background:linear-gradient(125deg,#6b8aae,#284d7e 50%,#17395e);border:2px solid #244368;border-radius:14px 24px 20px 10px;transform:rotate(-12deg);box-shadow:14px 17px 0 #cbd6e580,0 25px 28px #344f6e20}.pump-body b{display:block;color:#dae8f8;font-size:14px;letter-spacing:2px;margin:30px 0 0 25px}.pump-body>span{color:#b0c9e6;display:block;font-size:11px;margin:5px 0 0 25px;letter-spacing:3px}.pump-flange{position:absolute;left:-23px;top:4px;height:100px;width:29px;border-radius:8px;background:linear-gradient(90deg,#6f8fb2,#bbcbdc);border:2px solid #244368}.pump-shaft{position:absolute;width:51px;height:24px;left:-71px;top:40px;background:linear-gradient(#71849a,#d7e0e9,#687e96);border:1px solid #60758c;border-radius:3px}.pump-cap{position:absolute;right:-12px;top:17px;width:21px;height:77px;background:#7894b3;border:2px solid #294565;border-radius:4px}.pump-control{position:absolute;top:-32px;left:57px;width:60px;height:37px;background:linear-gradient(100deg,#6787ab,#2a4b70);border:2px solid #244368;border-radius:5px}.art-label{position:absolute;bottom:27px;left:26px;color:var(--navy);font-size:26px;font-weight:650;letter-spacing:-1px}.art-label small{display:block;font-size:9px;font-weight:600;letter-spacing:2px}.illustration-note{position:absolute;right:15px;bottom:12px;font-size:9px;color:var(--muted)}.journey{display:flex;gap:18px;align-items:center;padding:23px 0;border-top:1px solid var(--border);margin-bottom:10px;color:var(--muted);font-size:12px}.journey>span{display:flex;gap:9px;align-items:center}.journey b{border:1px solid var(--border);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px}.journey .current{color:var(--navy);font-weight:650}.journey .current b{background:var(--navy);color:white;border-color:var(--navy)}.journey i{width:55px;height:1px;background:var(--border)}.layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}.layout>*{min-width:0}.panel{background:white;border:1px solid var(--border);border-radius:10px;padding:28px;box-shadow:0 3px 8px #122b4804}.section-title{display:flex;justify-content:space-between;align-items:center}h2{font-size:23px;line-height:1.3;letter-spacing:-.5px}h3{font-size:15px}.text-button{background:transparent;color:var(--blue);font-size:12px}.group-title{display:flex;gap:12px;align-items:center;margin:26px 0 19px;padding-top:23px;border-top:1px solid #e5ebf3}.group-title>span{font-size:11px;color:var(--blue);background:var(--pale);border-radius:6px;padding:8px 9px;font-weight:700}.group-title p{font-size:11px;color:var(--muted)}label{display:block;font-size:12px;font-weight:600;margin:0 0 7px}label small{display:block;color:var(--muted);font-weight:400;font-size:10px}.fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px}.wide{grid-column:1/-1}input,select,textarea{width:100%;min-width:0;border:1px solid var(--border);border-radius:6px;background:white;color:var(--ink);padding:12px 10px;font-size:12px}select{cursor:pointer}textarea{resize:vertical}.size-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.size-choices button{background:#f8fafd;border:1px solid var(--border);border-radius:6px;padding:9px 4px;color:var(--muted)}.size-choices strong{display:block;font-size:20px;font-weight:650;color:var(--ink)}.size-choices small{font-size:9px}.size-choices button.selected{border-color:var(--navy);background:var(--pale);box-shadow:0 0 0 1px var(--navy)}.size-choices button.selected strong{color:var(--navy)}.rotation-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;margin-top:20px}.rotation-row label{margin:0}.help{font-size:11px;color:var(--muted);padding:15px;border-radius:6px;background:var(--ground);margin-top:24px}details{margin-top:20px;background:#f8fafd;padding:12px 15px;border-radius:6px;border:1px solid var(--border);font-size:12px}summary{color:var(--blue);cursor:pointer;font-weight:600}details form{margin-top:14px}.inline{display:flex;gap:8px}.inline input{flex:1}.primary,.secondary{display:flex;justify-content:center;align-items:center;gap:12px;border-radius:6px;font-size:13px;font-weight:650;padding:13px 17px}.primary{background:var(--navy);color:white;width:100%;margin-top:21px}.primary:hover{background:var(--dark)}.primary>span{margin-left:auto;font-size:18px}.secondary{background:var(--pale);color:var(--navy);white-space:nowrap;font-size:11px}.selection{border-top:3px solid var(--navy)}.selected-name{display:flex;justify-content:space-between;align-items:center}.selected-name h2{font-size:29px;color:var(--navy)}.selected-name>span{font-size:10px;color:var(--muted)}.model-box{padding:16px;background:var(--ground);border:1px solid var(--border);border-radius:6px;margin:20px 0}.model-box span{display:block;font-size:9px;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}.model-box code{font:600 14px/1.5 Consolas,monospace;color:var(--navy);overflow-wrap:anywhere}.selection-summary>div{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid #edf1f6;padding:8px 0;font-size:11px}.selection-summary span{color:var(--muted)}.selection-summary b{text-align:right;font-weight:600;max-width:65%}.quiet{font-size:10px;line-height:1.7;color:var(--muted);margin-top:11px}.status{font-size:11px;color:var(--muted);margin:12px 4px}.decision{margin-top:14px;border-top:3px solid #b58029}.decision.buildable{border-top-color:#26815c}.decision.unsupported{border-top-color:#8f6170}.decision-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.decision-top .eyebrow{margin:0;color:#9c6a23}.decision.buildable .eyebrow{color:#24744f}.decision-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#fff4df;color:#986018;font-size:18px}.buildable .decision-icon{background:#e5f5ed;color:#26815c}.decision>p{color:var(--muted);font-size:12px;margin-top:12px}.checks{margin:22px 0 12px}.check-row{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f6}.check-row>span{color:#24744f;font-weight:700}.check-row.review>span{color:#a47624}.check-row strong{font-size:12px;font-weight:600}.check-row p{font-size:11px;color:var(--muted);margin-top:2px}#reasons{font-size:11px;padding-left:18px;color:var(--muted)}.availability{background:var(--ground);border-radius:6px;padding:13px 15px;font-size:11px}.availability p{color:var(--muted);margin-top:4px}.enquiry{margin-top:18px}.enquiry>p{font-size:12px;color:var(--muted);margin:13px 0 20px}.enquiry .fields{margin-bottom:15px}.how{padding:23px 12px}.how p{font-size:11px;color:var(--muted);margin-top:12px}.how p b{color:#3d5168}.error{padding:14px;background:#fff1ef;border:1px solid #eeb6aa;border-radius:6px;color:#9c352a;font-size:12px;margin-top:14px}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);margin-top:45px;padding:24px 0;color:var(--muted);font-size:10px;letter-spacing:.03em}
@media(max-width:950px){header{padding:0 24px;gap:16px}.header-title{display:none}nav{gap:18px}.hero{gap:20px}h1{font-size:36px}.hero-features{gap:12px;font-size:10px}.layout{gap:18px}.panel{padding:22px}.selected-name{display:block}.selected-name>span{display:block;margin-top:3px}.pump-body{left:35%;width:120px}.pump-body b{font-size:12px;margin-left:16px}.journey i{width:30px}}
@media(max-width:700px){header{height:60px;padding:0 18px;gap:12px}header img{width:80px}nav{font-size:10px;gap:14px}.preview{display:none}main{padding:20px 18px 0}.hero{grid-template-columns:1fr;padding:18px 0 25px;gap:22px}.hero-copy>p{font-size:13px}h1{font-size:35px}.product-art{height:180px}.pump-body{top:45px;left:53%;height:95px}.pump-flange{height:82px}.pump-body b{margin-top:22px}.pump-shaft{top:30px}.art-label{left:25px;bottom:45px}.hero-features{justify-content:space-between;gap:5px}.journey{gap:8px;font-size:10px}.journey>span{gap:5px}.journey b{width:21px;height:21px;font-size:9px}.journey i{width:12px}.layout{grid-template-columns:minmax(0,1fr)}.panel{padding:23px}.config{order:0}.selected-name{display:flex}footer{flex-direction:column;gap:6px}.eyebrow{font-size:9px}}
.login-main{max-width:480px;padding:56px 16px}.login-panel h2{font-size:24px;margin-bottom:8px}.login-panel form{margin-top:22px}.login-email{align-items:center}.login-email span{color:var(--muted)}.login-email select{width:auto}.login-panel .text-button{display:block;margin:14px auto 0}
select:disabled{background:var(--ground);color:var(--muted);cursor:not-allowed}
.fixed-specs{background:var(--ground);border-radius:6px;padding:4px 14px}.fixed-specs>div:last-child{border-bottom:0}
.sent{margin-top:18px;border-top:4px solid #26815c}.sent h2{margin:4px 0 8px}.sent .text-button{margin-top:10px}
.enquiry textarea{margin-bottom:4px}