.changenow { --cn-ink:#292338; --cn-muted:#6b6476; background:#fff; color:var(--cn-ink); }
.cn-container { max-width:1120px; padding-inline:24px; }
.changenow .changenow-hero { min-height:340px; padding:64px 0; }
.changenow .changenow-hero h1 { font-size:clamp(34px,4.2vw,56px); line-height:1.2; letter-spacing:-.025em; text-transform:none; }
.changenow-hero h1>span { color:#ded2ff; }
.changenow .changenow-hero .exhibit-kicker { color:#ded2ff; font-weight:600; letter-spacing:.06em; }
.cn-introduction { padding:48px 0; }
.cn-intro-feature { display:grid; grid-template-columns:30% minmax(0,1fr); overflow:hidden; border:1px solid #e7e3ec; border-radius:16px; background:#fff; box-shadow:0 8px 28px #32204406; }
.cn-logo-panel { position:relative; display:flex; align-items:center; justify-content:center; padding:22px; background:linear-gradient(150deg,#fcfbf7,#f1f7f5); border-right:1px solid #e6eae6; }
.cn-logo-panel::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#e8ca66,#58a98f,#c54342); }
.cn-logo-panel .cn-brand { width:100%; margin:0; }
.cn-brand img { display:block; width:100%; max-width:340px; height:auto; margin-inline:auto; border-radius:8px; }
.cn-intro-text { padding:30px 32px; }
.cn-about-title,.cn-section-heading h2,.cn-tariff h2 { margin:0 0 20px; font-size:28px; font-weight:700; letter-spacing:-.025em; }
.cn-intro-copy,.cn-organiser p { --bts-content-font-size:16px; margin:0; color:var(--cn-muted); line-height:1.85; }
.cn-organiser { margin-top:20px; padding:24px 28px; border-left:3px solid #9e85bd; border-radius:0 12px 12px 0; background:#f8f6fb; }
.cn-themes { padding:40px 0; background:#f8f7fb; border-block:1px solid #efecf3; }
.cn-theme-list { list-style:none; padding-left:0; margin-bottom:0; }
.cn-theme { display:grid; grid-template-columns:44px minmax(0,1fr); column-gap:16px; align-content:start; padding:24px; border:1px solid #e7e2ed; border-radius:10px; background:#fff; }
.cn-theme-icon { grid-row:1 / 3; display:grid; place-items:center; width:44px; height:44px; border-radius:12px; color:#357b57; background:#edf7f0; }
.cn-theme-icon svg { width:25px; height:25px; }
.cn-theme--water .cn-theme-icon { color:#287d9b; background:#eaf5fa; }
.cn-theme--ai .cn-theme-icon { color:#7c45b5; background:#f3edfb; }
.cn-theme--city .cn-theme-icon { color:#a27632; background:#fcf4e7; }
.cn-theme h3,.cn-theme p { grid-column:2; }
.cn-theme h3 { margin:0 0 10px; color:var(--cn-ink); font-size:19px; font-weight:650; line-height:1.4; }
.cn-theme p { --bts-content-font-size:15px; margin:0; color:var(--cn-muted); line-height:1.75; }
.cn-tariff { padding:44px 0; }
.cn-kicker { display:none; }
.cn-tariff-cards { max-width:900px; margin-inline:auto; }
.cn-rate-card { --rate-color:#7041c1; --rate-soft:#eee4ff; --rate-border:#d4c0f7; display:flex; padding:18px 22px; border:1px solid var(--rate-border); border-top:4px solid var(--rate-color); border-radius:14px; background:radial-gradient(ellipse at top right,var(--rate-soft),transparent 70%),#fff; box-shadow:0 12px 30px #37215a09; }
.cn-rate-card--usd { --rate-color:#227a75; --rate-soft:#e0f3ef; --rate-border:#b9ded8; }
.cn-rate-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.cn-rate-day { display:inline-flex; align-items:center; gap:8px; color:#7a7088; font-size:13px; }
.cn-rate-currency { display:grid; place-items:center; width:28px; height:28px; border:1px solid var(--rate-border); border-radius:8px; background:#ffffff80; color:var(--rate-color); font-size:18px; font-weight:650; }
.cn-rate-card h3 { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 4px; color:#251d37; font-size:23px; font-weight:750; letter-spacing:-.025em; }
.cn-rate-card h3>span { padding:5px 8px; border-radius:6px; background:var(--rate-soft); color:var(--rate-color); font-size:10px; font-weight:650; letter-spacing:.05em; }
.cn-rate-card .cn-tariff-date { --bts-content-font-size:13px; margin:0 0 12px; color:#756c80; }
.cn-tariff-price { display:block; margin-bottom:12px; color:#241d35; font-size:36px; line-height:1.1; font-weight:800; letter-spacing:-.04em; }
.cn-rate-tax { --bts-content-font-size:12px; display:flex; align-items:center; gap:8px; padding:7px 10px; margin:0 0 14px; border:1px solid #d1e7dd; border-radius:10px; background:#eff8f3; color:#34775a; }
.cn-tariff-book { display:inline-flex; width:100%; justify-content:center; align-items:center; gap:16px; padding:10px 16px; margin-top:auto; border:0; border-radius:10px; background:linear-gradient(110deg,#6734de,#9139be); color:#fff; box-shadow:0 6px 15px #6840b51a; font-size:14px; font-weight:700; text-decoration:none; transition:background .2s,box-shadow .2s; }
.cn-tariff-book:hover { background:#512d94; color:#fff; box-shadow:0 7px 20px #6840b52a; }
.cn-tariff-book:focus-visible { outline:3px solid #6840b5; outline-offset:4px; }
.cn-closing { padding:36px 0; background:#f5f1fa; text-align:center; border-top:1px solid #ece5f4; }
.cn-closing h2 { margin:0; color:#453255; font-size:clamp(23px,2.6vw,32px); font-weight:600; line-height:1.5; letter-spacing:-.02em; }
.cn-closing h2>span { color:#7346a8; }
@media(max-width:767.98px) {
  .cn-container { padding-inline:22px; }
  .changenow .changenow-hero { min-height:300px; padding:48px 0; }
  .cn-introduction,.cn-themes,.cn-tariff { padding:32px 0; }
  .cn-intro-feature { grid-template-columns:1fr; }
  .cn-logo-panel { padding:12px 24px; border-right:0; }
  .cn-logo-panel .cn-brand { max-width:280px; }
  .cn-intro-text { padding:24px 22px; }
  .cn-organiser { padding:22px; }
  .cn-about-title,.cn-section-heading h2,.cn-tariff h2 { font-size:24px; }
  .cn-theme { padding:22px; }
  .cn-rate-card { padding:18px 20px; }
  .cn-rate-card h3 { font-size:22px; }
  .cn-tariff-price { font-size:34px; }

}
@media(prefers-reduced-motion:reduce) { .cn-tariff-book { transition:none; } }