/* Hero */
 .about-hero {
     padding: 140px 0 80px;
     position: relative;
     overflow: hidden;
 }

 .about-hero .hero-bg {
     position: absolute;
     inset: 0;
     pointer-events: none;
 }

 .about-hero .hero-orb {
     position: absolute;
     border-radius: 50%;
     filter: blur(80px);
     opacity: .45;
 }

 .about-hero .orb-1 {
     width: 600px;
     height: 600px;
     background: radial-gradient(circle, #6366f1 0%, transparent 70%);
     top: -200px;
     left: -150px;
 }

 .about-hero .orb-2 {
     width: 500px;
     height: 500px;
     background: radial-gradient(circle, #8b5cf6 0%, transparent 70%);
     top: -100px;
     right: -100px;
 }

 .about-hero .orb-3 {
     width: 300px;
     height: 300px;
     background: radial-gradient(circle, #06b6d4 0%, transparent 70%);
     bottom: 0;
     left: 50%;
 }

 .about-badge {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     background: rgba(99, 102, 241, .12);
     border: 1px solid rgba(99, 102, 241, .28);
     border-radius: 99px;
     padding: 5px 14px;
     font-size: .72rem;
     font-weight: 600;
     color: #a5b4fc;
     letter-spacing: .06em;
     text-transform: uppercase;
     margin-bottom: 20px;
 }

 .about-hero-title {
     font-size: clamp(2.2rem, 5vw, 3.6rem);
     font-weight: 900;
     line-height: 1.1;
     letter-spacing: -.04em;
     color: #f1f5f9;
     margin-bottom: 20px;
 }

 .about-hero-title .grad {
     background: linear-gradient(135deg, #818cf8, #c084fc 50%, #67e8f9);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
 }

 .about-hero-sub {
     font-size: clamp(.95rem, 2vw, 1.15rem);
     color: rgba(255, 255, 255, .55);
     line-height: 1.7;
     max-width: 580px;
 }

 [data-theme="light"] .about-hero-title {
     color: #0f172a;
 }

 [data-theme="light"] .about-hero-sub {
     color: #475569;
 }

 /* Section shared */
 .about-section {
     padding: 80px 0;
 }

 .about-section-tinted {
     padding: 80px 0;
     background: rgba(255, 255, 255, .02);
     border-top: 1px solid rgba(255, 255, 255, .06);
     border-bottom: 1px solid rgba(255, 255, 255, .06);
 }

 [data-theme="light"] .about-section-tinted {
     background: rgba(99, 102, 241, .025);
     border-color: #e2e8f0;
 }

 .section-eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     background: rgba(99, 102, 241, .1);
     border: 1px solid rgba(99, 102, 241, .22);
     border-radius: 99px;
     padding: 4px 12px;
     font-size: .7rem;
     font-weight: 700;
     color: #a5b4fc;
     letter-spacing: .06em;
     text-transform: uppercase;
     margin-bottom: 16px;
 }

 [data-theme="light"] .section-eyebrow {
     color: #6366f1;
 }

 .section-heading {
     font-size: clamp(1.6rem, 3.5vw, 2.4rem);
     font-weight: 800;
     letter-spacing: -.04em;
     color: #f1f5f9;
     line-height: 1.2;
     margin-bottom: 14px;
 }

 [data-theme="light"] .section-heading {
     color: #0f172a;
 }

 .section-lead {
     font-size: 1rem;
     color: rgba(255, 255, 255, .5);
     line-height: 1.75;
     max-width: 540px;
 }

 [data-theme="light"] .section-lead {
     color: #475569;
 }

 /* Problem cards */
 .problem-card {
     background: rgba(239, 68, 68, .06);
     border: 1px solid rgba(239, 68, 68, .15);
     border-radius: 16px;
     padding: 28px;
     height: 100%;
     transition: transform .25s, box-shadow .25s;
 }

 .problem-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 12px 32px rgba(239, 68, 68, .1);
 }

 .problem-icon {
     width: 44px;
     height: 44px;
     border-radius: 12px;
     background: rgba(239, 68, 68, .12);
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.1rem;
     color: #f87171;
     margin-bottom: 16px;
 }

 .problem-card h4 {
     font-size: .95rem;
     font-weight: 700;
     color: #f1f5f9;
     margin-bottom: 8px;
 }

 .problem-card p {
     font-size: .875rem;
     color: rgba(255, 255, 255, .5);
     line-height: 1.65;
     margin: 0;
 }

 [data-theme="light"] .problem-card h4 {
     color: #0f172a;
 }

 [data-theme="light"] .problem-card p {
     color: #64748b;
 }

 /* Solution cards */
 .solution-card {
     background: rgba(255, 255, 255, .04);
     border: 1px solid rgba(255, 255, 255, .08);
     border-radius: 16px;
     padding: 28px;
     height: 100%;
     transition: transform .25s, border-color .25s, box-shadow .25s;
 }

 .solution-card:hover {
     transform: translateY(-4px);
     border-color: rgba(99, 102, 241, .3);
     box-shadow: 0 12px 32px rgba(99, 102, 241, .08);
 }

 [data-theme="light"] .solution-card {
     background: #fff;
     border-color: #e2e8f0;
 }

 [data-theme="light"] .solution-card:hover {
     border-color: #a5b4fc;
     box-shadow: 0 8px 24px rgba(99, 102, 241, .1);
 }

 .solution-icon {
     width: 44px;
     height: 44px;
     border-radius: 12px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.1rem;
     margin-bottom: 16px;
 }

 .si-indigo {
     background: rgba(99, 102, 241, .15);
     color: #818cf8;
 }

 .si-purple {
     background: rgba(139, 92, 246, .15);
     color: #c084fc;
 }

 .si-green {
     background: rgba(34, 197, 94, .12);
     color: #4ade80;
 }

 .si-cyan {
     background: rgba(6, 182, 212, .12);
     color: #22d3ee;
 }

 .si-yellow {
     background: rgba(251, 191, 36, .12);
     color: #fbbf24;
 }

 .si-pink {
     background: rgba(236, 72, 153, .12);
     color: #f472b6;
 }

 .solution-card h4 {
     font-size: .95rem;
     font-weight: 700;
     color: #f1f5f9;
     margin-bottom: 8px;
 }

 .solution-card p {
     font-size: .875rem;
     color: rgba(255, 255, 255, .5);
     line-height: 1.65;
     margin: 0;
 }

 [data-theme="light"] .solution-card h4 {
     color: #0f172a;
 }

 [data-theme="light"] .solution-card p {
     color: #64748b;
 }

 /* Timeline */
 .timeline {
     position: relative;
     padding-left: 32px;
 }

 .timeline::before {
     content: '';
     position: absolute;
     left: 10px;
     top: 8px;
     bottom: 8px;
     width: 2px;
     background: linear-gradient(to bottom, #6366f1, #8b5cf6, #06b6d4);
     border-radius: 2px;
     opacity: .35;
 }

 .tl-item {
     position: relative;
     margin-bottom: 44px;
 }

 .tl-item:last-child {
     margin-bottom: 0;
 }

 .tl-dot {
     position: absolute;
     left: -36px;
     top: 4px;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     background: linear-gradient(135deg, #6366f1, #8b5cf6);
     border: 3px solid #0f172a;
     box-shadow: 0 0 0 3px rgba(99, 102, 241, .25);
     display: flex;
     align-items: center;
     justify-content: center;
 }

 [data-theme="light"] .tl-dot {
     border-color: #f8fafc;
 }

 .tl-dot i {
     font-size: .5rem;
     color: #fff;
 }

 .tl-year {
     font-size: .72rem;
     font-weight: 700;
     letter-spacing: .06em;
     text-transform: uppercase;
     color: #818cf8;
     margin-bottom: 6px;
 }

 .tl-title {
     font-size: 1rem;
     font-weight: 700;
     color: #f1f5f9;
     margin-bottom: 6px;
 }

 .tl-body {
     font-size: .875rem;
     color: rgba(255, 255, 255, .5);
     line-height: 1.65;
 }

 [data-theme="light"] .tl-title {
     color: #0f172a;
 }

 [data-theme="light"] .tl-body {
     color: #64748b;
 }

 /* Values */
 .value-card {
     background: rgba(255, 255, 255, .03);
     border: 1px solid rgba(255, 255, 255, .07);
     border-radius: 16px;
     padding: 32px 28px;
     height: 100%;
     text-align: center;
     transition: transform .25s, border-color .25s;
 }

 .value-card:hover {
     transform: translateY(-4px);
     border-color: rgba(99, 102, 241, .25);
 }

 [data-theme="light"] .value-card {
     background: #fff;
     border-color: #e2e8f0;
 }

 .value-icon {
     width: 56px;
     height: 56px;
     border-radius: 16px;
     margin: 0 auto 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.4rem;
 }

 .value-card h4 {
     font-size: 1rem;
     font-weight: 700;
     color: #f1f5f9;
     margin-bottom: 10px;
 }

 .value-card p {
     font-size: .875rem;
     color: rgba(255, 255, 255, .45);
     line-height: 1.65;
     margin: 0;
 }

 [data-theme="light"] .value-card h4 {
     color: #0f172a;
 }

 [data-theme="light"] .value-card p {
     color: #64748b;
 }

 /* Stats strip */
 .stats-strip {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 1px;
     background: rgba(255, 255, 255, .06);
     border: 1px solid rgba(255, 255, 255, .08);
     border-radius: 20px;
     overflow: hidden;
 }

 [data-theme="light"] .stats-strip {
     background: #e2e8f0;
     border-color: #e2e8f0;
 }

 .stat-cell {
     background: rgba(255, 255, 255, .03);
     padding: 28px 20px;
     text-align: center;
     transition: background .25s;
 }

 [data-theme="light"] .stat-cell {
     background: #fff;
 }

 .stat-cell:hover {
     background: rgba(99, 102, 241, .06);
 }

 .stat-number {
     font-size: 2rem;
     font-weight: 900;
     letter-spacing: -.04em;
     background: linear-gradient(135deg, #818cf8, #c084fc);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     line-height: 1;
     margin-bottom: 6px;
 }

 .stat-label {
     font-size: .78rem;
     font-weight: 500;
     color: rgba(255, 255, 255, .4);
     text-transform: uppercase;
     letter-spacing: .05em;
 }

 [data-theme="light"] .stat-label {
     color: #94a3b8;
 }

 /* CTA section */
 .about-cta {
     padding: 80px 0;
     text-align: center;
 }

 .cta-box {
     background: rgba(255, 255, 255, .03);
     border: 1px solid rgba(255, 255, 255, .08);
     border-radius: 24px;
     padding: 64px 40px;
     position: relative;
     overflow: hidden;
 }

 .cta-box::before {
     content: '';
     position: absolute;
     top: -1px;
     left: 20%;
     right: 20%;
     height: 2px;
     background: linear-gradient(90deg, transparent, #6366f1, #8b5cf6, transparent);
 }

 [data-theme="light"] .cta-box {
     background: #fff;
     border-color: #e2e8f0;
 }

 .cta-box h2 {
     font-size: clamp(1.6rem, 3vw, 2.4rem);
     font-weight: 800;
     letter-spacing: -.04em;
     color: #f1f5f9;
     margin-bottom: 14px;
 }

 .cta-box p {
     font-size: 1rem;
     color: rgba(255, 255, 255, .5);
     max-width: 460px;
     margin: 0 auto 28px;
     line-height: 1.7;
 }

 [data-theme="light"] .cta-box h2 {
     color: #0f172a;
 }

 [data-theme="light"] .cta-box p {
     color: #475569;
 }

 .btn-cta-primary {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: linear-gradient(135deg, #6366f1, #8b5cf6);
     color: #fff;
     font-weight: 600;
     font-size: .9rem;
     padding: 12px 28px;
     border-radius: 12px;
     text-decoration: none;
     box-shadow: 0 4px 20px rgba(99, 102, 241, .4);
     transition: transform .2s, box-shadow .2s;
 }

 .btn-cta-primary:hover {
     transform: translateY(-2px);
     box-shadow: 0 8px 28px rgba(99, 102, 241, .5);
     color: #fff;
 }

 .btn-cta-secondary {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: rgba(255, 255, 255, .07);
     border: 1px solid rgba(255, 255, 255, .12);
     color: rgba(255, 255, 255, .75);
     font-weight: 600;
     font-size: .9rem;
     padding: 12px 24px;
     border-radius: 12px;
     text-decoration: none;
     transition: background .2s, color .2s;
 }

 .btn-cta-secondary:hover {
     background: rgba(255, 255, 255, .12);
     color: #fff;
 }

 [data-theme="light"] .btn-cta-secondary {
     background: #f1f5f9;
     border-color: #e2e8f0;
     color: #475569;
 }

 [data-theme="light"] .btn-cta-secondary:hover {
     background: #e2e8f0;
     color: #0f172a;
 }

 /* Quote block */
 .founder-quote {
     background: rgba(99, 102, 241, .07);
     border: 1px solid rgba(99, 102, 241, .18);
     border-left: 3px solid #6366f1;
     border-radius: 14px;
     padding: 28px 32px;
 }

 [data-theme="light"] .founder-quote {
     background: rgba(99, 102, 241, .04);
     border-color: rgba(99, 102, 241, .2);
 }

 .founder-quote blockquote {
     font-size: 1.05rem;
     font-style: italic;
     color: rgba(255, 255, 255, .7);
     line-height: 1.75;
     margin: 0 0 16px;
     padding: 0;
 }

 [data-theme="light"] .founder-quote blockquote {
     color: #334155;
 }

 .founder-credit {
     font-size: .82rem;
     font-weight: 600;
     color: #818cf8;
 }

 /* Responsive */
 @media (max-width: 767.98px) {
     .stats-strip {
         grid-template-columns: repeat(2, 1fr);
     }

     .about-section, .about-section-tinted {
         padding: 56px 0;
     }

     .cta-box {
         padding: 40px 20px;
     }

     .timeline {
         padding-left: 28px;
     }
 }