/* About page. Builds on landing.css (tokens, header, buttons, call band, footer). Tokens come from the saved design Aminsoft BD Trust Blue. */
.au-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--tint-b) 0%,var(--bg) 100%)}
.au-hero::before{content:'';position:absolute;right:-8%;top:-30%;width:620px;height:620px;border-radius:50%;background:var(--tint-g);opacity:.7}
.au-hero::after{content:'';position:absolute;right:0;bottom:0;width:220px;height:120px;background:var(--accent);clip-path:polygon(100% 0,100% 100%,0 100%)}
.au-hero__in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;align-items:center;padding:64px 0 84px}
.au-kicker{display:flex;align-items:center;gap:10px;font-weight:600;font-size:18px;line-height:1.2;color:var(--accent)}
.au-kicker .i{font-size:28px}
.au-kicker::after{content:'';width:28px;height:2px;background:var(--accent);border-radius:2px}
.au-h1{margin-top:16px;font-size:clamp(34px,3.8vw,52px);line-height:1.22;font-weight:700;letter-spacing:-.01em}
.au-h1 span{display:block}
.au-h1 .b{color:var(--brand)}
.au-tagline{margin-top:12px;font-weight:600;font-size:18px;line-height:1.4;color:var(--brand)}
.au-lead{margin-top:18px;max-width:64ch;font-size:16px;line-height:1.9;color:var(--muted)}
.au-lead+.au-lead{margin-top:14px}

/* illustration */
.au-art{position:relative;width:min(100%,320px);aspect-ratio:1;justify-self:center}
.au-art__glow{position:absolute;inset:0;border-radius:50%;background:var(--tint-b)}
.au-art__core{position:absolute;inset:15%;display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--brand);box-shadow:var(--shadow)}
.au-art__core .i{font-size:100px;stroke-width:1.3}
.au-bub{position:absolute;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:var(--surface);font-size:26px;box-shadow:var(--shadow)}
.au-bub--a{top:4%;left:0;background:var(--accent)}
.au-bub--b{top:18%;right:-2%;background:var(--brand)}
.au-bub--c{bottom:8%;right:10%;background:var(--brand)}

/* sections */
.au-sec{padding:72px 0}
.au-sec--white{background:var(--surface)}
.au-head{text-align:center;margin-bottom:40px}
.au-h2{font-size:clamp(26px,3vw,36px);line-height:1.25;font-weight:700}
.au-head::after{content:'';display:block;width:56px;height:4px;margin:14px auto 0;border-radius:4px;background:var(--accent)}

/* services */
.au-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.au-card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow);transition:transform .2s}
.au-card:hover{transform:translateY(-3px)}
.au-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--tint-b);color:var(--brand);font-size:28px}
.au-ico--g{background:var(--tint-g);color:var(--accent)}
.au-card h3{font-size:16px;line-height:1.45;font-weight:600}

/* mission and promise */
.au-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.au-panel{padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow)}
.au-panel__top{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.au-panel__ico{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:50%;background:var(--tint-b);color:var(--brand);font-size:28px}
.au-panel h2{font-size:clamp(22px,2.4vw,28px);line-height:1.3;font-weight:700}
.au-panel p{font-size:16px;line-height:1.9;color:var(--muted)}
.au-chips{display:flex;flex-wrap:wrap;gap:12px}
.au-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:var(--tint-b);font-weight:600;font-size:15px;line-height:1.4;color:var(--brand)}
.au-chip .i{font-size:20px;color:var(--accent)}

/* responsive */
@media (max-width:999px){.au-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:899px){.au-hero__in{grid-template-columns:1fr;gap:28px;padding:44px 0 72px}.au-art{width:min(100%,240px)}.au-duo{grid-template-columns:1fr}.au-sec{padding:56px 0}.au-lead{max-width:none}}
@media (max-width:640px){.au-hero__in{padding:32px 0 64px}.au-hero::after{width:130px;height:72px}.au-hero::before{width:380px;height:380px;right:-30%;top:-12%}.au-panel{padding:24px 18px}.au-card{padding:20px 16px}.au-sec{padding:48px 0}.au-head{margin-bottom:28px}}
@media (max-width:359px){.au-grid{grid-template-columns:1fr}}
@media (hover:none){.au-card:hover{transform:none}}