:root{--navy:#101C32;--teal:#00C2D0;--bg:#00C4C4;--light:#F6F8FA;--glow:#E0FC40}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:var(--navy);background:#fff;line-height:1.6}
header{background:var(--navy);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
header img{height:44px}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.brand .wm{height:24px;width:auto}
.nav-icon{height:38px !important;width:38px;border-radius:9px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.more-from{margin-top:14px;font-size:14px;color:#cfd8e3}
.more-from a{font-weight:600}
nav a{color:#fff;text-decoration:none;margin-left:22px;font-size:15px;opacity:.9}
nav a:hover,nav a.active{opacity:1;color:var(--teal)}
.hero{background:linear-gradient(135deg,var(--navy) 0%,#0a2a4a 60%,#00647a 100%);color:#fff;text-align:center;padding:80px 24px}
.hero.photo{background:linear-gradient(rgba(6,16,32,.72),rgba(6,16,32,.72)),url('images/bg.jpg') center/cover no-repeat}
.hero-inner{display:flex;flex-direction:column;align-items:center}
.hero-logo{width:min(280px,65vw);height:auto;margin-bottom:26px}
.app-icon{width:110px;height:110px;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.4);margin-bottom:22px;display:inline-block}
.app-icon.small{width:84px;height:84px;border-radius:18px;box-shadow:0 8px 22px rgba(0,0,0,.25);margin-bottom:16px}
.features-alt{max-width:1000px;margin:0 auto;padding:64px 24px 24px}
.feature-row{display:flex;align-items:center;gap:40px;margin-bottom:56px;flex-wrap:wrap}
.feature-row img{width:min(380px,100%);flex:1 1 300px;object-fit:contain}
.feature-row div{flex:1 1 320px}
.feature-row h3{font-size:24px;margin-bottom:12px;color:var(--navy)}
.feature-row p{color:#3a4a5f;font-size:16px}
.feature-row.reverse{flex-direction:row-reverse}
@media (max-width:720px){.feature-row,.feature-row.reverse{flex-direction:column}}
.shots{text-align:center}
.shots img{max-width:100%;height:auto}
.cta-band{background:linear-gradient(135deg,var(--teal),#0084A0);color:#fff;text-align:center;padding:56px 24px}
.cta-band h2{font-size:28px;margin-bottom:10px}
.cta-band p{margin-bottom:24px;opacity:.95}
.cta-band .btn{background:#fff;color:var(--navy)}
.hero h1{font-size:clamp(28px,5vw,46px);margin-bottom:16px}
.hero p{font-size:clamp(16px,2.5vw,20px);max-width:640px;margin:0 auto 32px;opacity:.9}
.btn{display:inline-block;background:var(--teal);color:#fff;padding:14px 34px;border-radius:50px;text-decoration:none;font-weight:600;border:none;font-size:16px;cursor:pointer}
.btn:hover{filter:brightness(1.1)}
section{padding:64px 24px;max-width:1000px;margin:0 auto}
section h2{text-align:center;font-size:32px;margin-bottom:40px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{background:var(--light);border-radius:16px;padding:28px;border-top:4px solid var(--teal)}
.card h3{margin-bottom:10px;font-size:19px}
.card p{font-size:15px;color:#3a4a5f}
.prose{max-width:760px;margin:0 auto;padding:56px 24px}
.prose h1{font-size:34px;margin-bottom:8px}
.prose h2{font-size:21px;margin:28px 0 8px;text-align:left}
.prose p,.prose li{color:#2b3a4e;font-size:16px}
.prose ul{padding-left:22px}
.muted{color:#6b7a8f;font-size:14px}
footer{background:var(--navy);color:#cfd8e3;text-align:center;padding:28px 24px;font-size:14px;margin-top:40px}
footer a{color:var(--teal);text-decoration:none;margin:0 8px}
.form-card{max-width:460px;margin:0 auto;background:var(--light);padding:36px;border-radius:16px;border-top:4px solid var(--teal)}
.form-card input[type=email]{width:100%;padding:14px 18px;border-radius:50px;border:1px solid #c7d0da;font-size:16px;margin-bottom:14px}
.form-card .btn{width:100%}
.notice{margin-top:14px;font-size:15px;text-align:center;display:none}
.notice.ok{display:block;color:#0a7a3d}
.notice.err{display:block;color:#b00020}
.badge{display:inline-block;background:rgba(0,194,208,.15);color:var(--teal);border:1px solid var(--teal);border-radius:50px;padding:6px 16px;font-size:13px;margin-bottom:18px}
