:root{--ink:#16171a;--muted:#62666f;--paper:#fbfaf7;--card:#fff;--line:#e6e2d9;--accent:#0f766e;--soft:#f0ede7}
*{box-sizing:border-box}html{scroll-behavior:smooth}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.65}
a{color:inherit}.wrap{width:min(1120px,92%);margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(251,250,247,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.navin{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:20px}.logo{font-weight:850;text-decoration:none;letter-spacing:-.03em}.navlinks{display:flex;gap:18px;align-items:center;font-size:.94rem}.navlinks a{text-decoration:none;color:var(--muted)}
.button{display:inline-block;padding:.86rem 1.1rem;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:750;border:0;cursor:pointer}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.hero{padding:88px 0 54px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:var(--accent)}h1{font-size:clamp(2.5rem,6vw,5.4rem);line-height:.98;letter-spacing:-.055em;margin:.25em 0}.hero p{font-size:1.18rem;color:var(--muted);max-width:720px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 0 72px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;text-decoration:none;box-shadow:0 8px 30px rgba(30,30,30,.035)}.card h2,.card h3{margin:.2rem 0 .4rem;line-height:1.15}.card p{color:var(--muted);margin:0}
.article{width:min(780px,92%);margin:58px auto 90px}.article h1{font-size:clamp(2.4rem,5vw,4.4rem)}.article h2{margin-top:2.4rem;font-size:1.55rem;letter-spacing:-.025em}.article p{font-size:1.06rem}.notice,.bridge{border:1px solid var(--line);border-radius:16px;padding:20px;margin:28px 0;background:#fff}.bridge{margin-top:44px;border-top:4px solid var(--accent)}
.breadcrumb{font-size:.88rem;color:var(--muted);margin-bottom:22px}.breadcrumb a{color:var(--muted)}footer{border-top:1px solid var(--line);padding:34px 0 60px;color:var(--muted);font-size:.9rem}.footerin{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.modalback{position:fixed;inset:0;background:rgba(16,17,20,.62);display:none;align-items:center;justify-content:center;z-index:50;padding:18px}.modalback.show{display:flex}.modal{width:min(520px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.3);position:relative}.modal h2{font-size:2rem;line-height:1.05;margin:.3rem 0 .7rem;letter-spacing:-.035em}.modal p{color:var(--muted)}.close{position:absolute;right:16px;top:14px;border:0;background:transparent;font-size:1.5rem;cursor:pointer}.modal .button{width:100%;text-align:center;margin-top:8px}.small{font-size:.78rem;color:var(--muted)}
@media(max-width:760px){.grid{grid-template-columns:1fr}.navlinks a:not(.button){display:none}.hero{padding-top:60px}.footerin{display:block}}