/* CEO-approved reference palette, scoped presentation changes only.
   Keep the existing Lato/Inter type system, cream light foundation,
   #0A0B0A default dark foundation, and all retained product animations. */
:root {
  --brand-one:#0A2C2C;
  --brand-two:#479E9E;
  --brand-gradient:linear-gradient(135deg,var(--brand-one) 0%,var(--brand-two) 100%);
}
[data-theme="dark"] {
  --bg:#0A0B0A;
  --bg2:#111211;
  --panel:#151615;
  --panel2:#1B1C1B;
  --acc:#4E9C9C;
  --acc2:#4E9C9C;
  --acc-text:#5FADAD;
  --warm:#5FADAD;
  --ok:#4E9C9C;
  --spark:78,156,156;
  --cta:#F9FAF5;
  --cta-text:#0A0B0A;
  --cta-hover:#E9EBE5;
  --brand-gradient-soft:linear-gradient(135deg,rgba(10,44,44,.14),rgba(71,158,158,.065));
  --brand-gradient-soft-2:linear-gradient(135deg,rgba(10,44,44,.10),rgba(71,158,158,.04));
  --heading-accent:linear-gradient(100deg,color-mix(in srgb,#5FADAD 58%,#F4F6F4) 0%,#5FADAD 100%);
  --button-soft:rgba(249,250,245,.09);
  --button-soft-hover:rgba(249,250,245,.15);
  --logo-wordmark:#F9FAF5;
}
[data-theme="light"] {
  /* Deliberately keep the approved cream values, not the reference's white. */
  --bg:#F7F6F0;
  --bg2:#EFF1EA;
  --acc:#0A2C2C;
  --acc2:#0A2C2C;
  --acc-text:#0F6B6B;
  --warm:#0F6B6B;
  --ok:#0F6B6B;
  --spark:15,107,107;
  --cta:#0A2C2C;
  --cta-text:#F7FAF9;
  --cta-hover:#14403F;
  --brand-gradient-soft:linear-gradient(135deg,rgba(10,44,44,.09),rgba(71,158,158,.07));
  --brand-gradient-soft-2:linear-gradient(135deg,rgba(10,44,44,.05),rgba(71,158,158,.05));
  --heading-accent:linear-gradient(100deg,color-mix(in srgb,#0F6B6B 58%,#0B120F) 0%,#0F6B6B 100%);
  --button-soft:rgba(10,44,44,.065);
  --button-soft-hover:rgba(10,44,44,.11);
  --logo-wordmark:#0A2C2C;
}
.hero h1 em,.infinite h2 em,.final h2 em,#no-meter-ever .nm-copy h2 em {
  background:var(--heading-accent);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero .mark,.infinity-brand-mark {background:var(--brand-gradient)}
.hero::before,[data-theme="light"] .hero::before {
  background:radial-gradient(circle,rgba(var(--spark),.20) 0%,rgba(var(--spark),.08) 40%,transparent 72%);
}
.hero::after,[data-theme="light"] .hero::after {
  background:radial-gradient(circle,rgba(var(--spark),.14) 0%,rgba(var(--spark),.05) 45%,transparent 72%);
}
.hero .mark::before {border-color:rgba(var(--spark),.32)}
.hero .mark,.q .av {box-shadow:0 18px 55px rgba(var(--spark),.14)}
.final::before {background:radial-gradient(circle,rgba(var(--spark),.12),rgba(var(--spark),.05) 45%,transparent 70%)}

/* Two restrained CTA styles: solid and softly tinted, both with 8px corners.
   Retain existing sizes, typography, hover/press motion and CTA destinations. */
.btn {border-radius:8px!important}
.btn.btn-primary,.btn.btn-ink {
  background:var(--cta);
  border-color:transparent;
  color:var(--cta-text);
  box-shadow:none;
}
.btn.btn-primary:hover,.btn.btn-ink:hover {
  background:var(--cta-hover);
  border-color:transparent;
  color:var(--cta-text);
  box-shadow:none;
  opacity:1;
}
.btn.btn-ghost {background:var(--button-soft);color:var(--ink);border-color:transparent;box-shadow:none}
.btn.btn-ghost:hover {background:var(--button-soft-hover);color:var(--ink);border-color:transparent;box-shadow:none}
.btn.btn-ghost::after {background:var(--button-soft-hover)}
.btn:focus-visible,.request-invite:focus-visible {outline:2px solid var(--acc-text);outline-offset:4px}
.invite button {border-radius:8px;background:var(--cta);color:var(--cta-text)}
.invite button:hover {background:var(--cta-hover)}
.request-invite {gap:8px;white-space:nowrap;flex-shrink:0}
.request-invite .apple-brand-icon {display:block;width:16px;height:16px;flex:none;fill:currentColor;stroke:none}
/* Header CTA: retain the existing responsive spacing. */
@media(min-width:1101px) and (max-width:1280px){
  .nav .wrap{gap:18px}
  .nav-links{gap:17px;margin-left:0}
  .nav-cta{gap:8px}
  .nav-cta .login{margin-right:0}
}
@media(min-width:641px) and (max-width:1100px){
  .nav .wrap{height:auto;min-height:66px;flex-wrap:wrap;gap:10px 20px;padding-top:10px;padding-bottom:10px}
  .nav-links{order:3;width:100%;margin-left:0;justify-content:center;gap:26px;padding:8px 0 4px}
}
@media(max-width:640px){.nav .wrap{gap:8px}.nav-cta{gap:8px}.request-invite{padding-inline:11px;font-size:13px}}
@media(max-width:359px){.request-invite{font-size:12px;gap:6px;padding-inline:9px}.nav-cta .theme{width:32px;height:34px}.nav .wrap{padding-inline:14px}}

/* Colored partner logos: four static positions; only one rotates per turn.
   No artificial frames, monochrome filters, or global marquee movement. */
.trust-flip-section {overflow:hidden;padding-top:22px;padding-bottom:20px}
.trust-logo-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;max-width:990px;margin:0 auto;align-items:center}
.trust-slot {position:relative;height:82px;min-width:0;perspective:850px}
.trust-rotor {height:100%;width:100%;position:relative;transform-style:preserve-3d;transform:rotateX(0deg)}
.trust-face {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(.1px);overflow:hidden}
.trust-back {transform:rotateX(180deg) translateZ(.1px)}
.trust-face .trust-logo {display:block;object-fit:contain;width:auto;height:auto;max-width:165px;max-height:43px;filter:none!important;opacity:1!important;background:none;border:0;box-shadow:none}
.trust-face .trust-logo.trust-square{max-height:58px;max-width:70px}
.trust-fallback{display:none;color:var(--logo-wordmark);font-family:var(--sans);font-size:20px;font-weight:700;letter-spacing:-.025em;text-align:center}
.trust-face.asset-unavailable .trust-logo{display:none}
.trust-face.asset-unavailable .trust-fallback{display:block}
@media(max-width:700px){.trust-logo-grid{gap:14px}.trust-slot{height:68px}.trust-face .trust-logo{max-width:120px;max-height:32px}.trust-face .trust-logo.trust-square{max-height:46px}.trust-fallback{font-size:16px}}
@media(max-width:520px){.trust-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 25px;max-width:360px}.trust-slot{height:64px}.trust-face .trust-logo{max-width:136px;max-height:32px}}

/* Pricing is the original block, moved intact; preserve its quick outline. */
.plan .badge {background:#0A2C2C;color:#F7FAF9;border-color:rgba(var(--spark),.4)}
[data-theme="dark"] .plan .badge {background:#4E9C9C;color:#0A1717;border-color:rgba(var(--spark),.45);box-shadow:0 8px 24px rgba(0,0,0,.24)}
.plan.hot {border-color:rgba(var(--spark),.24)}

/* Restore the existing full comparison matrix in the normal content container.
   No truncated height; horizontal scroll is confined to the table on small screens. */
.benchmark-matrix {width:100%;max-width:100%;min-width:0}
.benchmark-table-scroll {width:100%;max-width:100%;max-height:none;overflow:auto;overscroll-behavior-x:contain;border-radius:12px}
.benchmark-table-scroll:focus-visible {outline:2px solid var(--acc-text);outline-offset:4px}
.benchmark-table-scroll .tbl {width:100%;min-width:980px}
.benchmark-table-scroll .tbl thead th {top:0}
.benchmark-table-scroll .tbl th.p3,.benchmark-table-scroll .tbl td.p3 {background:rgba(var(--spark),.08);color:var(--acc-text)}
.benchmark-table-scroll .tbl tbody tr:hover td,.benchmark-table-scroll .tbl tbody tr:hover th {background:rgba(var(--spark),.045)}
@media(min-width:901px){.benchmark-matrix .bench-hint{display:none}}
@media(max-width:900px){
  .benchmark-matrix .legend{justify-content:flex-start;font-size:11.5px;gap:9px}
  .benchmark-matrix .legend>span{align-items:flex-start}
  .benchmark-matrix .cf{flex:none;margin-top:2px}
  .benchmark-matrix .bench-hint{display:block}
  .benchmark-table-scroll .tbl tbody th,.benchmark-table-scroll .tbl thead th:first-child{min-width:170px;max-width:190px}
}

/* Existing inverted product panels keep their layout and timing, now in the
   supplied teal family instead of the former mint/lilac palette. */
.app .side .run,.app .act i,.app .side .user i {background:var(--acc-text)}
[data-theme="light"] .app .side .run,[data-theme="light"] .app .act i,[data-theme="light"] .app .side .user i {background:#5FADAD}
.app .chk,.vis .ui .card .chk {background:#0F6B6B;color:#F7FAF9}
.app .plus,.vis .plus,.vis .ui .row .st.ok {color:#0F6B6B}
[data-theme="light"] .app .plus,[data-theme="light"] .vis .plus,[data-theme="light"] .vis .ui .row .st.ok {color:#80BFBF}
.vis .ui .row .st.on {color:#0F6B6B}
[data-theme="light"] .vis.feature-demo .ui .row .st.on {color:#80BFBF}
.vis .ui pre .k,.sf .pic .win.dark .k{color:#80BFBF}
.vis .ui pre .g,.sf .pic .win.dark .g{color:#5FADAD}
.vis .ui pre .y,.sf .pic .win.dark .y{color:#AEDADA}
.cursor::after{background:#5FADAD}
#no-meter-ever.nm-edition-pixis{
  --nm-panel:#0A2C2C;--nm-panel-line:#345959;--nm-rail:#1C4040;
  --nm-meter-start:#788B8B;--nm-meter-end:#466363;
  --nm-progress-start:#479E9E;--nm-progress-end:#80BFBF;--nm-progress-ink:#AEDADA;
  --nm-badge:#081F1F;--nm-badge-border:#416363;--nm-glint:#EAF5F5;
}
[data-theme="dark"] #no-meter-ever.nm-edition-pixis{
  --nm-panel:#F6F3EA;--nm-panel-line:#D8D4C9;--nm-rail:#E3E7DF;
  --nm-meter-start:#A6B3AA;--nm-meter-end:#C3CCC2;
  --nm-progress-start:#0A2C2C;--nm-progress-end:#479E9E;--nm-progress-ink:#0F6B6B;
  --nm-badge:#FFFDF8;--nm-badge-border:#B6CABE;--nm-glint:#0F6B6B;
}

/* Requested CTA wordmark and theme-aware partner logos only. */
.hero .cta .cta-wordmark,.final .row .cta-wordmark{
  font-size:inherit;
  font-weight:600;
  line-height:inherit;
  letter-spacing:-.02em;
}
/* The mlai-wordmark class already supplies the exact navigation/hero font stack.
   Both front/back flip faces inherit these rules, including newly loaded logos. */
[data-theme="light"] .trust-flip-section .trust-face .trust-logo{
  filter:none!important;
}
[data-theme="dark"] .trust-flip-section .trust-face .trust-logo{
  filter:brightness(0) invert(1)!important;
}
[data-theme="dark"] .trust-flip-section .trust-fallback{
  color:#FFFFFF;
}

/* Retain the negative space in native square logos (e.g. white lettering).
   Existing single-color backup assets keep the ordinary white silhouette. */
[data-theme="dark"] .trust-flip-section .trust-face .trust-logo.trust-square[src^="https://commons.wikimedia.org/"]{
  filter:url(#mlai-trust-white-knockout)!important;
}