/* ============================================================
   Chaingent — shared design system
   Brand: pink #D4004D, navy #001D26, blue #1E7FE0, white #F7FAFB
   Fonts: Montserrat (display), Inter (body/UI)
   ============================================================ */

:root{
  --pink:#D4004D;
  --pink-dim: rgba(212,0,77,0.14);
  --navy:#001D26;
  --navy-soft:#0A2A34;
  --blue:#1E7FE0;
  --blue-dim: rgba(30,127,224,0.12);
  --white:#F7FAFB;
  --black:#0A1418;
  --ink:#0F2229;              /* body copy on light backgrounds */
  --muted-on-dark: rgba(247,250,251,0.72);
  --muted-on-light: rgba(15,34,41,0.66);
  --line-on-dark: rgba(247,250,251,0.16);
  --line-on-light: rgba(15,34,41,0.12);
  --surface-alt:#EEF3F5;      /* light navy-tinted panel for alternating sections */
  --shadow-pink: 0 8px 24px -8px rgba(212,0,77,0.45);
  --radius: 4px;
  --max: 1180px;
}

*, *::before, *::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-top: 88px; }
body{
  margin:0;
  font-family:'Inter',sans-serif;
  color:var(--ink);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; }
h1,h2,h3,h4{ font-family:'Montserrat',sans-serif; margin:0; letter-spacing:-0.015em; }
p{ margin:0; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; }

.container{ max-width: var(--max); margin: 0 auto; padding: 0 clamp(1.25rem, 4vw, 3rem); }

/* ---------- Scroll reveal ---------- */
[data-reveal]{
  opacity:0; transform:translateY(26px);
  transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1);
}
[data-reveal].is-visible{ opacity:1; transform:translateY(0); }

[data-reveal-group] > *{
  opacity:0; transform:translateY(26px);
  transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 0.6s cubic-bezier(0.16,1,0.3,1);
}
[data-reveal-group].is-visible > *{ opacity:1; transform:translateY(0); }
[data-reveal-group].is-visible > *:nth-child(1){ transition-delay:0ms; }
[data-reveal-group].is-visible > *:nth-child(2){ transition-delay:90ms; }
[data-reveal-group].is-visible > *:nth-child(3){ transition-delay:180ms; }
[data-reveal-group].is-visible > *:nth-child(4){ transition-delay:270ms; }
[data-reveal-group].is-visible > *:nth-child(5){ transition-delay:360ms; }
[data-reveal-group].is-visible > *:nth-child(6){ transition-delay:450ms; }

@media (prefers-reduced-motion: reduce){
  [data-reveal], [data-reveal-group] > *{ opacity:1 !important; transform:none !important; transition:none !important; }
}

/* Skip link */
.skip-link{
  position:absolute; left:-9999px; top:auto;
  background:var(--pink); color:var(--white); padding:0.8rem 1.2rem; z-index:200;
  font-weight:600; border-radius:0 0 4px 0;
}
.skip-link:focus{ left:0; top:0; }

:focus-visible{ outline: 2px solid var(--blue); outline-offset: 3px; }

/* ---------- eyebrow / rule / shared bits ---------- */
.eyebrow{
  font-family:'Inter',sans-serif; font-weight:700; font-size:0.74rem; letter-spacing:0.18em;
  text-transform:uppercase; color:var(--pink); margin-bottom:0.9rem;
}
.eyebrow.on-dark{ color:var(--pink); }
.rule{ width:56px; height:3px; background:var(--pink); border:none; margin:0 0 1.6rem 0; }
.section-head{ max-width: 720px; margin: 0 0 3rem 0; }
.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
.section-head h2{ font-size: clamp(1.7rem, 3vw, 2.3rem); line-height:1.15; }
.section-head p{ margin-top:0.9rem; font-size:1.05rem; line-height:1.6; color:var(--muted-on-light); }

/* Scattered square texture — CSS-only, brand motif reused as background wallpaper */
.texture{
  position:relative;
}
.texture::before{
  content:"";
  position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:
    linear-gradient(var(--blue) 2px, transparent 2px),
    linear-gradient(90deg, var(--pink) 2px, transparent 2px);
  background-size: 64px 64px, 96px 96px;
  background-position: 12px 18px, 40px 60px;
  opacity:0.04;
}
.texture.on-dark::before{ opacity:0.07; }
.texture > *{ position:relative; z-index:1; }

/* ---------- buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:0.5rem;
  font-weight:600; font-size:0.95rem; letter-spacing:0.01em;
  padding:0.9rem 1.8rem; border-radius:var(--radius); border:none; cursor:pointer;
  text-decoration:none; transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.btn-primary{ background:var(--pink); color:var(--white); box-shadow:var(--shadow-pink); }
.btn-primary:hover{ transform: translateY(-2px); box-shadow: 0 12px 28px -8px rgba(212,0,77,0.65); }
.btn-secondary-dark{
  color:var(--white); font-weight:500; border-bottom:1px solid rgba(247,250,251,0.35); padding-bottom:2px;
  background:none; border-radius:0;
}
.btn-secondary-light{
  color:var(--navy); font-weight:500; border-bottom:1px solid rgba(15,34,41,0.3); padding-bottom:2px;
  background:none; border-radius:0;
}
.btn-outline{
  background:transparent; color:var(--white); border:1.5px solid rgba(247,250,251,0.5);
}
.btn-outline:hover{ border-color:var(--white); background:rgba(247,250,251,0.06); }

/* ============================================================
   Header / Nav
   ============================================================ */
.site-header{
  position:sticky; top:0; z-index:100;
  background:var(--navy);
  border-bottom:1px solid rgba(247,250,251,0.08);
  box-shadow:0 2px 14px rgba(0,0,0,0.18);
}
.nav{
  display:flex; align-items:center; justify-content:space-between;
  padding:0.9rem clamp(1.25rem, 4vw, 3rem);
  max-width: var(--max); margin:0 auto;
}
.brand{ display:flex; align-items:center; gap:0.4rem; text-decoration:none; color:var(--white); }
.brand-mark{ width:23px; height:27px; flex:none; }
.brand-mark img{ width:100%; height:100%; display:block; }
.brand-word{ font-family:'Montserrat',sans-serif; font-weight:700; font-size:1.3rem; letter-spacing:-0.02em; }
.brand-word .ai{ color:var(--pink); }

.nav-links{ display:flex; align-items:center; gap:1.9rem; }
.nav-links a{
  font-size:0.9rem; font-weight:500; color:var(--muted-on-dark); text-decoration:none;
  transition: color 0.15s ease;
}
.nav-links a:hover, .nav-links a:focus-visible{ color:var(--white); }
.nav-actions{ display:flex; align-items:center; gap:1.4rem; }
.nav-actions .btn{ padding:0.65rem 1.35rem; font-size:0.88rem; }
.nav-actions .btn-secondary-dark{ border-bottom:none; padding-bottom:0; }

.nav-toggle{
  display:none; background:none; border:none; color:var(--white); padding:0.4rem;
  cursor:pointer;
}
.nav-toggle svg{ width:24px; height:24px; }

@media (max-width: 900px){
  .nav-links{
    position:fixed; inset: 64px 0 auto 0; flex-direction:column; align-items:flex-start;
    background:var(--navy); padding:1.5rem clamp(1.25rem,4vw,3rem) 2rem; gap:1.1rem;
    border-bottom:1px solid rgba(247,250,251,0.1);
    transform:translateY(-12px); opacity:0; pointer-events:none; transition: all 0.2s ease;
  }
  .nav-links.open{ transform:translateY(0); opacity:1; pointer-events:auto; }
  .nav-actions .btn-secondary-dark{ display:none; }
  .nav-toggle{ display:inline-flex; }
}

/* ============================================================
   Hero
   ============================================================ */
.hero{
  position:relative; min-height: calc(100vh - 64px);
  display:flex; align-items:center;
  background:var(--navy);
}
.hero-grid{ display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:2rem; width:100%; }
.hero-left{ position:relative; z-index:2; padding:3.5rem 0; max-width:600px; }
.hero-tagline{
  font-size:0.72rem; letter-spacing:0.14em; text-transform:uppercase; color:var(--muted-on-dark);
  margin: 0 0 2.2rem 0; padding-left:0.7rem; border-left:2px solid rgba(247,250,251,0.25);
}
.hero h1{
  font-weight:800; font-size:clamp(2.1rem, 4.1vw, 3.3rem); line-height:1.1; color:var(--white);
  margin-bottom:1.3rem;
}
.hero h1 .accent{ color:var(--pink); }
.hero .subhead{ font-size:1.06rem; line-height:1.6; color:var(--muted-on-dark); max-width:520px; margin-bottom:1.7rem; }
.hero .cta-row{ display:flex; gap:1.4rem; align-items:center; flex-wrap:wrap; }

.hero-right{ position:relative; z-index:1; display:flex; align-items:center; justify-content:flex-end; }
.hero-mark{ width:min(85%, 480px); animation: hero-mark-float 6s ease-in-out infinite; }
.hero-mark img{ width:100%; height:auto; display:block; filter: drop-shadow(0 18px 46px rgba(0,0,0,0.35)); }
@keyframes hero-mark-float{
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}
@media (prefers-reduced-motion: reduce){ .hero-mark{ animation:none; } }

@media (max-width: 880px){
  .hero{ min-height:auto; padding:2rem 0; }
  .hero-grid{ grid-template-columns:1fr; }
  .hero-right{ display:none; }
  .hero-left{ padding:2.4rem 0; }
}

/* ============================================================
   Stats band ("State of BPOs")
   ============================================================ */
.stats{ background: linear-gradient(180deg, var(--navy) 0%, var(--navy-soft) 100%); color:var(--white); padding: clamp(3.5rem,7vw,6rem) 0; }
.stats .section-head p{ color:var(--muted-on-dark); }
.stats .section-head h2{ color:var(--white); }
.stats-intro{ font-size:1.15rem; line-height:1.6; color:var(--muted-on-dark); max-width:760px; margin-bottom:3rem; }
.stats-grid{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:1.6rem 2rem;
  margin-bottom:2.6rem;
}
.stat-card{
  padding:1.6rem 1.5rem; border:1px solid var(--line-on-dark); border-radius:var(--radius);
  background:rgba(247,250,251,0.03);
}
.stat-num{ font-family:'Montserrat',sans-serif; font-weight:800; font-size:2.2rem; line-height:1; color:var(--blue); margin-bottom:0.7rem; }
.stat-card:nth-child(3n+1) .stat-num{ color:var(--pink); }
.stat-card:nth-child(3n+2) .stat-num{ color:var(--blue); }
.stat-card:nth-child(3n) .stat-num{ color:var(--white); }
.stat-label{ font-size:0.94rem; line-height:1.5; color:var(--muted-on-dark); }
.stats-pattern{
  border-top:1px solid var(--line-on-dark); padding-top:2rem; font-size:1.05rem; line-height:1.65;
  color:var(--white); max-width:800px;
}
.stats-pattern strong{ color:var(--pink); }
.stats-source{ margin-top:2rem; font-size:0.76rem; color:rgba(247,250,251,0.4); }

/* ============================================================
   Problems we actually fix
   ============================================================ */
.problems{ padding: clamp(3.5rem,7vw,5.5rem) 0; background:var(--white); }
.problem-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:1.6rem; }
.problem-card{
  background:var(--surface-alt); border-radius:var(--radius); padding:1.7rem 1.6rem;
  border-top:3px solid var(--blue);
}
.problem-card:nth-child(3n+2){ border-top-color:var(--pink); }
.problem-card:nth-child(3n){ border-top-color:var(--navy); }
.problem-quote{
  font-family:'Montserrat',sans-serif; font-weight:700; font-size:1.05rem; line-height:1.4;
  color:var(--navy); margin-bottom:0.8rem;
}
.problem-body{ font-size:0.95rem; line-height:1.6; color:var(--muted-on-light); margin-bottom:1.1rem; }
.problem-fix{
  font-size:0.92rem; line-height:1.6; color:var(--ink);
  padding-top:1rem; border-top:1px solid var(--line-on-light);
}
.problem-fix strong{
  display:block; margin-bottom:0.35rem; color:var(--pink); font-weight:700;
  font-size:0.76rem; letter-spacing:0.07em; text-transform:uppercase;
}
@media (max-width: 760px){ .problem-grid{ grid-template-columns:1fr; } }

/* ============================================================
   Mission + Pillars
   ============================================================ */
.mission{ padding: clamp(3.5rem,7vw,5.5rem) 0 clamp(2rem,4vw,3rem); background:var(--white); }
.mission p{
  font-family:'Montserrat',sans-serif; font-weight:600; font-size:clamp(1.3rem, 2.4vw, 1.7rem);
  line-height:1.45; color:var(--navy); max-width:920px;
}

.pillars{ padding: clamp(2rem,4vw,3rem) 0 clamp(3.5rem,7vw,5.5rem); background:var(--white); }
.pillars-tag{
  font-family:'Montserrat',sans-serif; font-weight:700; font-size:clamp(1.1rem,2vw,1.4rem);
  color:var(--navy); margin-bottom:2.4rem;
}
.pillars-tag .dot{ color:var(--pink); }
.pillar-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; }
.pillar-card{
  background:var(--surface-alt); border-radius:var(--radius); padding:1.8rem 1.6rem;
  border-top:3px solid var(--blue);
}
.pillar-card:nth-child(2){ border-top-color:var(--pink); }
.pillar-card:nth-child(3){ border-top-color:var(--navy); }
.pillar-card h3{ font-size:1.05rem; margin-bottom:0.7rem; color:var(--navy); }
.pillar-card p{ font-size:0.94rem; line-height:1.6; color:var(--muted-on-light); }
@media (max-width: 760px){ .pillar-grid{ grid-template-columns:1fr; } }

/* ============================================================
   Service sections
   ============================================================ */
.service{ padding: clamp(3.5rem,7vw,5.5rem) 0; background:var(--white); }
.service.alt{ background:var(--surface-alt); }
.service-grid{ display:grid; grid-template-columns: 1fr 1.15fr; gap: clamp(2rem,5vw,4rem); align-items:start; }
.service-num{
  font-family:'Montserrat',sans-serif; font-weight:800; font-size:0.85rem; letter-spacing:0.08em;
  color:var(--blue); margin-bottom:0.9rem;
}
.service h2{ font-size:clamp(1.5rem,2.6vw,1.95rem); color:var(--navy); margin-bottom:1.1rem; }
.service-feeling{ font-size:1.02rem; line-height:1.65; color:var(--muted-on-light); font-style:italic; }
.service-feeling strong{ font-style:normal; color:var(--ink); }

.service-body h4{
  font-size:0.78rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;
  color:var(--pink); margin-bottom:1rem;
}
.service-list{ display:flex; flex-direction:column; gap:0.9rem; margin-bottom:1.6rem; }
.service-list li{ display:flex; gap:0.8rem; font-size:0.98rem; line-height:1.6; color:var(--ink); }
.service-list li::before{
  content:""; width:8px; height:8px; margin-top:0.45rem; flex:none; border-radius:1px; background:var(--blue);
}
.service-list li strong{ color:var(--navy); }

.service-platforms{
  font-size:0.92rem; line-height:1.6; color:var(--muted-on-light); margin-top:1.4rem;
  padding-top:1.4rem; border-top:1px solid var(--line-on-light);
}
.service-platforms strong{ color:var(--navy); display:block; margin-bottom:0.4rem; font-weight:600; }

.service-highlight{
  margin-top:1.6rem; padding:1.4rem 1.5rem; border-radius:var(--radius);
  background:var(--navy); color:var(--white);
}
.service-highlight strong{ display:block; color:var(--pink); font-weight:700; margin-bottom:0.5rem; font-size:0.78rem; letter-spacing:0.08em; text-transform:uppercase; }
.service-highlight p{ font-size:0.95rem; line-height:1.6; color:var(--muted-on-dark); }

@media (max-width: 860px){ .service-grid{ grid-template-columns:1fr; } }

/* ============================================================
   How We Work (process)
   ============================================================ */
.process{ padding: clamp(3.5rem,7vw,5.5rem) 0; background:var(--surface-alt); }
.process .section-head{ margin-left:auto; margin-right:auto; }
.process-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:1.75rem; }
.process-step{
  position:relative; background:var(--white); border-radius:var(--radius);
  padding:1.8rem 1.6rem; border-top:3px solid var(--blue);
}
.process-step:nth-child(2){ border-top-color:var(--pink); }
.process-step:nth-child(3){ border-top-color:var(--navy); }
.process-step:nth-child(4){ border-top-color:var(--blue); }
.process-num{
  font-family:'Montserrat',sans-serif; font-weight:800; font-size:0.85rem; letter-spacing:0.06em;
  color:var(--pink); margin-bottom:0.9rem;
}
.process-step h3{ font-size:1.1rem; color:var(--navy); margin-bottom:0.7rem; }
.process-step p{ font-size:0.92rem; line-height:1.6; color:var(--muted-on-light); }
@media (max-width: 900px){ .process-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width: 560px){ .process-grid{ grid-template-columns:1fr; } }

/* ============================================================
   Vendor / platform marquee
   ============================================================ */
.vendors{
  padding: clamp(2.5rem,5vw,3.5rem) 0; background:var(--white);
  border-top:1px solid var(--line-on-light); border-bottom:1px solid var(--line-on-light);
}
.vendors .eyebrow{ text-align:center; margin-bottom:0; }
.marquee{
  margin-top:1.8rem; overflow:hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.marquee-track{ display:flex; align-items:center; width:max-content; gap:3rem; animation: marquee-scroll 34s linear infinite; }
.marquee:hover .marquee-track{ animation-play-state:paused; }
.vendor-name{
  font-family:'Montserrat',sans-serif; font-weight:700; font-size:1.1rem; letter-spacing:-0.01em;
  color:var(--navy); opacity:0.5; white-space:nowrap;
}
@keyframes marquee-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion: reduce){
  .marquee-track{ animation:none; overflow-x:auto; }
}
.vendors-note{
  margin-top:1.6rem; text-align:center; font-size:0.92rem; color:var(--muted-on-light);
}

/* ============================================================
   Why Chaingent
   ============================================================ */
.why{ background:var(--navy); color:var(--white); padding: clamp(3.5rem,7vw,6rem) 0; }
.why-grid{ display:grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(2rem,5vw,4rem); align-items:start; }
.why h2{ font-size:clamp(1.7rem,3vw,2.3rem); color:var(--white); line-height:1.2; }
.why-copy p{ font-size:1.04rem; line-height:1.7; color:var(--muted-on-dark); margin-bottom:1.3rem; }
.why-copy p:last-child{ margin-bottom:0; }
.why-copy .callout{ color:var(--white); font-weight:600; font-family:'Montserrat',sans-serif; font-size:1.15rem; }
.why-copy .callout .accent{ color:var(--pink); }
@media (max-width: 860px){ .why-grid{ grid-template-columns:1fr; } }

/* ============================================================
   Closing CTA + Contact form
   ============================================================ */
.closing{ background:var(--white); padding: clamp(3.5rem,7vw,6rem) 0; }
.closing-grid{ display:grid; grid-template-columns: 1fr 1fr; gap: clamp(2.5rem,5vw,4rem); align-items:start; }
.closing-copy h2{ font-size:clamp(1.6rem,2.8vw,2.1rem); color:var(--navy); margin-bottom:1rem; }
.closing-copy p{ font-size:1.05rem; line-height:1.65; color:var(--muted-on-light); margin-bottom:1.6rem; }
.closing-contact-list{ display:flex; flex-direction:column; gap:0.7rem; margin-top:2rem; }
.closing-contact-list a{ text-decoration:none; color:var(--navy); font-weight:500; font-size:0.98rem; }
.closing-contact-list a:hover{ color:var(--pink); }

.contact-form{
  background:var(--surface-alt); border-radius:var(--radius); padding:clamp(1.6rem,3vw,2.4rem);
}
.form-row{ display:flex; flex-direction:column; gap:0.4rem; margin-bottom:1.2rem; }
.form-row label{ font-size:0.85rem; font-weight:600; color:var(--navy); }
.form-row input, .form-row textarea{
  font-family:'Inter',sans-serif; font-size:0.98rem; padding:0.75rem 0.9rem; border-radius:3px;
  border:1px solid rgba(15,34,41,0.2); background:var(--white); color:var(--ink);
}
.form-row input:focus, .form-row textarea:focus{ outline:2px solid var(--blue); outline-offset:1px; border-color:var(--blue); }
.form-row textarea{ resize:vertical; min-height:120px; font-family:inherit; }
.form-two-col{ display:grid; grid-template-columns:1fr 1fr; gap:0 1.2rem; }
@media (max-width:520px){ .form-two-col{ grid-template-columns:1fr; } }
.form-submit-row{ display:flex; align-items:center; gap:1rem; margin-top:0.4rem; }
.form-status{ font-size:0.9rem; }
.form-status[data-state="success"]{ color:#1a7a3d; }
.form-status[data-state="error"]{ color:var(--pink); }
.btn-primary[disabled]{ opacity:0.6; cursor:not-allowed; transform:none; }

@media (max-width: 860px){ .closing-grid{ grid-template-columns:1fr; } }

/* ============================================================
   Footer
   ============================================================ */
.site-footer{ background:var(--navy); color:var(--muted-on-dark); padding: 2.6rem 0; border-top:1px solid rgba(247,250,251,0.08); }
.footer-grid{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1.2rem; }
.footer-brand{ display:flex; align-items:center; gap:0.4rem; }
.footer-brand .brand-mark{ width:19px; height:22px; }
.footer-brand .brand-word{ font-size:1.1rem; }
.footer-links{ display:flex; gap:1.6rem; flex-wrap:wrap; }
.footer-links a{ font-size:0.86rem; text-decoration:none; color:var(--muted-on-dark); }
.footer-links a:hover{ color:var(--white); }
.footer-meta{ font-size:0.8rem; color:rgba(247,250,251,0.45); margin-top:1.6rem; text-align:center; }

/* ============================================================
   About / Founder page
   ============================================================ */
.timeline{ padding: clamp(3.5rem,7vw,5.5rem) 0; background:var(--white); }
.timeline-list{ display:flex; flex-direction:column; gap:2.2rem; max-width:760px; }
.timeline-item{ display:grid; grid-template-columns:110px 1fr; gap:1.6rem; }
.timeline-year{ font-family:'Montserrat',sans-serif; font-weight:800; color:var(--pink); font-size:1.1rem; }
.timeline-item h3{ font-size:1.05rem; color:var(--navy); margin-bottom:0.5rem; }
.timeline-item p{ font-size:0.98rem; line-height:1.65; color:var(--muted-on-light); }
@media (max-width:520px){ .timeline-item{ grid-template-columns:1fr; } .timeline-year{ font-size:0.95rem; } }

.track-record{ padding: clamp(3rem,6vw,4.5rem) 0; background:var(--surface-alt); }
.track-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:1.5rem; }
.track-card{
  background:var(--white); border-radius:var(--radius); padding:1.6rem 1.5rem;
  border-top:3px solid var(--blue);
}
.track-card:nth-child(2){ border-top-color:var(--pink); }
.track-card:nth-child(3){ border-top-color:var(--navy); }
.track-num{
  font-family:'Montserrat',sans-serif; font-weight:800; font-size:1.5rem; line-height:1.1;
  color:var(--blue); margin-bottom:0.7rem;
}
.track-card:nth-child(2) .track-num{ color:var(--pink); }
.track-card:nth-child(3) .track-num{ color:var(--navy); }
.track-card p{ font-size:0.92rem; line-height:1.6; color:var(--muted-on-light); }
@media (max-width: 900px){ .track-grid{ grid-template-columns:1fr 1fr; } }
@media (max-width: 560px){ .track-grid{ grid-template-columns:1fr; } }

.founder-startups{ padding: clamp(3.5rem,7vw,5.5rem) 0; background:var(--white); }
.startup-grid{ display:grid; grid-template-columns:1fr 1fr; gap:1.6rem; margin-bottom:2rem; }
.startup-card{
  background:var(--surface-alt); border-radius:var(--radius); padding:1.8rem 1.7rem;
  border-top:3px solid var(--pink);
}
.startup-card:nth-child(2){ border-top-color:var(--blue); }
.startup-label{
  font-family:'Montserrat',sans-serif; font-weight:700; font-size:0.78rem; letter-spacing:0.06em;
  text-transform:uppercase; color:var(--pink); margin-bottom:0.9rem;
}
.startup-card:nth-child(2) .startup-label{ color:var(--blue); }
.startup-card p{ font-size:0.95rem; line-height:1.65; color:var(--muted-on-light); }
.startup-closer{
  font-family:'Montserrat',sans-serif; font-weight:600; font-size:1.1rem; line-height:1.5;
  color:var(--navy); max-width:720px;
}
@media (max-width: 760px){ .startup-grid{ grid-template-columns:1fr; } }

.about-cta{ background:var(--surface-alt); padding: clamp(3rem,6vw,4.5rem) 0; text-align:center; }
.about-cta h2{ font-size:clamp(1.5rem,2.6vw,1.9rem); color:var(--navy); margin-bottom:1rem; }
.about-cta p{ font-size:1.02rem; color:var(--muted-on-light); max-width:560px; margin:0 auto 1.8rem; line-height:1.6; }