.about-hero{position:relative;min-height:430px;display:flex;align-items:center;justify-content:center;padding:140px 0 70px;text-align:center;overflow:hidden;background:radial-gradient(circle at 52% 18%,rgba(59,130,246,.16),transparent 60%),linear-gradient(180deg,#fff,#f8fafc 55%,#edf2f7)}.about-hero .hero-backdrop{display:none}[data-theme=dark] .about-hero{background:radial-gradient(circle at 35% 38%,rgba(59,130,246,.25),transparent 65%),linear-gradient(120deg,var(--surface) 0%,var(--surface-alt, #0f172a) 100%);mask-image:radial-gradient(circle at 50% 50%,#000000e6,#0000008c)}[data-theme=dark] .about-hero .hero-backdrop{display:block;position:absolute;inset:0;background:radial-gradient(circle at 70% 60%,rgba(255,255,255,.1),transparent 60%)}.about-hero .hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px}.about-hero h1{font-size:clamp(2.2rem,5vw,3.2rem);margin:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;color:transparent;letter-spacing:-.5px}.about-hero .hero-icon{width:84px;height:84px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3b82f61a,#3b82f608);border:1px solid rgba(59,130,246,.28);border-radius:24px;backdrop-filter:blur(8px);box-shadow:0 8px 24px -8px #3b82f647,0 3px 10px -4px #0f172a33}.about-hero .hero-icon svg{color:var(--accent);width:60px;height:60px;stroke-width:2.2}[data-theme=dark] .about-hero .hero-icon svg{color:var(--accent-2)}.about-hero .hero-icon .hero-lucide{width:60px;height:60px;color:var(--accent)}[data-theme=dark] .about-hero .hero-icon .hero-lucide{color:var(--accent-2)}[data-theme=dark] .about-hero .hero-icon{background:linear-gradient(145deg,#3b82f640,#3b82f614);border-color:#3b82f659;box-shadow:0 10px 32px -8px #3b82f659,0 4px 14px -4px #0f172a66}.about-hero .tagline{font-size:clamp(1.05rem,1.6vw,1.25rem);margin:0}.about-hero .tagline span{display:inline-block;padding:10px 22px;border-radius:14px;background:#ffffffe6;backdrop-filter:blur(4px);color:#0f172a;font-weight:500;box-shadow:0 2px 6px #00000014,0 8px 28px -10px #00000026}[data-theme=dark] .about-hero .tagline span{background:#0f172a8c;color:#e2e8f0;box-shadow:0 4px 22px -6px #0009}.about-hero .hero-stats{list-style:none;display:flex;gap:18px;padding:0;margin:6px 0 0;flex-wrap:wrap;justify-content:center}.about-hero .hero-stats li{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 16px 12px;background:#ffffffe0;backdrop-filter:blur(6px);border:1px solid rgba(0,0,0,.05);border-radius:16px;font-size:.75rem;letter-spacing:.5px;text-transform:uppercase;font-weight:600;color:#0f172a;min-width:110px;box-shadow:0 2px 4px #0000000f,0 6px 18px -8px #0000002e}.about-hero .hero-stats li strong{font-size:1.05rem;font-weight:700;letter-spacing:0}[data-theme=dark] .about-hero .hero-stats li{background:#0f172a8c;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;box-shadow:0 6px 22px -10px #0000008c}.about-hero .hero-stats li:hover{transform:translateY(-4px);transition:transform .25s ease}.about-hero .hero-stats li:active{transform:translateY(-1px)}.story{padding:40px 0 100px;max-width:850px}.story h2{margin-top:48px;font-size:1.75rem}.story h2:first-of-type{margin-top:0}.story p{line-height:1.65;margin:18px 0}.story ul.reasons{list-style:none;padding:0;margin:28px 0 40px;display:grid;gap:14px}.story ul.reasons li{background:var(--muted-bg, rgba(0, 0, 0, .04));padding:12px 14px;border-radius:10px}[data-theme=dark] .story ul.reasons li{background:#ffffff0f}.cta-link{display:inline-block;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;padding:10px 18px;border-radius:10px;text-decoration:none;font-weight:600;box-shadow:0 6px 20px -6px #3b82f68c;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.cta-link:hover{transform:translateY(-3px);filter:brightness(1.05);box-shadow:0 10px 28px -4px #3b82f699}.cta-link:active{transform:translateY(0)}@media (max-width: 780px){.story{padding:32px 20px 80px}.about-hero{padding:120px 18px 58px;min-height:0}.about-hero .hero-icon{width:72px;height:72px}.about-hero .hero-stats{gap:10px}.about-hero .hero-stats li{min-width:100px;padding:8px 14px 10px}.about-hero .tagline span{padding:8px 16px}}