:root{--ink:#151515;--muted:#62656d;--line:#e6e7eb;--yellow:#ffdc3c;--pink:#f80878;--blue:#0878f9;--paper:#fffdf8;--soft:#f6f7f9;--max:1120px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;line-height:1.62}a{color:inherit}header{max-width:var(--max);margin:auto;padding:20px 28px;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand img{display:block;width:124px;height:auto}.nav{display:flex;align-items:center;gap:20px;font-size:calc(14px + 0.5pt);font-weight:550}.nav a{text-decoration:none}.nav a:hover,.crumb a:hover{color:var(--blue)}.nav .join{background:var(--yellow);padding:9px 14px;border-radius:9px}.page-head{background:linear-gradient(135deg,#fff5bd 0%,#fffdf8 52%,#f5f0ff 100%);border-block:1px solid var(--line);padding:70px 28px}.page-head>div,.content,.library{max-width:var(--max);margin:auto}.eyebrow{margin:0 0 10px;font-size:calc(12px + 0.5pt);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#665600}.page-head h1{max-width:760px;margin:0;font-size:clamp(36px,6vw,68px);letter-spacing:-.055em;line-height:1.03}.page-head p{max-width:690px;margin:20px 0 0;font-size:calc(19px + 0.5pt);color:#40424a}.library{padding:56px 28px 80px}.library h2{font-size:calc(28px + 0.5pt);letter-spacing:-.035em;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{display:flex;flex-direction:column;min-height:250px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 4px 12px #11111108;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 13px 28px #11111112}.card .tag{font-size:calc(12px + 0.5pt);font-weight:700;color:#7d1689;text-transform:uppercase;letter-spacing:.08em}.card h2{margin:32px 0 8px;font-size:calc(23px + 0.5pt);line-height:1.15}.card p{margin:0;color:var(--muted);font-size:calc(15px + 0.5pt)}.card .read{margin-top:auto;padding-top:22px;font-weight:650;color:var(--blue);font-size:calc(14px + 0.5pt)}.trust{margin-top:54px;padding:26px;border-left:4px solid var(--yellow);background:#fff;border-radius:4px}.trust h2{font-size:calc(20px + 0.5pt);margin:0 0 6px}.trust p{max-width:760px;margin:0;color:var(--muted)}.article-wrap{max-width:800px;margin:auto;padding:28px 28px 76px}.crumb{font-size:calc(14px + 0.5pt);color:var(--muted);margin:0 0 38px}.crumb a{text-decoration:none}.article h1{margin:0;font-size:clamp(34px,5vw,56px);line-height:1.06;letter-spacing:-.05em}.article .dek{margin:20px 0 34px;color:#4f525a;font-size:calc(20px + 0.5pt);line-height:1.5}.article .meta{font-size:calc(13px + 0.5pt);color:var(--muted);padding-bottom:26px;border-bottom:1px solid var(--line)}.article h2{font-size:calc(27px + 0.5pt);line-height:1.2;letter-spacing:-.035em;margin:46px 0 12px}.article p,.article li{font-size:calc(17px + 0.5pt)}.article ul,.article ol{padding-left:24px}.article li{margin:8px 0}.note{margin:30px 0;padding:20px 22px;border-radius:12px;background:#fff7cc}.note strong{display:block;margin-bottom:4px}.article .next{border-top:1px solid var(--line);margin-top:48px;padding-top:28px;font-weight:600}.article .next a{color:var(--blue)}footer{border-top:1px solid var(--line);background:#fff;padding:32px 28px 42px}.foot{max-width:var(--max);margin:auto;color:var(--muted);font-size:calc(14px + 0.5pt)}.foot-links{display:flex;flex-wrap:wrap;gap:9px 18px;margin-bottom:14px}.foot-links a{text-decoration:none}.foot-links a:hover{color:var(--blue)}.foot small{display:block;max-width:760px}@media(max-width:780px){header{padding:16px 20px}.brand img{width:105px}.nav{gap:12px;font-size:calc(13px + 0.5pt)}.nav a:not(.join){display:none}.page-head{padding:52px 20px}.library{padding:40px 20px 58px}.grid{grid-template-columns:1fr}.card{min-height:210px}.article-wrap{padding:24px 20px 60px}.article p,.article li{font-size:calc(16px + 0.5pt)}}