.vpp-page-about{background:#010307}
.vpp-page-about .app-shell{background:#010307}
.about-page{width:min(var(--max-width),calc(100% - 28px));margin:0 auto;padding:34px 0 60px;display:grid;gap:18px;position:relative;z-index:1}
.vpp-page-about .about-page::before{content:"";position:fixed;inset:0;background:#010307;z-index:-2}
.vpp-page-about .about-page::after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 14% 18%,rgba(20,138,91,.12),transparent 30%),radial-gradient(circle at 84% 12%,rgba(242,184,75,.08),transparent 28%);z-index:-1;pointer-events:none}
.vpp-page-about .site-footer{position:relative;z-index:3;margin-top:40px}
.about-hero,.about-section,.about-cta{background:var(--dark-card);border:1px solid var(--dark-line);border-radius:var(--radius);box-shadow:0 18px 40px rgba(0,0,0,.2)}
.about-hero{padding:clamp(24px,5vw,44px);display:grid;gap:16px;align-items:center;grid-template-columns:1.1fr .9fr;background:radial-gradient(circle at 88% 14%,rgba(242,184,75,.2),transparent 38%),radial-gradient(circle at 8% 22%,rgba(20,138,91,.3),transparent 38%),linear-gradient(132deg,#0b1b15 0%,#0f2a1f 58%,#171e26 100%)}
.about-hero h1{margin:0;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.08}
.about-hero p{margin:12px 0 0;max-width:760px;color:var(--dark-muted);line-height:1.6}
.about-hero .button{margin-top:18px}
.about-hero-visual{margin:0;border-radius:var(--radius);background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(7,20,15,.25));border:1px solid rgba(255,255,255,.2)}
.about-hero-visual img{width:100%;height:clamp(220px,38vw,360px);object-fit:contain;padding:14px}
.about-stats{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}
.about-stats article{padding:14px;border-radius:var(--radius);border:1px solid var(--dark-line);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(15,33,25,.55));text-align:center}
.about-stats h2{margin:0;font-size:clamp(1.2rem,2vw,1.6rem)}
.about-stats p{margin:6px 0 0;color:var(--dark-muted);font-size:.9rem}
.about-section{padding:clamp(20px,3.2vw,28px)}
.about-split{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.about-pane{padding:16px;border-radius:var(--radius);border:1px solid var(--dark-line);background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(17,38,29,.5))}
.about-section h2{margin:0;font-size:clamp(1.3rem,2.8vw,1.85rem)}
.about-section p{margin:10px 0 0;color:var(--dark-muted);line-height:1.65}
.about-grid{margin-top:16px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.about-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.about-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.about-card{min-height:100%;padding:16px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(17,38,29,.5));border:1px solid var(--dark-line);border-radius:var(--radius);transition:transform 220ms ease,border-color 220ms ease}
.about-card:hover{transform:translateY(-3px);border-color:rgba(242,184,75,.5)}
.about-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;border-radius:var(--radius);background:rgba(255,255,255,.08)}
.about-icon svg{width:20px;height:20px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.about-card h3{margin:0;font-size:1.02rem}
.about-card p{margin-top:8px;font-size:.95rem}
.about-card.rich{display:grid;grid-template-rows:150px auto auto}
.about-card.rich img{width:100%;height:150px;object-fit:contain;border-radius:var(--radius);background:rgba(255,255,255,.88)}
.about-platform{display:grid;gap:16px;align-items:center;grid-template-columns:1.1fr .9fr}
.about-platform-visual{margin:0;padding:16px;border-radius:var(--radius);border:1px solid var(--dark-line);background:linear-gradient(152deg,rgba(255,255,255,.08),rgba(13,31,23,.6))}
.about-platform-visual img{width:100%;max-width:290px;margin:0 auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.25))}
.platform-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:9px;grid-template-columns:repeat(2,minmax(0,1fr))}
.platform-list li{display:flex;align-items:flex-start;gap:8px;color:var(--dark-muted)}
.platform-list li::before{content:"";width:8px;height:8px;margin-top:8px;border-radius:99px;background:var(--primary);flex:0 0 auto}
.about-cta{padding:clamp(22px,4vw,36px);text-align:center;background:radial-gradient(circle at 50% 4%,rgba(20,138,91,.34),transparent 46%),linear-gradient(142deg,#0b1b15 0%,#122b21 55%,#1b232c 100%)}
.about-cta h2{margin:0;font-size:clamp(1.55rem,3.5vw,2.2rem)}
.about-cta p{margin:10px auto 0;max-width:620px;color:var(--dark-muted)}
.about-cta .button{margin-top:18px}
.reveal{opacity:0;transform:translateY(10px);animation:revealUp 560ms ease forwards}
.reveal.delay-1{animation-delay:100ms}
.reveal.delay-2{animation-delay:180ms}
@keyframes revealUp{to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;animation:none}}
@media (max-width:980px){.about-hero,.about-platform{grid-template-columns:1fr}.about-stats,.about-grid,.about-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.about-page{padding-top:18px;gap:14px}.about-grid,.about-grid.three,.about-grid.two,.about-stats,.about-split,.platform-list{grid-template-columns:1fr}.about-hero .button,.about-cta .button{width:100%}}