.social-full{padding-top:65px}.social-introduction{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px}.social-introduction h2{font-size:clamp(36px,4vw,57px)}.social-introduction h2 em{font-family:Georgia,serif;color:#6135ce;font-weight:400}.social-notice{font-size:13px;padding:16px 18px;border-left:3px solid #b52db2;background:#eeecfb;color:#4d5075}.social-workspace{border:1px solid #d7ddf3;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 25px 70px #33287a14;transform:rotate(2deg)}.social-workspace-top{display:flex;justify-content:space-between;gap:15px;padding:20px;background:#252354;color:white;font-size:10px;letter-spacing:1px}.social-workspace-top span{color:#aee7ff}.social-workspace-body{padding:28px}.social-workspace-body>small{font-size:9px;color:#696e89;letter-spacing:1px}.social-workspace-body h3{margin:18px 0 10px}.social-workspace-body>p{font-size:12px;color:#606581}.social-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.social-channel-grid>div{display:flex;align-items:center;gap:9px;border:1px solid #e0e2f1;padding:12px;border-radius:8px;font-size:11px}.social-channel-grid span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#e5e9ff;color:#4431ca;font-weight:bold}.social-block{padding-top:85px;padding-bottom:25px}.social-photo{margin:35px 0 30px;position:relative}.social-photo img{width:100%;height:440px;object-fit:cover;border-radius:12px}.social-photo figcaption{position:absolute;bottom:22px;left:22px;right:22px;padding:17px 20px;background:#fafaffed;border-radius:8px;font-size:15px;max-width:650px}.social-workflow{background:#211e51;color:#f1efff;margin-top:60px;padding:65px 0}.social-workflow>div>p{color:#c7c5df}.social-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px}.social-steps article>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#403182;color:#b9eaff;margin-bottom:20px}.social-steps h3{font-size:21px}.social-steps p{font-size:14px;color:#c7c5df}.social-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.social-feature-card{background:white;border:1px solid #dde1f3;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.social-feature-copy{padding:30px}.social-feature-copy p,.social-feature-copy li{font-size:14px;color:#606581}.social-feature-copy ul{padding-left:18px;margin-bottom:0}.social-feature-copy li{padding:3px 0}.social-feature-art{margin-top:auto;height:260px;background:linear-gradient(120deg,#e2edff,#f3e8fb);padding:25px 35px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.social-calendar{width:100%;max-width:390px;background:white;padding:16px;border-radius:9px;box-shadow:0 10px 20px #44357b14;font-size:12px}.social-calendar>div:first-child{display:flex;justify-content:space-between}.social-week{display:flex;justify-content:space-between;margin-top:15px;font-size:10px;color:#727693}.social-post{border-radius:4px;padding:6px 10px;width:60%;margin-top:10px;font-size:10px;background:#dae7ff}.social-post small{float:right}.post-two{margin-left:20%;background:#e8dcff}.post-three{margin-left:40%;background:#f5d8ee}.social-post-preview{background:white;border-radius:9px;width:155px;padding:11px;transform:rotate(-7deg);box-shadow:0 8px 20px #42397218}.social-post-preview small,.social-post-preview>span{font-size:9px;display:block}.social-post-preview>div{background:linear-gradient(140deg,#b6eaff,#d6baf7);font-size:24px;line-height:1.1;letter-spacing:-1px;padding:20px 10px;margin:10px 0}.social-post-preview.second{transform:rotate(8deg);margin-left:10px}.social-post-preview.second>div{background:linear-gradient(130deg,#f5c5e5,#e5dcff)}.social-canvas{background:white;border-radius:8px;padding:12px;width:270px}.social-tools{font-size:13px;border-bottom:1px solid #dde1f3;padding-bottom:8px}.social-canvas-page{position:relative;background:#5135bd;color:#fff;padding:15px;font-size:30px;line-height:1.1;margin:10px 20px}.social-canvas-page b{color:#b8edff}.social-canvas-page>span{position:absolute;right:10px;bottom:10px;font-size:45px;color:#f89adb}.social-pages{display:flex;justify-content:center;gap:8px}.social-pages>span{background:#e8e2f8;padding:3px 15px;font-size:9px}.social-ai{max-width:350px;width:100%;font-size:12px}.social-ai>p{margin-left:35px;background:#d7ddff;padding:10px;border-radius:8px}.social-ai>div{background:white;padding:17px;border-radius:9px}.social-ai b{font-size:10px;color:#6331c2}.social-ai>div p{margin:10px 0 0}.social-ai>span{display:block;font-size:10px;margin-top:10px;color:#625780}.social-client-list{width:100%;max-width:340px}.social-client-list>div{padding:14px;background:white;margin:9px 0;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px;box-shadow:0 8px 15px #382c7310}.social-client-list span{background:#e7dcff;color:#623bc3;padding:5px 10px;border-radius:7px}.social-client-list small{margin-left:auto;font-size:9px;color:#72748e}.social-analytics{background:white;border-radius:10px;padding:20px;width:100%;max-width:350px;font-size:12px}.social-bars{height:110px;display:flex;align-items:end;gap:12px;margin:15px 0}.social-bars>span{flex:1;height:var(--height);border-radius:5px 5px 0 0;background:linear-gradient(#22b6e8,#5941d2)}.social-analytics>small{font-size:9px;color:#72748e}.social-questions details{border-bottom:1px solid #dde1f3;padding:18px 0}.social-questions summary{cursor:pointer;font-size:18px}.social-questions details p{color:#606581;font-size:15px;margin:15px 0 0}.social-launch{background:linear-gradient(120deg,#e4f3ff,#ece4ff,#f8e4f3);padding:40px;border-radius:12px;margin:45px 0 70px}.social-launch p{color:#606581;max-width:700px}.page-intro{padding-top:65px;padding-bottom:0}.page-intro h1{font-size:clamp(40px,5vw,65px)}@media(max-width:850px){.social-introduction{grid-template-columns:1fr;gap:35px}.social-workspace{max-width:550px;width:100%;margin:auto}.social-steps{grid-template-columns:1fr 1fr}.social-feature-copy{padding:24px}.social-feature-art{padding:20px}.social-photo img{height:350px}}@media(max-width:600px){.social-full{padding-top:40px}.social-block{padding-top:55px}.social-feature-grid{grid-template-columns:1fr}.social-steps{grid-template-columns:1fr;gap:20px}.social-workspace{transform:none}.social-workspace-body{padding:20px}.social-photo img{height:300px}.social-photo figcaption{font-size:12px;left:12px;right:12px;bottom:12px}.social-launch{padding:25px}.social-introduction h2{font-size:38px}}
