/* ==========================================================================
   About page — premium theme + unique sections (loads product_page_base.css).
   TrueMed brand teal/cyan. Unique: hero glow, "what we do" cards, belief split,
   partner-form contacts. Scoped under .pdp-page.theme-about.
   ========================================================================== */

.pdp-page.theme-about {
    --pdp-bg: #0a1418;
    --pdp-bg2: #0e1c22;
    --pdp-ink: #eafaf6;
    --pdp-muted: #9db6b0;
    --pdp-accent: #1ed5c1;
    --pdp-accent2: #38bdf8;
    --pdp-accent-ink: #04231e;
    --pdp-line: rgba(255,255,255,.08);
    --pdp-card: rgba(255,255,255,.035);
    --pdp-glass: rgba(10,25,28,.6);
    --pdp-alt-mid: #0d2226;
    --pdp-hero-bg:
        radial-gradient(90% 70% at 78% 12%, rgba(30,213,193,.18), transparent 55%),
        radial-gradient(70% 60% at 15% 95%, rgba(56,189,248,.10), transparent 55%),
        linear-gradient(180deg, var(--pdp-bg2), var(--pdp-bg));
    --pdp-cta-bg:
        radial-gradient(90% 120% at 0% 0%, rgba(30,213,193,.14), transparent 55%),
        linear-gradient(180deg, #0d2226, var(--pdp-bg));
}

/* hero — centred narrative */
.theme-about .abt-hero-inner { display: block; max-width: 860px; }
.theme-about .abt-glow { position: absolute; z-index: -1; width: 60vmax; height: 60vmax; right: -12vmax; top: -20vmax; background: radial-gradient(circle, rgba(30,213,193,.16), transparent 62%); filter: blur(8px); animation: abt-pulse 9s ease-in-out infinite; }
@keyframes abt-pulse { 0%,100% { transform: scale(1); opacity: .8; } 50% { transform: scale(1.12); opacity: 1; } }
.theme-about .abt-hero-lead { color: var(--pdp-muted); font-size: clamp(1.1rem, 2vw, 1.4rem); line-height: 1.55; max-width: 40ch; margin: 22px 0 30px; }

/* manifesto statement */
.theme-about .abt-manifesto { max-width: 900px; }
.theme-about .abt-manifesto h2 { font-size: clamp(1.6rem, 3.4vw, 2.6rem); font-weight: 800; line-height: 1.15; letter-spacing: -.02em; margin: .3em 0 .7em; }
.theme-about .abt-manifesto .rich-text p { color: var(--pdp-muted); font-size: clamp(1rem, 1.5vw, 1.14rem); line-height: 1.7; margin: 0 0 .8em; }
.theme-about .abt-manifesto .rich-text strong, .theme-about .abt-manifesto .rich-text b { color: var(--pdp-ink); }

/* what we do */
.theme-about .abt-do { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.theme-about .abt-do-card { position: relative; padding: 32px 26px; border-radius: 22px; border: 1px solid var(--pdp-line); background: var(--pdp-card); overflow: hidden; transition: transform .25s ease, border-color .25s ease; text-decoration: none; color: inherit; display: block; }
.theme-about .abt-do-card:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--pdp-accent) 50%, transparent); }
.theme-about .abt-do-card::before { content: ""; position: absolute; top: -35%; right: -25%; width: 65%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--pdp-accent) 22%, transparent), transparent 65%); }
.theme-about .abt-do-ico { position: relative; width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; background: color-mix(in srgb, var(--pdp-accent) 14%, transparent); color: var(--pdp-accent); margin-bottom: 16px; }
.theme-about .abt-do-card h3 { position: relative; margin: 0 0 8px; font-size: 1.24rem; font-weight: 800; }
.theme-about .abt-do-card p { position: relative; color: var(--pdp-muted); line-height: 1.55; margin: 0 0 14px; }
.theme-about .abt-do-more { position: relative; font-weight: 700; font-size: .9rem; color: var(--pdp-accent); }

/* belief split (image + text) */
.theme-about .abt-belief { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.theme-about .abt-belief-media { border-radius: 24px; overflow: hidden; border: 1px solid var(--pdp-line); }
.theme-about .abt-belief-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.theme-about .abt-belief-text h2 { font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 800; margin: .2em 0 .6em; }
.theme-about .abt-belief-text .rich-text p { color: var(--pdp-muted); font-size: 1.06rem; line-height: 1.7; margin: 0 0 .8em; }

/* partner form */
.theme-about .abt-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: start; }
.theme-about .abt-contacts { display: grid; gap: 14px; margin-top: 26px; }
.theme-about .abt-contact { display: flex; align-items: center; gap: 12px; color: var(--pdp-ink); text-decoration: none; font-weight: 600; }
.theme-about .abt-contact:hover { color: var(--pdp-accent); }
.theme-about .abt-contact .ic { width: 38px; height: 38px; flex: 0 0 auto; border-radius: 11px; display: grid; place-items: center; border: 1px solid var(--pdp-line); color: var(--pdp-accent); }
.theme-about .abt-contact .ic svg { width: 18px; height: 18px; }

@media (prefers-reduced-motion: reduce) { .theme-about .abt-glow { animation: none !important; } }
@media (max-width: 900px) {
    .theme-about .abt-do { grid-template-columns: 1fr; }
    .theme-about .abt-belief { grid-template-columns: 1fr; }
    .theme-about .abt-belief-media { order: -1; }
    .theme-about .abt-form-grid { grid-template-columns: 1fr; }
}