/* Style riêng của /ve-chung-toi/. Component chung ở base.css, giá trị ở tokens.css. Breakpoint: md 640px, lg 900px. */

/* Hero */
.about-hero{padding:var(--sp-10) 0;}
.about-hero h1{font-size:var(--fs-h2);max-width:18ch;}
.about-hero .lede{max-width:var(--w-text);color:var(--ink-soft);font-size:var(--fs-lg);margin:var(--sp-6) 0 0;}
@media (min-width:900px){ .about-hero{padding:var(--sp-16) 0 var(--sp-10);} }

/* Người sáng lập */
.founder{padding:var(--sp-10) 0;}
.founder-card{max-width:var(--w-read);}
.founder-name{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);}
.founder-role{font-size:var(--fs-sm);font-weight:700;color:var(--violet-deep);margin:var(--sp-2) 0 var(--sp-5);}
.founder-card p{margin:0;color:var(--ink-soft);font-size:var(--fs-md);}
@media (min-width:900px){ .founder{padding:var(--sp-16) 0;} }

/* Triết lý cùng nhau thắng lợi */
.philosophy{padding:var(--sp-10) 0;}
.pillar-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-5);}
.pillar .icon{width:40px;height:40px;border-radius:var(--r-sm);background:var(--violet);margin-bottom:var(--sp-4);display:flex;align-items:center;justify-content:center;color:var(--on-dark);font-family:var(--font-display);font-weight:700;}
.pillar .icon-coral{background:var(--coral);}
.pillar h3{font-size:var(--fs-lg);margin-bottom:var(--sp-2);}
.pillar p{margin:0;color:var(--card-text-soft);font-size:var(--fs-md);}
@media (min-width:900px){
  .philosophy{padding:var(--sp-16) 0;}
  .pillar-grid{grid-template-columns:repeat(3,1fr);}
}

/* Cam kết cụ thể */
.commitments{padding:var(--sp-10) 0;}
.commit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-3);max-width:var(--w-read);}
.commit-list .notice{font-size:var(--fs-md);color:var(--ink-soft);}
@media (min-width:900px){ .commitments{padding:var(--sp-16) 0 var(--sp-24);} }

/* CTA đơn giản (không lặp form waitlist đầy đủ — chỉ dẫn về trang chủ) */
.about-cta{padding:0 0 var(--sp-20);}
.about-cta-box{border-radius:var(--r-xl);padding:var(--sp-12) var(--sp-6);text-align:center;}
.about-cta-box h2{font-size:var(--fs-h2);max-width:20ch;margin:0 auto var(--sp-4);}
.about-cta-box p{color:var(--card-text-soft);max-width:44ch;margin:0 auto var(--sp-6);}
.about-cta-box .accent{color:var(--violet-soft);}
.about-cta-box .waitlist-form{justify-content:center;margin:0 auto;}
.about-cta-box .input{border-color:var(--surface);}
.about-cta-box .form-note{color:var(--on-dark-muted);}
.about-cta-box .success-msg{margin:0 auto;}
@media (min-width:900px){ .about-cta-box{padding:var(--sp-16) var(--sp-10);} }