:root{--ink:#14202b;--muted:#5b6b78;--bg:#f7f8f6;--card:#fff;--brand:#0f6e5a;--brand-2:#e8f4f0;--accent:#f2a33a;--line:#e3e7e4;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--brand)}img{max-width:100%}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header.top{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{font-weight:800;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}.logo span{color:var(--brand)}
nav a{margin-left:18px;text-decoration:none;color:var(--muted);font-size:.95rem}nav a:hover{color:var(--ink)}
.hero{padding:64px 0 48px;background:linear-gradient(180deg,var(--brand-2),var(--bg))}
.hero h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 16px;max-width:760px}
.hero p.lead{font-size:1.15rem;color:var(--muted);max-width:640px;margin:0 0 28px}
.btn{display:inline-block;padding:13px 22px;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid var(--brand)}
.btn.primary{background:var(--brand);color:#fff}.btn.ghost{color:var(--brand);background:transparent}
.btn+.btn{margin-left:10px}
.stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:36px;color:var(--muted);font-size:.95rem}.stats b{display:block;font-size:1.5rem;color:var(--ink)}
section{padding:56px 0}section h2{font-size:clamp(1.5rem,3.2vw,2rem);letter-spacing:-.02em;margin:0 0 8px}
section .sub{color:var(--muted);margin:0 0 28px;max-width:680px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.card h3{margin:0 0 6px;font-size:1.08rem}.card p{margin:0;color:var(--muted);font-size:.96rem}
.tag{display:inline-block;font-size:.75rem;font-weight:700;background:#fff4e2;color:#8a5a12;border-radius:99px;padding:2px 9px;margin-left:6px;vertical-align:middle}
.who{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.who div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.who b{display:block}.who span{color:var(--muted);font-size:.93rem}
.sample{display:grid;gap:28px;grid-template-columns:1.1fr 1fr;align-items:center}
.sample ul{padding-left:20px;margin:0 0 22px}.sample li{margin:4px 0}
.mock{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;font-size:.82rem;box-shadow:0 8px 30px rgba(20,32,43,.07);overflow-x:auto}
.mock table{border-collapse:collapse;width:100%;min-width:360px}.mock th,.mock td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);white-space:nowrap}
.mock th{color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.mock .hot{color:#b4441c;font-weight:700}
.price{max-width:440px;margin:0 auto;text-align:center;border:2px solid var(--brand)}
.price .amt{font-size:3rem;font-weight:800;letter-spacing:-.03em}.price .amt small{font-size:1rem;color:var(--muted);font-weight:500}
.price ul{list-style:none;padding:0;margin:18px 0 24px;text-align:left}.price li{padding:6px 0 6px 26px;position:relative;border-bottom:1px dashed var(--line)}
.price li:before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:800}
.note{font-size:.85rem;color:var(--muted)}
.signup{background:var(--ink);color:#fff;border-radius:var(--r);padding:36px;text-align:center}
.signup p{color:#c9d3da;max-width:560px;margin:8px auto 22px}.signup .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px}
.faq summary{font-weight:700;cursor:pointer}.faq details p{color:var(--muted);margin:10px 0 0}
footer{border-top:1px solid var(--line);padding:32px 0 48px;font-size:.85rem;color:var(--muted)}
footer .disc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:14px}
@media (max-width:760px){nav{display:none}.sample{grid-template-columns:1fr}.btn{display:block;text-align:center}.btn+.btn{margin:10px 0 0}.hero{padding:44px 0 32px}section{padding:40px 0}.signup{padding:26px 18px}}