
:root{--bg:#f7f9f8;--ink:#132b27;--muted:#52716b;--line:#dce8e3;--accent:#067b5d;--light:#e7f7f0;--dark:#092a22}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}a{color:var(--accent)}.wrap{max-width:1100px;padding:0 28px;margin:auto}header{background:#fff;border-bottom:1px solid var(--line)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:78px}nav{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.logo{font-weight:850;color:var(--dark);font-size:1.25rem;letter-spacing:-.04em;text-decoration:none}.logo .mark{display:inline-flex;border-radius:10px;background:var(--accent);color:#fff;justify-content:center;align-items:center;width:31px;height:31px;font-size:1rem;margin-right:8px}.logo small{font-weight:450;color:var(--muted);font-size:.77rem;letter-spacing:0}nav a{text-decoration:none;color:var(--ink);font-size:.94rem;font-weight:600}nav a:hover{color:var(--accent)}.btn{display:inline-block;padding:12px 20px;border-radius:10px;text-decoration:none;background:var(--accent);color:#fff;font-weight:750;line-height:1.3;transition:filter .2s}.btn:hover{filter:brightness(.87);color:#fff}.btn.secondary{background:#fff;border:1px solid #bbd5c9;color:var(--dark)}.hero{padding:74px 0 58px;background:linear-gradient(142deg,#e5f4ee 0%,#f7f9f8 58%)}.hero .layout{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:56px}.tag{font-size:.76rem;display:inline-block;padding:5px 12px;background:#d8efe5;color:#086b50;border-radius:99px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}h1{font-size:clamp(2.3rem,5.2vw,4.1rem);letter-spacing:-.059em;line-height:1.11;margin:19px 0 22px}h2{font-size:clamp(1.65rem,3vw,2.15rem);letter-spacing:-.04em;line-height:1.19;margin:0 0 18px}h3{font-size:1.12rem;letter-spacing:-.02em;line-height:1.3}.lede{font-size:1.17rem;color:#3f625b;max-width:65ch}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.fine{color:var(--muted);font-size:.88rem}.illustration{background:var(--dark);color:#eafff2;border-radius:24px;padding:26px;box-shadow:0 25px 55px #143e2a25;transform:rotate(2deg)}.illustration .hd{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:space-between;color:#91bbaa;font-size:.82rem;font-weight:700;border-bottom:1px solid #315d4d;padding-bottom:14px}.metric{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:2.5rem;font-weight:800;letter-spacing:-.06em;margin:18px 0 4px;line-height:1.2}.chip{display:inline-block;flex:0 1 auto;max-width:100%;min-width:0;background:#305747;color:#baf4d8;padding:5px 9px;border-radius:6px;font-size:.78rem;letter-spacing:0;line-height:1.35;font-weight:700;overflow-wrap:break-word}.alert{padding:13px 14px;background:#234c3a;margin-top:16px;border-radius:12px;border:1px solid #40735e;font-size:.87rem}.alert strong{color:#b9f2d2}.section{padding:60px 0}.section.compact{padding:32px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px;text-decoration:none;color:inherit;box-shadow:0 1px 3px #203a3006}.card:hover{border-color:#91cbb4;box-shadow:0 8px 28px #203a3011}.card .num{font-size:.72rem;letter-spacing:.08em;color:var(--accent);font-weight:850;text-transform:uppercase}.card h3{margin:10px 0 9px}.card p{font-size:.92rem;color:var(--muted);margin:0}.card .read{margin-top:17px;color:var(--accent);font-weight:750;font-size:.9rem}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:20px;background:#edf6f1;border-radius:15px}.step b{display:block;font-size:.85rem;color:#087356;margin-bottom:8px}.step p{margin:0;color:#3b5c52}.article-hero{padding:52px 0 42px;background:#e8f5ef}.article-hero h1{max-width:18ch;font-size:clamp(2.05rem,4vw,3.4rem)}.article-main{max-width:830px;margin:auto;padding:48px 28px 70px}.article-main h2{margin-top:35px;font-size:1.6rem}.article-main p,.article-main li{font-size:1.04rem}.article-main ul{padding-left:25px}.article-main .answer{background:#e9f6ef;border-left:4px solid var(--accent);padding:20px 24px;border-radius:0 14px 14px 0;font-size:1.12rem}.article-main .answer p{margin:0}.article-main .call{background:var(--dark);color:#fff;padding:28px;border-radius:16px;margin-top:34px}.article-main .call h2{margin-top:0;color:#fff}.article-main .call p{color:#c1e0d3}.article-main .call a.btn{background:#1ec18c;color:#062c22}.links{margin:25px 0;display:flex;gap:16px;flex-wrap:wrap}.links a{font-size:.9rem}.breadcrumb{font-size:.86rem;color:#55746b}.breadcrumb a{color:#236b55}footer{background:#0d2b23;color:#bbd4c9;padding:36px 0}footer .wrap{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer a{color:#c6f3d8}footer small{font-size:.83rem}.note{font-size:.88rem;color:#55746b;background:#ecf3ef;padding:14px 18px;border-radius:9px}.nobreak{white-space:nowrap}@media(max-width:850px){.hero .layout{grid-template-columns:1fr}.illustration{max-width:460px;transform:none}.cards{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}}@media(max-width:560px){header .wrap{align-items:flex-start;flex-direction:column;padding-top:15px;padding-bottom:16px;gap:12px}nav{gap:14px}.wrap{padding:0 18px}.hero{padding:44px 0}.section{padding:42px 0}.cards{grid-template-columns:1fr}.panel{padding:21px}.article-main{padding:34px 18px 50px}.article-hero{padding:36px 0}}
