/* CONNECT IA Premium — public presentation, October 2026. */
.public-landing[data-public-version="v1"]{--premium-accent:#1478f2;--premium-ink:#10243b;--premium-muted:#52677e}
.public-landing[data-public-version="v1"] .public-header{border-bottom:1px solid rgba(119,148,183,.18)!important}
.public-landing[data-public-version="v1"] .public-brand-lockup{padding:8px 12px;border-radius:14px;background:#fff!important;color-scheme:inherit}
.public-landing[data-public-version="v1"] .public-mobile-nav summary::before{content:none!important;display:none!important}
.public-landing[data-public-version="v1"] .cia-v3-title{letter-spacing:-.045em;line-height:1.08!important}
.public-landing[data-public-version="v1"] .cia-v3-title>em{color:#1478f2!important;background:none!important;-webkit-text-fill-color:currentColor!important}
.public-landing[data-public-version="v1"] .cia-v3-summary{max-width:540px;line-height:1.65!important}
.public-landing[data-public-version="v1"] .cia-v3-primary{background:linear-gradient(135deg,#1267df,#168cd9)!important;border-color:#298bee!important;box-shadow:0 8px 24px rgba(18,103,223,.18)!important}
.public-landing[data-public-version="v1"] .cia-v3-art{border-radius:26px!important;border:1px solid rgba(110,151,198,.2)!important;box-shadow:0 22px 60px rgba(25,60,100,.12)!important;overflow:hidden}
.public-landing[data-public-version="v1"] .public-plan-card{border-radius:22px!important;box-shadow:0 12px 36px rgba(23,54,91,.06)!important}
@media(max-width:1120px){
.public-landing[data-public-version="v1"] .public-header-inner{position:relative}
.public-landing[data-public-version="v1"] .public-mobile-nav{position:static!important}
.public-landing[data-public-version="v1"] .public-mobile-nav>div{position:absolute!important;inset:calc(100% + 8px) 0 auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box;max-height:70dvh;overflow:auto;padding:16px!important;border-radius:20px!important;box-shadow:0 20px 60px rgba(0,0,0,.2)!important;z-index:100}
.public-landing[data-public-version="v1"] .public-mobile-nav>div>a{padding:12px 14px!important}
}
@media(max-width:767px){
.public-landing[data-public-version="v1"] .cia-v3-carousel .cia-v3-slide{width:calc(100% - 40px)!important;gap:28px!important;padding:32px 0 18px!important}
.public-landing[data-public-version="v1"] .cia-v3-title{font-size:clamp(34px,9.5vw,44px)!important}
.public-landing[data-public-version="v1"] .cia-v3-art{height:auto!important;min-height:0!important;aspect-ratio:auto!important}
.public-landing[data-public-version="v1"] .cia-v3-art picture{height:auto!important}
.public-landing[data-public-version="v1"] .cia-v3-art img{width:100%!important;height:auto!important;max-height:430px!important;object-fit:contain!important}
.public-landing[data-public-version="v1"] .cia-v3-controls{display:grid!important;width:calc(100% - 40px)!important;grid-template-columns:40px minmax(0,1fr) 40px!important;gap:6px!important;padding:10px 0 20px!important}
.public-landing[data-public-version="v1"] .cia-v3-status{display:none!important}
.public-landing[data-public-version="v1"] .cia-v3-arrow:first-child{grid-column:1!important;grid-row:1!important}
.public-landing[data-public-version="v1"] .cia-v3-arrow{width:40px!important;height:40px!important}
.public-landing[data-public-version="v1"] .cia-v3-arrow:not(:first-child){grid-column:3!important;grid-row:1!important}
.public-landing[data-public-version="v1"] .cia-v3-dots{grid-column:2!important;grid-row:1!important;gap:0!important;justify-content:center!important}
.public-landing[data-public-version="v1"] .cia-v3-dots button{width:22px!important;min-width:16px!important;flex:0 1 22px!important}
.public-landing[data-public-version="v1"] .cia-v3-pause{grid-column:1/-1!important;grid-row:2!important;margin:0!important}
}
html[data-theme="dark"] .public-landing[data-public-version="v1"]{--cia-text-1:#ecf4ff;--cia-text-2:#b4c4d8;--cia-surface-1:#102139;--cia-border:#2d425d;background:#081525!important;color:#ecf4ff!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .cia-v3-carousel{--v3-bg:radial-gradient(ellipse at 80% 20%,#153858 0%,#0b1d33 48%,#081525 100%)!important;--v3-copy:#ecf4ff;--v3-muted:#b4c4d8}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .cia-v3-title>em{color:#69bdff!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .cia-v3-title,html[data-theme="dark"] .public-landing[data-public-version="v1"] h2,html[data-theme="dark"] .public-landing[data-public-version="v1"] h3{color:#ecf4ff!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .cia-v3-summary,html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-v2-section-subtitle{color:#b4c4d8!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .cia-v3-kicker{color:#84ceff!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-header,html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-mobile-nav>div{background:#0c1b2e!important;color:#ecf4ff!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-mobile-nav a,html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-mobile-nav summary{color:#ecf4ff!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .cia-v3-secondary,html[data-theme="dark"] .public-landing[data-public-version="v1"] .cia-v3-arrow,html[data-theme="dark"] .public-landing[data-public-version="v1"] .cia-v3-pause,html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-plan-card{background:#102139!important;border-color:#2d425d!important;color:#ecf4ff!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-plan-card p,html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-plan-card li{color:#b4c4d8!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .cia-v3-art{background:#102139!important}

@media(prefers-color-scheme:dark){
.public-landing[data-public-version="v1"]{--cia-text-1:#ecf4ff;--cia-text-2:#b4c4d8;--cia-surface-1:#102139;--cia-border:#2d425d;background:#081525!important;color:#ecf4ff!important}
.public-landing[data-public-version="v1"] .cia-v3-carousel{--v3-bg:radial-gradient(ellipse at 80% 20%,#153858 0%,#0b1d33 48%,#081525 100%)!important;--v3-copy:#ecf4ff;--v3-muted:#b4c4d8}
.public-landing[data-public-version="v1"] .cia-v3-title>em{color:#69bdff!important}
.public-landing[data-public-version="v1"] .cia-v3-title,.public-landing[data-public-version="v1"] h2,.public-landing[data-public-version="v1"] h3{color:#ecf4ff!important}
.public-landing[data-public-version="v1"] .cia-v3-summary,.public-landing[data-public-version="v1"] .public-v2-section-subtitle{color:#b4c4d8!important}
.public-landing[data-public-version="v1"] .cia-v3-kicker{color:#84ceff!important}
.public-landing[data-public-version="v1"] .public-header,.public-landing[data-public-version="v1"] .public-mobile-nav>div{background:#0c1b2e!important;color:#ecf4ff!important}
.public-landing[data-public-version="v1"] .public-mobile-nav a,.public-landing[data-public-version="v1"] .public-mobile-nav summary{color:#ecf4ff!important}
.public-landing[data-public-version="v1"] .cia-v3-secondary,.public-landing[data-public-version="v1"] .cia-v3-arrow,.public-landing[data-public-version="v1"] .cia-v3-pause,.public-landing[data-public-version="v1"] .public-plan-card{background:#102139!important;border-color:#2d425d!important;color:#ecf4ff!important}
.public-landing[data-public-version="v1"] .public-plan-card p,.public-landing[data-public-version="v1"] .public-plan-card li{color:#b4c4d8!important}
.public-landing[data-public-version="v1"] .cia-v3-art{background:#102139!important}

}
.public-landing[data-public-version="v1"] .public-brand-logo-light{display:block!important}
.public-landing[data-public-version="v1"] .public-brand-logo-dark{display:none!important}
@media(max-width:767px){
.public-landing[data-public-version="v1"] .cia-v3-carousel .cia-v3-slide{grid-template-rows:max-content max-content!important;align-items:start!important}
.public-landing[data-public-version="v1"] .cia-v3-copy{grid-row:1!important}
.public-landing[data-public-version="v1"] .cia-v3-art{grid-row:2!important;align-self:start!important}
}
html[data-theme="dark"] .public-landing[data-public-version="v1"]>section{background:#0b1c30!important}
@media(prefers-color-scheme:dark){.public-landing[data-public-version="v1"]>section{background:#0b1c30!important}}

.public-landing[data-public-version="v1"] .public-brand img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
@media(max-width:767px){
.public-landing[data-public-version="v1"] .cia-v3-carousel,
.public-landing[data-public-version="v1"] .cia-v3-viewport{height:auto!important;max-height:none!important;min-height:0!important}
}

.public-brand-logo-light{display:block!important;filter:none!important}
.public-brand-logo-dark{display:none!important}
.public-brand-lockup{background:#fff!important;border-radius:12px;padding:8px 12px}
.public-mobile-nav summary::before{display:none!important;content:none!important}
@media(max-width:1120px){
.public-header-inner{position:relative}
.public-mobile-nav{position:static!important}
.public-mobile-nav>div{position:absolute!important;inset:calc(100% + 8px) 0 auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box;max-height:70dvh;overflow:auto;z-index:100}
}
@media(max-width:767px){
.public-landing[data-public-version="v1"] .cia-v3-viewport{grid-template-rows:max-content!important}
.public-landing[data-public-version="v1"] .cia-v3-carousel .cia-v3-slide{block-size:max-content!important;height:max-content!important}
}

html[data-theme="dark"] .public-header .public-brand-lockup .public-brand-logo-light{display:block!important}
html[data-theme="dark"] .public-header .public-brand-lockup .public-brand-logo-dark{display:none!important}

/* Premium trail: section rhythm, integrations, pricing, FAQ and footer. */
.public-landing[data-public-version="v1"] .public-section{padding-block:clamp(52px,6vw,88px)!important}
.public-landing[data-public-version="v1"] .public-section-heading{max-width:760px;margin-bottom:32px!important}
.public-landing[data-public-version="v1"] .public-section-heading h2{letter-spacing:-.035em;line-height:1.14!important}
.public-landing[data-public-version="v1"] .public-kicker{letter-spacing:.12em;font-size:11px!important}
.public-landing[data-public-version="v1"] :is(.public-v2-integration-card,.human-ai-card,.segment-grid>a,.public-feature-grid>article,.faq-grid>details){border:1px solid #dce6f1!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(24,53,89,.045)!important}
.public-landing[data-public-version="v1"] .public-v2-integration-card{padding:28px!important}
.public-landing[data-public-version="v1"] .public-v2-integration-grid{gap:24px!important}
.public-landing[data-public-version="v1"] .public-plan-card{padding:28px!important}
.public-landing[data-public-version="v1"] .public-plan-card.featured{border:2px solid #1478f2!important;box-shadow:0 16px 44px rgba(20,120,242,.14)!important}
.public-landing[data-public-version="v1"] .plan-price{letter-spacing:-.04em}
.public-landing[data-public-version="v1"] .faq-grid{gap:14px!important}
.public-landing[data-public-version="v1"] .faq-grid details{padding:20px 24px!important}
.public-landing[data-public-version="v1"] .faq-grid summary{line-height:1.5;font-weight:700;cursor:pointer}
.public-landing[data-public-version="v1"] .faq-grid details[open]{border-color:#7bb8f7!important}
.public-landing[data-public-version="v1"] .public-final-cta{border-radius:28px!important;padding:clamp(28px,5vw,60px)!important}
.public-landing[data-public-version="v1"] a:focus-visible,.public-landing[data-public-version="v1"] summary:focus-visible,.public-landing[data-public-version="v1"] button:focus-visible{outline:3px solid #48aaff!important;outline-offset:4px}
.public-footer{border-top:1px solid rgba(119,148,183,.2)!important}
@media(max-width:767px){
.public-landing[data-public-version="v1"] .public-section{padding-block:44px!important}
.public-landing[data-public-version="v1"] .public-section-heading h2{font-size:30px!important}
.public-landing[data-public-version="v1"] .public-v2-integration-card,.public-landing[data-public-version="v1"] .public-plan-card{padding:24px!important}
.public-landing[data-public-version="v1"] .public-v2-integration-grid{gap:16px!important}
.public-landing[data-public-version="v1"] .public-final-cta{border-radius:20px!important}
}

html[data-theme="dark"] .public-landing[data-public-version="v1"] :is(.public-v2-integration-card,.human-ai-card,.segment-grid>a,.public-feature-grid>article,.faq-grid>details),html[data-theme="dark"] .public-landing[data-public-version="v1"] .flow-panel,html[data-theme="dark"] .public-landing[data-public-version="v1"] .comparison-table{background:#102139!important;border-color:#2d425d!important;color:#ecf4ff!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] :is(.public-v2-integration-card,.human-ai-card,.segment-grid>a,.public-feature-grid>article,.faq-grid>details) p,html[data-theme="dark"] .public-landing[data-public-version="v1"] :is(.public-v2-integration-card,.human-ai-card,.segment-grid>a,.public-feature-grid>article,.faq-grid>details) li,html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-section-heading p{color:#b4c4d8!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-benefit-strip{background:#102139!important;color:#ecf4ff!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .plan-price,html[data-theme="dark"] .public-landing[data-public-version="v1"] .faq-grid summary{color:#ecf4ff!important}
html[data-theme="dark"] .public-header,.public-footer{background:#0c1b2e!important;color:#ecf4ff!important}
html[data-theme="dark"] .public-header a,.public-footer a,.public-mobile-nav summary{color:#ecf4ff!important}
html[data-theme="dark"] .public-mobile-nav>div{background:#102139!important;border-color:#2d425d!important}

@media(prefers-color-scheme:dark){
.public-landing[data-public-version="v1"] :is(.public-v2-integration-card,.human-ai-card,.segment-grid>a,.public-feature-grid>article,.faq-grid>details),.public-landing[data-public-version="v1"] .flow-panel,.public-landing[data-public-version="v1"] .comparison-table{background:#102139!important;border-color:#2d425d!important;color:#ecf4ff!important}
.public-landing[data-public-version="v1"] :is(.public-v2-integration-card,.human-ai-card,.segment-grid>a,.public-feature-grid>article,.faq-grid>details) p,.public-landing[data-public-version="v1"] :is(.public-v2-integration-card,.human-ai-card,.segment-grid>a,.public-feature-grid>article,.faq-grid>details) li,.public-landing[data-public-version="v1"] .public-section-heading p{color:#b4c4d8!important}
.public-landing[data-public-version="v1"] .public-benefit-strip{background:#102139!important;color:#ecf4ff!important}
.public-landing[data-public-version="v1"] .plan-price,.public-landing[data-public-version="v1"] .faq-grid summary{color:#ecf4ff!important}
.public-header,.public-footer{background:#0c1b2e!important;color:#ecf4ff!important}
.public-header a,.public-footer a,.public-mobile-nav summary{color:#ecf4ff!important}
.public-mobile-nav>div{background:#102139!important;border-color:#2d425d!important}
}
/* Slightly larger Premium header logo. */
html[data-design-system="connect-ia-v2"] .public-header .public-brand-lockup img{
width:clamp(198px,17vw,235px)!important;height:auto!important;max-height:62px!important;object-fit:contain!important}
@media(max-width:1120px){html[data-design-system="connect-ia-v2"] .public-header .public-brand-lockup img{width:198px!important;max-height:54px!important}}
@media(max-width:480px){html[data-design-system="connect-ia-v2"] .public-header .public-brand-lockup img{width:178px!important;max-height:50px!important}
.public-header .public-brand-lockup{padding:6px 8px!important}}
@media(max-width:360px){html[data-design-system="connect-ia-v2"] .public-header .public-brand-lockup img{width:166px!important}}

/* Balanced navigation around the larger logo. */
html[data-design-system="connect-ia-v2"] .public-header-inner{gap:20px!important}
html[data-design-system="connect-ia-v2"] .public-header .public-nav{gap:16px!important;min-width:0}
html[data-design-system="connect-ia-v2"] .public-header .public-nav>a{padding-inline:6px!important;white-space:nowrap}
html[data-design-system="connect-ia-v2"] .public-header-actions{gap:10px!important;flex-shrink:0}
html[data-design-system="connect-ia-v2"] .public-header-actions>a{white-space:nowrap!important}
@media(max-width:1120px){
html[data-design-system="connect-ia-v2"] .public-header-inner{gap:16px!important;justify-content:space-between}
html[data-design-system="connect-ia-v2"] .public-mobile-nav summary{min-height:44px!important;padding:10px 14px!important}
html[data-design-system="connect-ia-v2"] .public-mobile-nav>div{padding:12px!important;border-radius:18px!important}
html[data-design-system="connect-ia-v2"] .public-mobile-nav>div>a{display:flex;align-items:center;min-height:46px!important;padding:10px 14px!important;box-sizing:border-box;margin:2px 0!important}
}

/* Premium trail: focused segment tabs and compact section rhythm. */
.public-landing[data-public-version="v1"] .flow-panels{display:block!important}
.public-landing[data-public-version="v1"] .flow-panel{display:none!important}
.public-landing[data-public-version="v1"] .flow-panel.is-active{display:block!important}
.public-landing[data-public-version="v1"] .public-section{padding-block:clamp(40px,4vw,60px)!important}
.public-landing[data-public-version="v1"] .public-section-heading{margin-bottom:24px!important}
.public-landing[data-public-version="v1"] .public-flows .flow-tabs{margin-bottom:16px!important}
.public-landing[data-public-version="v1"] .faq-grid summary{display:flex;align-items:center;justify-content:space-between;gap:16px}
.public-landing[data-public-version="v1"] .faq-grid summary::after{content:"+";font-size:22px;line-height:1;flex-shrink:0;color:#1478f2}
.public-landing[data-public-version="v1"] .faq-grid details[open] summary::after{content:"−"}
@media(max-width:767px){
.public-landing[data-public-version="v1"] .public-section{padding-block:36px!important}
.public-landing[data-public-version="v1"] .flow-tabs{display:flex!important;overflow-x:auto;flex-wrap:nowrap!important}
.public-landing[data-public-version="v1"] .flow-tabs button{flex-shrink:0;min-height:44px}
}

/* Dark artwork and reverse brand. */

html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-header .public-brand-lockup{background:transparent!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-header .public-brand-lockup .public-brand-logo-light{display:none!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-header .public-brand-lockup .public-brand-logo-dark{display:block!important;filter:none!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .cia-v3-primary{background:linear-gradient(135deg,#1672e6,#169bd0)!important;border-color:#379df0!important;color:#fff!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .cia-v3-art{background:#11263d!important;border-color:#304b66!important;box-shadow:0 18px 44px rgba(0,0,0,.22)!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .cia-v3-art img{filter:none!important;opacity:1!important}

@media(prefers-color-scheme:dark){
.public-landing[data-public-version="v1"] .public-header .public-brand-lockup{background:transparent!important}
.public-landing[data-public-version="v1"] .public-header .public-brand-lockup .public-brand-logo-light{display:none!important}
.public-landing[data-public-version="v1"] .public-header .public-brand-lockup .public-brand-logo-dark{display:block!important;filter:none!important}
.public-landing[data-public-version="v1"] .cia-v3-primary{background:linear-gradient(135deg,#1672e6,#169bd0)!important;border-color:#379df0!important;color:#fff!important}
.public-landing[data-public-version="v1"] .cia-v3-art{background:#11263d!important;border-color:#304b66!important;box-shadow:0 18px 44px rgba(0,0,0,.22)!important}
.public-landing[data-public-version="v1"] .cia-v3-art img{filter:none!important;opacity:1!important}
}
/* Explicit final brand state for header and footer. */
html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-brand-lockup{background:transparent!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-brand-lockup .public-brand-logo-light{display:none!important}
html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-brand-lockup .public-brand-logo-dark{display:block!important}

/* Approved portrait banners 20261002 — full artwork at every breakpoint */
.public-landing[data-public-version="v1"] .cia-v3-art{
 width:100%!important;max-width:420px!important;justify-self:center!important;
 height:auto!important;aspect-ratio:1229/1536!important;align-self:center!important;
}
.public-landing[data-public-version="v1"] .cia-v3-art picture{height:auto!important}
.public-landing[data-public-version="v1"] .cia-v3-art img{
 display:block!important;width:100%!important;height:auto!important;
 max-height:none!important;object-fit:contain!important;filter:none!important;
}
@media(max-width:767px){
 .public-landing[data-public-version="v1"] .cia-v3-art{
 max-width:520px!important;width:100%!important;align-self:start!important;
 }
}


/* ==========================================================================
   CONNECT IA — PUBLIC DESIGN SYSTEM REFINEMENT
   Master trail: 10 blocks x 20 maximized loops
   Scope: public marketing surface only.
   Protected by design: carousel/banner selectors and authenticated shells
   are intentionally absent from this layer.
   ========================================================================== */

/* BLOCK 01 / LOOPS 001–020 — semantic foundations */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
  --public-canvas:var(--cia-bg-canvas);
  --public-subtle:var(--cia-bg-subtle);
  --public-surface:var(--cia-surface-1);
  --public-surface-2:var(--cia-surface-2);
  --public-ink:var(--cia-text-1);
  --public-muted:var(--cia-text-2);
  --public-line:var(--cia-border);
  --public-line-soft:var(--cia-border-soft);
  --public-primary:var(--cia-brand-600);
  --public-primary-strong:var(--cia-brand-700);
  --public-accent:var(--cia-cyan-400);
  --public-radius-sm:var(--cia-radius-sm);
  --public-radius-md:var(--cia-radius-md);
  --public-radius-lg:var(--cia-radius-lg);
  --public-radius-xl:var(--cia-radius-xl);
  --public-shadow-xs:var(--cia-shadow-xs);
  --public-shadow-sm:var(--cia-shadow-sm);
  --public-shadow-md:var(--cia-shadow-md);
  --public-content:var(--cia-content);
  --public-gutter:var(--cia-gutter);
  background:var(--public-canvas);
  color:var(--public-ink);
  font-family:var(--cia-font-sans);
  font-size:16px;
  line-height:var(--cia-leading-body);
  text-rendering:optimizeLegibility;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] *,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] *::before,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] *::after{box-sizing:border-box}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(p,li,dd){color:var(--public-muted)}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(h1,h2,h3,h4,strong,b,dt){color:var(--public-ink)}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(a,button,input,select,textarea,summary){font:inherit}

/* BLOCK 02 / LOOPS 021–040 — grid, containers and responsive rhythm */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-header-inner,
  .public-section,
  .public-v2-integrations-inner,
  .public-benefit-strip,
  .public-final-cta,
  .public-footer
){
  width:min(100% - (var(--public-gutter) * 2),var(--public-content));
  margin-inline:auto;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations{
  scroll-margin-top:96px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid,
  .public-steps,
  .public-v2-integration-grid,
  .public-plan-grid,
  .segment-grid,
  .proof-grid
){align-items:stretch}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid,
  .public-plan-grid,
  .segment-grid,
  .proof-grid
){gap:clamp(14px,2vw,24px)}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-plan-card,
  .segment-grid>a,
  .proof-grid>*
){min-width:0}

/* BLOCK 03 / LOOPS 041–060 — typography and hierarchy */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading{
  max-width:760px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading.centered{
  margin-inline:auto;
  text-align:center;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading h2{
  margin:0;
  font-family:var(--cia-font-display);
  font-size:clamp(30px,3.3vw,46px)!important;
  font-weight:var(--cia-font-weight-bold);
  letter-spacing:var(--cia-tracking-tight);
  line-height:1.12!important;
  text-wrap:balance;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading p{
  max-width:68ch;
  margin:12px 0 0;
  font-size:clamp(15px,1.2vw,17px);
  line-height:1.68;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading.centered p{margin-inline:auto}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-kicker,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-type{
  color:var(--public-primary)!important;
  font-size:11px!important;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.25;
  text-transform:uppercase;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid h3,
  .public-plan-card h3,
  .segment-grid h3,
  .human-ai-card h3,
  .public-v2-integration-card h3
){
  margin-top:0;
  font-size:clamp(18px,1.6vw,22px);
  line-height:1.28;
  letter-spacing:-.02em;
  text-wrap:balance;
}

/* BLOCK 04 / LOOPS 061–080 — buttons, links and interaction states */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-header-actions .btn,
  .public-product-demo-actions .btn,
  .flow-cta .btn,
  .public-cta
){
  min-height:var(--cia-control-md);
  padding:10px 18px;
  border:1px solid transparent;
  border-radius:var(--public-radius-sm);
  font-weight:750;
  line-height:1.2;
  text-decoration:none;
  transition:
    transform var(--cia-duration-fast) var(--cia-ease-standard),
    box-shadow var(--cia-duration-base) var(--cia-ease-standard),
    background-color var(--cia-duration-base) var(--cia-ease-standard),
    border-color var(--cia-duration-base) var(--cia-ease-standard),
    color var(--cia-duration-base) var(--cia-ease-standard);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-header-actions .btn.primary,
  .public-product-demo-actions .btn.primary,
  .flow-cta .btn.primary,
  .public-cta
){
  background:linear-gradient(135deg,var(--public-primary),#168cd9);
  border-color:color-mix(in srgb,var(--public-primary) 78%,var(--public-accent));
  color:#fff;
  box-shadow:0 10px 26px color-mix(in srgb,var(--public-primary) 18%,transparent);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-header-actions .btn.ghost,
  .public-product-demo-actions .btn.ghost,
  .flow-cta .btn.ghost
){
  background:var(--public-surface);
  border-color:var(--public-line);
  color:var(--public-ink);
}
@media(hover:hover){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-header-actions .btn,
    .public-product-demo-actions .btn,
    .flow-cta .btn,
    .public-cta
  ):hover{
    transform:translateY(-1px);
    box-shadow:var(--public-shadow-sm);
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-nav>a,
    .public-support-link
  ):hover{color:var(--public-primary)}
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-header-actions .btn,
  .public-product-demo-actions .btn,
  .flow-cta .btn,
  .public-cta,
  .public-nav>a,
  .public-support-link,
  .flow-tabs button,
  .faq-grid summary
):focus-visible{
  outline:2px solid var(--cia-focus-color)!important;
  outline-offset:3px!important;
  box-shadow:var(--cia-focus-ring)!important;
}

/* BLOCK 05 / LOOPS 081–100 — cards, surfaces and depth */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid>a,
  .human-ai-card,
  .proof-grid>*,
  .faq-grid>details,
  .flow-panel,
  .comparison-table,
  .security-list
){
  background:var(--public-surface)!important;
  border:1px solid var(--public-line)!important;
  border-radius:var(--public-radius-lg)!important;
  box-shadow:var(--public-shadow-xs)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid>a,
  .human-ai-card,
  .proof-grid>*,
  .flow-panel
){padding:clamp(20px,2.4vw,28px)!important}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card{
  display:flex;
  flex-direction:column;
  gap:12px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card.featured{
  border:2px solid var(--public-primary)!important;
  box-shadow:0 18px 46px color-mix(in srgb,var(--public-primary) 15%,transparent)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .plan-price{
  color:var(--public-ink);
  font-weight:850;
  letter-spacing:-.04em;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip{
  padding:16px clamp(16px,2vw,24px);
  border:1px solid var(--public-line-soft);
  border-radius:var(--public-radius-md);
  background:color-mix(in srgb,var(--public-surface) 92%,var(--cia-info-soft));
  box-shadow:var(--public-shadow-xs);
}

/* BLOCK 06 / LOOPS 101–120 — icons, badges and visual language */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .feature-icon,
  .segment-icon,
  .proof-icon,
  .public-v2-integration-symbol
){
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid color-mix(in srgb,var(--public-primary) 18%,var(--public-line));
  background:color-mix(in srgb,var(--cia-info-soft) 78%,var(--public-surface));
  color:var(--public-primary);
  box-shadow:inset 0 1px rgba(255,255,255,.38);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .feature-icon,
  .segment-icon,
  .proof-icon
){border-radius:var(--public-radius-sm)}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .cia-icon{
  display:inline-block;
  vertical-align:-.15em;
  stroke-width:1.8;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .cia-icon--16{width:16px;height:16px}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .cia-icon--18{width:18px;height:18px}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .cia-icon--20{width:20px;height:20px}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .cia-icon--24{width:24px;height:24px}

/* BLOCK 07 / LOOPS 121–140 — forms and interactive components */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  input:not([type="checkbox"]):not([type="radio"]),
  select,
  textarea
){
  min-height:var(--cia-control-md);
  border:1px solid var(--public-line);
  border-radius:var(--public-radius-sm);
  background:var(--public-surface);
  color:var(--public-ink);
  padding:10px 12px;
  outline:none;
  transition:border-color var(--cia-duration-fast) var(--cia-ease-standard),box-shadow var(--cia-duration-fast) var(--cia-ease-standard);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(input,textarea)::placeholder{
  color:var(--cia-text-3);
  opacity:1;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(input,select,textarea):focus{
  border-color:var(--public-primary);
  box-shadow:var(--cia-focus-ring);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .flow-tabs button,
  .public-real-inbox-filters button
){
  min-height:40px;
  border:1px solid var(--public-line);
  border-radius:var(--public-radius-pill);
  background:var(--public-surface);
  color:var(--public-muted);
  font-weight:700;
  transition: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);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-tabs button:is(.active,[aria-selected="true"]){
  background:var(--cia-info-soft);
  border-color:color-mix(in srgb,var(--public-primary) 42%,var(--public-line));
  color:var(--public-primary);
}

/* BLOCK 08 / LOOPS 141–160 — light/dark and accessibility */
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
  --public-canvas:var(--cia-bg-canvas);
  --public-subtle:var(--cia-bg-subtle);
  --public-surface:var(--cia-surface-1);
  --public-surface-2:var(--cia-surface-2);
  --public-ink:var(--cia-text-1);
  --public-muted:var(--cia-text-2);
  --public-line:var(--cia-border);
  --public-line-soft:var(--cia-border-soft);
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid>a,
  .human-ai-card,
  .proof-grid>*,
  .faq-grid>details,
  .flow-panel,
  .comparison-table,
  .security-list
){
  background:var(--public-surface)!important;
  border-color:var(--public-line)!important;
  color:var(--public-ink)!important;
  box-shadow:var(--cia-shadow-xs)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip{
  background:color-mix(in srgb,var(--public-surface) 90%,var(--cia-info-soft));
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-header-actions .btn.ghost,
  .public-product-demo-actions .btn.ghost,
  .flow-cta .btn.ghost
){
  background:var(--public-surface);
  border-color:var(--public-line);
  color:var(--public-ink);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .skip-link:focus{
  position:fixed;
  z-index:10000;
  top:12px;
  left:12px;
  width:auto;
  height:auto;
  clip:auto;
  overflow:visible;
  padding:10px 14px;
  border-radius:10px;
  background:var(--public-ink);
  color:var(--cia-text-inverse);
}

/* BLOCK 09 / LOOPS 161–180 — premium microinteractions */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid>a,
    .human-ai-card,
    .proof-grid>*,
    .faq-grid>details
  ){
    transition:
      transform var(--cia-duration-base) var(--cia-ease-standard),
      border-color var(--cia-duration-base) var(--cia-ease-standard),
      box-shadow var(--cia-duration-base) var(--cia-ease-standard);
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid>a,
    .human-ai-card,
    .proof-grid>*
  ):hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--public-primary) 26%,var(--public-line))!important;
    box-shadow:var(--public-shadow-sm)!important;
  }
}
/* BLOCK 10 / LOOPS 181–200 — final consistency and responsive gates */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid{display:grid;gap:12px!important}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid>details{
  overflow:clip;
  padding:0!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary{
  min-height:58px;
  padding:16px 20px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid details>:not(summary){
  margin-inline:20px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid details>:last-child{margin-bottom:20px}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-table{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-row{
  min-width:0;
  border-color:var(--public-line-soft)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-head{
  background:var(--public-subtle);
  color:var(--public-ink);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid color-mix(in srgb,var(--public-primary) 24%,var(--public-line));
  background:
    radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--public-accent) 18%,transparent),transparent 36%),
    linear-gradient(135deg,color-mix(in srgb,var(--cia-brand-950) 97%,#fff),var(--cia-brand-800));
  color:#fff;
  box-shadow:var(--public-shadow-md);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta :where(h2,h3,p){color:#fff}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta p{color:#cfe4f8}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-footer{
  padding-block:28px;
  color:var(--public-muted);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-footer-bottom{
  border-color:var(--public-line-soft)!important;
}
@media(max-width:1024px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --public-gutter:20px;
  }
}
@media(max-width:768px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --public-gutter:16px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading h2{
    font-size:clamp(28px,8vw,36px)!important;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid,
    .public-plan-grid,
    .segment-grid,
    .proof-grid
  ){gap:14px}
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid>a,
    .human-ai-card,
    .proof-grid>*,
    .flow-panel
  ){padding:20px!important}
}
@media(max-width:480px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --public-gutter:14px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-header-actions .btn,
    .public-product-demo-actions .btn,
    .flow-cta .btn,
    .public-cta
  ){
    min-height:44px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary{
    min-height:56px;
    padding:15px 16px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid details>:not(summary){margin-inline:16px}
}
@media(forced-colors:active){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid>a,
    .human-ai-card,
    .proof-grid>*,
    .faq-grid>details,
    .flow-panel,
    .comparison-table,
    .security-list
  ){border:1px solid CanvasText!important}
}


/* ==========================================================================
   CONNECT IA — PUBLIC PREMIUM APPLICATION / TRAIL 02
   10 blocks x 20 maximized loops
   Scope: public landing only. Carousel and authenticated panels are protected.
   ========================================================================== */

/* TRAIL 02 — BLOCK 01 / LOOPS 201–220
   Public shell, header and section rhythm */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
  --cia-public-section-y:clamp(64px,7vw,104px);
  --cia-public-card-pad:clamp(20px,2vw,28px);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header{
  position:sticky;
  top:0;
  z-index:90;
  border-bottom:1px solid color-mix(in srgb,var(--public-line) 86%,transparent);
  background:color-mix(in srgb,var(--public-surface) 88%,transparent);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header-inner{
  min-height:72px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-section,
  .public-v2-integrations
){
  padding-block:var(--cia-public-section-y)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading{
  margin-bottom:clamp(26px,3.2vw,42px)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading::after{
  content:"";
  display:block;
  width:56px;
  height:3px;
  margin-top:18px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--public-primary),var(--public-accent));
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading.centered::after{
  margin-inline:auto;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header{
  background:color-mix(in srgb,var(--public-surface) 84%,transparent);
}

/* TRAIL 02 — BLOCK 02 / LOOPS 221–240
   Product demo and Inbox visual proof */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .connect-product-demo{
  width:min(100% - (var(--public-gutter) * 2),var(--public-content));
  margin-inline:auto;
  padding-block:clamp(54px,6vw,86px);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-product-demo-heading{
  max-width:820px;
  margin-bottom:clamp(24px,3vw,36px);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-product-demo-heading h2{
  max-width:18ch;
  margin:0;
  font-family:var(--cia-font-display);
  font-size:clamp(32px,4vw,52px)!important;
  line-height:1.07!important;
  letter-spacing:var(--cia-tracking-tight);
  text-wrap:balance;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-product-demo-heading>p:not(.public-kicker){
  max-width:66ch;
  margin-top:14px;
  font-size:clamp(15px,1.25vw,17px);
  line-height:1.7;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-product-demo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .product-window{
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--public-primary) 18%,var(--public-line))!important;
  border-radius:var(--public-radius-xl)!important;
  background:var(--public-surface)!important;
  box-shadow:0 30px 80px rgba(8,40,84,.13)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .product-window-top{
  border-bottom:1px solid var(--public-line-soft);
  background:linear-gradient(180deg,var(--public-subtle),var(--public-surface));
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .demo-proof-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin:18px 0 12px;
  padding:8px 11px;
  border:1px solid var(--public-line-soft);
  border-radius:999px;
  background:var(--public-surface);
  color:var(--public-muted);
  font-size:12px;
  box-shadow:var(--public-shadow-xs);
}

/* TRAIL 02 — BLOCK 03 / LOOPS 241–260
   Product feature system */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-product-section{
  position:relative;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid>article{
  position:relative;
  overflow:hidden;
  min-height:250px;
  display:flex;
  flex-direction:column;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid>article::after{
  content:"";
  position:absolute;
  inset:auto -40px -70px auto;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--public-primary) 12%,transparent),transparent 70%);
  pointer-events:none;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid .feature-icon{
  width:46px;
  height:46px;
  margin-bottom:22px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid article p{
  line-height:1.62;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid article strong{
  margin-top:auto;
  padding-top:18px;
  color:var(--public-primary);
  font-size:13px;
}

/* TRAIL 02 — BLOCK 04 / LOOPS 261–280
   How it works */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how{
  position:relative;
  isolation:isolate;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how::before{
  content:"";
  position:absolute;
  inset:12% 0 12%;
  z-index:-1;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--cia-info-soft) 44%,transparent),transparent);
  pointer-events:none;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-steps{
  counter-reset:cia-step;
  gap:14px!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-steps>article{
  position:relative;
  min-height:210px;
  padding:26px!important;
  border:1px solid var(--public-line)!important;
  border-radius:var(--public-radius-lg)!important;
  background:var(--public-surface)!important;
  box-shadow:var(--public-shadow-xs)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-steps>article>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-bottom:28px;
  border-radius:12px;
  background:linear-gradient(135deg,var(--public-primary),#168cd9);
  color:#fff;
  font-weight:800;
  box-shadow:0 10px 24px color-mix(in srgb,var(--public-primary) 18%,transparent);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-steps article h3{
  margin-bottom:10px;
}

/* TRAIL 02 — BLOCK 05 / LOOPS 281–300
   Integrations */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations{
  position:relative;
  overflow:hidden;
  border-block:1px solid var(--public-line-soft);
  background:
    radial-gradient(circle at 8% 15%,color-mix(in srgb,var(--public-primary) 7%,transparent),transparent 28%),
    radial-gradient(circle at 92% 80%,color-mix(in srgb,var(--public-accent) 8%,transparent),transparent 26%),
    var(--public-subtle);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations-inner{
  position:relative;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-grid{
  gap:16px!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card{
  position:relative;
  overflow:hidden;
  min-height:260px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,var(--public-primary),var(--public-accent));
  opacity:.9;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card h3{
  margin-top:18px;
}

/* TRAIL 02 — BLOCK 06 / LOOPS 301–320
   Pricing hierarchy */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-pricing{
  position:relative;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card{
  position:relative;
  min-height:100%;
  padding:clamp(22px,2.2vw,30px)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card.featured{
  transform:translateY(-8px);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card.featured::before{
  content:"MAIS ESCOLHIDO";
  align-self:flex-start;
  margin:-6px 0 4px;
  padding:6px 9px;
  border-radius:999px;
  background:var(--cia-info-soft);
  color:var(--public-primary);
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-price{
  margin-block:6px;
  font-size:clamp(30px,3vw,42px)!important;
  line-height:1;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card ul{
  display:grid;
  gap:9px;
  padding-left:0;
  list-style:none;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card li{
  position:relative;
  padding-left:20px;
  line-height:1.45;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card li::before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--cia-success);
  font-weight:850;
}

/* TRAIL 02 — BLOCK 07 / LOOPS 321–340
   Solutions and segment flows */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article{
  display:flex;
  flex-direction:column;
  min-height:260px;
  padding:var(--cia-public-card-pad)!important;
  border:1px solid var(--public-line)!important;
  border-radius:var(--public-radius-lg)!important;
  background:var(--public-surface)!important;
  box-shadow:var(--public-shadow-xs)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium article>a{
  margin-top:auto;
  padding-top:16px;
  color:var(--public-primary);
  font-weight:750;
  text-decoration:none;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-flows .flow-tabs{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding:4px 2px 10px;
  scrollbar-width:thin;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-flows .flow-panel{
  padding:clamp(24px,3vw,34px)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:20px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-stage{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:74px;
  padding:14px;
  border:1px solid var(--public-line-soft);
  border-radius:var(--public-radius-md);
  background:var(--public-subtle);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-stage em{
  display:grid;
  place-items:center;
  flex:0 0 34px;
  width:34px;
  height:34px;
  border-radius:10px;
  background:var(--cia-info-soft);
  color:var(--public-primary);
  font-size:11px;
  font-style:normal;
  font-weight:850;
}

/* TRAIL 02 — BLOCK 08 / LOOPS 341–360
   AI + human, proof and comparison */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .human-ai-section{
  border-block:1px solid var(--public-line-soft);
  background:
    radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--public-primary) 7%,transparent),transparent 30%),
    var(--public-subtle);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .human-ai-card{
  min-height:230px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid>*{
  min-height:190px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-comparison .comparison-table{
  border-radius:var(--public-radius-lg)!important;
  box-shadow:var(--public-shadow-sm)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-row{
  min-height:58px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-row:not(.comparison-head):nth-child(even){
  background:color-mix(in srgb,var(--public-subtle) 72%,transparent);
}

/* TRAIL 02 — BLOCK 09 / LOOPS 361–380
   Security, FAQ and final conversion */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .security-section{
  position:relative;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .security-list{
  padding:clamp(22px,2.8vw,32px)!important;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--public-surface) 97%,var(--cia-success-soft)),var(--public-surface))!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-faq .faq-grid{
  max-width:920px;
  margin-inline:auto;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-faq .public-section-heading{
  max-width:760px;
  margin-inline:auto;
  text-align:center;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-faq .public-section-heading::after{
  margin-inline:auto;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary{
  cursor:pointer;
  font-weight:750;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid details[open]{
  border-color:color-mix(in srgb,var(--public-primary) 30%,var(--public-line))!important;
  box-shadow:var(--public-shadow-sm)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta{
  margin-block:clamp(58px,7vw,96px);
  padding:clamp(34px,5vw,64px)!important;
  border-radius:clamp(22px,3vw,34px)!important;
  text-align:center;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta h2{
  max-width:18ch;
  margin-inline:auto;
  font-size:clamp(32px,4vw,52px)!important;
  line-height:1.08!important;
  text-wrap:balance;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta p{
  max-width:62ch;
  margin-inline:auto;
}

/* TRAIL 02 — BLOCK 10 / LOOPS 381–400
   Mobile, tablet and final polish */
@media(max-width:1180px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-grid,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card.featured{
    transform:none;
  }
}
@media(max-width:820px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --cia-public-section-y:clamp(50px,8vw,70px);
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header-inner{
    min-height:64px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-steps{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-grid,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium{
    grid-template-columns:1fr!important;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-product-demo-heading h2,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta h2{
    font-size:clamp(30px,9vw,40px)!important;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-product-demo-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-product-demo-actions .btn{
    width:100%;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid>article,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article{
    min-height:auto;
  }
}
@media(prefers-reduced-motion:no-preference){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid-premium>article,
    .human-ai-card,
    .proof-grid>*
  ){
    will-change:transform;
  }
}


/* TRAIL 02 — STABILIZATION GATE
   Keep public conversion controls comfortably tappable across phone/tablet. */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-header-actions .btn,
  .public-product-demo-actions .btn,
  .public-final-cta .btn
){
  min-height:44px!important;
}


/* ==========================================================================
   CONNECT IA — TRAIL 03 / ADVANCED VISUAL CONSISTENCY + CONVERSION POLISH
   10 blocks x 20 maximized loops — LOOPS 401–600
   Public landing only. No carousel or authenticated-panel selectors.
   ========================================================================== */

/* BLOCK 01 / LOOPS 401–420 — section composition and visual cadence */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
  --trail03-ink:#0b1f3a;
  --trail03-navy:#061a34;
  --trail03-navy-2:#08284f;
  --trail03-blue:#0b67e9;
  --trail03-cyan:#22c7f3;
  --trail03-soft:#f5f9ff;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-product-section,
  .public-pricing,
  .public-solutions,
  .public-proof-product,
  .public-faq
){
  position:relative;
  isolation:isolate;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-product-section,
  .public-pricing,
  .public-solutions,
  .public-proof-product,
  .public-faq
)::before{
  content:"";
  position:absolute;
  inset:0 50% auto;
  z-index:-1;
  width:100vw;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,var(--public-line-soft),transparent);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-kicker::before{
  content:"";
  width:18px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  opacity:.75;
}

/* BLOCK 02 / LOOPS 421–440 — demo proof frame and transition */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .connect-product-demo{
  position:relative;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .connect-product-demo::after{
  content:"";
  position:absolute;
  inset:auto 0 -1px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--public-line-soft),transparent);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .product-window{
  outline:1px solid rgba(255,255,255,.7);
  outline-offset:-2px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .demo-device-caption,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-real-inbox-note{
  max-width:72ch;
  color:var(--public-muted);
  font-size:12px;
  line-height:1.6;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip{
  margin-top:clamp(30px,4vw,48px);
}

/* BLOCK 03 / LOOPS 441–460 — feature cards and icon language */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-product-section{
  background:
    radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--public-primary) 5%,transparent),transparent 24%),
    var(--public-canvas);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid>article{
  border-color:color-mix(in srgb,var(--public-primary) 10%,var(--public-line))!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid .feature-icon{
  position:relative;
  background:linear-gradient(145deg,#eff7ff,#f9fcff);
  border-color:#d9eaff;
  color:var(--public-primary);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid .feature-icon small{
  position:absolute;
  top:-7px;
  right:-7px;
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding-inline:4px;
  border:2px solid var(--public-surface);
  border-radius:999px;
  background:var(--public-primary);
  color:#fff;
  font-size:9px;
  font-weight:850;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid .feature-icon{
  background:color-mix(in srgb,var(--public-surface-2) 88%,var(--cia-info-soft));
  border-color:var(--public-line);
}

/* BLOCK 04 / LOOPS 461–480 — HOW IT WORKS contrast repair + premium dark stage */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how{
  overflow:hidden;
  border-block:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 12% 18%,rgba(34,199,243,.18),transparent 30%),
    radial-gradient(circle at 92% 82%,rgba(11,103,233,.24),transparent 34%),
    linear-gradient(145deg,var(--trail03-navy),var(--trail03-navy-2))!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how::before{
  inset:0;
  background:
    linear-gradient(120deg,transparent 0 35%,rgba(255,255,255,.035) 35% 36%,transparent 36% 64%,rgba(255,255,255,.025) 64% 65%,transparent 65%);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-section-heading :where(h2,h3){
  color:#fff!important;
  text-shadow:0 1px 1px rgba(0,0,0,.08);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-section-heading>p:not(.public-kicker){
  color:#c8daf0!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-kicker{
  color:#58d8ff!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-section-heading::after{
  background:linear-gradient(90deg,#58d8ff,#3c8bff);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-steps>article{
  border-color:rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.16)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-steps article :where(h3,strong){
  color:#0b1f3a!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-steps article p{
  color:#58708e!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-steps>article{
  background:#0c2443!important;
  border-color:rgba(139,189,244,.2)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-steps article :where(h3,strong){
  color:#f5f9ff!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-steps article p{
  color:#b9cce2!important;
}

/* BLOCK 05 / LOOPS 481–500 — integrations visual coherence */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations{
  background:
    radial-gradient(circle at 6% 12%,rgba(34,199,243,.12),transparent 30%),
    radial-gradient(circle at 94% 88%,rgba(74,104,255,.16),transparent 30%),
    linear-gradient(145deg,#06182f,#082748)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations :where(h2,h3){
  color:#fff!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations .public-section-heading>p:not(.public-kicker){
  color:#c6d8ec!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations .public-kicker,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations .public-v2-integration-type{
  color:#59d9ff!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card{
  border-color:rgba(147,190,239,.22)!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 20px 44px rgba(0,0,0,.18)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card :where(h3,strong){
  color:#0c2341!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card p{
  color:#5d7390!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card{
  background:#0d2a4b!important;
  border-color:rgba(143,193,245,.18)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card :where(h3,strong){
  color:#f7fbff!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card p{
  color:#bfd0e4!important;
}

/* BLOCK 06 / LOOPS 501–520 — pricing trust, hierarchy, equal rhythm */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-pricing{
  background:
    radial-gradient(circle at 50% 0,color-mix(in srgb,var(--public-primary) 5%,transparent),transparent 30%),
    var(--public-canvas);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card{
  overflow:hidden;
  border-color:color-mix(in srgb,var(--public-primary) 10%,var(--public-line))!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card.featured::before{
  content:"PLANO EM DESTAQUE";
  background:linear-gradient(90deg,var(--public-primary),#3a78ff);
  color:#fff;
  box-shadow:0 8px 20px color-mix(in srgb,var(--public-primary) 18%,transparent);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .btn{
  margin-top:auto;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card li{
  color:var(--public-muted);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card li::before{
  display:grid;
  place-items:center;
  width:15px;
  height:15px;
  top:.12em;
  border-radius:999px;
  background:var(--cia-success-soft);
  color:var(--cia-success);
  font-size:10px;
}

/* BLOCK 07 / LOOPS 521–540 — solution cards and flow navigation */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-solutions{
  background:linear-gradient(180deg,var(--public-canvas),color-mix(in srgb,var(--trail03-soft) 78%,var(--public-canvas)));
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--public-primary) 10%,var(--public-line))!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article::after{
  content:"";
  position:absolute;
  inset:auto -32px -48px auto;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--public-primary) 9%,transparent),transparent 68%);
  pointer-events:none;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium .segment-icon{
  width:44px;
  height:44px;
  margin-bottom:18px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium article small{
  display:block;
  margin-top:12px;
  color:var(--public-muted);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-tabs button{
  flex:0 0 auto;
  min-height:42px;
  padding-inline:14px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-tabs button:is(.is-active,.active,[aria-selected="true"]){
  background:linear-gradient(135deg,var(--public-primary),#168cd9);
  border-color:transparent;
  color:#fff;
  box-shadow:0 8px 20px color-mix(in srgb,var(--public-primary) 18%,transparent);
}

/* BLOCK 08 / LOOPS 541–560 — human+AI, proof and comparison hierarchy */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .human-ai-section{
  background:
    radial-gradient(circle at 14% 20%,color-mix(in srgb,var(--public-primary) 7%,transparent),transparent 28%),
    linear-gradient(180deg,var(--public-subtle),var(--public-canvas));
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .human-ai-card{
  border-color:color-mix(in srgb,var(--public-primary) 12%,var(--public-line))!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid>*{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--public-primary) 9%,var(--public-line))!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid>*::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg,var(--public-primary),transparent);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-head{
  background:linear-gradient(90deg,color-mix(in srgb,var(--cia-info-soft) 82%,var(--public-surface)),var(--public-subtle))!important;
  font-weight:800;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-row>*{
  padding-block:14px;
}

/* BLOCK 09 / LOOPS 561–580 — trust sections, FAQ and final CTA */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .security-list{
  border-color:color-mix(in srgb,var(--cia-success) 18%,var(--public-line))!important;
  box-shadow:0 18px 44px rgba(6,35,72,.08)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-faq{
  background:
    radial-gradient(circle at 50% 0,color-mix(in srgb,var(--public-primary) 5%,transparent),transparent 32%),
    var(--public-canvas);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary{
  position:relative;
  padding-right:54px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary::after{
  content:"+";
  position:absolute;
  top:50%;
  right:18px;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  transform:translateY(-50%);
  border-radius:999px;
  background:var(--cia-info-soft);
  color:var(--public-primary);
  font-size:18px;
  font-weight:500;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid details[open] summary::after{
  content:"–";
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta{
  background:
    radial-gradient(circle at 90% 0,rgba(79,214,255,.22),transparent 28%),
    radial-gradient(circle at 8% 100%,rgba(89,91,255,.25),transparent 30%),
    linear-gradient(135deg,#06172e,#0b2e58)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta .btn{
  min-height:48px!important;
  padding-inline:22px!important;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}

/* BLOCK 10 / LOOPS 581–600 — responsive stabilization and accessibility */
@media(max-width:1180px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-steps{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:640px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-steps{
    grid-template-columns:1fr!important;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-steps>article{
    min-height:auto;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary{
    padding-right:50px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta{
    text-align:left;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta h2,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta p{
    margin-inline:0;
  }
}
@media(hover:hover){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article:hover,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid>article:hover{
    border-color:color-mix(in srgb,var(--public-primary) 24%,var(--public-line))!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-plan-card.featured,
    .segment-grid-premium>article,
    .public-feature-grid>article
  ){
    transform:none!important;
  }
}
@media(forced-colors:active){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-how,
    .public-v2-integrations,
    .public-final-cta
  ){
    background:Canvas!important;
    color:CanvasText!important;
  }
}


/* ==========================================================================
   CONNECT IA — TRAIL 04 / ADVANCED RESPONSIVE + VISUAL DENSITY + PERCEIVED PERFORMANCE
   10 blocks x 20 maximized loops — LOOPS 601–800
   Public landing only. Carousel, Client Panel and Master Panel protected.
   ========================================================================== */

/* BLOCK 01 / LOOPS 601–620 — responsive density tokens */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
  --trail04-section-y:clamp(58px,6.4vw,92px);
  --trail04-card-gap:clamp(12px,1.6vw,20px);
  --trail04-card-pad:clamp(18px,2vw,26px);
  --trail04-copy:68ch;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-section,
  .public-v2-integrations
){
  padding-block:var(--trail04-section-y)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid,
  .public-plan-grid,
  .segment-grid-premium,
  .proof-grid,
  .public-v2-integration-grid
){
  gap:var(--trail04-card-gap)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading{
  margin-bottom:clamp(24px,2.7vw,36px)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading>p:not(.public-kicker){
  max-width:var(--trail04-copy);
}

/* BLOCK 02 / LOOPS 621–640 — header/nav density and touch ergonomics */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header-inner{
  min-height:68px;
  gap:18px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-nav{
  display:flex;
  align-items:center;
  gap:clamp(14px,1.8vw,26px);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-nav>a{
  position:relative;
  padding-block:10px;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-nav>a::after{
  content:"";
  position:absolute;
  inset:auto 50% 4px;
  width:0;
  height:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,var(--public-primary),var(--public-accent));
  transition:width var(--cia-duration-fast) var(--cia-ease-standard);
}
@media(hover:hover){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-nav>a:hover::after{width:70%}
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header-actions{
  gap:10px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header-actions .btn{
  min-height:44px!important;
  padding-inline:16px!important;
}

/* BLOCK 03 / LOOPS 641–660 — demo density and below-fold transition */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .connect-product-demo{
  padding-block:clamp(48px,5vw,76px);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-product-demo-heading{
  margin-bottom:clamp(20px,2.4vw,30px);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .product-window{
  border-radius:clamp(18px,2vw,28px)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:clamp(24px,3vw,40px);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip>div{
  min-width:0;
  padding:4px 8px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip b{
  display:block;
  margin-bottom:4px;
}

/* BLOCK 04 / LOOPS 661–680 — adaptive feature/solution grids */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid>article,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid>*{
  padding:var(--trail04-card-pad)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid>article{
  min-height:230px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article{
  min-height:235px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid>*{
  min-height:170px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .segment-grid-premium>article,
  .public-proof-product .proof-grid>*
) :where(p,small){
  line-height:1.58;
}

/* BLOCK 05 / LOOPS 681–700 — pricing density and CTA alignment */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card{
  padding:clamp(20px,1.8vw,26px)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-description{
  min-height:3.1em;
  line-height:1.55;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card ul{
  margin-block:8px 18px;
  gap:8px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .btn.wide{
  width:100%;
  min-height:44px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .plan-highlight{
  align-self:flex-start;
  margin-bottom:2px;
}

/* BLOCK 06 / LOOPS 701–720 — flows, tabs and mobile interaction */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-tabs{
  position:relative;
  gap:8px!important;
  margin-bottom:16px;
  scroll-snap-type:x proximity;
  overscroll-behavior-inline:contain;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-tabs button{
  min-height:44px!important;
  scroll-snap-align:start;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-panel{
  min-width:0;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-stage{
  min-width:0;
  min-height:70px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-stage>*{
  min-width:0;
}

/* BLOCK 07 / LOOPS 721–740 — comparison, FAQ and narrow-screen usability */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-table{
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--public-primary) 40%,transparent) transparent;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-row{
  min-width:720px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid>details{
  content-visibility:visible;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary{
  min-height:58px;
  display:flex;
  align-items:center;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid details>p{
  line-height:1.68;
}

/* BLOCK 08 / LOOPS 741–760 — perceived performance and paint containment */
@supports (content-visibility:auto){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-product-section,
    .public-how,
    .public-v2-integrations,
    .public-pricing,
    .public-solutions,
    .public-flows,
    .human-ai-section,
    .public-proof-product,
    .public-comparison,
    .security-section,
    .public-faq
  ){
    content-visibility:auto;
    contain-intrinsic-size:auto 680px;
  }
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*
){
  contain:layout paint;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .proof-grid>*
){
  will-change:auto!important;
}

/* BLOCK 09 / LOOPS 761–780 — low-cost effects on constrained devices */
@media(max-width:820px),(hover:none) and (pointer:coarse){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    background:var(--public-surface);
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .product-window,
    .public-feature-grid>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid-premium>article,
    .human-ai-card,
    .proof-grid>*,
    .faq-grid>details,
    .security-list
  ){
    box-shadow:var(--public-shadow-xs)!important;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid-premium>article,
    .human-ai-card,
    .proof-grid>*
  ):hover{
    transform:none!important;
  }
}

/* BLOCK 10 / LOOPS 781–800 — breakpoint stabilization */
@media(max-width:1180px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --trail04-section-y:clamp(54px,7vw,78px);
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip{
    grid-template-columns:1fr 1fr;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip>div:last-child{
    grid-column:1/-1;
  }
}
@media(max-width:820px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --trail04-section-y:clamp(48px,8vw,64px);
    --trail04-card-gap:12px;
    --trail04-card-pad:18px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header-inner{
    min-height:62px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip{
    grid-template-columns:1fr;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip>div:last-child{
    grid-column:auto;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-description{
    min-height:auto;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-row{
    min-width:680px;
  }
}
@media(max-width:640px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --trail04-section-y:46px;
    --trail04-card-pad:16px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading{
    margin-bottom:22px!important;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading h2{
    font-size:clamp(27px,8vw,34px)!important;
    line-height:1.12!important;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid>article,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid>*{
    min-height:auto;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary{
    min-height:56px;
  }
}
@media(max-width:420px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --trail04-section-y:42px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .connect-product-demo{
    padding-block:42px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-row{
    min-width:640px;
  }
}


/* ==========================================================================
   CONNECT IA — TRAIL 05 / COMMERCIAL HIERARCHY + CONVERSION STATES + FINAL POLISH
   10 blocks x 20 maximized loops — LOOPS 801–1000
   Public landing only. Existing commercial copy preserved.
   Carousel, Client Panel and Master Panel remain protected.
   ========================================================================== */

/* BLOCK 01 / LOOPS 801–820 — commercial hierarchy without changing copy */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
  --trail05-strong:#071b36;
  --trail05-blue:#0b63f6;
  --trail05-cyan:#22c7f3;
  --trail05-line:color-mix(in srgb,var(--public-primary) 12%,var(--public-line));
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading{
  max-width:820px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading h2{
  max-width:18ch;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading.centered h2{
  margin-inline:auto;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-kicker{
  margin-bottom:10px!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-product-section,
  .public-pricing,
  .public-solutions,
  .public-proof-product,
  .public-faq
) .public-section-heading>p:not(.public-kicker){
  font-size:clamp(15px,1.15vw,17px);
  line-height:1.7;
}

/* BLOCK 02 / LOOPS 821–840 — CTA priority and conversion states */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-product-demo-actions .btn,
  .public-header-actions .btn,
  .flow-cta .btn,
  .public-final-cta .btn,
  .public-plan-card .btn
){
  min-height:46px!important;
  border-radius:12px!important;
  font-weight:800!important;
  letter-spacing:-.01em;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-product-demo-actions .btn.primary,
  .public-header-actions .btn.primary,
  .flow-cta .btn.primary,
  .public-final-cta .btn.primary,
  .public-plan-card .btn.primary
){
  background:linear-gradient(135deg,var(--trail05-blue),#168fd8)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(11,99,246,.18)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-product-demo-actions .btn.ghost,
  .public-header-actions .btn.ghost,
  .flow-cta .btn.ghost,
  .public-plan-card .btn.ghost
){
  background:var(--public-surface)!important;
  border-color:var(--public-line)!important;
  color:var(--public-ink)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-product-demo-actions .btn,
  .public-header-actions .btn,
  .flow-cta .btn,
  .public-final-cta .btn,
  .public-plan-card .btn
):active{
  transform:translateY(0)!important;
  box-shadow:var(--public-shadow-xs)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-product-demo-actions .btn,
  .public-header-actions .btn,
  .flow-cta .btn,
  .public-final-cta .btn,
  .public-plan-card .btn
):focus-visible{
  outline:3px solid color-mix(in srgb,var(--public-primary) 42%,transparent)!important;
  outline-offset:3px!important;
}

/* BLOCK 03 / LOOPS 841–860 — pricing hierarchy and readability */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card{
  border-color:var(--trail05-line)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-code{
  margin-bottom:2px;
  color:var(--public-primary)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.12em;
  text-transform:uppercase;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card h3{
  min-height:auto!important;
  margin-bottom:6px!important;
  font-size:clamp(20px,1.7vw,24px)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-description{
  color:var(--public-muted)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-price{
  display:flex;
  align-items:flex-end;
  gap:5px;
  margin-block:8px 6px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-price b{
  color:var(--public-ink);
  font-size:clamp(30px,3vw,40px)!important;
  line-height:.98!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-price small{
  padding-bottom:4px;
  color:var(--public-muted);
  font-size:12px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .plan-highlight{
  padding:6px 9px!important;
  border:1px solid color-mix(in srgb,var(--public-primary) 22%,transparent);
  border-radius:999px!important;
  background:color-mix(in srgb,var(--cia-info-soft) 88%,var(--public-surface))!important;
  color:var(--public-primary)!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.1em;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card.featured{
  position:relative;
  border-color:color-mix(in srgb,var(--public-primary) 58%,var(--public-line))!important;
  box-shadow:0 20px 50px rgba(11,99,246,.14)!important;
}

/* BLOCK 04 / LOOPS 861–880 — benefits, proof and trust hierarchy */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip{
  border-color:var(--trail05-line)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip>div{
  position:relative;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip>div+div::before{
  content:"";
  position:absolute;
  inset:8px auto 8px -6px;
  width:1px;
  background:var(--public-line-soft);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid>*{
  border-color:var(--trail05-line)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid :where(h3,strong){
  letter-spacing:-.015em;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .security-list{
  border-color:color-mix(in srgb,var(--cia-success) 22%,var(--public-line))!important;
}

/* BLOCK 05 / LOOPS 881–900 — solutions and flows conversion clarity */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article{
  border-color:var(--trail05-line)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium article>a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  min-height:40px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium article>a::after{
  content:"→";
  transition:transform var(--cia-duration-fast) var(--cia-ease-standard);
}
@media(hover:hover){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium article>a:hover::after{
    transform:translateX(3px);
  }
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-panel{
  border-color:var(--trail05-line)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-stage{
  border-color:color-mix(in srgb,var(--public-primary) 9%,var(--public-line))!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-cta{
  margin-top:22px;
}

/* BLOCK 06 / LOOPS 901–920 — FAQ conversion/readability states */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid>details{
  border-color:var(--trail05-line)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary{
  padding-block:16px!important;
  color:var(--public-ink)!important;
  font-weight:780!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary::marker,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary::-webkit-details-marker{
  display:none;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid details[open] summary{
  color:var(--public-primary)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid details>p{
  max-width:72ch;
  padding-bottom:2px;
  color:var(--public-muted)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary:focus-visible{
  border-radius:10px;
}

/* BLOCK 07 / LOOPS 921–940 — unified hover/focus/active state language */
@media(hover:hover){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid-premium>article,
    .human-ai-card,
    .public-proof-product .proof-grid>*
  ):hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--public-primary) 24%,var(--public-line))!important;
    box-shadow:0 16px 38px rgba(6,35,72,.10)!important;
  }
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*
){
  transition:
    border-color var(--cia-duration-base) var(--cia-ease-standard),
    box-shadow var(--cia-duration-base) var(--cia-ease-standard),
    transform var(--cia-duration-base) var(--cia-ease-standard);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] a:focus-visible,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] button:focus-visible,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] summary:focus-visible{
  outline:3px solid color-mix(in srgb,var(--public-primary) 42%,transparent)!important;
  outline-offset:3px!important;
}

/* BLOCK 08 / LOOPS 941–960 — light/dark parity */
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-code{
  color:#6fdcff!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-price b{
  color:#f4f9ff!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .plan-highlight{
  background:#102e52!important;
  border-color:#275b89!important;
  color:#73dfff!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card.featured{
  border-color:#347fc2!important;
  box-shadow:0 20px 50px rgba(0,0,0,.26)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid details[open] summary{
  color:#73dfff!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-product-demo-actions .btn.ghost,
  .public-header-actions .btn.ghost,
  .flow-cta .btn.ghost,
  .public-plan-card .btn.ghost
){
  background:var(--public-surface)!important;
  border-color:var(--public-line)!important;
  color:var(--public-ink)!important;
}

/* BLOCK 09 / LOOPS 961–980 — responsive conversion hierarchy */
@media(max-width:820px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip>div+div::before{
    display:none;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card{
    padding:20px!important;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .btn.wide{
    min-height:48px!important;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium article>a{
    min-height:44px;
  }
}
@media(max-width:640px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-product-demo-actions,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-cta{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-product-demo-actions .btn,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-cta .btn{
    width:100%;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta .btn{
    width:100%;
    justify-content:center;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-price b{
    font-size:34px!important;
  }
}

/* BLOCK 10 / LOOPS 981–1000 — final accessibility and low-motion polish */
@media(prefers-reduced-motion:reduce){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid-premium>article,
    .human-ai-card,
    .public-proof-product .proof-grid>*,
    .segment-grid-premium article>a::after
  ){
    transition:none!important;
    transform:none!important;
  }
}
@media(forced-colors:active){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-product-demo-actions .btn,
    .public-header-actions .btn,
    .flow-cta .btn,
    .public-final-cta .btn,
    .public-plan-card .btn,
    .plan-highlight
  ){
    forced-color-adjust:auto;
    border:1px solid ButtonText!important;
  }
}
@media(prefers-contrast:more){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid-premium>article,
    .human-ai-card,
    .public-proof-product .proof-grid>*,
    .faq-grid>details
  ){
    border-color:currentColor!important;
  }
}


/* ==========================================================================
   CONNECT IA — TRAIL 06 / CANONICAL CSS + EXTREME QA + DESIGN SYSTEM HARDENING
   10 blocks x 20 maximized loops — LOOPS 1001–1200
   Canonical public-layer consolidation. Protected surfaces remain untouched.
   ========================================================================== */

/* BLOCK 01 / LOOPS 1001–1020 — canonical public tokens */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
  --public-final-content:min(1240px,calc(100% - 40px));
  --public-final-content-mobile:calc(100% - 28px);
  --public-final-section-y:clamp(52px,6vw,88px);
  --public-final-gap:clamp(12px,1.5vw,20px);
  --public-final-radius:18px;
  --public-final-control:46px;
  --public-final-copy:68ch;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-header-inner,
  .connect-product-demo,
  .public-section,
  .public-v2-integrations-inner,
  .public-benefit-strip,
  .public-final-cta,
  .public-footer
){
  width:var(--public-final-content);
  max-width:100%;
  margin-inline:auto;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-section,
  .public-v2-integrations
){
  padding-block:var(--public-final-section-y)!important;
}

/* BLOCK 02 / LOOPS 1021–1040 — canonical typography hierarchy */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-section-heading,
  .public-product-demo-heading
){
  max-width:820px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-section-heading h2,
  .public-product-demo-heading h2
){
  margin-top:0;
  font-family:var(--cia-font-display);
  font-size:clamp(29px,3.2vw,46px)!important;
  line-height:1.1!important;
  letter-spacing:-.032em!important;
  text-wrap:balance;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-section-heading>p:not(.public-kicker),
  .public-product-demo-heading>p:not(.public-kicker)
){
  max-width:var(--public-final-copy);
  font-size:clamp(15px,1.15vw,17px);
  line-height:1.68;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-kicker{
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.25!important;
  letter-spacing:.13em!important;
}

/* BLOCK 03 / LOOPS 1041–1060 — canonical controls and focus states */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  a.btn,
  button,
  .public-mobile-nav summary,
  .flow-tabs button
){
  min-height:var(--public-final-control);
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  a.btn,
  button,
  summary,
  a[href]
):focus-visible{
  outline:3px solid color-mix(in srgb,var(--public-primary) 42%,transparent)!important;
  outline-offset:3px!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-header-actions .btn,
  .public-product-demo-actions .btn,
  .flow-cta .btn,
  .public-final-cta .btn,
  .public-plan-card .btn
){
  min-height:46px!important;
  border-radius:12px!important;
  font-weight:800!important;
}

/* BLOCK 04 / LOOPS 1061–1080 — canonical card geometry */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*,
  .faq-grid>details,
  .flow-panel,
  .security-list
){
  min-width:0;
  border-radius:var(--public-final-radius)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid,
  .public-v2-integration-grid,
  .public-plan-grid,
  .segment-grid-premium,
  .proof-grid
){
  gap:var(--public-final-gap)!important;
  align-items:stretch;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*
){
  contain:layout paint;
}

/* BLOCK 05 / LOOPS 1081–1100 — canonical pricing and commercial cards */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-grid{
  align-items:stretch!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-price{
  display:flex;
  align-items:flex-end;
  gap:5px;
  margin-block:8px;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .plan-price b{
  font-size:clamp(32px,3vw,40px)!important;
  line-height:1!important;
  letter-spacing:-.04em;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card>.btn{
  margin-top:auto;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .plan-highlight{
  align-self:flex-start;
}

/* BLOCK 06 / LOOPS 1101–1120 — canonical mobile/menu/table behavior */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-mobile-nav{
  flex:0 0 auto;
  margin-left:auto;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-mobile-nav summary{
  max-width:100%;
  white-space:nowrap;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-mobile-nav>div{
  max-width:calc(100vw - 20px)!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-table{
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-tabs{
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
}

/* BLOCK 07 / LOOPS 1121–1140 — dark/light canonical parity */
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*,
  .faq-grid>details,
  .flow-panel,
  .security-list
){
  border-color:var(--public-line)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-plan-card .plan-price b,
  .public-section-heading h2,
  .public-product-demo-heading h2
){
  color:var(--public-ink)!important;
}
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-section-heading>p:not(.public-kicker),
  .public-product-demo-heading>p:not(.public-kicker),
  .public-plan-card .plan-description
){
  color:var(--public-muted)!important;
}

/* Preserve intentionally dark showcase sections in both themes. */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-section-heading h2,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations .public-section-heading h2{
  color:#fff!important;
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how .public-section-heading>p:not(.public-kicker),
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations .public-section-heading>p:not(.public-kicker){
  color:#c8daf0!important;
}

/* BLOCK 08 / LOOPS 1141–1160 — rendering and perceived-performance hardening */
@supports(content-visibility:auto){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-product-section,
    .public-how,
    .public-v2-integrations,
    .public-pricing,
    .public-solutions,
    .public-flows,
    .human-ai-section,
    .public-proof-product,
    .public-comparison,
    .security-section,
    .public-faq
  ){
    content-visibility:auto;
    contain-intrinsic-size:auto 680px;
  }
}
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*
){
  will-change:auto!important;
}
@media(max-width:820px),(hover:none) and (pointer:coarse){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

/* BLOCK 09 / LOOPS 1161–1180 — accessibility hardening */
@media(prefers-reduced-motion:reduce){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] *,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] *::before,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}
@media(forced-colors:active){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    a.btn,
    button,
    summary,
    .public-feature-grid>article,
    .public-plan-card,
    .segment-grid-premium>article,
    .faq-grid>details
  ){
    forced-color-adjust:auto;
  }
}
@media(prefers-contrast:more){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-plan-card,
    .segment-grid-premium>article,
    .faq-grid>details
  ){
    border-width:2px!important;
  }
}

/* BLOCK 10 / LOOPS 1181–1200 — final responsive canonical gate */
@media(max-width:1180px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --public-final-section-y:clamp(50px,7vw,74px);
  }
}
@media(max-width:840px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --public-final-content:var(--public-final-content-mobile);
    --public-final-section-y:clamp(46px,8vw,62px);
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header-inner{
    width:calc(100% - 24px);
    min-height:64px;
    gap:10px!important;
  }
}
@media(max-width:640px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --public-final-content:calc(100% - 24px);
    --public-final-section-y:44px;
    --public-final-gap:12px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-section-heading h2,
    .public-product-demo-heading h2
  ){
    font-size:clamp(28px,8vw,35px)!important;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid,
    .public-plan-grid,
    .segment-grid-premium,
    .proof-grid
  ){
    grid-template-columns:1fr!important;
  }
}
@media(max-width:390px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --public-final-content:calc(100% - 20px);
    --public-final-section-y:42px;
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header-inner{
    width:calc(100% - 20px);
  }
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-mobile-nav>div{
    width:calc(100vw - 20px)!important;
    right:0!important;
  }
}


/* ==========================================================================
   TRAIL 07 — HOTFIX 07A / STRUCTURAL LANDING REPAIR
   LOOPS 1201–1220
   Fixes excessive vertical gaps and disconnected section rhythm observed
   on real mobile screenshots. Carousel and authenticated panels untouched.
   ========================================================================== */

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-product-section,
  .public-how,
  .public-v2-integrations,
  .public-pricing,
  .public-solutions,
  .public-flows,
  .human-ai-section,
  .public-proof-product,
  .public-comparison,
  .security-section,
  .public-faq
){
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
  --t7-section-y:clamp(44px,5vw,68px);
  --t7-mobile-y:34px;
  --t7-gap:clamp(14px,1.6vw,22px);
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-section,
  .public-v2-integrations
){
  padding-block:var(--t7-section-y)!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading{
  max-width:760px!important;
  margin-bottom:clamp(20px,2.2vw,30px)!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading h2{
  margin-bottom:10px!important;
  font-size:clamp(29px,3vw,44px)!important;
  line-height:1.1!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading>p:not(.public-kicker){
  margin-top:8px!important;
  line-height:1.62!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading::after{
  margin-top:14px!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid,
  .public-plan-grid,
  .segment-grid-premium,
  .public-v2-integration-grid,
  .proof-grid,
  .public-steps
){
  gap:var(--t7-gap)!important;
}

/* Keep full-bleed dark sections visually continuous. */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-how,
  .public-v2-integrations
){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how{
  padding-inline:max(20px,calc((100% - 1240px)/2))!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations-inner{
  width:min(1240px,calc(100% - 40px))!important;
  margin-inline:auto!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations-heading{
  max-width:760px!important;
  margin:0 auto clamp(22px,2.6vw,32px)!important;
  text-align:center;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations-heading h2{
  margin:0 0 10px!important;
  font-size:clamp(29px,3vw,44px)!important;
  line-height:1.1!important;
  color:#fff!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations-heading>p:last-child{
  margin:0!important;
  color:#c8daf0!important;
  line-height:1.62!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-grid{
  align-items:stretch!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card{
  min-height:0!important;
  padding:24px!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations-foot{
  margin:16px auto 0!important;
  max-width:760px;
  text-align:center;
}

/* Pricing: cards follow heading immediately, no oversized void. */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-pricing{
  padding-top:var(--t7-section-y)!important;
  padding-bottom:var(--t7-section-y)!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-grid{
  margin-top:0!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card{
  min-height:0!important;
}

/* Solutions + flows: remove huge dead zones between neighboring blocks. */
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-solutions,
  .public-flows,
  .human-ai-section,
  .public-proof-product,
  .public-comparison,
  .security-section,
  .public-faq
){
  margin-top:0!important;
  margin-bottom:0!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article{
  min-height:0!important;
  padding:20px!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-flows .flow-panel{
  margin-top:14px!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .human-ai-section{
  gap:clamp(18px,2.5vw,32px)!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid>*{
  min-height:0!important;
  padding:18px!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta{
  margin-block:clamp(36px,4vw,56px)!important;
}

@media(max-width:820px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-section,
    .public-v2-integrations
  ){
    padding-block:var(--t7-mobile-y)!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how{
    padding-inline:14px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations-inner{
    width:calc(100% - 28px)!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading{
    margin-bottom:18px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading h2,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations-heading h2{
    font-size:clamp(28px,7.5vw,34px)!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations-heading{
    margin-bottom:20px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article{
    padding:18px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta{
    margin-block:28px!important;
  }
}

@media(max-width:420px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
    --t7-mobile-y:30px;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading{
    margin-bottom:16px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading::after{
    margin-top:10px!important;
  }
}


/* ==========================================================================
   TRAIL 07 — BLOCK 02 / MOBILE STRUCTURAL DENSITY
   LOOPS 1221–1240
   Repeated card groups become deliberate horizontal rails on phones.
   The main banner carousel remains untouched.
   ========================================================================== */

@media(max-width:700px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid,
    .public-steps,
    .public-v2-integration-grid,
    .public-plan-grid,
    .segment-grid-premium
  ){
    display:grid!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(78vw,300px)!important;
    align-items:stretch!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:4px;
    padding:2px 4px 12px!important;
    margin-inline:-4px!important;
    scrollbar-width:thin;
    scrollbar-color:color-mix(in srgb,var(--public-primary) 28%,transparent) transparent;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-steps>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid-premium>article
  ){
    scroll-snap-align:start!important;
    scroll-snap-stop:normal;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid{
    grid-auto-columns:minmax(76vw,285px)!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-steps{
    grid-auto-columns:minmax(78vw,292px)!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-grid{
    grid-auto-columns:minmax(84vw,310px)!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-grid{
    grid-auto-columns:minmax(82vw,305px)!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium{
    grid-auto-columns:minmax(76vw,285px)!important;
  }

  /* Cards are allowed to size to their real content instead of legacy minimums. */
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid>article{
    padding:18px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-steps>article{
    padding:20px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card{
    padding:20px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card{
    padding:20px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article{
    padding:18px!important;
  }

  /* Proof cards are compact enough for two columns; this halves vertical length. */
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid>*{
    min-height:0!important;
    padding:14px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid .proof-icon{
    margin-bottom:10px!important;
  }

  /* Tighten flows after tabs; the previous cascade left a 100px+ void. */
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-flows .flow-tabs{
    margin-bottom:10px!important;
    padding-bottom:6px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-flows .flow-panel{
    margin-top:0!important;
  }

  /* Security reads as one compact block instead of two far-apart columns. */
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .security-section{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .security-section>div:first-child{
    max-width:none!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .security-list{
    margin:0!important;
  }
}

@media(max-width:390px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid,
    .public-steps,
    .public-v2-integration-grid,
    .public-plan-grid,
    .segment-grid-premium
  ){
    grid-auto-columns:calc(100vw - 52px)!important;
  }
}


/* ==========================================================================
   TRAIL 07 — BLOCK 03 / DARK MODE STRUCTURAL REPAIR
   LOOPS 1241–1260
   ========================================================================== */

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"]{
  --t7-dark-canvas:#06111f;
  --t7-dark-section:#081827;
  --t7-dark-section-alt:#0a1d2f;
  --t7-dark-card:#0f263d;
  --t7-dark-card-2:#102b45;
  --t7-dark-line:#294967;
  --t7-dark-text:#f3f8ff;
  --t7-dark-muted:#b7c8d9;
  background:var(--t7-dark-canvas)!important;
  color:var(--t7-dark-text)!important;
}

/* Neutralize the legacy flat-dark rule by explicitly assigning section surfaces. */
html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .connect-product-demo,
  .public-product-section,
  .public-pricing,
  .public-proof-product,
  .public-faq
){
  background:var(--t7-dark-section)!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-benefit-strip,
  .public-solutions,
  .public-flows,
  .human-ai-section,
  .public-comparison,
  .security-section
){
  background:var(--t7-dark-section-alt)!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how{
  background:
    radial-gradient(circle at 12% 12%,rgba(34,199,243,.10),transparent 30%),
    linear-gradient(145deg,#041426,#072443)!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations{
  background:
    radial-gradient(circle at 88% 8%,rgba(65,121,255,.14),transparent 28%),
    linear-gradient(145deg,#04182b,#082b4e)!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*,
  .faq-grid>details,
  .flow-panel,
  .comparison-table,
  .security-list
){
  background:linear-gradient(180deg,var(--t7-dark-card-2),var(--t7-dark-card))!important;
  border-color:var(--t7-dark-line)!important;
  color:var(--t7-dark-text)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*,
  .faq-grid>details,
  .flow-panel,
  .comparison-table,
  .security-list
) :where(h2,h3,h4,strong,b){
  color:var(--t7-dark-text)!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*,
  .faq-grid>details,
  .flow-panel,
  .comparison-table,
  .security-list
) :where(p,li,small,span:not(.feature-icon):not(.segment-icon):not(.proof-icon)){
  color:var(--t7-dark-muted)!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading h2{
  color:var(--t7-dark-text)!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading>p:not(.public-kicker){
  color:var(--t7-dark-muted)!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-kicker{
  color:#69d9ff!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-benefit-strip{
  border-color:var(--t7-dark-line)!important;
  box-shadow:none!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card.featured{
  background:
    radial-gradient(circle at 100% 0%,rgba(40,151,255,.18),transparent 34%),
    linear-gradient(180deg,#123451,#0d2339)!important;
  border-color:#2d8fe0!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-tabs button{
  background:#0a2135!important;
  border-color:#2b4b66!important;
  color:#bfd0e0!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-tabs button:is(.is-active,.active,[aria-selected="true"]){
  background:linear-gradient(135deg,#1776e7,#1c9bd5)!important;
  border-color:transparent!important;
  color:#fff!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-head{
  background:#12314a!important;
  color:#eaf5ff!important;
}

html[data-theme="dark"][data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta{
  background:
    radial-gradient(circle at 86% 10%,rgba(74,203,255,.18),transparent 28%),
    linear-gradient(135deg,#06162a,#0a3158)!important;
  border-color:#28587e!important;
}

/* ==========================================================================
   TRAIL 07 — BLOCK 04 / DESKTOP + TABLET STRUCTURAL RHYTHM
   LOOPS 1261–1280
   ========================================================================== */

@media(min-width:701px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-steps{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

@media(min-width:701px) and (max-width:1100px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-grid,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-steps,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* ==========================================================================
   TRAIL 07 — BLOCK 05 / TYPOGRAPHIC DENSITY + CARD COMPOSITION
   LOOPS 1281–1300
   ========================================================================== */

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*
){
  text-align:left;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid h3,
  .public-v2-integration-card h3,
  .public-plan-card h3,
  .segment-grid-premium h3,
  .human-ai-card h3
){
  margin-bottom:8px!important;
  line-height:1.24!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid p,
  .public-v2-integration-card p,
  .public-plan-card p,
  .segment-grid-premium p,
  .human-ai-card p,
  .public-proof-product .proof-grid p
){
  margin-top:0!important;
  line-height:1.55!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-feature-grid .feature-icon,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium .segment-icon,
html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-proof-product .proof-icon{
  margin-bottom:14px!important;
}

/* ==========================================================================
   TRAIL 07 — BLOCK 06 / FLOW + HUMAN/AI + SECURITY COMPOSITION
   LOOPS 1301–1320
   ========================================================================== */

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-flows .flow-panel{
  padding:clamp(18px,2vw,26px)!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-steps{
  gap:10px!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .human-ai-section{
  align-items:start!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .human-ai-card{
  min-height:0!important;
  padding:20px!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .security-section{
  align-items:start!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .security-list{
  padding:18px!important;
}

/* ==========================================================================
   TRAIL 07 — BLOCK 07 / FAQ + COMPARISON + FINAL CTA DENSITY
   LOOPS 1321–1340
   ========================================================================== */

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid{
  gap:10px!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid summary{
  min-height:52px!important;
  padding:14px 50px 14px 16px!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .faq-grid details>:not(summary){
  margin-inline:16px!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .comparison-row{
  min-height:52px!important;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta{
  padding:clamp(28px,4vw,48px)!important;
}

/* ==========================================================================
   TRAIL 07 — BLOCK 08 / MOBILE VIEWPORT HARDENING
   LOOPS 1341–1360
   ========================================================================== */

@media(max-width:700px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading{
    max-width:none!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-section-heading h2{
    text-wrap:pretty;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations-heading{
    max-width:none!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card .btn,
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .flow-cta .btn{
    min-height:46px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta{
    padding:26px 20px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-final-cta h2{
    font-size:clamp(28px,8vw,34px)!important;
  }
}

/* ==========================================================================
   TRAIL 07 — BLOCK 09 / VISUAL REGRESSION GUARDS
   LOOPS 1361–1380
   ========================================================================== */

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid,
  .public-v2-integration-grid,
  .public-plan-grid,
  .segment-grid-premium,
  .proof-grid,
  .public-steps
)>*{
  box-sizing:border-box;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*
){
  overflow:hidden;
}

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] img{
  max-width:100%;
}

/* ==========================================================================
   TRAIL 07 — BLOCK 10 / FINAL STABILIZATION OVERRIDES
   LOOPS 1381–1400
   ========================================================================== */

html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
  .public-product-section,
  .public-how,
  .public-v2-integrations,
  .public-pricing,
  .public-solutions,
  .public-flows,
  .human-ai-section,
  .public-proof-product,
  .public-comparison,
  .security-section,
  .public-faq
){
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
}

@media(max-width:700px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-product-section,
    .public-how,
    .public-v2-integrations,
    .public-pricing,
    .public-solutions,
    .public-flows,
    .human-ai-section,
    .public-proof-product,
    .public-comparison,
    .security-section,
    .public-faq
  ){
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
}


/* ==========================================================================
   TRAIL 07 — STABILIZATION 07B / FLEX RAIL REPAIR
   LOOPS 1401–1420
   ========================================================================== */

@media(max-width:700px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid,
    .public-steps,
    .public-v2-integration-grid,
    .public-plan-grid,
    .segment-grid-premium
  ){
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-inline:contain!important;
    padding:2px 4px 12px!important;
    margin-inline:-4px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-steps>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid-premium>article
  ){
    flex:0 0 calc(100vw - 58px)!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    align-self:stretch!important;
    scroll-snap-align:start!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integration-card{
    flex-basis:calc(100vw - 48px)!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-plan-card{
    flex-basis:calc(100vw - 52px)!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .segment-grid-premium>article{
    flex-basis:calc(100vw - 66px)!important;
  }
}

/* ==========================================================================
   TRAIL 07 — STABILIZATION 07C / DARK SELECTOR HARDENING
   LOOPS 1421–1440
   ========================================================================== */

html[data-theme="dark"] .public-landing[data-public-version="v1"]{
  --t7-dark-canvas:#06111f;
  --t7-dark-section:#081827;
  --t7-dark-section-alt:#0a1d2f;
  --t7-dark-card:#0f263d;
  --t7-dark-card-2:#102b45;
  --t7-dark-line:#294967;
  --t7-dark-text:#f3f8ff;
  --t7-dark-muted:#b7c8d9;
  background:var(--t7-dark-canvas)!important;
  color:var(--t7-dark-text)!important;
}

html[data-theme="dark"] .public-landing[data-public-version="v1"] :where(
  .connect-product-demo,
  .public-product-section,
  .public-pricing,
  .public-proof-product,
  .public-faq
){
  background:var(--t7-dark-section)!important;
}

html[data-theme="dark"] .public-landing[data-public-version="v1"] :where(
  .public-benefit-strip,
  .public-solutions,
  .public-flows,
  .human-ai-section,
  .public-comparison,
  .security-section
){
  background:var(--t7-dark-section-alt)!important;
}

html[data-theme="dark"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*,
  .faq-grid>details,
  .flow-panel,
  .comparison-table,
  .security-list
){
  background:linear-gradient(180deg,#102b45,#0f263d)!important;
  border-color:#294967!important;
  color:#f3f8ff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}

html[data-theme="dark"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*,
  .faq-grid>details,
  .flow-panel,
  .comparison-table,
  .security-list
) :where(h2,h3,h4,strong,b){
  color:#f3f8ff!important;
}

html[data-theme="dark"] .public-landing[data-public-version="v1"] :where(
  .public-feature-grid>article,
  .public-v2-integration-card,
  .public-plan-card,
  .segment-grid-premium>article,
  .human-ai-card,
  .public-proof-product .proof-grid>*,
  .faq-grid>details,
  .flow-panel,
  .comparison-table,
  .security-list
) :where(p,li,small){
  color:#b7c8d9!important;
}

html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-plan-card.featured{
  background:
    radial-gradient(circle at 100% 0,rgba(40,151,255,.18),transparent 34%),
    linear-gradient(180deg,#123451,#0d2339)!important;
  border-color:#2d8fe0!important;
}

html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-how{
  background:linear-gradient(145deg,#041426,#072443)!important;
}

html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-v2-integrations{
  background:linear-gradient(145deg,#04182b,#082b4e)!important;
}

html[data-theme="dark"] .public-landing[data-public-version="v1"] .public-final-cta{
  background:linear-gradient(135deg,#06162a,#0a3158)!important;
  border-color:#28587e!important;
}


/* ==========================================================================
   TRAIL 07 — STABILIZATION 07D / MOBILE TEXT + HEADER BOUNDS
   LOOPS 1441–1460
   ========================================================================== */

@media(max-width:700px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-header-inner{
    width:calc(100% - 20px)!important;
    max-width:100%!important;
    min-width:0!important;
    gap:8px!important;
    overflow:visible!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-brand-lockup{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:calc(100% - 52px)!important;
    padding:6px 8px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-brand-lockup img{
    display:block;
    width:min(185px,54vw)!important;
    max-width:100%!important;
    height:auto!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-mobile-nav{
    flex:0 0 44px!important;
    width:44px!important;
    max-width:44px!important;
    margin-left:auto!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-mobile-nav summary{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-section,
    .connect-product-demo
  ){
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin-inline:auto!important;
    box-sizing:border-box!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-how,
    .public-v2-integrations
  ){
    width:100%!important;
    max-width:none!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-section-heading,
    .public-product-demo-heading,
    .public-v2-integrations-heading
  ){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-section-heading h2,
    .public-product-demo-heading h2,
    .public-v2-integrations-heading h2,
    .public-final-cta h2
  ){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:clamp(27px,7.4vw,33px)!important;
    line-height:1.12!important;
    letter-spacing:-.028em!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto;
    text-wrap:pretty;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-section-heading>p:not(.public-kicker),
    .public-product-demo-heading>p:not(.public-kicker),
    .public-v2-integrations-heading>p,
    .public-final-cta p
  ){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    font-size:15px!important;
    line-height:1.56!important;
    overflow-wrap:anywhere!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-how{
    padding-inline:14px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-v2-integrations-inner{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    min-width:0!important;
  }
}

@media(max-width:390px){
  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] :where(
    .public-section-heading h2,
    .public-product-demo-heading h2,
    .public-v2-integrations-heading h2,
    .public-final-cta h2
  ){
    font-size:28px!important;
  }

  html[data-design-system="connect-ia-v2"] .public-landing[data-public-version="v1"] .public-brand-lockup img{
    width:min(172px,52vw)!important;
  }
}


/* ==========================================================================
   TRAIL 07 — STABILIZATION 07E / UNIVERSAL MOBILE BOUNDS
   LOOPS 1461–1480
   Last-resort public selectors to beat legacy mobile cascade safely.
   ========================================================================== */

@media(max-width:700px){
  .public-landing[data-public-version="v1"] .public-header-inner{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    min-width:0!important;
    margin-inline:auto!important;
  }

  .public-landing[data-public-version="v1"] :where(
    .public-section,
    .connect-product-demo
  ){
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    min-width:0!important;
    margin-inline:auto!important;
    box-sizing:border-box!important;
  }

  .public-landing[data-public-version="v1"] :where(
    .public-how,
    .public-v2-integrations
  ){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-inline:0!important;
  }

  .public-landing[data-public-version="v1"] .public-how{
    padding-inline:14px!important;
  }

  .public-landing[data-public-version="v1"] .public-v2-integrations-inner{
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    min-width:0!important;
    margin-inline:auto!important;
  }

  .public-landing[data-public-version="v1"] :where(
    .public-section-heading,
    .public-product-demo-heading,
    .public-v2-integrations-heading
  ){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  .public-landing[data-public-version="v1"] :where(
    .public-section-heading h2,
    .public-product-demo-heading h2,
    .public-v2-integrations-heading h2,
    .public-final-cta h2
  ){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    font-size:28px!important;
    line-height:1.12!important;
    letter-spacing:-.025em!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    text-wrap:pretty!important;
  }

  .public-landing[data-public-version="v1"] :where(
    .public-section-heading>p:not(.public-kicker),
    .public-product-demo-heading>p:not(.public-kicker),
    .public-v2-integrations-heading>p,
    .public-final-cta p
  ){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }

  .public-landing[data-public-version="v1"] :where(
    .public-feature-grid,
    .public-steps,
    .public-v2-integration-grid,
    .public-plan-grid,
    .segment-grid-premium
  ){
    display:flex!important;
    flex-flow:row nowrap!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-width:100%!important;
    scroll-snap-type:x mandatory!important;
  }

  .public-landing[data-public-version="v1"] :where(
    .public-feature-grid>article,
    .public-steps>article,
    .public-v2-integration-card,
    .public-plan-card,
    .segment-grid-premium>article
  ){
    flex:0 0 calc(100vw - 58px)!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    scroll-snap-align:start!important;
  }
}

@media(max-width:390px){
  .public-landing[data-public-version="v1"] :where(
    .public-section-heading h2,
    .public-product-demo-heading h2,
    .public-v2-integrations-heading h2,
    .public-final-cta h2
  ){
    font-size:27px!important;
  }
}