:root{--about-cyan:#26f4ef;--about-blue:#4d7cff;--about-violet:#b85cff;--about-lime:#a9ff68}
.header nav a.active{color:#fff}
.about-hero{min-height:92vh;padding-top:150px;padding-bottom:90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}
.about-hero-copy h1{font:700 clamp(54px,6.8vw,92px)/.96 "Space Grotesk";letter-spacing:-.06em;margin:20px 0 24px;max-width:760px}.about-hero-copy h1 em,.story-copy h2 em,.section-head h2 em,.philosophy-copy h2 em,.timeline-section h2 em,.about-cta h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--about-cyan);text-shadow:0 0 36px rgba(38,244,239,.16)}
.about-hero-copy>p{max-width:650px;color:#a8b8cb;font-size:18px;line-height:1.8}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn.ghost{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);color:#e8f0f8}.about-stats{display:flex;gap:36px;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.about-stats div{display:grid;gap:3px}.about-stats strong{font:700 30px "Space Grotesk";color:#fff}.about-stats span{font-size:11px;color:#7f94aa;text-transform:uppercase;letter-spacing:.08em}
.about-hero-visual{height:620px;position:relative;display:grid;place-items:center;perspective:1200px;transform-style:preserve-3d;transition:transform .15s ease}.about-hero-visual:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(38,244,239,.14),transparent 68%);filter:blur(18px);animation:aboutPulse 4s ease-in-out infinite}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(111,147,196,.3);border-radius:50%;transform-style:preserve-3d}.orbit span{position:absolute;padding:8px 13px;border:1px solid rgba(255,255,255,.13);background:rgba(5,12,25,.9);backdrop-filter:blur(12px);border-radius:999px;font:700 9px "Space Grotesk";letter-spacing:.1em;color:var(--about-cyan);box-shadow:0 0 24px rgba(38,244,239,.12)}.o1{width:92%;height:42%;transform:translate(-50%,-50%) rotate(-12deg);animation:orbit1 15s linear infinite}.o1 span{left:16%;top:-17px}.o2{width:54%;height:88%;transform:translate(-50%,-50%) rotate(27deg);animation:orbit2 18s linear infinite reverse}.o2 span{right:-28px;top:42%;color:#c69cff}.o3{width:98%;height:74%;transform:translate(-50%,-50%) rotate(72deg);animation:orbit3 22s linear infinite}.o3 span{left:48%;bottom:-17px;color:var(--about-lime)}
.float-chip{position:absolute;z-index:5;padding:14px 17px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(18,35,58,.9),rgba(5,12,24,.84));box-shadow:0 20px 50px rgba(0,0,0,.35);backdrop-filter:blur(12px);display:grid;gap:2px;animation:chipFloat 5s ease-in-out infinite}.float-chip b{font:700 15px "Space Grotesk";color:#fff}.float-chip small{font-size:10px;color:#8297ad}.chip-one{left:1%;top:16%}.chip-two{right:-1%;top:44%;animation-delay:-1.7s}.chip-three{left:8%;bottom:13%;animation-delay:-3s}
.story-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.story-visual{min-height:520px;position:relative;display:grid;place-items:center}.story-core{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;gap:4px;background:radial-gradient(circle at 40% 30%,rgba(38,244,239,.18),rgba(5,14,27,.94) 70%);border:1px solid rgba(38,244,239,.34);box-shadow:0 0 80px rgba(38,244,239,.12);animation:coreFloat 6s ease-in-out infinite}.story-core span{font:700 11px "Space Grotesk";color:var(--about-cyan)}.story-core strong{font:700 28px "Space Grotesk"}.story-core small{color:#8196aa;font-size:10px;max-width:130px}.story-ring{position:absolute;border:1px solid rgba(77,124,255,.25);border-radius:50%;animation:haloSpin 14s linear infinite}.ring-a{width:370px;height:370px;transform:rotateX(68deg)}.ring-b{width:310px;height:310px;transform:rotateY(68deg);border-color:rgba(184,92,255,.3);animation-duration:18s;animation-direction:reverse}.story-line{position:absolute;width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--about-cyan),transparent);filter:drop-shadow(0 0 8px var(--about-cyan));animation:linePulse 2.6s ease-in-out infinite}.l1{top:20%;left:18%;transform:rotate(25deg)}.l2{right:10%;top:36%;transform:rotate(-18deg);animation-delay:-.8s}.l3{bottom:18%;left:28%;transform:rotate(-12deg);animation-delay:-1.4s}.story-copy h2,.section-head h2,.philosophy-copy h2,.timeline-section h2{font:700 clamp(40px,5vw,65px)/1 "Space Grotesk";letter-spacing:-.045em;margin:18px 0}.story-copy>p,.philosophy-copy>p,.section-head>p{color:#9fb1c7;font-size:16px;line-height:1.8}.story-points{display:grid;gap:14px;margin-top:30px}.story-points div{display:grid;grid-template-columns:38px 1fr;column-gap:12px}.story-points b{grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(38,244,239,.1);border:1px solid rgba(38,244,239,.35);color:var(--about-cyan);font-size:10px}.story-points span{font-weight:700}.story-points small{color:#8296ab;font-size:12px}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.principle-card{min-height:340px;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(145deg,rgba(15,29,48,.82),rgba(5,12,23,.75));position:relative;overflow:hidden;transition:.35s ease;transform-style:preserve-3d}.principle-card:hover{transform:translateY(-8px) rotateX(2deg);border-color:rgba(38,244,239,.34);box-shadow:0 30px 80px rgba(0,0,0,.35)}.card-number{color:#647a92;font-size:11px}.card-icon{width:64px;height:64px;border-radius:18px;margin:42px 0 28px;display:grid;place-items:center;font-size:30px;color:var(--about-cyan);background:rgba(38,244,239,.05);border:1px solid rgba(38,244,239,.2);box-shadow:0 0 35px rgba(38,244,239,.06)}.principle-card:nth-child(2) .card-icon{color:#bb8cff}.principle-card:nth-child(3) .card-icon{color:#79a0ff}.principle-card:nth-child(4) .card-icon{color:var(--about-lime)}.principle-card h3{font-size:24px;margin-bottom:12px}.principle-card p{color:#93a7bb;font-size:13px;line-height:1.7}.card-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--about-cyan),transparent);opacity:.5}
.philosophy{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.standards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.standards div{padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);color:var(--about-cyan);font-size:12px}.standards b{color:#dbe7f2;margin-left:7px}.philosophy-visual{height:460px;position:relative;display:grid;place-items:center}.metric-orb{width:250px;height:250px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:3px;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.12),rgba(77,124,255,.16) 34%,rgba(4,10,21,.96) 70%);border:1px solid rgba(77,124,255,.35);box-shadow:0 0 80px rgba(77,124,255,.14);animation:coreFloat 6s ease-in-out infinite}.metric-orb strong{font:700 55px "Space Grotesk"}.metric-orb span{font-size:10px;color:#8ea2b8;text-transform:uppercase;letter-spacing:.12em}.metric-ring{position:absolute;width:310px;height:310px;border-radius:50%;border:1px dashed rgba(38,244,239,.35);animation:haloSpin 15s linear infinite}.metric-card{position:absolute;padding:15px 18px;display:grid;gap:2px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(8,17,31,.88);box-shadow:0 18px 40px rgba(0,0,0,.3);animation:chipFloat 5s ease-in-out infinite}.metric-card b{font:700 15px "Space Grotesk"}.metric-card span{font-size:10px;color:#7e93aa}.mc1{left:5%;top:16%;color:var(--about-cyan)}.mc2{right:3%;top:43%;color:#c397ff;animation-delay:-1.5s}.mc3{left:16%;bottom:10%;color:var(--about-lime);animation-delay:-2.8s}
.timeline{position:relative;margin-top:10px}.timeline:before{content:"";position:absolute;left:34px;top:0;bottom:0;width:1px;background:linear-gradient(var(--about-cyan),rgba(38,244,239,.05))}.timeline-item{display:grid;grid-template-columns:70px 1fr;gap:28px;padding:34px 0;border-top:1px solid rgba(255,255,255,.08);position:relative}.timeline-item:last-child{border-bottom:1px solid rgba(255,255,255,.08)}.timeline-item>span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#071221;border:1px solid rgba(38,244,239,.3);color:var(--about-cyan);font:700 13px "Space Grotesk";position:relative;z-index:2;box-shadow:0 0 25px rgba(38,244,239,.08)}.timeline-item h3{font-size:28px;margin:8px 0 8px}.timeline-item p{margin:0;color:#8ea2b8;max-width:700px}.about-cta .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.about-cta h2{font:700 clamp(38px,5vw,62px) "Space Grotesk";letter-spacing:-.045em;margin:16px 0 0}
@keyframes aboutPulse{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes coreFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(-1deg) scale(1)}50%{transform:translateY(-9px) rotate(1deg) scale(1.03)}}@keyframes haloSpin{to{transform:rotate(360deg)}}@keyframes orbit1{to{transform:translate(-50%,-50%) rotate(348deg)}}@keyframes orbit2{to{transform:translate(-50%,-50%) rotate(-333deg)}}@keyframes orbit3{to{transform:translate(-50%,-50%) rotate(433deg)}}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes linePulse{0%,100%{opacity:.2}50%{opacity:1}}
@media(max-width:1050px){.about-hero,.story-section,.philosophy{grid-template-columns:1fr}.about-hero{padding-top:130px}.about-hero-visual{height:560px}.principle-grid{grid-template-columns:repeat(2,1fr)}.story-visual{order:2}.story-copy{order:1}.philosophy-visual{margin-top:20px}}
@media(max-width:680px){.about-hero{min-height:auto;padding-top:120px;padding-bottom:60px}.about-hero-copy h1{font-size:52px}.about-hero-copy>p{font-size:16px}.about-stats{gap:18px;flex-wrap:wrap}.about-stats strong{font-size:24px}.about-hero-visual{height:470px;transform:scale(.82)}.float-chip{font-size:11px}.chip-one{left:-4%}.chip-two{right:-7%}.chip-three{left:3%;bottom:7%}.story-section,.philosophy{gap:35px}.story-visual{min-height:390px;transform:scale(.8)}.principle-grid{grid-template-columns:1fr}.standards{grid-template-columns:1fr}.philosophy-visual{height:390px;transform:scale(.84)}.timeline-item{grid-template-columns:58px 1fr;gap:18px}.timeline:before{left:28px}.timeline-item>span{width:58px;height:58px}.about-cta .container{flex-direction:column;align-items:flex-start}.about-cta h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){.about-hero-visual,.center-halo,.center-orbit,.orbit,.float-chip,.story-core,.story-ring,.metric-orb,.metric-ring,.metric-card,.about-hero-visual:before{animation:none!important}.about-hero-visual{transform:none!important}}

/* SEOABHII WhatsApp CTA */
.nav-whatsapp,.footer-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;border-radius:999px;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}
.nav-whatsapp{padding:11px 16px;background:linear-gradient(135deg,#25D366,#69f59a);color:#04120a!important;box-shadow:0 10px 28px rgba(37,211,102,.22);margin-left:4px}
.nav-whatsapp:hover,.footer-whatsapp:hover{transform:translateY(-3px);filter:brightness(1.06);box-shadow:0 16px 34px rgba(37,211,102,.32)}
.footer-whatsapp{padding:12px 18px;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.38);color:#7dffa9!important;margin:18px 0}
@media(max-width:900px){.nav-whatsapp{margin:8px 0 0}.footer-whatsapp{width:max-content}}

/* SEOABHII navbar: static logo */
.header .logo img, .nav .logo img, header .logo img { animation:none !important; transform:none !important; }
.header .logo, .nav .logo { animation:none !important; transform:none !important; }
.header .logo::before, .header .logo::after, .nav .logo::before, .nav .logo::after { animation:none !important; }


/* Logo removed from About and Services pages */


.about-center-visual{position:relative;width:270px;height:270px;border-radius:50%;display:grid;place-items:center;z-index:3;background:radial-gradient(circle,rgba(38,244,239,.10),rgba(2,7,16,.92) 68%);border:1px solid rgba(38,244,239,.28);box-shadow:0 0 90px rgba(38,244,239,.12),inset 0 0 50px rgba(77,124,255,.12);animation:coreFloat 5s ease-in-out infinite}.center-halo{position:absolute;inset:-18px;border:1px solid rgba(184,92,255,.30);border-radius:50%;animation:haloSpin 12s linear infinite}.center-orbit{position:absolute;width:180px;height:70px;border:1px solid rgba(38,244,239,.32);border-radius:50%;transform:rotateX(68deg);animation:haloSpin 8s linear infinite}.center-dot{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,rgba(38,244,239,.8) 22%,rgba(77,124,255,.45) 55%,rgba(2,7,16,.95) 72%);box-shadow:0 0 45px rgba(38,244,239,.28)}
@media(max-width:680px){.about-center-visual{width:220px;height:220px}}


/* Premium replacement for the removed About-page center logo */
.growth-hub{position:relative;width:360px;height:360px;display:grid;place-items:center;filter:drop-shadow(0 0 45px rgba(38,244,239,.12))}
.growth-ring{position:absolute;border-radius:50%;border:1px solid rgba(38,244,239,.25);transform-style:preserve-3d}
.gr-a{width:310px;height:150px;transform:rotateX(68deg);animation:hubSpin 12s linear infinite}
.gr-b{width:230px;height:230px;border-style:dashed;border-color:rgba(187,140,255,.28);animation:hubSpinReverse 16s linear infinite}
.growth-core{width:178px;height:178px;border-radius:50%;display:grid;place-items:center;align-content:center;gap:2px;text-align:center;background:radial-gradient(circle at 35% 25%,rgba(38,244,239,.28),rgba(77,124,255,.16) 35%,rgba(4,11,23,.96) 72%);border:1px solid rgba(38,244,239,.5);box-shadow:inset 0 0 35px rgba(38,244,239,.08),0 0 70px rgba(38,244,239,.18);animation:hubFloat 5s ease-in-out infinite;z-index:3}
.growth-core span{font:700 34px "Space Grotesk";color:#fff}.growth-core strong{font:800 17px "Space Grotesk";letter-spacing:.12em;color:var(--about-cyan)}.growth-core small{font-size:7px;letter-spacing:.18em;color:#8196aa}.hub-card{position:absolute;z-index:4;padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(5,13,25,.9);backdrop-filter:blur(12px);box-shadow:0 16px 35px rgba(0,0,0,.35);display:grid;gap:2px;animation:hubCardFloat 4.5s ease-in-out infinite}.hub-card b{font:700 16px "Space Grotesk"}.hub-card small{font-size:8px;color:#8195aa}.hub-traffic{left:-2%;top:14%;color:var(--about-cyan)}.hub-leads{right:-3%;top:47%;color:#b991ff;animation-delay:-1.4s}.hub-roas{left:10%;bottom:4%;color:var(--about-lime);animation-delay:-2.5s}.hub-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 18px currentColor;z-index:2}.hd1{top:11%;right:24%;color:var(--about-cyan);animation:dotPulse 2s infinite}.hd2{bottom:19%;right:13%;color:#bb8cff;animation:dotPulse 2s .7s infinite}.hd3{top:30%;left:8%;color:var(--about-lime);animation:dotPulse 2s 1.2s infinite}
@keyframes hubSpin{to{transform:rotateX(68deg) rotateZ(360deg)}}@keyframes hubSpinReverse{to{transform:rotateZ(-360deg)}}@keyframes hubFloat{50%{transform:translateY(-9px) rotateY(4deg)}}@keyframes hubCardFloat{50%{transform:translateY(-7px)}}@keyframes dotPulse{50%{transform:scale(1.7);opacity:.55}}
@media(max-width:640px){.growth-hub{width:310px;height:310px}.growth-core{width:150px;height:150px}.growth-core span{font-size:29px}.gr-a{width:270px}.gr-b{width:205px}.hub-card{transform:scale(.88)}.hub-traffic{left:-4%}.hub-leads{right:-6%}}