/* VerbaPulse — EU AI Act microsite shared styles */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --blue:#1c2bff; --navy:#111827; --black:#0a0a0a; --white:#ffffff;
  --muted:#6b6b6b; --border:#e8e8e8; --green:#059669;
  --lime:#e1ff7c; --teal:#4ad1b0; --blue-dim:#eef0ff; --surface:#f7f7f5;
  --accent:#4ad1b0; --accent-ink:#0a1f1a; --accent-strong:#0e9d80;
  --eu-live:#0e9d80; --eu-live-bg:#e4f7f1;
  --eu-soon:#b45309; --eu-soon-bg:#fdf1e3;
  --eu-defer:#5b21b6; --eu-defer-bg:#f1ebfb;
}
body { font-family:'Manrope',system-ui,sans-serif; color:var(--black); background:var(--white); -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4 { font-family:'Instrument Sans',system-ui,sans-serif; }
a { color:var(--blue); text-decoration:none; }

/* nav */
nav { height:64px; display:flex; align-items:center; position:sticky; top:0; background:var(--blue-dim); z-index:100; }
.nav-inner { max-width:1320px; margin:0 auto; width:100%; padding:0 48px; display:flex; align-items:center; }
.nav-logo { display:flex; align-items:center; margin-right:40px; text-decoration:none; }
.nav-logo img { height:20px; display:block; }
.nav-links { display:flex; align-items:center; gap:28px; flex:1; }
.nav-links a { font-size:13px; font-weight:500; color:var(--navy); text-decoration:none; letter-spacing:-0.01em; transition:opacity .12s; }
.nav-links a:hover { opacity:0.6; }
.nav-actions { display:flex; align-items:center; gap:6px; }
.nav-login { font-size:13px; font-weight:500; color:var(--navy); text-decoration:none; padding:6px 14px; }
.nav-login:hover { opacity:0.6; }
.nav-cta { font-size:13px; font-weight:600; color:var(--white); background:var(--blue); text-decoration:none; padding:7px 16px; border-radius:6px; transition:opacity .12s; }
.nav-cta:hover { opacity:0.85; }

/* hero */
.hero { background:var(--blue-dim); }
.hero-inner { max-width:1320px; margin:0 auto; padding:64px 48px 76px; }
.hero-badge { display:inline-block; background:var(--accent); color:var(--accent-ink); font-size:12px; font-weight:600; letter-spacing:-0.01em; padding:6px 12px; border-radius:6px; margin-bottom:22px; }
.hero h1 { font-size:clamp(34px,4.6vw,54px); font-weight:800; letter-spacing:-1.5px; line-height:1.04; margin-bottom:18px; max-width:20ch; color:var(--navy); }
.hero-sub { font-size:18px; line-height:1.6; color:#2b2b2b; max-width:64ch; margin-bottom:30px; }
.hero-cta { display:flex; gap:12px; flex-wrap:wrap; }
.btn-primary { background:var(--blue); color:#fff; font-size:14px; font-weight:700; padding:12px 22px; border-radius:6px; text-decoration:none; transition:opacity .12s; border:none; cursor:pointer; }
.btn-primary:hover { opacity:0.88; }
.btn-ghost { background:#fff; color:var(--navy); border:1px solid #d8dbf5; font-size:14px; font-weight:700; padding:12px 22px; border-radius:6px; text-decoration:none; transition:border-color .12s; cursor:pointer; }
.btn-ghost:hover { border-color:var(--navy); }

/* sections */
.section { max-width:1320px; margin:0 auto; padding:72px 48px; border-bottom:1px solid var(--border); }
.kicker { font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:0.1em; color:var(--accent-strong); margin-bottom:14px; display:block; }
.section h2 { font-size:clamp(24px,3vw,32px); font-weight:800; letter-spacing:-0.5px; line-height:1.15; margin-bottom:18px; color:var(--navy); max-width:28ch; }
.lead { font-size:17px; line-height:1.7; color:#333; max-width:70ch; margin-bottom:14px; }
.section p { font-size:15px; line-height:1.75; color:#333; margin-bottom:14px; max-width:70ch; }

/* checklist (static) */
.checklist { list-style:none; margin-top:26px; }
.checklist li { font-size:15px; line-height:1.7; color:#333; padding-left:30px; position:relative; margin-bottom:13px; max-width:66ch; }
.checklist li::before { content:"\2713"; position:absolute; left:0; top:0; color:var(--accent-strong); font-weight:800; }

/* cta band */
.cta-band { background:var(--navy); }
.cta-inner { max-width:1320px; margin:0 auto; padding:60px 48px; display:flex; justify-content:space-between; align-items:center; gap:28px; flex-wrap:wrap; }
.cta-band h2 { color:#fff; font-size:clamp(22px,2.6vw,30px); font-weight:800; letter-spacing:-0.5px; max-width:20ch; line-height:1.15; }
.cta-band .btn-lime { background:var(--lime); color:var(--navy); font-size:14px; font-weight:700; padding:13px 24px; border-radius:6px; text-decoration:none; transition:opacity .12s; white-space:nowrap; }
.cta-band .btn-lime:hover { opacity:0.9; }

/* footer */
footer { border-top:1px solid var(--border); padding:32px 48px; display:flex; justify-content:space-between; align-items:center; font-size:12px; color:var(--muted); flex-wrap:wrap; gap:10px; }
footer a { color:var(--muted); text-decoration:none; }
footer a:hover { color:var(--black); }

/* mobile nav */
.nav-hamburger { display:none; flex-direction:column; justify-content:center; gap:5px; width:36px; height:36px; background:none; border:none; cursor:pointer; padding:4px; border-radius:4px; flex-shrink:0; margin-left:auto; }
.nav-hamburger span { display:block; width:20px; height:2px; background:var(--navy); border-radius:2px; transition:transform .2s,opacity .2s; }
.nav-hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.nav-hamburger.open span:nth-child(2) { opacity:0; }
.nav-hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
.nav-mobile { display:none; position:fixed; top:64px; left:0; right:0; background:#fff; border-bottom:1px solid var(--border); padding:8px 24px 24px; z-index:99; flex-direction:column; box-shadow:0 8px 24px rgba(0,0,0,0.08); }
.nav-mobile.open { display:flex; }
.nav-mobile a { font-size:15px; font-weight:500; color:var(--black); text-decoration:none; padding:13px 0; border-bottom:1px solid var(--border); }
.nav-mobile a:last-of-type { border-bottom:none; }
.nav-mobile-login { display:block; margin-top:16px; text-align:center; padding:11px !important; border-radius:6px; font-weight:600 !important; border:1.5px solid var(--border) !important; color:var(--black) !important; }
.nav-mobile-cta { display:block; margin-top:10px; background:var(--blue); color:#fff !important; text-align:center; padding:13px !important; border-radius:6px; font-weight:700 !important; border-bottom:none !important; }

/* Solutions dropdown */
.vp-dd{position:relative;display:inline-flex;align-items:center}
.vp-dd-trigger{font-family:inherit;font-size:13px;font-weight:500;color:inherit;background:none;border:none;cursor:pointer;padding:6px 10px;display:inline-flex;align-items:center;gap:5px;letter-spacing:-0.01em}
.vp-dd-caret{font-size:9px;transition:transform .15s}
.vp-dd:hover .vp-dd-caret,.vp-dd:focus-within .vp-dd-caret{transform:rotate(180deg)}
.vp-dd-panel{display:none;position:absolute;top:100%;left:0;padding-top:12px;z-index:200}
.vp-dd:hover .vp-dd-panel,.vp-dd:focus-within .vp-dd-panel{display:flex}
.vp-dd-inner{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.12);padding:16px 20px;display:flex;gap:32px;white-space:nowrap}
.vp-dd-col{display:flex;flex-direction:column;gap:2px}
.vp-dd-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:6px}
.vp-dd-panel a{display:block!important;padding:6px 0!important;font-size:13.5px!important;font-weight:500!important;color:#111827!important;background:none!important;opacity:1!important;border:none!important}
.vp-dd-panel a:hover{color:#1c2bff!important}
.vp-mob-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;padding:14px 0 2px;display:block}

/* euaiact sub-nav (tab bar under main nav) */
.eu-subnav { border-bottom:1px solid var(--border); background:#fff; position:sticky; top:64px; z-index:90; }
.eu-subnav-inner { max-width:1320px; margin:0 auto; padding:0 48px; display:flex; gap:2px; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.eu-subnav a { padding:13px 12px; font-size:13.5px; font-weight:500; color:var(--muted); text-decoration:none; white-space:nowrap; border-bottom:2px solid transparent; transition:color .12s; }
.eu-subnav a:hover { color:var(--navy); }
.eu-subnav a.active { color:var(--navy); font-weight:700; border-bottom-color:var(--blue); }
.eu-subnav span { padding:13px 12px; font-size:13.5px; font-weight:500; color:#b8b8b8; white-space:nowrap; }
.eu-subnav::-webkit-scrollbar { height:0; }

/* status pills */
.eu-pill { display:inline-block; font-size:11px; font-weight:700; letter-spacing:.01em; padding:4px 10px; border-radius:20px; white-space:nowrap; }
.is-live { color:var(--eu-live); background:var(--eu-live-bg); }
.is-soon { color:var(--eu-soon); background:var(--eu-soon-bg); }
.is-deferred { color:var(--eu-defer); background:var(--eu-defer-bg); }
.is-done { color:var(--muted); background:#f0f0ee; }

/* interactive timeline */
.eu-tl-filters { display:flex; gap:8px; flex-wrap:wrap; margin:28px 0 20px; }
.eu-tl-btn { font-size:13px; font-weight:600; color:var(--navy); background:#fff; border:1px solid var(--border); padding:8px 14px; border-radius:20px; cursor:pointer; transition:all .12s; }
.eu-tl-btn:hover { border-color:var(--navy); }
.eu-tl-btn.active { background:var(--navy); color:#fff; border-color:var(--navy); }
.eu-tl { border-top:1px solid var(--border); }
.eu-tl-row { display:flex; align-items:flex-start; gap:16px; padding:18px 4px; border-bottom:1px solid var(--border); }
.eu-tl-row.hide { display:none; }
.eu-tl-dot { width:11px; height:11px; border-radius:50%; margin-top:5px; flex-shrink:0; }
.eu-tl-dot.is-live { background:var(--eu-live); }
.eu-tl-dot.is-soon { background:var(--eu-soon); }
.eu-tl-dot.is-deferred { background:var(--eu-defer); }
.eu-tl-dot.is-done { background:#c4c4c0; }
.eu-tl-date { font-family:'Instrument Sans',sans-serif; font-weight:700; color:var(--navy); font-size:15px; width:96px; flex-shrink:0; }
.eu-tl-body { flex:1; }
.eu-tl-body .t { display:block; font-size:15px; color:#222; font-weight:600; }
.eu-tl-body .d { display:block; font-size:13px; color:var(--muted); margin-top:3px; line-height:1.5; }
.eu-tl-status { flex-shrink:0; }

/* two-column point lists */
.eu-two { display:grid; grid-template-columns:1fr 1fr; gap:28px; margin-top:28px; }
.eu-col h3 { font-family:'Instrument Sans',sans-serif; font-size:16px; font-weight:700; color:var(--navy); margin-bottom:12px; }
.eu-plist { list-style:none; }
.eu-plist li { font-size:14.5px; line-height:1.6; color:#333; padding-left:22px; position:relative; margin-bottom:11px; }
.eu-plist li::before { content:"\2022"; position:absolute; left:4px; color:var(--accent-strong); font-weight:800; }

/* risk-tier chips */
.eu-tiers { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:30px; }
.eu-tier { border:1px solid var(--border); border-radius:10px; padding:18px; }
.eu-tier .tag { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; margin-bottom:8px; display:block; }
.eu-tier.t-ban .tag { color:#b91c1c; }
.eu-tier.t-high .tag { color:var(--eu-defer); }
.eu-tier.t-limited .tag { color:var(--eu-soon); }
.eu-tier.t-min .tag { color:var(--eu-live); }
.eu-tier h4 { font-size:15px; font-weight:700; color:var(--navy); margin-bottom:8px; }
.eu-tier p { font-size:13px; line-height:1.55; color:#555; }

/* toolkit cards */
.eu-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:30px; }
.eu-card { border:1px solid var(--border); border-radius:10px; padding:22px; text-decoration:none; display:block; position:relative; transition:border-color .15s, background .15s, box-shadow .15s; }
a.eu-card::after { content:"\2192"; position:absolute; top:20px; right:20px; color:var(--blue); font-size:16px; font-weight:700; transition:transform .15s; }
a.eu-card:hover { border-color:var(--navy); background:var(--blue-dim); box-shadow:0 4px 16px rgba(17,24,39,.06); }
a.eu-card:hover::after { transform:translateX(4px); }
a.eu-card:hover .ec-title { color:var(--blue); }
.eu-card .ec-eyebrow { font-size:11px; font-weight:700; color:var(--accent-strong); letter-spacing:.04em; }
.eu-card .ec-title { font-family:'Instrument Sans',sans-serif; font-size:16px; font-weight:700; color:var(--navy); margin:8px 0 6px; padding-right:22px; transition:color .15s; }
.eu-card .ec-desc { font-size:13px; color:var(--muted); line-height:1.55; }
.eu-card.soon { opacity:.72; }
.eu-card.soon .ec-soon { display:inline-block; margin-top:10px; font-size:10.5px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#9ca3af; background:#f0f0ee; padding:3px 8px; border-radius:12px; }

/* note / disclaimer */
.eu-note { background:var(--eu-soon-bg); border:1px solid #f0d8b8; border-radius:10px; padding:18px 20px; margin-top:26px; }
.eu-note p { font-size:13.5px; line-height:1.6; color:#7a4d12; margin:0; max-width:none; }
.eu-disclaimer { max-width:1320px; margin:0 auto; padding:30px 48px 10px; }
.eu-disclaimer p { font-size:12px; line-height:1.6; color:var(--muted); max-width:none; }

/* interactive checklist (used on later pages) */
.eu-check { list-style:none; margin-top:22px; }
.eu-check li { display:flex; gap:12px; align-items:flex-start; padding:14px 0; border-bottom:1px solid var(--border); }
.eu-check input[type=checkbox] { width:18px; height:18px; margin-top:2px; accent-color:var(--eu-live); flex-shrink:0; cursor:pointer; }
.eu-check .ci-text { font-size:14.5px; line-height:1.6; color:#333; }
.eu-check li.done .ci-text { color:#9ca3af; text-decoration:line-through; }
.eu-progress { height:8px; background:#eee; border-radius:6px; overflow:hidden; margin-top:8px; }
.eu-progress > i { display:block; height:100%; width:0; background:var(--eu-live); transition:width .25s; }

/* demo tabs (used on later pages) */
.eu-tabs { display:flex; gap:6px; flex-wrap:wrap; margin-top:26px; }
.eu-tab { font-size:13.5px; font-weight:600; color:var(--navy); background:#fff; border:1px solid var(--border); padding:9px 16px; border-radius:8px; cursor:pointer; }
.eu-tab.active { background:var(--navy); color:#fff; border-color:var(--navy); }
.eu-demo { display:none; margin-top:20px; border:1px solid var(--border); border-radius:12px; padding:22px; background:var(--surface); }
.eu-demo.active { display:block; }
.eu-flag { background:#fdecec; border-left:3px solid #e24b4a; padding:12px 14px; border-radius:6px; font-size:14px; line-height:1.55; color:#333; }
.eu-sugg { background:var(--eu-live-bg); border-left:3px solid var(--eu-live); padding:12px 14px; border-radius:6px; font-size:14px; line-height:1.55; color:#0a3b30; margin-top:12px; }
.eu-flag .lbl,.eu-sugg .lbl { display:block; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; margin-bottom:5px; }
.eu-flag .lbl { color:#b91c1c; }
.eu-sugg .lbl { color:var(--eu-live); }

/* self-assessment + result (used on later pages) */
.eu-q { border:1px solid var(--border); border-radius:12px; padding:22px; margin-top:18px; }
.eu-q .qn { font-size:11px; font-weight:700; color:var(--accent-strong); letter-spacing:.05em; }
.eu-q .qt { font-family:'Instrument Sans',sans-serif; font-size:17px; font-weight:700; color:var(--navy); margin:8px 0 14px; }
.eu-opts { display:flex; flex-direction:column; gap:10px; }
.eu-opt { display:flex; gap:10px; align-items:center; border:1px solid var(--border); border-radius:8px; padding:12px 14px; cursor:pointer; font-size:14.5px; color:#333; transition:all .12s; }
.eu-opt:hover { border-color:var(--navy); }
.eu-opt.sel { border-color:var(--blue); background:var(--blue-dim); }
.eu-result { border:1px solid var(--eu-live); background:var(--eu-live-bg); border-radius:12px; padding:24px; margin-top:24px; }
.eu-result h3 { font-family:'Instrument Sans',sans-serif; font-size:19px; font-weight:800; color:var(--navy); margin-bottom:12px; }
.eu-result p { max-width:none; }
.eu-result strong { font-weight:700; }
.is-ban-pill { color:#b91c1c; background:#fdecec; }
.eu-aboxes { display:flex; flex-direction:column; gap:12px; margin-top:10px; }
.eu-abox { background:#fff; border:1px solid var(--border); border-left:4px solid var(--border); border-radius:10px; padding:15px 18px; }
.eu-abox.is-ban { border-left-color:#e24b4a; }
.eu-abox.is-def { border-left-color:var(--eu-defer); }
.eu-abox.is-soon { border-left-color:var(--eu-soon); }
.eu-abox.is-live { border-left-color:var(--eu-live); }
.eu-abox-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:6px; }
.eu-abox .ab-title { font-family:'Instrument Sans',sans-serif; font-weight:700; color:var(--navy); font-size:15.5px; }
.eu-abox .ab-body { font-size:14px; line-height:1.6; color:#444; }

/* simple tables */
.eu-table { width:100%; border-collapse:collapse; margin-top:24px; font-size:14px; }
.eu-table th,.eu-table td { text-align:left; padding:12px 14px; border-bottom:1px solid var(--border); vertical-align:top; line-height:1.5; }
.eu-table th { font-family:'Instrument Sans',sans-serif; font-weight:700; color:var(--navy); background:var(--surface); }
.eu-table td { color:#333; }

/* demo examples (real product output) */
.eu-demo-intro { font-size:14px; color:var(--muted); margin:2px 0 4px; }
.eu-ex { border:1px solid var(--border); border-radius:12px; padding:18px 20px; margin-top:16px; background:#fff; }
.eu-ex-draft { font-size:15.5px; line-height:1.75; color:#222; }
.eu-mark { background:#fdecec; color:#8f1d1d; border-bottom:2px solid #e24b4a; padding:0 3px; border-radius:2px; }
.eu-ex-flag { display:flex; align-items:center; gap:10px; margin-top:14px; flex-wrap:wrap; }
.eu-risk { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#b91c1c; background:#fdecec; padding:4px 9px; border-radius:20px; white-space:nowrap; }
.eu-risk.med { color:var(--eu-soon); background:var(--eu-soon-bg); }
.eu-ex-reason { font-size:13.5px; color:#555; }
.eu-ex-fix { margin-top:12px; background:var(--eu-live-bg); border-radius:8px; padding:11px 14px; font-size:14px; color:#0a3b30; line-height:1.6; }
.eu-ex-fix .fx-label { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--eu-live); display:block; margin-bottom:3px; }
.eu-ex-fix b { font-weight:600; }

/* print (save as PDF) */
@media print {
  nav, .eu-subnav, .nav-mobile, .cta-band, footer, .eu-print-hide { display:none !important; }
  .section { padding:14px 0; border:none; max-width:none; }
  .hero { background:#fff; }
  .hero-inner { padding:0 0 10px; max-width:none; }
  .eu-disclaimer { padding:14px 0; }
  a { color:#000; text-decoration:none; }
  .eu-table th { background:#f0f0f0 !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}

/* live demo widget */
.eu-live { border:1px solid var(--border); border-radius:12px; padding:20px; background:var(--surface); margin-top:8px; }
.eu-live-presets { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px; }
.eu-live-preset { font-size:12.5px; color:var(--navy); background:#fff; border:1px solid var(--border); border-radius:20px; padding:6px 12px; cursor:pointer; transition:border-color .12s; }
.eu-live-preset:hover { border-color:var(--navy); }
.eu-live-input { width:100%; min-height:100px; padding:14px; border:1px solid var(--border); border-radius:8px; font-family:'Manrope',sans-serif; font-size:15px; line-height:1.6; resize:vertical; color:#222; background:#fff; }
.eu-live-input:focus { outline:none; border-color:var(--blue); }
.eu-live-actions { display:flex; align-items:center; gap:12px; margin-top:12px; flex-wrap:wrap; }
.eu-live-status { font-size:13px; color:var(--muted); }
.eu-live-out { margin-top:16px; }
.eu-live-clean { background:var(--eu-live-bg); color:#0a3b30; border-radius:8px; padding:14px 16px; font-size:14.5px; }
.eu-live-err { background:#fdecec; color:#8f1d1d; border-radius:8px; padding:14px 16px; font-size:14px; }
.eu-live-draft { font-size:15.5px; line-height:1.75; color:#222; background:#fff; border:1px solid var(--border); border-radius:10px; padding:14px 16px; }
.eu-live-finding { border:1px solid var(--border); border-radius:10px; background:#fff; padding:13px 16px; margin-top:10px; }
.eu-live-hint { font-size:12.5px; color:var(--muted); margin-top:10px; }

/* quiz */
.eu-quiz-q { border:1px solid var(--border); border-radius:12px; padding:20px; margin-top:16px; background:#fff; }
.eu-quiz-q .qn { font-size:11px; font-weight:700; color:var(--accent-strong); letter-spacing:.05em; }
.eu-quiz-q .qt { font-family:'Instrument Sans',sans-serif; font-size:16.5px; font-weight:700; color:var(--navy); margin:8px 0 14px; }
.eu-quiz-opt { display:block; width:100%; text-align:left; border:1px solid var(--border); border-radius:8px; padding:12px 14px; margin-bottom:9px; cursor:pointer; font-size:14.5px; color:#333; background:#fff; font-family:inherit; transition:all .12s; }
.eu-quiz-opt:hover:not(:disabled) { border-color:var(--navy); }
.eu-quiz-opt:disabled { cursor:default; }
.eu-quiz-opt.correct { border-color:var(--eu-live); background:var(--eu-live-bg); color:#0a3b30; font-weight:500; }
.eu-quiz-opt.wrong { border-color:#e24b4a; background:#fdecec; color:#8f1d1d; }
.eu-quiz-fb { font-size:13.5px; line-height:1.55; margin-top:4px; padding:10px 12px; border-radius:8px; background:var(--surface); color:#444; display:none; }
.eu-quiz-fb.show { display:block; }
.eu-quiz-score { border:1px solid var(--eu-live); background:var(--eu-live-bg); border-radius:12px; padding:24px; margin-top:22px; display:none; }
.eu-quiz-score.show { display:block; }
.eu-quiz-score h3 { font-family:'Instrument Sans',sans-serif; font-size:20px; font-weight:800; color:var(--navy); margin-bottom:8px; }
.eu-quiz-bar { height:10px; background:#dfeee8; border-radius:6px; overflow:hidden; margin:12px 0; }
.eu-quiz-bar > i { display:block; height:100%; background:var(--eu-live); width:0; transition:width .4s; }

@media (max-width:880px){
  .eu-two { grid-template-columns:1fr; gap:22px; }
  .eu-tiers { grid-template-columns:1fr 1fr; }
  .eu-grid { grid-template-columns:1fr; }
}
@media (max-width:760px){
  .nav-links { display:none; }
  .nav-actions { display:none; }
  .nav-hamburger { display:flex; }
}
@media (max-width:640px){
  .nav-inner { padding:0 24px; }
  .hero-inner { padding:48px 24px 56px; }
  .section { padding:48px 24px; }
  .cta-inner { padding:44px 24px; flex-direction:column; align-items:flex-start; }
  .eu-subnav-inner { padding:0 16px; }
  .eu-tiers { grid-template-columns:1fr; }
  .eu-disclaimer { padding:24px; }
  .eu-tl-date { width:78px; font-size:14px; }
  footer { padding:24px; }
}