:root{--navy:#173a7a;--blue:#087fda;--aqua:#48c9f2;--ice:#eef8ff;--ink:#092852;--muted:#55708d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fcff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{position:fixed;z-index:20;top:16px;left:50%;transform:translateX(-50%);width:min(880px,calc(100% - 28px));height:64px;padding:7px 12px 7px 8px;border:1px solid #ffffffc2;border-radius:24px;background:#f6fcffb8;backdrop-filter:blur(22px) saturate(155%);box-shadow:0 12px 40px #09376521;display:flex;align-items:center;justify-content:space-between}.brand-mini img{width:49px;height:49px;border-radius:50%;display:block}.topbar nav{display:flex;gap:6px}.topbar nav a{padding:10px 14px;border-radius:15px;font-size:.88rem;font-weight:650}.topbar nav a:hover{background:#ffffffc7}
.hero{min-height:780px;position:relative;overflow:hidden;display:grid;place-items:center;padding:130px 20px 80px;background:linear-gradient(165deg,#fff,#bfe9ff)}.hero-water{position:absolute;inset:0;background:linear-gradient(90deg,#f2fafffa 0%,#f2faffd1 45%,#eef9ff38),url('assets/catalog-cover.jpg') center/cover;opacity:.88}.hero-content{position:relative;z-index:2;width:min(1100px,100%)}.hero-logo{width:115px;height:115px;border-radius:50%;box-shadow:0 18px 45px #1047822e}.eyebrow,.kicker{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#138dcc}.eyebrow{margin:24px 0 12px}.hero h1{margin:0;max-width:780px;font-size:clamp(3rem,7vw,6.4rem);line-height:.94;letter-spacing:-.065em;font-weight:760}.hero h1 span{color:var(--blue)}.hero-copy{font-size:1.16rem;line-height:1.65;max-width:620px;color:#3e6080;margin:26px 0 0}.hero-actions,.contact-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.water-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:13px 21px;border:1px solid #ffffffcc;border-radius:18px;background:#ffffff8c;backdrop-filter:blur(14px);box-shadow:inset 0 1px 1px #fff,0 10px 24px #1163a021;font-weight:720;transition:.25s}.water-button:hover{transform:translateY(-2px)}.water-button.primary{color:white;background:linear-gradient(135deg,#087ed9,#25b9ed);border-color:#7dd9fa}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#ffffff2e 38%,#1599e042);box-shadow:inset -8px -10px 20px #0f82c829,0 14px 35px #1471ab21}.b1{width:86px;height:86px;right:11%;top:21%}.b2{width:35px;height:35px;right:23%;top:15%}
.intro{padding:110px 0 90px;text-align:center}.intro h2,.services-section h2,.solutions h2,.catalog-copy h2,.video-heading h2,.contact-section h2{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1;letter-spacing:-.05em;margin:10px 0 20px}.intro>p:last-of-type{max-width:760px;margin:auto;color:var(--muted);font-size:1.08rem;line-height:1.75}.metrics{margin:56px auto 0;display:grid;grid-template-columns:repeat(3,1fr);max-width:780px;padding:8px;border:1px solid #dceffa;border-radius:28px;background:#ffffffc7;box-shadow:0 20px 60px #155a8a17}.metrics div{padding:25px 12px;border-right:1px solid #e0eff7}.metrics div:last-child{border:0}.metrics strong{display:block;font-size:2.2rem;color:var(--blue)}.metrics span{font-size:.86rem;color:var(--muted)}
.services-section{padding:100px 0;background:linear-gradient(#ecf8ff,#dff4ff)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-heading a,.solution-card span{display:flex;align-items:center;gap:6px;color:var(--blue);font-weight:700}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.glass-card{min-height:250px;padding:26px;border:1px solid #ffffffe0;border-radius:26px;background:linear-gradient(145deg,#ffffffd1,#ffffff6b);box-shadow:0 14px 38px #15689e14;transition:.25s}.glass-card:hover,.solution-card:hover{transform:translateY(-5px)}.icon-drop{width:53px;height:58px;border-radius:51% 49% 58% 42%/45% 42% 58% 55%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#5ccef2,#0c81d9);box-shadow:inset 2px 3px 6px #ffffff85,0 10px 22px #107dbd40}.glass-card h3,.solution-card h3{font-size:1.14rem;margin:22px 0 10px}.glass-card p,.solution-card p,.catalog-copy p,.contact-section p{color:var(--muted);line-height:1.6;margin:0;font-size:.94rem}
.solutions{padding:110px 0}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.solution-card{padding:32px;border-radius:28px;background:#fff;border:1px solid #e1eff7;box-shadow:0 18px 50px #16487214;transition:.25s}.solution-card>svg{color:#1298dc}.solution-card span{margin-top:22px;font-size:.9rem}
.media-section{padding:105px 0;background:#eaf7ff}.media-grid{display:grid;gap:22px}.catalog-card{min-height:590px;border-radius:36px;overflow:hidden;background:#fff;display:grid;grid-template-columns:.85fr 1.15fr;box-shadow:0 30px 80px #0f4f7e21}.catalog-card>img{width:100%;height:100%;max-height:650px;object-fit:cover}.catalog-copy{padding:65px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.catalog-copy .water-button{margin-top:28px}.video-card{padding:38px;border-radius:36px;background:#0c2e63;color:#fff}.video-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.video-heading h2{font-size:2.4rem;margin:7px 0}.video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px;background:#061b3c}.video-card .kicker{color:#67d2fb}
.contact-section{padding:105px 0;background:linear-gradient(145deg,#092d64,#0b7fca);color:#fff}.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact-section p{color:#c9e6f6}.kicker.light{color:#80ddff}.water-button.white{background:#fff;color:#09598f}.locations{display:grid;gap:14px}.locations a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px;border:1px solid #ffffff33;border-radius:22px;background:#ffffff1a}.locations span{font-size:.9rem;line-height:1.5}.locations strong{display:block}
footer{padding:42px 0;background:#061f44;color:#fff}.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.footer-grid>img{width:66px;height:66px;border-radius:50%}.socials{display:flex;gap:10px}.socials a{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:#ffffff1a;border:1px solid #ffffff24}.socials svg{width:20px}.footer-links{display:flex;flex-direction:column;text-align:right;gap:7px;color:#bcd7ea;font-size:.88rem}
@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,1fr)}.solution-grid,.contact-wrap{grid-template-columns:1fr}.catalog-card{grid-template-columns:1fr}.catalog-card>img{max-height:500px}.footer-grid{grid-template-columns:1fr;justify-items:center}.footer-links{text-align:center}}
@media(max-width:620px){.shell{width:calc(100% - 28px)}.topbar{top:10px;height:58px}.brand-mini img{width:44px;height:44px}.topbar nav a{font-size:.78rem;padding:9px}.topbar nav a:first-child{display:none}.hero{min-height:760px;padding:110px 16px 60px}.hero-content{text-align:center}.hero-logo{width:104px;height:104px}.hero h1{font-size:3.35rem}.hero-copy{font-size:1rem}.hero-actions{justify-content:center}.intro,.solutions,.services-section,.media-section,.contact-section{padding:76px 0}.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid #e0eff7}.service-grid{grid-template-columns:1fr}.glass-card{min-height:0}.section-heading a{display:none}.catalog-card{border-radius:28px}.catalog-card>img{max-height:440px}.catalog-copy{padding:35px 25px}.catalog-copy .water-button,.contact-buttons .water-button{width:100%}.video-card{padding:20px;border-radius:28px}.video-heading h2{font-size:1.8rem}.video-card video{border-radius:18px}.intro h2,.services-section h2,.solutions h2,.catalog-copy h2,.contact-section h2{font-size:2.65rem}}