.svc-page.social-page{padding-top:0;background:var(--svc-bg,#09090e)}.social-page .svc-hero-title em{background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.social-hero-mockup{--mx:0;--my:0;perspective:1200px;width:100%;max-width:420px;margin-inline:auto}.social-hero-mockup>*{transform:rotateY(calc(var(--mx)*8deg)) rotateX(calc(var(--my)*-6deg));transition:transform .12s ease-out}.social-mock-chrome{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-bottom:none;border-radius:10px 10px 0 0;padding:.55rem .9rem;color:rgba(255,255,255,.45);font-size:.72rem;backdrop-filter:blur(12px)}.social-mock-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.social-mock-dot:first-child{background:#ff5f57}.social-mock-dot:nth-child(2){background:#febc2e}.social-mock-dot:nth-child(3){background:#28c840}.social-mock-url{flex:1;text-align:center;font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-mock-body{background:rgba(10,9,18,.92);border:1px solid rgba(255,255,255,.08);border-radius:0 0 10px 10px;overflow:hidden;backdrop-filter:blur(12px)}.social-mock-profile{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-bottom:1px solid rgba(255,255,255,.06)}.social-mock-avatar-wrap{flex-shrink:0;padding:2px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#a855f7,#f97316);animation:storyRotate 6s linear infinite}.social-mock-avatar-wrap--story-0{background:linear-gradient(135deg,#ec4899,#a855f7)}.social-mock-avatar-wrap--story-1{background:linear-gradient(135deg,#f97316,#ec4899)}.social-mock-avatar-wrap--story-2{background:linear-gradient(135deg,#a855f7,#3b82f6)}@keyframes storyRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(1turn)}}.social-mock-avatar{width:38px;height:38px;border-radius:50%;background:rgba(15,15,25,1);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:rgba(255,255,255,.6);letter-spacing:.03em}.social-mock-profile-info{flex:1;min-width:0}.social-mock-handle{font-size:.68rem;font-weight:700;color:#fff;margin:0 0 .2rem}.social-mock-stats{display:flex;gap:.6rem;margin-bottom:.2rem}.social-mock-stats span{font-size:.58rem;color:rgba(255,255,255,.45)}.social-mock-stats strong{color:rgba(255,255,255,.9)}.social-mock-bio{font-size:.57rem;color:rgba(255,255,255,.4);margin:0}.social-mock-stories{display:flex;gap:.5rem;align-items:flex-start;padding:.55rem .75rem;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid rgba(255,255,255,.05)}.social-mock-stories::-webkit-scrollbar{display:none}.social-mock-story{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex-shrink:0}.social-mock-story-ring{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:border-color .3s}.social-mock-story--active .social-mock-story-ring{border:2px solid transparent;background:linear-gradient(rgba(10,9,18,1),rgba(10,9,18,1)) padding-box,linear-gradient(135deg,#ec4899,#a855f7,#f97316) border-box}.social-mock-story-avatar{font-size:1.2rem}.social-mock-story-label{font-size:.52rem;color:rgba(255,255,255,.45);text-align:center;max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.06)}.social-mock-post{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:default}.social-mock-post-emoji{font-size:1.4rem;user-select:none}.social-mock-post-badge{position:absolute;top:4px;right:4px;font-size:.48rem;font-weight:700;padding:.1rem .3rem;border-radius:3px;background:rgba(0,0,0,.55);color:#fff;backdrop-filter:blur(4px)}.social-mock-heart{position:absolute;font-size:1.8rem;pointer-events:none}.social-mock-post-likes{position:absolute;bottom:4px;left:5px;font-size:.5rem;font-weight:700;color:rgba(255,255,255,.85);text-shadow:0 1px 3px rgba(0,0,0,.6)}.social-mock-metrics{display:flex;align-items:center;justify-content:space-around;padding:.55rem .75rem;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.015)}.social-mock-metric{display:flex;flex-direction:column;align-items:center;gap:.1rem}.social-mock-metric-val{font-size:.88rem;font-weight:800;line-height:1}.social-mock-metric-lbl{font-size:.52rem;color:rgba(255,255,255,.35);text-align:center}.social-mock-metric-delta{font-size:.5rem;color:#3ecf8e;font-weight:700}@media (prefers-reduced-motion:reduce){.social-mock-avatar-wrap{animation:none}}.social-networks{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin-top:2.5rem}.social-network{background:#fff;border:1px solid rgba(17,17,17,.08);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04),0 12px 28px -16px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s,border-color .3s}.social-network:hover{transform:translateY(-4px);border-color:rgba(236,72,153,.35);box-shadow:0 1px 4px rgba(0,0,0,.05),0 20px 40px -16px rgba(236,72,153,.25)}.social-network-head{display:flex;align-items:center;gap:.65rem;padding:1.1rem 1.3rem;background:linear-gradient(135deg,rgba(236,72,153,.08),rgba(168,85,247,.05));border-bottom:1px solid rgba(17,17,17,.06)}.social-network-icon{font-size:1.5rem;line-height:1}.social-network-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--fg);margin:0}.social-network-rows{padding:.5rem 1.3rem 1.3rem;display:flex;flex-direction:column;gap:.2rem}.social-network-row{display:grid;grid-template-columns:90px 1fr;gap:.75rem;padding:.55rem 0;border-bottom:1px dashed rgba(17,17,17,.06);align-items:start}.social-network-row:last-child{border-bottom:none}.social-network-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.social-network-val{font-size:.85rem;line-height:1.5;color:var(--fg-secondary)}.social-content-cadence{font-size:.8rem;margin:.7rem 0 0;padding:.5rem .7rem;background:rgba(236,72,153,.1);border-left:2px solid #ec4899;border-radius:4px;color:rgba(255,255,255,.82)}.social-content-cadence strong{color:#ec4899;font-weight:700}