/* ═══════════════════════════════════════════════════════════
   CITY STRATEGIC PAGE — UNIFIED Design System
   Architecture: Authority → Context → Method → Evidence → Conversion
   ═══════════════════════════════════════════════════════════ */

/* ── VARIABLES UNIFICADAS ── */
:root {
    --cy-primary: var(--mx-green);
    --cy-primary-light: var(--mx-green-light);
    --cy-primary-subtle: rgba(var(--country-primary-rgb, 0,104,71),0.08);
    --cy-container: var(--shell-content-rail);
}

/* ── S1: Hero Estratégico ── */
.cy-hero { background: linear-gradient(180deg, rgba(6,10,16,0.18) 0%, rgba(6,10,16,0.48) 30%, rgba(6,10,16,0.82) 68%, rgba(6,10,16,0.98) 100%), linear-gradient(170deg, #0f1117 0%, #111c27 42%, #0f1117 100%); padding: 7.4rem 0 2rem; min-height: 600px; display: flex; align-items: center; position: relative; overflow: hidden; text-align: center; }
.cy-hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at 24% 78%, rgba(var(--country-primary-rgb, 0,104,71),0.16) 0%, transparent 58%), radial-gradient(ellipse at 76% 16%, rgba(var(--country-primary-rgb, 0,104,71),0.1) 0%, transparent 48%); pointer-events: none; }
.cy-hero::after { content: ''; position: absolute; inset: auto 0 -2px; height: 260px; background: linear-gradient(180deg, rgba(6,10,16,0) 0%, rgba(6,10,16,0.24) 20%, rgba(6,10,16,0.74) 54%, rgba(6,10,16,0.98) 82%, #0f1117 100%), radial-gradient(circle at 38% 6%, rgba(var(--country-primary-rgb, 0,104,71),0.14) 0%, rgba(var(--country-primary-rgb, 0,104,71),0.04) 32%, rgba(var(--country-primary-rgb, 0,104,71),0) 72%); filter: blur(6px); pointer-events: none; }
.cy-hero .container { position: relative; z-index: 1; }
.cy-hero-inner { max-width: min(1320px, var(--shell-max)); margin: 0 auto; display: block; text-align: center; }
.cy-hero-copy { width: 100%; max-width: 1180px; margin: 0 auto; }
.cy-breadcrumbs { color: rgba(255,255,255,0.72); margin: 0 0 0.95rem; font-size: 0.78rem; text-align: left; max-width: min(1320px, var(--shell-max)); }
.cy-breadcrumbs a { color: rgba(255,255,255,0.72); text-decoration: none; transition: color 0.2s ease; }
.cy-breadcrumbs a:hover { color: var(--cy-primary-light); }
.cy-breadcrumbs .sep { margin: 0 0.45rem; opacity: 0.38; }
.cy-hero-meta { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-bottom: 1rem; justify-content: center; }
.cy-hero-pill { display: inline-flex; align-items: center; min-height: 34px; padding: 0.34rem 0.9rem; border-radius: 999px; background: rgba(11,18,25,0.68); border: 1px solid rgba(255,255,255,0.10); color: var(--soft-white); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.cy-hero-pill.cy-hero-pill-soft { color: var(--mx-green-light); }
.cy-hero h1 { font-size: clamp(3.1rem, 6vw, 5.8rem); font-weight: 800; color: var(--soft-white); line-height: .93; margin: 0 auto 1rem; letter-spacing: -0.055em; max-width: 10.8ch; text-wrap: balance; }
.cy-hero h1 span { color: var(--cy-primary-light); }
.cy-hero-sub { font-size: 1.06rem; color: rgba(255,255,255,0.82); line-height: 1.72; margin: 0 auto 1.2rem; max-width: 52ch; }
.cy-hero-trust { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.75rem; }
.cy-hero-trust-item { display: inline-flex; align-items: center; min-height: 30px; padding: 0.3rem 0.72rem; border-radius: 999px; background: rgba(11,18,25,0.56); border: 1px solid rgba(255,255,255,0.08); color: rgba(255,255,255,0.84); font-size: 0.78rem; font-weight: 600; }
.cy-hero-zones { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.95rem; }
.cy-hero-zone { display: inline-flex; align-items: center; min-height: 28px; padding: 0.24rem 0.62rem; border-radius: 999px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.06); color: rgba(255,255,255,0.78); font-size: 0.74rem; line-height: 1.2; }
.cy-hero-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 0; }
.cy-hero-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0.92rem 1.4rem; background: linear-gradient(135deg, var(--cy-primary), var(--cy-primary-light)); color: white; border-radius: 12px; font-weight: 700; font-size: 0.95rem; text-decoration: none; transition: var(--transition); box-shadow: 0 10px 26px rgba(var(--country-primary-rgb, 0,104,71),0.22); }
.cy-hero-cta:hover { filter: brightness(1.06); transform: translateY(-2px); box-shadow: 0 12px 30px rgba(var(--country-primary-rgb, 0,104,71),0.28); }
.cy-hero-cta.cy-hero-cta-secondary { background: rgba(11,18,25,0.62); border: 1px solid rgba(255,255,255,0.12); color: var(--soft-white); box-shadow: none; }
.cy-hero-cta.cy-hero-cta-secondary:hover { background: rgba(11,18,25,0.78); border-color: rgba(255,255,255,0.18); filter: none; box-shadow: none; }
.cy-hero-meta, .cy-hero-trust, .cy-hero-zones, .cy-hero-actions, .cy-hero-micro { justify-content: center; }
.cy-hero-micro { margin-top: 0.95rem; font-size: 0.83rem; color: rgba(255,255,255,0.66); opacity: 1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; }
.cy-hero-micro span { margin: 0 0.5rem; opacity: 0.38; }
.cy-guide { padding: 1.15rem 0 0; }
.cy-guide .container { max-width: var(--cy-container); }
.cy-guide-head { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(280px,.95fr); gap: 1.4rem; align-items: end; margin-bottom: 1.25rem; }
.cy-guide-note { margin: 0; color: var(--gray-tech); font-size: 0.92rem; line-height: 1.74; max-width: 42ch; }
.cy-guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.cy-guide-card { padding: 1.12rem 1.1rem; border-radius: 18px; background: linear-gradient(180deg, rgba(24,28,36,.94) 0%, rgba(18,23,31,.98) 100%); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 16px 34px rgba(0,0,0,.18); position: relative; overflow: hidden; }
.cy-guide-card::before { content:''; position:absolute; top:18px; left:18px; width:58px; height:1px; background:linear-gradient(90deg, rgba(255,255,255,.08) 0%, rgba(var(--country-primary-light-rgb, 0,168,107),.55) 100%); pointer-events:none; z-index:1; }
.cy-guide-card::after { content:''; position:absolute; inset:0; background:radial-gradient(circle at 86% 14%, rgba(var(--country-primary-light-rgb, 0,168,107),.08) 0%, rgba(var(--country-primary-light-rgb, 0,168,107),0) 24%); pointer-events:none; opacity:.9; }
.cy-guide-card strong,.cy-guide-card p { position:relative; z-index:1; }
.cy-guide-card strong { display:block; color:var(--soft-white); font-size:.98rem; font-weight:800; line-height:1.28; margin-bottom:.38rem; }
.cy-guide-card p { margin:0; color:rgba(255,255,255,.68); font-size:.88rem; line-height:1.68; }

/* ── S2: Contexto Empresarial ── */
.cy-context { padding: calc(var(--shell-section-y) * 0.9) 0 var(--shell-section-y); border-bottom: 1px solid rgba(255,255,255,0.04); }
.cy-context .container { max-width: var(--cy-container); }
.cy-section-label { display: inline-block; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--cy-primary-light); font-weight: 700; margin-bottom: 0.75rem; }
.cy-section-title { font-size: 1.75rem; font-weight: 800; color: var(--soft-white); margin-bottom: 1.25rem; letter-spacing: -0.01em; line-height: 1.25; }
.cy-context-intro { font-size: 1.05rem; color: var(--gray-tech); line-height: 1.8; margin-bottom: 2rem; }
.cy-context-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
.cy-context-card { background: var(--dark-card); border: 1px solid rgba(255,255,255,0.04); border-radius: var(--radius); padding: 1.5rem; transition: var(--transition); }
.cy-context-card:hover { border-color: rgba(var(--country-primary-rgb, 0,104,71),0.15); }
.cy-context-card h3 { font-size: 0.95rem; font-weight: 700; color: var(--soft-white); margin-bottom: 0.5rem; display: flex; align-items: center; gap: 0.5rem; }
.cy-context-card h3 .cy-icon { color: var(--cy-primary-light); flex-shrink: 0; }
.cy-context-card p { font-size: 0.88rem; color: var(--gray-tech); line-height: 1.65; }

/* ── S3: Enfoque Consultivo ── */
.cy-method { padding: var(--shell-section-y) 0; background: linear-gradient(180deg, rgba(13,18,24,0.92) 0%, rgba(10,15,21,0.98) 100%); border-bottom: 1px solid rgba(255,255,255,0.04); }
.cy-method .container { max-width: var(--cy-container); }
.cy-method-intro { font-size: 1.05rem; color: var(--gray-tech); line-height: 1.8; margin-bottom: 2rem; max-width: 700px; }
.cy-steps { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; position: relative; }
.cy-steps::before { display:none; }
.cy-step { text-align: left; position: relative; z-index: 1; padding: 1.2rem 1.1rem 1.1rem; border-radius: 18px; background: linear-gradient(180deg, rgba(24,28,36,.94) 0%, rgba(18,23,31,.98) 100%); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 16px 34px rgba(0,0,0,.16); }
.cy-step-num { width: 56px; height: 56px; border-radius: 50%; background: var(--dark-card); border: 2px solid rgba(var(--country-primary-rgb, 0,104,71),0.3); color: var(--cy-primary-light); font-weight: 800; font-size: 1.1rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; transition: var(--transition); }
.cy-step:hover .cy-step-num { background: var(--cy-primary-subtle); border-color: var(--cy-primary-light); }
.cy-step h4 { font-size: 0.92rem; font-weight: 700; color: var(--soft-white); margin-bottom: 0.35rem; }
.cy-step p { font-size: 0.84rem; color: var(--gray-tech); line-height: 1.58; padding: 0; }

/* ── S4: Grilla Estratégica de Conferencistas ── */
.cy-speakers { padding: var(--shell-section-y) 0; border-bottom: 1px solid rgba(255,255,255,0.04); }
.cy-speakers .container { max-width: 1360px; }
.cy-speakers-header { text-align: center; margin: 0 auto 2.35rem; max-width: var(--shell-narrow-rail); }
.cy-speakers-header .cy-section-title { margin-bottom: 0.5rem; }
.cy-speakers-sub { font-size: 1rem; color: var(--gray-tech); line-height: 1.72; margin: 0 auto; max-width: var(--shell-narrow-rail); }
.cy-featured-block { margin-bottom: 2.5rem; padding: 2rem; border-radius: 24px; border: 1px solid rgba(255,255,255,0.06); background: linear-gradient(180deg, rgba(18,24,32,0.96) 0%, rgba(13,19,27,0.99) 100%); box-shadow: 0 18px 40px rgba(0,0,0,0.18); }
.cy-catalog-block { padding-top: 0.25rem; }
.cy-block-head { margin-bottom: 1.5rem; }
.cy-block-label { display: inline-flex; align-items: center; min-height: 30px; padding: 0.28rem 0.78rem; border-radius: 999px; background: rgba(var(--country-primary-light-rgb, 0,168,107),0.1); border: 1px solid rgba(var(--country-primary-light-rgb, 0,168,107),0.16); color: var(--mx-green-light); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 0.72rem; }
.cy-block-head h3 { font-size: clamp(1.35rem, 2.8vw, 2rem); font-weight: 800; color: var(--soft-white); line-height: 1.18; letter-spacing: -0.02em; margin: 0 0 0.55rem; }
.cy-block-head p { margin: 0; max-width: 760px; color: rgba(255,255,255,0.68); font-size: 0.95rem; line-height: 1.72; }
.cy-filters { display: flex; justify-content: center; gap: 0.5rem; margin-bottom: 2rem; flex-wrap: wrap; }
.cy-filter-btn { padding: 0.45rem 1.1rem; border-radius: 20px; border: 1px solid rgba(255,255,255,0.08); background: transparent; color: var(--gray-tech); font-size: 0.82rem; font-weight: 600; cursor: pointer; transition: var(--transition); font-family: inherit; }
.cy-filter-btn:hover, .cy-filter-btn.active { background: var(--cy-primary-subtle); border-color: rgba(var(--country-primary-rgb, 0,104,71),0.3); color: var(--cy-primary-light); }
.cy-speakers-grid { max-width: 1360px; margin: 0 auto; }
.cy-speakers-grid.sc-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem; }
.cy-speakers-grid .sc { background: linear-gradient(180deg, rgba(24,28,36,0.96) 0%, rgba(18,21,28,0.98) 100%); border-color: rgba(255,255,255,0.05); }
.cy-speakers-grid .sc:hover { transform: translateY(-4px); border-color: rgba(var(--country-primary-light-rgb, 0,168,107),0.22); box-shadow: 0 18px 36px rgba(0,0,0,0.24); }
.cy-speakers-grid .sc-top-bar { top: 10px; left: 10px; right: 10px; }
.cy-speakers-grid .sc-badge { padding: 0.26rem 0.56rem; font-size: 0.61rem; }
.cy-speakers-grid .sc-bottom-bar { left: 12px; right: 12px; bottom: 12px; }
.cy-speakers-grid .sc-avail { font-size: 0.66rem; }
.cy-speakers-grid .sc-play { padding: 0.3rem 0.58rem; font-size: 0.63rem; }
.cy-speakers-grid .sc-img { height: 272px; }
.cy-speakers-grid .sc-body { padding: 0.95rem 0.95rem 0; }
.cy-speakers-grid .sc-name { font-size: 1.04rem; line-height: 1.16; margin-bottom: 0.2rem; }
.cy-speakers-grid .sc-country { margin-bottom: 0.35rem; }
.cy-speakers-grid .sc-headline { font-size: 0.76rem; line-height: 1.4; color: rgba(255,255,255,0.78); font-weight: 500; margin-bottom: 0.26rem; }
.cy-speakers-grid .sc-desc { font-size: 0.74rem; line-height: 1.45; color: rgba(255,255,255,0.6); margin-bottom: 0.58rem; }
.cy-speakers-grid .sc-tags { gap: 0.3rem; margin-bottom: 0.58rem; }
.cy-speakers-grid .sc-tag { font-size: 0.61rem; padding: 0.18rem 0.5rem; }
.cy-speakers-grid .sc-stats { gap: 0.4rem; margin-bottom: 0.58rem; }
.cy-speakers-grid .sc-stat { font-size: 0.66rem; }
.cy-speakers-grid .sc-score-bar { margin-bottom: 0.8rem; }
.cy-speakers-grid .sc-ctas { padding: 0 0.95rem 0.95rem; gap: 0.42rem; }
.cy-speakers-grid .sc-cta { min-height: 40px; border-radius: 10px; font-size: 0.74rem; }
.cy-speakers-grid .sc-cta--primary { box-shadow: none; }
.cy-speakers-grid .sc-cta--secondary { flex: 0 0 35%; background: rgba(255,255,255,0.02); }
.cy-speakers-grid .sc-hover-overlay { display: none; }
.cy-empty-state { text-align: center; padding: 2.8rem 1.5rem; border: 1px dashed rgba(255,255,255,0.1); border-radius: 22px; background: rgba(255,255,255,0.02); color: rgba(255,255,255,0.72); }
.cy-empty-state p { font-size: 0.98rem; line-height: 1.72; max-width: 780px; margin: 0 auto; }
.cy-empty-actions { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; margin-top: 1.35rem; }
.cy-empty-primary, .cy-empty-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0.82rem 1.4rem; border-radius: 12px; font-size: 0.88rem; font-weight: 700; text-decoration: none; transition: var(--transition); }
.cy-empty-primary { background: linear-gradient(135deg, var(--cy-primary), var(--cy-primary-light)); color: white; }
.cy-empty-secondary { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.1); color: var(--soft-white); }
.cy-spk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.cy-spk-card { background: var(--dark-card); border: 1px solid rgba(255,255,255,0.04); border-radius: var(--radius); overflow: hidden; transition: var(--transition); text-decoration: none; display: block; }
.cy-spk-card:hover { border-color: rgba(var(--country-primary-rgb, 0,104,71),0.3); transform: translateY(-4px); box-shadow: 0 12px 40px rgba(var(--country-primary-rgb, 0,104,71),0.1); }
.cy-spk-img { width: 100%; height: 260px; object-fit: cover; background: var(--dark-alt); }
.cy-spk-body { padding: 1.25rem; }
.cy-spk-name { font-size: 1.05rem; font-weight: 700; color: var(--soft-white); margin-bottom: 0.3rem; }
.cy-spk-spec { font-size: 0.82rem; color: var(--cy-primary-light); font-weight: 600; margin-bottom: 0.4rem; }
.cy-spk-tag { font-size: 0.8rem; color: var(--gray-tech); display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; margin-bottom: 0.75rem; }
.cy-spk-meta { display: flex; align-items: center; justify-content: space-between; }
.cy-spk-avail { font-size: 0.72rem; background: rgba(16,185,129,0.1); color: #34d399; padding: 0.2rem 0.6rem; border-radius: 10px; font-weight: 600; }
.cy-spk-link { font-size: 0.82rem; color: var(--cy-primary-light); font-weight: 600; }

/* ── S5: Transición Inteligente ── */
.cy-bridge { padding: calc(var(--shell-section-y) * 0.75) 0; text-align: center; }
.cy-bridge .container { max-width: var(--shell-narrow-rail); padding: 1.65rem 1.5rem; background: linear-gradient(135deg, rgba(var(--country-primary-rgb, 0,104,71),0.16) 0%, rgba(16,24,34,0.96) 54%, rgba(17,22,31,0.98) 100%); border: 1px solid rgba(var(--country-primary-light-rgb, 0,168,107),0.14); border-radius: 20px; box-shadow: 0 18px 36px rgba(0,0,0,0.14); }
.cy-bridge-text { font-size: 1.1rem; color: var(--gray-tech); line-height: 1.7; margin-bottom: 1.5rem; }
.cy-bridge-cta { display: inline-block; padding: 0.75rem 2rem; border: 1px solid rgba(var(--country-primary-rgb, 0,104,71),0.3); color: var(--cy-primary-light); border-radius: 8px; font-weight: 700; font-size: 0.9rem; text-decoration: none; transition: var(--transition); }
.cy-bridge-cta:hover { background: var(--cy-primary-subtle); border-color: var(--cy-primary-light); transform: translateY(-2px); }

/* ── S6: Diferenciación ── */
.cy-diff { padding: var(--shell-section-y) 0; background: var(--dark-alt); border-bottom: 1px solid rgba(255,255,255,0.04); }
.cy-diff .container { max-width: var(--cy-container); }
.cy-diff-intro { font-size: 1.05rem; color: var(--gray-tech); line-height: 1.8; margin-bottom: 2.5rem; max-width: 700px; }
.cy-diff-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
.cy-diff-item { background: var(--dark-card); border: 1px solid rgba(255,255,255,0.04); border-radius: var(--radius); padding: 1.5rem; }
.cy-diff-item h3 { font-size: 0.95rem; font-weight: 700; color: var(--soft-white); margin-bottom: 0.5rem; }
.cy-diff-item p { font-size: 0.88rem; color: var(--gray-tech); line-height: 1.65; }

/* ── S7: FAQ Local ── */
.cy-faq { padding: var(--shell-section-y) 0; border-bottom: 1px solid rgba(255,255,255,0.04); }
.cy-faq .container { max-width: 980px; }
.cy-faq-list { display: flex; flex-direction: column; gap: 0.85rem; }
.cy-faq-item { background: linear-gradient(180deg, rgba(24,28,36,0.92) 0%, rgba(18,21,28,0.96) 100%); border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; overflow: hidden; transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease; }
.cy-faq-item:hover { border-color: rgba(var(--country-primary-light-rgb, 0,168,107),0.16); transform: translateY(-1px); box-shadow: 0 16px 34px rgba(0,0,0,0.16); }
.cy-faq-q { padding: 1.1rem 1.2rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 0.95rem; color: var(--soft-white); transition: var(--transition); }
.cy-faq-q:hover { color: var(--cy-primary-light); }
.cy-faq-q .cy-faq-icon { font-size: 1.25rem; color: var(--cy-primary-light); transition: transform 0.3s ease; flex-shrink: 0; margin-left: 1rem; }
.cy-faq-item.open .cy-faq-icon { transform: rotate(45deg); }
.cy-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; }
.cy-faq-a-inner { padding: 0 1.2rem 1.2rem; font-size: 0.9rem; color: rgba(255,255,255,0.7); line-height: 1.7; }

/* ── S8: CTA Final ── */
.cy-cta-final { padding: var(--shell-section-y) 0; text-align: center; background: linear-gradient(170deg, #0f1117 0%, #1a1025 100%); position: relative; }
.cy-cta-final::before { content: ''; position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(var(--country-primary-rgb, 0,104,71),0.08), transparent 70%); transform: translate(-50%, -50%); pointer-events: none; }
.cy-cta-final .container { position: relative; z-index: 1; max-width: var(--cy-container); }
.cy-cta-final h2 { font-size: 2rem; font-weight: 800; color: var(--soft-white); margin: 0 auto 1.25rem; line-height: 1.2; max-width: var(--shell-narrow-rail); }
.cy-cta-final-btn { display: inline-block; padding: 1rem 2.5rem; background: linear-gradient(135deg, var(--cy-primary), var(--cy-primary-light)); color: white; border-radius: 10px; font-weight: 700; font-size: 1.05rem; text-decoration: none; transition: var(--transition); box-shadow: 0 4px 20px rgba(var(--country-primary-rgb, 0,104,71),0.3); }
.cy-cta-final-btn:hover { filter: brightness(1.1); transform: translateY(-3px); box-shadow: 0 8px 30px rgba(var(--country-primary-rgb, 0,104,71),0.4); }
.cy-cta-final .cy-hero-micro { margin-top: 1.25rem; }

/* ── Responsive ── */
@media (max-width: 1024px) {
    .cy-hero-inner { max-width: 100%; }
    .cy-hero-copy { max-width: none; }
    .cy-guide-head { grid-template-columns: 1fr; }
    .cy-guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .cy-speakers-grid.sc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cy-spk-grid { grid-template-columns: repeat(2, 1fr); }
    .cy-steps { grid-template-columns: repeat(3, 1fr); gap: 1rem; }
}
@media (max-width: 768px) {
    .cy-hero { padding: 5.9rem 0 1.5rem; min-height: 0; text-align: left; }
    .cy-hero-inner { max-width: 100%; }
    .cy-hero-meta { gap: 0.5rem; }
    .cy-breadcrumbs { text-align: left; }
    .cy-hero h1 { font-size: 2.2rem; max-width: none; margin-left: 0; margin-right: 0; text-wrap: pretty; }
    .cy-hero-sub { max-width: none; font-size: 0.95rem; }
    .cy-hero-trust { gap: 0.45rem; margin-bottom: 0.65rem; }
    .cy-hero-trust-item, .cy-hero-zone { font-size: 0.74rem; padding: 0.26rem 0.6rem; }
    .cy-hero-zones { margin-top: 0.85rem; }
    .cy-hero-meta, .cy-hero-trust, .cy-hero-zones, .cy-hero-actions, .cy-hero-micro { justify-content: flex-start; }
    .cy-hero-actions { flex-direction: column; align-items: stretch; }
    .cy-hero-cta { width: 100%; }
    .cy-section-title { font-size: 1.4rem; }
    .cy-guide-grid,
    .cy-context-grid, .cy-diff-grid { grid-template-columns: 1fr; }
    .cy-steps { grid-template-columns: 1fr; gap: 1rem; }
    .cy-featured-block { padding: 1.2rem; }
    .cy-empty-actions { flex-direction: column; }
    .cy-empty-primary, .cy-empty-secondary { width: 100%; }
    .cy-speakers-grid.sc-grid { grid-template-columns: 1fr; max-width: 460px; }
    .cy-speakers-grid .sc-img { height: 300px; }
    .cy-spk-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
    .cy-bridge .container { padding: 1.35rem 1.1rem; }
}
@media (max-width: 480px) {
    .cy-hero h1 { font-size: 1.65rem; }
    .cy-steps { grid-template-columns: 1fr; }
}