@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&family=Google+Sans+Text:wght@400;500;600&display=swap');
:root{--ink:#101827;--muted:#667085;--line:#e7eaf0;--soft:#f5f7fa;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Google Sans","Google Sans Text",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.top{border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.top .container{display:flex;justify-content:space-between;padding:9px 0}header{position:sticky;top:0;z-index:20;background:#ffffffee;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;gap:28px}.brand img{width:180px}.links{display:flex;gap:18px;flex:1;overflow:auto;white-space:nowrap}.links a{font-size:12px;font-weight:700;letter-spacing:.06em}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);padding:10px 15px;border-radius:999px;font-weight:700;font-size:13px}.dark{background:var(--ink);color:#fff}.hero{padding:78px 0 55px;background:linear-gradient(#f8fafc,#fff)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--muted)}h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.055em;margin:15px 0 24px}h2{font-size:34px;line-height:1.12;letter-spacing:-.035em;margin:0 0 14px}h3{font-size:21px;line-height:1.2;margin:0 0 9px}.lead{font-size:20px;color:#4d5768;max-width:760px}.hero-art,.card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.hero-art{border-radius:28px;box-shadow:0 25px 80px #10182714}.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-head p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{transition:.2s transform,.2s box-shadow}.card:hover{transform:translateY(-3px);box-shadow:0 14px 40px #10182714}.thumb{aspect-ratio:16/9;width:100%;object-fit:cover}.card-body{padding:21px}.meta{font-size:12px;color:var(--muted);margin-bottom:8px}.category-card{padding:24px;border:1px solid var(--line);border-radius:18px}.category-card .num{font-size:12px;color:var(--muted);font-weight:700}.category-card h3{margin-top:35px}.ad{border:1px dashed #aeb7c5;background:#fafbfc;border-radius:18px;min-height:120px;display:grid;place-items:center;color:#8993a2;font-size:12px;letter-spacing:.1em;font-weight:700}.newsletter{background:var(--ink);color:#fff;border-radius:28px;padding:42px}.newsletter p{color:#c6ceda}.form{display:flex;gap:10px;max-width:620px}.form input{flex:1;padding:14px 16px;border-radius:999px;border:0;font:inherit}.article{padding:70px 0}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:50px}.article-main{max-width:820px}.article-main h1{font-size:clamp(44px,6vw,70px)}.article-main .hero-art{margin:30px 0 40px}.article-main p{font-size:18px;color:#374151}.article-main h2{margin-top:45px}.toc{position:sticky;top:110px;border:1px solid var(--line);border-radius:18px;padding:20px;height:max-content}.toc a{display:block;font-size:14px;padding:7px 0;color:var(--muted)}footer{border-top:1px solid var(--line);padding:55px 0}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}.footer-grid a{display:block;color:var(--muted);font-size:14px;margin:8px 0}@media(max-width:900px){.hero-grid,.article-layout{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.grid4{grid-template-columns:1fr 1fr}.toc{position:static}.links{display:none}}@media(max-width:600px){.container{width:calc(100% - 24px)}.top{display:none}.nav{height:68px}.brand img{width:150px}.hero{padding:55px 0 35px}.section{padding:48px 0}.grid,.grid4{grid-template-columns:1fr}.form{flex-direction:column}.form input,.form button{width:100%}}