:root{--bg:#05090d;--panel:#0a1117;--panel2:#0d1820;--cyan:#19c8ff;--red:#ef1f2b;--text:#f6f8f9;--muted:#a7b4bb;--line:#17485e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:98px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:300px 1fr 210px;align-items:center;padding:0 3.2vw;background:#061019f5;border-bottom:1px solid #123c50;backdrop-filter:blur(12px)}.brand img{width:275px;max-height:82px;object-fit:contain}.topnav{display:flex;justify-content:center;gap:30px;align-items:center}.topnav a{font-size:12px;font-weight:800;letter-spacing:.6px;color:#d9e1e5;padding:39px 0 15px;border-bottom:2px solid transparent}.topnav a:hover,.topnav a.active{color:#fff;border-color:var(--cyan)}.ukmark{display:flex;gap:12px;justify-content:flex-end;align-items:center;border-left:2px solid var(--cyan);padding-left:14px;font-size:28px}.ukmark span{font-size:9px;line-height:1.45;letter-spacing:1.5px}.menu-btn{display:none}.intro{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw;border-bottom:1px solid #112b37;background:linear-gradient(90deg,#070d12,#0b151c)}.intro-line{font-size:11px;letter-spacing:4px}.script{font-family:Georgia,serif;font-style:italic;font-size:38px;transform:rotate(-4deg);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:7px}.product-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line)}.product-panel{min-width:0;padding:28px 3vw 24px;border-right:1px solid var(--line);background:radial-gradient(circle at 50% 55%,#12303d 0,transparent 45%),linear-gradient(160deg,#081119,#04080b)}.product-panel:last-child{border-right:0}.panel-logo{width:190px;height:55px;object-fit:contain;object-position:left center;margin-bottom:10px}.panel-copy h1{font-family:Impact,"Arial Black",sans-serif;font-style:italic;font-size:28px;line-height:1;margin:0 0 13px}.panel-copy h1 b{display:block;color:var(--red);font-size:56px;line-height:.88}.panel-copy h1 small{display:block;font:italic 900 21px/1 Arial,sans-serif;margin-top:7px}.cyan{color:var(--cyan);font-weight:900;font-style:italic;font-size:15px;line-height:1.35}.image-frame{height:390px;margin:18px 0 14px;display:flex;align-items:center;justify-content:center;background:#03070a;border:1px solid #173c4c;overflow:hidden}.image-frame img{width:100%;height:100%;object-fit:contain;display:block}.feature-row{display:flex;gap:8px;flex-wrap:wrap}.feature-row span{border:1px solid #1d5a73;padding:7px 9px;font-size:8px;font-weight:900;letter-spacing:.7px}.panel-link{display:inline-block;margin-top:16px;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:1px}.four-points{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:24px 3vw;border-bottom:1px solid var(--line);background:#071119}.four-points div{display:grid;grid-template-columns:60px 1fr;grid-template-rows:auto auto;padding:4px 24px;border-right:1px solid #1a4b60}.four-points div:last-child{border:0}.four-points i{grid-row:1/3;width:48px;height:48px;border:2px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font-style:normal;font-size:25px}.four-points b{font-size:12px;align-self:end}.four-points span{font-size:10px;color:var(--muted);margin-top:5px}.section{padding:70px 4vw}.section.dark{background:#071018;border-top:1px solid #112f3d;border-bottom:1px solid #112f3d}.section-title{max-width:920px;margin-bottom:28px}.section-title>span{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:2px}.section-title h2{font:italic 900 42px/1 Impact,"Arial Black",sans-serif;margin:9px 0 12px;letter-spacing:.5px}.section-title p{color:var(--muted);line-height:1.65;font-size:13px}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.app-card{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;background:#081119;border:1px solid var(--line)}.app-img{height:330px;background:#020609;display:flex}.app-img img{width:100%;height:100%;object-fit:contain}.app-card>div:last-child{padding:26px}.app-card h3{font:italic 900 27px Impact,"Arial Black",sans-serif;margin:0 0 10px}.app-card p{font-size:11px;line-height:1.65;color:var(--muted)}.ui-main{display:grid;grid-template-columns:1.45fr .55fr;border:1px solid var(--line);background:#05090d}.ui-main>img{width:100%;display:block}.ui-copy{padding:32px;align-self:center}.ui-copy>b{color:var(--cyan);font-size:9px;letter-spacing:1.5px}.ui-copy h3{font:italic 900 29px Impact,"Arial Black",sans-serif;margin:10px 0}.ui-copy p{color:var(--muted);font-size:12px;line-height:1.65}.ui-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.ui-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #173c4c}.warning{max-width:1100px;border:1px solid #e37b2b;background:linear-gradient(145deg,#21150d,#0b0d0f);padding:28px}.warning h3{color:#ffb06f;font:italic 900 26px Impact,"Arial Black",sans-serif;margin:0 0 12px}.warning p{font-size:12px;line-height:1.7;color:#d4dde1}.ack{display:flex;gap:10px;margin:20px 0;padding:14px;border:1px solid #e37b2b77;background:#160e09;font-size:12px;font-weight:800}.ack input{accent-color:var(--red);transform:scale(1.25)}.cta{display:inline-block;padding:13px 17px;border:1px solid var(--cyan);color:#fff;font-size:10px;font-weight:900;letter-spacing:1px;background:#0b2532}.cta.disabled{opacity:.35;pointer-events:none}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.support-grid a{padding:22px;background:#09141b;border:1px solid var(--line)}.support-grid b{display:block;font-size:12px;margin-bottom:8px}.support-grid span{color:var(--muted);font-size:10px}.contact{display:grid;grid-template-columns:280px repeat(3,1fr);align-items:center;gap:24px;padding:35px 4vw;border-top:1px solid var(--line)}.contact img{width:240px}.contact b{display:block;font-size:9px;color:var(--cyan);letter-spacing:1.5px;margin-bottom:6px}.contact a{font-size:11px}footer{display:flex;justify-content:space-between;padding:20px 4vw;background:#030609;border-top:1px solid #102c39;color:#738793;font-size:9px;letter-spacing:1px}
@media(max-width:1150px){.topbar{grid-template-columns:240px 1fr}.brand img{width:220px}.ukmark{display:none}.topnav{gap:18px}.product-stage{grid-template-columns:1fr}.product-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;border-right:0;border-bottom:1px solid var(--line)}.image-frame{grid-column:2;grid-row:1/4;height:410px}.panel-copy{grid-column:1}.feature-row,.panel-link{grid-column:1}.four-points{grid-template-columns:1fr 1fr}.four-points div:nth-child(2){border-right:0}.app-card{grid-template-columns:1fr}.app-img{height:400px}.support-grid{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr 1fr}.contact img{grid-column:1/3}.ui-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.topbar{height:76px;grid-template-columns:1fr auto;padding:0 16px}.brand img{width:210px;max-height:64px}.menu-btn{display:block;background:none;border:1px solid #22566b;color:#fff;font-size:20px;padding:7px 10px}.topnav{display:none;position:absolute;top:76px;left:0;right:0;background:#071018;border-bottom:1px solid var(--line);padding:12px 18px;flex-direction:column;align-items:stretch;gap:0}.topnav.open{display:flex}.topnav a{padding:12px 4px;border-bottom:1px solid #102b38}.intro{height:66px}.intro-line{font-size:8px;letter-spacing:2px}.script{font-size:24px}.product-panel{display:block;padding:24px 16px}.panel-logo{width:170px}.panel-copy h1 b{font-size:46px}.image-frame{height:auto;aspect-ratio:3/2;margin-top:16px}.four-points{grid-template-columns:1fr;padding:12px 16px}.four-points div{border-right:0;border-bottom:1px solid #173d4f;padding:14px 0}.section{padding:45px 16px}.section-title h2{font-size:33px}.app-grid{grid-template-columns:1fr}.app-img{height:auto;aspect-ratio:3/2}.ui-main{grid-template-columns:1fr}.ui-copy{padding:22px}.ui-grid{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr}.contact{grid-template-columns:1fr;padding:30px 16px}.contact img{grid-column:auto;width:220px}footer{flex-direction:column;gap:10px;padding:18px 16px}.panel-copy h1 small{font-size:18px}}
/* Final corrected product artwork + compact header */
.topbar{height:82px;grid-template-columns:270px 1fr 200px}
.brand img{width:245px;max-height:68px}
.topnav a{padding:31px 0 13px}
.intro{height:68px}
.image-frame{height:460px;background:#05090d}
.image-frame img{object-fit:cover;object-position:center}
.app-img img{object-fit:cover;object-position:center}
@media(max-width:1150px){.image-frame{height:460px}.image-frame img{object-fit:contain}.app-img img{object-fit:contain}}
@media(max-width:760px){.topbar{height:70px}.topnav{top:70px}.brand img{width:195px;max-height:58px}.image-frame{height:auto}.image-frame img{object-fit:contain}}

/* === Approved single-image homepage hero === */
body{margin:0}
.hero-header{position:relative;width:100%;background:#020b11;line-height:0;border-bottom:1px solid #08394b;overflow:hidden}
.hero-master{display:block;width:100%;height:auto;max-width:none;margin:0}
.hero-hotspots{position:absolute;inset:0;pointer-events:none}
.hero-hotspots a{position:absolute;display:block;pointer-events:auto;background:transparent}
/* Hotspots correspond to the navigation and CTA baked into the approved artwork. */
.hot-home{left:24.7%;top:2.4%;width:4.1%;height:6.5%}
.hot-products{left:29.4%;top:2.4%;width:7.0%;height:6.5%}
.hot-applications{left:37.0%;top:2.4%;width:8.3%;height:6.5%}
.hot-installation{left:46.0%;top:2.4%;width:8.1%;height:6.5%}
.hot-support{left:54.8%;top:2.4%;width:6.7%;height:6.5%}
.hot-contact{left:66.5%;top:2.4%;width:5.8%;height:6.5%}
.hot-explore{left:40.4%;top:91.0%;width:18.3%;height:6.0%}
@media(max-width:760px){
  .hero-header{overflow-x:auto}
  .hero-master{width:1100px;max-width:none}
  .hero-hotspots{width:1100px}
}


/* === Mobile-clean approved hero: scale to viewport, no horizontal crop === */
.section-anchor{height:0;scroll-margin-top:0}
@media(max-width:760px){
  .hero-header{overflow:hidden;width:100%}
  .hero-master{display:block;width:100%;height:auto;max-width:100%}
  .hero-hotspots{width:100%;height:100%;inset:0}
  .section{padding:38px 16px}
  .section-title h2{font-size:30px}
  .warning{padding:20px 16px}
  .ack{align-items:flex-start}
  .contact img{max-width:100%;height:auto}
}
@media(max-width:480px){
  .section{padding:32px 14px}
  .section-title h2{font-size:27px}
  .section-title p,.warning p{font-size:12px}
  .cta{display:block;text-align:center;line-height:1.4}
}