:root{--bg:#f6f9fc;--surface:#fff;--text:#0f172a;--muted:#64748b;--brand:#059669;--brand-600:#078a60;--border:#e5e7eb;--shadow:0 10px 30px rgba(2,6,23,.06)}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:var(--text);background:var(--bg)}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1140px;margin:0 auto;padding:0 1rem}
.header{position:sticky;top:0;background:linear-gradient(180deg,#ffffffcc,#ffffffdd 40%,#ffffff 100%);backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--border);z-index:30}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;gap:.75rem;align-items:center}.logo{height:40px;width:40px;border-radius:14px;background:var(--brand);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:var(--shadow)}.tagline{font-size:.8rem;color:var(--muted)}
.nav{display:none;gap:1rem;align-items:center}@media(min-width:860px){.nav{display:flex}}
.nav a,.nav button{display:inline-flex;gap:.5rem;align-items:center;font-size:.95rem;color:#334155;border-radius:.7rem;padding:.35rem .6rem}.nav a:hover,.nav button:hover{background:#f1f5f9;text-decoration:none}
.nav-cta{background:var(--brand);color:#fff;border:none;padding:.55rem 1rem;border-radius:.9rem;font-weight:700;box-shadow:var(--shadow)}.nav-cta:hover{background:var(--brand-600);cursor:pointer}
.hamburger{border:none;background:transparent;padding:.3rem}.mobile{display:none;border-top:1px solid var(--border)}.mobile a,.mobile button{width:100%;text-align:left;padding:.8rem;border-radius:.7rem;display:flex;gap:.6rem;align-items:center}
.card{background:var(--surface);border:1px solid var(--border);border-radius:1.1rem;padding:1.1rem;box-shadow:var(--shadow)}
.hero{background:radial-gradient(1000px 400px at 10% -10%,#ecfdf5,transparent 60%),radial-gradient(800px 300px at 100% 0%,#e0f2fe,transparent 60%);border-radius:1.25rem;padding:2rem;margin-top:1.25rem;position:relative;overflow:hidden}
.hero h1{font-size:clamp(1.7rem,3.2vw,2.4rem);line-height:1.17;margin:0 0 .6rem}.hero .sub{color:var(--muted)}
.grid{display:grid;gap:1rem}@media(min-width:860px){.grid-2{grid-template-columns:1.4fr 1fr} .grid-3{grid-template-columns:repeat(3,1fr)}}
.btn{display:inline-flex;gap:.5rem;align-items:center;justify-content:center;background:var(--brand);color:#fff;padding:.65rem 1rem;border-radius:.9rem;font-weight:700;border:0;transition:transform .12s ease, box-shadow .12s ease}.btn:hover{background:var(--brand-600);transform:translateY(-1px)}
.kicker{font-size:.92rem;color:var(--muted)}.badge{display:inline-flex;gap:.4rem;align-items:center;padding:.18rem .55rem;border-radius:.6rem;background:#f1f5f9;color:#0f172a;font-size:.78rem}
.section-title{display:flex;gap:.6rem;align-items:center}.icon{width:18px;height:18px}.icon-lg{width:22px;height:22px}
.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:.6rem;text-align:left;font-size:.95rem}
.notice{font-size:.9rem;color:#64748b}.sidebar .card + .card{margin-top:.85rem}.cta-stack .btn{width:100%}
blockquote{border-left:3px solid var(--brand);margin:1rem 0;padding:.6rem 1rem;background:#f8fafc;border-radius:.25rem}
.faq dt{font-weight:700;margin-top:1rem;display:flex;gap:.5rem;align-items:center}.faq dd{margin:0 0 .75rem 1.7rem;color:#374151}
.small{font-size:.92rem}.form input,.form textarea{width:100%;border:1px solid var(--border);border-radius:.7rem;padding:.65rem}.form label{display:block;font-size:.9rem;margin:.5rem 0 .25rem;color:#334155}.form button{margin-top:.5rem}
.alert{background:#fff7ed;border:1px solid #fed7aa;padding:.85rem;border-radius:.85rem;font-size:.92rem}
.fade-in{animation:fade .6s ease both}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.btn{transition:none}.fade-in{animation:none}}