.social-section{position:relative;isolation:isolate;overflow:clip;background:var(--soft);color:var(--ink);border-block:1px solid var(--line)}
.social-heading{position:relative;max-width:700px;margin-bottom:52px}.social-heading h2{font-size:clamp(36px,4.8vw,68px);font-weight:650;line-height:1.12;letter-spacing:-2.8px;margin:20px 0}.social-heading p{font-size:14px;line-height:1.9;color:var(--muted);max-width:470px}
.social-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;perspective:1400px;position:relative}
.social-card{position:relative;min-width:0;min-height:242px;padding:30px 23px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;display:flex;flex-direction:column;align-items:start;transform-style:preserve-3d;transition:border-color .3s,box-shadow .3s}
.social-card:hover{border-color:var(--red);box-shadow:0 22px 44px #0002}.social-card:focus-visible{outline:3px solid var(--red);outline-offset:5px;opacity:1}
.social-depth{position:absolute;inset:10px -5px -8px 5px;border-radius:18px;background:var(--red-soft);border:1px solid var(--line);transform:translateZ(-12px);pointer-events:none}
.social-symbol{height:60px;width:60px;border-radius:17px;background:var(--red-soft);color:var(--red);display:grid;place-items:center;transform:translateZ(24px);margin-bottom:32px}.social-symbol svg{height:29px;width:29px}
.social-network{font-size:19px;font-weight:600;transform:translateZ(17px)}.social-handle{font-size:10px;color:var(--muted);margin-top:10px;overflow-wrap:anywhere;transform:translateZ(13px)}
.social-arrow{position:absolute;inset-inline-end:18px;bottom:24px;color:var(--muted);transform:translateZ(20px)}.social-arrow .icon{height:16px;width:16px}.social-note{position:relative;font-size:10px;color:var(--muted);margin:28px 0 0}
.social-rings{position:absolute;width:750px;height:750px;inset-inline-end:-250px;top:-300px;z-index:-1;opacity:.45;perspective:800px;pointer-events:none}.social-rings i{position:absolute;inset:0;border:1px solid var(--red);border-radius:50%;transform:rotateX(60deg) rotateY(-25deg)}.social-rings i:nth-child(2){inset:60px}.social-rings i:nth-child(3){inset:120px}
/* Footer and secondary surfaces follow the selected theme in both directions. */
footer .logo{filter:none}.footer-top h2,.footer-links h3{color:var(--ink)}.footer-links a:hover{color:var(--red)}.footer-bottom{color:var(--muted)}.footer-social{display:flex;gap:10px;flex-wrap:wrap}.footer-social a{height:38px;width:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--ink);transition:transform .25s,background .25s}.footer-social a:hover{transform:translateY(-4px);background:var(--red-soft);color:var(--red)}.footer-social svg{height:17px;width:17px}.footer-bottom>.text-link{font-size:11px;color:var(--muted)}
.about-stats{background:var(--glass);color:var(--ink)}.support-banner{border-color:var(--line)}.services-detail article{background:var(--surface);color:var(--ink)}.services-detail code{color:var(--red)}.activation-code .icon-button{background:var(--surface);color:var(--ink);border-color:var(--line)}.modal-close:hover{background:var(--surface-raised)}.news-image img[src$="app-usage.png"],.article-image[src$="app-usage.png"]{background:var(--soft)}
html[dir=rtl] .social-heading h2{letter-spacing:0;line-height:1.4}
@media(max-width:1000px){.social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.social-card{min-height:210px}.social-symbol{margin-bottom:24px}}
@media(max-width:560px){.social-heading{margin-bottom:30px}.social-heading h2{font-size:36px;letter-spacing:-1.4px}.social-heading p{font-size:12px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.social-card{min-height:185px;padding:20px 16px}.social-symbol{height:45px;width:45px;border-radius:13px;margin-bottom:23px}.social-symbol svg{height:23px;width:23px}.social-network{font-size:15px}.social-handle{font-size:9px;margin-top:8px}.social-arrow{bottom:18px;inset-inline-end:12px}.social-arrow .icon{width:12px}.social-rings{width:450px;height:450px;top:-180px;inset-inline-end:-200px}.footer-bottom{gap:22px}.footer-social{gap:12px}html[dir=rtl] .social-heading h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.social-card,.footer-social a{transition:none}.footer-social a:hover{transform:none}}
.motion-paused .social-card,.motion-paused .footer-social a{transition:none}

html[data-theme=dark]{--deep-red:#ff758d}