:root{--social-blue:#2457f5;--social-blue-soft:#e4ebff;--social-coral:#ff735f;--social-yellow:#ffd84d;--social-mint:#dcf3e8;--social-ink:#1b1e19;--social-muted:#62675f}
.social-hero{padding:76px 0 58px;text-align:center}.social-hero h1{max-width:1050px;margin:24px auto 20px;font-size:clamp(58px,8.6vw,98px);line-height:.9;letter-spacing:-.078em}.social-hero h1 em{position:relative;color:var(--social-blue);font-family:Georgia,"Times New Roman",serif;font-weight:400}.social-hero h1 em::after{content:"";position:absolute;right:2%;bottom:-7px;left:3%;z-index:-1;height:11px;border-radius:50%;background:var(--social-yellow);transform:rotate(-1deg)}.social-hero>p{max-width:780px;margin:auto;color:var(--social-muted);font-size:20px}.social-note{display:flex;max-width:820px;margin:30px auto 0;align-items:center;padding:17px 20px;border:2px dashed var(--social-ink);background:#fff;text-align:left}.note-mark{display:grid;width:56px;height:52px;flex:0 0 56px;margin-right:17px;place-items:center;border:2px solid var(--social-ink);border-radius:50%;background:var(--social-coral);color:#fff;font-size:22px;font-weight:950;transform:rotate(-6deg)}.social-note strong{display:block}.social-note p{margin:3px 0 0;color:var(--social-muted)}
.social-shelf{padding:72px 0 82px;border-top:2px solid var(--social-ink);background:#f4f0e7}.shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.shelf-heading h2{max-width:760px;margin:8px 0 0;font-size:clamp(42px,6vw,68px);line-height:.94;letter-spacing:-.06em}.shelf-heading>p{max-width:320px;margin:0;color:var(--social-muted)}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.social-card{display:flex;min-height:245px;flex-direction:column;padding:22px;border:2px solid var(--social-ink);background:#fff;color:var(--social-ink);text-decoration:none;transition:.14s ease}.social-card:nth-child(4n+2){background:var(--social-blue-soft)}.social-card:nth-child(4n+3){background:#fff1be}.social-card:nth-child(4n){background:var(--social-mint)}.social-card:hover{box-shadow:6px 6px 0 var(--social-ink);transform:translate(-3px,-3px)}.social-card>span{font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.social-card h3{margin:29px 0 8px;font-size:27px;line-height:1;letter-spacing:-.045em}.social-card p{margin:0;color:var(--social-muted)}.social-card b{margin-top:auto;padding-top:22px}
.social-roadmap{padding:78px 0 88px;text-align:center}.social-roadmap>h2{max-width:850px;margin:9px auto 16px;font-size:clamp(42px,6vw,68px);line-height:.95;letter-spacing:-.06em}.social-roadmap>p{max-width:760px;margin:0 auto 32px;color:var(--social-muted);font-size:17px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.roadmap-grid article{padding:25px;border:2px solid var(--social-ink);background:#fff}.roadmap-grid article:nth-child(2){background:var(--social-blue-soft)}.roadmap-grid article:nth-child(3){background:#fff1be}.roadmap-grid article>span{display:grid;width:39px;height:36px;margin:0 auto 13px;place-items:center;border:1.5px solid var(--social-ink);border-radius:50%;background:#fff;font-size:10px;font-weight:950}.roadmap-grid h3{margin:0 0 6px;font-size:21px}.roadmap-grid p{margin:0;color:var(--social-muted)}
@media(max-width:900px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shelf-heading{align-items:flex-start;flex-direction:column}.shelf-heading>p{max-width:620px}}
@media(max-width:640px){.social-hero{padding:52px 0 45px}.social-hero h1{font-size:51px}.social-hero>p{font-size:17px}.social-note{align-items:flex-start;padding:15px}.note-mark{width:48px;height:45px;flex-basis:48px;margin-right:13px}.social-grid,.roadmap-grid{grid-template-columns:1fr}.social-card{min-height:220px}.social-shelf,.social-roadmap{padding-top:60px;padding-bottom:68px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}