:root{--navy:#082d4c;--dark:#061e33;--teal:#00ad82;--green:#00b67a;--muted:#617488;--line:#e5ebef;--bg:#f7f9fa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--dark);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
header{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:50}.nav{display:flex;align-items:center;gap:36px}.logo{font-size:28px;font-weight:800;letter-spacing:.02em;color:var(--navy);line-height:.8;white-space:nowrap}.logo b{color:var(--teal)}.logo small{display:block;font-size:7px;letter-spacing:.24em;margin-top:8px}.nav nav{display:flex;gap:26px;margin-left:auto;font-size:13px;font-weight:600}.nav nav a:hover{color:var(--teal)}.top-cta,.btn{background:var(--teal);color:#fff;padding:13px 20px;border-radius:999px;font-size:13px;font-weight:700}.menu{display:none;border:0;background:none;font-size:24px}
.hero{min-height:610px;position:relative;overflow:hidden;background:linear-gradient(115deg,#082e4e 0%,#0b5c72 45%,#75c9d0 100%);color:#fff}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.23),transparent 24%),linear-gradient(0deg,rgba(1,31,43,.16),rgba(1,31,43,.02))}.hero-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;min-height:610px;align-items:center;gap:30px}.kicker,.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:800;color:var(--teal);margin:0 0 18px}.kicker{color:#d4fff0}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:0;max-width:650px}.lead{font-size:17px;line-height:1.65;color:#e1edf1;max-width:580px;margin:24px 0 30px}.btn{display:inline-flex;gap:14px;align-items:center}.product-stage{height:570px;position:relative}.halo{position:absolute;width:560px;height:560px;border-radius:50%;background:rgba(255,255,255,.12);right:-20px;top:25px}.can{position:absolute;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(0,0,0,.25));mix-blend-mode:multiply;background:white}.can-ar{width:440px;height:500px;right:170px;bottom:15px;z-index:2}.can-en{width:330px;height:410px;right:-10px;bottom:8px;z-index:3}
.pillars{background:#fff;border-bottom:1px solid var(--line)}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr)}.pillar-grid article{text-align:center;padding:36px 24px;border-right:1px solid var(--line)}.pillar-grid article:last-child{border-right:0}.icon{font-size:31px;color:var(--navy);height:44px}.pillar-grid h3{font-size:16px;margin:8px 0}.pillar-grid p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.section{padding:92px 0}.alt{background:var(--bg)}h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.04em;margin:0 0 20px}.product-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.product-text>p:not(.eyebrow),.copy p{color:var(--muted);line-height:1.7}.btn.dark{background:var(--navy);margin-top:12px}.featured{border:1px solid var(--line);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;min-height:350px;background:#fff}.featured-img{display:flex;align-items:center;justify-content:center;background:#f5f7f8;padding:20px}.featured-img img{width:100%;height:310px;object-fit:contain}.featured-copy{padding:42px 34px;display:flex;flex-direction:column;justify-content:center}.tag{font-size:10px;color:var(--teal);font-weight:800;letter-spacing:.16em}.featured h3{font-size:35px;margin:10px 0}.featured p{color:var(--muted)}.featured small{font-size:10px;line-height:1.5;color:#8a98a4}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.market-box{margin-top:38px;border:1px solid var(--line);border-radius:22px;padding:32px;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.market-box div{display:flex;flex-direction:column;gap:8px}.market-box small{font-size:10px;letter-spacing:.16em;color:var(--muted)}.market-box strong{font-size:17px}.market-box>span{font-size:28px;color:var(--teal)}
.contact{padding:20px 0 90px}.contact-box{background:linear-gradient(135deg,var(--dark),var(--navy));border-radius:28px;padding:52px;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}.contact h2{color:#fff}.contact p{color:#bed0dc;max-width:720px}.eyebrow.light{color:#69e0bb}.btn.white{background:#fff;color:var(--navy)}
footer{border-top:1px solid var(--line);padding:34px 0}.footer{display:flex;align-items:center;justify-content:space-between}.footer p{font-size:11px;color:var(--muted)}.foot{font-size:21px}
@media(max-width:900px){.nav nav,.top-cta{display:none}.menu{display:block;margin-left:auto}.nav nav.open{display:flex;position:absolute;top:81px;left:20px;right:20px;background:#fff;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:16px}.hero-grid{grid-template-columns:1fr;padding-top:65px}.hero{min-height:auto}.product-stage{height:460px}.can-ar{width:340px;height:410px;right:28%}.can-en{width:260px;height:330px;right:2%}.pillar-grid{grid-template-columns:repeat(2,1fr)}.product-section,.two-col{grid-template-columns:1fr}.market-box{grid-template-columns:1fr}.contact-box{grid-template-columns:1fr}.featured{grid-template-columns:1fr}.featured-img img{height:280px}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.hero h1{font-size:44px}.product-stage{height:360px}.can-ar{width:250px;height:320px;right:25%}.can-en{width:190px;height:250px;right:-3%}.pillar-grid{grid-template-columns:1fr}.pillar-grid article{border-right:0;border-bottom:1px solid var(--line)}.section{padding:68px 0}.contact-box{padding:32px 24px}.footer{align-items:flex-start;flex-direction:column;gap:18px}}