@import url('/brand-tokens.css');
:root{--ink:var(--ui-ink);--petrol:var(--ui-primary);--mint:var(--ui-soft);--line:var(--ui-border);--paper:var(--ui-canvas);--accent:#e89455}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}.hub{max-width:1280px;margin:auto;padding:42px 28px 90px}.hub-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr);gap:28px;align-items:end;padding:54px;border-radius:24px;background:linear-gradient(135deg,var(--ui-soft),var(--ui-canvas) 68%);border:1px solid var(--line)}.kicker{display:block;color:var(--petrol);font-weight:800;letter-spacing:.16em;font-size:.76rem}.hub h1{font-size:clamp(2.8rem,6vw,5.8rem);letter-spacing:-.065em;line-height:.91;margin:18px 0 24px}.hub h1 em{color:var(--petrol);font-style:normal}.hub-hero>div>p{max-width:750px;font-size:1.16rem;color:var(--ui-muted)}.hub-hero aside{padding:26px;background:white;border:1px solid var(--line);border-radius:16px}.hub-hero aside p{margin:6px 0 15px;color:var(--ui-muted)}.hub a{color:inherit}.hub-hero aside a{font-weight:750;color:var(--petrol)}section+section{margin-top:70px}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.section-title>div{display:flex;align-items:center;gap:14px}.section-title span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--petrol);color:white;font-weight:800;font-size:.8rem}.section-title h2{font-size:2rem;margin:0;letter-spacing:-.04em}.section-title p{margin:0;color:var(--ui-muted)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature{min-height:148px;padding:23px;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:20px;text-decoration:none;background:white;border:1px solid var(--line);border-radius:16px;transition:.2s}.feature:hover{transform:translateY(-3px);border-color:var(--ui-muted);box-shadow:0 12px 30px #17274712}.feature.lead{background:var(--ui-ink);color:white;border-color:var(--ui-ink)}.feature .icon{width:82px;height:76px;border-radius:14px;display:grid;place-items:center;background:var(--mint);color:var(--petrol);font-weight:900;letter-spacing:-.05em}.feature.lead .icon{background:#fff;color:var(--ui-ink)}.feature b{font-size:1.18rem}.feature p{margin:5px 0 0;color:var(--ui-muted)}.feature.lead p{color:var(--ui-border)}.feature mark{align-self:start;background:#f6c48e;color:#543316;border-radius:20px;padding:5px 9px;font-size:.67rem;font-weight:900}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-grid a{min-height:118px;padding:20px;text-decoration:none;border:1px solid var(--line);border-radius:13px;background:#fff}.tool-grid a:hover{border-color:var(--petrol);background:var(--ui-canvas)}.tool-grid b{display:block}.tool-grid small{display:block;margin-top:7px;color:var(--ui-muted);font-size:.88rem}.tool-grid.compact{grid-template-columns:repeat(3,1fr)}.creative{display:flex;justify-content:space-between;gap:30px;align-items:center;background:var(--ui-ink);color:white;padding:36px 42px;border-radius:20px}.creative h2{font-size:2rem;margin:8px 0}.creative p{color:var(--ui-border);max-width:900px;margin:0}.creative a{white-space:nowrap;color:white;font-weight:800}@media(max-width:800px){.hub{padding:22px 16px 60px}.hub-hero{grid-template-columns:1fr;padding:30px 24px}.feature-grid,.tool-grid,.tool-grid.compact{grid-template-columns:1fr}.feature{grid-template-columns:64px 1fr;min-height:120px}.feature .icon{width:60px;height:60px}.feature mark{display:none}.section-title{display:block}.section-title>p{margin:10px 0}.creative{display:block;padding:28px}.creative a{display:block;margin-top:22px}}