:root{--n:#0b3a53;--b:#0e7c9a;--t:#0fa8a0;--l:#e9f7f6;--tx:#1d2a35}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tx);line-height:1.6}
.wrap{max-width:1100px;margin:auto;padding:0 20px}.sec{padding:64px 20px}h1,h2,h3{color:var(--n);line-height:1.2}h2{font-size:1.9rem;margin-top:0}
.nav{position:sticky;top:0;background:#fff;box-shadow:0 1px 6px #0002;z-index:9}.navin{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:1.4rem;color:var(--n);text-decoration:none}.logo span{color:var(--t)}nav a{margin:0 12px;color:var(--n);text-decoration:none;font-weight:500}
.btn{display:inline-block;background:var(--t);color:#fff;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:600;border:0;cursor:pointer;font-size:1rem}.btn:hover{background:#0c807d}.btn.sm{padding:8px 14px}
.btn.ghost{background:transparent;border:2px solid #fff}
.hero{background:linear-gradient(135deg,#0b3a53,#0e7c9a 55%,#14b8b0);color:#fff;padding:110px 0}.hero h1{color:#fff;font-size:2.8rem;max-width:760px;margin:.2em 0}
.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#9fe3e0;font-weight:600}.lead{font-size:1.2rem;max-width:620px;opacity:.95}.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #d6e3ea;border-top:4px solid var(--t);border-radius:8px;padding:24px}
.products{margin-top:20px}.tag{font-size:.75rem;background:#fff3cd;color:#7a5b00;padding:3px 8px;border-radius:4px;vertical-align:middle}.ph{color:#8a6d00;font-size:.9em}
.band{background:var(--l)}.two{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.map{position:relative}.map iframe{width:100%;height:340px;border:0;border-radius:8px}.ring{position:absolute;left:50%;top:170px;width:260px;height:260px;margin:-130px;border:3px dashed var(--t);border-radius:50%;background:#0f9d9a18;pointer-events:none}
.form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:12px}.form input,.form select,.form textarea{width:100%;padding:10px;border:1px solid #b9cbd6;border-radius:5px;font:inherit;margin-top:4px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.note{font-size:.85rem;color:#5a6b78}.thanks{background:#e3f7ef;border-left:4px solid var(--t);padding:12px 16px;border-radius:5px}
.safe{border-top-color:var(--b)}.big a{font-size:1.8rem;font-weight:700;color:var(--b);text-decoration:none}
footer{background:var(--n);color:#cfe0ea;text-align:center;padding:28px 0}.demo{display:inline-block;margin-top:6px;opacity:.8}
@media(max-width:800px){nav{display:none}.grid3,.two,.row{grid-template-columns:1fr}.hero{padding:70px 0}.hero h1{font-size:2rem}.ring{width:200px;height:200px;margin:-100px}}
[hidden]{display:none!important}
.heroin{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}.heroimg{width:100%;border-radius:12px;box-shadow:0 10px 30px #0004}
.trust{background:#0b3a53;color:#bdf0ec;font-weight:600;font-size:.95rem}.trust .wrap{display:flex;justify-content:space-around;flex-wrap:wrap;gap:10px;padding:14px 20px}
.wide{width:100%;border-radius:8px;margin:20px 0 0}.map svg{width:100%;height:auto}.eyebrow.dark{color:var(--t);margin:0}
.ctaband{background:linear-gradient(90deg,#0e7c9a,#14b8b0);color:#fff;text-align:center;padding:48px 0}.ctaband h2{color:#fff}.btn.light{background:#fff;color:#0b3a53}
@media(max-width:800px){.heroin{grid-template-columns:1fr}}

.heroin{grid-template-columns:1fr 1.15fr}
.slides{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px #0005}
.slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 2s ease-in-out}
.slides img.on{opacity:1}
.ticker{background:#062b3d;color:#bff3ee;overflow:hidden;white-space:nowrap;font-size:.92rem;letter-spacing:.04em;border-bottom:1px solid #14b8b055}
.ticker .track{display:inline-block;padding:9px 0;animation:tick 45s linear infinite}
.ticker span{display:inline-block;padding:0 22px}
.ticker span::after{content:"\25C6";color:#14b8b0;margin-left:44px;font-size:.6em;vertical-align:middle}
.ticker:hover .track{animation-play-state:paused}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker .track{animation:none}.slides img{transition:none}}

.hero .wrap.heroin{max-width:1320px;grid-template-columns:1fr 1.35fr;gap:64px}
.slides{margin-right:-24px}
.totop{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;border:0;background:#14b8b0;color:#fff;font-size:1.4rem;cursor:pointer;box-shadow:0 6px 18px #0004;opacity:0;pointer-events:none;transition:opacity .4s}
.totop.show{opacity:1;pointer-events:auto}.totop:hover{background:#0e7c9a}
@media(max-width:800px){.hero .wrap.heroin{grid-template-columns:1fr;gap:28px}.slides{margin-right:0}}

.hero.bgshow{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;background:#0b3a53;border-bottom:6px solid #14b8b0}
.slides.bg{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;box-shadow:none;margin:0;z-index:0}
.hero.bgshow .tint{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,43,61,.92) 0%,rgba(11,58,83,.78) 38%,rgba(14,124,154,.35) 70%,rgba(20,184,176,.15) 100%)}
.hero.bgshow .heroin{position:relative;z-index:2;display:block;width:100%}
.hero.bgshow .heroin>div{max-width:620px;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.contactc{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center;text-align:center}
.topbtn{background:#14b8b0;color:#fff;border:2px solid #fff;border-radius:30px;padding:14px 26px;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #0003}
.topbtn:hover{background:#0e7c9a}
@media(max-width:800px){.hero.bgshow{min-height:520px}.hero.bgshow .tint{background:rgba(6,43,61,.72)}.contactc{grid-template-columns:1fr;gap:24px}}

html{scroll-behavior:smooth}.topbtn{display:inline-block;text-decoration:none}

.mnav{display:none}
@media(max-width:800px){.mnav{display:flex;justify-content:space-between;gap:6px;padding:8px 12px 10px;background:#fff;border-top:1px solid #e3eef2}
.mnav a{flex:1;text-align:center;padding:8px 4px;border-radius:20px;background:#e6f7f6;color:#0b3a53;font-weight:600;font-size:.85rem;text-decoration:none}
.mnav a:active{background:#14b8b0;color:#fff}}