/* =========================================================================
   about.css — styles unique to about.html
   ========================================================================= */

.hero{padding:56px 0 48px;background:var(--white);position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:-20%;right:-10%;width:55%;height:140%;background:radial-gradient(ellipse,rgba(249,115,22,0.08) 0%,transparent 55%);pointer-events:none;z-index:0}
.hero .container{position:relative;z-index:1}
.hero-ey{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:28px;display:flex;align-items:center;gap:12px}
.hero-ey::before{content:'';width:40px;height:1.5px;background:var(--grad-gold)}
.hero-h1{font-family:var(--sans);font-size:clamp(32px,5vw,48px);line-height:1.12;color:var(--ink);font-weight:800;letter-spacing:-0.03em;margin-bottom:18px}
.hero-h1 .accent-word{color:var(--brand)}
.hero-p{font-size:16px;line-height:1.75;color:var(--slate);max-width:540px;margin-bottom:24px}
.hero-stats-row{display:flex;flex-wrap:wrap;gap:10px}
.hero-stat-chip{font-size:13px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line);padding:8px 16px;border-radius:100px;display:inline-flex;align-items:center;gap:4px}
.hero-stat-chip strong{color:var(--brand);font-weight:800}

.believe{padding:64px 0;background:var(--white);border-top:1px solid var(--line)}
.believe-head{margin-bottom:36px}
.believe-h2{font-family:var(--sans);font-size:clamp(26px,3.4vw,36px);font-weight:800;color:var(--ink);letter-spacing:-0.03em;line-height:1.15;margin-top:12px}
.believe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.believe-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;transition:all 0.3s var(--ease);position:relative;overflow:hidden}
.believe-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform 0.4s var(--ease)}
.believe-card:nth-child(1)::before{background:var(--brand)}
.believe-card:nth-child(2)::before{background:var(--ultramarine)}
.believe-card:nth-child(3)::before{background:var(--lime)}
.believe-card:hover{border-color:transparent;box-shadow:var(--shadow-md);transform:translateY(-3px)}
.believe-card:hover::before{transform:scaleX(1)}
.believe-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:transform 0.3s var(--ease)}
.believe-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.believe-icon--brand{background:var(--brand-soft);color:var(--brand)}
.believe-icon--blue{background:var(--ultramarine-soft);color:var(--ultramarine)}
.believe-icon--lime{background:var(--lime-soft);color:#3D5C0E}
.believe-card:hover .believe-icon{transform:rotate(-4deg) scale(1.05)}
.believe-card:hover .believe-icon--brand{background:var(--brand);color:var(--white)}
.believe-card:hover .believe-icon--blue{background:var(--ultramarine);color:var(--white)}
.believe-card:hover .believe-icon--lime{background:var(--lime);color:var(--ink)}
.believe-num{font-size:11px;font-weight:700;color:var(--faint);letter-spacing:0.1em;margin-bottom:10px}
.believe-title{font-size:17px;font-weight:700;color:var(--ink);margin-bottom:10px;letter-spacing:-0.02em;line-height:1.3}
.believe-text{font-size:14px;color:var(--slate);line-height:1.7}

.wedo{padding:64px 0;background:var(--off-white);border-top:0.5px solid var(--border)}
.wedo-ey{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:12px}
.wedo-ey::before{content:'';width:24px;height:1.5px;background:var(--gold)}
.wedo-h2{font-family:var(--sans);font-size:32px;color:var(--heading);font-weight:500;margin-bottom:48px}
.wedo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wedo-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:32px 28px;transition:all 0.35s;display:block;border-left:4px solid var(--brand)}
.wedo-card:nth-child(1){border-left-color:var(--brand)}
.wedo-card:nth-child(2){border-left-color:var(--ultramarine)}
.wedo-card:nth-child(3){border-left-color:var(--lime)}
.wedo-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}
.wedo-card-icon{width:44px;height:44px;border-radius:10px;background:var(--gold-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.wedo-card-icon svg{width:22px;height:22px;stroke:var(--gold);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.wedo-card-title{font-size:16px;font-weight:700;color:var(--heading);margin-bottom:8px}
.wedo-card-desc{font-size:14px;color:var(--secondary);line-height:1.7;margin-bottom:20px}
.wedo-card-link{font-size:13px;font-weight:600;color:var(--heading);display:inline-flex;align-items:center;gap:8px;transition:all 0.3s}
.wedo-card:hover .wedo-card-link{gap:14px;color:var(--gold)}
.wedo-card-link svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.track{padding:72px 0;background:var(--white);border-top:0.5px solid var(--border)}
.track-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:32px;text-align:center}
.track-grid > div{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px 16px}
.track-grid > div:nth-child(1){border-top:3px solid var(--brand)}
.track-grid > div:nth-child(2){border-top:3px solid var(--ultramarine)}
.track-grid > div:nth-child(3){border-top:3px solid var(--lime)}
.track-grid > div:nth-child(4){border-top:3px solid var(--violet)}
.track-grid > div:nth-child(5){border-top:3px solid var(--teal)}
.track-num{font-family:var(--sans);font-size:36px;color:var(--heading);margin-bottom:4px}
.track-label{font-size:13px;color:var(--secondary)}

.disciplines{padding:56px 0;background:var(--off-white);border-top:0.5px solid var(--border)}
.disc-ey{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:12px}
.disc-ey::before{content:'';width:24px;height:1.5px;background:var(--gold)}
.disc-h2{font-family:var(--sans);font-size:28px;color:var(--heading);font-weight:500;margin-bottom:24px}
.disc-list{font-size:15px;color:var(--body);line-height:2;max-width:800px}
.disc-pills{display:flex;flex-wrap:wrap;gap:8px}
.disc-pill{font-size:13px;font-weight:600;color:var(--ink-soft);background:var(--white);border:1px solid var(--line);padding:8px 16px;border-radius:100px;transition:all 0.2s}
.disc-pill:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}

.kairo-strip{padding:56px 0;background:var(--ink);color:rgba(255,255,255,0.78)}
.kairo-inner{max-width:600px}
.kairo-ey{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--brand);margin-bottom:12px;display:flex;align-items:center;gap:12px}
.kairo-ey::before{content:'';width:24px;height:1.5px;background:var(--brand)}
.kairo-h2{font-family:var(--sans);font-size:28px;color:var(--white);font-weight:500;margin-bottom:12px}
.kairo-text{font-size:15px;color:rgba(255,255,255,0.65);line-height:1.85;margin-bottom:24px}
.kairo-link{font-size:14px;font-weight:600;color:var(--white);background:var(--brand);display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:6px;transition:opacity 0.25s}
.kairo-link:hover{opacity:0.7}

.where{padding:64px 0;background:var(--surface);border-top:0.5px solid var(--border)}
.where-ey{font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.where-ey::before{content:'';width:24px;height:1.5px;background:var(--gold)}
.where-text{font-size:15px;color:var(--body);line-height:2}
.where-text a{color:var(--heading);font-weight:600;border-bottom:1.5px solid var(--gold);padding-bottom:1px}

@media(max-width:1024px){
  .hero-h1{font-size:40px}
  .wedo-grid{grid-template-columns:1fr 1fr}
  .track-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .hero{padding:40px 0 40px}
  .hero-h1{font-size:32px}
  .hero-p{max-width:100%}
  .believe{padding:64px 0}
  .wedo{padding:64px 0}
  .wedo-grid{grid-template-columns:1fr}
  .wedo-h2{font-size:26px;margin-bottom:32px}
  .track{padding:48px 0}
  .track-grid{grid-template-columns:repeat(2,1fr);gap:24px}
  .disciplines{padding:56px 0}
  .disc-h2{font-size:24px}
  .kairo-strip{padding:56px 0}
  .kairo-h2{font-size:24px}
}
@media(max-width:480px){
  .hero-h1{font-size:26px}
  .track-grid{grid-template-columns:1fr}
  .track-num{font-size:28px}
  .wedo-card{padding:24px 20px}
}