:root{--ink:#0a0b0f;--paper:#f4f1e9;--acid:#ff5a36;--blue:#6657ff;--line:rgba(10,11,15,.18);--muted:#5b5c62}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:17px;line-height:1.55}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}a{color:inherit}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:-.04em;text-decoration:none}.nav a{font-size:15px;text-decoration:none}.navlinks{display:flex;gap:25px}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;border:2px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;font-weight:800;transition:.2s}.button:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--acid)}.button.light{background:transparent;color:var(--ink)}.market-stripe{display:grid;grid-template-columns:1.7fr .8fr 1.15fr .65fr;height:10px}.market-stripe span:nth-child(1){background:#00a878}.market-stripe span:nth-child(2){background:#008cff}.market-stripe span:nth-child(3){background:#ffb000}.market-stripe span:nth-child(4){background:#ff4d4d}.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--acid)}.hero{padding:78px 0 58px;border-bottom:1px solid var(--line)}h1{font-size:clamp(48px,7vw,82px);line-height:.96;letter-spacing:-.065em;margin:16px 0 25px;max-width:900px}.lead{font-size:clamp(19px,2.2vw,25px);max-width:760px;margin:0;color:#2f3035}.posts{padding:64px 0 84px}.posts-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.posts h2{font-size:clamp(34px,5vw,56px);letter-spacing:-.055em;line-height:1;margin:0}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.post{display:flex;flex-direction:column;min-height:310px;border:2px solid var(--ink);padding:28px;background:#faf8f1;text-decoration:none;transition:.2s}.post:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 var(--blue)}.post:first-child{background:var(--blue);color:#fff}.post .tag{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--acid)}.post:first-child .tag{color:#ffb000}.post h2{font-size:clamp(28px,3.2vw,42px);margin:35px 0 14px}.post p{margin:0;color:var(--muted)}.post:first-child p{color:#e7e4ff}.post .more{margin-top:auto;padding-top:26px;font-weight:900}.newsletter{padding:58px 0;background:var(--ink);color:#fff}.newsletter .wrap{display:flex;justify-content:space-between;gap:30px;align-items:center}.newsletter h2{font-size:clamp(32px,4vw,50px);line-height:1;letter-spacing:-.055em;margin:8px 0}.newsletter p{margin:0;color:#cacad0;max-width:650px}footer{padding:28px 0;font-size:14px;display:flex;justify-content:space-between;gap:24px}footer nav{display:flex;flex-wrap:wrap;gap:16px}.crumbs{padding-top:30px;font-size:14px;color:var(--muted)}.article{width:min(790px,calc(100% - 40px));margin:0 auto;padding:32px 0 80px}.article h1{margin:15px 0 28px}.article .intro{font-size:22px;line-height:1.45;margin:0 0 40px}.article h2{font-size:clamp(29px,4vw,45px);letter-spacing:-.05em;line-height:1.05;margin:52px 0 18px}.article h3{font-size:24px;line-height:1.15;margin:32px 0 12px}.article p,.article li{font-size:18px}.article li{margin:9px 0}.article ul,.article ol{padding-left:24px}.article .note{padding:24px;border-left:6px solid var(--acid);background:#fff;margin:34px 0}.article .cta-box{margin-top:48px;padding:32px;background:var(--blue);color:#fff}.article .cta-box h2{margin:0 0 12px}.article .cta-box p{margin:0 0 22px}.article .cta-box .button{background:#fff;color:var(--ink);border-color:#fff}.article time{display:block;color:var(--muted);font-size:15px;margin-bottom:24px}@media(max-width:800px){.navlinks{display:none}.hero{padding:52px 0 42px}.posts{padding:48px 0 60px}.posts-grid{grid-template-columns:1fr}.post{min-height:270px}.newsletter{padding:45px 0}.newsletter .wrap{display:block}.newsletter .button{margin-top:24px}footer{display:block}footer nav{margin-top:12px}.article{padding-top:18px}.article .intro{font-size:20px}.article p,.article li{font-size:17px}}
