:root{--ocean:#00AEEF;--ocean-deep:#0077C8;--navy:#002F4B;--white:#FFFFFF;--aqua:#5EEAD4;--steel:#6C757D;--charcoal:#212529;--coral:#FF6B6B;--lime:#B7FF00;--maxw:1240px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Lato,sans-serif;color:var(--navy);background:var(--white);line-height:1.6;overflow-x:hidden}h1,h2,h3,.display{font-family:Montserrat,sans-serif;font-weight:800;letter-spacing:-.01em}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-family:Montserrat,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ocean)}nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:.4s;background:transparent}nav.scrolled{background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 30px #002f4b14;padding:10px 0}.navbar{display:flex;align-items:center;justify-content:space-between}.nav-logo{height:46px;transition:.4s}nav.scrolled .nav-logo{height:40px}.nav-logo.light{display:block}.nav-logo.dark{display:none}nav.scrolled .nav-logo.light{display:none}nav.scrolled .nav-logo.dark{display:block}.nav-links{display:flex;gap:34px;align-items:center}.nav-links a{font-family:Montserrat,sans-serif;font-weight:600;font-size:.92rem;color:var(--white);transition:.25s}nav.scrolled .nav-links a{color:var(--navy)}.nav-links a:hover{color:var(--aqua)}.btn{font-family:Montserrat,sans-serif;font-weight:700;font-size:.9rem;padding:13px 26px;border-radius:50px;cursor:pointer;border:none;transition:.3s;display:inline-block;letter-spacing:.02em}.btn-primary{background:linear-gradient(45deg,var(--ocean),var(--ocean-deep));color:#fff;box-shadow:0 8px 24px #0077c859}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0077c873}.btn-ghost{background:#ffffff1f;color:#fff;border:1.5px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{background:#fff;color:var(--navy)}.nav-cta{color:#fff!important}nav.scrolled .nav-cta{color:#fff!important}.menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none}.menu-toggle span{width:26px;height:2.5px;background:#fff;transition:.3s}nav.scrolled .menu-toggle span{background:var(--navy)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:-2}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#001e37e0,#002f4b9e 42%,#0077c852)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,30,55,.55) 0%,transparent 30%,transparent 70%,rgba(0,47,75,.4) 100%)}.hero-content{max-width:760px;padding-top:80px}.hero h1{font-size:clamp(2.6rem,6.5vw,5rem);font-weight:900;line-height:.98;margin:18px 0 22px;text-shadow:0 4px 30px rgba(0,0,0,.3)}.hero h1 .tint{background:linear-gradient(45deg,var(--aqua),var(--ocean));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lede{font-size:clamp(1.05rem,2vw,1.3rem);font-weight:300;max-width:560px;margin-bottom:34px;color:#ffffffeb}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);font-family:Montserrat;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;opacity:.7;animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}.bubbles{position:absolute;inset:0;z-index:-1;pointer-events:none}.bubble{position:absolute;bottom:-40px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff80,#5eead41a);animation:rise linear infinite}@keyframes rise{to{transform:translateY(-110vh) translate(40px);opacity:0}}.reveal{opacity:0;transform:translateY(36px);transition:.9s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:none}.ticker{background:var(--navy);color:#fff;padding:18px 0;overflow:hidden;white-space:nowrap}.ticker-track{display:inline-block;animation:scroll 28s linear infinite;font-family:Montserrat;font-weight:700;font-size:1rem;letter-spacing:.12em;text-transform:uppercase}.ticker-track span{margin:0 28px;color:var(--aqua)}.ticker-track span.alt{color:#fff}@keyframes scroll{to{transform:translate(-50%)}}section{padding:100px 0}.sec-head{max-width:680px;margin-bottom:56px}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}.sec-head h2{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.05;margin:14px 0 18px;color:var(--navy)}.sec-head p{font-size:1.12rem;color:var(--steel)}.story{background:linear-gradient(160deg,#f4fbff,#eaf6fc);position:relative}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.story-img{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #002f4b38;aspect-ratio:4/5}.story-img img{width:100%;height:100%;object-fit:cover}.story-img .badge{position:absolute;bottom:20px;left:20px;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 20px;border-radius:14px;font-family:Montserrat;font-weight:800;color:var(--navy);font-size:.95rem}.story-img .badge small{display:block;font-weight:400;font-family:Lato;color:var(--ocean-deep);font-size:.78rem;letter-spacing:.05em}.story-text h2{font-size:clamp(1.9rem,3.6vw,2.7rem);color:var(--navy);margin:14px 0 22px;line-height:1.08}.story-text p{margin-bottom:18px;font-size:1.06rem;color:#3a4d5c}.story-sign{font-family:Montserrat;font-weight:700;color:var(--ocean-deep);margin-top:8px}.features{background:#fff}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feat-card{background:#fff;border:1px solid #e3eef5;border-radius:18px;padding:34px 30px;transition:.4s;position:relative;overflow:hidden}.feat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--ocean),var(--aqua));transform:scaleX(0);transform-origin:left;transition:.4s}.feat-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px #002f4b21;border-color:transparent}.feat-card:hover:before{transform:scaleX(1)}.feat-ico{width:56px;height:56px;border-radius:14px;background:linear-gradient(45deg,var(--ocean),var(--ocean-deep));display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feat-ico svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2}.feat-card h3{font-size:1.25rem;color:var(--navy);margin-bottom:10px}.feat-card p{color:var(--steel);font-size:.98rem}.specs{background:var(--navy);color:#fff;text-align:center}.specs .sec-head h2{color:#fff}.specs .sec-head p{color:#ffffffb3}.spec-row{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:20px}.spec{padding:10px}.spec .num{font-family:Montserrat;font-weight:900;font-size:2.8rem;background:linear-gradient(45deg,var(--aqua),var(--ocean));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.spec .lbl{font-size:.95rem;color:#ffffffc7;margin-top:8px}.compat{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:54px}.chip{border:1.5px solid rgba(94,234,212,.4);border-radius:50px;padding:9px 20px;font-family:Montserrat;font-weight:600;font-size:.85rem;color:var(--aqua)}.gallery{background:linear-gradient(180deg,#eaf6fc,#fff)}.gal-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:14px}.gal-item{border-radius:16px;overflow:hidden;position:relative}.gal-item img{width:100%;height:100%;object-fit:cover;transition:.6s}.gal-item:hover img{transform:scale(1.08)}.gal-item:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#002f4b66);opacity:0;transition:.4s}.gal-item:hover:after{opacity:1}.gal-wide{grid-column:span 2}.gal-tall{grid-row:span 2}.gal-cap{position:absolute;bottom:14px;left:16px;color:#fff;font-family:Montserrat;font-weight:700;font-size:.9rem;opacity:0;transform:translateY(8px);transition:.4s;z-index:2}.gal-item:hover .gal-cap{opacity:1;transform:none}.eco{background:#fff}.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.eco-card{border-radius:16px;padding:28px;background:linear-gradient(160deg,#f4fbff,#fff);border:1px solid #e3eef5;transition:.35s}.eco-card:hover{border-color:var(--ocean);transform:translateY(-5px);box-shadow:0 18px 40px #002f4b1a}.eco-card .tag{font-family:Montserrat;font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ocean)}.eco-card h3{font-size:1.18rem;color:var(--navy);margin:8px 0}.eco-card p{color:var(--steel);font-size:.95rem}.eco-card .coming{display:inline-block;margin-top:14px;font-size:.74rem;font-family:Montserrat;font-weight:700;color:var(--coral);background:#ff6b6b1a;padding:4px 12px;border-radius:50px}.join{position:relative;color:#fff;text-align:center;overflow:hidden}.join-bg{position:absolute;inset:0;z-index:-2}.join-bg img{width:100%;height:100%;object-fit:cover}.join:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#002f4bd9,#0077c8c7)}.join h2{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.04;margin-bottom:18px}.join p{font-size:1.18rem;max-width:560px;margin:0 auto 36px;color:#ffffffeb;font-weight:300}.signup{display:flex;gap:12px;max-width:480px;margin:0 auto;flex-wrap:wrap;justify-content:center}.signup input{flex:1;min-width:220px;padding:15px 22px;border-radius:50px;border:none;font-family:Lato;font-size:1rem;outline:none}.signup-note{margin-top:18px;font-size:.85rem;color:#ffffffb3}#signup-msg{margin-top:18px;font-family:Montserrat;font-weight:700;color:var(--aqua);min-height:24px}footer{background:var(--charcoal);color:#ffffffb3;padding:60px 0 30px}.foot-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px;margin-bottom:40px}.foot-logo{height:64px;margin-bottom:16px}.foot-col h4{font-family:Montserrat;font-weight:700;color:#fff;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.foot-col a{display:block;margin-bottom:10px;font-size:.95rem;transition:.25s}.foot-col a:hover{color:var(--aqua)}.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.85rem}.foot-bottom a:hover{color:var(--aqua)}@media(max-width:900px){.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:75%;max-width:320px;background:var(--navy);flex-direction:column;justify-content:center;gap:30px;transition:.4s;box-shadow:-10px 0 40px #0000004d}.nav-links.open{right:0}.nav-links a{color:#fff!important;font-size:1.1rem}.menu-toggle{display:flex;z-index:101}.story-grid{grid-template-columns:1fr;gap:36px}.feat-grid,.eco-grid{grid-template-columns:1fr}.spec-row{grid-template-columns:repeat(2,1fr);gap:34px}.gal-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}.gal-wide{grid-column:span 2}section{padding:70px 0}}