@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #f3f7ff;--bg-soft: #e9effd;--surface: #ffffff;--surface-strong: #eef3ff;--text: #0d1568;--text-muted: #4e5c93;--brand: #0a0080;--accent: #ff2214;--line: rgba(10, 0, 128, .12);--shadow: 0 14px 30px rgba(9, 28, 82, .09);--radius: 20px;--max: 1140px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:IBM Plex Sans,sans-serif;background:radial-gradient(circle at 0% 0%,#dce8ff 0%,transparent 35%),radial-gradient(circle at 100% 0%,#f0dcff 0%,transparent 28%),linear-gradient(180deg,var(--bg) 0%,#eff4ff 48%,#f9fbff 100%);color:var(--text);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:#0a008059}img{max-width:100%;display:block}main{min-height:70vh}.container{width:min(var(--max),92vw);margin:0 auto}.section{padding:5rem 0}.section-tight{padding:3.5rem 0}.section:nth-of-type(2n){background:linear-gradient(180deg,#ffffff47,#eef4ff66)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:600;color:#2f4295}h1,h2,h3,h4{font-family:Space Grotesk,sans-serif;line-height:1.1;margin:0}h1{font-size:clamp(2.3rem,5vw,4.4rem)}h2{font-size:clamp(1.6rem,3vw,2.9rem)}h3{font-size:clamp(1.2rem,2vw,1.7rem)}p{margin:0;color:var(--text-muted)}p+p{margin-top:1rem}.nav-wrap{position:sticky;top:0;z-index:30;backdrop-filter:blur(12px);background:linear-gradient(180deg,#fffffff2,#f7faffe6);border-bottom:1px solid var(--line)}.nav{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-brand{display:flex;align-items:center;flex-shrink:0}.nav-brand img{width:auto;height:74px;max-width:min(48vw,360px)}.nav-links{display:flex;flex-wrap:wrap;gap:.8rem}.nav-links a{padding:.4rem .8rem;font-size:1.2rem;border-radius:999px;border:1px solid transparent;color:#53629f;transition:.16s ease}.nav-dropdown{position:relative;display:inline-flex;align-items:center;padding-bottom:.4rem}.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;padding:.6rem;margin-top:.1rem;border-radius:16px;border:1px solid rgba(10,0,128,.12);background:#fff;box-shadow:0 18px 48px #0f172a1f;display:none;flex-direction:column;gap:.35rem;z-index:10}.nav-dropdown-menu a{border-radius:12px;padding:.45rem .75rem;white-space:nowrap;font-size:.95rem}.nav-dropdown-trigger:after{content:"▾";display:inline-block;margin-left:.35rem;font-size:.85em}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:flex}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--brand);border-color:#0a008038;background:#eef2ff}.hero{position:relative;padding:6.5rem 0 4.5rem}.hero-cover{min-height:68vh;display:flex;align-items:center;color:#f8f9ff;background:linear-gradient(135deg,#081832c7,#08183233),url(/img/Windshield%20wiper%20system/YACHT%20%26%20MARINE.JPG) center/cover no-repeat}.hero-cover .hero-copy{max-width:640px}.hero-cover h1{color:#fff}.hero-cover p{color:#f8f9ffd9}.hero-cover .pill{background:#ffffff2e;border-color:#ffffff47;color:#fff}.hero-cover .btn.btn-ghost{border-color:#ffffff80;color:#fff}.hero-cover .btn.btn-ghost:hover{background:#ffffff26}.hero:before{content:"";position:absolute;inset:12% 0 auto auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#ff22143d,#ff221400 72%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:2.25rem;align-items:center}.hero-copy{display:grid;gap:1.4rem}.hero-copy p{font-size:1.1rem}.hero-card{background:linear-gradient(160deg,#eef2ff,#fff);border:1px solid rgba(10,0,128,.12);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow)}.hero-card img{width:100%;border-radius:14px;min-height:260px;object-fit:cover}.pill-row{display:flex;flex-wrap:wrap;gap:.7rem}.pill{border:1px solid var(--line);border-radius:999px;padding:.35rem .75rem;color:#4e5b90;background:#f4f7ff;font-size:.92rem}.btn-row{display:flex;gap:.7rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:12px;padding:.72rem 1.1rem;font-weight:600;border:1px solid transparent;transition:.18s ease}.btn-primary{background:linear-gradient(135deg,var(--brand),#2435ae);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0a008047}.btn-ghost{border-color:var(--line);color:var(--brand);background:#fff}.btn-ghost:hover{border-color:#0a008047;background:#f1f5ff}.card-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-3px);box-shadow:0 18px 28px #091c521f;border-color:#0a008038}.card-media{aspect-ratio:16/10}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{padding:1.1rem;display:grid;gap:.75rem}.card-body h3{font-size:1.28rem;color:var(--brand)}.product-card-trigger{appearance:none;border:0;padding:0;margin:0;width:100%;background:transparent;color:inherit;text-align:inherit;cursor:pointer}.card-span-6{grid-column:span 6}.card-span-4{grid-column:span 4}.prose{max-width:72ch;display:grid;gap:1rem}.prose h2,.prose h3{margin-top:1.5rem}.prose ul{padding-left:1.2rem;color:var(--text-muted)}.prose a{color:var(--brand);font-weight:500}.prose li+li{margin-top:.45rem}.spec-table{width:100%;border-collapse:collapse;margin-top:1.25rem}.spec-table th,.spec-table td{text-align:left;border-bottom:1px solid var(--line);padding:.65rem .5rem}.spec-table th{color:var(--text);width:34%}.product-hero{display:grid;gap:1.2rem;grid-template-columns:1fr 1fr}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.gallery-grid img{border-radius:12px;border:1px solid var(--line);aspect-ratio:1/1;object-fit:cover}.footer{border-top:1px solid var(--line);padding:2.4rem 0;color:var(--text-muted);background:linear-gradient(180deg,#ffffff1a,#eef3ff)}.footer-grid{display:grid;grid-template-columns:1.2fr 1.6fr 1.2fr .8fr;gap:1rem}.footer-block{display:grid;gap:.4rem}.footer-block strong{color:var(--brand)}.footer-qr{justify-items:end;align-content:start;gap:.6rem}.footer-qr img{width:130px;height:130px;object-fit:contain;background:#fff;border-radius:12px;border:1px solid rgba(15,23,42,.12);padding:.35rem}.contact-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.7rem}.contact-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:1rem;display:grid;gap:.45rem;box-shadow:0 8px 20px #091c520f}.contact-card h3{color:var(--brand);font-size:1.05rem}.enquiry-form{margin-top:1rem}.enquiry-table{width:100%;border-collapse:collapse;border:1px solid rgba(15,23,42,.12);border-radius:12px;overflow:hidden}.enquiry-table th,.enquiry-table td{padding:.85rem 1rem;border-bottom:1px solid rgba(15,23,42,.08);vertical-align:top;text-align:left}.enquiry-table th{width:160px;font-weight:600;color:var(--text);background:#0a00800a}.enquiry-table input,.enquiry-table textarea{width:100%;border-radius:10px;border:1px solid rgba(15,23,42,.15);padding:.6rem .8rem;font:inherit}.enquiry-table textarea{resize:vertical}.download-banner{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(140deg,#fff,#eef4ff);padding:1.2rem;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:1rem}.download-banner h2{color:var(--brand);margin-bottom:.5rem}.product-section-nav{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:1rem;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.product-section-chip{appearance:none;border:1px solid rgba(10,0,128,.36);border-radius:999px;padding:.6rem .9rem;text-align:center;color:var(--brand);font-weight:600;line-height:1.2;background:#f6f9ff;transition:.18s ease;cursor:pointer;width:100%;font-family:inherit;font-size:.95rem}.product-section-chip:hover{text-decoration:none;border-color:var(--brand);background:#e8eeff}.product-section-chip[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.image-lightbox{position:fixed;inset:0;z-index:90;display:grid;place-items:center}.image-lightbox[hidden]{display:none}.image-lightbox-backdrop{position:absolute;inset:0;border:0;background:#060b2dcc;cursor:pointer}.image-lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:#060b2db3;color:#fff;font-size:1.8rem;display:grid;place-items:center;cursor:pointer;z-index:2}.image-lightbox-prev{left:1.4rem}.image-lightbox-next{right:1.4rem}.image-lightbox-content{position:relative;z-index:1;margin:0;width:min(92vw,1100px);max-height:90vh;display:grid;gap:.7rem}.image-lightbox-content img{width:100%;max-height:82vh;object-fit:contain;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:#050b26}.image-lightbox-content figcaption{color:#e6ebff;text-align:center;font-weight:600}.edit-form{display:grid;gap:.8rem}.edit-form label{display:grid;gap:.45rem;color:var(--brand);font-weight:600}.edit-form input,.edit-form textarea{border:1px solid var(--line);border-radius:10px;padding:.6rem .7rem;font:inherit;color:var(--text);background:#fff}.parameter-rows{display:grid;gap:.6rem}.parameter-row{display:grid;gap:.6rem;grid-template-columns:1fr 1fr}.about-reference{margin:0;border-radius:22px;overflow:hidden;border:1px solid rgba(25,78,128,.32);box-shadow:0 18px 34px #08223d33}.about-reference img{width:100%;display:block;aspect-ratio:4 / 3;object-fit:contain;background:#fff}.about-reference video{width:100%;display:block;aspect-ratio:4 / 3;object-fit:contain;background:#fff}.about-media-rotator{position:relative;aspect-ratio:4 / 3;background:#fff}.about-media{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease;pointer-events:none}.about-media-active{opacity:1}.about-layout{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.about-copy{display:grid;gap:.8rem}.about-caption{margin-top:1rem;border-radius:16px;border:1px solid rgba(14,54,110,.2);background:#ffffffd9;padding:.95rem 1rem;display:grid;gap:.55rem}.about-caption p{color:#16233f;font-size:1rem;line-height:1.55;font-weight:500}.reveal{animation:revealUp .64s ease both}.reveal-delay-1{animation-delay:.1s}.reveal-delay-2{animation-delay:.2s}.reveal-delay-3{animation-delay:.3s}@keyframes revealUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.nav{min-height:96px}.nav-brand img{height:60px;max-width:min(54vw,300px)}.hero-grid,.product-hero,.about-layout{grid-template-columns:1fr}.card-span-6,.card-span-4{grid-column:span 12}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-grid,.contact-grid{grid-template-columns:1fr}.footer-qr{justify-items:start}.download-banner{flex-direction:column;align-items:flex-start}.product-section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.parameter-row{grid-template-columns:1fr}}@media(max-width:640px){.nav{min-height:84px}.nav-brand img{height:48px;max-width:min(60vw,250px)}.nav-links{gap:.6rem}.nav-links a{padding:.35rem .65rem;font-size:1.1rem}.nav-dropdown-menu{position:static;min-width:auto;padding:.4rem;box-shadow:none;border-radius:12px}.section{padding:4rem 0}.hero{padding-top:5rem}.hero-cover{min-height:60vh}.gallery-grid,.product-section-nav{grid-template-columns:1fr}.enquiry-table th{width:120px}}
