:root{--ink:#111827;--muted:#5d6675;--paper:#f7f8f4;--card:#fff;--accent:#4457ff;--line:#dfe3ea;--soft:#eef0ff}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--paper);color:var(--ink);line-height:1.7}
a{color:inherit}header{position:sticky;top:0;z-index:20;background:rgba(247,248,244,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{max-width:1160px;margin:auto;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{text-decoration:none;font-weight:850;letter-spacing:-.04em;font-size:1.3rem}.brand span{color:var(--accent)}
nav{display:flex;gap:18px;flex-wrap:wrap}nav a{text-decoration:none;font-size:.92rem;color:var(--muted)}.hero{max-width:1160px;margin:auto;padding:84px 22px 48px;display:grid;grid-template-columns:1.25fr .75fr;gap:52px;align-items:center}
.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--accent)}h1{font-size:clamp(2.5rem,6vw,5.4rem);line-height:.98;letter-spacing:-.065em;margin:.2em 0}h2{font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.08;letter-spacing:-.04em}
.lead{font-size:1.15rem;color:var(--muted);max-width:760px}.button{display:inline-block;padding:13px 18px;border-radius:12px;background:var(--ink);color:white;text-decoration:none;font-weight:750;margin:6px 8px 6px 0}.button.alt{background:var(--accent)}
.wave{background:var(--ink);color:white;border-radius:28px;padding:32px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.bars{display:flex;align-items:center;height:120px;gap:5px}.bars i{width:8px;border-radius:9px;background:#8591ff;display:block}
main.article{max-width:850px;margin:0 auto;padding:62px 22px}.article h1{font-size:clamp(2.3rem,5vw,4.4rem)}.article h2{margin-top:2.2em}.article p,.article li{font-size:1.04rem}.note,.claim{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--card);margin:24px 0}.claim{border-left:4px solid var(--accent)}
.grid{max-width:1160px;margin:auto;padding:28px 22px 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;text-decoration:none}.card:hover{transform:translateY(-2px)}.card small{color:var(--accent);font-weight:800}.card h3{margin:.35em 0}.card p{color:var(--muted)}
footer{border-top:1px solid var(--line);padding:34px 22px;color:var(--muted)}footer>div{max-width:1160px;margin:auto}.popup{position:fixed;inset:0;background:rgba(17,24,39,.62);display:none;align-items:center;justify-content:center;z-index:50;padding:20px}.popup.show{display:flex}.popupbox{position:relative;background:#fff;max-width:570px;border-radius:24px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:1.5rem;cursor:pointer}.popupbox h2{margin:.2em 0}.popupbox p{color:var(--muted)}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:56px}.grid{grid-template-columns:1fr}.nav nav{display:none}.wave{min-height:240px}}