#SmmPanelUS-About-Enterprise { /* Variables - Mode C (Trust) */ --Ent-Bg: #F8FAFC; --Ent-Card-Bg: #FFFFFF; --Ent-Text: #1A202C; --Ent-Muted: #64748B; --Ent-Primary: #4B75EE; --Ent-Border: #E2E8F0; --Ent-Shadow: 0 4px 20px rgba(0,0,0,0.03); font-family: 'Inter', sans-serif; background: transparent; padding: 0 0 60px 0; } /* Dark Mode */ body.dark #SmmPanelUS-About-Enterprise, .theme-dark-active #SmmPanelUS-About-Enterprise { --Ent-Bg: #0F1116; --Ent-Card-Bg: #151923; --Ent-Text: #FFFFFF; --Ent-Muted: #A0AEC0; --Ent-Border: #2D3748; --Ent-Shadow: 0 10px 40px rgba(0,0,0,0.4); } #SmmPanelUS-About-Enterprise * { box-sizing: border-box; } #SmmPanelUS-About-Enterprise .smm-iso-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* HERO */ #SmmPanelUS-About-Enterprise .about-hero { padding: 80px 0; } #SmmPanelUS-About-Enterprise .ah-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 50px; align-items: center; } #SmmPanelUS-About-Enterprise .ah-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(75,117,238,0.1); color: var(--Ent-Primary); font-weight: 700; font-size: 0.9rem; padding: 6px 16px; border-radius: 50px; margin-bottom: 25px; text-transform: uppercase; letter-spacing: 1px; } #SmmPanelUS-About-Enterprise h1 { font-size: 3rem; font-weight: 900; line-height: 1.1; color: var(--Ent-Text); margin-bottom: 20px; } #SmmPanelUS-About-Enterprise .text-blue { color: var(--Ent-Primary); } #SmmPanelUS-About-Enterprise .ah-desc { font-size: 1.15rem; line-height: 1.6; color: var(--Ent-Muted); margin-bottom: 30px; max-width: 600px; } #SmmPanelUS-About-Enterprise .ah-audience-box { background: rgba(75,117,238,0.05); border-left: 3px solid var(--Ent-Primary); padding: 15px 20px; border-radius: 0 12px 12px 0; margin-bottom: 40px; display: flex; gap: 15px; align-items: flex-start; max-width: 650px; } #SmmPanelUS-About-Enterprise .aab-icon { color: var(--Ent-Primary); font-size: 1.2rem; margin-top: 2px; } #SmmPanelUS-About-Enterprise .aab-text { font-size: 0.95rem; line-height: 1.5; color: var(--Ent-Text); } #SmmPanelUS-About-Enterprise .aab-text b { color: var(--Ent-Text); margin-right: 5px; } #SmmPanelUS-About-Enterprise .ah-stats { display: flex; gap: 30px; align-items: center; } #SmmPanelUS-About-Enterprise .stat-item { display: flex; flex-direction: column; } #SmmPanelUS-About-Enterprise .stat-item b { font-size: 1.8rem; font-weight: 800; color: var(--Ent-Text); line-height: 1; } #SmmPanelUS-About-Enterprise .stat-item span { font-size: 0.85rem; text-transform: uppercase; color: var(--Ent-Muted); font-weight: 600; margin-top: 5px; } #SmmPanelUS-About-Enterprise .stat-sep { width: 1px; height: 40px; background: var(--Ent-Border); } /* VISUAL (Abstract Globe) */ #SmmPanelUS-About-Enterprise .ah-visual { position: relative; height: 400px; display: flex; align-items: center; justify-content: center; } #SmmPanelUS-About-Enterprise .globe-graphic { position: relative; width: 300px; height: 300px; } /* 🎨 CORE SPHERE - CUSTOM LIGHT DESIGN (Fixed for Contrast) */ #SmmPanelUS-About-Enterprise .core-sphere { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 120px; height: 120px; border-radius: 50%; z-index: 2; /* Light Theme: 3D Ball with thick border */ background: radial-gradient(circle at 30% 30%, #4B75EE, #1d4ed8); border: 8px solid #FFFFFF; /* High contrast rim */ box-shadow: 0 25px 50px rgba(29, 78, 216, 0.4), /* Deep shadow */ inset 0 0 20px rgba(0,0,0,0.2); /* Internal depth */ } /* 🌙 DARK MODE SPHERE */ body.dark #SmmPanelUS-About-Enterprise .core-sphere, .theme-dark-active #SmmPanelUS-About-Enterprise .core-sphere { background: var(--Ent-Primary); border: none; box-shadow: 0 0 60px rgba(75,117,238,0.4); /* Neon Glow */ } #SmmPanelUS-About-Enterprise .orbit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* Light Theme: Darker orbit lines for visibility */ border: 1px solid #CBD5E1; border-radius: 50%; z-index: 1; } /* Dark Mode Orbit Override */ body.dark #SmmPanelUS-About-Enterprise .orbit, .theme-dark-active #SmmPanelUS-About-Enterprise .orbit { border-color: var(--Ent-Border); /* Subtle border */ } #SmmPanelUS-About-Enterprise .o1 { width: 200px; height: 200px; border-style: dashed; animation: spin 20s linear infinite; } #SmmPanelUS-About-Enterprise .o2 { width: 280px; height: 280px; opacity: 0.6; animation: spin-rev 30s linear infinite; } #SmmPanelUS-About-Enterprise .o3 { width: 360px; height: 360px; opacity: 0.3; } #SmmPanelUS-About-Enterprise .node { position: absolute; width: 40px; height: 40px; background: var(--Ent-Card-Bg); border: 1px solid var(--Ent-Border); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: var(--Ent-Text); z-index: 3; box-shadow: 0 10px 20px rgba(0,0,0,0.1); } #SmmPanelUS-About-Enterprise .n1 { top: 20px; right: 40px; animation: float 4s ease-in-out infinite; } #SmmPanelUS-About-Enterprise .n2 { bottom: 40px; left: 20px; animation: float 5s ease-in-out infinite 1s; } #SmmPanelUS-About-Enterprise .n3 { bottom: 80px; right: 0px; animation: float 6s ease-in-out infinite 2s; } @keyframes spin { 100% { transform: translate(-50%, -50%) rotate(360deg); } } @keyframes spin-rev { 100% { transform: translate(-50%, -50%) rotate(-360deg); } } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } /* GOVERNANCE */ #SmmPanelUS-About-Enterprise .gov-section { padding: 60px 0; } #SmmPanelUS-About-Enterprise .section-head { text-align: center; max-width: 700px; margin: 0 auto 50px auto; } #SmmPanelUS-About-Enterprise .section-head h2 { font-size: 2.2rem; font-weight: 800; color: var(--Ent-Text); margin-bottom: 15px; } #SmmPanelUS-About-Enterprise .section-head p { font-size: 1.1rem; color: var(--Ent-Muted); } #SmmPanelUS-About-Enterprise .gov-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } #SmmPanelUS-About-Enterprise .gov-card { background: var(--Ent-Card-Bg); border: 1px solid var(--Ent-Border); border-radius: 20px; padding: 40px; transition: 0.3s; height: 100%; display: flex; flex-direction: column; } #SmmPanelUS-About-Enterprise .gov-card:hover { transform: translateY(-5px); box-shadow: var(--Ent-Shadow); border-color: var(--Ent-Primary); } #SmmPanelUS-About-Enterprise .gc-icon { width: 50px; height: 50px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; margin-bottom: 25px; } #SmmPanelUS-About-Enterprise .gc-icon.primary { background: rgba(75,117,238,0.1); color: var(--Ent-Primary); } #SmmPanelUS-About-Enterprise .gc-icon.warning { background: rgba(245,158,11,0.1); color: #F59E0B; } #SmmPanelUS-About-Enterprise .gc-icon.success { background: rgba(16,185,129,0.1); color: #10B981; } #SmmPanelUS-About-Enterprise .gc-icon.dark { background: rgba(100,116,139,0.1); color: var(--Ent-Muted); } #SmmPanelUS-About-Enterprise .gov-card h3 { font-size: 1.4rem; font-weight: 700; color: var(--Ent-Text); margin-bottom: 15px; } #SmmPanelUS-About-Enterprise .gov-card p { font-size: 1rem; color: var(--Ent-Muted); line-height: 1.6; margin: 0; } /* LEGAL & CONTACT FOOTER */ #SmmPanelUS-About-Enterprise .compliance-footer { margin-top: 40px; } #SmmPanelUS-About-Enterprise .cf-wrapper { background: var(--Ent-Card-Bg); border: 1px solid var(--Ent-Border); border-radius: 24px; padding: 50px; display: flex; gap: 40px; box-shadow: var(--Ent-Shadow); align-items: stretch; } #SmmPanelUS-About-Enterprise .cf-divider { width: 1px; background: var(--Ent-Border); } #SmmPanelUS-About-Enterprise .cf-block { flex: 1; display: flex; gap: 20px; align-items: flex-start; } #SmmPanelUS-About-Enterprise .cf-icon { width: 50px; height: 50px; background: rgba(75,117,238,0.05); color: var(--Ent-Primary); border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; flex-shrink: 0; } #SmmPanelUS-About-Enterprise .cf-content h4 { margin: 0 0 10px 0; font-size: 1.2rem; font-weight: 700; color: var(--Ent-Text); } #SmmPanelUS-About-Enterprise .cf-content p { margin: 0 0 15px 0; font-size: 0.95rem; color: var(--Ent-Muted); line-height: 1.5; } #SmmPanelUS-About-Enterprise .btn-text-link { color: var(--Ent-Primary); font-weight: 700; text-decoration: none; font-size: 0.95rem; } #SmmPanelUS-About-Enterprise .btn-text-link:hover { text-decoration: underline; } #SmmPanelUS-About-Enterprise .email-link { font-family: monospace; background: rgba(75,117,238,0.1); color: var(--Ent-Primary); padding: 5px 10px; border-radius: 6px; font-weight: 600; text-decoration: none; font-size: 0.95rem; } /* RESPONSIVE */ @media (max-width: 991px) { #SmmPanelUS-About-Enterprise .ah-grid { grid-template-columns: 1fr; gap: 40px; } #SmmPanelUS-About-Enterprise h1 { font-size: 2.5rem; } #SmmPanelUS-About-Enterprise .ah-visual { height: 300px; order: -1; } #SmmPanelUS-About-Enterprise .gov-grid { grid-template-columns: 1fr; } #SmmPanelUS-About-Enterprise .cf-wrapper { flex-direction: column; gap: 40px; padding: 30px; } #SmmPanelUS-About-Enterprise .cf-divider { width: 100%; height: 1px; } #SmmPanelUS-About-Enterprise .cf-block { flex-direction: column; align-items: center; text-align: center; } }