.soc{--soc-orange:#ff5a1f;--soc-orange-mid:#ff8a00;--soc-ink:#171514;--soc-muted:#9a948c;--soc-line:rgba(23,21,20,0.08);--soc-ease:cubic-bezier(0.2,0.8,0.2,1);width:100%;max-width:520px;margin-inline:auto;padding:22px 24px;border-radius:var(--radius-2xl,24px);background:var(--canvas,#fff);border:1px solid var(--line-grey,rgba(23,21,20,.08));box-shadow:var(--shadow-card,0 20px 50px -28px rgba(23,21,20,.28));font-family:var(--font-sans,"Manrope",system-ui,sans-serif)}.soc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.soc-title{display:block;font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--soc-ink)}.soc-sub{display:block;font-size:11px;font-weight:500;color:var(--soc-muted)}.soc-ratio{text-align:right}.soc-ratio b{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--soc-orange);font-variant-numeric:tabular-nums}.soc-ratio span{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--soc-muted)}.soc-svg{display:block;width:100%;height:auto;overflow:visible}.soc-link{stroke:var(--soc-orange-mid);stroke-width:1.4;stroke-opacity:.5;stroke-linecap:round}.soc-hub-halo{fill:rgba(255,90,31,.12)}.soc-hub{fill:var(--soc-orange);filter:drop-shadow(0 6px 14px rgba(255,90,31,.4))}.soc-hub-glyph circle{fill:#fff}.soc-hub-glyph path{stroke:#fff;stroke-width:2;stroke-linecap:round}.soc-agent{fill:#fff;stroke:var(--soc-orange);stroke-width:2}.soc-fleet-label{font-size:9px;font-weight:600;fill:var(--soc-muted)}.soc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.soc-stat{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:12px;background:var(--soft-sand,#f7f3ef)}.soc-stat b{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--soc-ink);font-variant-numeric:tabular-nums}.soc-stat span{font-size:9px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--soc-muted)}@media (prefers-reduced-motion:no-preference){.soc-link{stroke-dasharray:1;stroke-dashoffset:1;animation:soc-draw .6s var(--soc-ease) forwards}.soc-agent{transform-box:view-box;opacity:0;transform:scale(.3);animation:soc-pop .45s var(--soc-ease) forwards}.soc:not([data-in-view=true]) .soc-agent,.soc:not([data-in-view=true]) .soc-link{animation-play-state:paused}.soc-hub-halo{transform-box:fill-box;transform-origin:center;animation:soc-pulse 2.8s ease-in-out 1.2s infinite}}@keyframes soc-draw{to{stroke-dashoffset:0}}@keyframes soc-pop{to{opacity:1;transform:scale(1)}}@keyframes soc-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.3);opacity:.3}}.soc--bare{max-width:none;padding:0;border:0;background:none;box-shadow:none}.stn{--stn-ink:#171514;--stn-muted:#9a948c;--stn-line:rgba(23,21,20,0.08);--stn-teal:#14b8a6;--stn-ease:cubic-bezier(0.2,0.8,0.2,1);width:100%;max-width:880px;margin-inline:auto;container-type:inline-size;padding:22px 24px;border-radius:var(--radius-2xl,24px);background:var(--soft-sand,#f7f3ef);border:1px solid var(--line-grey,rgba(23,21,20,.08));box-shadow:var(--shadow-card,0 20px 50px -28px rgba(23,21,20,.28));font-family:var(--font-sans,"Manrope",system-ui,sans-serif)}.stn-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.stn-title{display:block;font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--stn-ink)}.stn-crumb{display:block;font-size:11px;font-weight:500;color:var(--stn-muted)}.stn-badge{padding:4px 11px;border-radius:999px;background:linear-gradient(135deg,#ff5a1f,#ff8a00);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.stn-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.stn-stat{display:flex;flex-direction:column;gap:1px;padding:12px 14px;border-radius:14px;background:var(--canvas,#fff);border:1px solid var(--stn-line)}.stn-stat b{font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--stn-ink);font-variant-numeric:tabular-nums}.stn-stat span{font-size:10px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--stn-muted)}.stn-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stn-panel{display:flex;flex-direction:column;padding:16px;border-radius:16px;background:var(--canvas,#fff);border:1px solid var(--stn-line)}.stn-panel-title{font-size:13px;font-weight:800;letter-spacing:-.01em;color:var(--stn-ink);margin-bottom:12px}.stn-sub{display:block;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--stn-muted);margin-bottom:8px}.stn-list-block{margin-bottom:14px}.stn-activities{margin:0;padding:0;list-style:none;counter-reset:act;display:flex;flex-direction:column;gap:7px}.stn-activities li{counter-increment:act;position:relative;padding-left:24px;font-size:12px;font-weight:500;line-height:1.3;color:var(--stn-ink)}.stn-activities li:before{content:counter(act);position:absolute;left:0;top:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,90,31,.12);color:#e84a14;font-size:9px;font-weight:800}.stn-io{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stn-bullets{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.stn-bullets li{position:relative;padding-left:12px;font-size:11px;font-weight:500;color:#5c5651}.stn-bullets li:before{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:999px;background:var(--stn-teal)}.stn-mix{width:64%;max-width:150px;margin:0 auto 8px}.stn-fleet{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.stn-fleet-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--stn-line)}.stn-fleet-row span{font-size:11px;font-weight:500;line-height:1.2;color:var(--stn-ink)}.stn-fleet-row b{flex:0 0 auto;font-size:12px;font-weight:800;color:var(--stn-ink);font-variant-numeric:tabular-nums}.stn-span{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stn-span-row{display:flex;flex-direction:column;gap:1px;padding:8px 10px;border-radius:10px;background:var(--soft-sand,#f7f3ef)}.stn-span-row span{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--stn-muted)}.stn-span-row b{font-size:14px;font-weight:800;color:var(--stn-ink)}.stn-role{gap:10px;margin-bottom:16px}.stn-role,.stn-role-avatar{display:flex;align-items:center}.stn-role-avatar{justify-content:center;width:34px;height:34px;flex:0 0 auto;border-radius:999px;background:linear-gradient(135deg,#6c3bf4,#9747ff);color:#fff;font-size:14px;font-weight:800}.stn-role b{display:block;font-size:13px;font-weight:700;line-height:1.25;color:var(--stn-ink)}.stn-role-tag{font-size:10px;font-weight:600;color:var(--stn-muted)}.stn-reqs{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}.stn-req{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 8px}.stn-req-name{font-size:11px;font-weight:600;color:var(--stn-ink)}.stn-req-num{font-size:12px;font-weight:800;color:var(--stn-ink);font-variant-numeric:tabular-nums}.stn-req-track{grid-column:1/-1;height:6px;border-radius:999px;background:rgba(23,21,20,.07);overflow:hidden}.stn-req-fill{display:block;height:100%;width:var(--w,0);border-radius:999px;background:linear-gradient(90deg,#14b8a6,#3bd4c2)}.stn-role-cta{margin-top:auto;font-size:11px;font-weight:700;color:var(--brand,#ff5a1f)}.stn--compact{max-width:560px}.stn--compact .stn-cols{grid-template-columns:1fr 1fr}.stn--compact .stn-stats{grid-template-columns:repeat(4,1fr);gap:8px}.stn--compact .stn-stat{padding:9px 11px}.stn--compact .stn-stat b{font-size:18px}@container (max-width: 430px){.stn--compact .stn-stats{grid-template-columns:repeat(2,1fr)}}@container (max-width: 360px){.stn--compact .stn-cols{grid-template-columns:1fr}}.stn--landscape{max-width:760px;padding:16px 18px}.stn--landscape .stn-head{margin-bottom:10px}.stn--landscape .stn-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.stn--landscape .stn-stat{padding:8px 10px}.stn--landscape .stn-stat b{font-size:17px}.stn--landscape .stn-cols{grid-template-columns:.82fr .92fr 1.3fr;gap:10px}.stn--landscape .stn-panel{padding:13px}.stn--landscape .stn-mix{width:100%;max-width:122px;margin:2px auto 0}.stn--landscape .stn-fleet{gap:5px;margin-bottom:0}.stn--landscape .stn-reqs{gap:8px;margin-bottom:12px}.stn--landscape .stn-req{gap:4px 8px}@container (max-width: 440px){.stn--landscape .stn-cols{grid-template-columns:1fr 1fr}.stn--landscape .stn-stats{grid-template-columns:repeat(2,1fr)}}@container (max-width: 320px){.stn--landscape .stn-cols{grid-template-columns:1fr}}@container (max-width: 760px){.stn-stats{grid-template-columns:repeat(2,1fr)}.stn-cols{grid-template-columns:1fr 1fr}}@container (max-width: 480px){.stn-cols{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.stn-fleet-row,.stn-stat{opacity:0;transform:translateY(10px)}.stn[data-in-view=true] .stn-fleet-row,.stn[data-in-view=true] .stn-stat{transition:opacity .5s var(--stn-ease),transform .5s var(--stn-ease);transition-delay:calc(var(--i, 0) * 70ms);opacity:1;transform:none}.stn[data-in-view=true] .stn-fleet-row{transition-delay:calc(.18s + var(--i, 0) * 70ms)}.stn-req-fill{width:0}.stn[data-in-view=true] .stn-req-fill{transition:width .85s var(--stn-ease);transition-delay:calc(.4s + var(--i, 0) * .11s);width:var(--w,0)}}