/* Página institucional. Usa os tokens e componentes globais sem carregar estilos de personas. */
.about-page .breadcrumb ol{flex-wrap:wrap;row-gap:8px}
.about-page .about-hero{padding:200px 0 96px;position:relative}
.about-page .about-intro{max-width:950px;margin-bottom:32px}
.about-page .tagline{font-size:12px;line-height:1.7;margin-bottom:24px}
.about-page h1{font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.08;letter-spacing:-.04em;text-wrap:balance;color:var(--text-main);max-width:1100px;margin-bottom:40px}
.about-page .about-intro h2{font-size:clamp(2rem,4.2vw,3.25rem);line-height:1.12;text-wrap:balance;color:var(--text-main)}
.about-page .about-hero-grid{display:grid;grid-template-columns:3fr 2fr;gap:64px;align-items:start}
.about-page .about-brand{padding:36px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);margin-top:8px}
.about-page .about-brand img{width:100%;height:auto;max-width:420px}
.about-page .about-brand-years{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px;color:var(--text-dim);font-size:13px;line-height:1.7}
.about-page .about-brand-years strong{display:block;color:var(--accent-orange);font-family:var(--font-display);font-size:25px;font-weight:400;margin-top:10px}
.about-page .about-section{padding:112px 0;border-top:1px solid var(--border-dim);position:relative}
.about-page .about-alt{background:var(--bg-alt)}
.about-page .about-prose{max-width:1100px}
.about-page .about-prose p,.about-page .about-timeline p{font-size:18px;line-height:1.75;color:var(--text-dim);margin-bottom:20px;max-width:950px}
.about-page .about-prose h3,.about-page .about-timeline h3{font-size:26px;line-height:1.3;color:var(--text-main);margin:32px 0 24px}
.about-page .about-prose .about-quote,.about-page .about-timeline .about-quote{font-family:var(--font-display);font-size:24px;line-height:1.5;color:var(--text-main);padding-left:24px;border-left:2px solid var(--accent-orange);margin:32px 0}
.about-page .about-quote+.about-quote{margin-top:-16px}
.about-page .about-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;padding:0;margin:28px 0 36px}
.about-page .about-list li{font-size:15px;line-height:1.7;color:var(--text-dim);padding:16px 0 16px 18px;border-top:1px solid var(--border-light);position:relative}
.about-page .about-list li::before{content:'';position:absolute;left:0;top:26px;width:5px;height:5px;border-radius:50%;background:var(--accent-orange)}
.about-page .about-founder{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:start}
.about-page .about-founder figure{margin:0}
.about-page .about-founder img{display:block;width:100%;height:auto;border-radius:16px;aspect-ratio:1;object-fit:cover}
.about-page figcaption{font-size:12px;line-height:1.7;color:var(--text-dim);margin-top:16px}
.about-page .about-founder h3{margin-top:0;font-size:32px}
.about-page .about-prose .about-subtitle{font-size:14px;line-height:1.7;color:var(--accent-orange);margin-bottom:24px}
.about-page .about-expertise{display:flex;flex-wrap:wrap;gap:12px 20px;list-style:none;padding:20px 0;margin:24px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);font-size:13px;line-height:1.7;color:var(--text-dim)}
.about-page .about-timeline{list-style:none;padding:0 0 0 40px;margin:48px 0 0;border-left:1px solid rgba(242,130,41,.35);max-width:1000px}
.about-page .about-timeline li{position:relative;padding-bottom:56px}
.about-page .about-timeline li:last-child{padding-bottom:0}
.about-page .about-timeline li::before{content:'';position:absolute;left:-46px;top:11px;width:11px;height:11px;border-radius:50%;background:var(--accent-orange)}
.about-page .about-timeline h3{margin-top:0}
.about-page .about-timeline time{color:var(--accent-orange)}
.about-page .about-cards,.about-page .about-tech-grid,.about-page .about-solutions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:40px 0}
.about-page .about-card,.about-page .about-tech-card{padding:32px;border:1px solid var(--border-light);border-radius:16px;background:rgba(17,17,17,.8);min-width:0}
.about-page .about-card h3,.about-page .about-tech-card h3{font-size:23px;margin-top:0}
.about-page .about-card p,.about-page .about-tech-card p{font-size:16px;line-height:1.75}
.about-page .about-card p:last-child,.about-page .about-tech-card p:last-child{margin-bottom:0}
.about-page .about-card .about-list{grid-template-columns:1fr;margin-bottom:0}
.about-page .about-equation{display:flex;align-items:center;gap:28px;padding:32px 0;margin-top:32px;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);font-family:var(--font-display);font-size:18px;line-height:1.6;color:var(--text-main)}
.about-page .about-equation span:nth-child(2){font-size:28px;color:var(--accent-orange)}
.about-page .about-logo-plate{height:120px;padding:24px;border-radius:10px;background:#f0f1f2;display:flex;justify-content:center;align-items:center;margin-bottom:28px}
.about-page .about-logo-plate img{display:block;max-width:100%;width:auto;height:auto;max-height:72px;object-fit:contain}
.about-page .about-logo-dark{background:#171719;border:1px solid var(--border-light)}
.about-page .about-solutions{grid-template-columns:repeat(3,minmax(0,1fr))}
.about-page .about-solutions .about-card{display:flex;flex-direction:column}
.about-page .about-solutions .about-button{margin-top:auto;align-self:flex-start}
.about-page .about-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.about-page .about-button{max-width:100%;white-space:normal;text-align:center;gap:12px}
.about-page .about-note,.about-page .about-prose .about-note{font-size:13px;line-height:1.8;color:var(--text-dim);margin-top:24px}
.about-page .about-final .about-intro,.about-page .about-final .about-prose{max-width:900px;margin-left:auto;margin-right:auto;text-align:center}
.about-page .about-final .about-actions{justify-content:center}
.about-page section[id]{scroll-margin-top:100px}
.about-page main *{overflow-wrap:break-word}
@media(max-width:1100px){.about-page .about-hero-grid,.about-page .about-founder{gap:40px}.about-page .about-solutions{grid-template-columns:1fr}.about-page .about-solutions .about-button{margin-top:16px}.about-page .about-brand-years{grid-template-columns:1fr}}
@media(max-width:768px){.about-page .about-hero{padding:184px 0 64px}.about-page h1{font-size:clamp(2.4rem,10vw,3.5rem)}.about-page .about-section{padding:80px 0}.about-page .about-hero-grid,.about-page .about-founder,.about-page .about-cards,.about-page .about-tech-grid{grid-template-columns:1fr}.about-page .about-brand-years{grid-template-columns:1fr 1fr}.about-page .about-brand{max-width:500px}.about-page .about-list{grid-template-columns:repeat(2,minmax(0,1fr))}.about-page .about-founder figure{max-width:520px}.about-page .about-equation{flex-direction:column;gap:16px;text-align:center}.about-page .about-card,.about-page .about-tech-card{padding:28px}.about-page .about-prose .about-quote,.about-page .about-timeline .about-quote{font-size:22px}.about-page .about-actions{flex-direction:column}.about-page .about-actions .about-button{width:100%;padding:14px 20px}.about-page .about-timeline{padding-left:24px}.about-page .about-timeline li::before{left:-30px}.about-page .about-timeline h3{font-size:24px}.about-page .about-logo-plate{padding:20px}}
@media(max-width:400px){.about-page .about-list{grid-template-columns:1fr}.about-page .about-card,.about-page .about-tech-card{padding:24px}.about-page .about-brand-years{grid-template-columns:1fr}.about-page .about-founder h3{font-size:28px}}