/* ── Base styles ── */     *, *::before, *::after { box-sizing: border-box; }     html { scroll-behavior: smooth; }     body {       background-color: #07060f;       color: #e2dff5;       font-family: 'DM Sans', sans-serif;       -webkit-font-smoothing: antialiased;       overflow-x: hidden;     }     /* ── Gradient text utility ── */     .text-gradient {       background: linear-gradient(90deg, #a855f7, #14b8a6);       -webkit-background-clip: text;       -webkit-text-fill-color: transparent;       background-clip: text;     }     /* ── Promote (green pill) button ── */     .btn-promote {       display: inline-flex;       align-items: center;       gap: 6px;       background: linear-gradient(90deg, #22c55e, #16a34a);       color: #fff;       font-family: 'Outfit', sans-serif;       font-weight: 600;       font-size: 0.9rem;       padding: 0.55rem 1.4rem;       border-radius: 9999px;       border: none;       cursor: pointer;       transition: opacity 0.2s, transform 0.2s;       text-decoration: none;     }     .btn-promote:hover { opacity: 0.9; transform: translateY(-1px); }     /* ── Sign up button ── */     .btn-signup {       display: inline-flex;       align-items: center;       background: linear-gradient(90deg, #7c3aed, #a855f7);       color: #fff;       font-family: 'Outfit', sans-serif;       font-weight: 600;       font-size: 0.85rem;       padding: 0.45rem 1.1rem;       border-radius: 9999px;       border: none;       cursor: pointer;       transition: opacity 0.2s;       text-decoration: none;     }     .btn-signup:hover { opacity: 0.9; }     /* ── Glassy card ── */     .glass-card {       background: rgba(22, 19, 42, 0.85);       border: 1px solid rgba(42, 36, 80, 0.8);       backdrop-filter: blur(6px);       border-radius: 1rem;     }     /* ── Animated orb background decorations ── */     .orb {       position: absolute;       border-radius: 50%;       filter: blur(70px);       pointer-events: none;       opacity: 0.35;     }     /* ── Scroll-reveal: elements start hidden ── */     .reveal { opacity: 0; transform: translateY(28px); transition: opacity 0.55s ease, transform 0.55s ease; }     .reveal.visible { opacity: 1; transform: translateY(0); }     /* ── Nav link hover bar ── */     .nav-link { position: relative; }     .nav-link::after {       content: '';       position: absolute;       bottom: -3px; left: 0;       width: 0; height: 2px;       background: linear-gradient(90deg, #7c3aed, #14b8a6);       transition: width 0.25s;     }     .nav-link:hover::after { width: 100%; }     /* ── Mobile menu transition ── */     #mobile-menu {       max-height: 0;       overflow: hidden;       transition: max-height 0.35s ease;     }     #mobile-menu.open { max-height: 400px; }     /* ── Testimonial card subtle inner glow ── */     .testimonial-card {       background: linear-gradient(145deg, rgba(22,19,42,0.9), rgba(13,12,26,0.95));       border: 1px solid rgba(124,58,237,0.2);       border-radius: 1rem;     }     /* ── Team card ── */     .team-card {       background: rgba(17,15,30,0.9);       border: 1px solid rgba(42,36,80,0.9);       border-radius: 1rem;     }     /* ── Brand tab active state ── */     .brand-tab.active {       background: rgba(124,58,237,0.15);       border-color: rgba(124,58,237,0.6);       color: #fff;     }     /* ── Currency/lang badge ── */     .badge {       display: inline-block;       font-size: 0.6rem;       font-weight: 700;       padding: 2px 6px;       border-radius: 4px;       background: rgba(124,58,237,0.25);       border: 1px solid rgba(124,58,237,0.4);       color: #c4b5fd;       letter-spacing: 0.03em;     }     /* ── Stat number glow ── */     .stat-num { text-shadow: 0 0 20px rgba(168,85,247,0.5); } #about .glass-card h2 {   font-family: 'Outfit', sans-serif;   font-size: 1.25rem;   font-weight: 700;   color: #e2dff5;   margin-top: 1.75rem;   margin-bottom: 0.75rem;   padding-bottom: 0.4rem;   border-bottom: 1px solid rgba(42, 36, 80, 0.6); } #about .glass-card h3 {   font-family: 'Outfit', sans-serif;   font-size: 1.05rem;   font-weight: 600;   color: #c4b5fd;   margin-top: 1.5rem;   margin-bottom: 0.5rem; } #about .glass-card p {   font-size: 0.9rem;   line-height: 1.75;   color: #8b85b0;   margin-bottom: 1rem; } #about .glass-card ul, #about .glass-card ol {   margin: 0.75rem 0 1.25rem 0;   padding-left: 1.5rem;   display: flex;   flex-direction: column;   gap: 0.5rem; } #about .glass-card ul {   list-style: none;   padding-left: 0; } #about .glass-card ul li {   position: relative;   padding-left: 1.25rem;   font-size: 0.875rem;   line-height: 1.65;   color: #8b85b0; } #about .glass-card ul li::before {   content: '';   position: absolute;   left: 0;   top: 0.55em;   width: 6px;   height: 6px;   border-radius: 50%;   background: linear-gradient(135deg, #a855f7, #14b8a6); } #about .glass-card ol {   list-style: decimal; } #about .glass-card ol li {   font-size: 0.875rem;   line-height: 1.65;   color: #8b85b0;   padding-left: 0.25rem; } #about .glass-card li strong, #about .glass-card p strong {   color: #e2dff5;   font-weight: 600; } #about .glass-card ol li::marker {   color: #7c3aed;   font-weight: 700; }