/* SeatWise — about.css — About page styles */

.container-narrow{max-width:760px;margin:0 auto;padding:0 24px;}

/* Hero */
.about-hero{padding:120px 0 80px;background:linear-gradient(135deg,#1E1B4B 0%,var(--indigo) 60%,#4338CA 100%);position:relative;overflow:hidden;text-align:center;}
.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none;}
.hb1{width:500px;height:500px;background:var(--emerald);right:-80px;top:-80px;}
.hb2{width:400px;height:400px;background:#818CF8;left:-60px;bottom:-60px;}
.breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;font-size:13px;color:rgba(255,255,255,.55);}
.breadcrumb a{color:rgba(255,255,255,.55);text-decoration:none;}.breadcrumb a:hover{color:#fff;}.breadcrumb span{color:rgba(255,255,255,.2);}
.about-hero h1{font-size:clamp(32px,5vw,54px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:20px;position:relative;}
.about-hero h1 em{font-style:normal;color:#A5B4FC;}
.about-hero p{font-size:18px;color:rgba(255,255,255,.75);max-width:580px;margin:0 auto 40px;line-height:1.65;position:relative;}
.hero-stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;position:relative;}
.hs-item{text-align:center;}
.hs-num{font-size:36px;font-weight:800;color:#fff;}
.hs-label{font-size:13px;color:rgba(255,255,255,.6);margin-top:4px;}

/* Story */
.story-section{padding:80px 0;background:#fff;}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.story-visual{background:var(--bg-gray);border-radius:24px;padding:40px;border:1px solid var(--border);text-align:center;}
.story-emoji{font-size:64px;margin-bottom:16px;}
.story-caption{font-size:14px;color:var(--text-sec);line-height:1.6;}
.story-body h2{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:var(--text);line-height:1.2;margin-bottom:20px;}
.story-body p{font-size:16px;color:var(--text-sec);line-height:1.8;margin-bottom:16px;}
.story-body p:last-child{margin-bottom:0;}

/* Mission */
.mission-section{padding:80px 0;background:var(--bg-dark);position:relative;overflow:hidden;}
.mission-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12;pointer-events:none;}
.mb1{width:400px;height:400px;background:var(--indigo);left:-80px;top:-80px;}
.mb2{width:300px;height:300px;background:var(--emerald);right:-40px;bottom:-40px;}
.mission-inner{text-align:center;position:relative;max-width:700px;margin:0 auto;}
.mission-label{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A5B4FC;margin-bottom:20px;}
.mission-statement{font-size:clamp(24px,4vw,42px);font-weight:800;color:#fff;line-height:1.2;margin-bottom:24px;}
.mission-statement em{font-style:normal;color:var(--emerald);}
.mission-desc{font-size:17px;color:rgba(255,255,255,.65);line-height:1.7;}

/* Values */
.values-section{padding:80px 0;background:var(--bg-gray);}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;}
.value-card{background:#fff;border-radius:16px;padding:32px 28px;border:1px solid var(--border);transition:all .3s;}
.value-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(55,48,163,.08);border-color:#C7D2FE;}
.value-icon{font-size:36px;margin-bottom:16px;}
.value-title{font-size:17px;font-weight:800;color:var(--text);margin-bottom:10px;}
.value-desc{font-size:14px;color:var(--text-sec);line-height:1.7;}

/* Timeline */
.timeline-section{padding:80px 0;background:#fff;}
.timeline{max-width:700px;margin:56px auto 0;position:relative;}
.timeline::before{content:'';position:absolute;left:24px;top:0;bottom:0;width:2px;background:var(--border);}
.tl-item{display:flex;gap:24px;margin-bottom:40px;position:relative;}
.tl-item:last-child{margin-bottom:0;}
.tl-dot{width:48px;height:48px;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;position:relative;z-index:1;}
.tl-d-indigo{background:var(--indigo);box-shadow:0 0 0 6px var(--indigo-light);}
.tl-d-emerald{background:var(--emerald);box-shadow:0 0 0 6px var(--emerald-light);}
.tl-d-amber{background:var(--amber);box-shadow:0 0 0 6px #FEF3C7;}
.tl-d-gray{background:var(--border);box-shadow:0 0 0 6px var(--bg-gray);}
.tl-content{padding-top:8px;}
.tl-date{font-size:12px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;}
.tl-title{font-size:17px;font-weight:800;color:var(--text);margin-bottom:6px;}
.tl-desc{font-size:14px;color:var(--text-sec);line-height:1.65;}

/* Team */
.team-section{padding:80px 0;background:var(--bg-gray);}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px;}
.team-card{background:#fff;border-radius:16px;padding:28px 24px;border:1px solid var(--border);text-align:center;transition:all .3s;}
.team-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(55,48,163,.08);}
.team-avatar{width:72px;height:72px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;}
.team-name{font-size:16px;font-weight:800;color:var(--text);margin-bottom:4px;}
.team-role{font-size:13px;color:var(--indigo);font-weight:600;margin-bottom:10px;}
.team-bio{font-size:13px;color:var(--text-sec);line-height:1.6;}

/* Press */
.press-section{padding:64px 0;background:#fff;border-top:1px solid var(--border);}
.press-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px;}
.press-item{background:var(--bg-gray);border-radius:12px;padding:20px 16px;text-align:center;border:1px solid var(--border);}
.press-logo{font-size:13px;font-weight:800;color:var(--text-sec);margin-bottom:6px;}
.press-headline{font-size:12px;color:var(--text-light);line-height:1.5;}

/* CTA */
.about-cta{padding:80px 0;background:linear-gradient(135deg,#1E1B4B 0%,var(--indigo) 50%,#2D2580 100%);position:relative;overflow:hidden;text-align:center;}
.cta-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none;}
.cb1{width:400px;height:400px;background:var(--emerald);left:-80px;bottom:-80px;}
.cb2{width:300px;height:300px;background:#818CF8;right:-40px;top:-40px;}
.cta-inner{position:relative;}
.cta-h2{font-size:clamp(28px,4vw,44px);font-weight:800;color:#fff;margin-bottom:16px;}
.cta-p{font-size:17px;color:rgba(255,255,255,.7);margin-bottom:36px;}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* About-specific responsive breakpoints */
@media(max-width:900px){.story-grid{grid-template-columns:1fr;}.team-grid{grid-template-columns:1fr 1fr;}.press-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){.values-grid{grid-template-columns:1fr 1fr;}.hero-stats{gap:24px;}}
@media(max-width:480px){.values-grid{grid-template-columns:1fr;}.team-grid{grid-template-columns:1fr;}.press-grid{grid-template-columns:1fr 1fr;}.cta-row{flex-direction:column;align-items:center;}}