/* Statemint brand: mint on calm neutrals. --accent is the text-safe mint for the page background. */
:root{--bg:#f6f7f6;--card:#fff;--text:#111814;--muted:#5f6b65;--accent:#0b8a6b;--mint:#2fd3a3;--ink:#06261d;--grad:linear-gradient(120deg,#16b98b,#0b8a6b);--line:rgba(17,24,20,.08);--glass:rgba(255,255,255,.62)}
@media (prefers-color-scheme:dark){:root{--bg:#0b0f0d;--card:#151b18;--text:#eef4f1;--muted:#9aa8a1;--accent:#34d3a6;--grad:linear-gradient(120deg,#5eead4,#34d3a6);--line:rgba(255,255,255,.1);--glass:rgba(30,38,34,.6)}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,system-ui,sans-serif}
h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,system-ui,sans-serif;letter-spacing:-.02em}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
nav{display:flex;align-items:center;justify-content:space-between;height:64px}
nav .brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:19px;color:var(--text)}
nav .brand img{width:30px;height:30px;border-radius:8px}
nav .links a{margin-left:20px;color:var(--muted);font-size:15px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:48px 0 32px}
.hero h1{font-size:clamp(40px,6vw,62px);line-height:1.04;margin:0 0 18px;font-weight:800}
.hero p{font-size:20px;color:var(--muted);margin:0 0 28px;max-width:32ch}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--text);color:var(--bg);padding:13px 22px;border-radius:999px;font-weight:600}
.btn:hover{text-decoration:none;opacity:.88}
.hero p.note{font-size:14px;margin:14px 0 0}
/* Phone mock, pure CSS */
.phone{justify-self:center;width:300px;border-radius:44px;padding:12px;background:#0e1311;box-shadow:0 40px 80px rgba(6,38,29,.25)}
.screen{border-radius:34px;overflow:hidden;background:linear-gradient(170deg,#d9f7ec,#f6f7f6 45%);padding:22px 14px 16px;color:#111814;position:relative;min-height:560px}
.screen .t{font-size:13px;color:#5f6b65;margin:0 4px}.screen .big{font-size:34px;font-weight:800;margin:0 4px 2px;letter-spacing:-.02em}
.chip{display:inline-block;font-size:12px;padding:3px 9px;border-radius:999px;background:rgba(11,138,107,.12);color:#0b6b54;margin:6px 4px 12px;font-weight:600}
.panel{background:rgba(255,255,255,.75);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:12px 14px;margin-bottom:10px}
.panel h4{margin:0 0 8px;font-size:13px;color:#5f6b65;font-weight:600}
.bar{display:flex;align-items:center;gap:8px;font-size:13px;margin:6px 0}.bar span:first-child{width:78px}.bar i{display:block;height:8px;border-radius:5px;background:var(--grad)}
.row{display:flex;justify-content:space-between;font-size:13px;margin:5px 0}.row b{font-weight:600}
.risk{font-size:12.5px;color:#8a4b00;background:#fff4e0;border-radius:12px;padding:8px 10px;margin-top:4px}
.tabbar{position:absolute;left:14px;right:14px;bottom:14px;height:54px;border-radius:27px;background:rgba(255,255,255,.55);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px 0 56px}
.card{background:var(--card);border-radius:22px;padding:24px;border:1px solid var(--line)}
.card .ic{font-size:28px;line-height:1;margin-bottom:12px}
.card h3{margin:0 0 6px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:15px}
h2.section{font-size:34px;text-align:center;margin:24px 0 6px}
p.sub{text-align:center;color:var(--muted);margin:0 auto 20px;max-width:56ch}
.privacy{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:32px;margin:8px 0 56px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.privacy h3{margin:0 0 6px;font-size:18px}.privacy p{margin:0;color:var(--muted);font-size:15px}
footer{border-top:1px solid var(--line);padding:28px 0 48px;color:var(--muted);font-size:14px;display:flex;gap:20px;flex-wrap:wrap}
.doc{max-width:720px;margin:0 auto;padding:24px 20px 64px}.doc h1{font-size:40px}.doc h2{font-size:22px;margin-top:32px}.doc .muted{color:var(--muted)}
@media (max-width:820px){.hero{grid-template-columns:1fr;padding-top:20px;text-align:center}.hero p{margin-left:auto;margin-right:auto}.grid,.privacy{grid-template-columns:1fr}nav .links a{margin-left:12px}}