/*
 * Innerface — site-wide aesthetic / font system
 * ─────────────────────────────────────────────────────────────
 * Brand: Innerface — The AI Operating System
 * Tokens: dark / glass / platinum (--if-*) with --pai-* aliases for compatibility.
 * Product skins preserved: EMMA gold · HELEN teal · PRISM periwinkle (scoped below).
 *
 * Fonts (Google): Cormorant Garamond (display) · Marcellus (labels) · Outfit (body/UI)
 * SOURCE OF TRUTH (type): "AO Awards section.zip"
 *
 * Apply via /assets/pai-aesthetics.css on marketing pages.
 * Marketing copy uses elegant stack — even on body[data-variant="iron"]
 * (INNERFACE solutions page / homepage §2 embed). ALL buttons/CTAs use
 * Cormorant Garamond (editorial elegance — Outfit on CTAs read as cartoon UI).
 * Iron OS core widgets only (#innerface-core-mount / radar / ai-core) keep
 * Inter Tight + JetBrains Mono. Do NOT import /innerface/styles.css globally
 * (breaks home-nav-restore).
 */

@import url("https://fonts.googleapis.com/css2?family=Aldrich&family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Marcellus&family=Outfit:wght@300;400;500;600;700&display=swap");

:root{
  /* ---------- Innerface brand tokens (dark / glass / platinum) ---------- */
  --if-bg: #07060A;
  --if-bg-elevated: #0C0B0F;
  --if-ink: #0b0907;
  --if-panel: rgba(232, 218, 188, 0.045);
  --if-panel-solid: #14100B;
  --if-glass: rgba(12, 11, 15, 0.68);
  --if-glass-strong: rgba(7, 6, 10, 0.88);
  --if-border: rgba(232, 218, 188, 0.09);
  --if-border-strong: rgba(232, 218, 188, 0.16);
  --if-platinum: #E8E4DC;
  --if-platinum-bright: #F7F4EE;
  --if-platinum-dim: rgba(232, 228, 220, 0.55);
  --if-gold: #D4AF52;
  --if-gold-bright: #F6E4A8;
  --if-gold-deep: #9C7128;
  --if-ember: #E88C34;
  --if-cream: #F3EEE0;
  --if-cream-soft: #f2ede2;
  --if-text: #F3EEE0;
  --if-text-dim: #ABA290;
  --if-text-faint: #6B6152;
  --if-blur: 18px;
  --if-radius: 12px;
  --if-ease: cubic-bezier(.2,.7,.2,1);

  /* Product skin anchors (do not override on Captain pages) */
  --if-emma-gold: #D4AF52;
  --if-helen-teal: #2A9B8F;
  --if-prism-peri: #7c93d9;

  /* ---------- Legacy --pai-* aliases (same values; keep existing selectors working) ---------- */
  --pai-ease: var(--if-ease);
  --pai-gold: var(--if-gold);
  --pai-gold-bright: var(--if-gold-bright);
  --pai-gold-deep: var(--if-gold-deep);
  --pai-ember: var(--if-ember);
  --pai-ink: var(--if-ink);
  --pai-cream: var(--if-cream);
  --pai-cream-soft: var(--if-cream-soft);

  /* AO Awards type stack — site-wide elegant fonts */
  --pai-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --pai-font-label: "Marcellus", Georgia, serif;
  --pai-font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;
  /* CTAs: Cormorant (not Outfit) — elegant serif labels site-wide */
  --pai-font-cta: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --pai-font-iron-ui: "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --pai-font-iron-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  --if-font-display: var(--pai-font-display);
  --if-font-label: var(--pai-font-label);
  --if-font-body: var(--pai-font-body);
  --if-font-cta: var(--pai-font-cta);
}

/* ---------- base polish ---------- */
html{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/*
 * SITE-WIDE FONT LOCK (AO Awards stack)
 * Cormorant = display/nav/ALL buttons · Marcellus = labels · Outfit = body only
 * Applies on ALL pages including body[data-variant="iron"] marketing chrome.
 * Iron core widgets re-scoped to Inter Tight / JetBrains further below.
 * !important beats page-inline Outfit leftovers and home-nav-restore.
 */

/* Body + universal text fallback → Outfit */
body,
body p,
body li,
body td,
body th,
body dd,
body dt,
body label,
body input:not([type="submit"]):not([type="button"]):not([type="reset"]),
body textarea,
body select,
body .d,
body .desc,
body .footer-col a,
body .site-footer .footer-bottom,
body .site-footer .footer-bottom span,
body .feature-card .d,
body .section-head p,
body .hero p.desc,
body .tag,
body .venture,
body .footer-brand p{
  font-family: var(--pai-font-body) !important;
}

body{
  font-weight: 400;
  letter-spacing: 0.01em;
}

/* Display / headings / hero titles → Cormorant Garamond */
body h1,
body h2,
body h3,
body .section-head h1,
body .section-head h2,
body .hero h1,
body .final-cta h2,
body .cta-band h2,
body .what-grid .lede,
body .emma-card h3,
body .partner-card h3,
body .helen-name,
body .soon-icon,
body .portal-header h1,
body .page .section-head h2,
body #capabilities .section-head h2,
body .cap-grid + * h2{
  font-family: var(--pai-font-display) !important;
  letter-spacing: -0.01em;
  line-height: 1.12;
}

/*
 * InstaPass AI logo wordmark (under-orb + Solutions card)
 * Logo line is Bank Gothic / Eurostile / Microgramma-like: wide geometric
 * tech sans, high tracking, white INSTAPASS + red AI.
 * No BrandKit font files in repo — Aldrich is the closest GF match with
 * squarish gothic forms and an open, inverted-V–leaning A (vs Cormorant).
 * Wins over body h1 / .hero h1 / .emma-card h3 Cormorant lock.
 */
:root{
  --pai-font-ip-logo: "Aldrich", "Eurostile", "Bank Gothic", "Microgramma", sans-serif;
}
body h1.ip-name,
body .hero h1.ip-name,
body .ip-name,
body .orb-intro-name.ip-name,
body .emma-card.instapass-card h3.ip-name,
body h2.ip-name,
body h3.ip-name{
  font-family: var(--pai-font-ip-logo) !important;
  font-weight: 400 !important;
  letter-spacing: 0.34em !important;
  text-transform: uppercase !important;
  line-height: 1.15 !important;
  color: #FFFFFF !important;
}
body h1.ip-name .ip-name-ai,
body .hero h1.ip-name .ip-name-ai,
body .ip-name .ip-name-ai,
body .orb-intro-name.ip-name .ip-name-ai,
body .emma-card.instapass-card h3.ip-name .ip-name-ai,
body h2.ip-name .ip-name-ai,
body h3.ip-name .ip-name-ai{
  color: #E52324 !important;
  font-style: normal !important;
  font-family: inherit !important;
}


/* Logo plates off — transparent PNGs, no chrome behind marks */
body .nav-logo,
body .nav .nav-logo-full,
body > .nav .nav-logo-full,
body .footer-brand-logo,
body .home-hero-lotus,
body .choose-card-mark{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Header wordmark is always the home link */
body .nav .nav-logo,
body > .nav .nav-logo,
body a.nav-logo{
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 2 !important;
}

/* Nav brand mark — larger, responsive (sync with page-inline + home-nav-restore) */
body .nav .nav-logo-full,
body > .nav .nav-logo-full{
  height: clamp(30px, 1.6vw + 20px, 42px) !important;
  width: auto !important;
  max-width: min(220px, 52vw) !important;
  display: block !important;
  object-fit: contain !important;
  object-position: left center !important;
  pointer-events: none !important;
}

/* Nav + mobile links (not CTAs) → Cormorant */
body .nav,
body .nav-links a,
body .nav-mobile-panel a:not(.cta):not(.nav-cta):not(.cta-secondary):not(.cta-launch){
  font-family: var(--pai-font-display) !important;
}

/* Eyebrows / labels / small uppercase → Marcellus */
body .eyebrow,
body .hero-eyebrow,
body .footer-h,
body .footer-email label,
body .emma-flag,
body .cap-card .t,
body .soon-card .t,
body .tl-step .t,
body .tl-dot,
body .role,
body .hero .role,
body .feature-card .t,
body .belief-card .t,
body .ent-card .t,
body .how-card .n,
body .how-step .t,
body .info-row .lbl,
body .helen-subtitle,
body .ip-role,
body .mod .t,
body .card h3,
body .ws-head h2,
body .portal-brand-text b,
body .portal-back,
body .serve-item strong,
body .value-card .t,
body .industry-card .t{
  font-family: var(--pai-font-label) !important;
}

/*
 * ALL buttons / CTAs / form submits → Cormorant Garamond (elegant, not cartoon)
 * Ultra-high specificity so home-nav-restore + page Outfit locks cannot win.
 * Tiny uppercase accent buttons may use Marcellus via .pai-cta-label.
 */
body button,
body .btn,
body .cta,
body .nav-cta,
body .cta-secondary,
body .cta-launch,
body .cta-ghost,
body a.cta,
body a.nav-cta,
body a.cta-secondary,
body a.cta-launch,
body a.cta-ghost,
body a.btn,
body [class*="cta"],
body a[class*="cta"],
body .pai-hero-send,
body .pai-hero-btn,
body .pai-top,
body .footer-email button,
body .nav-mobile-panel .cta,
body .nav-mobile-panel .nav-cta,
body .nav-mobile-panel a.cta,
body .emma-card .cta,
body .emma-card .cta-secondary,
body .emma-card a.cta,
body .instapass-card .cta,
body .instapass-card .cta-secondary,
body .instapass-card a.cta,
body .ip-card a,
body .ip-card .cta,
body .feature-card button,
body .feature-card a.cta,
body .feature-card a.btn,
body .cap-card a,
body .partner-card .cta,
body .partner-card a.cta,
body .action-card .cta,
body .action-card a.cta,
body .action-card .cta-secondary,
body .action-card a.cta-secondary,
body .empty-card .cta,
body .empty-card a.cta,
body .solution-card .cta,
body .solution-card a.cta,
body .ip-chat__send,
body .ip-chat__suggestions button,
body input[type="submit"],
body input[type="button"],
body input[type="reset"],
body > .nav .nav-cta,
body > .nav a.nav-cta,
body[data-variant="iron"] button,
body[data-variant="iron"] .btn,
body[data-variant="iron"] .cta,
body[data-variant="iron"] .nav-cta,
body[data-variant="iron"] .cta-secondary,
body[data-variant="iron"] .cta-launch,
body[data-variant="iron"] a.cta,
body[data-variant="iron"] a.nav-cta,
body[data-variant="iron"] a.cta-secondary,
body[data-variant="iron"] a.cta-launch,
body[data-variant="iron"] [class*="cta"],
body[data-variant="iron"] .footer-email button,
body[data-variant="iron"] input[type="submit"],
body[data-variant="iron"] input[type="button"],
body[data-variant="iron"] input[type="reset"],
body[data-variant="iron"] .page .cta-launch,
body[data-variant="iron"] .page .cta-secondary,
body[data-variant="iron"] .page .nav-cta,
body[data-variant="iron"] .page a.cta-launch,
body[data-variant="iron"] .page a.cta-secondary,
body[data-variant="iron"] .page a.nav-cta,
body[data-variant="iron"] .page button,
body[data-variant="iron"] .page .btn,
html.embed-mode body button,
html.embed-mode body .btn,
html.embed-mode body .cta,
html.embed-mode body .nav-cta,
html.embed-mode body .cta-secondary,
html.embed-mode body .cta-launch,
html.embed-mode body a.cta,
html.embed-mode body a.nav-cta,
html.embed-mode body a.cta-secondary,
html.embed-mode body a.cta-launch,
html.embed-mode body [class*="cta"]{
  font-family: var(--pai-font-cta) !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

/* Tiny uppercase label-style buttons → Marcellus */
body .pai-cta-label,
body button.pai-cta-label,
body a.pai-cta-label{
  font-family: var(--pai-font-label) !important;
  font-weight: 400 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* Iron OS core widgets ONLY — Inter Tight / JetBrains (beats CTA Cormorant) */
#innerface-core-mount,
#innerface-core-mount *,
.innerface-hero-stack .core-stage,
.innerface-hero-stack .core-stage *,
.innerface-hero-stack .ai-core,
.innerface-hero-stack .ai-core *,
.innerface-hero-stack .core-sentinel,
.innerface-hero-stack .core-sentinel *{
  font-family: var(--pai-font-iron-ui) !important;
}
#innerface-core-mount .mono,
#innerface-core-mount [class*="mono"],
.innerface-hero-stack .mono,
.innerface-hero-stack .stat-row .num,
.innerface-hero-stack .vital-cell .val,
.innerface-hero-stack .tick .px,
.innerface-hero-stack .tick .ch{
  font-family: var(--pai-font-iron-mono) !important;
}

/* ---------- motion primitives ---------- */
@keyframes pai-shimmer{ to{ background-position:200% center; } }
@keyframes pai-glow-pulse{
  0%,100%{ opacity:.55; transform:scale(1); }
  50%{ opacity:.95; transform:scale(1.08); }
}
@keyframes pai-float-ember{
  0%{ transform:translateY(0) translateX(0); opacity:0; }
  12%{ opacity:.85; }
  100%{ transform:translateY(-92vh) translateX(18px); opacity:0; }
}
@keyframes pai-fade-up{
  from{ opacity:0; transform:translateY(26px); }
  to{ opacity:1; transform:none; }
}
@keyframes pai-scroll-cue{
  0%{ transform:translateY(0); opacity:.9; }
  50%{ transform:translateY(8px); opacity:.4; }
  100%{ transform:translateY(0); opacity:.9; }
}

/* ---------- scroll reveal (section / card enters) ---------- */
[data-reveal]{
  opacity:0;
  transform:translateY(22px) scale(.985);
  transition:
    opacity .8s var(--pai-ease),
    transform .8s var(--pai-ease);
  will-change:opacity, transform;
}
[data-reveal="fade"],
[data-reveal].reveal-fade{
  transform:translateY(14px);
}
[data-reveal="scale"],
[data-reveal].reveal-scale{
  transform:translateY(14px) scale(.96);
}
[data-reveal="section"],
.section[data-reveal],
section.section[data-reveal]{
  transform:translateY(28px) scale(.99);
}
[data-reveal].is-visible{
  opacity:1;
  transform:none;
}
[data-reveal][data-reveal-delay="1"]{ transition-delay:.07s; }
[data-reveal][data-reveal-delay="2"]{ transition-delay:.14s; }
[data-reveal][data-reveal-delay="3"]{ transition-delay:.21s; }
[data-reveal][data-reveal-delay="4"]{ transition-delay:.28s; }
[data-reveal][data-reveal-delay="5"]{ transition-delay:.35s; }
[data-reveal][data-reveal-delay="6"]{ transition-delay:.42s; }
[data-reveal][data-reveal-delay="7"]{ transition-delay:.49s; }
[data-reveal][data-reveal-delay="8"]{ transition-delay:.56s; }

/* Never hide interactive orbs / embeds / widgets (hit targets stay stable) */
.orb-intro[data-reveal],
#orbIntro[data-reveal],
#innerface[data-reveal],
.innerface-embed[data-reveal],
.emma-widget[data-reveal],
#emma-widget-root[data-reveal],
[data-pai-no-reveal],
[data-pai-no-reveal][data-reveal]{
  opacity:1 !important;
  transform:none !important;
  transition:none !important;
  will-change:auto;
}

/* ---------- shimmer headlines ---------- */
.pai-shimmer-text,
h1.pai-shimmer-text,
h2.pai-shimmer-text,
.gold-text.pai-shimmer-text{
  background:linear-gradient(100deg,#9C7128,#F6E4A8 42%,#D4AF52 58%,#F6E4A8 74%,#9C7128);
  background-size:200% auto;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:pai-shimmer 8s linear infinite;
}

/* ---------- ambient glow / embers ---------- */
.pai-ambient-glow{
  position:absolute;
  left:50%; top:42%;
  width:min(780px,120vw); height:min(780px,120vw);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(232,140,52,.28) 0%, rgba(212,175,82,.12) 35%, transparent 68%);
  filter:blur(12px);
  animation:pai-glow-pulse 7s ease-in-out infinite;
  pointer-events:none; z-index:0;
}
.pai-ember-field{
  position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:1;
}
.pai-ember{
  position:absolute; bottom:-8px;
  width:3px; height:3px; border-radius:50%;
  background:radial-gradient(circle,#F6E4A8,#E88C34 55%,transparent 70%);
  box-shadow:0 0 8px rgba(232,140,52,.7);
  animation:pai-float-ember linear infinite;
  opacity:0;
}

/* ---------- elevated cards (AO award-card feel) ---------- */
.pai-elevate,
.cap-card,
.emma-card,
.soon-card,
.partner-card,
.feature-card,
.how-card,
.belief-card,
.ent-card,
.action-card,
.ref-card,
.empty-card,
.concept-card{
  transition:
    transform .35s var(--pai-ease),
    border-color .35s var(--pai-ease),
    box-shadow .35s var(--pai-ease) !important;
}
.pai-elevate:hover,
.cap-card:hover,
.emma-card:hover,
.soon-card:hover,
.partner-card:hover,
.feature-card:hover,
.how-card:hover,
.belief-card:hover,
.ent-card:hover,
.action-card:hover,
.ref-card:hover,
.empty-card:hover,
.concept-card:hover{
  transform:translateY(-5px);
  border-color:rgba(212,175,82,.45) !important;
  box-shadow:
    0 22px 50px rgba(0,0,0,.4),
    0 0 40px rgba(212,175,82,.08);
}

/* ---------- section polish ---------- */
.section,
.section-alt{
  position:relative;
}
.section-alt::before{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(90% 60% at 50% 0%, rgba(232,140,52,.08), transparent 55%),
    radial-gradient(70% 50% at 80% 100%, rgba(212,175,82,.05), transparent 50%);
  z-index:0;
}
.section-alt > *{ position:relative; z-index:1; }

.section-head .eyebrow,
.hero-eyebrow,
.emma-flag{
  letter-spacing:.28em;
}

/* softer gold hairlines */
.nav,
.portal-bar{
  transition:
    background .35s var(--pai-ease),
    border-color .35s var(--pai-ease),
    backdrop-filter .35s var(--pai-ease),
    box-shadow .35s var(--pai-ease);
}
.nav.is-scrolled,
.portal-bar.is-scrolled{
  background:rgba(7,6,10,.9) !important;
  border-bottom-color:rgba(232,218,188,.12) !important;
  box-shadow:0 10px 36px rgba(0,0,0,.28);
  backdrop-filter:blur(20px) !important;
  -webkit-backdrop-filter:blur(20px) !important;
}

/* partner / TLU portal hero plane */
.portal-header{
  overflow:hidden;
}
.portal-header > *:not(.pai-ambient-glow):not(.pai-ember-field){
  position:relative;
  z-index:2;
}

/* ---------- AO Awards CTA system (elegant Cormorant labels) ----------
   Softened vs prior cartoon stack: Cormorant 600 · modest radius (not ultra-pill)
   · calm letter-spacing · soft gold gradient. Red InstaPass CTAs keep brand red. */
body .cta,
body .nav-cta,
body a.cta,
body a.nav-cta,
body .pai-hero-send,
body .footer-email button,
body > .nav .nav-cta,
body[data-variant="iron"] .cta,
body[data-variant="iron"] .nav-cta,
body[data-variant="iron"] .pai-hero-send,
body[data-variant="iron"] .footer-email button,
body[data-variant="iron"] .page .cta-launch,
body[data-variant="iron"] .page a.cta-launch{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-family: var(--pai-font-cta) !important;
  font-weight:600 !important;
  font-size:16px !important;
  letter-spacing:0.02em !important;
  border-radius:12px !important;
  padding:13px 28px !important;
  background:linear-gradient(135deg,#F6E4A8,#D4AF52) !important;
  color:#0b0907 !important;
  border:none !important;
  box-shadow:0 10px 28px rgba(212,175,82,.22);
  transition:filter .2s ease, transform .3s var(--pai-ease), box-shadow .3s var(--pai-ease) !important;
}

/* Partner / captain tint — same CTA chrome, partner palette (beats gold wash).
   Set --tint, --tint-hi, --tint-ink on the card, portal, or button. */
body .cta.cta-tint,
body a.cta.cta-tint,
body button.cta.cta-tint,
body .partner-card .cta.cta-tint,
body .partner-card a.cta.cta-tint,
body .action-card .cta.cta-tint,
body .action-card a.cta.cta-tint,
body .emma-card .cta.cta-tint,
body .emma-card a.cta.cta-tint{
  background:linear-gradient(135deg, var(--tint-hi, var(--tint)), var(--tint)) !important;
  color: var(--tint-ink, #0b0907) !important;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--tint) 28%, transparent) !important;
}
body .cta.cta-tint:hover,
body a.cta.cta-tint:hover,
body button.cta.cta-tint:hover,
body .partner-card .cta.cta-tint:hover,
body .action-card .cta.cta-tint:hover,
body .emma-card .cta.cta-tint:hover{
  color: var(--tint-ink, #0b0907) !important;
  box-shadow: 0 12px 32px color-mix(in srgb, var(--tint) 40%, transparent) !important;
}
body .cta-secondary.cta-tint,
body a.cta-secondary.cta-tint{
  background: transparent !important;
  color: var(--tint-hi, var(--tint)) !important;
  border: 1px solid color-mix(in srgb, var(--tint) 45%, transparent) !important;
  box-shadow: none !important;
}
body .cta-secondary.cta-tint:hover,
body a.cta-secondary.cta-tint:hover{
  color: var(--tint-hi, var(--tint)) !important;
  border-color: var(--tint) !important;
  background: color-mix(in srgb, var(--tint) 10%, transparent) !important;
}
/* Red InstaPass CTAs — Cormorant elegance, keep brand red (not gold wash) */
body .instapass-card .cta,
body .instapass-card a.cta,
body.ip-surface .cta,
body.ip-surface a.cta,
body.ip-surface .nav-cta,
body.ip-surface a.nav-cta{
  font-family: var(--pai-font-cta) !important;
  font-weight:600 !important;
  background:linear-gradient(150deg,#ff6b6b,#b01819) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 10px 28px rgba(176,24,25,.24);
}

/* HELEN surface — medical blue / teal (not gold wash) */
body.helen-surface .cta,
body.helen-surface a.cta,
body.helen-surface .nav-cta,
body.helen-surface a.nav-cta,
body.helen-surface .pai-hero-send{
  font-family: var(--pai-font-cta) !important;
  font-weight:600 !important;
  background:linear-gradient(135deg,#5EC4E0,#0E5F7A) !important;
  color:#041018 !important;
  border:none !important;
  box-shadow:0 10px 28px rgba(14,95,122,.28) !important;
}
body.helen-surface .cta:hover,
body.helen-surface a.cta:hover,
body.helen-surface .nav-cta:hover{
  filter:brightness(1.06);
  color:#041018 !important;
}
body.helen-surface h1.helen-name,
body.helen-surface .helen-name{
  background:linear-gradient(120deg,#5EC4E0 0%,#2B8FB8 55%,#C5A35A 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
}


/* PRISM demo surface — periwinkle Launch (not gold wash) */
body.prism-surface .cta,
body.prism-surface a.cta,
body.prism-surface .nav-cta,
body.prism-surface a.nav-cta,
body.prism-surface .nav-mobile-panel .nav-cta,
body.prism-surface .nav-mobile-panel a.nav-cta,
body.prism-surface .prism-chat__send{
  font-family: var(--pai-font-cta) !important;
  font-weight:600 !important;
  background:linear-gradient(135deg,rgba(184,160,217,0.98) 0%,rgba(124,147,217,0.95) 100%) !important;
  color:#0b0907 !important;
  border:1px solid rgba(242,237,226,0.18) !important;
  box-shadow:0 10px 28px rgba(124,147,217,.28) !important;
}
body.prism-surface .cta:hover,
body.prism-surface a.cta:hover,
body.prism-surface .nav-cta:hover,
body.prism-surface a.nav-cta:hover,
body.prism-surface .prism-chat__send:hover{
  filter:brightness(1.06);
  color:#0b0907 !important;
  box-shadow:0 12px 34px rgba(124,147,217,.36) !important;
}
body.prism-surface .cta-secondary,
body.prism-surface a.cta-secondary{
  font-family: var(--pai-font-cta) !important;
  background:transparent !important;
  color:#f2ede2 !important;
  border:1px solid rgba(184,160,217,0.45) !important;
  box-shadow:none !important;
}
body.prism-surface h1.prism-name,
body.prism-surface .prism-name{
  font-family:'Cormorant Garamond',Georgia,serif !important;
  letter-spacing:0.28em !important;
  background:linear-gradient(120deg,#f2ede2 0%,#b8a0d9 45%,#7c93d9 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}

/* PRISM CTAs — elegant Cormorant · soft spectrum (not gold, not app-pill) */
body .prism-card .cta,
body .prism-card a.cta,
body .emma-card.prism-card .cta,
body .emma-card.prism-card a.cta{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:600 !important;
  font-size:16px !important;
  letter-spacing:0.04em !important;
  border-radius:10px !important;
  padding:13px 26px !important;
  background:linear-gradient(135deg,rgba(184,160,217,0.95) 0%,rgba(124,147,217,0.92) 100%) !important;
  color:#0b0907 !important;
  border:1px solid rgba(242,237,226,0.18) !important;
  box-shadow:0 8px 28px rgba(124,147,217,0.22) !important;
  transition:transform .25s ease,filter .2s ease,box-shadow .25s ease !important;
}
body .prism-card .cta::after,
body .prism-card a.cta::after,
body .emma-card.prism-card .cta::after,
body .emma-card.prism-card a.cta::after{
  content:"→";
  font-size:15px;
  opacity:.75;
  transition:transform .25s ease,opacity .2s ease;
}
body .prism-card .cta:hover,
body .prism-card a.cta:hover,
body .emma-card.prism-card .cta:hover,
body .emma-card.prism-card a.cta:hover{
  filter:brightness(1.06);
  transform:translateY(-1px);
  box-shadow:0 12px 34px rgba(124,147,217,0.32) !important;
  color:#0b0907 !important;
}
body .prism-card .cta:hover::after,
body .prism-card a.cta:hover::after,
body .emma-card.prism-card .cta:hover::after,
body .emma-card.prism-card a.cta:hover::after{
  transform:translateX(3px);
  opacity:1;
}
body .prism-card .cta-secondary,
body .prism-card a.cta-secondary,
body .emma-card.prism-card .cta-secondary,
body .emma-card.prism-card a.cta-secondary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:600 !important;
  font-size:16px !important;
  letter-spacing:0.04em !important;
  border-radius:10px !important;
  padding:13px 26px !important;
  background:rgba(255,255,255,0.02) !important;
  color:#f2ede2 !important;
  border:1px solid rgba(184,160,217,0.35) !important;
  box-shadow:none !important;
  transition:border-color .2s ease,color .2s ease,background .2s ease,transform .25s ease !important;
}
body .prism-card .cta-secondary:hover,
body .prism-card a.cta-secondary:hover,
body .emma-card.prism-card .cta-secondary:hover,
body .emma-card.prism-card a.cta-secondary:hover{
  border-color:rgba(124,147,217,0.65) !important;
  color:#c9b8e8 !important;
  background:rgba(124,147,217,0.08) !important;
  box-shadow:none !important;
  filter:none;
  transform:translateY(-1px);
}
body .cta-secondary,
body a.cta-secondary,
body .cta-launch,
body a.cta-launch,
body[data-variant="iron"] .cta-secondary,
body[data-variant="iron"] a.cta-secondary,
body[data-variant="iron"] .cta-launch,
body[data-variant="iron"] a.cta-launch,
body[data-variant="iron"] .page .cta-secondary,
body[data-variant="iron"] .page a.cta-secondary{
  font-family: var(--pai-font-cta) !important;
  font-weight:600 !important;
  letter-spacing:0.02em !important;
  border-radius:12px !important;
}
body .nav-cta,
body > .nav .nav-cta,
body[data-variant="iron"] .nav-cta{
  padding:10px 20px !important;
  font-size:15px !important;
  font-weight:600 !important;
}
body .footer-email button,
body[data-variant="iron"] .footer-email button{
  padding:0 18px !important;
  border-radius:10px !important;
  font-size:14px !important;
  letter-spacing:.02em !important;
  font-weight:600 !important;
}
body .cta:hover,
body .nav-cta:hover,
body .pai-hero-send:hover,
body .footer-email button:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
  box-shadow:0 12px 32px rgba(212,175,82,.32);
  color:#0b0907 !important;
}
body .instapass-card .cta:hover,
body .instapass-card a.cta:hover,
body.ip-surface .cta:hover,
body.ip-surface a.cta:hover{
  color:#fff !important;
  filter:brightness(1.06);
  box-shadow:0 12px 32px rgba(176,24,25,.32);
}

body .cta.ghost,
body a.cta.ghost{
  background:transparent !important;
  border:1px solid rgba(212,175,82,.4) !important;
  color:var(--pai-cream) !important;
  box-shadow:none;
}
body .cta.ghost:hover{
  border-color:rgba(246,228,168,.55) !important;
  color:#fff !important;
  box-shadow:0 10px 28px rgba(0,0,0,.25);
}

/* back to top */
.pai-top{
  position:fixed; right:22px; bottom:22px; z-index:1100;
  width:42px; height:42px; border-radius:12px;
  border:1px solid rgba(212,175,82,.45);
  background:linear-gradient(135deg,#F6E4A8,#D4AF52);
  color:#0b0907; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  opacity:0; pointer-events:none; transform:translateY(10px);
  transition:opacity .3s ease, transform .3s var(--pai-ease);
  box-shadow:0 12px 30px rgba(0,0,0,.4);
  font-family: var(--pai-font-cta) !important;
}
.pai-top.is-visible{ opacity:1; pointer-events:auto; transform:none; }
.pai-top:hover{ filter:brightness(1.08); }
.pai-top svg{ width:16px; height:16px; }

/* Soft same-document / MPA page fades (Chromium); no-op elsewhere */
@supports (view-transition-name: none){
  @media (prefers-reduced-motion: no-preference){
    @view-transition{ navigation:auto; }
    ::view-transition-old(root){
      animation:pai-vt-fade-out .28s var(--pai-ease) both;
    }
    ::view-transition-new(root){
      animation:pai-vt-fade-in .36s var(--pai-ease) both;
    }
  }
}
@keyframes pai-vt-fade-out{
  to{ opacity:0; }
}
@keyframes pai-vt-fade-in{
  from{ opacity:0; }
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  [data-reveal]{ opacity:1 !important; transform:none !important; }
  .pai-ambient-glow, .pai-ember-field{ display:none !important; }
  @view-transition{ navigation:none; }
}

/* ---------- Innerface glass / platinum chrome (marketing shell) ---------- */
body > .nav,
body .nav{
  background: var(--if-glass) !important;
  backdrop-filter: blur(var(--if-blur)) !important;
  -webkit-backdrop-filter: blur(var(--if-blur)) !important;
  border-bottom-color: var(--if-border) !important;
}
body .site-footer{
  border-top-color: var(--if-border);
}
body .cap-card,
body .not-card,
body .soon-card{
  background: var(--if-panel);
  border-color: var(--if-border);
  backdrop-filter: blur(10px);
}
/* Platinum accent for Innerface OS framing (does not override Emma/Helen/Prism skins) */
body:not(.helen-surface):not(.ip-surface):not(.prism-surface) .eyebrow.if-platinum,
body:not(.helen-surface):not(.ip-surface):not(.prism-surface) .hero-eyebrow{
  color: var(--if-gold);
}