
:root{--navy:#041426;--navy2:#082746;--cyan:#38c6ff;--blue:#087bfa;--white:#f7fbff;--text:#153555;--muted:#57728e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);font-family:Arial,'Segoe UI',sans-serif;color:#edf7ff}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.container{width:min(1240px,calc(100% - 48px));margin:auto}.notice{background:#dceefa;color:#175277;font-size:12px;padding:8px;text-align:center}.header{background:#04172eF6;position:sticky;top:0;z-index:30;border-bottom:1px solid #1e5a85;backdrop-filter:blur(15px)}.navigation{height:80px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;flex:0 0 215px}.brand img{width:210px;height:auto;max-height:57px;object-fit:contain}.menu{display:flex;align-items:center;justify-content:center;gap:22px;flex:1;white-space:nowrap}.menu a{font-size:12px;font-weight:bold;color:#d9e8f8}.menu a:hover{color:var(--cyan)}.header-actions{display:flex;gap:10px;align-items:center}.lang{font-size:11px;color:#93b9d7}.whatsapp{display:inline-flex;align-items:center;gap:8px;background:#119f69;padding:10px 12px;border-radius:9px;font-size:12px;font-weight:800;border:1px solid #4fd39d}.wa-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.wa-inline{display:inline-flex;align-items:center;gap:6px}.menu-toggle{display:none;color:white;border:1px solid #3173a7;background:transparent;border-radius:8px;padding:9px 12px}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#021123,#073b65);min-height:580px}.hero>img{position:absolute;right:0;top:0;width:62%;height:100%;object-fit:cover;mask-image:linear-gradient(to right,transparent,black 42%);opacity:.86}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#041426 5%,#04142655 57%,transparent);pointer-events:none}.ring{position:absolute;left:43%;top:-140px;width:830px;height:830px;border-radius:50%;border:2px solid #42baff77;box-shadow:0 0 0 50px #3ea8ff11;z-index:1}.hero-inner{position:relative;z-index:2;min-height:580px;display:flex;align-items:center}.hero-copy{max-width:570px;padding:75px 0}.eyebrow{color:#59c8ff;text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:12px}.hero h1{font-size:clamp(44px,5.3vw,77px);letter-spacing:-2.5px;line-height:1.02;margin:18px 0}.hero h1 span{color:#31baff}.hero p{color:#c7dced;line-height:1.8;font-size:16px;max-width:495px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{background:linear-gradient(115deg,#0763d7,#038efb);color:white;border:1px solid #39baff;padding:13px 21px;border-radius:23px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.btn.outline{background:transparent}.btn:hover{filter:brightness(1.15)}.hero-callout{position:absolute;z-index:3;right:6%;top:46%;background:#041e3cba;border:1px solid #47baff;padding:18px 23px;color:#92ddff;font-size:12px;line-height:1.7}.trust{background:#082945;border-top:1px solid #205784}.trust-inner{display:grid;grid-template-columns:repeat(5,1fr);padding:19px 0;gap:12px}.trust-inner div{border-right:1px solid #315578;font-size:12px;font-weight:700;display:flex;align-items:center;gap:11px}.trust-inner div:last-child{border:0}.trust-inner i{color:#4bc7ff;font-size:21px;font-style:normal}.section{padding:64px 0}.dark{background:#061a30}.dark-alt{background:linear-gradient(135deg,#082b4e,#031527)}.light{background:#f4f8fd;color:var(--text)}.label{color:#2ab8ff;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.light .label{color:#0876c9}h2{font-size:clamp(29px,3vw,42px);margin:10px 0 22px;letter-spacing:-.7px}.muted{color:#bad0e3;line-height:1.7}.light .muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.card{border:1px solid #28628c;border-radius:13px;overflow:hidden;background:#082c4d}.card img{width:100%;height:155px;object-fit:cover}.card div{padding:13px}.card b{display:block;font-size:13px;min-height:32px}.card button{background:transparent;border:0;color:#55caff;font-size:12px;padding:10px 0 0;font-weight:800}.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.feature img{width:100%;max-height:380px;object-fit:cover;border-radius:17px;border:1px solid #3176aa}.specs-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:23px;align-items:start}.panel{background:#fff;border:1px solid #d9e6f1;border-radius:15px;padding:23px;box-shadow:0 8px 22px #10375711}.panel h3{margin:0 0 12px;font-size:20px}.hint{font-size:12px;color:#67819c;line-height:1.6}.category{margin:11px 0;border:1px solid #d5e3ef;border-radius:10px;overflow:hidden}.cathead{width:100%;background:#eaf3fb;color:#1b4366;border:0;text-align:left;padding:14px 17px;font-weight:800;display:flex;justify-content:space-between}.catcontents{display:none;padding:10px}.category.open .catcontents{display:block}.item{padding:15px;border-bottom:1px solid #e5eff6}.item:last-child{border:0}.itemtop{display:flex;gap:10px;align-items:start}.itemtop label{flex:1;cursor:pointer}.itemname{font-size:13px;font-weight:800;color:#15395c}.code{display:block;color:#657f98;font-size:11px;margin-top:4px}.detailbtn{border:1px solid #c9deee;color:#146aab;background:#fff;border-radius:7px;padding:7px;font-size:11px}.itemdetails{display:none;background:#f4f9ff;border-radius:9px;padding:12px;margin-top:9px}.itemdetails.open{display:block}.detailtable{width:100%;border-collapse:collapse;font-size:12px;margin:8px 0}.detailtable td,.detailtable th{border-bottom:1px solid #d7e5f1;text-align:left;padding:7px 5px;vertical-align:top}.detailtable th{color:#1d608e}.itemoptions{margin:13px 0 0 25px;display:grid;grid-template-columns:1fr 110px;gap:10px}.itemoptions label{font-size:11px;color:#55718e}.itemoptions input,.itemoptions select{width:100%;padding:9px;border:1px solid #bdd6eb;border-radius:7px;color:#173b5d;background:white}.itemoptions .span{grid-column:1/-1}.item:not(.chosen) .itemoptions{display:none}.selection{background:#092d4b;padding:14px;border-radius:9px;color:white;font-size:12px;line-height:1.7;margin-top:15px;overflow-wrap:anywhere}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #cddfee;border-radius:7px;color:#183c5e;background:white}.field textarea{min-height:90px;resize:vertical}.pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.requesttype{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.requesttype label{border:1px solid #c5d9ec;border-radius:9px;padding:10px;font-size:12px}.submit{width:100%;border:0;background:#066fe0;padding:15px;border-radius:9px;color:white;font-weight:bold}.caution{background:#e8f3fa;padding:11px;border-radius:8px;font-size:12px;color:#3c6888;margin-bottom:15px}.preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#e9f2fa;color:#153a5d;padding:13px;border-radius:9px;font-size:12px;line-height:1.6}.hidden{display:none}.footer{background:#020e1b;padding:40px 0 22px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px}.foot .brand{margin-bottom:6px}.foot p,.foot a{font-size:13px;color:#b5ccdf;line-height:1.8}.foot h4{margin:0 0 13px}.copyright{border-top:1px solid #284664;padding-top:16px;margin-top:26px;font-size:11px;color:#86a6c3}section{scroll-margin-top:80px}@media(max-width:1180px){.navigation{gap:10px}.menu{gap:12px}.brand{flex-basis:170px}.brand img{width:168px}.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.menu-toggle{display:block}.menu{display:none;position:absolute;top:80px;left:0;right:0;background:#041c34;padding:20px;flex-direction:column;align-items:stretch}.menu.open{display:flex}.navigation{justify-content:space-between}.header-actions{margin-left:auto}.trust-inner{grid-template-columns:repeat(2,1fr)}.feature,.specs-grid{grid-template-columns:1fr}.hero>img{width:100%;opacity:.5;mask-image:none}.hero:after{background:linear-gradient(90deg,#041426de,#04142666)}.hero-callout{display:none}.hero-copy{max-width:620px}}@media(max-width:570px){.container{width:calc(100% - 28px)}.header-actions .whatsapp,.lang{display:none}.brand{flex-basis:185px}.brand img{width:185px}.hero h1{font-size:45px}.hero-inner,.hero{min-height:550px}.section{padding:43px 0}.cards{grid-template-columns:repeat(2,1fr)}.card img{height:125px}.trust-inner{grid-template-columns:1fr 1fr}.pair,.itemoptions{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.panel{padding:15px}.hero-copy{padding:40px 0}}

/* V4: centred enquiry radio choices, equal-width click targets */
.requesttype{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}
.field .requesttype label{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;margin:0;padding:11px 8px;text-align:center;cursor:pointer;font-weight:700;white-space:nowrap}
.field .requesttype input[type="radio"]{width:17px;height:17px;min-width:17px;flex:0 0 17px;margin:0;accent-color:#087bfa}
.field .requesttype label:has(input:checked){border-color:#087bfa;background:#e9f4ff;box-shadow:inset 0 0 0 1px #087bfa}
.wa-request{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;border:1px solid #0b9e69;background:#0b9e69;color:#fff;border-radius:9px;padding:14px 12px;font-size:13px;font-weight:800;text-align:center}
.wa-request:hover,.whatsapp:hover{background:#087d53}
.wa-note{font-size:11px;color:#58748d;line-height:1.6;margin:10px 0 0}

.card:nth-child(2) img,.card:nth-child(5) img{object-fit:cover;object-position:center}
@media(max-width:570px){.requesttype{gap:5px}.field .requesttype label{padding:10px 3px;gap:5px;font-size:11px}}

.whatsapp img{width:18px;height:18px;display:block;object-fit:contain}.wa-request img{width:18px;height:18px;display:block;object-fit:contain}.contact-block{display:grid;gap:10px}.contact-item{display:grid;gap:3px;padding:8px 0;border-bottom:1px solid rgba(88,126,159,.18)}.contact-item:last-child{border-bottom:0}.contact-item strong{font-size:12px;color:#7eb8e6;text-transform:uppercase;letter-spacing:.8px}.contact-item a,.contact-item span{font-size:13px;color:#d9e8f6;line-height:1.6;display:inline-flex;align-items:center;gap:7px}.contact-item img{width:16px;height:16px;display:block;object-fit:contain}.impl-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.impl-list{margin:0;padding-left:18px;color:#355978;line-height:1.9;font-size:14px}.impl-list strong{color:#153555}.card:nth-child(2) img,.card:nth-child(5) img{object-fit:cover;object-position:center center}@media(max-width:900px){.impl-grid{grid-template-columns:1fr}}

.whatsapp,.wa-request,.contact-item a{display:inline-flex;align-items:center;gap:8px}

/* ===== V9: production release additions ===== */
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#041426;padding:10px 14px;border-radius:8px;font-weight:800}
.skip:focus{left:8px}
:focus-visible{outline:3px solid #38c6ff;outline-offset:2px}
.card h3{display:block;font-size:13px;min-height:32px;margin:0}
.card img{height:155px}
.packhead{margin:12px 0 6px;font-size:13px}
.itemtop .pick{width:20px;height:20px;margin:1px 0 0;flex:0 0 20px;accent-color:#087bfa;cursor:pointer}
.item.chosen{background:#f2f8ff;border-radius:9px}
fieldset.field{border:0;padding:0;margin:0 0 14px;min-width:0}
fieldset.field legend{font-size:12px;font-weight:700;margin-bottom:6px;padding:0}
.requesttype{margin-bottom:0}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.55;color:#3c5d7c;margin:4px 0 14px;cursor:pointer}
.consent input{width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:#087bfa}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.selcount{font-size:12px;font-weight:700;color:#1d608e;margin:0 0 10px}
.invalid{border-color:#d33c3c!important;box-shadow:0 0 0 2px #d33c3c33}
.selection.invalid{box-shadow:0 0 0 3px #e25555}
.status{border-radius:9px;padding:13px 14px;font-size:13px;line-height:1.6;margin-bottom:12px}
.status.error{background:#fdeeee;color:#8c1d1d;border:1px solid #f0b9b9}
.status.ok{background:#e9f8f0;color:#0d5e3b;border:1px solid #a9dfc4}
.fallback{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.btn.small{padding:9px 14px;font-size:12px;border-radius:18px}
.btn.outline-dark{background:#fff;color:#0b5fae;border:1px solid #8fbfe6}
.submit:disabled{opacity:.7;cursor:progress}
.submit:hover{background:#0560c4}
.result-title{margin:4px 0 8px;font-size:20px;color:#0d5e3b;outline:none}
.result-intro{font-size:13px;line-height:1.65;color:#355978;margin:0 0 14px}
.result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.print-summary{background:#f4f9ff;border:1px solid #d7e5f1;border-radius:10px;padding:14px;color:#153555;font-size:12px;overflow-x:auto}
.ps-head{display:flex;justify-content:space-between;gap:12px;border-bottom:2px solid #087bfa;padding-bottom:10px;margin-bottom:10px}
.ps-brand{font-weight:900;letter-spacing:1.5px;color:#041426}
.ps-sub{font-size:11px;color:#57728e;margin-top:3px}
.ps-ref{text-align:right;font-size:11px;line-height:1.5;white-space:nowrap}
.ps-table{width:100%;border-collapse:collapse;margin:8px 0;font-size:11.5px}
.ps-table th,.ps-table td{border:1px solid #d7e5f1;padding:6px;text-align:left;vertical-align:top}
.ps-table th{background:#eaf3fb;color:#1b4366}
.ps-notes{margin:10px 0;white-space:pre-wrap}
.ps-foot{font-size:10.5px;color:#57728e;margin:10px 0 0}
.downloads{display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:14px}
.download{display:flex;flex-direction:column;gap:5px;border:1px solid #3176aa;border-radius:13px;padding:18px;background:#082c4d}
.download b{font-size:15px}
.download span{font-size:12px;color:#92ddff}
.download:hover{border-color:#38c6ff}
.foot-about{max-width:380px}
@media(max-width:900px){.menu a{padding:10px 4px;font-size:14px}}
@media(max-width:570px){
 .field input,.field textarea,.field select,.itemoptions input,.itemoptions select{font-size:16px}
 .downloads{grid-template-columns:1fr}
 .detailbtn{padding:9px 8px}
 .cathead{padding:15px 14px}
 .itemoptions{margin-left:0}
 .ps-head{flex-direction:column}.ps-ref{text-align:left}
}

#result,#form-status{scroll-margin-top:96px}
/* Print: only the enquiry summary */
@media print{
 @page{margin:14mm}
 body,.light{background:#fff!important;color:#000}
 .skip,.header,.footer,.trust,main>section:not(#request),main>.trust,#request .container>:not(.specs-grid),.specs-grid>.panel:first-child,#requestform,#result>:not(#print-summary){display:none!important}
 #request .panel>:not(#result){display:none!important}
 #request{padding:0}.specs-grid{display:block}.panel{border:0;box-shadow:none;padding:0}
 #result,#result.hidden{display:block!important}
 #print-summary{border:0;background:#fff;padding:0;font-size:10.5pt;overflow:visible}
 .ps-table tr{break-inside:avoid}
}
