/* CONNECT IA Design System V2 — semantic foundation
   Block 01 / Loop 02
   Purpose: one semantic token layer for public, client and master surfaces.
   Component/page CSS may still compose these tokens without duplicating brand decisions. */

:root,
html[data-theme="light"]{
  color-scheme:light;

  /* Typography */
  --cia-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --cia-font-display:var(--cia-font-sans);
  --cia-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
  --cia-font-weight-regular:400;
  --cia-font-weight-medium:600;
  --cia-font-weight-semibold:700;
  --cia-font-weight-bold:800;
  --cia-font-weight-black:900;
  --cia-leading-tight:1.05;
  --cia-leading-body:1.65;
  --cia-tracking-tight:-.035em;

  /* Brand */
  --cia-brand-950:#03152b;
  --cia-brand-900:#061f43;
  --cia-brand-800:#0a315f;
  --cia-brand-700:#074fc4;
  --cia-brand-600:#075ee8;
  --cia-brand-500:#0b73f6;
  --cia-brand-400:#2495ff;
  --cia-cyan-500:#14bce8;
  --cia-cyan-400:#39c8ff;
  --cia-cyan-300:#78dcff;

  /* Semantic surfaces */
  --cia-bg-canvas:#f6f9fd;
  --cia-bg-subtle:#eef4fb;
  --cia-surface-1:#ffffff;
  --cia-surface-2:#f5f8fc;
  --cia-surface-3:#eaf1f8;
  --cia-surface-inverse:#071c3f;

  /* Semantic text */
  --cia-text-1:#0a2545;
  --cia-text-2:#587089;
  --cia-text-3:#7d8da2;
  --cia-text-inverse:#f5f9ff;

  /* Borders */
  --cia-border-soft:#e2eaf3;
  --cia-border:#d6e2ef;
  --cia-border-strong:#b9cadc;

  /* Feedback */
  --cia-success:#16865d;
  --cia-success-soft:#e8f7f0;
  --cia-warning:#9a6500;
  --cia-warning-soft:#fff5da;
  --cia-danger:#b13a33;
  --cia-danger-soft:#fff0ef;
  --cia-info:#0b63f6;
  --cia-info-soft:#eaf2ff;

  /* Spacing */
  --cia-space-1:4px;
  --cia-space-2:8px;
  --cia-space-3:12px;
  --cia-space-4:16px;
  --cia-space-5:20px;
  --cia-space-6:24px;
  --cia-space-8:32px;
  --cia-space-10:40px;
  --cia-space-12:48px;
  --cia-space-16:64px;
  --cia-space-20:80px;
  --cia-space-24:96px;

  /* Radius */
  --cia-radius-xs:8px;
  --cia-radius-sm:12px;
  --cia-radius-md:16px;
  --cia-radius-lg:20px;
  --cia-radius-xl:24px;
  --cia-radius-2xl:30px;
  --cia-radius-pill:999px;

  /* Elevation */
  --cia-shadow-xs:0 4px 14px rgba(6,35,72,.045);
  --cia-shadow-sm:0 8px 24px rgba(6,35,72,.07);
  --cia-shadow-md:0 18px 52px rgba(6,35,72,.11);
  --cia-shadow-lg:0 30px 80px rgba(3,25,58,.16);
  --cia-shadow-xl:0 40px 110px rgba(3,25,58,.20);

  /* Interaction */
  --cia-focus-color:#39c8ff;
  --cia-focus-ring:0 0 0 4px rgba(57,200,255,.24);
  --cia-duration-fast:140ms;
  --cia-duration-base:180ms;
  --cia-ease-standard:cubic-bezier(.2,.8,.2,1);

  /* Layout */
  --cia-content:1210px;
  --cia-content-wide:1280px;
  --cia-gutter:24px;
  --cia-control-sm:38px;
  --cia-control-md:44px;
  --cia-control-lg:50px;

  /* Compatibility aliases — app/client/master */
  --font-sans:var(--cia-font-sans);
  --ds-font-sans:var(--cia-font-sans);
  --ds-bg:var(--cia-bg-canvas);
  --ds-bg-1:var(--cia-bg-canvas);
  --ds-bg-2:var(--cia-bg-subtle);
  --ds-surface:var(--cia-surface-1);
  --ds-surface-2:var(--cia-surface-2);
  --ds-surface-3:var(--cia-surface-3);
  --ds-text:var(--cia-text-1);
  --ds-text-2:var(--cia-text-2);
  --ds-text-3:var(--cia-text-3);
  --ds-muted:var(--cia-text-2);
  --ds-border:var(--cia-border);
  --ds-border-strong:var(--cia-border-strong);
  --ds-primary:var(--cia-brand-600);
  --ds-primary-strong:var(--cia-brand-700);
  --ds-primary-soft:var(--cia-info-soft);
  --ds-success:var(--cia-success);
  --ds-warning:var(--cia-warning);
  --ds-danger:var(--cia-danger);
  --ds-radius-sm:var(--cia-radius-sm);
  --ds-radius-md:var(--cia-radius-md);
  --ds-radius-lg:var(--cia-radius-lg);
  --ds-radius-xl:var(--cia-radius-xl);
  --ds-shadow-sm:var(--cia-shadow-sm);
  --ds-shadow-md:var(--cia-shadow-md);
  --ds-shadow-lg:var(--cia-shadow-lg);
  --ds-space-1:var(--cia-space-1);
  --ds-space-2:var(--cia-space-2);
  --ds-space-3:var(--cia-space-3);
  --ds-space-4:var(--cia-space-4);
  --ds-space-5:var(--cia-space-5);
  --ds-space-6:var(--cia-space-6);
  --ds-space-8:var(--cia-space-8);
  --ds-space-10:var(--cia-space-10);
  --ds-space-12:var(--cia-space-12);
  --ds-focus:var(--cia-focus-ring);

  /* Compatibility aliases — public */
  --connect-brand-950:var(--cia-brand-950);
  --connect-brand-900:var(--cia-brand-900);
  --connect-brand-800:var(--cia-brand-800);
  --connect-blue-700:var(--cia-brand-700);
  --connect-blue-600:var(--cia-brand-600);
  --connect-blue-500:var(--cia-brand-500);
  --connect-cyan-400:var(--cia-cyan-400);
  --connect-cyan-300:var(--cia-cyan-300);
  --connect-ink:var(--cia-text-1);
  --connect-muted:var(--cia-text-2);
  --connect-line:var(--cia-border);
  --connect-surface:var(--cia-surface-1);
  --connect-surface-soft:var(--cia-surface-2);
  --connect-radius-sm:var(--cia-radius-sm);
  --connect-radius-md:var(--cia-radius-md);
  --connect-radius-lg:var(--cia-radius-xl);
  --connect-shadow-sm:var(--cia-shadow-sm);
  --connect-shadow-md:var(--cia-shadow-md);
  --connect-shadow-lg:var(--cia-shadow-lg);
  --connect-focus:var(--cia-focus-ring);
}

html[data-theme="dark"]{
  color-scheme:dark;
  --cia-bg-canvas:#07111f;
  --cia-bg-subtle:#0a1728;
  --cia-surface-1:#0d1c2d;
  --cia-surface-2:#102238;
  --cia-surface-3:#17304b;
  --cia-surface-inverse:#f4f8fd;
  --cia-text-1:#eaf2fb;
  --cia-text-2:#afc0d3;
  --cia-text-3:#8297ae;
  --cia-text-inverse:#07111f;
  --cia-border-soft:#1a3047;
  --cia-border:#28425d;
  --cia-border-strong:#3b5d7b;
  --cia-info-soft:#0c274e;
  --cia-success-soft:#0e2e25;
  --cia-warning-soft:#30270f;
  --cia-danger-soft:#351a1a;
  --cia-shadow-xs:0 4px 14px rgba(0,0,0,.12);
  --cia-shadow-sm:0 8px 24px rgba(0,0,0,.18);
  --cia-shadow-md:0 18px 52px rgba(0,0,0,.28);
  --cia-shadow-lg:0 30px 80px rgba(0,0,0,.38);
  --cia-shadow-xl:0 40px 110px rgba(0,0,0,.48);
}

html{
  font-family:var(--cia-font-sans);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

body,
button,
input,
select,
textarea{
  font-family:var(--cia-font-sans);
}

:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--cia-focus-color);
  outline-offset:3px;
  box-shadow:var(--cia-focus-ring);
}

::selection{
  background:color-mix(in srgb,var(--cia-brand-500) 22%,transparent);
}

@media(max-width:700px){
  :root{--cia-gutter:14px}
}

@media(prefers-reduced-motion:reduce){
  :root{--cia-duration-fast:1ms;--cia-duration-base:1ms}
}

/* Block 01 / Loop 03 — Typography & hierarchy */
:root,
html[data-theme="light"],
html[data-theme="dark"]{
  --cia-type-display-xl:clamp(48px,5.2vw,72px);
  --cia-type-display-lg:clamp(42px,4.5vw,60px);
  --cia-type-display-md:clamp(36px,4vw,52px);
  --cia-type-heading-xl:clamp(32px,3.5vw,46px);
  --cia-type-heading-lg:clamp(26px,2.5vw,36px);
  --cia-type-heading-md:clamp(21px,2vw,28px);
  --cia-type-heading-sm:18px;
  --cia-type-body-lg:17px;
  --cia-type-body-md:15px;
  --cia-type-body-sm:13px;
  --cia-type-label:11px;
  --cia-measure-body:68ch;
  --cia-measure-heading:20ch;
}

/* Editorial defaults: high contrast, balanced lines, consistent reading rhythm. */
[data-design-system="connect-ia-v2"] :is(h1,h2,h3,h4){
  font-family:var(--cia-font-display);
  font-kerning:normal;
  text-wrap:balance;
}
[data-design-system="connect-ia-v2"] :is(p,li){
  text-wrap:pretty;
}
[data-design-system="connect-ia-v2"] .public-kicker,
[data-design-system="connect-ia-v2"] :is(.eyebrow,.whmcswa-eyebrow){
  font-size:var(--cia-type-label);
  font-weight:var(--cia-font-weight-black);
  line-height:1.35;
  letter-spacing:.12em;
}

/* Public page section hierarchy. */
[data-design-system="connect-ia-v2"] .public-section-heading h2{
  max-width:var(--cia-measure-heading);
  font-size:var(--cia-type-display-md);
  line-height:1.06;
  font-weight:820;
  letter-spacing:-.045em;
}
[data-design-system="connect-ia-v2"] .public-section-heading.centered h2{
  margin-inline:auto;
}
[data-design-system="connect-ia-v2"] .public-section-heading>p:not(.public-kicker){
  max-width:var(--cia-measure-body);
  font-size:var(--cia-type-body-md);
  line-height:1.72;
}
[data-design-system="connect-ia-v2"] .public-section-heading.centered>p:not(.public-kicker){
  margin-inline:auto;
}

/* WHMCS product page remains the premium product reference. */
[data-design-system="connect-ia-v2"] .whmcswa-hero h1{
  font-size:var(--cia-type-display-xl);
  line-height:.99;
  font-weight:850;
  letter-spacing:-.052em;
}
[data-design-system="connect-ia-v2"] .whmcswa-lead{
  max-width:var(--cia-measure-body);
  font-size:var(--cia-type-body-lg);
  line-height:1.72;
}

/* Authentication/conversion hierarchy. */
[data-design-system="connect-ia-v2"] .auth3-copy-main h1{
  font-size:var(--cia-type-display-xl);
  line-height:.99;
  font-weight:820;
  letter-spacing:-.052em;
}
[data-design-system="connect-ia-v2"] .auth3-copy-main>p:not(.eyebrow){
  max-width:60ch;
  font-size:var(--cia-type-body-lg);
  line-height:1.7;
}
[data-design-system="connect-ia-v2"] .auth3-card-head h2{
  font-size:32px;
  line-height:1.08;
  font-weight:800;
  letter-spacing:-.04em;
}
[data-design-system="connect-ia-v2"] .auth3-card-head>p:not(.eyebrow){
  max-width:58ch;
  font-size:var(--cia-type-body-sm);
  line-height:1.62;
}
[data-design-system="connect-ia-v2"] .auth3-card .field span{
  font-size:11px;
  font-weight:800;
  line-height:1.45;
  letter-spacing:.015em;
}
[data-design-system="connect-ia-v2"] .auth3-card :is(input,select,textarea){
  font-size:16px;
  line-height:1.45;
}
[data-design-system="connect-ia-v2"] .auth3-card .btn{
  font-weight:800;
  letter-spacing:-.01em;
}

/* Shared app hierarchy tokens ready for client/master blocks without forcing layout rewrites. */
[data-design-system="connect-ia-v2"] .app-shell :is(.page-head h1,.client-v2-page-head h1){
  font-size:clamp(28px,3vw,40px);
  line-height:1.08;
  font-weight:820;
  letter-spacing:-.04em;
}
[data-design-system="connect-ia-v2"] .app-shell :is(.page-head p,.client-v2-page-head p){
  max-width:72ch;
  color:var(--ds-text-2);
  font-size:var(--cia-type-body-sm);
  line-height:1.65;
}

@media(max-width:700px){
  :root{
    --cia-type-display-xl:clamp(38px,11vw,48px);
    --cia-type-display-lg:clamp(34px,9vw,44px);
    --cia-type-display-md:clamp(30px,8vw,38px);
    --cia-type-heading-xl:clamp(28px,7vw,34px);
    --cia-type-body-lg:16px;
  }
  [data-design-system="connect-ia-v2"] .public-section-heading h2{
    letter-spacing:-.04em;
  }
}

/* Block 01 / Loop 04 — Palette, contrast & semantic surfaces */
[data-design-system="connect-ia-v2"] .public-landing{
  --pl-ink:var(--cia-text-1);
  --pl-muted:var(--cia-text-2);
  --pl-line:var(--cia-border);
  --pl-surface:var(--cia-surface-1);
  --pl-soft:var(--cia-surface-2);
  --pl-primary:var(--cia-brand-600);
  --pl-primary-dark:var(--cia-brand-700);
  --pl-accent:var(--cia-success);
}
[data-design-system="connect-ia-v2"] .public-landing :is(.public-plan-card,.public-feature-grid article,.segment-grid article,.proof-grid article,.public-faq details){
  border-color:var(--cia-border);
  background:var(--cia-surface-1);
  box-shadow:var(--cia-shadow-sm);
}
[data-design-system="connect-ia-v2"] .public-landing :is(.public-plan-card,.public-feature-grid article,.segment-grid article,.proof-grid article,.public-faq details) :is(p,small){
  color:var(--cia-text-2);
}
[data-design-system="connect-ia-v2"] .public-landing .btn.primary{
  background:linear-gradient(135deg,var(--cia-brand-600),var(--cia-brand-700))!important;
  border-color:var(--cia-brand-600)!important;
  color:#fff!important;
}
[data-design-system="connect-ia-v2"] .public-landing .btn.ghost{
  background:var(--cia-surface-1)!important;
  border-color:var(--cia-border-strong)!important;
  color:var(--cia-text-1)!important;
}
[data-design-system="connect-ia-v2"] .public-landing .public-kicker{
  color:var(--cia-brand-600)!important;
}
[data-design-system="connect-ia-v2"] .auth3-form-side{
  background:linear-gradient(180deg,var(--cia-bg-canvas),var(--cia-bg-subtle));
}
[data-design-system="connect-ia-v2"] .auth3-card{
  border-color:var(--cia-border);
  background:var(--cia-surface-1);
  color:var(--cia-text-1);
  box-shadow:var(--cia-shadow-lg);
}
[data-design-system="connect-ia-v2"] .auth3-card :is(input,select,textarea){
  border-color:var(--cia-border);
  background:var(--cia-surface-2);
  color:var(--cia-text-1);
}
[data-design-system="connect-ia-v2"] .auth3-card :is(input,select,textarea)::placeholder{
  color:var(--cia-text-3);
}
[data-design-system="connect-ia-v2"] .app-shell{
  --bg:var(--cia-bg-canvas);
  --panel:var(--cia-surface-1);
  --panel-strong:var(--cia-surface-2);
  --ink:var(--cia-text-1);
  --muted:var(--cia-text-2);
  --line:var(--cia-border);
  --brand:var(--cia-brand-600);
  --brand-dark:var(--cia-brand-700);
  --soft:var(--cia-info-soft);
  --green:var(--cia-success);
  --yellow:var(--cia-warning);
  --danger:var(--cia-danger);
  --shadow:var(--cia-shadow-md);
}
[data-design-system="connect-ia-v2"] .app-shell :is(.card,.panel,.stats article,.table-card){
  border-color:var(--cia-border);
  background:var(--cia-surface-1);
}
[data-design-system="connect-ia-v2"] .app-shell :is(.hint,.muted,small){
  color:var(--cia-text-2);
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing{
  --pl-ink:var(--cia-text-1);
  --pl-muted:var(--cia-text-2);
  --pl-line:var(--cia-border);
  --pl-surface:var(--cia-surface-1);
  --pl-soft:var(--cia-surface-2);
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing :is(.public-plan-card,.public-feature-grid article,.segment-grid article,.proof-grid article,.public-faq details){
  border-color:var(--cia-border)!important;
  background:var(--cia-surface-1)!important;
  color:var(--cia-text-1)!important;
  box-shadow:var(--cia-shadow-sm)!important;
}

/* Block 01 / Loop 04 — Palette, contrast & surfaces */
:root,
html[data-theme="light"]{
  /* Surface roles */
  --cia-surface-raised:#ffffff;
  --cia-surface-elevated:#fbfdff;
  --cia-surface-glass:rgba(255,255,255,.82);
  --cia-surface-inverse:#061b36;
  --cia-surface-inverse-2:#0a2a4b;
  --cia-surface-inverse-3:#10395e;
  --cia-text-inverse:#f7fbff;
  --cia-text-inverse-2:#d8e7f5;
  --cia-text-inverse-3:#a9c1d7;
  --cia-accent-inverse:#75d8ff;
  --cia-border-inverse:rgba(146,207,255,.24);
  --cia-border-inverse-strong:rgba(146,217,255,.40);
  --cia-shadow-inverse:0 24px 64px rgba(0,14,36,.24);
}
html[data-theme="dark"]{
  --cia-surface-raised:#102238;
  --cia-surface-elevated:#0e1e32;
  --cia-surface-glass:rgba(13,28,45,.84);
  --cia-surface-inverse:#071a32;
  --cia-surface-inverse-2:#0b2948;
  --cia-surface-inverse-3:#123b5d;
  --cia-text-inverse:#f5f9ff;
  --cia-text-inverse-2:#d7e6f3;
  --cia-text-inverse-3:#adc2d5;
  --cia-accent-inverse:#7addff;
  --cia-border-inverse:rgba(142,207,255,.25);
  --cia-border-inverse-strong:rgba(142,217,255,.43);
  --cia-shadow-inverse:0 26px 70px rgba(0,0,0,.34);
}

/* Public integrations — premium inverse surface composition. */
[data-design-system="connect-ia-v2"] .public-v2-integrations{
  background:
    radial-gradient(circle at 8% 8%,rgba(34,154,255,.20),transparent 33%),
    radial-gradient(circle at 93% 92%,rgba(26,197,240,.10),transparent 31%),
    linear-gradient(145deg,var(--cia-surface-inverse) 0%,#082847 52%,#071f39 100%)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integrations-heading .public-kicker{
  color:var(--cia-accent-inverse)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integrations-heading h2{
  color:var(--cia-text-inverse)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integrations-heading>p:last-child{
  color:var(--cia-text-inverse-2)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-card{
  border-color:var(--cia-border-inverse)!important;
  background:
    radial-gradient(circle at 102% -4%,rgba(80,196,255,.13),transparent 34%),
    linear-gradient(155deg,var(--cia-surface-inverse-2),#071f39 82%)!important;
  box-shadow:var(--cia-shadow-inverse)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-card:hover{
  border-color:var(--cia-border-inverse-strong)!important;
  box-shadow:0 30px 78px rgba(0,13,35,.31)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-symbol{
  border-color:rgba(220,238,250,.94)!important;
  background:linear-gradient(150deg,#fff,#f4f9ff)!important;
  box-shadow:0 14px 32px rgba(0,11,31,.24)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-type{
  color:var(--cia-accent-inverse)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-card h3{
  color:var(--cia-text-inverse)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-card>p:not(.public-v2-integration-type){
  color:var(--cia-text-inverse-2)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-steps{
  color:var(--cia-text-inverse)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-steps span{
  min-height:44px;
  border-color:rgba(126,207,255,.28)!important;
  background:linear-gradient(145deg,rgba(40,126,190,.18),rgba(29,96,153,.11))!important;
  color:var(--cia-text-inverse)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
[data-design-system="connect-ia-v2"] .public-v2-integration-steps i{
  color:var(--cia-accent-inverse)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-card>a{
  min-height:44px;
  padding:10px 14px!important;
  border:1px solid rgba(117,216,255,.26);
  border-radius:var(--cia-radius-sm);
  background:rgba(72,175,235,.10);
  color:var(--cia-accent-inverse)!important;
  transition:
    background var(--cia-duration-fast) var(--cia-ease-standard),
    border-color var(--cia-duration-fast) var(--cia-ease-standard),
    transform var(--cia-duration-fast) var(--cia-ease-standard);
}
[data-design-system="connect-ia-v2"] .public-v2-integration-card>a:hover{
  border-color:rgba(117,216,255,.44);
  background:rgba(72,175,235,.17);
  color:#eaf9ff!important;
  transform:translateY(-1px);
}
[data-design-system="connect-ia-v2"] .public-v2-integrations-foot{
  color:var(--cia-text-inverse-3)!important;
}

/* Shared semantic surface normalization for later Client/Master loops. */
[data-design-system="connect-ia-v2"] :is(.card,.app-card,.auth3-card){
  --cia-component-surface:var(--cia-surface-raised);
  --cia-component-border:var(--cia-border);
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(.card,.app-card,.auth3-card){
  --cia-component-surface:var(--cia-surface-raised);
  --cia-component-border:var(--cia-border);
}

@media(max-width:700px){
  [data-design-system="connect-ia-v2"] .public-v2-integration-card{
    background:
      radial-gradient(circle at 100% 0%,rgba(79,198,255,.12),transparent 31%),
      linear-gradient(160deg,#0a2949,#071f39 84%)!important;
  }
  [data-design-system="connect-ia-v2"] .public-v2-integration-card>a{
    width:100%;
    justify-content:space-between;
    margin-top:4px!important;
  }
  [data-design-system="connect-ia-v2"] .public-v2-integration-steps{
    align-items:center;
  }
}

/* Loop 04 — dark-mode normalization for light marketing surfaces. */
html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(
  .public-product-section,
  .public-solutions,
  .public-pricing,
  .public-faq
){
  color:var(--cia-text-1)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(
  .public-product-section,
  .public-solutions,
  .public-pricing,
  .public-faq
) .public-section-heading h2{
  color:var(--cia-text-1)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(
  .public-product-section,
  .public-solutions,
  .public-pricing,
  .public-faq
) .public-section-heading>p:not(.public-kicker){
  color:var(--cia-text-2)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(
  .public-feature-grid article,
  .segment-grid article,
  .public-plan-card,
  .public-faq details,
  .public-benefit-strip
){
  background:var(--cia-surface-1)!important;
  border-color:var(--cia-border)!important;
  color:var(--cia-text-1)!important;
  box-shadow:var(--cia-shadow-sm)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(
  .public-feature-grid article h3,
  .segment-grid article b,
  .public-plan-card h3,
  .public-faq summary,
  .public-benefit-strip b
){
  color:var(--cia-text-1)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(
  .public-feature-grid article p,
  .segment-grid article p,
  .segment-grid article small,
  .public-plan-card .plan-description,
  .public-faq details p,
  .public-benefit-strip span
){
  color:var(--cia-text-2)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-feature-grid article strong,
html[data-theme="dark"][data-design-system="connect-ia-v2"] .segment-grid article a{
  color:var(--cia-brand-400)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-feature-grid .feature-icon{
  border:1px solid color-mix(in srgb,var(--cia-brand-400) 28%,var(--cia-border));
  background:var(--cia-info-soft)!important;
  color:var(--cia-brand-400)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-benefit-strip>div+div{
  border-color:var(--cia-border)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-plan-card.featured{
  border-color:var(--cia-brand-400)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.28)!important;
}

/* Block 01 / Loop 05 — Spacing & vertical rhythm */
:root,
html[data-theme="light"],
html[data-theme="dark"]{
  --cia-rhythm-section:var(--cia-space-20);          /* 80 */
  --cia-rhythm-section-compact:var(--cia-space-16); /* 64 */
  --cia-rhythm-hero-top:var(--cia-space-16);        /* 64 */
  --cia-rhythm-hero-bottom:var(--cia-space-20);     /* 80 */
  --cia-rhythm-heading:var(--cia-space-8);          /* 32 */
  --cia-rhythm-grid:var(--cia-space-4);             /* 16 */
  --cia-rhythm-card:var(--cia-space-6);             /* 24 */
  --cia-rhythm-inline:var(--cia-space-6);           /* 24 */
}

/* Public marketing — common section rhythm. Carousel V3 is intentionally excluded. */
[data-design-system="connect-ia-v2"] .public-landing .public-section{
  padding-block:var(--cia-rhythm-section)!important;
}
[data-design-system="connect-ia-v2"] .public-landing .public-section-heading{
  margin-bottom:var(--cia-rhythm-heading)!important;
}
[data-design-system="connect-ia-v2"] .public-landing :is(
  .public-feature-grid,
  .public-plan-grid,
  .segment-grid,
  .proof-grid,
  .public-steps
){
  gap:var(--cia-rhythm-grid)!important;
}
[data-design-system="connect-ia-v2"] .public-landing :is(
  .public-feature-grid article,
  .segment-grid article,
  .proof-grid article
){
  padding:var(--cia-rhythm-card)!important;
}

/* Home: sections that sit outside the generic public-section utility. */
[data-design-system="connect-ia-v2"] .public-v2-integrations{
  padding-block:var(--cia-rhythm-section)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-grid{
  margin-top:var(--cia-rhythm-heading)!important;
  gap:var(--cia-space-5)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-card{
  padding:var(--cia-space-8)!important;
}
[data-design-system="connect-ia-v2"] .human-ai-section{
  gap:var(--cia-space-12)!important;
}
[data-design-system="connect-ia-v2"] .security-section{
  gap:var(--cia-space-12)!important;
  padding-block:var(--cia-rhythm-section-compact)!important;
}
[data-design-system="connect-ia-v2"] .public-final-cta:not(.whmcswa-final){
  gap:var(--cia-space-6)!important;
  padding-block:var(--cia-space-12)!important;
  margin-top:var(--cia-space-12)!important;
  margin-bottom:var(--cia-space-16)!important;
}

/* WHMCS product landing — same rhythm vocabulary, composition remains unique. */
[data-design-system="connect-ia-v2"] .whmcswa-hero{
  padding-top:var(--cia-rhythm-hero-top)!important;
  padding-bottom:var(--cia-rhythm-hero-bottom)!important;
  gap:var(--cia-space-16)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-value-strip{
  margin-bottom:var(--cia-rhythm-section)!important;
}
[data-design-system="connect-ia-v2"] :is(
  .whmcswa-section,
  .whmcswa-events,
  .whmcswa-how,
  .whmcswa-keyword-content,
  .whmcswa-faq
){
  padding-block:var(--cia-rhythm-section)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-benefits{
  padding:var(--cia-space-16)!important;
  gap:var(--cia-space-12)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-security{
  margin-top:var(--cia-rhythm-section)!important;
  padding:var(--cia-space-12)!important;
  gap:var(--cia-space-10)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-related{
  padding-block:var(--cia-space-6)!important;
  margin-bottom:var(--cia-space-16)!important;
  gap:var(--cia-space-6)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-final{
  padding:var(--cia-space-8)!important;
  gap:var(--cia-space-6)!important;
  margin-bottom:var(--cia-space-8)!important;
}

/* Authentication / conversion shell rhythm. */
[data-design-system="connect-ia-v2"] .auth3-copy{
  padding-block:var(--cia-space-12)!important;
}
[data-design-system="connect-ia-v2"] .auth3-form-side{
  padding-block:var(--cia-space-10)!important;
  padding-inline:var(--cia-space-6)!important;
}
[data-design-system="connect-ia-v2"] .auth3-card{
  padding:var(--cia-space-8)!important;
}
[data-design-system="connect-ia-v2"] .auth3-card-head{
  margin-bottom:var(--cia-space-6)!important;
}
[data-design-system="connect-ia-v2"] .auth3-card form{
  gap:var(--cia-space-4);
}
[data-design-system="connect-ia-v2"] .auth3-journey{
  margin-top:var(--cia-space-8)!important;
  gap:var(--cia-space-2)!important;
}

@media(max-width:700px){
  html[data-theme="light"],
  html[data-theme="dark"]{
    --cia-rhythm-section:var(--cia-space-12);          /* 48 */
    --cia-rhythm-section-compact:var(--cia-space-10); /* 40 */
    --cia-rhythm-hero-top:var(--cia-space-10);        /* 40 */
    --cia-rhythm-hero-bottom:var(--cia-space-16);     /* 64 */
    --cia-rhythm-heading:var(--cia-space-6);          /* 24 */
    --cia-rhythm-grid:var(--cia-space-3);             /* 12 */
    --cia-rhythm-card:var(--cia-space-5);             /* 20 */
    --cia-rhythm-inline:var(--cia-space-4);            /* 16 */
  }

  [data-design-system="connect-ia-v2"] .public-v2-integrations{
    padding-block:var(--cia-rhythm-section)!important;
    padding-inline:var(--cia-space-4)!important;
  }
  [data-design-system="connect-ia-v2"] .public-v2-integration-grid{
    margin-top:var(--cia-space-6)!important;
    gap:var(--cia-space-4)!important;
  }
  [data-design-system="connect-ia-v2"] .public-v2-integration-card{
    padding:var(--cia-space-5)!important;
  }
  [data-design-system="connect-ia-v2"] .human-ai-section{
    gap:var(--cia-space-6)!important;
  }
  [data-design-system="connect-ia-v2"] .security-section{
    gap:var(--cia-space-6)!important;
    padding-block:var(--cia-rhythm-section-compact)!important;
  }
  [data-design-system="connect-ia-v2"] .public-final-cta:not(.whmcswa-final){
    gap:var(--cia-space-5)!important;
    padding-block:var(--cia-space-8)!important;
    margin-top:var(--cia-space-6)!important;
    margin-bottom:var(--cia-space-8)!important;
  }

  [data-design-system="connect-ia-v2"] .whmcswa-hero{
    padding-top:var(--cia-rhythm-hero-top)!important;
    padding-bottom:var(--cia-rhythm-hero-bottom)!important;
    gap:var(--cia-space-10)!important;
  }
  [data-design-system="connect-ia-v2"] .whmcswa-value-strip{
    margin-bottom:var(--cia-space-16)!important;
  }
  [data-design-system="connect-ia-v2"] :is(
    .whmcswa-section,
    .whmcswa-events,
    .whmcswa-how,
    .whmcswa-keyword-content,
    .whmcswa-faq
  ){
    padding-block:var(--cia-rhythm-section)!important;
  }
  [data-design-system="connect-ia-v2"] .whmcswa-benefits{
    padding:var(--cia-space-8) var(--cia-space-6)!important;
    gap:var(--cia-space-8)!important;
  }
  [data-design-system="connect-ia-v2"] .whmcswa-security{
    margin-top:var(--cia-space-16)!important;
    padding:var(--cia-space-8) var(--cia-space-6)!important;
    gap:var(--cia-space-8)!important;
  }
  [data-design-system="connect-ia-v2"] .whmcswa-related{
    padding-block:var(--cia-space-6)!important;
    margin-bottom:var(--cia-space-12)!important;
    gap:var(--cia-space-6)!important;
  }
  [data-design-system="connect-ia-v2"] .whmcswa-final{
    padding:var(--cia-space-6)!important;
    gap:var(--cia-space-5)!important;
    margin-bottom:var(--cia-space-8)!important;
  }

  [data-design-system="connect-ia-v2"] .auth3-copy{
    padding-block:var(--cia-space-6)!important;
  }
  [data-design-system="connect-ia-v2"] .auth3-form-side{
    padding-top:var(--cia-space-4)!important;
    padding-bottom:var(--cia-space-6)!important;
    padding-inline:var(--cia-space-4)!important;
  }
  [data-design-system="connect-ia-v2"] .auth3-card{
    padding:var(--cia-space-6) var(--cia-space-5)!important;
  }
  [data-design-system="connect-ia-v2"] .auth3-card-head{
    margin-bottom:var(--cia-space-5)!important;
  }
}

/* Loop 05 refinement — remove remaining arbitrary home rhythm values. */
[data-design-system="connect-ia-v2"] .connect-product-demo{
  padding-top:var(--cia-space-10)!important;
  padding-bottom:var(--cia-space-8)!important;
}
[data-design-system="connect-ia-v2"] .public-benefit-strip{
  margin-top:var(--cia-space-2)!important;
  margin-bottom:var(--cia-space-10)!important;
}
@media(max-width:700px){
  [data-design-system="connect-ia-v2"] .connect-product-demo{
    padding-top:var(--cia-space-8)!important;
    padding-bottom:var(--cia-space-6)!important;
  }
  [data-design-system="connect-ia-v2"] .public-benefit-strip{
    margin-top:var(--cia-space-2)!important;
    margin-bottom:var(--cia-space-6)!important;
  }
}

/* Block 01 / Loop 06 — Radius, borders, shadows & depth */
:root,
html[data-theme="light"],
html[data-theme="dark"]{
  --cia-radius-control:var(--cia-radius-sm);
  --cia-radius-card:var(--cia-radius-lg);
  --cia-radius-panel:var(--cia-radius-xl);
  --cia-radius-feature:var(--cia-radius-2xl);

  --cia-shadow-control:0 8px 20px rgba(6,45,92,.08);
  --cia-shadow-card:var(--cia-shadow-xs);
  --cia-shadow-card-hover:var(--cia-shadow-sm);
  --cia-shadow-panel:var(--cia-shadow-md);
  --cia-shadow-overlay:var(--cia-shadow-lg);
}

/* Buttons and fields: compact radius, restrained elevation. */
[data-design-system="connect-ia-v2"] :is(.btn,input,select,textarea){
  border-radius:var(--cia-radius-control);
}
[data-design-system="connect-ia-v2"] .public-landing .btn{
  border-radius:var(--cia-radius-control)!important;
}
[data-design-system="connect-ia-v2"] .public-landing .btn.primary{
  box-shadow:var(--cia-shadow-control)!important;
}
[data-design-system="connect-ia-v2"] .public-landing .btn.ghost{
  box-shadow:none!important;
}
[data-design-system="connect-ia-v2"] .public-landing .btn:hover{
  box-shadow:var(--cia-shadow-card)!important;
}

/* Public marketing cards. */
[data-design-system="connect-ia-v2"] .public-landing :is(
  .public-feature-grid article,
  .segment-grid article,
  .public-plan-card,
  .proof-grid article,
  .human-ai-card
){
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-card)!important;
  box-shadow:var(--cia-shadow-card)!important;
}
[data-design-system="connect-ia-v2"] .public-landing :is(
  .public-feature-grid article,
  .segment-grid article,
  .proof-grid article,
  .human-ai-card
):hover{
  border-color:var(--cia-border-strong)!important;
  box-shadow:var(--cia-shadow-card-hover)!important;
}
[data-design-system="connect-ia-v2"] .public-landing .public-plan-card.featured{
  border:1px solid color-mix(in srgb,var(--cia-brand-500) 58%,var(--cia-border))!important;
  box-shadow:var(--cia-shadow-panel)!important;
}
[data-design-system="connect-ia-v2"] .public-landing :is(.faq-grid details,.public-faq details){
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-md)!important;
  box-shadow:none!important;
}
[data-design-system="connect-ia-v2"] .public-landing :is(.faq-grid details,.public-faq details)[open]{
  border-color:var(--cia-border-strong)!important;
  box-shadow:var(--cia-shadow-xs)!important;
}

/* Home preview / strips / integration cards. */
[data-design-system="connect-ia-v2"] .connect-product-demo .product-window{
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-panel)!important;
  box-shadow:var(--cia-shadow-panel)!important;
}
[data-design-system="connect-ia-v2"] .connect-product-demo :is(
  .demo-search,
  .demo-thread,
  .demo-mobile-tabs button
){
  border-radius:var(--cia-radius-control)!important;
}
[data-design-system="connect-ia-v2"] .public-benefit-strip{
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-card)!important;
  box-shadow:var(--cia-shadow-xs)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-card{
  border-radius:var(--cia-radius-card)!important;
  box-shadow:0 18px 42px rgba(0,16,38,.18)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-card:hover{
  box-shadow:0 22px 50px rgba(0,16,38,.22)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-symbol{
  border-radius:var(--cia-radius-md)!important;
  box-shadow:var(--cia-shadow-sm)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-steps span,
[data-design-system="connect-ia-v2"] .public-v2-integration-card>a{
  border-radius:var(--cia-radius-control)!important;
}

/* WHMCS landing. */
[data-design-system="connect-ia-v2"] .whmcswa-demo-shell{
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-panel)!important;
  box-shadow:var(--cia-shadow-panel)!important;
}
[data-design-system="connect-ia-v2"] :is(
  .whmcswa-event-card,
  .whmcswa-feature-grid article,
  .whmcswa-event-grid article,
  .whmcswa-step-grid article
){
  border-radius:var(--cia-radius-card)!important;
  box-shadow:var(--cia-shadow-card)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-feature-grid article:hover,
[data-design-system="connect-ia-v2"] .whmcswa-step-grid article:hover{
  box-shadow:var(--cia-shadow-card-hover)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-phone{
  border-radius:var(--cia-radius-card)!important;
  box-shadow:var(--cia-shadow-sm)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-value-strip{
  border-radius:var(--cia-radius-card)!important;
  box-shadow:var(--cia-shadow-xs)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-benefits{
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-panel)!important;
  box-shadow:var(--cia-shadow-sm)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-context-panel{
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-card)!important;
  box-shadow:var(--cia-shadow-panel)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-security{
  border-radius:var(--cia-radius-panel)!important;
  box-shadow:var(--cia-shadow-panel)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-security-grid span{
  border-radius:var(--cia-radius-md)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-final{
  border-radius:var(--cia-radius-card)!important;
  box-shadow:var(--cia-shadow-sm)!important;
}

/* Authentication. */
[data-design-system="connect-ia-v2"] .auth3-card{
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-card)!important;
  box-shadow:var(--cia-shadow-panel)!important;
}
[data-design-system="connect-ia-v2"] .auth3-card :is(input,select,textarea){
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-control)!important;
  box-shadow:none!important;
}
[data-design-system="connect-ia-v2"] .auth3-card :is(input,select,textarea):focus{
  border-color:var(--cia-brand-500)!important;
  box-shadow:var(--cia-focus-ring)!important;
}
[data-design-system="connect-ia-v2"] .auth3-card .btn{
  border-radius:var(--cia-radius-control)!important;
}
[data-design-system="connect-ia-v2"] .auth3-card .btn.primary{
  box-shadow:var(--cia-shadow-control)!important;
}
[data-design-system="connect-ia-v2"] .auth3-plan-option{
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-md)!important;
  box-shadow:none!important;
}
[data-design-system="connect-ia-v2"] .auth3-plan-option:has(input:checked){
  border-color:var(--cia-brand-500)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cia-brand-500) 10%,transparent)!important;
}

/* Generic app/modal/table depth roles, ready for later client/master blocks. */
[data-design-system="connect-ia-v2"] .app-shell :is(.card,.panel,.stats article,.table-card){
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-md)!important;
  box-shadow:var(--cia-shadow-card)!important;
}
[data-design-system="connect-ia-v2"] .app-shell :is(.table-wrap,.table-responsive){
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-md)!important;
  box-shadow:none!important;
}
[data-design-system="connect-ia-v2"] :is(dialog,.modal,.client-v4-dialog){
  border-radius:var(--cia-radius-card)!important;
  box-shadow:var(--cia-shadow-overlay)!important;
}

/* Dark mode: preserve hierarchy without black heavy shadows. */
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing :is(
  .public-feature-grid article,
  .segment-grid article,
  .public-plan-card,
  .proof-grid article,
  .human-ai-card,
  .public-benefit-strip
){
  border-color:var(--cia-border)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.16)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .auth3-card,
html[data-theme="dark"][data-design-system="connect-ia-v2"] .whmcswa-demo-shell,
html[data-theme="dark"][data-design-system="connect-ia-v2"] .whmcswa-context-panel,
html[data-theme="dark"][data-design-system="connect-ia-v2"] .whmcswa-security{
  border-color:var(--cia-border)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.24)!important;
}

@media(max-width:700px){
  [data-design-system="connect-ia-v2"] .connect-product-demo .product-window,
  [data-design-system="connect-ia-v2"] .whmcswa-demo-shell,
  [data-design-system="connect-ia-v2"] .whmcswa-benefits,
  [data-design-system="connect-ia-v2"] .whmcswa-security{
    border-radius:var(--cia-radius-card)!important;
    box-shadow:var(--cia-shadow-sm)!important;
  }
  [data-design-system="connect-ia-v2"] .auth3-card{
    border-radius:var(--cia-radius-card)!important;
    box-shadow:var(--cia-shadow-sm)!important;
  }
}

/* Block 01 / Loop 07 — Grid, containers & alignment */
:root,
html[data-theme="light"],
html[data-theme="dark"]{
  --cia-container:var(--cia-content);
  --cia-container-wide:var(--cia-content-wide);
  --cia-media-min:320px;
}

/* Canonical public containers. Horizontal only: Loop 05 vertical rhythm is preserved. */
[data-design-system="connect-ia-v2"] .public-header-inner{
  width:min(var(--cia-container-wide),calc(100% - (var(--cia-gutter) * 2)))!important;
  max-width:var(--cia-container-wide)!important;
  margin-inline:auto!important;
}
[data-design-system="connect-ia-v2"] .connect-product-demo :is(
  .public-product-demo-heading,
  .demo-proof-label,
  .product-window,
  .demo-device-caption
){
  width:min(var(--cia-container),calc(100% - (var(--cia-gutter) * 2)))!important;
  max-width:var(--cia-container)!important;
  margin-inline:auto!important;
}
[data-design-system="connect-ia-v2"] :is(
  .public-benefit-strip,
  .public-section,
  .human-ai-section,
  .security-section,
  .public-final-cta
){
  width:min(var(--cia-container),calc(100% - (var(--cia-gutter) * 2)))!important;
  max-width:var(--cia-container)!important;
  margin-inline:auto!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integrations :is(
  .public-v2-integrations-heading,
  .public-v2-integration-grid,
  .public-v2-integrations-foot
){
  width:min(var(--cia-container),calc(100% - (var(--cia-gutter) * 2)))!important;
  max-width:var(--cia-container)!important;
  margin-inline:auto!important;
}
[data-design-system="connect-ia-v2"] :is(
  .public-feature-grid,
  .segment-grid,
  .public-plan-grid,
  .proof-grid
)>*{
  min-width:0;
}

/* Keep card grids aligned to the same content rail. */
[data-design-system="connect-ia-v2"] .public-feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
[data-design-system="connect-ia-v2"] .segment-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
[data-design-system="connect-ia-v2"] .public-plan-grid{
  align-items:stretch!important;
}
[data-design-system="connect-ia-v2"] .public-plan-card{
  min-width:0!important;
}

/* WHMCS product page on the same rails. */
[data-design-system="connect-ia-v2"] .whmcswa-page :is(
  .whmcswa-breadcrumb,
  .whmcswa-hero,
  .whmcswa-value-strip,
  .whmcswa-section,
  .whmcswa-events,
  .whmcswa-how,
  .whmcswa-benefits,
  .whmcswa-security,
  .whmcswa-keyword-content,
  .whmcswa-faq,
  .whmcswa-related,
  .whmcswa-final
){
  width:min(var(--cia-container),calc(100% - (var(--cia-gutter) * 2)))!important;
  max-width:var(--cia-container)!important;
  margin-inline:auto!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-hero{
  grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr)!important;
  align-items:center!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-benefits,
[data-design-system="connect-ia-v2"] .whmcswa-security{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;
}
[data-design-system="connect-ia-v2"] :is(
  .whmcswa-feature-grid,
  .whmcswa-event-grid,
  .whmcswa-step-grid,
  .whmcswa-faq-grid
)>*{
  min-width:0;
}

/* Auth: form rail remains centered without stretching on wide screens. */
[data-design-system="connect-ia-v2"] .auth3-form-side{
  min-width:0;
}
[data-design-system="connect-ia-v2"] .auth3-card{
  width:min(620px,100%)!important;
  max-width:620px!important;
  justify-self:center;
}
[data-design-system="connect-ia-v2"] .auth3-copy-main{
  width:min(620px,100%);
  max-width:620px;
}

/* Public preview of the REAL mobile Inbox architecture.
   Structure mirrors /paineldocliente/conversas V4.1; data remain demonstrative. */
[data-design-system="connect-ia-v2"] .public-real-inbox-mobile{
  display:none;
}

@media(max-width:1100px){
  [data-design-system="connect-ia-v2"] .public-feature-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  [data-design-system="connect-ia-v2"] .whmcswa-hero{
    grid-template-columns:minmax(0,1fr) minmax(320px,.92fr)!important;
  }
}

@media(max-width:820px){
  :root{
    --cia-gutter:20px;
  }
  [data-design-system="connect-ia-v2"] .whmcswa-hero,
  [data-design-system="connect-ia-v2"] .whmcswa-benefits,
  [data-design-system="connect-ia-v2"] .whmcswa-security{
    grid-template-columns:minmax(0,1fr)!important;
  }
  [data-design-system="connect-ia-v2"] .segment-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media(max-width:700px){
  :root{
    --cia-gutter:14px;
  }

  [data-design-system="connect-ia-v2"] .public-header-inner,
  [data-design-system="connect-ia-v2"] .connect-product-demo :is(
    .public-product-demo-heading,
    .demo-proof-label,
    .demo-device-caption
  ),
  [data-design-system="connect-ia-v2"] :is(
    .public-benefit-strip,
    .public-section,
    .human-ai-section,
    .security-section,
    .public-final-cta
  ),
  [data-design-system="connect-ia-v2"] .public-v2-integrations :is(
    .public-v2-integrations-heading,
    .public-v2-integration-grid,
    .public-v2-integrations-foot
  ),
  [data-design-system="connect-ia-v2"] .whmcswa-page :is(
    .whmcswa-breadcrumb,
    .whmcswa-hero,
    .whmcswa-value-strip,
    .whmcswa-section,
    .whmcswa-events,
    .whmcswa-how,
    .whmcswa-benefits,
    .whmcswa-security,
    .whmcswa-keyword-content,
    .whmcswa-faq,
    .whmcswa-related,
    .whmcswa-final
  ){
    width:calc(100% - (var(--cia-gutter) * 2))!important;
    max-width:100%!important;
  }

  [data-design-system="connect-ia-v2"] .public-feature-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  /* Old illustrative 3-tab mockup is desktop/tablet only. */
  [data-design-system="connect-ia-v2"] .connect-product-demo>.product-window,
  [data-design-system="connect-ia-v2"] .connect-product-demo>.public-v1-inbox-image{
    display:none!important;
  }

  [data-design-system="connect-ia-v2"] .public-real-inbox-mobile{
    display:block;
    width:calc(100% - (var(--cia-gutter) * 2));
    max-width:430px;
    margin-inline:auto;
    overflow:hidden;
    border:1px solid var(--cia-border);
    border-radius:var(--cia-radius-card);
    background:var(--cia-surface-1);
    box-shadow:var(--cia-shadow-sm);
    color:var(--cia-text-1);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-browserbar{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    column-gap:var(--cia-space-2);
    min-height:44px;
    border-bottom:1px solid var(--cia-border);
    background:var(--cia-surface-2);
    padding-inline:var(--cia-space-3);
    font-size:10px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-browserbar span{
    color:var(--cia-brand-600);
    font-weight:800;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-browserbar b{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
    font-size:11px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-browserbar small{
    white-space:nowrap;
    color:var(--cia-text-3);
    font-size:9px;
  }

  [data-design-system="connect-ia-v2"] .public-real-inbox-screen{
    display:none;
    min-width:0;
    background:var(--cia-surface-1);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-screen.is-active{
    display:block;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-head{
    min-height:52px;
    display:flex;
    align-items:center;
    border-bottom:1px solid var(--cia-border-soft);
    padding-inline:var(--cia-space-4);
    background:var(--cia-surface-1);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-head small{
    display:block;
    color:var(--cia-brand-600);
    font-size:9px;
    font-weight:800;
    letter-spacing:.12em;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-head h3{
    margin:2px 0 0;
    color:var(--cia-text-1);
    font-size:21px;
    line-height:1.05;
    letter-spacing:-.035em;
  }

  [data-design-system="connect-ia-v2"] .public-real-inbox-kpis{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    border-bottom:1px solid var(--cia-border);
    background:var(--cia-bg-subtle);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-kpis>div{
    min-width:0;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-right:1px solid var(--cia-border-soft);
    border-bottom:1px solid var(--cia-border-soft);
    padding-inline:var(--cia-space-3);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-kpis>div:nth-child(2n){
    border-right:0;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-kpis span{
    color:var(--cia-text-2);
    font-size:10px;
    font-weight:700;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-kpis b{
    color:var(--cia-text-1);
    font-size:17px;
    font-variant-numeric:tabular-nums;
  }

  [data-design-system="connect-ia-v2"] .public-real-inbox-list-panel{
    min-width:0;
    background:var(--cia-surface-1);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-panel-title{
    min-height:47px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-inline:var(--cia-space-4);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-panel-title>div{
    display:flex;
    flex-direction:column;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-panel-title b{
    font-size:14px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-panel-title small{
    color:var(--cia-text-3);
    font-size:10px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-panel-title i{
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--cia-success);
    box-shadow:0 0 0 4px color-mix(in srgb,var(--cia-success) 12%,transparent);
  }

  [data-design-system="connect-ia-v2"] .public-real-inbox-search{
    min-height:42px;
    display:flex;
    align-items:center;
    column-gap:var(--cia-space-2);
    margin-inline:var(--cia-space-3);
    border:1px solid var(--cia-border);
    border-radius:var(--cia-radius-control);
    background:var(--cia-surface-2);
    padding-inline:var(--cia-space-3);
    color:var(--cia-text-3);
    font-size:12px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-filters{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--cia-space-2);
    padding:var(--cia-space-3);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-filters span{
    min-width:0;
    display:flex;
    flex-direction:column;
    border:1px solid var(--cia-border);
    border-radius:var(--cia-radius-control);
    background:var(--cia-surface-1);
    padding:7px 9px;
    color:var(--cia-text-3);
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.06em;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-filters b{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--cia-text-1);
    font-size:11px;
    text-transform:none;
    letter-spacing:0;
  }

  [data-design-system="connect-ia-v2"] .public-real-inbox-row{
    width:100%;
    min-width:0;
    min-height:72px;
    display:grid;
    grid-template-columns:43px minmax(0,1fr) auto;
    align-items:center;
    column-gap:var(--cia-space-3);
    border:0;
    border-top:1px solid var(--cia-border-soft);
    border-radius:0!important;
    background:var(--cia-surface-1);
    padding:10px var(--cia-space-3);
    color:var(--cia-text-1);
    text-align:left;
    box-shadow:none!important;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-row.is-active{
    background:color-mix(in srgb,var(--cia-info-soft) 82%,var(--cia-surface-1));
    box-shadow:inset 3px 0 0 var(--cia-brand-600)!important;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-row>i,
  [data-design-system="connect-ia-v2"] .public-real-inbox-chat-head span>i{
    width:43px;
    height:43px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(145deg,var(--cia-brand-600),var(--cia-brand-500));
    color:#fff;
    font-style:normal;
    font-size:11px;
    font-weight:800;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-row>span{
    min-width:0;
    display:grid;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-row b{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12.5px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-row small{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--cia-text-2);
    font-size:10.5px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-row em{
    width:max-content;
    max-width:100%;
    margin-top:4px;
    border-radius:var(--cia-radius-pill);
    background:var(--cia-info-soft);
    padding:2px 6px;
    color:var(--cia-brand-700);
    font-size:9px;
    font-style:normal;
    font-weight:700;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-row time{
    align-self:start;
    padding-top:3px;
    color:var(--cia-text-3);
    font-size:9px;
  }

  [data-design-system="connect-ia-v2"] .public-real-inbox-chat-head{
    min-height:62px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) auto;
    align-items:center;
    column-gap:var(--cia-space-2);
    border-bottom:1px solid var(--cia-border);
    padding-inline:var(--cia-space-3);
    background:var(--cia-surface-1);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-chat-head>button{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid var(--cia-border);
    border-radius:var(--cia-radius-control);
    background:var(--cia-surface-2);
    color:var(--cia-text-1);
    font-size:23px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-chat-head>span{
    min-width:0;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:var(--cia-space-2);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-chat-head span>i{
    width:34px;
    height:34px;
    grid-row:1/3;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-chat-head b{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-chat-head small{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--cia-text-2);
    font-size:9px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-chat-head>em{
    border-radius:var(--cia-radius-pill);
    background:var(--cia-success-soft);
    padding:5px 7px;
    color:var(--cia-success);
    font-size:9px;
    font-style:normal;
    font-weight:800;
    white-space:nowrap;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-toolbar{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:1px solid var(--cia-border);
    padding-inline:var(--cia-space-3);
    background:var(--cia-surface-1);
    color:var(--cia-text-2);
    font-size:10px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-toolbar button{
    min-height:32px;
    border:1px solid var(--cia-border);
    border-radius:var(--cia-radius-control);
    background:var(--cia-surface-2);
    color:var(--cia-text-1);
    padding-inline:10px;
    font-size:10px;
    font-weight:700;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-thread{
    min-height:360px;
    display:flex;
    flex-direction:column;
    row-gap:var(--cia-space-3);
    background:
      radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--cia-brand-500) 5%,transparent),transparent 35%),
      var(--cia-surface-2);
    padding:var(--cia-space-4) var(--cia-space-3);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-thread article{
    max-width:89%;
    border:1px solid var(--cia-border-soft);
    border-radius:14px;
    background:var(--cia-surface-1);
    padding:10px 12px;
    box-shadow:var(--cia-shadow-xs);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-thread article.is-ai,
  [data-design-system="connect-ia-v2"] .public-real-inbox-thread article.is-human{
    align-self:flex-end;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-thread article.is-ai{
    border-color:color-mix(in srgb,var(--cia-success) 18%,var(--cia-border));
    background:color-mix(in srgb,var(--cia-success-soft) 62%,var(--cia-surface-1));
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-thread article.is-human{
    border-color:color-mix(in srgb,var(--cia-brand-500) 18%,var(--cia-border));
    background:color-mix(in srgb,var(--cia-info-soft) 72%,var(--cia-surface-1));
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-thread small{
    color:var(--cia-text-3);
    font-size:9px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-thread p{
    margin:3px 0 0;
    color:var(--cia-text-1);
    font-size:11px;
    line-height:1.48;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-handoff{
    align-self:center;
    border-radius:var(--cia-radius-pill);
    background:var(--cia-surface-3);
    padding:6px 10px;
    color:var(--cia-text-2);
    font-size:9px;
    font-weight:700;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-state{
    min-height:58px;
    display:flex;
    align-items:center;
    column-gap:var(--cia-space-3);
    border-top:1px solid var(--cia-border);
    background:var(--cia-surface-1);
    padding-inline:var(--cia-space-3);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-state>span{
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:var(--cia-radius-control);
    background:var(--cia-success-soft);
    color:var(--cia-success);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-state div{
    display:grid;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-state b{
    font-size:11px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-state small{
    color:var(--cia-text-2);
    font-size:9px;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-note{
    margin:0;
    border-top:1px solid var(--cia-border);
    background:var(--cia-bg-subtle);
    padding:var(--cia-space-3);
    color:var(--cia-text-2);
    font-size:10px;
    line-height:1.5;
    text-align:center;
  }

  [data-design-system="connect-ia-v2"] .demo-device-caption{
    display:none!important;
  }
}

@media(max-width:390px){
  [data-design-system="connect-ia-v2"] .public-real-inbox-browserbar small{
    display:none;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-browserbar{
    grid-template-columns:auto minmax(0,1fr);
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-chat-head>em{
    display:none;
  }
  [data-design-system="connect-ia-v2"] .public-real-inbox-chat-head{
    grid-template-columns:38px minmax(0,1fr);
  }
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-real-inbox-mobile{
  border-color:var(--cia-border);
  background:var(--cia-surface-1);
  box-shadow:0 16px 44px rgba(0,0,0,.22);
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-real-inbox-row.is-active{
  background:color-mix(in srgb,var(--cia-brand-700) 18%,var(--cia-surface-1));
}

@media(max-width:700px){
  [data-design-system="connect-ia-v2"] .connect-product-demo .demo-proof-label{
    flex-wrap:wrap!important;
    justify-content:center!important;
    row-gap:4px!important;
    text-align:center!important;
    line-height:1.35!important;
  }
  [data-design-system="connect-ia-v2"] .connect-product-demo .demo-proof-label strong{
    white-space:normal!important;
  }
}

/* Block 01 / Loop 08 — SVG icon vocabulary */
:root,
html[data-theme="light"],
html[data-theme="dark"]{
  --cia-icon-16:16px;
  --cia-icon-18:18px;
  --cia-icon-20:20px;
  --cia-icon-24:24px;
  --cia-icon-stroke:1.8;
}
.cia-icon{
  display:inline-block;
  flex:0 0 auto;
  width:1em;
  height:1em;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:var(--cia-icon-stroke);
  stroke-linecap:round;
  stroke-linejoin:round;
  vertical-align:-.125em;
  pointer-events:none;
}
.cia-icon--16{width:var(--cia-icon-16);height:var(--cia-icon-16)}
.cia-icon--18{width:var(--cia-icon-18);height:var(--cia-icon-18)}
.cia-icon--20{width:var(--cia-icon-20);height:var(--cia-icon-20)}
.cia-icon--24{width:var(--cia-icon-24);height:var(--cia-icon-24)}
[data-design-system="connect-ia-v2"] :is(a,button,.btn)>.cia-icon{
  margin-inline-start:.15em;
}
[data-design-system="connect-ia-v2"] .cia-icon.is-leading{
  margin-inline-start:0;
  margin-inline-end:.35em;
}
[data-design-system="connect-ia-v2"] .cia-icon.is-only{
  margin:0;
}
html[data-theme="dark"] .cia-icon{
  color:inherit;
}

/* Loop 08 correction — avoid double section seam on mobile. */
@media(max-width:700px){
  [data-design-system="connect-ia-v2"] .public-landing>.public-flows{
    padding-bottom:var(--cia-space-6)!important;
  }
  [data-design-system="connect-ia-v2"] .public-landing>.public-flows + .human-ai-section{
    padding-top:var(--cia-space-8)!important;
  }
}


/* Block 01 / Loop 08 hotfix — public "Como funciona" card contrast.
   The legacy section is inverse/dark, while the premium card grammar uses
   semantic light/dark surfaces. Normalize card text with the semantic surface
   instead of inheriting the section's white text. */
[data-design-system="connect-ia-v2"] .public-how .public-steps>article{
  color:var(--cia-text-1)!important;
  background:var(--cia-surface-raised)!important;
  border-color:var(--cia-border)!important;
  box-shadow:var(--cia-shadow-sm)!important;
}
[data-design-system="connect-ia-v2"] .public-how .public-steps>article h3{
  color:var(--cia-text-1)!important;
}
[data-design-system="connect-ia-v2"] .public-how .public-steps>article p{
  color:var(--cia-text-2)!important;
}
[data-design-system="connect-ia-v2"] .public-how .public-steps>article>span:first-child{
  border-color:color-mix(in srgb,var(--cia-brand-500) 22%,var(--cia-border))!important;
  background:var(--cia-info-soft)!important;
  color:var(--cia-brand-600)!important;
}

[data-design-system="connect-ia-v2"] .public-v2-screen-dots{
  display:inline-flex;
  align-items:center;
  gap:4px;
  letter-spacing:0!important;
  font-size:0!important;
}
[data-design-system="connect-ia-v2"] .public-v2-screen-dots>i{
  display:block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
}

/* Loop 08 — protect canonical SVG sizes inside legacy page-specific SVG rules. */
[data-design-system="connect-ia-v2"] .whmcswa-page .cia-icon.cia-icon--16{
  width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-page .cia-icon.cia-icon--18{
  width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-page .cia-icon.cia-icon--20{
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-page .cia-icon.cia-icon--24{
  width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;
}

/* CONNECT IA ICONOGRAPHY V3 — semantic surfaces and state language */
:root,
html[data-theme="light"],
html[data-theme="dark"]{
  --cia-icon-stroke:1.85;
  --cia-icon-surface:color-mix(in srgb,var(--cia-brand-500) 9%,var(--cia-surface-1));
  --cia-icon-surface-strong:color-mix(in srgb,var(--cia-brand-500) 14%,var(--cia-surface-1));
  --cia-icon-border:color-mix(in srgb,var(--cia-brand-500) 22%,var(--cia-border));
}

.cia-icon.is-success{color:var(--cia-success)}
.cia-icon.is-warning{color:var(--cia-warning)}
.cia-icon.is-error{color:var(--cia-danger)}
.cia-icon.is-info{color:var(--cia-brand-500)}
.cia-icon.is-loading{animation:cia-icon-spin .9s linear infinite}
@keyframes cia-icon-spin{to{transform:rotate(360deg)}}

[data-design-system="connect-ia-v2"] .public-feature-grid .feature-icon{
  width:46px!important;
  height:46px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  justify-items:center!important;
  column-gap:3px!important;
  border:1px solid var(--cia-icon-border)!important;
  border-radius:var(--cia-radius-md)!important;
  background:var(--cia-icon-surface)!important;
  color:var(--cia-brand-600)!important;
  padding-inline:7px!important;
}
[data-design-system="connect-ia-v2"] .public-feature-grid .feature-icon .cia-icon{
  margin:0!important;
}
[data-design-system="connect-ia-v2"] .public-feature-grid .feature-icon small{
  align-self:end;
  padding-bottom:6px;
  color:var(--cia-text-3);
  font-size:8px;
  font-weight:800;
  line-height:1;
  letter-spacing:.04em;
}

[data-design-system="connect-ia-v2"] .segment-grid .segment-icon{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--cia-icon-border)!important;
  border-radius:var(--cia-radius-md)!important;
  background:var(--cia-icon-surface)!important;
  color:var(--cia-brand-600)!important;
  box-shadow:none!important;
}
[data-design-system="connect-ia-v2"] .segment-grid .segment-icon .cia-icon{
  width:24px!important;
  height:24px!important;
  margin:0!important;
}

[data-design-system="connect-ia-v2"] .proof-grid article{
  position:relative;
}
[data-design-system="connect-ia-v2"] .proof-grid .proof-icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  margin-bottom:var(--cia-space-4);
  border:1px solid var(--cia-icon-border);
  border-radius:var(--cia-radius-md);
  background:var(--cia-icon-surface);
  color:var(--cia-brand-600);
}
[data-design-system="connect-ia-v2"] .proof-grid .proof-icon .cia-icon{
  margin:0!important;
}
[data-design-system="connect-ia-v2"] .proof-grid .proof-icon.is-whatsapp{
  color:var(--cia-success);
  border-color:color-mix(in srgb,var(--cia-success) 25%,var(--cia-border));
  background:color-mix(in srgb,var(--cia-success) 8%,var(--cia-surface-1));
}

[data-design-system="connect-ia-v2"] .security-list span{
  display:flex!important;
  align-items:center!important;
  gap:var(--cia-space-2)!important;
}
[data-design-system="connect-ia-v2"] .security-list span>.cia-icon{
  margin:0!important;
  color:var(--cia-brand-500);
}

[data-design-system="connect-ia-v2"] .handoff-flow i.is-handoff{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid var(--cia-icon-border);
  border-radius:var(--cia-radius-pill);
  background:var(--cia-icon-surface-strong);
  color:var(--cia-brand-600);
}
[data-design-system="connect-ia-v2"] .handoff-flow i.is-handoff .cia-icon{
  margin:0!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(
  .public-feature-grid .feature-icon,
  .segment-grid .segment-icon,
  .proof-grid .proof-icon,
  .handoff-flow i.is-handoff
){
  color:var(--cia-brand-400)!important;
  border-color:color-mix(in srgb,var(--cia-brand-400) 28%,var(--cia-border))!important;
  background:color-mix(in srgb,var(--cia-brand-500) 11%,var(--cia-surface-1))!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .proof-grid .proof-icon.is-whatsapp{
  color:var(--cia-success)!important;
  border-color:color-mix(in srgb,var(--cia-success) 28%,var(--cia-border))!important;
  background:color-mix(in srgb,var(--cia-success) 9%,var(--cia-surface-1))!important;
}

@media(prefers-reduced-motion:reduce){
  .cia-icon.is-loading{animation:none}
}

/* Iconography V3 — semantic icon replaces legacy typographic check in security cards. */
[data-design-system="connect-ia-v2"] .security-list span::before{
  content:none!important;
  display:none!important;
}

/* BLOCK 01 / LOOP 09 — Buttons, CTAs & links */
:root,
html[data-theme="light"],
html[data-theme="dark"]{
  --cia-control-h-sm:40px;
  --cia-control-h-md:46px;
  --cia-control-h-lg:50px;
  --cia-control-pad-x:18px;
  --cia-control-gap:8px;
  --cia-control-font:800;
}

[data-design-system="connect-ia-v2"] .btn{
  min-height:var(--cia-control-h-md);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--cia-control-gap);
  padding:0 var(--cia-control-pad-x);
  border:1px solid transparent;
  border-radius:var(--cia-radius-control)!important;
  font:var(--cia-control-font) 14px/1 var(--cia-font-sans);
  letter-spacing:-.01em;
  text-decoration:none;
  cursor:pointer;
  user-select:none;
  transition:
    transform var(--cia-duration-fast) var(--cia-ease-standard),
    box-shadow var(--cia-duration-fast) var(--cia-ease-standard),
    background-color var(--cia-duration-fast) var(--cia-ease-standard),
    border-color var(--cia-duration-fast) var(--cia-ease-standard),
    color var(--cia-duration-fast) var(--cia-ease-standard);
}

[data-design-system="connect-ia-v2"] .btn.primary{
  background:linear-gradient(135deg,var(--cia-brand-600),var(--cia-brand-500));
  border-color:color-mix(in srgb,var(--cia-brand-700) 55%,transparent);
  color:#fff;
  box-shadow:var(--cia-shadow-control);
}
[data-design-system="connect-ia-v2"] .btn.ghost{
  background:var(--cia-surface-1);
  border-color:var(--cia-border-strong);
  color:var(--cia-text-1);
  box-shadow:none;
}
[data-design-system="connect-ia-v2"] .btn.text{
  min-height:36px;
  padding-inline:8px;
  border-color:transparent;
  background:transparent;
  color:var(--cia-brand-600);
  box-shadow:none;
}

[data-design-system="connect-ia-v2"] .btn:hover:not(:disabled):not([aria-disabled="true"]){
  transform:translateY(-1px);
}
[data-design-system="connect-ia-v2"] .btn.primary:hover:not(:disabled):not([aria-disabled="true"]){
  background:linear-gradient(135deg,var(--cia-brand-700),var(--cia-brand-600));
  box-shadow:var(--cia-shadow-card);
}
[data-design-system="connect-ia-v2"] .btn.ghost:hover:not(:disabled):not([aria-disabled="true"]){
  border-color:color-mix(in srgb,var(--cia-brand-500) 38%,var(--cia-border));
  background:color-mix(in srgb,var(--cia-brand-500) 5%,var(--cia-surface-1));
}
[data-design-system="connect-ia-v2"] .btn:active:not(:disabled):not([aria-disabled="true"]){
  transform:translateY(0) scale(.985);
}
[data-design-system="connect-ia-v2"] .btn:disabled,
[data-design-system="connect-ia-v2"] .btn[aria-disabled="true"]{
  opacity:.52;
  cursor:not-allowed;
  pointer-events:none;
  box-shadow:none!important;
}
[data-design-system="connect-ia-v2"] .btn[aria-busy="true"]{
  cursor:progress;
}
[data-design-system="connect-ia-v2"] .btn[aria-busy="true"] .cia-icon{
  animation:cia-icon-spin .9s linear infinite;
}

[data-design-system="connect-ia-v2"] .btn.wide{
  width:100%;
}
[data-design-system="connect-ia-v2"] .public-cta{
  min-height:var(--cia-control-h-lg);
  padding-inline:22px;
}
[data-design-system="connect-ia-v2"] :is(
  .public-header-actions,
  .public-hero-actions,
  .public-product-demo-actions,
  .whmcswa-actions,
  .whmcswa-final-actions
){
  gap:var(--cia-space-3);
}
[data-design-system="connect-ia-v2"] :is(.btn,.cia-v3-button)>.cia-icon,
[data-design-system="connect-ia-v2"] :is(.btn,.cia-v3-button)>span>.cia-icon{
  flex:0 0 auto;
  margin:0!important;
}

[data-design-system="connect-ia-v2"] .public-landing :is(
  .segment-grid article>a,
  .whmcswa-related-links>a,
  .public-footer a:not(.public-brand)
){
  text-underline-offset:3px;
  transition:color var(--cia-duration-fast) var(--cia-ease-standard);
}
[data-design-system="connect-ia-v2"] .public-landing :is(
  .segment-grid article>a,
  .whmcswa-related-links>a
):hover{
  color:var(--cia-brand-700);
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .btn.ghost{
  background:var(--cia-surface-2);
  border-color:var(--cia-border);
  color:var(--cia-text-1);
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .btn.text{
  color:var(--cia-brand-400);
}

@media(max-width:580px){
  [data-design-system="connect-ia-v2"] :is(
    .public-hero-actions,
    .public-product-demo-actions,
    .whmcswa-actions,
    .whmcswa-final-actions
  ) .btn{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  [data-design-system="connect-ia-v2"] .btn{
    transition:none;
  }
  [data-design-system="connect-ia-v2"] .btn:hover,
  [data-design-system="connect-ia-v2"] .btn:active{
    transform:none!important;
  }
}

/* Loop 09 — dark primary authority over legacy public button rules. */
html[data-theme="dark"][data-design-system="connect-ia-v2"] .btn.primary{
  background:linear-gradient(135deg,var(--cia-brand-600),var(--cia-brand-500))!important;
  border-color:color-mix(in srgb,var(--cia-brand-400) 38%,var(--cia-border))!important;
  color:#fff!important;
  box-shadow:var(--cia-shadow-control)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .btn.primary:hover:not(:disabled):not([aria-disabled="true"]){
  background:linear-gradient(135deg,var(--cia-brand-500),var(--cia-brand-600))!important;
}

/* BLOCK 01 / LOOP 10 — Inputs, forms & states */
:root,
html[data-theme="light"],
html[data-theme="dark"]{
  --cia-field-h:48px;
  --cia-field-pad-x:14px;
  --cia-field-gap:7px;
  --cia-field-border:var(--cia-border);
  --cia-field-border-hover:color-mix(in srgb,var(--cia-brand-500) 32%,var(--cia-border));
  --cia-field-bg:var(--cia-surface-1);
  --cia-field-text:var(--cia-text-1);
  --cia-field-placeholder:var(--cia-text-3);
  --cia-field-disabled:color-mix(in srgb,var(--cia-surface-2) 82%,var(--cia-border));
}

/* Public/auth form groups only; internal app forms remain governed by their page systems. */
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) .field{
  display:grid;
  gap:var(--cia-field-gap);
  min-width:0;
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) .field>span{
  color:var(--cia-text-2)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35;
  letter-spacing:.01em;
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) .field>span small{
  color:var(--cia-text-3);
  font-size:11px;
  font-weight:650;
}

[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  select,
  textarea
){
  width:100%;
  min-width:0;
  min-height:var(--cia-field-h);
  padding:10px var(--cia-field-pad-x);
  border:1px solid var(--cia-field-border)!important;
  border-radius:var(--cia-radius-control)!important;
  outline:0;
  background:var(--cia-field-bg)!important;
  color:var(--cia-field-text)!important;
  font:600 14px/1.45 var(--cia-font-sans);
  box-shadow:none!important;
  transition:
    border-color var(--cia-duration-fast) var(--cia-ease-standard),
    box-shadow var(--cia-duration-fast) var(--cia-ease-standard),
    background-color var(--cia-duration-fast) var(--cia-ease-standard);
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) textarea{
  min-height:118px;
  resize:vertical;
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(input,textarea)::placeholder{
  color:var(--cia-field-placeholder)!important;
  opacity:1;
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  select,
  textarea
):hover:not(:disabled):not([readonly]){
  border-color:var(--cia-field-border-hover)!important;
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  select,
  textarea
):focus-visible{
  border-color:var(--cia-brand-500)!important;
  box-shadow:var(--cia-focus-ring)!important;
  outline:2px solid transparent!important;
  outline-offset:2px;
}

/* Validation: only after user interaction or explicit aria state. */
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(input,select,textarea)[aria-invalid="true"],
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(input,select,textarea):user-invalid{
  border-color:var(--cia-danger)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cia-danger) 13%,transparent)!important;
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(input,select,textarea):user-valid:not(:placeholder-shown){
  border-color:color-mix(in srgb,var(--cia-success) 58%,var(--cia-border))!important;
}
[data-design-system="connect-ia-v2"] :is(.field-error,[role="alert"].field-message){
  display:flex;
  align-items:flex-start;
  gap:6px;
  margin-top:2px;
  color:var(--cia-danger);
  font-size:11px;
  font-weight:750;
  line-height:1.45;
}
[data-design-system="connect-ia-v2"] :is(.field-help,.field-hint){
  color:var(--cia-text-3);
  font-size:11px;
  line-height:1.5;
}

/* Disabled / readonly. */
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(input,select,textarea):disabled{
  cursor:not-allowed;
  opacity:.68;
  background:var(--cia-field-disabled)!important;
  color:var(--cia-text-3)!important;
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(input,textarea)[readonly]{
  background:var(--cia-surface-2)!important;
  color:var(--cia-text-2)!important;
  cursor:default;
}

/* Browser autofill must preserve the design-system surface. */
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) input:-webkit-autofill,
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) input:-webkit-autofill:hover,
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) input:-webkit-autofill:focus{
  -webkit-text-fill-color:var(--cia-field-text)!important;
  -webkit-box-shadow:0 0 0 1000px var(--cia-field-bg) inset!important;
  caret-color:var(--cia-field-text);
  transition:background-color 9999s ease-out 0s;
}

/* Native controls: keep semantics, normalize optical size and focus. */
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) input[type="checkbox"],
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) input[type="radio"]{
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin:0;
  accent-color:var(--cia-brand-600);
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(input[type="checkbox"],input[type="radio"]):focus-visible{
  outline:2px solid var(--cia-focus-color);
  outline-offset:3px;
  box-shadow:var(--cia-focus-ring);
}
[data-design-system="connect-ia-v2"] .check-field{
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:var(--cia-text-2);
  font-size:12px;
  font-weight:700;
  line-height:1.5;
}
[data-design-system="connect-ia-v2"] .auth3-plan-option{
  cursor:pointer;
}
[data-design-system="connect-ia-v2"] .auth3-plan-option:has(input:focus-visible){
  outline:2px solid var(--cia-focus-color);
  outline-offset:3px;
  box-shadow:var(--cia-focus-ring)!important;
}

/* Generic public status feedback. */
[data-design-system="connect-ia-v2"] .flash{
  border:1px solid var(--cia-border);
  border-radius:var(--cia-radius-md);
  padding:12px 14px;
  font-size:12px;
  font-weight:700;
  line-height:1.5;
}
[data-design-system="connect-ia-v2"] .flash.success{
  border-color:color-mix(in srgb,var(--cia-success) 28%,var(--cia-border));
  background:var(--cia-success-soft);
  color:var(--cia-success);
}
[data-design-system="connect-ia-v2"] :is(.flash.error,.flash.danger){
  border-color:color-mix(in srgb,var(--cia-danger) 28%,var(--cia-border));
  background:var(--cia-danger-soft);
  color:var(--cia-danger);
}
[data-design-system="connect-ia-v2"] .flash.warning{
  border-color:color-mix(in srgb,var(--cia-warning) 28%,var(--cia-border));
  background:var(--cia-warning-soft);
  color:var(--cia-warning);
}

/* Dark theme keeps native controls and autofill readable. */
html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
  select,
  textarea
){
  color-scheme:dark;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) input:-webkit-autofill{
  -webkit-text-fill-color:var(--cia-text-1)!important;
  -webkit-box-shadow:0 0 0 1000px var(--cia-surface-1) inset!important;
}

@media(prefers-reduced-motion:reduce){
  [data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(input,select,textarea){
    transition:none!important;
  }
}

/* Loop 10 — cross-browser state authority.
   Keep explicit ARIA/native states independent from :user-invalid support. */
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) input[aria-invalid="true"],
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) select[aria-invalid="true"],
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) textarea[aria-invalid="true"]{
  border-color:var(--cia-danger)!important;
  background:color-mix(in srgb,var(--cia-danger-soft) 30%,var(--cia-field-bg))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cia-danger) 13%,transparent)!important;
}
@supports selector(input:user-invalid){
  [data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(input,select,textarea):user-invalid{
    border-color:var(--cia-danger)!important;
    background:color-mix(in srgb,var(--cia-danger-soft) 30%,var(--cia-field-bg))!important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--cia-danger) 13%,transparent)!important;
  }
  [data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(input,select,textarea):user-valid:not(:placeholder-shown){
    border-color:color-mix(in srgb,var(--cia-success) 58%,var(--cia-border))!important;
  }
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) input:disabled,
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) select:disabled,
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) textarea:disabled{
  background:color-mix(in srgb,var(--cia-text-3) 7%,var(--cia-field-bg))!important;
  color:var(--cia-text-3)!important;
  opacity:.68!important;
  cursor:not-allowed!important;
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) input[readonly],
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) textarea[readonly]{
  background:color-mix(in srgb,var(--cia-text-3) 5%,var(--cia-field-bg))!important;
  color:var(--cia-text-2)!important;
  cursor:default!important;
}

/* Loop 10 — final state specificity aligned with canonical field selector. */
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])[aria-invalid="true"],
  select[aria-invalid="true"],
  textarea[aria-invalid="true"]
){
  border-color:var(--cia-danger)!important;
  background:color-mix(in srgb,var(--cia-danger-soft) 30%,var(--cia-field-bg))!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cia-danger) 13%,transparent)!important;
}
@supports selector(input:user-invalid){
  [data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):user-invalid,
    select:user-invalid,
    textarea:user-invalid
  ){
    border-color:var(--cia-danger)!important;
    background:color-mix(in srgb,var(--cia-danger-soft) 30%,var(--cia-field-bg))!important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--cia-danger) 13%,transparent)!important;
  }
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):disabled,
  select:disabled,
  textarea:disabled
){
  background:color-mix(in srgb,var(--cia-text-3) 7%,var(--cia-field-bg))!important;
  color:var(--cia-text-3)!important;
  opacity:.68!important;
  cursor:not-allowed!important;
}
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card) :is(
  input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])[readonly],
  textarea[readonly]
){
  background:color-mix(in srgb,var(--cia-text-3) 5%,var(--cia-field-bg))!important;
  color:var(--cia-text-2)!important;
  cursor:default!important;
}

/* BLOCK 01 / LOOP 11 — Cards, tables, badges & chips */
:root,
html[data-theme="light"],
html[data-theme="dark"]{
  --cia-card-pad-sm:14px;
  --cia-card-pad-md:18px;
  --cia-card-pad-lg:24px;
  --cia-card-gap:14px;
  --cia-card-border:var(--cia-border);
  --cia-card-border-hover:color-mix(in srgb,var(--cia-brand-500) 28%,var(--cia-border));
  --cia-card-bg:var(--cia-surface-1);
  --cia-card-bg-soft:var(--cia-surface-2);
  --cia-card-selected:color-mix(in srgb,var(--cia-brand-500) 6%,var(--cia-surface-1));
  --cia-chip-h:28px;
  --cia-chip-pad-x:10px;
  --cia-chip-radius:999px;
  --cia-table-row-h:46px;
  --cia-table-cell-x:14px;
  --cia-table-cell-y:12px;
}

/* Canonical public/auth card surfaces. */
[data-design-system="connect-ia-v2"] .public-landing :is(
  .public-feature-grid article,
  .segment-grid article,
  .public-plan-card,
  .proof-grid article,
  .human-ai-card,
  .public-v2-integration-card,
  .public-v2-list-card,
  .whmcswa-feature-grid article,
  .whmcswa-event-grid article,
  .whmcswa-step-grid article,
  .whmcswa-event-card,
  .whmcswa-benefit-card,
  .demo-request-proof
),
[data-design-system="connect-ia-v2"] :is(.auth3-card,.demo-request-card){
  border:1px solid var(--cia-card-border)!important;
  border-radius:var(--cia-radius-card)!important;
  background:var(--cia-card-bg)!important;
  color:var(--cia-text-1);
}

[data-design-system="connect-ia-v2"] .public-landing :is(
  .public-feature-grid article,
  .segment-grid article,
  .public-plan-card,
  .proof-grid article,
  .human-ai-card,
  .public-v2-list-card,
  .whmcswa-feature-grid article,
  .whmcswa-step-grid article,
  .whmcswa-event-card
){
  box-shadow:var(--cia-shadow-card)!important;
}

[data-design-system="connect-ia-v2"] .public-landing :is(
  .public-feature-grid article,
  .segment-grid article,
  .proof-grid article,
  .human-ai-card,
  .whmcswa-feature-grid article,
  .whmcswa-step-grid article
):hover{
  border-color:var(--cia-card-border-hover)!important;
  box-shadow:var(--cia-shadow-card-hover)!important;
  transform:translateY(-2px);
}

/* Card density. */
[data-design-system="connect-ia-v2"] .public-landing :is(
  .public-feature-grid article,
  .segment-grid article,
  .proof-grid article,
  .public-v2-list-card,
  .whmcswa-feature-grid article,
  .whmcswa-step-grid article
){
  padding:var(--cia-card-pad-lg)!important;
}
[data-design-system="connect-ia-v2"] .public-landing .public-plan-card{
  padding:var(--cia-card-pad-lg)!important;
}
[data-design-system="connect-ia-v2"] .public-landing .public-plan-card.featured{
  background:linear-gradient(180deg,var(--cia-card-bg) 0%,var(--cia-card-selected) 100%)!important;
  border-color:color-mix(in srgb,var(--cia-brand-500) 48%,var(--cia-border))!important;
  box-shadow:var(--cia-shadow-panel)!important;
}
[data-design-system="connect-ia-v2"] .public-landing .public-plan-card ul{
  display:grid;
  gap:10px;
}
[data-design-system="connect-ia-v2"] .public-landing .public-plan-card li{
  display:flex;
  align-items:flex-start;
  gap:8px;
}
[data-design-system="connect-ia-v2"] .public-landing .public-plan-card li::before{
  content:none!important;
  display:none!important;
}
[data-design-system="connect-ia-v2"] .public-landing .public-plan-card li>.cia-icon{
  color:var(--cia-success);
  margin-top:2px!important;
}

/* Integration cards keep inverse identity but use DS geometry/depth. */
[data-design-system="connect-ia-v2"] .public-v2-integration-card{
  border:1px solid var(--cia-border-inverse)!important;
  border-radius:var(--cia-radius-card)!important;
  box-shadow:var(--cia-shadow-inverse)!important;
}
[data-design-system="connect-ia-v2"] .public-v2-integration-card:hover{
  border-color:var(--cia-border-inverse-strong)!important;
  box-shadow:0 28px 72px rgba(0,14,36,.26)!important;
  transform:translateY(-2px);
}

/* Comparison table — semantic div-based table. */
[data-design-system="connect-ia-v2"] .comparison-table{
  overflow:hidden;
  border:1px solid var(--cia-border);
  border-radius:var(--cia-radius-card);
  background:var(--cia-surface-1);
  box-shadow:var(--cia-shadow-card);
}
[data-design-system="connect-ia-v2"] .comparison-row{
  min-height:var(--cia-table-row-h);
  display:grid;
  grid-template-columns:minmax(180px,1.25fr) repeat(3,minmax(150px,1fr));
  align-items:stretch;
  border-bottom:1px solid var(--cia-border);
}
[data-design-system="connect-ia-v2"] .comparison-row:last-child{
  border-bottom:0;
}
[data-design-system="connect-ia-v2"] .comparison-row>*{
  display:flex;
  align-items:center;
  min-width:0;
  padding:var(--cia-table-cell-y) var(--cia-table-cell-x);
  border-right:1px solid var(--cia-border);
}
[data-design-system="connect-ia-v2"] .comparison-row>*:last-child{
  border-right:0;
}
[data-design-system="connect-ia-v2"] .comparison-head{
  background:var(--cia-surface-2);
  color:var(--cia-text-2);
  font-size:11px;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
}
[data-design-system="connect-ia-v2"] .comparison-row strong{
  color:var(--cia-brand-600);
  background:color-mix(in srgb,var(--cia-brand-500) 4%,transparent);
}

/* Native/table-wrap foundation. */
[data-design-system="connect-ia-v2"] :is(.table-wrap,.table-responsive){
  overflow:auto;
  border:1px solid var(--cia-border);
  border-radius:var(--cia-radius-md);
  background:var(--cia-surface-1);
  scrollbar-gutter:stable;
}
[data-design-system="connect-ia-v2"] :is(.table-wrap,.table-responsive) table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  color:var(--cia-text-1);
}
[data-design-system="connect-ia-v2"] :is(.table-wrap,.table-responsive) th{
  padding:10px var(--cia-table-cell-x);
  background:var(--cia-surface-2);
  color:var(--cia-text-2);
  font-size:11px;
  font-weight:800;
  letter-spacing:.03em;
  text-align:left;
  text-transform:uppercase;
  white-space:nowrap;
}
[data-design-system="connect-ia-v2"] :is(.table-wrap,.table-responsive) td{
  min-height:var(--cia-table-row-h);
  padding:var(--cia-table-cell-y) var(--cia-table-cell-x);
  border-top:1px solid var(--cia-border);
  color:var(--cia-text-1);
  vertical-align:middle;
}

/* Canonical badges / pills / chips. */
[data-design-system="connect-ia-v2"] :is(
  .badge,
  .plan-highlight,
  .whmcswa-badge,
  .demo-status,
  .connect-v2-card-pill,
  .plan-detail-badge,
  .cia-v3-status
){
  min-height:var(--cia-chip-h);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  padding:4px var(--cia-chip-pad-x)!important;
  border:1px solid var(--cia-border);
  border-radius:var(--cia-chip-radius)!important;
  background:var(--cia-surface-2);
  color:var(--cia-text-2);
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.2;
  letter-spacing:.02em;
  text-transform:none;
  white-space:normal;
}
[data-design-system="connect-ia-v2"] .badge.success{
  border-color:color-mix(in srgb,var(--cia-success) 26%,var(--cia-border))!important;
  background:var(--cia-success-soft)!important;
  color:var(--cia-success)!important;
}
[data-design-system="connect-ia-v2"] .badge.warning{
  border-color:color-mix(in srgb,var(--cia-warning) 26%,var(--cia-border))!important;
  background:var(--cia-warning-soft)!important;
  color:var(--cia-warning)!important;
}
[data-design-system="connect-ia-v2"] :is(.badge.error,.badge.danger){
  border-color:color-mix(in srgb,var(--cia-danger) 26%,var(--cia-border))!important;
  background:var(--cia-danger-soft)!important;
  color:var(--cia-danger)!important;
}
[data-design-system="connect-ia-v2"] :is(.badge.info,.badge.primary){
  border-color:color-mix(in srgb,var(--cia-brand-500) 24%,var(--cia-border))!important;
  background:var(--cia-info-soft)!important;
  color:var(--cia-brand-700)!important;
}
[data-design-system="connect-ia-v2"] :is(.badge.neutral,.badge.muted){
  border-color:var(--cia-border)!important;
  background:var(--cia-surface-2)!important;
  color:var(--cia-text-2)!important;
}

/* Small grouped informational surfaces. */
[data-design-system="connect-ia-v2"] :is(
  .public-v2-integration-steps span,
  .whmcswa-security-grid span,
  .whmcswa-trust span,
  .security-list span
){
  border-radius:var(--cia-chip-radius);
}
[data-design-system="connect-ia-v2"] .whmcswa-security-grid span{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--cia-brand-500) 16%,var(--cia-border));
  background:color-mix(in srgb,var(--cia-brand-500) 4%,var(--cia-surface-1));
}

/* FAQ is a compact disclosure card, not an elevated marketing card. */
[data-design-system="connect-ia-v2"] .public-landing :is(.faq-grid details,.public-faq details){
  overflow:hidden;
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-md)!important;
  background:var(--cia-surface-1)!important;
  box-shadow:none!important;
}
[data-design-system="connect-ia-v2"] .public-landing :is(.faq-grid details,.public-faq details)[open]{
  border-color:var(--cia-border-strong)!important;
  background:var(--cia-surface-elevated)!important;
  box-shadow:var(--cia-shadow-xs)!important;
}

/* Selected/focus-within states. */
[data-design-system="connect-ia-v2"] :is(
  .public-plan-card,
  .auth3-plan-option,
  .public-v2-integration-card
):focus-within{
  outline:2px solid var(--cia-focus-color);
  outline-offset:3px;
}
[data-design-system="connect-ia-v2"] .auth3-plan-option:has(input:checked){
  background:var(--cia-card-selected)!important;
  border-color:var(--cia-brand-500)!important;
}

/* Dark mode hierarchy. */
html[data-theme="dark"][data-design-system="connect-ia-v2"] .comparison-table,
html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(.table-wrap,.table-responsive){
  background:var(--cia-surface-1);
  border-color:var(--cia-border);
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .comparison-head,
html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(.table-wrap,.table-responsive) th{
  background:var(--cia-surface-2);
  color:var(--cia-text-2);
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-plan-card.featured{
  background:linear-gradient(180deg,var(--cia-surface-1),color-mix(in srgb,var(--cia-brand-500) 8%,var(--cia-surface-1)))!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] :is(
  .badge,
  .plan-highlight,
  .whmcswa-badge,
  .demo-status,
  .plan-detail-badge
){
  border-color:var(--cia-border);
  background:var(--cia-surface-2);
  color:var(--cia-text-2);
}

@media(max-width:820px){
  [data-design-system="connect-ia-v2"] .comparison-table{
    overflow:auto;
  }
  [data-design-system="connect-ia-v2"] .comparison-row{
    min-width:720px;
  }
}
@media(max-width:580px){
  [data-design-system="connect-ia-v2"] .public-landing :is(
    .public-feature-grid article,
    .segment-grid article,
    .public-plan-card,
    .proof-grid article,
    .public-v2-list-card,
    .whmcswa-feature-grid article,
    .whmcswa-step-grid article
  ){
    padding:var(--cia-card-pad-md)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  [data-design-system="connect-ia-v2"] .public-landing :is(
    .public-feature-grid article,
    .segment-grid article,
    .proof-grid article,
    .human-ai-card,
    .public-v2-integration-card,
    .whmcswa-feature-grid article,
    .whmcswa-step-grid article
  ){
    transition:none!important;
    transform:none!important;
  }
}

/* Loop 11 — premium badge icon container follows Iconography V3 scale. */
[data-design-system="connect-ia-v2"] .badge-premium .premium-badge-icon{
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  flex:0 0 16px;
}
[data-design-system="connect-ia-v2"] .badge-premium .premium-badge-icon .cia-icon{
  width:16px!important;
  height:16px!important;
  margin:0!important;
}

/* Loop 11 — demonstration proof surface lives outside .public-landing. */
[data-design-system="connect-ia-v2"] .demo-request-proof{
  border:1px solid var(--cia-card-border)!important;
  border-radius:var(--cia-radius-card)!important;
  background:var(--cia-card-bg)!important;
  box-shadow:var(--cia-shadow-card)!important;
  padding:var(--cia-card-pad-md)!important;
}

/* BLOCK 01 / LOOP 12 — Navigation, headers, sidebars & breadcrumbs */
:root,
html[data-theme="light"],
html[data-theme="dark"]{
  --cia-nav-h:74px;
  --cia-nav-h-mobile:66px;
  --cia-nav-gap:24px;
  --cia-nav-link-h:40px;
  --cia-nav-link-pad-x:8px;
  --cia-nav-radius:var(--cia-radius-control);
  --cia-nav-surface:color-mix(in srgb,var(--cia-surface-1) 92%,transparent);
  --cia-nav-surface-solid:var(--cia-surface-1);
  --cia-nav-border:var(--cia-border);
  --cia-nav-text:var(--cia-text-2);
  --cia-nav-text-strong:var(--cia-text-1);
  --cia-nav-hover:var(--cia-brand-600);
  --cia-nav-active:var(--cia-brand-600);
  --cia-nav-backdrop:blur(18px) saturate(1.08);
  --cia-nav-shadow:0 8px 28px rgba(6,35,72,.045);
  --cia-menu-w:320px;
  --cia-breadcrumb-gap:8px;
}

/* Public header authority. */
[data-design-system="connect-ia-v2"] .public-header{
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid var(--cia-nav-border)!important;
  background:var(--cia-nav-surface)!important;
  -webkit-backdrop-filter:var(--cia-nav-backdrop);
  backdrop-filter:var(--cia-nav-backdrop);
  box-shadow:var(--cia-nav-shadow)!important;
}
[data-design-system="connect-ia-v2"] .public-header-inner{
  min-height:var(--cia-nav-h)!important;
  gap:var(--cia-nav-gap)!important;
}
[data-design-system="connect-ia-v2"] .public-nav{
  display:flex;
  align-items:center;
  gap:var(--cia-nav-gap)!important;
  margin-left:auto;
}
[data-design-system="connect-ia-v2"] .public-nav a{
  min-height:var(--cia-nav-link-h);
  display:inline-flex;
  align-items:center;
  padding-inline:var(--cia-nav-link-pad-x);
  border-radius:var(--cia-nav-radius);
  color:var(--cia-nav-text)!important;
  font-size:13px!important;
  font-weight:780!important;
  line-height:1.2;
  text-decoration:none;
  transition:
    color var(--cia-duration-fast) var(--cia-ease-standard),
    background-color var(--cia-duration-fast) var(--cia-ease-standard);
}
[data-design-system="connect-ia-v2"] .public-nav a:hover,
[data-design-system="connect-ia-v2"] .public-nav a:focus-visible{
  color:var(--cia-nav-hover)!important;
  background:color-mix(in srgb,var(--cia-brand-500) 6%,transparent);
}
[data-design-system="connect-ia-v2"] .public-nav a[aria-current="page"],
[data-design-system="connect-ia-v2"] .public-nav a[aria-current="true"]{
  color:var(--cia-nav-active)!important;
  background:color-mix(in srgb,var(--cia-brand-500) 8%,transparent);
}
[data-design-system="connect-ia-v2"] .public-nav a:focus-visible,
[data-design-system="connect-ia-v2"] .public-mobile-nav summary:focus-visible,
[data-design-system="connect-ia-v2"] .public-mobile-nav a:focus-visible{
  outline:2px solid var(--cia-focus-color)!important;
  outline-offset:3px;
  box-shadow:var(--cia-focus-ring);
}

/* Public mobile menu. */
[data-design-system="connect-ia-v2"] .public-mobile-nav{
  position:relative;
  margin-left:auto;
}
[data-design-system="connect-ia-v2"] .public-mobile-nav summary{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 12px!important;
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-nav-radius)!important;
  background:var(--cia-surface-1)!important;
  color:var(--cia-text-1)!important;
  font-size:13px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  user-select:none;
  box-shadow:none!important;
}
[data-design-system="connect-ia-v2"] .public-mobile-nav summary .cia-icon{
  width:18px!important;
  height:18px!important;
  margin:0!important;
}
[data-design-system="connect-ia-v2"] .public-mobile-nav[open] summary{
  border-color:color-mix(in srgb,var(--cia-brand-500) 38%,var(--cia-border))!important;
  background:color-mix(in srgb,var(--cia-brand-500) 6%,var(--cia-surface-1))!important;
  color:var(--cia-brand-700)!important;
}
[data-design-system="connect-ia-v2"] .public-mobile-nav>div{
  position:absolute;
  right:0;
  top:calc(100% + 10px)!important;
  z-index:60;
  width:min(var(--cia-menu-w),calc(100vw - 24px))!important;
  max-height:min(70vh,560px);
  overflow:auto;
  display:grid;
  gap:4px!important;
  padding:10px!important;
  border:1px solid var(--cia-border)!important;
  border-radius:var(--cia-radius-card)!important;
  background:var(--cia-surface-raised)!important;
  color:var(--cia-text-1);
  box-shadow:var(--cia-shadow-overlay)!important;
}
[data-design-system="connect-ia-v2"] .public-mobile-nav>div>a:not(.btn){
  min-height:44px;
  display:flex;
  align-items:center;
  padding:9px 11px!important;
  border-radius:var(--cia-radius-control)!important;
  color:var(--cia-text-1)!important;
  font-size:13px;
  font-weight:750;
  text-decoration:none;
}
[data-design-system="connect-ia-v2"] .public-mobile-nav>div>a:not(.btn):hover,
[data-design-system="connect-ia-v2"] .public-mobile-nav>div>a:not(.btn):focus-visible{
  background:var(--cia-surface-2)!important;
  color:var(--cia-brand-700)!important;
}
[data-design-system="connect-ia-v2"] .public-mobile-nav>div>.btn{
  width:100%;
  min-height:46px;
  margin-top:4px;
}

/* Breadcrumbs. */
[data-design-system="connect-ia-v2"] .whmcswa-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:var(--cia-breadcrumb-gap)!important;
  color:var(--cia-text-3)!important;
  font-size:12px!important;
  font-weight:680!important;
  line-height:1.45;
}
[data-design-system="connect-ia-v2"] .whmcswa-breadcrumb a{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  border-radius:var(--cia-radius-control);
  color:var(--cia-text-2)!important;
  text-decoration:none;
}
[data-design-system="connect-ia-v2"] .whmcswa-breadcrumb a:hover,
[data-design-system="connect-ia-v2"] .whmcswa-breadcrumb a:focus-visible{
  color:var(--cia-brand-600)!important;
}
[data-design-system="connect-ia-v2"] .whmcswa-breadcrumb strong{
  color:var(--cia-text-1)!important;
  font-weight:800;
}
[data-design-system="connect-ia-v2"] .whmcswa-breadcrumb>.cia-icon,
[data-design-system="connect-ia-v2"] .whmcswa-breadcrumb>span>.cia-icon{
  color:var(--cia-text-3);
}

/* Tabs / segmented navigation. */
[data-design-system="connect-ia-v2"] :is(.demo-mobile-tabs,.flow-tabs,.whmcs-v232-tabs){
  display:flex;
  align-items:center;
  gap:6px;
  padding:4px;
  border:1px solid var(--cia-border);
  border-radius:var(--cia-radius-md);
  background:var(--cia-surface-2);
}
[data-design-system="connect-ia-v2"] :is(.demo-mobile-tabs,.flow-tabs,.whmcs-v232-tabs) :is(button,a){
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:var(--cia-radius-control);
  background:transparent;
  color:var(--cia-text-2);
  font:750 12px/1.2 var(--cia-font-sans);
  text-decoration:none;
  cursor:pointer;
}
[data-design-system="connect-ia-v2"] :is(.demo-mobile-tabs,.flow-tabs,.whmcs-v232-tabs) :is(
  .is-active,
  .active,
  [aria-selected="true"],
  [aria-current="page"],
  [aria-pressed="true"]
){
  border-color:var(--cia-border)!important;
  background:var(--cia-surface-1)!important;
  color:var(--cia-brand-700)!important;
  box-shadow:var(--cia-shadow-xs);
}
[data-design-system="connect-ia-v2"] :is(.demo-mobile-tabs,.flow-tabs,.whmcs-v232-tabs) :is(button,a):focus-visible{
  outline:2px solid var(--cia-focus-color);
  outline-offset:2px;
}

/* Public footer: structural navigation, deliberately quiet. */
[data-design-system="connect-ia-v2"] .public-footer{
  border-top:1px solid var(--cia-border);
}
[data-design-system="connect-ia-v2"] .public-footer a{
  border-radius:var(--cia-radius-control);
}
[data-design-system="connect-ia-v2"] .public-footer a:focus-visible{
  outline:2px solid var(--cia-focus-color);
  outline-offset:3px;
}

/* Dark navigation. */
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-header{
  background:color-mix(in srgb,var(--cia-surface-1) 90%,transparent)!important;
  border-bottom-color:var(--cia-border)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-mobile-nav summary,
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-mobile-nav>div{
  background:var(--cia-surface-1)!important;
  border-color:var(--cia-border)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-mobile-nav[open] summary{
  background:color-mix(in srgb,var(--cia-brand-400) 8%,var(--cia-surface-1))!important;
  color:var(--cia-brand-300)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-mobile-nav>div>a:not(.btn):hover,
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-mobile-nav>div>a:not(.btn):focus-visible{
  background:var(--cia-surface-2)!important;
  color:var(--cia-brand-300)!important;
}

@media(max-width:840px){
  [data-design-system="connect-ia-v2"] .public-header-inner{
    min-height:var(--cia-nav-h-mobile)!important;
    gap:12px!important;
  }
  [data-design-system="connect-ia-v2"] .public-nav,
  [data-design-system="connect-ia-v2"] .public-header-actions{
    display:none!important;
  }
  [data-design-system="connect-ia-v2"] .public-mobile-nav{
    display:block!important;
  }
}
@media(min-width:841px){
  [data-design-system="connect-ia-v2"] .public-mobile-nav{
    display:none!important;
  }
}
@media(max-width:390px){
  [data-design-system="connect-ia-v2"] .public-mobile-nav>div{
    width:calc(100vw - 20px)!important;
    right:-2px!important;
  }
  [data-design-system="connect-ia-v2"] .whmcswa-breadcrumb{
    font-size:11px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  [data-design-system="connect-ia-v2"] .public-nav a,
  [data-design-system="connect-ia-v2"] .public-mobile-nav summary,
  [data-design-system="connect-ia-v2"] .public-mobile-nav>div{
    transition:none!important;
  }
}

/* CONNECT CHAT — focused public-page polish, 2026-10-02. */
.public-landing[data-public-version="v1"] .cia-v3-slide{width:min(1180px,calc(100% - 48px));gap:clamp(24px,3vw,48px)}
.public-landing[data-public-version="v1"] .cia-v3-title{font-size:clamp(36px,4.1vw,58px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.public-landing[data-public-version="v1"] .public-product-demo-heading h2,
.public-landing[data-public-version="v1"] .public-section-heading h2{font-size:clamp(28px,3.1vw,44px);line-height:1.16;letter-spacing:-.025em;text-wrap:balance;max-width:900px;margin-inline:auto}
.public-landing[data-public-version="v1"] .public-product-demo-heading>p:not(.public-kicker),
.public-landing[data-public-version="v1"] .public-section-heading>p:not(.public-kicker){max-width:740px;margin-inline:auto;color:#4b6075;line-height:1.65}
.public-landing[data-public-version="v1"] .public-plan-grid{padding-top:16px;align-items:stretch}
.public-landing[data-public-version="v1"] .public-plan-card{overflow:visible!important;display:flex;flex-direction:column}
.public-landing[data-public-version="v1"] .public-plan-card h3{min-height:60px;line-height:1.2}
.public-landing[data-public-version="v1"] .public-plan-card .plan-price{white-space:nowrap}
.public-landing[data-public-version="v1"] .public-plan-card>.btn{margin-top:auto;white-space:normal!important;text-overflow:clip!important;overflow:visible!important;min-height:48px;text-align:center;font-size:13px;line-height:1.35}
.public-landing[data-public-version="v1"] .public-v2-integration-card .btn{color:#0758b8!important;background:#edf5ff!important;border-color:#b9d5f4!important}
.public-landing[data-public-version="v1"] :is(a,button,summary):focus-visible{outline:3px solid #0969df;outline-offset:4px}
@media(max-width:800px){
 .public-landing[data-public-version="v1"] .cia-v3-slide{width:calc(100% - 36px);gap:24px}
 .public-landing[data-public-version="v1"] .cia-v3-title{font-size:clamp(32px,7.5vw,46px)}
 .public-landing[data-public-version="v1"] .public-plan-card h3{min-height:0}
 .public-landing[data-public-version="v1"] .public-section-heading h2,
 .public-landing[data-public-version="v1"] .public-product-demo-heading h2{font-size:clamp(27px,6.6vw,36px)}
}
@media(prefers-reduced-motion:reduce){
 .public-landing[data-public-version="v1"] .cia-v3-slide{transition:none}
}
.public-landing[data-public-version="v1"]>.public-pricing .public-plan-card h3{min-height:60px!important;flex-shrink:0}
.public-landing[data-public-version="v1"] .public-v2-integration-card a{color:#0758b8!important;background:#edf5ff!important;border-color:#b9d5f4!important}
@media(max-width:800px){.public-landing[data-public-version="v1"]>.public-pricing .public-plan-card h3{min-height:0!important}}