:root{
  --navy:#163a59; --blue:#2f6f93; --stone:#eef4f6; --ink:#162330; --muted:#5c6b76;
  --white:#ffffff; --line:#dbe6ea; --gold:#d7a84b;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f7fbfc 0%,#fff 42%);line-height:1.6}
a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.header{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}
.nav{max-width:1120px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:800;letter-spacing:.2px}.brand img{width:42px;height:42px;border-radius:11px}.navlinks{display:flex;gap:18px;flex-wrap:wrap;font-size:15px}
.hero{max-width:1120px;margin:0 auto;padding:72px 22px 48px;display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:0 0 14px;color:var(--navy);letter-spacing:-2px}.tagline{font-size:clamp(22px,3vw,32px);font-weight:750;color:var(--blue);margin:0 0 18px}.coming{display:inline-flex;align-items:center;gap:8px;background:#e8f2f5;color:var(--navy);font-weight:800;border-radius:999px;padding:9px 15px;margin:6px 0 18px}.lead{font-size:19px;color:var(--muted);max-width:670px}.hero-card{background:var(--white);border:1px solid var(--line);box-shadow:0 20px 50px rgba(22,58,89,.12);border-radius:28px;padding:34px;text-align:center}.hero-card img{width:min(260px,70%);border-radius:46px}.badge{display:inline-block;background:#f1f7f9;color:var(--navy);font-weight:700;border-radius:999px;padding:8px 14px;margin-top:18px}
.section{max-width:1120px;margin:0 auto;padding:42px 22px}.section h2{color:var(--navy);font-size:32px;margin:0 0 16px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 24px rgba(22,35,48,.06)}.card h3{margin:0 0 8px;color:var(--navy)}.card p{margin:0;color:var(--muted)}
.screens{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.phone{background:linear-gradient(180deg,#ffffff,#eef4f6);border:1px solid var(--line);border-radius:28px;padding:16px;min-height:230px;box-shadow:0 12px 28px rgba(22,35,48,.07)}.phone-screen{border:1px solid var(--line);background:#fff;border-radius:22px;height:145px;padding:16px;display:flex;flex-direction:column;gap:10px}.bar{height:12px;border-radius:999px;background:#d9e7ec}.bar.short{width:62%}.bar.med{width:78%}.caption{font-weight:800;color:var(--navy);margin-top:14px}.founder{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 10px 24px rgba(22,35,48,.06)}
.notice{background:#fff6df;border:1px solid #edd79a;border-radius:16px;padding:18px;margin:22px 0}.content{max-width:900px;margin:0 auto;padding:46px 22px 70px;background:#fff}.content h1{color:var(--navy);font-size:42px;line-height:1.1}.content h2{color:var(--navy);margin-top:34px}.content p,.content li{color:#314454}.small{font-size:14px;color:var(--muted)}
.footer{border-top:1px solid var(--line);background:#f4f8fa}.footer-inner{max-width:1120px;margin:0 auto;padding:28px 22px;color:var(--muted);font-size:14px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-links{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:42px}.grid,.screens{grid-template-columns:1fr 1fr}.nav{align-items:flex-start;flex-direction:column}.navlinks{gap:12px}.content h1{font-size:34px}}
@media(max-width:560px){.grid,.screens{grid-template-columns:1fr}.hero-card img{width:72%}}

.privacy-strip{background:linear-gradient(135deg,#ffffff,#eef7fa);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 10px 24px rgba(22,35,48,.06)}
.privacy-strip p{font-size:18px;color:var(--muted);max-width:880px;margin:0}
.content ul,.content ol{padding-left:24px}
.content .grid{margin-top:22px}
.help-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.help-grid{grid-template-columns:1fr}}