.soc{background:radial-gradient(38% 46% at 62% 0,color-mix(in srgb,var(--teal-bright) 12%,transparent) 0,transparent 100%),radial-gradient(30% 40% at 30% 42%,color-mix(in srgb,#5b4b8a 10%,transparent) 0,transparent 100%);display:grid;gap:var(--g-space-7);width:min(1116px,100% - 2 * var(--g-space-5));margin:0 auto;padding:var(--g-space-6) 0 var(--g-space-7);line-height:var(--g-leading-body)}.soc-stage{position:relative;display:grid;grid-template-areas:"title" "box";justify-items:center;gap:var(--g-space-5)}.soc.soc.soc .soc-title{grid-area:title;margin:0;font-size:var(--g-font-2xl);font-weight:700;line-height:var(--g-leading-head);letter-spacing:-.02em;text-align:center}.soc-composer{grid-area:box;align-self:start;width:min(980px,100%);padding:var(--g-space-5);border:1px solid var(--line);border-radius:var(--g-radius-lg);background:color-mix(in srgb,var(--panel) 60%,transparent);opacity:.55;pointer-events:none;user-select:none}.soc-composer,.soc-tabs{display:grid;gap:var(--g-space-4)}.soc-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}.soc-tab{display:grid;place-items:center;height:var(--g-space-6);border:1px solid var(--line);border-radius:var(--g-radius-md);color:var(--muted);font-size:var(--g-font-sm)}.soc-tab-on{border-color:color-mix(in srgb,var(--teal-bright) 45%,transparent);color:var(--teal-ink);background:var(--teal-soft);font-weight:600}.soc-idea{min-height:136px;padding:var(--g-space-4);border:1px solid var(--line);border-radius:var(--g-radius-md);color:var(--muted);font-size:var(--g-font-sm)}.soc-card{grid-area:box;align-self:start;margin-top:124px;display:flex;flex-direction:column;gap:var(--g-space-4);width:min(520px,100%);padding:var(--g-space-5);border:1px solid var(--line-strong);border-radius:var(--g-radius-lg);background:light-dark(rgba(255,255,255,.86),rgba(19,33,42,.86));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 light-dark(rgba(255,255,255,.7),rgba(255,255,255,.06)),0 1px 2px rgba(0,0,0,.12),0 18px 40px -28px rgba(0,0,0,.65)}.soc.soc.soc .soc-card h2{margin:0;font-size:var(--g-font-md);font-weight:700;line-height:var(--g-leading-head)}.soc-lede{margin:calc(var(--g-space-3) * -1) 0 0;color:var(--muted);font-size:var(--g-font-sm)}.soc-primary,.soc-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--g-radius-lg);font-size:var(--g-font-sm);font-weight:600;text-decoration:none}.soc-primary{color:#14131d;background:linear-gradient(180deg,#d6f3f3,#3fced0 18%,#3fced0);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 2px rgba(20,19,29,.08),0 10px 24px -14px rgba(63,206,208,.7)}.soc-secondary{border:1px solid var(--line-strong);color:var(--ink);background:light-dark(rgba(255,255,255,.6),rgba(255,255,255,.04));box-shadow:0 1px 2px rgba(0,0,0,.12),0 8px 18px -14px rgba(0,0,0,.45)}.soc-fine{margin:0;line-height:var(--g-leading-head);color:var(--muted);font-size:var(--g-font-xs);text-align:center}.soc-fine a{display:inline-block;padding:13px 0;margin:-13px 0;color:var(--teal-ink);font-weight:600;text-decoration:none}.soc-strip{display:grid;gap:var(--g-space-4)}.soc.soc.soc .soc-strip h2{margin:0;font-size:var(--g-font-md);font-weight:700;line-height:var(--g-leading-head)}.soc-strip ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--g-space-4);margin:0;padding:0;list-style:none}.soc-strip a{display:flex;flex-direction:column;gap:var(--g-space-2);color:var(--ink);text-decoration:none}.soc-frame{aspect-ratio:1.618/1;border-radius:var(--g-radius-md)}.soc-strip strong{font-size:var(--g-font-xs);font-weight:600}.soc-meta{margin-top:calc(var(--g-space-2) * -1);color:var(--muted);font-size:var(--g-font-xs)}@media (max-width:760px){.soc{width:calc(100% - 2 * var(--g-space-4));gap:var(--g-space-6);padding-top:var(--g-space-5)}.soc.soc.soc .soc-title{font-size:var(--g-font-lg);text-align:left;justify-self:start}.soc-composer{display:none}.soc-card{margin-top:0;width:100%}.soc-strip ul{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:var(--g-space-2)}.soc-strip li{flex:0 0 42%;scroll-snap-align:start}}