/* GIAN-AI social showcase. Platform glyphs retain their original geometry. */
#social.gai-social20{position:relative;padding:64px 0 70px;isolation:isolate;scroll-margin-top:110px}
#social .gs20-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px}
#social .gs20-head>div{max-width:780px}
#social .gs20-head h2{font-size:clamp(28px,3.3vw,43px);line-height:1.12;letter-spacing:-.035em;margin:8px 0 14px;color:#fcf7ec}
#social .gs20-head p:not(.eyebrow){max-width:670px;font-size:17px;line-height:1.6;color:#c9c9de;margin:0}
#social .gs20-mail{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 0;color:#f2d8a0;font-size:16px;font-weight:650;white-space:nowrap;text-decoration:none;border-bottom:1px solid #d9ba764d}
#social .gs20-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#social a.gs20-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:238px;padding:28px 14px 25px;isolation:isolate;overflow:hidden;border:1px solid #d4bf9038;border-radius:25px;color:#fff;text-decoration:none;background:radial-gradient(ellipse at 23% 0%,#37579033,transparent 70%),linear-gradient(138deg,#132039ee 0%,#1e1730eb 70%,#311a32d9 100%);box-shadow:inset 0 1px 0 #f4ddae20,0 5px 0 #080c1c,0 6px 0 #8a6ba83a,0 18px 30px #05091d38;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
#social .gs20-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(118deg,transparent 15%,#dcd4ff0c 43%,#e5e0ff1c 46%,transparent 49%);opacity:.7}
#social .gs20-plate{display:grid;place-items:center;width:92px;height:92px;position:relative;border-radius:27px;transform:perspective(500px) rotateX(7deg) rotateY(-9deg);color:#f8f6ff;background:radial-gradient(ellipse at 35% 8%,#50699177,transparent 65%),linear-gradient(145deg,#14273f,#33213e 75%,#181c34);border:1px solid #f1dfba72;box-shadow:inset 2px 2px 1px #d3d9ff5e,inset -3px -3px 5px #080c25b5,4px 5px 0 #131126,5px 6px 0 #b88a785e,9px 14px 19px #03091d80,0 0 30px #7761bd26;transition:transform .22s ease,box-shadow .22s ease}
#social .gs20-plate svg{width:43px;height:43px;fill:currentColor;filter:drop-shadow(0 3px 0 #080f24) drop-shadow(0 0 9px #b3c8ff58)}
#social .gs20-platform{display:block;font-size:20px;line-height:1.2;font-weight:700;letter-spacing:-.015em}
#social .gs20-action{display:inline-flex;justify-content:center;gap:7px;align-items:center;text-align:center;font-size:14px;line-height:1.45;color:#dfc798;font-weight:550}
.gs20-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.gs20-strip{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding-top:18px;border-top:1px solid #c4bdde29}
.gs20-strip .gs20-strip-title{font-size:14px;line-height:1.5;font-weight:600;letter-spacing:.01em;color:#d7d2e4;margin:0}
.gs20-strip-links{display:flex;flex-wrap:wrap;gap:8px}
.gs20-strip a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;border:1px solid #c3b2da38;border-radius:13px;background:linear-gradient(140deg,#15243dc9,#2c1e38ba);color:#f2edff;text-decoration:none;font-size:14px;line-height:1.3}
.gs20-strip svg{width:19px;height:19px;fill:currentColor;flex:0 0 auto}
.footer .gs20-footer{margin-top:18px}
.footer .gs20-footer-title{display:block;margin:0 0 9px;font-size:13px;line-height:1.5;color:#cec8df}
.footer .gs20-footer-links{display:flex;flex-wrap:wrap;gap:8px}
.footer .gs20-footer a{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;border:1px solid #b6a6cc45;background:linear-gradient(145deg,#17263c,#302039);color:#efeafa;text-decoration:none;box-shadow:0 3px 0 #0b1024}
.footer .gs20-footer svg{width:20px;height:20px;fill:currentColor}
#social a:focus-visible,.gs20-strip a:focus-visible,.gs20-footer a:focus-visible{outline:3px solid #f3d995;outline-offset:5px}
@media(hover:hover) and (pointer:fine){
 #social a.gs20-card:hover,#social a.gs20-card:focus-visible{transform:translateY(-5px);border-color:#dac29799;box-shadow:inset 0 1px 0 #f4ddae44,0 5px 0 #080c1c,0 6px 0 #9c85c76b,0 20px 34px #05091d59,0 0 30px #67539a22}
 #social a.gs20-card:hover .gs20-plate{transform:perspective(500px) rotateX(0) rotateY(0) translateY(-2px);box-shadow:inset 2px 2px 1px #e0dbff77,inset -3px -3px 5px #080c25b5,3px 4px 0 #131126,4px 5px 0 #b88a7888,9px 14px 19px #03091d80,0 0 30px #8974d34d}
 .gs20-strip a:hover,.gs20-footer a:hover{border-color:#ecd49d;color:#ffe6af}
}
@media(max-width:850px){
 #social .gs20-head{display:block}#social .gs20-mail{margin-top:16px}
 #social .gs20-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:500px){
 #social.gai-social20{padding:46px 0 52px}
 #social .gs20-head{margin-bottom:22px}
 #social .gs20-head h2{font-size:30px}
 #social .gs20-head p:not(.eyebrow){font-size:16px}
 #social .gs20-grid{gap:14px}
 #social a.gs20-card{min-height:208px;padding:23px 10px 20px;border-radius:21px;gap:12px}
 #social .gs20-plate{width:74px;height:74px;border-radius:22px}
 #social .gs20-plate svg{width:35px;height:35px}
 #social .gs20-platform{font-size:18px}
 #social .gs20-action{font-size:13px;min-height:38px;align-items:start}
 .gs20-strip{align-items:start;flex-direction:column;gap:8px}
}
@media(prefers-reduced-motion:reduce){
 #social .gs20-card,#social .gs20-plate{transition:none!important;transform:none!important}
}
.motion-off #social .gs20-card,.motion-off #social .gs20-plate,
[data-motion="off"] #social .gs20-card,[data-motion="off"] #social .gs20-plate{transition:none!important;transform:none!important}