:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#101820;--ink-2:#1d2b34;--muted:#66737c;--faint:#8d9aa3;--cyan:#00b8d2;--cyan-2:#12a7bd;--cyan-soft:#dff9fc;--line:#d8e0e5;--line-dark:#ffffff38;--paper:#fff;--paper-2:#f3f7f8;--charcoal:#071116;--charcoal-2:#0d1b21;--shadow:0 24px 70px #08131c29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:16px}button,input,select,textarea{font:inherit;letter-spacing:0}button{border:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{min-height:100vh;overflow-x:hidden}.site-header{z-index:20;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071116d1;border-bottom:1px solid #ffffff21;grid-template-columns:minmax(190px,1fr) auto minmax(150px,1fr);align-items:center;gap:22px;min-height:68px;padding:12px clamp(18px,4vw,72px);display:grid;position:fixed;inset:0 0 auto}.brand{align-items:center;gap:11px;width:fit-content;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--cyan);border:1px solid #00b8d2b8;border-radius:8px;place-items:center;font-size:13px;font-weight:900;display:grid}.brand strong,.brand small{text-transform:uppercase;line-height:1;display:block}.brand strong{letter-spacing:.08em;font-size:14px;font-weight:900}.brand small{color:#ffffffbd;letter-spacing:.16em;margin-top:3px;font-size:11px;font-weight:800}.site-header nav{color:#ffffffc7;text-transform:uppercase;justify-content:center;align-items:center;gap:clamp(16px,2.4vw,34px);font-size:12px;font-weight:800;display:flex}.site-header nav a{transition:color .16s}.site-header nav a:hover{color:#fff}.header-action,.primary-button,.secondary-button{text-transform:uppercase;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;font-size:13px;font-weight:900;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.header-action{color:#dcfbff;border:1px solid #00b8d2c7;justify-self:end;min-height:40px;padding:0 16px}.primary-button{border:1px solid var(--cyan);background:var(--cyan-2);color:#fff;padding:0 22px;box-shadow:0 14px 34px #00b8d242}.secondary-button{color:#fff;background:#ffffff14;border:1px solid #fff6;padding:0 18px}.header-action:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.hero{color:#fff;background:var(--charcoal);align-items:center;min-height:min(760px,88vh);padding:120px clamp(20px,7vw,110px) 76px;display:grid;position:relative}.hero-media{background:linear-gradient(90deg,#050c10f5 0%,#050c10d1 27%,#050c1047 56%,#050c1014 100%),linear-gradient(#07111638,#07111647),url(/hydropod/crop-02.png) 100%/cover no-repeat;position:absolute;inset:0}.hero-content{z-index:1;width:min(640px,100%);position:relative}.hero h1{color:#fff;text-transform:uppercase;margin:0;font-size:clamp(44px,6vw,78px);font-weight:900;line-height:.94}.hero h1 span{white-space:nowrap;display:block}.hero p{color:#ffffffdb;width:min(440px,100%);margin:22px 0 0;font-size:clamp(18px,2.2vw,23px);line-height:1.32}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.hero-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(500px,100%);margin-top:38px;display:grid}.hero-points span{color:#ffffffb8;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff38;border-radius:8px;min-height:72px;padding:13px;font-size:12px;font-weight:800}.hero-points strong{color:#fff;text-transform:none;margin-bottom:7px;font-size:17px;display:block}.section{padding:clamp(58px,8vw,96px) clamp(20px,7vw,110px)}section[id]{scroll-margin-top:76px}.section-heading{grid-template-columns:minmax(280px,.82fr) minmax(260px,.5fr);align-items:end;gap:30px;margin-bottom:34px;display:grid}.section-heading.compact{grid-template-columns:minmax(260px,.62fr) minmax(260px,.5fr)}.section-heading h2{letter-spacing:0;margin:0;font-size:clamp(34px,5vw,58px);font-weight:900;line-height:.98}.section-heading p{color:var(--muted);margin:0;font-size:18px;line-height:1.5}.colour-section{background:linear-gradient(#fff,#f4f8f9);padding-top:62px}.colour-layout{grid-template-columns:minmax(420px,1fr) minmax(320px,430px);align-items:center;gap:clamp(24px,5vw,70px);display:grid}.product-stage{border:1px solid var(--line);min-height:450px;box-shadow:var(--shadow);background:radial-gradient(circle at 50% 62%,#00b8d224,#0000 38%),#fff;border-radius:8px;justify-items:center;padding:clamp(22px,4vw,42px);display:grid}.product-stage img{aspect-ratio:1.84;object-fit:contain;width:min(720px,100%)}.product-stage div{border-top:1px solid var(--line);justify-content:space-between;gap:14px;width:100%;margin-top:18px;padding-top:18px;display:flex}.product-stage strong{text-transform:uppercase;font-size:18px}.product-stage span{color:var(--muted)}.colour-options{gap:12px;display:grid}.colour-card{border:1px solid var(--line);min-height:92px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:14px;padding:16px;display:grid;box-shadow:0 8px 26px #0e1f270d}.colour-card.active{border-color:#00b8d2cc;box-shadow:0 16px 40px #00b8d221}.swatch{background:var(--swatch);border:1px solid #1018201f;border-radius:50%;width:42px;height:42px}.colour-card strong,.colour-card small{display:block}.colour-card strong{text-transform:uppercase;font-size:16px}.colour-card small{color:var(--muted);margin-top:4px}.colour-card svg,.size-card.active .size-mark{color:var(--cyan-2)}.sizes-section{background:linear-gradient(180deg, #00b8d214, transparent 30%), var(--charcoal-2);color:#fff}.sizes-section .section-heading p{color:#ffffffad}.size-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.size-card{border:1px solid var(--line-dark);color:#fff;text-align:left;cursor:pointer;background:#ffffff0e;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:58px 1fr auto;align-items:start;gap:18px 14px;min-height:230px;padding:24px;transition:border-color .16s,transform .16s,background .16s;display:grid}.size-card:hover,.size-card.active{background:#00b8d21a;border-color:#00b8d2c7;transform:translateY(-2px)}.size-mark{color:#ffffffbd;font-size:34px;font-weight:900;line-height:1}.size-copy strong{text-transform:uppercase;font-size:22px;font-weight:900;display:block}.size-copy small{color:#ffffffa8;margin-top:8px;font-size:14px;line-height:1.42;display:block}.size-price{color:#fff;font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1}.size-specs{color:#ffffffb8;border-top:1px solid #ffffff29;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:18px;font-size:13px;font-weight:800;display:grid}.comparison-strip{border-top:1px solid #ffffff2e;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;padding-top:22px;display:grid}.comparison-strip span{color:#ffffffc2;align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.comparison-strip svg{color:var(--cyan)}.capabilities-section{color:#fff;background:radial-gradient(circle at 10% 8%,#00b8d229,#0000 30%),linear-gradient(#0b171d,#071116)}.capability-intro{grid-template-columns:minmax(320px,.82fr) minmax(280px,.54fr);align-items:end;gap:32px;margin-bottom:28px;display:grid}.capability-intro h2{margin:0;font-size:clamp(34px,5vw,58px);font-weight:900;line-height:.98}.capability-intro p{color:#ffffffad;margin:0;font-size:18px;line-height:1.52}.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.capability-card{background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;min-height:250px;padding:22px}.capability-card svg,.mode-list svg{color:var(--cyan)}.capability-card span{color:#fff;margin-top:26px;font-size:28px;font-weight:900;display:block}.capability-card h3{text-transform:uppercase;margin:16px 0 10px;font-size:17px}.capability-card p{color:#ffffffad;margin:0;font-size:14px;line-height:1.5}.experience-panel{background:linear-gradient(135deg,#00b8d221,#ffffff0a);border:1px solid #00b8d252;border-radius:8px;grid-template-columns:minmax(270px,.54fr) minmax(420px,1fr);align-items:stretch;gap:26px;margin-top:16px;padding:24px;display:grid}.experience-panel h3{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.02}.experience-panel p{color:#ffffffad;margin:16px 0 0;line-height:1.52}.mode-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mode-list article{background:#ffffff12;border:1px solid #ffffff24;border-radius:8px;gap:9px;padding:16px;display:grid}.mode-list strong{text-transform:uppercase;font-size:14px}.mode-list span{color:#ffffffab;font-size:13px;line-height:1.45}.spec-strip{background:#ffffff24;border:1px solid #ffffff24;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin-top:16px;display:grid;overflow:hidden}.spec-strip span{background:#ffffff0f;gap:6px;min-height:96px;padding:18px;display:grid}.spec-strip small{color:#ffffff94;text-transform:uppercase;font-size:12px;font-weight:900}.spec-strip strong{color:#fff;font-size:17px;line-height:1.2}.technology-section{background:#fff;grid-template-columns:minmax(360px,.9fr) minmax(360px,1fr);align-items:center;gap:clamp(28px,5vw,70px);display:grid}.tech-visual{background:var(--charcoal);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.tech-visual img{aspect-ratio:1.35;object-fit:cover;width:100%}.tech-copy h2,.order-copy h2{margin:0;font-size:clamp(34px,5vw,58px);font-weight:900;line-height:.98}.tech-copy>p,.order-copy>p{color:var(--muted);margin:20px 0 0;font-size:18px;line-height:1.55}.payment-status{border-left:3px solid var(--cyan-2);background:#fff;border-radius:8px;padding:14px 16px}.payment-status.success{color:#0d6f42;border-left-color:#13a05f}.payment-status.failed{color:#9a2929;border-left-color:#d04545}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.feature-card{border:1px solid var(--line);background:var(--paper-2);border-radius:8px;min-height:166px;padding:18px}.feature-card svg{color:var(--cyan-2)}.feature-card h3{text-transform:uppercase;margin:18px 0 8px;font-size:16px}.feature-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.gallery-band{background:var(--charcoal);grid-template-columns:1.25fr .85fr 1fr;gap:10px;padding:10px;display:grid}.gallery-band img{object-fit:cover;width:100%;height:clamp(240px,28vw,420px)}.gallery-band img:nth-child(2){object-position:center}.logistics-band{color:#fff;background:#0d5b68;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.logistics-band article{background:linear-gradient(135deg,#ffffff17,#ffffff05);gap:15px;min-height:130px;padding:26px clamp(18px,3vw,34px);display:flex}.logistics-band svg{color:#a8f4ff;flex:none}.logistics-band h3{text-transform:uppercase;margin:0;font-size:14px}.logistics-band p{color:#ffffffbd;margin:7px 0 0;line-height:1.45}.order-section{background:var(--paper-2);grid-template-columns:minmax(320px,.76fr) minmax(360px,1fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.order-copy img{background:var(--charcoal);width:min(520px,100%);box-shadow:var(--shadow);border-radius:8px;margin-top:30px}.order-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:clamp(20px,4vw,34px);display:grid}.order-form label{color:var(--ink-2);text-transform:uppercase;gap:7px;font-size:13px;font-weight:900;display:grid}.order-form input,.order-form select,.order-form textarea{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);background:#fff;border-radius:8px;outline:none;padding:11px 13px;transition:border-color .16s,box-shadow .16s}.order-form textarea{resize:vertical;min-height:118px}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:var(--cyan-2);box-shadow:0 0 0 3px #00b8d224}.message-field,.submit-button,.privacy-note,.success-message{grid-column:1/-1}.submit-button{width:fit-content}.privacy-note,.success-message{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.success-message{color:#0d6f42;font-weight:800}.site-footer{background:var(--charcoal);color:#fff;justify-content:space-between;align-items:center;gap:20px;padding:24px clamp(20px,7vw,110px);display:flex}.site-footer span:last-child{color:#ffffffb8;text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:800;display:inline-flex}@media (width<=1040px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.colour-layout,.technology-section,.order-section,.capability-intro,.experience-panel{grid-template-columns:1fr}.capability-grid,.mode-list,.spec-strip,.size-grid,.logistics-band,.comparison-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.site-header{min-height:62px;padding:10px 16px}.brand-mark{width:34px;height:34px}.brand strong{font-size:12px}.brand small{font-size:10px}.header-action{min-height:38px;padding:0 11px;font-size:12px}.hero{align-items:end;min-height:760px;padding:96px 18px 50px}.hero-media{background:linear-gradient(180deg, #050c1057 0%, #050c106b 36%, #050c10f5 82%), url(/hydropod/crop-02.png) center top / auto 54% no-repeat, var(--charcoal)}.hero h1{font-size:42px}.hero p{font-size:18px}.hero-actions{display:grid}.hero-points{grid-template-columns:1fr;gap:8px;margin-top:22px}.hero-points span{min-height:58px}.section{padding:54px 18px}.section-heading,.section-heading.compact{grid-template-columns:1fr;gap:14px;margin-bottom:24px}.section-heading h2,.tech-copy h2,.order-copy h2{font-size:36px}.product-stage{min-height:320px;padding:18px}.product-stage div{display:grid}.colour-card{min-height:82px}.size-grid,.comparison-strip,.capability-grid,.mode-list,.spec-strip,.feature-grid,.logistics-band,.order-form{grid-template-columns:1fr}.capability-intro{grid-template-columns:1fr;gap:14px}.capability-card{min-height:0}.capability-card span{margin-top:18px;font-size:24px}.experience-panel{padding:18px}.size-card{grid-template-columns:48px 1fr;min-height:0}.size-price{grid-column:1/-1}.size-specs,.gallery-band{grid-template-columns:1fr}.gallery-band img{height:230px}.logistics-band article{min-height:108px}.submit-button{width:100%}.site-footer{display:grid}}