:root{
  --cf-brand-navy:#0f172a;
  --cf-brand-navy-2:#111827;
  --cf-brand-blue:#1d4ed8;
  --cf-brand-surface:#111827;
  --cf-brand-surface-2:#172033;
  --cf-brand-accent:#FFB800;
  --cf-brand-accent-2:#f59e0b;
  --cf-brand-text:#e5eefc;
  --cf-brand-muted:#c7d4e8;
  --cf-card-shadow:0 20px 50px rgba(2,6,23,.28);
}
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  font-size:15.5px;
  min-height:100%;
  scroll-behavior:smooth;
}
body{
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column !important;
  font-size:1rem !important;
  line-height:1.55 !important;
  overflow-x:hidden !important;
  color:var(--cf-brand-text) !important;
  background:
    radial-gradient(circle at top left, rgba(29,78,216,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(255,184,0,.12), transparent 24%),
    linear-gradient(180deg, #0b1220 0%, #0f172a 42%, #101827 100%) !important;
}
body > footer,
body > .site-footer,
body > .cf-site-footer{
  margin-top:auto !important;
}
main,
body > main,
.page-content,
.main-content,
.content-wrap{
  flex:1 0 auto !important;
}
nav.main-nav,
nav.legacy-main-nav{
  background:linear-gradient(135deg,var(--cf-brand-navy) 0%, var(--cf-brand-blue) 100%) !important;
  border-bottom:2px solid var(--cf-brand-accent) !important;
  box-shadow:0 12px 30px rgba(15,23,42,.22) !important;
}
nav.main-nav *,
nav.legacy-main-nav *{
  color:#ffffff !important;
}
nav.main-nav .dropdown,
nav.legacy-main-nav .dropdown,
nav.main-nav .dropdown-menu,
nav.legacy-main-nav .dropdown-menu{
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.12) !important;
  border-radius:14px !important;
  box-shadow:0 18px 40px rgba(15,23,42,.18) !important;
}
nav.main-nav .dropdown a,
nav.legacy-main-nav .dropdown a,
nav.main-nav .dropdown-menu a,
nav.legacy-main-nav .dropdown-menu a{
  color:#0f172a !important;
}
.wrap,
.container,
.nav-container,
.footer-top,
.cf-footer-grid,
body > section,
body > main,
body > footer > div,
body > .site-footer > div,
.podcasts-section,
.hero,
.hero-section{
  width:min(calc(100% - 40px), 1320px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.container{
  margin-top:2rem !important;
  margin-bottom:2rem !important;
}
.content,
.feature,
.card,
.rank-card,
.pricing-card,
.plan-card,
.package-card,
.offer-card,
.info-card,
.step-card,
.faq-item,
.glass-card,
.journey-img-wrap,
.unique-block,
.d2c-free-block,
.abo-card,
.podcast-card,
.episode,
.metric-card,
.service-card,
.usp-card,
.comparison-card,
.cta,
.cta-box,
.highlight-box,
.referral-box,
.community-box,
.table-wrap,
.price-box,
.leaderboard-box,
.content > div,
.container > div[style*="background:#fff"],
.container > div[style*="background: #fff"],
.container > div[style*="background:white"],
.container > div[style*="background: white"],
.container > div[style*="#f8f9fa"],
.container > div[style*="#F8F9FA"],
.container > section,
.container > article{
  background:linear-gradient(180deg, rgba(17,24,39,.96) 0%, rgba(15,23,42,.98) 100%) !important;
  color:var(--cf-brand-text) !important;
  border:1px solid rgba(255,184,0,.14) !important;
  box-shadow:var(--cf-card-shadow) !important;
}
.content,
.cta,
.cta-box,
.hero-box,
.hero-card{
  border-radius:20px !important;
}
.feature,
.card,
.rank-card,
.pricing-card,
.plan-card,
.package-card,
.offer-card,
.info-card,
.step-card,
.faq-item,
.glass-card,
.podcast-card,
.episode,
.metric-card,
.service-card,
.usp-card,
.comparison-card,
.referral-box,
.community-box,
.price-box,
.leaderboard-box{
  border-radius:18px !important;
}
h1,h2,h3,h4,h5,h6,strong,b{
  color:#f8fbff !important;
}
p,li,small,span:not(.menu-title-emoji):not(.menu-title-arrow){
  color:var(--cf-brand-text);
}
a{ color:#93c5fd; }
a:hover{ color:#fcd34d; }
.content p,
.feature p,
.card p,
.rank-card p,
.pricing-card p,
.plan-card p,
.package-card p,
.offer-card p,
.info-card p,
.step-card p,
.faq-item p,
.metric-card p,
.service-card p,
.usp-card p,
.comparison-card p,
.community-box p,
.content li,
.feature li,
.card li{
  color:var(--cf-brand-muted) !important;
}
footer,
.site-footer,
.cf-site-footer{
  background:linear-gradient(180deg,#111827 0%, #0f172a 100%) !important;
  color:rgba(255,255,255,.92) !important;
  border-top:3px solid var(--cf-brand-accent) !important;
  margin-top:auto !important;
  padding-top:2.2rem !important;
  padding-bottom:1.7rem !important;
}
footer *,
.site-footer *,
.cf-site-footer *{
  color:inherit !important;
}
footer h3,
footer h4,
.site-footer h3,
.site-footer h4{
  color:#fff7db !important;
}
footer p,
footer li,
footer a,
.site-footer p,
.site-footer li,
.site-footer a{
  color:rgba(255,255,255,.82) !important;
}
footer ul,
.site-footer ul{
  list-style:none !important;
  padding-left:0 !important;
}
footer a:hover,
.site-footer a:hover,
.cf-site-footer a:hover{
  color:var(--cf-brand-accent) !important;
}
#newsletter-signup{ scroll-margin-top:110px !important; }
#dps{
  display:block !important;
  width:min(calc(100% - 40px), 1320px) !important;
  margin:0 auto 2rem !important;
}
#dps .dps-shell{
  background:linear-gradient(180deg, rgba(12,18,32,.96), rgba(15,23,42,.98)) !important;
  border:1px solid rgba(255,184,0,.18) !important;
  border-radius:24px !important;
  padding:28px !important;
  box-shadow:var(--cf-card-shadow) !important;
}
#dps .dps-header-badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .8rem;
  border-radius:999px;
  background:rgba(255,184,0,.12);
  border:1px solid rgba(255,184,0,.26);
  color:#fde68a !important;
  font-weight:700;
}
#dps .dps-grid{
  display:grid;
  grid-template-columns:1.15fr .2fr 1.15fr .2fr 1.15fr;
  gap:14px;
  align-items:center;
  margin-top:1.2rem;
}
#dps .dps-box{
  min-height:180px;
  padding:20px;
  border-radius:20px;
  border:1px solid rgba(148,163,184,.18);
  background:linear-gradient(180deg, rgba(17,24,39,.96), rgba(30,41,59,.96));
}
#dps .dps-box h3{
  margin-bottom:.7rem;
  font-size:1.12rem;
}
#dps .dps-box li,
#dps .dps-box p{
  color:var(--cf-brand-muted) !important;
}
#dps .dps-arrow{
  text-align:center;
  font-size:2rem;
  color:#fbbf24 !important;
  font-weight:800;
}
#dps .dps-metrics{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:1rem;
}
#dps .dps-metric{
  padding:16px 18px;
  border-radius:16px;
  background:rgba(15,23,42,.72);
  border:1px solid rgba(96,165,250,.18);
}
#dps .dps-metric strong{
  display:block;
  color:#fcd34d !important;
  font-size:1.15rem;
}
#dps .dps-note{
  margin-top:1rem;
  color:var(--cf-brand-muted) !important;
}
.podcasts-section{
  margin-top:2.3rem !important;
  margin-bottom:1rem !important;
  padding-bottom:.5rem !important;
}
.podcasts-section > h2,
.podcasts-section > p{
  text-align:center !important;
  max-width:820px;
  margin-left:auto !important;
  margin-right:auto !important;
}
.podcasts-grid,
.podcast-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
  margin-top:1.2rem !important;
}
.podcast-card,
.episode,
.podcasts-grid > div,
.podcast-grid > div{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  padding:22px !important;
}
.podcast-player,
audio{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  display:block !important;
  margin-top:1rem !important;
  accent-color:#FFB800 !important;
}
@media (max-width: 1100px){
  html{ font-size:15.25px; }
  .podcasts-grid,
  .podcast-grid,
  #dps .dps-grid,
  #dps .dps-metrics{
    grid-template-columns:1fr !important;
  }
  #dps .dps-arrow{ transform:rotate(90deg); }
}
@media (max-width: 900px){
  html{ font-size:15px; }
  .wrap,
  .container,
  .nav-container,
  body > section,
  body > main,
  body > footer > div,
  body > .site-footer > div,
  .podcasts-section,
  .hero,
  .hero-section{
    width:min(calc(100% - 24px), 960px) !important;
  }
}
@media (max-width: 640px){
  html{ font-size:15px; }
  #dps .dps-shell{ padding:20px !important; }
  .podcast-card,
  .episode,
  .podcasts-grid > div,
  .podcast-grid > div{ padding:18px !important; }
}

/* 2026-03-23 HOTFIX: stronger CI override for legacy inline-light blocks */
[style*="background:white"],
[style*="background: white"],
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background-color:white"],
[style*="background-color: white"],
[style*="background-color:#fff"],
[style*="background-color: #fff"],
[style*="#f8f9fa"],
[style*="#F8F9FA"],
[style*="#f3f4f6"],
[style*="#F3F4F6"],
[style*="#f9fafb"],
[style*="#F9FAFB"]{
  background:linear-gradient(180deg, rgba(17,24,39,.96) 0%, rgba(15,23,42,.98) 100%) !important;
  color:var(--cf-brand-text) !important;
  border-color:rgba(255,184,0,.14) !important;
}
[style*="color:#333"],
[style*="color: #333"],
[style*="color:#1F2937"],
[style*="color: #1F2937"],
[style*="color:#374151"],
[style*="color: #374151"],
[style*="color:#4B5563"],
[style*="color: #4B5563"],
[style*="color:#111827"],
[style*="color: #111827"]{
  color:var(--cf-brand-text) !important;
}
.glory-rank-card,
.glory-card,
.hardware-card,
.device-card,
.upload-box,
.upload-area,
.feature-box,
.info-box,
.benefit-box,
.community-multiplier,
.leaderboard-card,
.referral-card,
.tutorial-card,
.video-card,
.tool-card,
.content-card{
  background:linear-gradient(180deg, rgba(17,24,39,.96) 0%, rgba(15,23,42,.98) 100%) !important;
  color:var(--cf-brand-text) !important;
  border:1px solid rgba(255,184,0,.14) !important;
  box-shadow:var(--cf-card-shadow) !important;
}
.glory-rank-card *,
.glory-card *,
.hardware-card *,
.device-card *,
.upload-box *,
.upload-area *,
.feature-box *,
.info-box *,
.benefit-box *,
.community-multiplier *,
.leaderboard-card *,
.referral-card *,
.tutorial-card *,
.video-card *,
.tool-card *,
.content-card *{
  color:inherit !important;
}

/* 2026-03-23 HOTFIX 2: target legacy page structures */
.page-header,
.podcast-section,
.hardware-section,
.video-upload-section,
.leaderboard,
.rank-card,
.product-card,
.upload-area,
.hero,
.section,
.section-block,
.content-block{
  background:linear-gradient(180deg, rgba(17,24,39,.96) 0%, rgba(15,23,42,.98) 100%) !important;
  color:var(--cf-brand-text) !important;
  border:1px solid rgba(255,184,0,.14) !important;
  box-shadow:var(--cf-card-shadow) !important;
}
.hardware-section,
.video-upload-section,
.page-header,
.podcast-section,
.leaderboard,
.hero{
  border-radius:20px !important;
  padding:24px !important;
}
.category-header,
.product-name,
.product-description,
.page-header h1,
.page-header h2,
.page-header h3,
.page-header p,
.podcast-section h2,
.podcast-section p,
.hardware-section h2,
.hardware-section h3,
.hardware-section p,
.video-upload-section h2,
.video-upload-section h3,
.video-upload-section p,
.leaderboard h3,
.rank-card h4,
.rank-card .range,
.rank-card .benefit,
.rank-card .perks,
.product-card *,
.upload-area *,
.hero h1,
.hero h2,
.hero h3,
.hero p{
  color:var(--cf-brand-text) !important;
}
.product-link,
.hero .cta,
.video-upload-section button,
.upload-area button{
  color:#111827 !important;
}

/* 2026-03-23 HOTFIX 3: explicit legacy section classes */
.section,
.points-list,
.multiplier,
.multiplier-grid,
.leaderboard,
.prepaid-section,
.features-grid,
.feature-card,
.how-it-works,
.step,
.cta-section{
  background:linear-gradient(180deg, rgba(17,24,39,.96) 0%, rgba(15,23,42,.98) 100%) !important;
  color:var(--cf-brand-text) !important;
  border:1px solid rgba(255,184,0,.14) !important;
  box-shadow:var(--cf-card-shadow) !important;
}
.section h2,
.section h3,
.points-list .action,
.points-list li,
.multiplier h3,
.multiplier-grid *,
.prepaid-section h2,
.features-grid *,
.feature-card h3,
.feature-card p,
.how-it-works h2,
.step h3,
.step p,
.cta-section h2,
.cta-section p{
  color:var(--cf-brand-text) !important;
}
.points-list .points,
.hero .cta,
.cta-button,
.product-link{
  background:#FFB800 !important;
  color:#111827 !important;
}

/* 2026-03-23 HOTFIX 4: strengthen paragraph contrast in legacy sections */
.section p,
.section li,
.points-list p,
.points-list li,
.multiplier p,
.multiplier li,
.hardware-section p,
.prepaid-section p,
.video-upload-section p,
.how-it-works p,
.step p,
.cta-section p{
  color:var(--cf-brand-muted) !important;
}

.container{ flex:1 0 auto !important; }
nav.main-nav .nav-container,
nav.legacy-main-nav .nav-container{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:clamp(12px, 1vw, 18px) !important;
  flex-wrap:nowrap !important;
}
nav.main-nav .nav-logo,
nav.legacy-main-nav .nav-logo{
  margin-right:0 !important;
  flex:0 0 auto !important;
}
nav.main-nav .nav-menu,
nav.legacy-main-nav .nav-menu{
  display:flex !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  justify-content:flex-start !important;
  align-items:center !important;
  gap:clamp(8px, .8vw, 14px) !important;
  margin:0 0 0 clamp(10px, 1.2vw, 22px) !important;
  padding:0 !important;
}
nav.main-nav .nav-item,
nav.main-nav .nav-link,
nav.legacy-main-nav .nav-item,
nav.legacy-main-nav .nav-link{
  white-space:nowrap !important;
}
nav.main-nav .nav-link,
nav.legacy-main-nav .nav-link{
  font-size:.9rem !important;
}
nav.main-nav .nav-cta,
nav.legacy-main-nav .nav-cta{
  flex:0 0 auto !important;
  white-space:nowrap !important;
  margin-left:auto !important;
}
.abo-option,
.rechner-card,
.result-box,
.slider-group,
.saeulen-grid > div,
.intro,
.results,
.dns-box,
.test-section,
.result-item,
.info-box,
.fingerprint-data{
  background:linear-gradient(180deg, rgba(17,24,39,.96) 0%, rgba(15,23,42,.98) 100%) !important;
  color:var(--cf-brand-text) !important;
  border:1px solid rgba(255,184,0,.14) !important;
  box-shadow:var(--cf-card-shadow) !important;
}
.abo-option *,
.rechner-card *,
.result-box *,
.slider-group *,
.saeulen-grid > div *,
.intro *,
.results *,
.dns-box *,
.test-section *,
.result-item *,
.info-box *,
.fingerprint-data *{
  color:inherit !important;
}
.abo-option.selected{
  background:linear-gradient(135deg,#FFB800,#f59e0b) !important;
  border-color:rgba(255,184,0,.65) !important;
}
.abo-option.selected *{
  color:#111827 !important;
}
body a[href*="ClickandFreeCommunity"]{
  background:linear-gradient(135deg,#FFB800,#f59e0b) !important;
  color:#111827 !important;
  box-shadow:0 12px 32px rgba(255,184,0,.28) !important;
}
.principle,
.manifesto-section,
.manifesto-content .principle,
.manifesto-content .manifesto-section{
  background:linear-gradient(180deg, rgba(17,24,39,.96) 0%, rgba(15,23,42,.98) 100%) !important;
  color:var(--cf-brand-text) !important;
  border:1px solid rgba(255,184,0,.14) !important;
  box-shadow:var(--cf-card-shadow) !important;
  border-radius:18px !important;
}
.manifesto-section h2,
.principle h3,
.manifesto-section p,
.principle p{
  color:var(--cf-brand-text) !important;
}
@media (max-width: 991px){
  nav.main-nav .nav-container,
  nav.legacy-main-nav .nav-container{
    flex-wrap:wrap !important;
  }
}

/* round2 nav+button stability */
.cf-inline-btn,
.cf-inline-btn:visited,
.cf-inline-btn:hover,
.cf-inline-btn:focus,
.cf-inline-btn:active,
.abo-btn,
.abo-btn:visited,
.abo-btn:hover,
.abo-btn:focus,
.abo-btn:active{
  text-decoration:none !important;
  -webkit-tap-highlight-color:transparent;
}
.cf-inline-btn.blue,
.cf-inline-btn.blue:visited,
.cf-inline-btn.blue:hover,
.cf-inline-btn.blue:focus,
.cf-inline-btn.blue:active{
  background:linear-gradient(135deg,#667EEA,#764BA2) !important;
  color:#ffffff !important;
  border-color:transparent !important;
}
.cf-inline-btn.gold,
.cf-inline-btn.gold:visited,
.cf-inline-btn.gold:hover,
.cf-inline-btn.gold:focus,
.cf-inline-btn.gold:active{
  background:rgba(255,184,0,.12) !important;
  color:#FFE7A3 !important;
  border:1px solid rgba(255,184,0,.35) !important;
}
.abo-btn,
.abo-btn:visited,
.abo-btn:hover,
.abo-btn:focus,
.abo-btn:active{
  color:#ffffff !important;
}
@media (max-width: 1320px){
  nav.main-nav .menu-title-emoji,
  nav.legacy-main-nav .menu-title-emoji{
    display:none !important;
  }
  nav.main-nav .nav-menu,
  nav.legacy-main-nav .nav-menu{
    gap:10px !important;
  }
}
@media (max-width: 1200px){
  nav.main-nav .menu-title-arrow,
  nav.legacy-main-nav .menu-title-arrow{
    display:none !important;
  }
  nav.main-nav .nav-link,
  nav.legacy-main-nav .nav-link{
    font-size:.92rem !important;
  }
}
@media (max-width: 991px){
  nav.main-nav .nav-container,
  nav.legacy-main-nav .nav-container{
    display:flex !important;
  }
}

/* round4 nav alignment + compact desktop + precise abo state */
nav.main-nav .nav-container,
nav.legacy-main-nav .nav-container{
  width:min(calc(100% - 20px), 1240px) !important;
}
nav.main-nav .nav-menu,
nav.legacy-main-nav .nav-menu{
  justify-content:flex-start !important;
}
nav.main-nav .nav-link,
nav.legacy-main-nav .nav-link{
  padding:.2rem .08rem !important;
  font-size:.9rem !important;
}
nav.main-nav .nav-cta,
nav.legacy-main-nav .nav-cta{
  padding:9px 16px !important;
  font-size:.92rem !important;
  margin-left:auto !important;
}
@media (max-width: 1366px){
  nav.main-nav .menu-title-emoji,
  nav.legacy-main-nav .menu-title-emoji{
    display:none !important;
  }
}
@media (max-width: 1240px){
  nav.main-nav .menu-title-arrow,
  nav.legacy-main-nav .menu-title-arrow{
    display:none !important;
  }
}

/* compact homepage desktop rendering */
#hero,
#hero .hero-inner{
  max-width:1180px !important;
}
#hero h1{
  font-size:clamp(2.4rem, 4.4vw, 4.3rem) !important;
  line-height:1.05 !important;
}
#hero .hero-sub{
  font-size:1rem !important;
  max-width:900px !important;
}
#hero .hero-chips{
  gap:8px !important;
  margin-bottom:24px !important;
}
#hero .hero-chips > *{
  font-size:.9rem !important;
  padding:.5rem .8rem !important;
}
#hero .btn-row a,
#hero .btn-primary,
#hero .btn-secondary,
#hero a[href="#mission-audio"],
#hero a[href*="ClickandFreeBot"]{
  padding:.85rem 1.35rem !important;
  font-size:.98rem !important;
}

/* precise abo state in einkommensgenerator */
#abo-selector .abo-option{
  background:#0d1526 !important;
  border:1px solid rgba(255,184,0,.18) !important;
  box-shadow:none !important;
}
#abo-selector .abo-option *{
  color:#e5eefc !important;
}
#abo-selector .abo-option .plan-eyebrow,
#abo-selector .abo-option .plan-label{
  color:rgba(255,184,0,.82) !important;
}
#abo-selector .abo-option.selected{
  background:linear-gradient(135deg,#FFB800,#f59e0b) !important;
  border:2px solid #FFB800 !important;
  box-shadow:0 0 16px rgba(255,184,0,0.45) !important;
}
#abo-selector .abo-option.selected *{
  color:#111827 !important;
}

/* round6 strategic compact desktop + dark readable nav */
nav.main-nav,
nav.legacy-main-nav{
  background:linear-gradient(135deg,#0f172a 0%, #1d4ed8 100%) !important;
  border-bottom:2px solid #FFB800 !important;
  box-shadow:0 12px 30px rgba(15,23,42,.22) !important;
}
nav.main-nav *,
nav.legacy-main-nav *{
  color:#ffffff !important;
}
nav.main-nav .dropdown,
nav.legacy-main-nav .dropdown,
nav.main-nav .dropdown-menu,
nav.legacy-main-nav .dropdown-menu,
nav.main-nav .mobile-menu,
nav.legacy-main-nav .mobile-menu{
  background:linear-gradient(180deg, rgba(15,23,42,.99) 0%, rgba(17,24,39,.99) 100%) !important;
  border:1px solid rgba(255,184,0,.35) !important;
  border-radius:14px !important;
  box-shadow:0 18px 40px rgba(15,23,42,.28) !important;
}
nav.main-nav .dropdown a,
nav.legacy-main-nav .dropdown a,
nav.main-nav .dropdown-menu a,
nav.legacy-main-nav .dropdown-menu a,
nav.main-nav .mobile-menu a,
nav.legacy-main-nav .mobile-menu a{
  color:#e5eefc !important;
}
nav.main-nav .dropdown a:hover,
nav.legacy-main-nav .dropdown a:hover,
nav.main-nav .dropdown-menu a:hover,
nav.legacy-main-nav .dropdown-menu a:hover,
nav.main-nav .mobile-menu a:hover,
nav.legacy-main-nav .mobile-menu a:hover{
  background:rgba(255,184,0,.12) !important;
  color:#fff7db !important;
}

/* round6 homepage desktop calibration + readable top banner */
.cf-beta-banner{
  background:linear-gradient(135deg,#16233b 0%, #0f172a 55%, #1e3a8a 100%) !important;
  color:#f8fbff !important;
  border-bottom:1px solid rgba(255,184,0,.38) !important;
  box-shadow:0 10px 26px rgba(2,6,23,.32) !important;
  animation:none !important;
}
.cf-beta-banner,
.cf-beta-banner *{
  color:#f8fbff !important;
}
.cf-beta-banner span[style*='opacity'],
.cf-beta-banner small{
  color:rgba(248,251,255,.92) !important;
}
.cf-beta-banner a{
  color:#fde68a !important;
  text-decoration:none !important;
}
.cf-beta-banner a:hover{
  color:#fff7c2 !important;
}
.cf-beta-banner .beta-close{
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#ffffff !important;
}

@media (min-width: 1280px){
  nav.main-nav .nav-logo .emoji,
  nav.legacy-main-nav .nav-logo .emoji{
    font-size:34px !important;
  }
  nav.main-nav .nav-logo .wordmark,
  nav.legacy-main-nav .nav-logo .wordmark{
    font-size:1.45rem !important;
  }
  nav.main-nav .nav-link,
  nav.legacy-main-nav .nav-link{
    font-size:1.04rem !important;
  }
  nav.main-nav .nav-cta,
  nav.legacy-main-nav .nav-cta{
    font-size:1.02rem !important;
    padding:12px 20px !important;
  }
}


/* round10 clean desktop reset
   single desktop baseline for chromium/brave/genspark + firefox
   nav/header/content only; footer untouched */
@media (min-width: 1100px){
  html{
    font-size:16.5px !important;
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
  }
  body{
    font-size:1rem !important;
  }
  .cf-beta-banner{
    font-size:.94rem !important;
    line-height:1.35 !important;
    padding:.5rem 1rem !important;
  }
  .cf-beta-banner span[style*="font-size:.82rem"]{
    font-size:.92rem !important;
  }
  nav.main-nav,
  nav.legacy-main-nav{
    padding-top:12px !important;
    padding-bottom:12px !important;
  }
  nav.main-nav .nav-container,
  nav.legacy-main-nav .nav-container{
    width:min(calc(100% - 32px), 1520px) !important;
    max-width:1520px !important;
    gap:clamp(14px, 1vw, 22px) !important;
  }
  nav.main-nav .nav-menu,
  nav.legacy-main-nav .nav-menu{
    gap:clamp(12px, .95vw, 18px) !important;
    margin-left:clamp(14px, 1.2vw, 26px) !important;
  }
  nav.main-nav .nav-link,
  nav.legacy-main-nav .nav-link{
    font-size:1.02rem !important;
    line-height:1.25 !important;
    padding:.3rem .14rem !important;
  }
  nav.main-nav .nav-cta,
  nav.legacy-main-nav .nav-cta{
    font-size:1rem !important;
    padding:11px 18px !important;
  }
  nav.main-nav .nav-logo .emoji,
  nav.legacy-main-nav .nav-logo .emoji{
    font-size:34px !important;
  }
  nav.main-nav .nav-logo .wordmark,
  nav.legacy-main-nav .nav-logo .wordmark{
    font-size:1.42rem !important;
  }
  main,
  .wrap,
  .wrap-wide,
  .container,
  .page-content,
  .main-content,
  .content-wrap,
  .hero,
  .hero-section,
  .hero-inner,
  .section,
  .section .wrap,
  .section .container,
  .section .wrap-wide{
    width:min(calc(100% - 32px), 1480px) !important;
    max-width:1480px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}
@media (min-width: 1280px){
  html{
    font-size:17px !important;
  }
  nav.main-nav .nav-link,
  nav.legacy-main-nav .nav-link{
    font-size:1.04rem !important;
  }
  nav.main-nav .nav-cta,
  nav.legacy-main-nav .nav-cta{
    font-size:1.02rem !important;
    padding:12px 20px !important;
  }
}


/* round11 chromium desktop zoom compensation */
@supports ((-webkit-appearance:none) and (zoom:1.1)) {
  @media (min-width: 1100px) {
    html{
      zoom:1.12 !important;
    }
  }
}

/* round12 mobile nav + widget cleanup */
@media (max-width: 900px){
  nav.main-nav,
  nav.legacy-main-nav{
    padding:12px 14px !important;
  }
  nav.main-nav .nav-container,
  nav.legacy-main-nav .nav-container{
    width:100% !important;
    max-width:none !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
  }
  nav.main-nav .nav-logo,
  nav.legacy-main-nav .nav-logo{
    margin-right:0 !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    gap:8px !important;
  }
  nav.main-nav .nav-logo span:first-child,
  nav.legacy-main-nav .nav-logo span:first-child{
    font-size:28px !important;
    flex:0 0 auto !important;
  }
  nav.main-nav .nav-logo span:last-child,
  nav.legacy-main-nav .nav-logo span:last-child{
    font-size:1.05rem !important;
    line-height:1.1 !important;
    white-space:nowrap !important;
  }
  nav.main-nav .nav-menu,
  nav.main-nav .nav-cta,
  nav.legacy-main-nav .nav-menu,
  nav.legacy-main-nav .nav-cta{
    display:none !important;
  }
  nav.main-nav .burger-menu,
  nav.legacy-main-nav .burger-menu{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-left:auto !important;
    flex:0 0 auto !important;
    width:46px !important;
    height:46px !important;
    padding:0 !important;
    border-radius:12px !important;
    border:1px solid rgba(10,14,39,.10) !important;
    background:#ffffff !important;
    color:#0a0e27 !important;
    box-shadow:0 8px 18px rgba(15,23,42,.08) !important;
    font-size:28px !important;
    line-height:1 !important;
  }
  nav.main-nav .mobile-menu,
  nav.legacy-main-nav .mobile-menu{
    display:none !important;
    width:100% !important;
    margin-top:12px !important;
    padding:14px 16px 18px !important;
    border-top:1px solid rgba(255,184,0,.45) !important;
    background:#ffffff !important;
    box-shadow:0 10px 24px rgba(2,6,23,.08) !important;
  }
  nav.main-nav .mobile-menu.active,
  nav.main-nav .mobile-menu.is-open,
  nav.legacy-main-nav .mobile-menu.active,
  nav.legacy-main-nav .mobile-menu.is-open{
    display:block !important;
  }
  nav.main-nav .mobile-menu a,
  nav.legacy-main-nav .mobile-menu a{
    display:block !important;
    padding:14px 0 !important;
    font-size:1rem !important;
    line-height:1.32 !important;
  }
}

@media (max-width: 575px){
  nav.main-nav,
  nav.legacy-main-nav{
    padding-left:12px !important;
    padding-right:12px !important;
  }
  nav.main-nav .nav-logo span:last-child,
  nav.legacy-main-nav .nav-logo span:last-child{
    font-size:1rem !important;
  }
  nav.main-nav .burger-menu,
  nav.legacy-main-nav .burger-menu{
    width:44px !important;
    height:44px !important;
    font-size:26px !important;
  }
}

@media (max-width: 767px){
  .cf-chat-widget,
  .cf-chat-toggle,
  .cf-chat-box,
  #cfChatWidget,
  #cfChatBox,
  #cf-chat-button,
  #cf-chat-window,
  #cf-guardian-root,
  #guardian-chat-widget,
  .guardian-chat-widget,
  .cfg-button,
  .cfg-panel{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}