.social-page{background:var(--page)}.social-width{width:calc(100% - 96px);max-width:1184px;margin:auto}.social-hero{padding:20px 0 64px}.social-hero h1{font:800 52px/60px var(--heading-font);letter-spacing:-.03em}.social-hero h1 span{box-decoration-break:clone;-webkit-box-decoration-break:clone;background:linear-gradient(100deg,#00a6d9,#00724b,#65a700);background-clip:text;-webkit-text-fill-color:transparent}.social-hero>p{font:400 16px/26px var(--font);margin-top:24px}.social-page h2{font:700 28px/36px var(--heading-font);letter-spacing:-.035em}.social-foundation{padding:80px 0 32px;background:#f3f1ff}.social-foundation h2+p,.social-formats>p{font:400 14px/22px var(--font);margin-top:16px}.social-foundation aside{display:flex;align-items:center;gap:12px;padding:16px;background:white;border-radius:14px;margin-top:40px}.social-foundation aside>span{display:grid;place-items:center;width:32px;height:32px;background:#64f6bb;color:#007653;border-radius:10px;flex-shrink:0}.social-foundation aside svg{width:20px;height:20px}.social-foundation aside p{font:400 12px/20px var(--font)}.social-formats{padding-top:80px;padding-bottom:33px}.social-formats>aside{display:flex;align-items:flex-start;gap:12px;background:#f3f1ff;padding:16px;border-radius:18px;margin-top:48px;min-height:88px}.social-formats>aside svg{width:24px;height:24px;flex-shrink:0;margin-top:4px;color:#006e96}.social-formats>aside p{font:400 14px/24px var(--font)}.social-format-grid,.social-template-grid,.social-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.social-format-grid{margin-top:48px}.social-glass{min-width:0;padding:32px;border-radius:18px;background:#d0d0cf;box-shadow:inset 0 2px 5px #fff,inset 0 0 3px #fff8}.social-glass h3{font:600 22px/30px var(--heading-font);letter-spacing:-.03em}.social-format-grid header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.social-format-grid header>span{width:48px;height:48px;background:#bfe6fb;color:#006c92;border-radius:12px;display:grid;place-items:center}.social-format-grid header svg{width:26px;height:26px}.social-format-grid header small{font:400 10px/14px var(--heading-font);background:#e9ecff;padding:4px 12px;border-radius:20px}.social-glass:nth-child(2) header>span{background:#60f4b7;color:#007653}.social-glass h4{font:600 12px/18px var(--font);margin-top:16px;color:#006d93}.social-glass:nth-child(2) h4{color:#007653}.social-glass ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px;font:400 12px/18px var(--font);color:#344450}.social-glass li{position:relative;padding-left:25px}.social-glass li:before{content:'✓';position:absolute;left:0;top:2px;width:12px;height:12px;line-height:11px;text-align:center;border:1.5px solid #007653;color:#007653;border-radius:50%;font-size:10px}.social-glass li b{font-weight:500;color:var(--ink)}.social-best{font:700 10px/16px var(--heading-font);letter-spacing:.025em;border-top:1px solid #eff0ff;padding-top:16px;margin-top:24px}.social-best b{color:var(--ink)}.social-templates{padding:8px 0 80px;background:#f3f1ff}.social-template-grid{margin-top:48px}.social-template header{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 10px/14px var(--heading-font)}.social-template header>span{padding:4px 12px;border-radius:20px;background:#bfe6ff;color:#005070}.social-template header small{font:400 10px/14px var(--font);color:#75818d}.social-template h3{margin-top:16px}.social-template>p{font:400 14px/22px var(--font);margin-top:16px}.social-tags{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:20px;color:#006b8c;font:600 10px/14px var(--heading-font)}.social-tags span{padding:4px 10px;background:#e9ecff;border-radius:4px}.social-tags i{font-style:normal}.social-template:nth-child(2) .social-tags{color:#007653}.social-terminal{margin-top:16px;padding:16px 16px 20px;border-radius:12px;background:#282f43;color:#e9ecff}.social-terminal>div{font:400 10px/14px var(--font);display:flex;justify-content:space-between;color:#b6bdc9}.social-terminal code{display:block;margin-top:8px;font:400 12px/18px var(--font);overflow-wrap:anywhere}.social-template>button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:24px;border-radius:12px;background:#e9ecff;padding:12px 16px;font:600 14px/20px var(--heading-font)}.social-template>button span{font-size:22px}.social-faq{padding-block:80px}.social-eyebrow{display:block;font:600 10px/14px var(--heading-font);letter-spacing:.08em;text-transform:uppercase;color:#006d93}.social-faq h2{margin-top:16px}.social-faq>p{font:400 14px/22px var(--font);margin-top:16px}.social-faq-grid{margin-top:38px}.social-faq details{padding:32px;background:white;border-radius:18px;min-height:152px}.social-faq details:nth-child(2){min-height:170px}.social-faq summary{display:flex;align-items:center;gap:12px;list-style:none;font:600 18px/26px var(--heading-font);letter-spacing:-.025em;cursor:pointer}.social-faq summary::-webkit-details-marker{display:none}.social-faq summary svg{width:20px;height:20px;flex-shrink:0;color:#006d93}.social-faq details p{font:400 14px/24px var(--font);margin-top:16px}.social-cta{margin-top:80px;border-radius:24px;padding:56px 24px 62px;display:grid;justify-items:center;gap:32px;background:url('../images/social-category/left.png') no-repeat -160px -98px/512px,url('../images/social-category/right.png') no-repeat calc(100% + 160px) -160px/512px,white;box-shadow:0 16px 18px #18213d26}.social-cta>span{width:56px;height:56px;background:#65f4b9;color:#007653;border-radius:16px;display:grid;place-items:center}.social-cta svg{width:32px;height:32px}.social-cta a{background:linear-gradient(105deg,#00a6d9,#007653,#71b500);box-shadow:inset 0 2px 4px #a4ec91;border-radius:12px;padding:14px 32px;color:white;font:600 14px/20px var(--heading-font)}
@media(max-width:1100px){.social-break,.social-code-break{display:none}.social-hero h1{font-size:44px;line-height:52px}.social-glass{padding:24px}.social-template header{flex-wrap:wrap}}@media(max-width:800px){.social-width{width:calc(100% - 40px)}.social-hero{padding-block:40px}.social-hero h1{font-size:36px;line-height:44px}.social-hero h1 br{display:none}.social-format-grid,.social-template-grid,.social-faq-grid{grid-template-columns:1fr;gap:24px}.social-foundation,.social-formats,.social-faq{padding-block:40px}.social-templates{padding:32px 0 40px}.social-format-grid,.social-template-grid,.social-faq-grid{margin-top:32px}.social-cta{margin-top:40px}.social-faq details:nth-child(2){min-height:0}}@media(max-width:440px){.social-width{width:calc(100% - 32px)}.social-hero h1{font-size:30px;line-height:38px}.social-page h2{font-size:26px;line-height:34px}.social-glass,.social-faq details{padding:24px 20px}.social-glass h3{font-size:20px;line-height:28px}.social-faq summary{font-size:16px;line-height:24px}.social-cta{padding:40px 16px}.social-cta a{font-size:12px;padding-inline:20px}}