/* OTORIXA — Public index first color foundation
   Scope: header wordmark + homepage only. Keeps other public pages stable. */
:root{
  --otx-index-ink:#050d1a;
  --otx-index-ink-2:#08172b;
  --otx-index-card:#0a1b31;
  --otx-index-card-2:#071426;
  --otx-index-line:rgba(125,211,252,.18);
  --otx-index-line-strong:rgba(103,232,249,.34);
  --otx-index-text:#f6fbff;
  --otx-index-muted:#b8c7da;
  --otx-index-muted-2:#8fa3ba;
  --otx-index-cyan:#38bdf8;
  --otx-index-cyan-soft:#8be9ff;
  --otx-index-teal:#14b8a6;
  --otx-index-emerald:#22c55e;
  --otx-index-violet:#8b5cf6;
  --otx-index-violet-soft:#a78bfa;
}

/* Header brand: no yellow, stronger two-tone animated corporate wordmark. */
body.otx-public-vitrine .hdr-brand{
  --otx-brand-mx:50%;
  --otx-brand-my:50%;
  --otx-brand-tilt:0deg;
  --otx-brand-tilt-y:0deg;
  --otx-brand-shift:0px;
}
body.otx-public-vitrine .hdr-logo{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(5,14,27,.98),rgba(9,28,48,.94))!important;
  border:1px solid rgba(103,232,249,.26)!important;
  box-shadow:0 14px 34px rgba(56,189,248,.16),inset 0 0 0 1px rgba(255,255,255,.045)!important;
  transform:perspective(720px) rotateZ(var(--otx-brand-tilt)) rotateY(var(--otx-brand-tilt-y)) translateY(var(--otx-brand-shift))!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease!important;
}
body.otx-public-vitrine .hdr-logo::after{
  content:"";
  position:absolute;
  inset:-46%;
  opacity:.46;
  background:conic-gradient(from 0deg,transparent 0 16%,rgba(56,189,248,.48) 24%,transparent 34% 52%,rgba(139,92,246,.48) 62%,transparent 74% 100%);
  animation:otxIndexLogoOrbit 9s linear infinite;
  mix-blend-mode:screen;
  pointer-events:none;
}
body.otx-public-vitrine .hdr-brand:hover .hdr-logo,
body.otx-public-vitrine .hdr-brand.otx-brand-motion .hdr-logo{
  border-color:rgba(167,139,250,.40)!important;
  box-shadow:0 18px 44px rgba(56,189,248,.22),0 0 0 1px rgba(139,92,246,.18) inset!important;
  filter:drop-shadow(0 9px 24px rgba(139,92,246,.22))!important;
}
body.otx-public-vitrine .hdr-brand-text strong{
  position:relative!important;
  display:inline-block!important;
  font-family:"Plus Jakarta Sans","Outfit",system-ui,sans-serif!important;
  letter-spacing:.13em!important;
  background:
    linear-gradient(92deg,#f8fbff 0 31%,var(--otx-index-cyan-soft) 44%,var(--otx-index-teal) 58%,var(--otx-index-violet-soft) 76%,#f8fbff 100%),
    radial-gradient(circle at var(--otx-brand-mx) var(--otx-brand-my),rgba(255,255,255,.88),transparent 31%)!important;
  background-size:240% 100%,130% 130%!important;
  background-position:0% 50%,var(--otx-brand-mx) var(--otx-brand-my)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  text-shadow:0 0 22px rgba(56,189,248,.10)!important;
  transition:filter .22s ease,letter-spacing .22s ease,background-position .18s ease!important;
}
body.otx-public-vitrine .hdr-brand:hover .hdr-brand-text strong,
body.otx-public-vitrine .hdr-brand.otx-brand-motion .hdr-brand-text strong{
  animation:otxIndexWordmarkFlow 2.65s ease-in-out infinite alternate!important;
  filter:drop-shadow(0 0 18px rgba(56,189,248,.17))!important;
}
body.otx-public-vitrine .hdr-brand-text strong::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-7px;height:1px;
  opacity:0;
  background:linear-gradient(90deg,transparent,var(--otx-index-cyan),var(--otx-index-violet),transparent)!important;
  transform:scaleX(.66);
  transform-origin:center;
  transition:opacity .22s ease,transform .22s ease;
}
body.otx-public-vitrine .hdr-brand:hover .hdr-brand-text strong::after,
body.otx-public-vitrine .hdr-brand.otx-brand-motion .hdr-brand-text strong::after{opacity:.78;transform:scaleX(1)}
body.otx-public-vitrine .hdr-brand-tag{color:#9bd9ef!important}
#otoGold stop,#otoCore stop{stop-color:var(--otx-index-cyan-soft)!important}
#otoGold stop:nth-child(2){stop-color:var(--otx-index-cyan)!important}
#otoGold stop:nth-child(3),#otoCore stop:nth-child(3){stop-color:var(--otx-index-teal)!important}

@keyframes otxIndexWordmarkFlow{0%{background-position:0% 50%,var(--otx-brand-mx) var(--otx-brand-my)}100%{background-position:100% 50%,var(--otx-brand-mx) var(--otx-brand-my)}}
@keyframes otxIndexLogoOrbit{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  body.otx-public-vitrine .hdr-logo::after,
  body.otx-public-vitrine .hdr-brand:hover .hdr-brand-text strong,
  body.otx-public-vitrine .hdr-brand.otx-brand-motion .hdr-brand-text strong{animation:none!important}
  body.otx-public-vitrine .hdr-logo{transform:none!important}
}

/* Homepage-only unified palette. Start from index and keep the rest untouched. */
body.otx-public-vitrine[data-page="/"],
body.otx-public-vitrine.otx-index-color-start{
  --gold:var(--otx-index-teal)!important;
  --gold-2:var(--otx-index-cyan)!important;
  --gold-bright:var(--otx-index-cyan-soft)!important;
  --otx-gold:var(--otx-index-cyan)!important;
  --otx-gold-2:var(--otx-index-cyan-soft)!important;
  --otx-gold-bright:var(--otx-index-cyan-soft)!important;
  --otx-accent:var(--otx-index-cyan)!important;
  --otx-accent-soft:rgba(56,189,248,.12)!important;
  --page-accent:var(--otx-index-cyan)!important;
  --landing-accent:var(--otx-index-cyan)!important;
  background:
    radial-gradient(circle at 10% -8%,rgba(56,189,248,.15),transparent 34%),
    radial-gradient(circle at 88% 1%,rgba(139,92,246,.12),transparent 34%),
    radial-gradient(circle at 76% 56%,rgba(20,184,166,.08),transparent 36%),
    linear-gradient(180deg,var(--otx-index-ink) 0%,#07172a 46%,var(--otx-index-ink) 100%)!important;
  color:var(--otx-index-text)!important;
}
body.otx-public-vitrine[data-page="/"] :where(.site-shell,main),
body.otx-public-vitrine.otx-index-color-start :where(.site-shell,main){
  background:transparent!important;
}
body.otx-public-vitrine[data-page="/"] :where(.section,.section-tight),
body.otx-public-vitrine.otx-index-color-start :where(.section,.section-tight){
  background:transparent!important;
}
body.otx-public-vitrine[data-page="/"] :where(.container),
body.otx-public-vitrine.otx-index-color-start :where(.container){
  max-width:1180px!important;
}

/* Index vitrine and cards: remove warm backgrounds and improve subtitle readability. */
body.otx-public-vitrine[data-page="/"] :where(.otx-compact-vitrine,.otx-flow-shell,.cta-banner,.card-premium,.intent-card,.fallback-card,.otx-focus-info-card,.otx-mini-platform,.otx-focus-reach span,.otx-focus-spread span),
body.otx-public-vitrine.otx-index-color-start :where(.otx-compact-vitrine,.otx-flow-shell,.cta-banner,.card-premium,.intent-card,.fallback-card,.otx-focus-info-card,.otx-mini-platform,.otx-focus-reach span,.otx-focus-spread span){
  background:
    radial-gradient(circle at 100% 0%,rgba(139,92,246,.12),transparent 30%),
    linear-gradient(160deg,rgba(12,31,52,.88),rgba(7,18,32,.94))!important;
  border-color:rgba(125,211,252,.16)!important;
  color:var(--otx-index-text)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.20)!important;
}
body.otx-public-vitrine[data-page="/"] :where(.otx-compact-vitrine,.otx-flow-shell,.cta-banner),
body.otx-public-vitrine.otx-index-color-start :where(.otx-compact-vitrine,.otx-flow-shell,.cta-banner){
  border-radius:32px!important;
  overflow:hidden;
}
body.otx-public-vitrine[data-page="/"] :where(.otx-compact-vitrine),
body.otx-public-vitrine.otx-index-color-start :where(.otx-compact-vitrine){
  background:
    radial-gradient(circle at 13% 7%,rgba(56,189,248,.18),transparent 33%),
    radial-gradient(circle at 88% 8%,rgba(139,92,246,.16),transparent 32%),
    linear-gradient(145deg,rgba(7,17,31,.98),rgba(10,28,48,.94))!important;
  border:1px solid rgba(125,211,252,.18)!important;
}
body.otx-public-vitrine[data-page="/"] :where(h1,h2,h3,h4,.otx-compact-copy h1,.section-head h2,.cta-banner h2,.card-premium h3,.intent-card strong),
body.otx-public-vitrine.otx-index-color-start :where(h1,h2,h3,h4,.otx-compact-copy h1,.section-head h2,.cta-banner h2,.card-premium h3,.intent-card strong){
  color:var(--otx-index-text)!important;
  text-shadow:none!important;
}
body.otx-public-vitrine[data-page="/"] :where(p,.otx-compact-copy p,.section-head p,.card-premium p,.intent-card p,.fallback-card p,.otx-focus-info-copy p,.otx-mini-platform small,.cta-banner p,.cta-checklist li),
body.otx-public-vitrine.otx-index-color-start :where(p,.otx-compact-copy p,.section-head p,.card-premium p,.intent-card p,.fallback-card p,.otx-focus-info-copy p,.otx-mini-platform small,.cta-banner p,.cta-checklist li){
  color:var(--otx-index-muted)!important;
}
body.otx-public-vitrine[data-page="/"] :where(.eyebrow,.card-kicker,.meta-chip,.otx-flow-step-no,.otx-stack-title,.otx-focus-core span,.otx-focus-core em,.accent,.sector-arrow),
body.otx-public-vitrine.otx-index-color-start :where(.eyebrow,.card-kicker,.meta-chip,.otx-flow-step-no,.otx-stack-title,.otx-focus-core span,.otx-focus-core em,.accent,.sector-arrow){
  color:var(--otx-index-cyan-soft)!important;
}
body.otx-public-vitrine[data-page="/"] :where(.eyebrow,.meta-chip,.otx-focus-microcopy span,.otx-focus-quality-line span,.otx-flow-proof span,.otx-focus-reach span,.otx-focus-spread span),
body.otx-public-vitrine.otx-index-color-start :where(.eyebrow,.meta-chip,.otx-focus-microcopy span,.otx-focus-quality-line span,.otx-flow-proof span,.otx-focus-reach span,.otx-focus-spread span){
  background:linear-gradient(135deg,rgba(56,189,248,.10),rgba(20,184,166,.06))!important;
  border:1px solid rgba(103,232,249,.20)!important;
  color:#c8fbff!important;
  box-shadow:none!important;
}
body.otx-public-vitrine[data-page="/"] :where(.dot,.eyebrow .dot,.cta-checklist li::before),
body.otx-public-vitrine.otx-index-color-start :where(.dot,.eyebrow .dot,.cta-checklist li::before){
  background:var(--otx-index-cyan)!important;
  color:#03101e!important;
  box-shadow:0 0 16px rgba(56,189,248,.46)!important;
}
body.otx-public-vitrine[data-page="/"] :where(.btn-primary,.btn.btn-primary,.landing-btn--primary),
body.otx-public-vitrine.otx-index-color-start :where(.btn-primary,.btn.btn-primary,.landing-btn--primary){
  background:linear-gradient(135deg,var(--otx-index-cyan) 0%,var(--otx-index-teal) 58%,var(--otx-index-emerald) 100%)!important;
  color:#03101e!important;
  border-color:rgba(103,232,249,.48)!important;
  box-shadow:0 16px 36px rgba(20,184,166,.23)!important;
}
body.otx-public-vitrine[data-page="/"] :where(.btn-secondary,.btn.btn-secondary),
body.otx-public-vitrine.otx-index-color-start :where(.btn-secondary,.btn.btn-secondary){
  background:rgba(56,189,248,.055)!important;
  color:#e8f8ff!important;
  border-color:rgba(103,232,249,.24)!important;
}
body.otx-public-vitrine[data-page="/"] :where(.otx-focus-core,.otx-focus-stack-ai .otx-mini-platform),
body.otx-public-vitrine.otx-index-color-start :where(.otx-focus-core,.otx-focus-stack-ai .otx-mini-platform){
  border-color:rgba(139,92,246,.24)!important;
  background:radial-gradient(circle at 100% 0%,rgba(139,92,246,.17),transparent 34%),linear-gradient(160deg,rgba(12,31,52,.88),rgba(7,18,32,.94))!important;
}
body.otx-public-vitrine[data-page="/"] :where(.otx-focus-core strong,.otx-focus-stack-ai .otx-stack-title),
body.otx-public-vitrine.otx-index-color-start :where(.otx-focus-core strong,.otx-focus-stack-ai .otx-stack-title){
  color:var(--otx-index-violet-soft)!important;
}
body.otx-public-vitrine[data-page="/"] :where([class*="gold"],[class*="amber"],[class*="orange"]):not(svg):not(path),
body.otx-public-vitrine.otx-index-color-start :where([class*="gold"],[class*="amber"],[class*="orange"]):not(svg):not(path){
  color:var(--otx-index-cyan-soft)!important;
  border-color:rgba(103,232,249,.20)!important;
  background:rgba(56,189,248,.075)!important;
}

@media (max-width:820px){
  body.otx-public-vitrine .hdr-brand-text strong{font-size:.98rem!important;letter-spacing:.115em!important}
  body.otx-public-vitrine .hdr-brand-text strong::after{bottom:-5px}
  body.otx-public-vitrine[data-page="/"] :where(.otx-compact-vitrine,.otx-flow-shell,.cta-banner),
  body.otx-public-vitrine.otx-index-color-start :where(.otx-compact-vitrine,.otx-flow-shell,.cta-banner){
    border-radius:24px!important;
  }
  body.otx-public-vitrine[data-page="/"] :where(.otx-compact-actions,.cta-actions),
  body.otx-public-vitrine.otx-index-color-start :where(.otx-compact-actions,.cta-actions){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
  }
  body.otx-public-vitrine[data-page="/"] :where(.otx-compact-actions a,.cta-actions a),
  body.otx-public-vitrine.otx-index-color-start :where(.otx-compact-actions a,.cta-actions a){
    width:100%!important;
    justify-content:center!important;
  }
}