.socShell{background:#080b0b;color:#f4f1ea;min-height:100vh}.socHero{min-height:72vh;display:grid;align-items:end;padding:150px 6vw 90px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(199,158,82,.18),transparent 32%),linear-gradient(120deg,#050606,#0c1110)}.socHeroGrid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,transparent 0);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}.socHeroGlow{position:absolute;width:420px;height:420px;border-radius:50%;right:12%;top:12%;background:radial-gradient(circle,rgba(211,169,91,.2),transparent 68%);filter:blur(12px);animation:socFloat 9s ease-in-out infinite}.socHeroCopy{position:relative;max-width:820px}.socHero h1{font-family:Georgia,serif;font-size:clamp(54px,7vw,104px);line-height:.95;margin:18px 0 28px}.socHero p{max-width:760px;color:#b9c0bd;font-size:18px;line-height:1.7}.socHeroActions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.socStatusCard{position:absolute;right:6vw;bottom:90px;border:1px solid rgba(199,158,82,.35);background:rgba(8,12,11,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:20px 22px;display:grid;grid-template-columns:auto 1fr;grid-gap:4px 12px;gap:4px 12px;min-width:290px}.socStatusCard small{grid-column:2;color:#8e9894}.socPulse{width:10px;height:10px;border-radius:50%;background:#c79e52;box-shadow:0 0 0 0 rgba(199,158,82,.55);animation:socPulse 2s infinite}.socModeBar{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:hsla(0,0%,100%,.08);margin:0 6vw;border:1px solid hsla(0,0%,100%,.08);transform:translateY(-24px);position:relative;z-index:3}.socModeBar button{border:0;background:#0a0e0d;color:#ddd;text-align:left;padding:24px 26px;cursor:pointer;transition:.25s ease}.socModeBar button small,.socModeBar button span{display:block}.socModeBar button span{font-size:13px;text-transform:uppercase;letter-spacing:.13em;color:#9ca5a1}.socModeBar button small{font-size:16px;margin-top:7px;color:#f2efe8}.socModeBar button.active{background:linear-gradient(135deg,rgba(199,158,82,.2),rgba(199,158,82,.06));box-shadow:inset 0 -2px #d0a85b}.socModeBar button.active span{color:#e4bd73}.socModeSummary{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:50px;gap:50px;align-items:end;padding:48px 6vw 20px}.socModeSummary h2{font-family:Georgia,serif;font-size:clamp(42px,5vw,72px);line-height:1;margin:10px 0 20px}.socModeSummary p{max-width:760px;color:#aeb7b3;line-height:1.7}.socModeItems{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:hsla(0,0%,100%,.08)}.socModeItems span{padding:18px;background:#0b0f0e;color:#ece8df}.socModeItems span:before{content:"↗";color:#d8ad5d;margin-right:10px}.socDashboard{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);grid-gap:24px;gap:24px;padding:42px 6vw}.socInfoPanel,.socMapPanel{border:1px solid hsla(0,0%,100%,.1);background:linear-gradient(145deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,.015));min-height:650px}.socPanelHeader{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:28px;border-bottom:1px solid hsla(0,0%,100%,.08)}.socPanelHeader small,.socPanelHeader span{color:#c79e52;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.socPanelHeader h2{margin:8px 0 0;font-size:30px}.socPanelHeader b{font-size:12px;text-transform:uppercase;color:#d7c08e}.socMapCanvas{position:relative;min-height:520px;overflow:hidden;background:radial-gradient(circle at 52% 55%,rgba(199,158,82,.13),transparent 35%)}.socAfricaShape{position:absolute;left:18%;top:8%;width:55%;height:88%;background:linear-gradient(145deg,#32453c,#17231f);-webkit-clip-path:polygon(42% 0,62% 8%,78% 34%,92% 55%,87% 73%,73% 87%,71% 100%,43% 98%,30% 84%,23% 63%,28% 44%,39% 26%);clip-path:polygon(42% 0,62% 8%,78% 34%,92% 55%,87% 73%,73% 87%,71% 100%,43% 98%,30% 84%,23% 63%,28% 44%,39% 26%);opacity:.95;filter:drop-shadow(0 20px 45px rgba(0,0,0,.45));box-shadow:inset 0 0 0 1px rgba(210,170,96,.16)}.socAfricaShape:before{content:"";position:absolute;inset:0;-webkit-clip-path:inherit;clip-path:inherit;background-image:radial-gradient(circle at 35% 30%,hsla(0,0%,100%,.08),transparent 20%),repeating-radial-gradient(ellipse at 50% 50%,transparent 0 18px,hsla(39,53%,60%,.07) 19px 20px);mix-blend-mode:screen}.socRoutes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.socRoutes line{stroke:#d2aa60;stroke-width:.28;stroke-dasharray:2 2;opacity:.6;animation:socRoute 8s linear infinite}.socPoint{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:8px;cursor:pointer;z-index:3}.socPoint i{width:11px;height:11px;border-radius:50%;background:#f4c66f;border:2px solid #fff;box-shadow:0 0 0 9px rgba(199,158,82,.12)}.socPoint span{font-size:13px;text-shadow:0 2px 10px #000;white-space:nowrap}.socPoint.active i{box-shadow:0 0 0 12px rgba(199,158,82,.22),0 0 22px #d6af66}.socPoint.active span{color:#f0c97b}.socMapNote{padding:0 28px 25px;color:#7f8a86;font-size:12px}.socInfoPanel{padding-bottom:28px}.socClock{margin:28px;padding:28px;border:1px solid rgba(199,158,82,.22);background:#0a0e0d;display:grid;grid-gap:6px;gap:6px}.socClock small,.socClock span{color:#99a39f}.socClock strong{font-size:50px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#e8c276}.socInfoPanel>p{padding:0 28px;color:#b3bbb8;line-height:1.7}.socServiceList{display:flex;flex-wrap:wrap;gap:9px;padding:20px 28px}.socServiceList span{border:1px solid hsla(0,0%,100%,.12);padding:9px 11px;font-size:12px}.socReadiness{display:grid;grid-template-columns:1fr;grid-gap:1px;gap:1px;margin:4px 28px 18px;background:hsla(0,0%,100%,.08)}.socReadiness div{display:flex;justify-content:space-between;gap:20px;padding:13px 14px;background:#0a0e0d}.socReadiness span{color:#828d89;font-size:12px}.socReadiness strong{font-size:12px;color:#e5dfd2}.socInfoActions{display:grid;grid-gap:12px;gap:12px;padding:12px 28px}.socInfoActions a{color:#e3bd72}.socCapabilityGrid,.socTimeGrid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1px;gap:1px;background:hsla(0,0%,100%,.09);margin:0 6vw 42px;border:1px solid hsla(0,0%,100%,.08)}.socCapabilityGrid article,.socTimeGrid article{background:#0b0f0e;padding:26px}.socTimeGrid article{display:grid;grid-gap:6px;gap:6px}.socTimeGrid strong{font-size:28px;color:#dfb967;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.socTimeGrid small{color:#7e8985}.socCapabilityGrid article span{color:#c79e52}.socCapabilityGrid h3{font-size:24px}.socCapabilityGrid p{color:#9ca6a2;line-height:1.6}.socCapabilityGrid{margin-bottom:42px}.socBriefCta{margin:0 6vw 90px;padding:48px;display:grid;grid-template-columns:1.3fr .7fr;grid-gap:40px;gap:40px;align-items:center;border:1px solid rgba(199,158,82,.25);background:radial-gradient(circle at 85% 30%,rgba(199,158,82,.13),transparent 30%),#0a0e0d}.socBriefCta h2{font-family:Georgia,serif;font-size:clamp(36px,4vw,58px);margin:10px 0 18px}.socBriefCta p{color:#a8b0ad;line-height:1.7}.socBriefActions{display:grid;grid-gap:12px;gap:12px}.socBriefActions a{text-align:center}@keyframes socPulse{70%{box-shadow:0 0 0 14px rgba(199,158,82,0)}}@keyframes socRoute{to{stroke-dashoffset:-20}}@keyframes socFloat{50%{transform:translateY(20px) scale(1.06)}}@media(max-width:980px){.socDashboard{grid-template-columns:1fr}.socStatusCard{position:relative;right:auto;bottom:auto;margin-top:30px}.socHero{align-items:center}.socCapabilityGrid,.socTimeGrid{grid-template-columns:repeat(2,1fr)}.socBriefCta,.socModeBar,.socModeSummary{grid-template-columns:1fr}.socModeBar{transform:none;margin-top:24px}}@media(max-width:640px){.socHero{padding:120px 22px 64px;min-height:auto}.socHero h1{font-size:54px}.socDashboard{padding:24px 16px}.socInfoPanel,.socMapPanel{min-height:auto}.socMapCanvas{min-height:430px}.socCapabilityGrid,.socTimeGrid{grid-template-columns:1fr;margin-left:16px;margin-right:16px}.socPanelHeader{padding:20px}.socClock{margin:20px}.socPoint span{font-size:11px}.socHeroActions{display:grid}.socHeroActions a{text-align:center}.socModeBar{margin-left:16px;margin-right:16px}.socModeSummary{padding:40px 22px 10px}.socModeItems{grid-template-columns:1fr}.socBriefCta{margin:0 16px 60px;padding:28px 22px}}@media(prefers-reduced-motion:reduce){.socHeroGlow,.socPulse,.socRoutes line{animation:none!important}}