.about-page{background:#f8f7fc;color:#252646}
.about-hero{padding:92px 0 80px;background:linear-gradient(135deg,#efeffb 0%,#f8f7fc 55%,#ffffff 100%)}
.about-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.about-hero-copy .eyebrow,.about-section .eyebrow{color:#625bb0;font-weight:800;letter-spacing:.14em;font-size:12px;text-transform:uppercase}
.about-hero h1{font-family:Poppins,sans-serif;font-size:clamp(44px,5vw,62px);line-height:.98;margin:14px 0 24px;letter-spacing:-.045em}
.about-hero h1 em{font-style:normal;color:#625bb0}
.about-hero p{font-size:18px;line-height:1.7;max-width:650px;color:#5d6278;margin:0 0 28px}
.about-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.about-visual{position:relative}
.about-visual img{width:100%;height:520px;object-fit:cover;border-radius:28px;display:block;box-shadow:0 24px 60px rgba(22,70,72,.18)}
.about-visual-card{position:absolute;left:-26px;bottom:26px;background:#ffffff;border:1px solid #e2e1ef;border-radius:18px;padding:18px 22px;box-shadow:0 15px 40px rgba(45,43,85,.14);display:flex;flex-direction:column;gap:4px}
.about-visual-card strong{font-size:18px}.about-visual-card span{font-size:13px;color:#6b7085}
.about-section{padding:92px 0}.about-section.alt{background:#ffffff}.about-section-heading{text-align:center;max-width:760px;margin:0 auto 48px}.about-section-heading h2{font-family:Poppins,sans-serif;font-size:clamp(32px,3.5vw,42px);line-height:1.08;margin:10px 0 16px;letter-spacing:-.035em}.about-section-heading p{font-size:16px;line-height:1.7;color:#646a7e}
.about-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.about-story-card{background:#34325d;color:#ffffff;border-radius:26px;padding:40px;min-height:100%;box-shadow:0 18px 50px rgba(11,77,74,.15)}.about-story-card .quote{font-family:Poppins,sans-serif;font-size:26px;line-height:1.3;font-weight:700;margin:0 0 22px}.about-story-card p{color:#e8e7f5;line-height:1.7;font-size:15px}.about-copy p{font-size:16px;line-height:1.8;color:#5e6478;margin:0 0 18px}.about-copy h3{font-family:Poppins,sans-serif;font-size:22px;margin:0 0 12px}
.about-pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.about-pillar{background:#faf9fd;border:1px solid #e2e1ef;border-radius:22px;padding:30px}.about-pillar-icon{width:52px;height:52px;border-radius:15px;background:#e9e7f8;color:#625bb0;display:grid;place-items:center;font-size:22px;font-weight:800;margin-bottom:18px}.about-pillar h3{font-family:Poppins,sans-serif;font-size:20px;margin:0 0 9px}.about-pillar p{margin:0;color:#666c80;line-height:1.65;font-size:15px}
.about-values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.about-value{padding:28px 22px;border-radius:20px;border:1px solid #e2e1ef;background:#ffffff;text-align:center}.about-value strong{display:block;font-family:Poppins,sans-serif;font-size:18px;margin-bottom:9px}.about-value span{font-size:14px;color:#6e7385;line-height:1.55}
.about-specialties{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.about-specialty{border-radius:24px;overflow:hidden;background:#ffffff;border:1px solid #e2e1ef;box-shadow:0 10px 28px rgba(21,67,68,.07)}.about-specialty img{width:100%;height:210px;object-fit:cover;display:block}.about-specialty-body{padding:24px}.about-specialty-body h3{font-family:Poppins,sans-serif;font-size:20px;margin:0 0 9px}.about-specialty-body p{font-size:15px;line-height:1.65;color:#676d80;margin:0}
.about-cta{padding:28px 0 96px}.about-banner{background:linear-gradient(135deg,#34325d,#514b93);border-radius:28px;padding:48px 56px;color:#ffffff;display:flex;justify-content:space-between;align-items:center;gap:30px}.about-banner h2{font-family:Poppins,sans-serif;font-size:34px;margin:0 0 8px}.about-banner p{margin:0;color:#e8e7f5;font-size:16px}
@media(max-width:900px){.about-hero-grid,.about-story{grid-template-columns:1fr}.about-visual img{height:430px}.about-visual-card{left:18px}.about-values{grid-template-columns:repeat(2,1fr)}.about-specialties{grid-template-columns:1fr}.about-banner{flex-direction:column;align-items:flex-start}}
@media(max-width:600px){.about-hero{padding:64px 0} .about-hero h1{font-size:44px}.about-hero p{font-size:16px}.about-section{padding:70px 0}.about-pillars,.about-values{grid-template-columns:1fr}.about-story-card{padding:28px}.about-banner{padding:34px 26px}.about-banner h2{font-size:28px}}
.scroll-reveal{opacity:0;transform:translateY(42px);transition:opacity .75s ease,transform .75s ease}.scroll-reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}}

/* About page header: high-contrast navigation over the light hero */
.about-page .site-header{position:relative;background:rgba(255,255,255,.92);border-bottom:1px solid #e2e1ef;box-shadow:0 6px 20px rgba(20,70,68,.06)}
.about-page .brand strong{color:#252646;text-shadow:none}
.about-page .brand small{color:#6a6d82;text-shadow:none}
.about-page .nav a{color:#34365a;text-shadow:none}
.about-page .nav a:hover,.about-page .nav a.active{color:#625bb0;border-bottom-color:#625bb0}
.about-page .nav-dropdown-toggle{color:#34365a;text-shadow:none}
.about-page .nav-dropdown.open .nav-dropdown-toggle{color:#625bb0;border-bottom-color:#625bb0}
.about-page .nav-dropdown-menu{background:#ffffff;border-color:#d9ebe7;box-shadow:0 16px 34px rgba(12,60,55,.12)}
.about-page .nav-dropdown-menu a{color:#34365a!important}
.about-page .nav-dropdown-menu a:hover{background:#f1effb;color:#625bb0!important}
.about-page .menu-toggle{color:#34365a;text-shadow:none}
.about-values{align-items:stretch}
.about-value{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:215px;padding:30px 24px}
.value-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px;box-shadow:inset 0 0 0 1px rgba(21,157,136,.12)}
.value-icon svg{width:29px;height:29px}
.trust-icon{background:#e9e7f8;color:#625bb0}
.transparency-icon{background:#eee5fb;color:#8b4bc4}
.personalization-icon{background:#e5f0fb;color:#4389c9}
.care-icon{background:#fbefe1;color:#ed7c2a}
.about-value strong{font-size:20px;margin-bottom:10px}
.about-value span{font-size:15px;max-width:245px}
@media(max-width:600px){.about-value{min-height:0;padding:28px 22px}.value-icon{width:54px;height:54px}.about-value strong{font-size:19px}.about-value span{font-size:14px}}


/* About page visual identity */
.about-page .btn-yellow{background:#e2a74f;color:#252646;box-shadow:0 8px 18px rgba(180,130,45,.16)}
.about-page .btn-yellow:hover{background:#d69a3f}


/* v67 glass navigation override */
.about-page .site-header{position:fixed !important;background:rgba(244,242,255,.90) !important;border-bottom:1px solid rgba(98,91,176,.18) !important;box-shadow:0 10px 34px rgba(52,50,93,.13);backdrop-filter:blur(30px) saturate(155%);-webkit-backdrop-filter:blur(30px) saturate(155%)}

/* About hero secondary CTA: keep it clearly visible on the light lavender background. */
.about-page .about-hero-actions .btn-outline-dark{
  background:#625bb0;
  color:#fff;
  border:1px solid #625bb0;
  box-shadow:0 8px 18px rgba(98,91,176,.18);
}
.about-page .about-hero-actions .btn-outline-dark:hover{
  background:#514a9e;
  border-color:#514a9e;
  color:#fff;
}