.connection-cards-page{--cc-cream: #fdfaf4;--cc-sand: #f1ece2;--cc-rule: #e3dcc9;--cc-ink: #17160f;--cc-body: #514c42;--cc-muted: #8a8373;--cc-terra: #ba4d26;--cc-olive: #6e7833;--cc-blush: #e3b8a9;--cc-gutter: max(clamp(20px, 6vw, 120px), calc((100% - var(--content-w)) / 2));background:var(--cc-cream);color:var(--cc-body);font-family:var(--font-body);overflow-x:hidden}.connection-cards-page h1,.connection-cards-page h2,.connection-cards-page h3,.connection-cards-page p{margin:0}.connection-cards-page h2{font-size:clamp(26px,2vw + 16px,34px);line-height:1.2;font-weight:700;letter-spacing:-.01em;color:var(--cc-ink)}.connection-cards-page strong{color:var(--cc-ink)}.cc-band{padding:clamp(56px,8vw,96px) var(--cc-gutter)}.cc-band--sand{background:var(--cc-sand)}.cc-eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.cc-eyebrow--light{color:#a5d6d3}.cc-eyebrow--terra{color:var(--terra-dark)}.cc-head{display:flex;flex-direction:column;gap:10px;max-width:640px}.cc-head p{font-size:16px;line-height:1.65}.cc-head--center{align-items:center;text-align:center;max-width:none;margin-bottom:clamp(28px,4vw,48px)}.cc-head--center p{max-width:620px}.cc-c-terra{background:var(--cc-terra)}.cc-c-olive{background:var(--cc-olive)}.cc-c-amber{background:var(--amber-dark)}.cc-c-teal{background:var(--teal)}.cc-actions{display:flex;flex-wrap:wrap;gap:12px}.cc-btn{flex:1 1 auto;max-width:240px;display:inline-flex;justify-content:center;align-items:center;height:48px;padding:0 26px;border-radius:var(--r-full);font:600 15px var(--font-body);text-decoration:none;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.cc-btn:hover{text-decoration:none}.cc-btn--solid{background:var(--cc-cream);color:var(--teal-dark);border:0}.cc-btn--solid:hover{background:#fff;color:var(--teal-dark)}.cc-btn--ghost{background:transparent;color:var(--cc-cream);border:1.5px solid var(--teal-pale)}.cc-btn--ghost:hover{background:#fdfaf41a;color:var(--cc-cream)}.cc-btn:focus-visible{outline:2px solid var(--cc-cream);outline-offset:3px}.cc-hero{background:var(--teal);padding-block:clamp(48px,8vw,96px);display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,64px);align-items:center}.cc-hero-copy{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:20px}.cc-hero h1{font-size:clamp(36px,4vw + 16px,54px);line-height:1.08;font-weight:700;letter-spacing:-.02em;color:var(--cc-cream);text-wrap:balance}.cc-hero p{font-size:clamp(15px,1vw + 10px,17px);line-height:1.65;color:#e0f1f0;text-wrap:pretty}.cc-hero strong{color:var(--cc-cream)}.cc-hero .cc-actions{margin-top:4px}.cc-minimum{font-size:14px;font-weight:500;color:#e0f1f0}.cc-hero-figure{flex:1.1 1 400px;min-width:0;aspect-ratio:5 / 4;border-radius:var(--r-2xl);overflow:hidden;box-shadow:0 30px 60px #10282759}.cc-hero-figure img{width:100%;height:100%;object-fit:cover;object-position:60% 60%;display:block}.cc-benefits{padding-block:clamp(32px,5vw,48px)}.cc-benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px clamp(24px,4vw,48px)}.cc-benefit{padding-top:18px;border-top:1px solid var(--cc-rule);display:flex;flex-direction:column;gap:8px}.cc-benefit h3{font-size:18px;font-weight:700;color:var(--cc-ink)}.cc-benefit p,.cc-game-list p,.cc-use-body p{font-size:14px;line-height:1.6}.cc-swatch{display:block;flex:none}.cc-swatch--bar{width:28px;height:4px;border-radius:2px}.cc-swatch--card{width:36px;height:48px;border-radius:6px}.cc-video{background:var(--cc-blush);padding-block:clamp(56px,8vw,88px);display:flex;flex-wrap:wrap;gap:clamp(32px,6vw,72px);align-items:center;justify-content:center;scroll-margin-top:80px}.cc-video-copy{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:16px}.cc-video-copy p{font-size:16px;line-height:1.65;color:#3a362e}.cc-lang-toggle{display:inline-flex;align-self:flex-start;padding:4px;margin-top:4px;border-radius:var(--r-full);background:var(--cc-sand);border:1px solid var(--cc-rule)}.cc-lang-toggle button{border:0;cursor:pointer;font:600 14px var(--font-body);min-height:44px;padding:0 22px;border-radius:var(--r-full);background:transparent;color:var(--cc-body);transition:background-color .18s ease,color .18s ease}.cc-lang-toggle button[aria-pressed=true]{background:var(--teal);color:var(--cc-cream)}.cc-lang-toggle button:focus-visible{outline:2px solid var(--teal-dark);outline-offset:2px}.cc-video-stage{flex:0 1 340px;width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px}.cc-video-frame{aspect-ratio:9 / 16;border-radius:var(--r-2xl);overflow:hidden;background:#102827;box-shadow:0 16px 32px #2b2a2624}.cc-video-frame iframe{width:100%;height:100%;border:0;display:block}.cc-video-caption{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--cc-ink)}.cc-pill,.cc-tag{font-size:11px;padding:3px 10px;border-radius:var(--r-full);border:1px solid}.cc-pill{font-weight:600}.cc-tag{font-weight:500}.cc-pill--en,.cc-tag--teal{background:#e0f1f0;color:var(--teal);border-color:var(--teal-pale)}.cc-pill--es{background:var(--cc-cream);color:var(--terra-dark);border-color:var(--cc-blush)}.cc-tag--olive{background:#e2e4d6;color:#59622a;border-color:#c5c9ad}.cc-tag--amber{background:#f2e5d5;color:#7f5322;border-color:var(--fk-amber-pale)}.cc-tag--sage{background:var(--sage-pale);color:#3b5b3f;border-color:#c2d3c2}.cc-games{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,56px);align-items:center}.cc-games-figure{flex:1.55 1 420px;min-width:0;width:100%;height:auto;display:block}.cc-games-copy{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:24px}.cc-game-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--cc-rule)}.cc-game-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;margin:0;padding:16px 0;border-top:1px solid var(--cc-rule)}.cc-game-list h3{font-size:16px;font-weight:700;color:var(--cc-ink)}.cc-game-list h3 span{font-weight:500;color:var(--cc-muted)}.cc-use-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}.cc-use-card{background:#fff;border:1px solid var(--cc-rule);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.cc-use-figure{padding:clamp(14px,2vw,20px);aspect-ratio:16 / 9}.cc-use-figure img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.cc-use-body{padding:24px clamp(20px,2.5vw,26px) 26px;display:flex;flex-direction:column;gap:12px;flex:1}.cc-use-body h3{font-size:18px;font-weight:700;color:var(--cc-ink)}.cc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}.cc-deck-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin-bottom:36px}.cc-deck-grid figure{margin:0;display:flex;flex-direction:column;gap:12px}.cc-deck-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:62% 58%;border-radius:var(--r-xl);display:block}.cc-deck-grid figcaption{font-size:13px;font-weight:600;color:var(--cc-ink)}.cc-cta{background:var(--teal-dark);padding-block:clamp(56px,7vw,80px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px 40px}.cc-cta-copy{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:10px}.cc-cta h2{font-size:clamp(26px,2vw + 16px,36px);color:var(--cc-cream)}.cc-cta p{font-size:16px;line-height:1.65;color:var(--teal-pale)}.cc-cta .cc-actions{flex:0 1 auto}.cc-cta .cc-btn{height:52px;padding:0 28px;max-width:none}.cc-cta .cc-btn--ghost{border-color:#85cac6}@media (prefers-reduced-motion: reduce){.cc-btn,.cc-lang-toggle button{transition:none}}