/* Connect uses the shared v3 design system. No root/shared files changed. */
    .footer-dark         { background: var(--blue-deep); color: var(--text-invert); padding-block: var(--space-5); }
    .footer-top          { display: grid; grid-template-columns: 1fr; gap: var(--space-4); margin-bottom: var(--space-4); }
    @media (min-width: 720px) { .footer-top { grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: var(--space-5); align-items: start; } }
    .footer-brand        { display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-2); text-align: left; margin: 0; }
    .footer-brand-link   { display: flex; align-items: center; gap: var(--space-2); color: var(--text-invert); font-size: var(--ds-body-lg-size); font-weight: 700; }
    .footer-brand-mark   { width: 28px; height: 28px; flex-shrink: 0; }
    .footer-tagline      { font-size: var(--ds-caption-size); color: rgba(244, 238, 234, .7); max-width: 36ch; margin: 0; line-height: var(--ds-caption-lh); }
    .footer-rule         { border: none; border-top: 1px solid rgba(244, 238, 234, .14); margin: var(--space-4) 0; }
    .footer-col          { display: flex; flex-direction: column; gap: var(--space-2); }
    .footer-col__eye     { font-size: var(--ds-eyebrow-size); font-weight: 700; letter-spacing: var(--ds-eyebrow-tracking); text-transform: uppercase; color: var(--blue-tint); margin-bottom: var(--space-1); }
    .footer-col a        { font-size: var(--ds-body-size); color: rgba(244, 238, 234, .85); line-height: 1.5; }
    .footer-bottom       { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--space-2); font-size: var(--ds-caption-size); }
    .footer-bottom a     { color: rgba(244, 238, 234, .8); }
    .footer-sep          { color: rgba(244, 238, 234, .35); }
    .footer-origin       { text-align: center; font-size: var(--ds-caption-size); color: rgba(244, 238, 234, .55); margin: var(--space-3) 0 0; }


body.connect-page{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--ds-body-size);line-height:var(--ds-body-lh)}
html{scroll-padding-top:125px}.wrap{width:100%;max-width:1140px;padding-inline:24px}.section{padding-block:80px}.hero{padding-block:64px 80px;gap:48px}.hero h1{font-size:clamp(40px,5.4vw,62px);font-weight:900;line-height:1.04;letter-spacing:-.035em}.hero .eyebrow{color:var(--blue)}
h2{font-weight:800;letter-spacing:-.02em;font-size:clamp(28px,3.6vw,42px)}h3{font-weight:800;letter-spacing:-.01em}.eyebrow{font-size:12px;letter-spacing:.1em}.intro,.steps p,.rule-list p,.case-panel>p:not(.case-kicker),.connect-package>div>p:not(.eyebrow){font-size:16px;line-height:1.6}.micro{font-size:14px}.lead{font-size:19px;line-height:1.55}
.button{justify-content:center;gap:10px;min-height:54px;padding:12px 26px;border-radius:var(--radius-pill);font-size:16px;font-weight:800;letter-spacing:0;box-shadow:var(--shadow-1)}.button:hover{box-shadow:var(--shadow-2)}.button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.text-link{font-size:14px;letter-spacing:0}.hero-art{border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}
.connect-subnav{border-bottom:1px solid var(--border-soft);background:var(--bg-surface)}.connect-subnav>.wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}.connect-wordmark{font-size:20px;line-height:1.3;font-weight:800;letter-spacing:-.02em;color:var(--blue)}.connect-subnav nav{display:flex;gap:24px;align-items:center}.connect-subnav nav>a:not(.btn){font-size:14px;font-weight:700;color:var(--text-secondary)}
/* Common navigation comes unchanged from style.css/nav.js. */
.nav__inner{font-family:var(--font-sans)}.nav a.btn{color:var(--text-invert)}.nav__drawer-links{font-size:var(--ds-body-size)}
.promise-strip{background:var(--bg-surface)}.promise-strip .wrap{padding:20px 24px;font-size:14px}.usecases{background:var(--bg-surface)}.case-panel{border-color:var(--border-soft);background:var(--bg-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.case-flow{background:var(--blue-tint);color:var(--blue-deep);border-radius:var(--radius-sm)}.case-kicker,.case-rule{font-size:12px!important}.tabs button{border-color:var(--border-soft);font-size:16px}
.journey-picker button{border-radius:var(--radius);background:var(--bg-surface);border-color:var(--border-soft)}.journey-picker button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);box-shadow:var(--shadow-1)}.journey-stage{border-radius:var(--radius-lg);border-color:var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-1)}.journey-surface{background:var(--bg-deep)}.journey-rule{border-color:var(--border-soft)}.journey-progress li:before{border-color:var(--border-strong)}.channel-options{background:var(--bg-deep);border-radius:var(--radius-sm)}.channel-options button{font-size:14px;border-radius:var(--radius-xs)}.channel-options button[aria-pressed=true]{background:var(--bg-surface)}
.entry-mail,.entry-portal,.entry-paper,.phone-demo{background:var(--bg-surface);border-color:var(--border-soft)}.entry-mail,.entry-portal{border-radius:var(--radius)}.mail-access,.portal-charge{background:var(--blue-tint);border-color:var(--border-soft);border-radius:var(--radius-sm)}.mail-toolbar,.portal-header,.portal-shortcuts,.paper-row,.phone-top,.phone-details{border-color:var(--border-soft)}.charge-symbol{background:var(--blue-tint)}.charge-pass{background:var(--blue-tint)}.phone-top strong{font-weight:700;letter-spacing:0}.phone-body .button,.mail-access .button,.portal-charge .button,.entry-paper .button{border-radius:var(--radius-sm);min-height:44px;box-shadow:none}.phone-body .button:disabled{background:var(--bg-deep)}
.form-card,.package-card,.wl-manage{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--bg-surface);box-shadow:var(--shadow-1)}.package-part,.package-title{border-color:var(--border-soft)}.package-title strong{font-size:36px}.package-card .button{font-size:15px}.check-section{background:var(--blue-deep)}.form-top{font-size:13px}label{font-size:14px;font-weight:700}input,select,textarea{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);min-height:44px;padding:12px 16px;font-size:16px;line-height:1.5;color:var(--text-primary)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}#waitlist-form .demo-consent{font-size:14px;line-height:1.5}.demo-consent input{padding:0;min-height:0;width:18px;height:18px;border-radius:4px}.prototype-note,.wl-privacy{font-size:12px;line-height:1.6}.check-layout>div>p.check-note{font-size:13px}.check-layout>div>p:not(.eyebrow){font-size:17px}.booking-steps p{font-size:15px}
.faq summary{font-size:16px}.faq details p{font-size:16px}.footer-dark{margin-top:0}.footer-dark a{letter-spacing:0}.footer-brand-link{font-weight:700}.footer-col a{font-size:var(--ds-body-size)}.privacy-copy{max-width:760px}.wl-manage{max-width:570px}.connect-page>.nav{position:sticky;top:0;z-index:100}.check-section .wrap{padding-inline:24px}
@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:clamp(40px,5.4vw,56px)}.hero-art{padding-inline:25px}}
@media(max-width:760px){.wrap{width:100%;padding-inline:20px}.section{padding-block:56px}.hero{padding-block:40px 48px;gap:30px}.hero h1{font-size:40px;line-height:1.08;letter-spacing:-.03em}.hero .intro{font-size:16px}.hero .eyebrow{font-size:11px}.eyebrow{font-size:11px}.connect-subnav>.wrap{padding-inline:20px;gap:10px}.connect-subnav nav{gap:14px}.connect-subnav nav>a:not(.btn){font-size:13px}.connect-subnav .btn{font-size:13px;padding-inline:14px;min-height:40px}.promise-strip .wrap{padding:18px 20px;font-size:12px}.check-section .wrap{padding-inline:20px}.form-card{padding:25px 22px}.journey-context{padding:26px 22px}.journey-picker button{border-radius:var(--radius)}.journey-picker small{font-size:12px}.case-panel{padding:26px}.package-card{padding:26px}.button{font-size:15px;padding-inline:22px}.wl-manage{margin:32px 20px}.footer-dark{padding-block:40px}}
@media(max-width:380px){.connect-subnav nav{gap:10px}.connect-subnav .btn{font-size:12px;padding-inline:12px}.connect-wordmark{font-size:18px}.connect-subnav nav>a:not(.btn){font-size:12px}.journey-picker strong{font-size:18px}.hero h1{font-size:36px}}