/* About page: the existing site palette and button system are inherited. */
.about-page{color:var(--color-text)}
.about-hero{padding:clamp(3rem,7vw,6rem) 0;background:radial-gradient(ellipse at 90% 15%,#009ecb13,transparent 55%),linear-gradient(130deg,#fff,#f3f8fb);border-bottom:1px solid var(--color-border)}
.about-hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.about-eyebrow{color:var(--color-accent);text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.15em;margin:0 0 1rem}
.about-hero h1{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 1.5rem;max-width:18ch}
.about-page p:not(.about-eyebrow){color:var(--color-muted);line-height:1.75}
.about-lead{font-size:1.125rem}
.about-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.about-visual{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;border:1px solid #009ecb30;border-radius:1.2rem;background:radial-gradient(ellipse,#009ecb0f,#fff);box-shadow:0 25px 70px #10263808;color:var(--color-accent)}
.about-visual svg{width:100%;max-width:360px;height:auto}.about-visual>span{margin-top:.75rem;font-size:.75rem;color:var(--color-muted)}
.about-section{padding:clamp(3rem,6vw,5rem) 0}.about-tint{background:#f0f6f9;border-block:1px solid var(--color-border)}
.about-heading{max-width:730px;margin-bottom:2rem}.about-page h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 1rem}.about-page h3{font-size:1.05rem;line-height:1.4;margin:0 0 .65rem}
.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.about-card{padding:1.7rem;border:1px solid var(--color-border);border-radius:1rem;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.about-card p{font-size:.925rem;margin:0}.about-card-accent{display:block;width:28px;height:2px;background:var(--color-accent);margin-bottom:1.4rem}.about-card:hover{transform:translateY(-3px);border-color:#009ecb66;box-shadow:0 12px 28px #10263808}.about-card a{display:inline-block;margin-top:1.5rem;color:var(--color-accent);font-weight:600}
.about-engineering{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.about-flow{list-style:none;margin:0;padding:0}.about-flow li{position:relative;display:flex;gap:1.2rem;padding:0 0 1.8rem}.about-flow li:not(:last-child)::after{content:"";position:absolute;width:1px;left:21px;top:43px;bottom:0;background:#009ecb44}.about-step-number{flex:none;display:grid;place-items:center;width:43px;height:43px;border:1px solid #009ecb55;border-radius:50%;background:#fff;color:var(--color-accent);font-size:.75rem;font-weight:700}.about-flow h3{text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;margin:.5rem 0}.about-flow p{font-size:.9rem;margin:0}.about-flow li.about-step-pending{opacity:0;transform:translateY(12px)}.about-flow li{transition:opacity .4s,transform .4s;transition-delay:calc(var(--step)*45ms)}
.about-note{font-size:.85rem;margin-top:1.5rem}.about-brand-section{background:#fff;border-block:1px solid var(--color-border)}.about-brand-panel{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-brand-panel>img{width:100%;max-width:390px;height:auto}.about-pathways{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.about-symbol{display:block;font-size:2.5rem;color:var(--color-accent);margin-bottom:1.5rem}.about-technology{display:flex;justify-content:space-between;align-items:center;gap:2rem}.about-technology .about-heading{max-width:680px;margin:0}.about-technology>.button{flex-shrink:0}.about-final{padding:clamp(2rem,5vw,4rem);background:linear-gradient(120deg,#edf7fb,#fff);border:1px solid #009ecb33;border-radius:1.2rem}
@media(max-width:1000px){.about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-hero-grid{grid-template-columns:1fr 1fr;gap:2rem}.about-technology{display:block}.about-technology>.button{margin-top:1.5rem}.about-engineering{gap:2rem}}
@media(max-width:680px){.about-hero-grid,.about-engineering,.about-brand-panel,.about-pathways,.about-grid{grid-template-columns:1fr}.about-hero h1{max-width:none}.about-visual{padding:1.5rem}.about-visual svg{max-width:270px}.about-brand-panel{gap:2rem}.about-brand-panel>img{max-width:300px}.about-card{padding:1.5rem}.about-actions>.button{width:100%}}
@media(prefers-reduced-motion:reduce){.about-page *{transition:none!important;animation:none!important}.about-flow li.about-step-pending{opacity:1;transform:none}.about-card:hover{transform:none}}