@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');
:root{font-family:'Plus Jakarta Sans',Arial,sans-serif;color:#27252a;background:#f7f7f8;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
a:hover{color:#c82b44}
.social-topbar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;position:sticky;top:0;z-index:5;background:rgba(255,255,255,.96);border-bottom:1px solid #eae8ea;padding:16px clamp(16px,4vw,55px);backdrop-filter:blur(10px)}
.social-brand{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:700;letter-spacing:-.045em;white-space:nowrap}
.social-brand>span{color:#df2946;font-size:12px}
.social-brand small{font-size:10px;letter-spacing:.03em;font-weight:500;color:#655f68;margin-left:8px}
.social-topbar nav{display:flex;align-items:center;gap:clamp(10px,2vw,27px);font-size:11px;font-weight:600}
.social-topbar nav a{padding:6px 0;color:#52505a;white-space:nowrap}
.social-topbar nav a[aria-current=page]{color:#b52a42;border-bottom:2px solid #de2946}
.social-account{font-size:11px;font-weight:550;border:1px solid #e2dfe2;border-radius:24px;padding:9px 13px;white-space:nowrap}
.social-shell{max-width:1300px;margin:0 auto;padding:22px clamp(14px,3vw,38px) 40px}
.social-hero{position:relative;isolation:isolate;overflow:hidden;min-height:300px;border:1px solid #e7e8ea;border-radius:18px;background:linear-gradient(113deg,#fff 0%,#fafbfe 69%,#f1f3f6 100%);padding:clamp(26px,5vw,55px)}
.social-hero-text{position:relative;z-index:1;max-width:770px}
.social-kicker{font-size:10px;color:#a62b42;letter-spacing:.15em;font-weight:700;text-transform:uppercase;margin:0 0 13px}
.social-hero h1{font-size:clamp(40px,6vw,72px);line-height:1.06;letter-spacing:-.064em;font-weight:300;margin:4px 0 9px;color:#242329}
.social-highlight{font-size:clamp(17px,2.3vw,26px);font-weight:400;letter-spacing:-.03em;color:#b72843;line-height:1.35;margin:0 0 13px}
.social-summary{font-size:12px;line-height:1.8;color:#514c55;max-width:650px;margin:0 0 22px}
.social-main-action{display:inline-flex;align-items:center;gap:15px;color:#fff;background:#db2a45;border-radius:9px;padding:11px 17px;font-size:12px;font-weight:600;min-height:44px}
.social-main-action:hover{color:#fff;background:#bc1f38}
.social-orbs{position:absolute;right:0;top:0;width:260px;height:100%;pointer-events:none}
.social-orbs i{position:absolute;border-radius:50%;background:radial-gradient(circle at 26% 20%,#ffe3e3 0%,#fd9daf 14%,#dd2f4b 55%,#861a32 92%);box-shadow:inset -8px -9px 12px #4b0b2640,0 13px 21px #56182a20}
.social-orbs i:nth-child(1){width:106px;height:106px;right:78px;top:14px}
.social-orbs i:nth-child(2){width:40px;height:40px;right:43px;top:111px}
.social-orbs i:nth-child(3){width:20px;height:20px;right:150px;top:154px}
.social-overview{margin-top:32px}
.social-section-title h2{font-size:clamp(21px,3vw,29px);font-weight:400;letter-spacing:-.045em;margin:0 0 19px}
.social-flow{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr);gap:9px;align-items:stretch}
.social-flow article,.social-panel{border:1px solid #e9e6ea;background:#fff;border-radius:13px;padding:20px 21px;min-width:0}
.social-flow article{display:flex;gap:14px;align-items:start}
.social-number{font-size:11px;border:1px solid #ead6db;color:#ae2b43;background:#fff2f5;flex:none;border-radius:8px;padding:8px;font-weight:700}
.social-flow h3{font-size:14px;font-weight:650;margin:2px 0 7px;letter-spacing:-.03em}
.social-flow p,.social-panel p,.social-footerline p{font-size:12px;color:#514d56;line-height:1.75;margin:0}
.social-flow-arrow{display:grid;place-items:center;color:#c73951;font-size:23px}
.social-lower{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:17px}
.social-panel h2{font-size:18px;font-weight:550;letter-spacing:-.035em;margin:0 0 12px}
.social-panel .social-note{padding-top:13px;border-top:1px solid #eae6eb;margin-top:12px;color:#524b53}
.social-footerline{margin-top:19px;padding:18px 22px;border:1px solid #ece6ea;border-radius:12px;background:#fff;display:flex;justify-content:space-between;gap:25px;align-items:center}
.social-footerline p{max-width:730px}
.social-footerline a{white-space:nowrap;font-size:12px;color:#b62b44;font-weight:650}
.social-footer{display:flex;justify-content:center;gap:13px;align-items:center;margin-top:37px;font-size:10px;color:#837d85;letter-spacing:.18em;font-weight:650}
.social-footer span{color:#d32946;font-size:9px}
@media(max-width:980px){.social-flow{grid-template-columns:1fr}.social-flow-arrow{transform:rotate(90deg)}.social-topbar nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto}.social-orbs{opacity:.4}}
@media(max-width:620px){.social-shell{padding:14px 11px 30px}.social-topbar{padding:13px}.social-topbar nav{gap:14px}.social-topbar nav a{font-size:10px}.social-hero{padding:25px 20px;min-height:280px}.social-hero h1{font-size:42px}.social-hero-text{max-width:100%}.social-summary{font-size:12px}.social-orbs{right:-140px;opacity:.22}.social-lower{grid-template-columns:1fr;gap:12px}.social-footerline{align-items:flex-start;flex-direction:column;gap:10px}.social-flow article,.social-panel{padding:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}
