:root{
  --bg:#07070b;
  --panel:#11131c;
  --text:#fff;
  --muted:#b8bcc8;
  --pink:#ff165d;
  --line:rgba(255,255,255,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}
a{text-decoration:none;color:inherit}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#000;border-bottom:1px solid #222;position:sticky;top:0;z-index:20}
.brand{font-weight:900;letter-spacing:.18em}
.brand span{color:var(--pink)}
.links{display:flex;gap:24px;align-items:center}
.links a{color:#ccc}
.links a:hover{color:#fff}
.top-cta{background:var(--pink);color:#fff!important;padding:13px 22px;border-radius:999px;font-weight:900}

.hero{position:relative;background:#000;overflow:hidden}
.hero-img{display:block;width:100%;height:auto;margin-top:-28px}
.hero-buttons{position:absolute;left:36px;bottom:10.5%;display:flex;gap:16px;z-index:5}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 30px;border-radius:999px;font-weight:900;border:1px solid var(--line)}
.btn-dark{background:rgba(0,0,0,.70);border-color:rgba(255,255,255,.25)}
.btn-pink{background:var(--pink);border-color:var(--pink);color:#fff}
.full{width:100%}

.section{padding:84px 30px}
.wrap{max-width:1160px;margin:0 auto}
.center{text-align:center}
.kicker{color:var(--pink);font-weight:900;letter-spacing:.18em;text-transform:uppercase;font-size:13px;margin:0 0 18px}
h1{font-size:clamp(36px,5vw,64px);line-height:1;margin:0 0 18px;letter-spacing:-.04em}
h2{margin:0 0 12px;font-size:25px}
.lead{max-width:780px;margin:0 auto 34px;color:var(--muted);font-size:18px;line-height:1.6}

.cards{display:grid;gap:22px;margin-top:34px}
.three{grid-template-columns:repeat(3,1fr)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:24px;padding:28px;text-align:left;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.card p{color:var(--muted);line-height:1.55}
.badge{height:82px;width:82px;border-radius:22px;display:grid;place-items:center;margin-bottom:22px;background:#0d1018;border:1px solid rgba(255,255,255,.18);font-weight:950;font-size:28px}
.fs{background:radial-gradient(circle at 35% 30%,#55d8ff,#5127ff 45%,#10121a 75%)}
.tf{background:radial-gradient(circle at 38% 30%,#fff,#3ee88f 42%,#10121a 72%);color:#03110a}
.ht{background:radial-gradient(circle at 35% 30%,#ff7aa8,#ff165d 42%,#10121a 72%)}
.discount{display:inline-flex;padding:10px 14px;border-radius:999px;background:rgba(255,22,93,.12);border:1px solid rgba(255,22,93,.28);color:#fff!important;font-weight:900}

.giveaway{background:radial-gradient(circle at 20% 0%,rgba(255,22,93,.24),transparent 36%),linear-gradient(180deg,#0b0c12,#06060a)}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:start}
.prizes{display:grid;gap:14px;margin-top:24px}
.prize{padding:18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.prize strong{display:block}
.prize span{color:var(--muted)}

.form-card{background:#fff;color:#10121a;border-radius:26px;padding:28px}
.form-card p{color:#596071}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
label{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin:14px 0 7px}
input,select{width:100%;height:48px;border:1px solid #d7ddea;border-radius:12px;padding:0 14px;font-size:15px}
.check{display:flex;gap:10px;align-items:flex-start;margin-top:14px;color:#596071;font-size:13px;line-height:1.45}
.check input{width:16px;height:16px;margin-top:2px}
.form-btn{width:100%;margin-top:20px;cursor:pointer}
.tiny{font-size:12px;text-align:center;color:#747b8d!important}

.risk{background:rgba(255,255,255,.05);border-top:1px solid var(--line);color:var(--muted);line-height:1.6;font-size:13px}
.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:36px;background:#000;border-top:1px solid #222;color:var(--muted);font-size:13px}

@media(max-width:900px){
  .nav{padding:0 18px}
  .links a:not(.top-cta){display:none}
  .hero-img{margin-top:-10px}
  .hero-buttons{left:18px;right:18px;bottom:18px;flex-direction:column}
  .btn{width:100%}
  .section{padding:62px 22px}
  .three,.split,.form-row{grid-template-columns:1fr}
}

/* Small homepage hero lift */
.hero-img {
  margin-top: -44px;
}

@media(max-width:900px){
  .hero-img {
    margin-top: -18px;
  }
}

/* Prop firm logo badge images */
.logo-badge {
  width: 96px;
  height: 96px;
  border-radius: 24px;
  display: block;
  object-fit: cover;
  margin-bottom: 22px;
  box-shadow: 0 18px 60px rgba(0,0,0,.34);
}

.partner-top .logo-badge {
  margin-bottom: 0;
  flex: 0 0 auto;
}

@media(max-width:900px){
  .logo-badge {
    width: 88px;
    height: 88px;
  }
}

/* Hard fix for generated prop firm badge images */
img.logo-badge {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 24px !important;
  margin: 0 0 22px 0 !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.34) !important;
}

.partner-top img.logo-badge {
  margin: 0 !important;
  flex: 0 0 96px !important;
}

.partner-top {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

@media(max-width:900px){
  img.logo-badge {
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
  }

  .partner-top img.logo-badge {
    flex: 0 0 88px !important;
  }
}

/* Badge click and copy-code polish */
img.logo-badge {
  width: 112px !important;
  height: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
  object-fit: cover !important;
}

.partner-top img.logo-badge {
  flex: 0 0 112px !important;
}

.badge-link {
  display: inline-block;
  line-height: 0;
  border-radius: 24px;
}

.badge-link:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}

.copy-code {
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.copy-code span {
  color: #ffffff;
  opacity: .72;
  font-size: 12px;
  margin-left: 8px;
  letter-spacing: 0;
}

.copy-code.copied {
  background: rgba(22,255,140,.14) !important;
  border-color: rgba(22,255,140,.36) !important;
}

@media(max-width:900px){
  img.logo-badge {
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
  }

  .partner-top img.logo-badge {
    flex: 0 0 96px !important;
  }
}

/* Clickable partner badges and copy-code buttons */
img.logo-badge {
  width: 112px !important;
  height: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  min-height: 112px !important;
  max-height: 112px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.34) !important;
}

.partner-top img.logo-badge {
  flex: 0 0 112px !important;
}

.badge-link {
  display: inline-block;
  line-height: 0;
  border-radius: 24px;
  transition: transform .18s ease, filter .18s ease;
}

.badge-link:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
}

.copy-code {
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.copy-code span {
  color: #ffffff;
  opacity: .72;
  font-size: 12px;
  margin-left: 8px;
  letter-spacing: 0;
}

.copy-code.copied {
  background: rgba(22,255,140,.14) !important;
  border-color: rgba(22,255,140,.36) !important;
}

@media(max-width:900px){
  img.logo-badge {
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
  }

  .partner-top img.logo-badge {
    flex: 0 0 96px !important;
  }
}

/* Prop card polish */
.small-note {
  display: none !important;
}

.prop-hero {
  padding-bottom: 28px !important;
}

.prop-hero + .section {
  padding-top: 38px !important;
}

/* Center text inside copy-code pill */
.copy-code,
button.discount.copy-code {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
  width: 100% !important;
}

.copy-code span {
  margin-left: 0 !important;
}

/* Shared prop firm card layout, matches prop firms page */
.partner-card {
  min-height: 440px !important;
  display: flex !important;
  flex-direction: column !important;
}

.partner-card .btn {
  margin-top: auto !important;
}

.partner-top {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
}

.partner-top h2 {
  margin: 0 0 6px !important;
}

.offer {
  font-size: 42px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
  color: #ffffff !important;
  margin: 14px 0 18px !important;
}

.offer span {
  color: #ff165d !important;
}

button.discount.copy-code {
  width: 100% !important;
  margin-bottom: 20px !important;
}

@media(max-width:900px){
  .offer {
    font-size: 34px !important;
  }
}

/* Final homepage and prop page card sync */
.cards.three {
  align-items: stretch !important;
}

.card.partner-card {
  min-height: 490px !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 28px !important;
}

.partner-top {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 22px !important;
}

.partner-top h2 {
  margin: 0 0 8px !important;
  font-size: 25px !important;
}

.offer {
  display: block !important;
  font-size: 42px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
  color: #ffffff !important;
  margin: 14px 0 18px !important;
}

.offer span {
  color: #ff165d !important;
}

button.discount.copy-code {
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 8px !important;
  margin-bottom: 22px !important;
}

.card.partner-card > p {
  margin-bottom: 24px !important;
}

.card.partner-card .btn {
  margin-top: auto !important;
}

@media(max-width:900px){
  .card.partner-card {
    min-height: auto !important;
  }

  .offer {
    font-size: 34px !important;
  }
}

/* Live discount text controlled by update-discounts */
.live-discount {
  margin: -6px 0 16px !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  color: #ffffff !important;
}

.live-discount .discount-value {
  color: #ff165d !important;
}

@media(max-width:900px){
  .live-discount {
    font-size: 19px !important;
  }
}

/* Discount values loaded from Google Sheet */
.live-discount {
  margin: -6px 0 16px !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  color: #ffffff !important;
}

.live-discount .discount-value {
  color: #ff165d !important;
}

@media(max-width:900px){
  .live-discount {
    font-size: 20px !important;
  }
}

/* Center Google Sheet discount display */
.live-discount {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
}

.live-discount .discount-value {
  display: inline-block !important;
  text-align: center !important;
}

/* Center big Code DODO line inside partner cards */
.card.partner-card .offer {
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  justify-content: center !important;
}

.card.partner-card .offer span {
  display: inline-block !important;
}

/* Responsive site pass */

/* Large screens */
@media (min-width: 1400px) {
  .wrap {
    max-width: 1280px !important;
  }

  .hero-img {
    width: 100% !important;
    height: auto !important;
  }

  .section {
    padding-left: 42px !important;
    padding-right: 42px !important;
  }
}

/* Normal desktop and laptop */
@media (max-width: 1200px) {
  .wrap {
    max-width: 1040px !important;
  }

  h1 {
    font-size: clamp(38px, 5vw, 58px) !important;
  }

  .cards.three {
    gap: 18px !important;
  }

  .card.partner-card {
    padding: 24px !important;
  }

  .offer {
    font-size: 38px !important;
  }
}

/* Tablet */
@media (max-width: 980px) {
  .nav {
    height: auto !important;
    min-height: 70px !important;
    padding: 14px 22px !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
  }

  .brand {
    font-size: 15px !important;
  }

  .links {
    gap: 16px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }

  .links a {
    font-size: 14px !important;
  }

  .top-cta {
    padding: 11px 16px !important;
  }

  .hero-img {
    margin-top: 0 !important;
    width: 100% !important;
    height: auto !important;
  }

  .hero-buttons {
    left: 22px !important;
    right: 22px !important;
    bottom: 22px !important;
    gap: 12px !important;
  }

  .hero-buttons .btn {
    min-height: 50px !important;
    padding: 0 22px !important;
  }

  .section {
    padding: 64px 22px !important;
  }

  .cards.three {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .split {
    grid-template-columns: 1fr !important;
  }

  .card.partner-card {
    min-height: 470px !important;
  }

  .partner-top {
    align-items: center !important;
  }

  img.logo-badge {
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
  }

  .partner-top img.logo-badge {
    flex: 0 0 96px !important;
  }
}

/* Phone */
@media (max-width: 720px) {
  body {
    overflow-x: hidden !important;
  }

  .nav {
    padding: 14px 18px !important;
  }

  .brand {
    width: 100% !important;
    text-align: center !important;
  }

  .links {
    width: 100% !important;
    justify-content: center !important;
    gap: 12px !important;
  }

  .links a:not(.top-cta) {
    display: inline-flex !important;
    font-size: 13px !important;
  }

  .top-cta {
    width: 100% !important;
    justify-content: center !important;
    margin-top: 6px !important;
  }

  .hero {
    overflow: hidden !important;
  }

  .hero-img {
    width: 140% !important;
    max-width: none !important;
    margin-left: -20% !important;
    margin-top: 0 !important;
  }

  .hero-buttons {
    left: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    flex-direction: column !important;
  }

  .hero-buttons .btn {
    width: 100% !important;
  }

  .section {
    padding: 56px 18px !important;
  }

  .wrap {
    max-width: 100% !important;
  }

  h1 {
    font-size: clamp(34px, 11vw, 46px) !important;
    line-height: 1.05 !important;
  }

  .lead {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  .cards.three {
    grid-template-columns: 1fr !important;
  }

  .card {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  .card.partner-card {
    min-height: auto !important;
  }

  .partner-top {
    gap: 14px !important;
    margin-bottom: 20px !important;
  }

  .partner-top h2 {
    font-size: 23px !important;
  }

  img.logo-badge {
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;
    border-radius: 22px !important;
  }

  .partner-top img.logo-badge {
    flex: 0 0 88px !important;
  }

  .offer {
    font-size: 34px !important;
    text-align: center !important;
  }

  .live-discount {
    font-size: 20px !important;
    text-align: center !important;
  }

  button.discount.copy-code {
    font-size: 14px !important;
    min-height: 42px !important;
    white-space: normal !important;
  }

  button.discount.copy-code span {
    font-size: 11px !important;
  }

  .btn {
    width: 100% !important;
    min-height: 52px !important;
  }

  .form-row {
    grid-template-columns: 1fr !important;
  }

  .footer {
    text-align: center !important;
    justify-content: center !important;
  }
}

/* Small phone */
@media (max-width: 430px) {
  .links {
    gap: 10px !important;
  }

  .links a:not(.top-cta) {
    font-size: 12px !important;
  }

  .hero-img {
    width: 165% !important;
    margin-left: -32.5% !important;
  }

  .partner-top {
    align-items: flex-start !important;
  }

  img.logo-badge {
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
  }

  .partner-top img.logo-badge {
    flex: 0 0 78px !important;
  }

  .offer {
    font-size: 30px !important;
  }

  .card p {
    font-size: 15px !important;
  }
}

/* Final multi column footer */
.site-footer {
  background: #000000 !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
  padding: 64px 30px 34px !important;
  color: #ffffff !important;
}

.footer-inner {
  max-width: 1280px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr !important;
  gap: 46px !important;
  align-items: start !important;
}

.footer-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .18em !important;
  font-size: 18px !important;
  margin-bottom: 18px !important;
}

.footer-logo-mark {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: #ff165d !important;
  color: #ffffff !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

.footer-logo span {
  color: #ff165d !important;
}

.footer-tagline {
  color: #b8bcc8 !important;
  line-height: 1.6 !important;
  max-width: 280px !important;
  margin: 0 !important;
  font-size: 14px !important;
}

.footer-col h3 {
  font-size: 15px !important;
  margin: 0 0 14px !important;
  color: #ffffff !important;
  font-weight: 900 !important;
}

.footer-col a {
  display: block !important;
  color: #d9dbe5 !important;
  text-decoration: none !important;
  margin: 0 0 9px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.footer-col a:hover {
  color: #ff165d !important;
}

.footer-bottom {
  max-width: 1280px !important;
  margin: 46px auto 0 !important;
  padding-top: 24px !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 20px !important;
  color: #8f95a3 !important;
  font-size: 13px !important;
  flex-wrap: wrap !important;
}

.footer-bottom a {
  color: #b8bcc8 !important;
  text-decoration: none !important;
}

.footer-bottom a:hover {
  color: #ff165d !important;
}

@media(max-width:980px){
  .footer-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px !important;
  }

  .footer-brand {
    grid-column: 1 / -1 !important;
  }
}

@media(max-width:620px){
  .site-footer {
    padding: 52px 22px 30px !important;
  }

  .footer-inner {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  .footer-logo {
    justify-content: center !important;
    width: 100% !important;
  }

  .footer-tagline {
    text-align: center !important;
    margin: 0 auto !important;
  }

  .footer-col {
    text-align: center !important;
  }

  .footer-bottom {
    text-align: center !important;
    justify-content: center !important;
  }
}

/* Duck Race title image */
.duck-title-row {
  display: flex;
  align-items: center;
  gap: 34px;
  margin-bottom: 20px;
}

.duck-title-row h1 {
  margin: 0;
  flex: 1;
}

.duck-title-img {
  width: min(230px, 30vw);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 18px 26px rgba(0,0,0,.45));
  transform: rotate(-4deg);
}

@media (max-width: 900px) {
  .duck-title-row {
    gap: 18px;
  }

  .duck-title-img {
    width: 145px;
  }
}

@media (max-width: 640px) {
  .duck-title-row {
    display: block;
  }

  .duck-title-img {
    width: 170px;
    margin-top: 18px;
  }
}

/* Duck Race title placement */
.duck-title-row {
  display: flex;
  align-items: center;
  gap: 34px;
  margin-bottom: 20px;
}

.duck-title-row h1 {
  margin: 0;
  flex: 1;
}

.duck-title-img {
  width: 230px;
  max-width: 32vw;
  height: auto;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 18px 26px rgba(0,0,0,.45));
  transform: rotate(-4deg);
}

@media (max-width: 900px) {
  .duck-title-row {
    gap: 18px;
  }

  .duck-title-img {
    width: 150px;
  }
}

@media (max-width: 640px) {
  .duck-title-row {
    display: block;
  }

  .duck-title-img {
    width: 170px;
    margin-top: 18px;
  }
}

/* Duck Race live entry board */
.duck-board-full {
  width: 100%;
}

.duck-board-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 22px;
}

.duck-count-pill {
  min-width: 120px;
  padding: 16px 18px;
  border-radius: 22px;
  background: rgba(255,22,93,.15);
  border: 1px solid rgba(255,22,93,.28);
  text-align: center;
  color: #fff;
}

.duck-count-pill span {
  display: block;
  font-size: 42px;
  line-height: 1;
  font-weight: 950;
  color: #ff165d;
}

.duck-count-pill small {
  display: block;
  margin-top: 4px;
  color: #d9dbe5;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 11px;
  font-weight: 900;
}

.duck-entry-status {
  color: #cfd5e3;
  margin: 12px 0 18px;
}

.duck-entry-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.duck-entry-card {
  position: relative;
  overflow: hidden;
  padding: 16px 16px 14px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,22,93,.18), transparent 38%),
    rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.10);
}

.duck-entry-card::before {
  content: attr(data-number);
  position: absolute;
  top: 10px;
  right: 12px;
  color: rgba(255,255,255,.12);
  font-size: 34px;
  font-weight: 950;
  line-height: 1;
}

.duck-entry-card strong {
  display: block;
  color: #fff;
  font-size: 17px;
  margin-bottom: 8px;
  padding-right: 42px;
}

.duck-entry-card span {
  display: block;
  color: #cfd5e3;
  font-size: 13px;
  line-height: 1.45;
}

.duck-entry-card .duck-review {
  margin-top: 10px;
  display: inline-flex;
  border-radius: 999px;
  padding: 6px 9px;
  background: rgba(255,193,7,.14);
  color: #ffd36e;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.duck-board-footer {
  margin-top: 20px;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(35,182,255,.10);
  color: #d9f4ff;
  border: 1px solid rgba(35,182,255,.18);
  font-weight: 700;
}

.duck-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 24px;
}

@media (max-width: 1100px) {
  .duck-entry-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .duck-board-head {
    display: block;
  }

  .duck-count-pill {
    margin-top: 18px;
  }

  .duck-entry-grid,
  .duck-info-grid {
    grid-template-columns: 1fr;
  }
}

/* Live event board */
.live-event-grid {
  display: grid;
  grid-template-columns: 1.25fr 0.9fr;
  gap: 24px;
}

.live-event-board {
  min-height: 560px;
  background:
    radial-gradient(circle at 15% 0%, rgba(255,22,93,.10), transparent 30%),
    radial-gradient(circle at 90% 0%, rgba(35,182,255,.10), transparent 28%),
    rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 20px 55px rgba(0,0,0,.28);
}

.duck-board-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;
}

.duck-board-head h2 {
  margin: 0 0 8px;
}

.duck-board-copy {
  color: #d7dcec;
  line-height: 1.6;
  margin: 0;
  max-width: 640px;
}

.duck-live-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(255,22,93,.15);
  border: 1px solid rgba(255,22,93,.30);
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .10em;
  white-space: nowrap;
}

.duck-live-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff165d;
  box-shadow: 0 0 0 0 rgba(255,22,93,.6);
  animation: duckPulse 1.6s infinite;
}

@keyframes duckPulse {
  0% { box-shadow: 0 0 0 0 rgba(255,22,93,.6); }
  70% { box-shadow: 0 0 0 12px rgba(255,22,93,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,22,93,0); }
}

.duck-board-summary {
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 16px;
  align-items: stretch;
  margin-bottom: 18px;
}

.duck-entry-count-card {
  border-radius: 22px;
  padding: 20px 18px;
  background: linear-gradient(180deg, rgba(255,22,93,.18), rgba(255,22,93,.08));
  border: 1px solid rgba(255,22,93,.25);
  text-align: center;
}

.duck-entry-count-card span {
  display: block;
  color: #fff;
  font-size: 48px;
  line-height: 1;
  font-weight: 950;
}

.duck-entry-count-card small {
  display: block;
  color: #f1d9e2;
  margin-top: 8px;
  line-height: 1.4;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.duck-board-note {
  border-radius: 22px;
  padding: 18px 20px;
  background: rgba(35,182,255,.10);
  border: 1px solid rgba(35,182,255,.18);
  color: #d9f4ff;
  font-weight: 700;
  line-height: 1.55;
  display: flex;
  align-items: center;
}

.duck-entry-list-live {
  display: grid;
  gap: 12px;
  max-height: 340px;
  overflow-y: auto;
  padding-right: 6px;
}

.duck-entry-list-live li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,22,93,.10), transparent 30%),
    rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.duck-entry-list-live li:hover {
  transform: translateY(-2px);
  border-color: rgba(255,22,93,.22);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

.duck-entry-list-live strong {
  display: block;
  color: #fff;
  font-size: 18px;
  margin-bottom: 4px;
}

.duck-entry-list-live small {
  display: block;
  color: #cbd2e3;
  font-size: 13px;
  line-height: 1.5;
}

.duck-entry-list-live .duck-chip {
  background: rgba(35,182,255,.14);
  color: #8adfff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .10em;
  text-transform: uppercase;
  padding: 10px 12px;
  min-width: 90px;
  justify-content: center;
}

.duck-entry-list-live .duck-chip.review {
  background: rgba(255,193,7,.14);
  color: #ffd36e;
}

.duck-side-stack {
  display: grid;
  gap: 24px;
}

.duck-discord-panel,
.duck-how-panel {
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 40px rgba(0,0,0,.20);
}

@media (max-width: 980px) {
  .live-event-grid {
    grid-template-columns: 1fr;
  }

  .duck-board-summary {
    grid-template-columns: 1fr;
  }

  .duck-board-head {
    display: block;
  }

  .duck-live-pill {
    margin-top: 14px;
  }
}

/* Discord winner announcement card */
.discord-winner-card {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 100% 0%, rgba(88,101,242,.24), transparent 36%),
    radial-gradient(circle at 0% 100%, rgba(255,22,93,.10), transparent 34%),
    rgba(255,255,255,.045);
}

.discord-winner-card::after {
  content: "";
  position: absolute;
  right: -50px;
  bottom: -60px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(88,101,242,.14);
  filter: blur(4px);
  pointer-events: none;
}

.discord-card-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.discord-logo-wrap {
  width: 62px;
  height: 62px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  background: rgba(88,101,242,.16);
  border: 1px solid rgba(88,101,242,.32);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}

.discord-logo-wrap img {
  width: 38px;
  height: 38px;
  display: block;
}

.discord-card-head .kicker {
  margin: 0 0 5px;
  color: #8ea0ff;
}

.discord-winner-card h2,
.discord-winner-card p,
.discord-winner-card a {
  position: relative;
  z-index: 1;
}

.discord-join-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  padding: 14px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, #5865F2, #7b86ff);
  color: #fff;
  text-decoration: none;
  font-weight: 950;
  letter-spacing: .02em;
  box-shadow: 0 16px 34px rgba(88,101,242,.25);
}

.discord-join-btn:hover {
  transform: translateY(-1px);
}

.discord-small-note {
  margin-top: 14px;
  color: #cfd5e3;
  font-size: 13px;
  line-height: 1.55;
}

/* Center Discord button and note */
.discord-join-btn {
  display: flex;
  width: max-content;
  margin: 16px auto 0;
}

.discord-small-note {
  text-align: center;
}

/* Simple live Duck Race CTA */
.duck-cta-simple {
  position: relative;
  overflow: hidden;
  padding: 38px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,22,93,.18), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(35,182,255,.12), transparent 34%),
    #ffffff;
}

.duck-cta-simple::after {
  content: "";
  position: absolute;
  right: -50px;
  bottom: -70px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgba(255,22,93,.08);
  pointer-events: none;
}

.duck-cta-live-pill {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,22,93,.10);
  border: 1px solid rgba(255,22,93,.18);
  color: #ff165d;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.duck-cta-live-pill span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff165d;
  box-shadow: 0 0 0 0 rgba(255,22,93,.55);
  animation: duckCtaPulse 1.6s infinite;
}

@keyframes duckCtaPulse {
  0% { box-shadow: 0 0 0 0 rgba(255,22,93,.55); }
  70% { box-shadow: 0 0 0 12px rgba(255,22,93,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,22,93,0); }
}

.duck-cta-simple h2 {
  position: relative;
  z-index: 1;
  margin: 0 0 14px;
  color: #080a10;
  font-size: clamp(34px, 4vw, 48px);
  line-height: .98;
  letter-spacing: -.05em;
}

.duck-cta-main-copy {
  position: relative;
  z-index: 1;
  color: #4d5568;
  font-size: 17px;
  line-height: 1.45;
  max-width: 520px;
  margin-bottom: 22px;
}

.duck-cta-mini-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 22px 0;
}

.duck-cta-mini-row div {
  padding: 12px 10px;
  border-radius: 14px;
  background: rgba(8,10,16,.045);
  border: 1px solid rgba(8,10,16,.08);
  color: #080a10;
  font-size: 13px;
  font-weight: 950;
  text-align: center;
}

.duck-cta-simple .duck-cta-btn {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 4px;
  text-decoration: none;
}

.duck-cta-simple .tiny {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  text-align: center;
}

@media (max-width: 700px) {
  .duck-cta-mini-row {
    grid-template-columns: 1fr;
  }

  .duck-cta-simple {
    padding: 28px;
  }
}

/* Simple live Duck Race CTA */
.duck-cta-simple {
  position: relative;
  overflow: hidden;
  padding: 38px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,22,93,.18), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(35,182,255,.12), transparent 34%),
    #ffffff;
}

.duck-cta-simple::after {
  content: "";
  position: absolute;
  right: -50px;
  bottom: -70px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: rgba(255,22,93,.08);
  pointer-events: none;
}

.duck-cta-live-pill {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,22,93,.10);
  border: 1px solid rgba(255,22,93,.18);
  color: #ff165d;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.duck-cta-live-pill span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff165d;
  box-shadow: 0 0 0 0 rgba(255,22,93,.55);
  animation: duckCtaPulse 1.6s infinite;
}

@keyframes duckCtaPulse {
  0% { box-shadow: 0 0 0 0 rgba(255,22,93,.55); }
  70% { box-shadow: 0 0 0 12px rgba(255,22,93,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,22,93,0); }
}

.duck-cta-simple h2 {
  position: relative;
  z-index: 1;
  margin: 0 0 14px;
  color: #080a10;
  font-size: clamp(34px, 4vw, 48px);
  line-height: .98;
  letter-spacing: -.05em;
}

.duck-cta-main-copy {
  position: relative;
  z-index: 1;
  color: #4d5568;
  font-size: 17px;
  line-height: 1.45;
  max-width: 520px;
  margin-bottom: 22px;
}

.duck-cta-mini-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 22px 0;
}

.duck-cta-mini-row div {
  padding: 12px 10px;
  border-radius: 14px;
  background: rgba(8,10,16,.045);
  border: 1px solid rgba(8,10,16,.08);
  color: #080a10;
  font-size: 13px;
  font-weight: 950;
  text-align: center;
}

.duck-cta-simple .duck-cta-btn {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 4px;
  text-decoration: none;
}

.duck-cta-simple .tiny {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  text-align: center;
}

@media (max-width: 700px) {
  .duck-cta-mini-row {
    grid-template-columns: 1fr;
  }

  .duck-cta-simple {
    padding: 28px;
  }
}

/* Clean single Duck Race CTA */
.duck-cta-simple {
  position: relative;
  overflow: hidden;
  padding: 38px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,22,93,.10), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(35,182,255,.10), transparent 34%),
    #ffffff;
}

.duck-cta-simple::after {
  content: "";
  position: absolute;
  right: -48px;
  bottom: -68px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255,22,93,.07);
  pointer-events: none;
}

.duck-cta-live-pill {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(25,211,125,.10);
  border: 1px solid rgba(25,211,125,.22);
  color: #15b86a;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.duck-cta-live-pill span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #19d37d;
  box-shadow: 0 0 0 0 rgba(25,211,125,.55);
  animation: duckCtaPulseGreen 1.6s infinite;
}

@keyframes duckCtaPulseGreen {
  0% { box-shadow: 0 0 0 0 rgba(25,211,125,.55); }
  70% { box-shadow: 0 0 0 12px rgba(25,211,125,0); }
  100% { box-shadow: 0 0 0 0 rgba(25,211,125,0); }
}

.duck-cta-simple h2 {
  position: relative;
  z-index: 1;
  margin: 0 0 14px;
  color: #080a10;
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1.02;
  letter-spacing: -.05em;
}

.duck-cta-main-copy {
  position: relative;
  z-index: 1;
  color: #4d5568;
  font-size: 18px;
  line-height: 1.45;
  max-width: 540px;
  margin-bottom: 22px;
}

.duck-cta-mini-row {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 20px 0 22px;
}

.duck-cta-mini-row div {
  padding: 12px 10px;
  border-radius: 14px;
  background: rgba(8,10,16,.045);
  border: 1px solid rgba(8,10,16,.08);
  color: #080a10;
  font-size: 13px;
  font-weight: 900;
  text-align: center;
}

.duck-cta-simple .duck-cta-btn {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 2px;
  text-decoration: none;
}

.duck-cta-simple .tiny {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  text-align: center;
}

@media (max-width: 700px) {
  .duck-cta-mini-row {
    grid-template-columns: 1fr;
  }

  .duck-cta-simple {
    padding: 28px;
  }
}

/* Final clean Weekly Duck Race CTA section */
.duck-race-cta-section .duck-race-cta-wrap {
  align-items: center;
}

.duck-race-cta-card {
  position: relative;
  overflow: hidden;
  padding: 38px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,22,93,.10), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(35,182,255,.10), transparent 34%),
    #ffffff;
}

.duck-race-cta-card::after {
  content: "";
  position: absolute;
  right: -48px;
  bottom: -68px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(255,22,93,.07);
  pointer-events: none;
}

.duck-race-live-pill {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 20px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(25,211,125,.10);
  border: 1px solid rgba(25,211,125,.22);
  color: #15b86a;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.duck-race-live-pill span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #19d37d;
  box-shadow: 0 0 0 0 rgba(25,211,125,.55);
  animation: duckRacePulseGreen 1.6s infinite;
}

@keyframes duckRacePulseGreen {
  0% { box-shadow: 0 0 0 0 rgba(25,211,125,.55); }
  70% { box-shadow: 0 0 0 12px rgba(25,211,125,0); }
  100% { box-shadow: 0 0 0 0 rgba(25,211,125,0); }
}

.duck-race-cta-card h2 {
  position: relative;
  z-index: 1;
  margin: 0 0 14px;
  color: #080a10;
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1.02;
  letter-spacing: -.05em;
}

.duck-race-cta-main {
  position: relative;
  z-index: 1;
  color: #4d5568;
  font-size: 18px;
  line-height: 1.45;
  max-width: 540px;
  margin: 0 0 22px;
}

.duck-race-steps {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
  margin: 20px 0 22px;
}

.duck-race-steps div {
  padding: 14px 15px;
  border-radius: 14px;
  background: rgba(8,10,16,.045);
  border: 1px solid rgba(8,10,16,.08);
}

.duck-race-steps strong {
  display: block;
  color: #080a10;
  font-size: 15px;
  font-weight: 950;
  margin-bottom: 4px;
}

.duck-race-steps span {
  display: block;
  color: #5d6577;
  font-size: 14px;
  line-height: 1.4;
}

.duck-race-section-cta-btn {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 2px;
  text-decoration: none;
}

.duck-race-cta-card .tiny {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  text-align: center;
}

@media (max-width: 700px) {
  .duck-race-cta-card {
    padding: 28px;
  }
}

/* Help Grow the Duck Race section */
.grow-duck-race-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,22,93,.12), transparent 32%),
    #070810;
}

.grow-duck-race-section .section-head {
  max-width: 860px;
  margin: 0 auto 34px;
  text-align: center;
}

.grow-duck-race-section .section-head h2 {
  font-size: clamp(42px, 5vw, 72px);
  line-height: .96;
  letter-spacing: -.05em;
  margin-bottom: 18px;
}

.grow-duck-race-section .section-head p {
  color: #d9dbe5;
  font-size: 18px;
  line-height: 1.55;
}

.grow-duck-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

.grow-duck-card {
  position: relative;
  overflow: hidden;
  min-height: 230px;
  padding: 30px;
  border-radius: 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255,22,93,.10), transparent 34%),
    rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 18px 40px rgba(0,0,0,.20);
}

.grow-duck-card-feature {
  background:
    radial-gradient(circle at 100% 0%, rgba(25,211,125,.15), transparent 34%),
    radial-gradient(circle at 0% 100%, rgba(255,22,93,.10), transparent 34%),
    rgba(255,255,255,.055);
}

.grow-duck-number {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #ff165d;
  color: #fff;
  font-weight: 950;
  margin-bottom: 24px;
}

.grow-duck-card-feature .grow-duck-number {
  background: #19d37d;
  color: #06120b;
}

.grow-duck-card h3 {
  color: #fff;
  margin: 0 0 12px;
  font-size: 25px;
  line-height: 1.05;
}

.grow-duck-card p {
  color: #d9dbe5;
  line-height: 1.55;
  margin-bottom: 22px;
}

.grow-duck-card a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 12px 16px;
  background: rgba(255,22,93,.14);
  border: 1px solid rgba(255,22,93,.26);
  color: #fff;
  text-decoration: none;
  font-weight: 900;
}

.grow-duck-card-feature a {
  background: rgba(25,211,125,.14);
  border-color: rgba(25,211,125,.28);
}

@media (max-width: 900px) {
  .grow-duck-grid {
    grid-template-columns: 1fr;
  }
}

/* Footer Dodo logo mark */
.footer-logo-img {
  width: 36px !important;
  height: 36px !important;
  object-fit: contain !important;
  display: inline-block !important;
  flex: 0 0 36px !important;
}

.footer-logo-mark {
  display: none !important;
}

/* Correct footer logo mark size */
.footer-logo {
  align-items: center !important;
}

.footer-logo-img {
  width: 46px !important;
  height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  object-fit: contain !important;
  display: inline-block !important;
  flex: 0 0 46px !important;
}

.footer-logo-mark {
  display: none !important;
}

@media(max-width:620px){
  .footer-logo-img {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    flex: 0 0 42px !important;
  }
}

/* Footer brand column alignment */
.footer-brand {
  width: 320px !important;
  max-width: 320px !important;
}

.footer-logo {
  width: 320px !important;
  max-width: 320px !important;
  display: flex !important;
  align-items: center !important;
}

.footer-tagline {
  width: 320px !important;
  max-width: 320px !important;
}

@media(max-width:980px){
  .footer-brand,
  .footer-logo,
  .footer-tagline {
    width: 100% !important;
    max-width: 420px !important;
  }
}

@media(max-width:620px){
  .footer-brand,
  .footer-logo,
  .footer-tagline {
    width: 100% !important;
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .footer-logo {
    justify-content: center !important;
  }

  .footer-tagline {
    text-align: center !important;
  }
}

/* Legal and contact pages */
.legal-section {
  min-height: 60vh !important;
}

.legal-copy {
  max-width: 920px !important;
  margin: 34px auto 0 !important;
  color: #d9dbe5 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

.legal-copy h2 {
  color: #ffffff !important;
  font-size: 24px !important;
  margin: 34px 0 10px !important;
}

.legal-copy p {
  margin: 0 0 18px !important;
}

.legal-copy a {
  color: #ff165d !important;
  text-decoration: none !important;
}

.legal-copy a:hover {
  text-decoration: underline !important;
}

.legal-note {
  color: #aeb4c2 !important;
  font-size: 14px !important;
  margin-top: 28px !important;
}

.legal-card-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 30px 0 !important;
}

.legal-card {
  display: block !important;
  padding: 22px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.045) !important;
  text-decoration: none !important;
}

.legal-card h2 {
  margin: 0 0 8px !important;
  font-size: 20px !important;
}

.legal-card p {
  margin: 0 !important;
  color: #d9dbe5 !important;
}

.legal-card:hover {
  border-color: rgba(255,22,93,.45) !important;
  background: rgba(255,22,93,.08) !important;
}

@media(max-width:720px){
  .legal-copy {
    font-size: 16px !important;
  }

  .legal-card-list {
    grid-template-columns: 1fr !important;
  }
}

/* Final hero button responsive placement
   Desktop: buttons low left
   Tablet: buttons stacked low left, away from centre social strip
   Phone: buttons below hero image
*/

.hero {
  position: relative !important;
}

.hero-buttons {
  z-index: 20 !important;
  pointer-events: auto !important;
}

.hero-buttons .btn {
  pointer-events: auto !important;
}

/* Tablet, iPad, and similar */
@media (min-width: 721px) and (max-width: 1180px) {
  .hero {
    position: relative !important;
    overflow: hidden !important;
  }

  .hero-buttons {
    position: absolute !important;
    left: 28px !important;
    right: auto !important;
    bottom: 24px !important;
    width: 255px !important;
    max-width: 255px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 12px !important;
  }

  .hero-buttons .btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 48px !important;
    padding: 0 18px !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

/* Small laptop */
@media (min-width: 1181px) and (max-width: 1400px) {
  .hero-buttons {
    position: absolute !important;
    left: 36px !important;
    right: auto !important;
    bottom: 24px !important;
    width: auto !important;
    max-width: 560px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 14px !important;
  }

  .hero-buttons .btn {
    min-width: 220px !important;
  }
}

/* Phone, move buttons below hero so they never cover the artwork */
@media (max-width: 720px) {
  .hero {
    overflow: visible !important;
  }

  .hero-buttons {
    position: static !important;
    width: auto !important;
    max-width: none !important;
    margin: 18px 18px 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .hero-buttons .btn {
    width: 100% !important;
    min-height: 52px !important;
    justify-content: center !important;
    text-align: center !important;
  }
}

/* Very small phones */
@media (max-width: 430px) {
  .hero-buttons {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
}

/* Gentle Duck Race bob animation
   Only animates the duck image, not the HTML text.
*/
.duck-title-img {
  animation: dodoDuckBob 4.2s ease-in-out infinite !important;
  transform-origin: 50% 85% !important;
  will-change: transform !important;
}

@keyframes dodoDuckBob {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }

  25% {
    transform: translateY(-3px) rotate(-0.35deg);
  }

  50% {
    transform: translateY(-6px) rotate(0deg);
  }

  75% {
    transform: translateY(-3px) rotate(0.35deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .duck-title-img {
    animation: none !important;
  }
}

/* Duck Race form, clickable legal links */
.consent-link,
.giveaway-form label a,
form label a.consent-link,
form .consent-link {
  color: #ff1f6d !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 2px !important;
}

.consent-link:hover,
.giveaway-form label a:hover,
form label a.consent-link:hover,
form .consent-link:hover {
  color: #ffffff !important;
}

.consent-link:focus,
.giveaway-form label a:focus,
form label a.consent-link:focus,
form .consent-link:focus {
  outline: 2px solid #ff1f6d !important;
  outline-offset: 2px !important;
  border-radius: 4px !important;
}

/* Duck Race consent links, final calmer version */
.consent-link,
.giveway-form label a,
.giveaway-form label a,
form label a.consent-link,
form .consent-link {
  color: inherit !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  border-bottom: none !important;
  cursor: pointer !important;
}

.consent-link:hover,
.giveway-form label a:hover,
.giveaway-form label a:hover,
form label a.consent-link:hover,
form .consent-link:hover {
  color: #ff165d !important;
  text-decoration: none !important;
}

.consent-link:focus-visible,
.giveway-form label a:focus-visible,
.giveaway-form label a:focus-visible,
form label a.consent-link:focus-visible,
form .consent-link:focus-visible {
  color: #ff165d !important;
  outline: 2px solid #ff165d !important;
  outline-offset: 3px !important;
  border-radius: 4px !important;
}

/* Desktop button hover feedback */
@media (hover: hover) and (pointer: fine) {
  .btn,
  .top-cta,
  .mobile-cta,
  button.btn,
  a.btn,
  .firm-card,
  .prop-card,
  .legal-card {
    transition:
      transform 160ms ease,
      box-shadow 160ms ease,
      filter 160ms ease,
      background-color 160ms ease,
      border-color 160ms ease,
      color 160ms ease !important;
    cursor: pointer !important;
  }

  .btn:hover,
  .top-cta:hover,
  .mobile-cta:hover,
  button.btn:hover,
  a.btn:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.08) !important;
    box-shadow: 0 14px 34px rgba(255, 22, 93, 0.28) !important;
  }

  .btn:active,
  .top-cta:active,
  .mobile-cta:active,
  button.btn:active,
  a.btn:active {
    transform: translateY(0) scale(0.99) !important;
    filter: brightness(0.98) !important;
    box-shadow: 0 8px 20px rgba(255, 22, 93, 0.18) !important;
  }

  .btn-outline:hover,
  .btn.btn-outline:hover {
    border-color: rgba(255, 22, 93, 0.85) !important;
    color: #ffffff !important;
    background: rgba(255, 22, 93, 0.12) !important;
  }

  .firm-card:hover,
  .prop-card:hover,
  .legal-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(255, 22, 93, 0.35) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.28) !important;
  }
}

.btn:focus-visible,
.top-cta:focus-visible,
.mobile-cta:focus-visible,
button.btn:focus-visible,
a.btn:focus-visible {
  outline: 3px solid rgba(255, 22, 93, 0.65) !important;
  outline-offset: 3px !important;
}


/* Homepage Raid Model four card section */

.homepage-raid-cards {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .homepage-raid-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .homepage-raid-cards {
    grid-template-columns: 1fr;
  }
}

/* DODO SOFT LAUNCH CODE DODO HERO */
.soft-launch-hero {
  position: relative !important;
  min-height: clamp(560px, 42vw, 760px) !important;
  background: #020308 !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

.soft-launch-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(2,3,8,.92) 0%, rgba(2,3,8,.74) 28%, rgba(2,3,8,.28) 54%, rgba(2,3,8,.06) 100%),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.30)) !important;
}

.soft-launch-hero .hero-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  z-index: 1 !important;
}

.soft-launch-hero .hero-copy {
  position: relative !important;
  z-index: 5 !important;
  width: min(680px, 48vw) !important;
  padding: clamp(72px, 8vw, 128px) 0 clamp(72px, 8vw, 120px) clamp(28px, 6vw, 92px) !important;
}

.soft-launch-hero .hero-kicker {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0 18px !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,22,93,.35) !important;
  background: rgba(255,22,93,.12) !important;
  color: #ff8ab2 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.soft-launch-hero h1 {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-size: clamp(48px, 6.2vw, 96px) !important;
  line-height: .92 !important;
  letter-spacing: -.07em !important;
  max-width: 760px !important;
  text-shadow: 0 18px 46px rgba(0,0,0,.65) !important;
}

.soft-launch-hero .hero-lead {
  margin: 0 0 18px !important;
  max-width: 620px !important;
  color: #f1f3f8 !important;
  font-size: clamp(18px, 1.55vw, 24px) !important;
  line-height: 1.42 !important;
  font-weight: 800 !important;
}

.soft-launch-hero .hero-affiliate-note {
  margin: 0 0 24px !important;
  max-width: 610px !important;
  color: #cfd5e3 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

.soft-launch-hero .hero-buttons {
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: auto !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 14px !important;
  margin: 0 0 18px !important;
  z-index: 6 !important;
}

.soft-launch-hero .hero-buttons .btn {
  width: auto !important;
  min-width: 220px !important;
  min-height: 56px !important;
  padding: 0 28px !important;
  text-align: center !important;
}

.soft-launch-hero .hero-slogan {
  margin: 0 !important;
  color: #ff8ab2 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
}

@media (max-width: 980px) {
  .soft-launch-hero {
    min-height: auto !important;
  }

  .soft-launch-hero .hero-img {
    position: relative !important;
    display: block !important;
    height: auto !important;
    width: 150% !important;
    max-width: none !important;
    margin-left: -48% !important;
    opacity: .76 !important;
  }

  .soft-launch-hero::after {
    background:
      linear-gradient(180deg, rgba(2,3,8,.18) 0%, rgba(2,3,8,.64) 48%, rgba(2,3,8,.98) 100%) !important;
  }

  .soft-launch-hero .hero-copy {
    position: relative !important;
    width: auto !important;
    max-width: none !important;
    padding: 28px 22px 42px !important;
    margin-top: -80px !important;
  }

  .soft-launch-hero h1 {
    font-size: clamp(40px, 10vw, 62px) !important;
    line-height: .96 !important;
  }

  .soft-launch-hero .hero-lead {
    font-size: 18px !important;
  }

  .soft-launch-hero .hero-buttons {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .soft-launch-hero .hero-buttons .btn {
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 520px) {
  .soft-launch-hero .hero-img {
    width: 190% !important;
    margin-left: -82% !important;
  }

  .soft-launch-hero .hero-copy {
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-top: -58px !important;
  }

  .soft-launch-hero .hero-affiliate-note {
    font-size: 14px !important;
  }
}

/* DODO HERO V2 ASSEMBLY */
.dodo-hero-v2 {
  position: relative !important;
  min-height: clamp(690px, 49vw, 840px) !important;
  background: #020307 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.dodo-hero-v2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(2,3,7,.94) 0%, rgba(2,3,7,.84) 24%, rgba(2,3,7,.48) 45%, rgba(2,3,7,.10) 68%, rgba(2,3,7,.12) 100%),
    radial-gradient(circle at 38% 52%, rgba(255,22,93,.13), transparent 31%),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.50)) !important;
}

.dodo-hero-v2 .hero-bg-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 1 !important;
  opacity: .96 !important;
}

.dodo-hero-v2 .hero-content {
  position: relative !important;
  z-index: 5 !important;
  width: min(660px, 45vw) !important;
  padding: clamp(74px, 7vw, 118px) 0 158px clamp(34px, 5vw, 78px) !important;
}

.dodo-hero-v2 .hero-kicker {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 0 22px !important;
  padding: 12px 18px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(255,22,93,.58) !important;
  background: rgba(255,22,93,.07) !important;
  color: #ff9abb !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.dodo-hero-v2 h1 {
  margin: 0 0 22px !important;
  color: #ffffff !important;
  font-size: clamp(54px, 5.7vw, 92px) !important;
  line-height: .93 !important;
  letter-spacing: -.065em !important;
  max-width: 670px !important;
  text-transform: uppercase !important;
  text-shadow: 0 18px 48px rgba(0,0,0,.70) !important;
}

.dodo-hero-v2 h1 span {
  color: #ff165d !important;
  font-style: italic !important;
}

.dodo-hero-v2 .hero-lead {
  margin: 0 0 16px !important;
  max-width: 590px !important;
  color: #f3f5fb !important;
  font-size: clamp(19px, 1.45vw, 25px) !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  text-shadow: 0 10px 30px rgba(0,0,0,.65) !important;
}

.dodo-hero-v2 .hero-affiliate-note {
  margin: 0 0 26px !important;
  max-width: 585px !important;
  color: #cfd5e3 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

.dodo-hero-v2 .hero-action-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 20px !important;
  max-width: 680px !important;
}

.dodo-hero-v2 .hero-action {
  min-height: 82px !important;
  padding: 15px 17px !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.44) !important;
  border: 1px solid rgba(255,22,93,.33) !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 5px !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.30) !important;
}

.dodo-hero-v2 .hero-action:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(255,22,93,.70) !important;
  background: rgba(255,22,93,.12) !important;
}

.dodo-hero-v2 .hero-action strong {
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

.dodo-hero-v2 .hero-action span {
  color: #ff9abb !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.dodo-hero-v2 .hero-action-primary {
  background: #ff165d !important;
  border-color: #ff165d !important;
}

.dodo-hero-v2 .hero-action-primary span {
  color: #ffffff !important;
  opacity: .88 !important;
}

.dodo-hero-v2 .hero-action-discord {
  border-color: rgba(120,100,255,.50) !important;
}

.dodo-hero-v2 .hero-social-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  max-width: 680px !important;
  padding: 15px 18px !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.50) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  color: #d9dbe5 !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.26) !important;
}

.dodo-hero-v2 .hero-social-row span {
  color: #ffffff !important;
  font-weight: 950 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}

.dodo-hero-v2 .hero-social-row a {
  color: #ffffff !important;
  font-weight: 900 !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.dodo-hero-v2 .hero-social-row a:hover {
  color: #ff165d !important;
  border-color: rgba(255,22,93,.45) !important;
}

.dodo-hero-v2 .hero-proof-bar {
  position: absolute !important;
  left: clamp(34px, 5vw, 78px) !important;
  right: clamp(34px, 5vw, 78px) !important;
  bottom: 34px !important;
  z-index: 5 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  border-radius: 14px !important;
  background: rgba(0,0,0,.58) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.35) !important;
  overflow: hidden !important;
}

.dodo-hero-v2 .hero-proof-bar div {
  padding: 18px 20px !important;
  border-right: 1px solid rgba(255,255,255,.12) !important;
}

.dodo-hero-v2 .hero-proof-bar div:last-child {
  border-right: 0 !important;
}

.dodo-hero-v2 .hero-proof-bar strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  margin-bottom: 5px !important;
}

.dodo-hero-v2 .hero-proof-bar span {
  display: block !important;
  color: #cbd2e3 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

@media (max-width: 1180px) {
  .dodo-hero-v2 {
    min-height: auto !important;
  }

  .dodo-hero-v2 .hero-bg-image {
    position: relative !important;
    display: block !important;
    width: 150% !important;
    height: auto !important;
    max-width: none !important;
    margin-left: -42% !important;
    opacity: .82 !important;
  }

  .dodo-hero-v2::before {
    background:
      linear-gradient(180deg, rgba(2,3,7,.08) 0%, rgba(2,3,7,.62) 44%, rgba(2,3,7,.98) 100%) !important;
  }

  .dodo-hero-v2 .hero-content {
    width: auto !important;
    max-width: none !important;
    padding: 28px 22px 28px !important;
    margin-top: -86px !important;
  }

  .dodo-hero-v2 .hero-action-grid {
    grid-template-columns: 1fr !important;
    max-width: none !important;
  }

  .dodo-hero-v2 .hero-proof-bar {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 22px 28px !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .dodo-hero-v2 .hero-proof-bar div:nth-child(2) {
    border-right: 0 !important;
  }

  .dodo-hero-v2 .hero-proof-bar div:nth-child(1),
  .dodo-hero-v2 .hero-proof-bar div:nth-child(2) {
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }
}

@media (max-width: 640px) {
  .dodo-hero-v2 .hero-bg-image {
    width: 205% !important;
    margin-left: -92% !important;
  }

  .dodo-hero-v2 .hero-content {
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-top: -60px !important;
  }

  .dodo-hero-v2 h1 {
    font-size: clamp(42px, 13vw, 58px) !important;
  }

  .dodo-hero-v2 .hero-lead {
    font-size: 18px !important;
  }

  .dodo-hero-v2 .hero-affiliate-note {
    font-size: 14px !important;
  }

  .dodo-hero-v2 .hero-proof-bar {
    margin-left: 18px !important;
    margin-right: 18px !important;
    grid-template-columns: 1fr !important;
  }

  .dodo-hero-v2 .hero-proof-bar div {
    border-right: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }

  .dodo-hero-v2 .hero-proof-bar div:last-child {
    border-bottom: 0 !important;
  }
}

/* DODO CENTER BEAK HERO */
.dodo-center-hero {
  position: relative !important;
  min-height: clamp(660px, 50vw, 820px) !important;
  background: #020408 !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-bottom: 1px solid rgba(255,255,255,.10) !important;
}

.dodo-center-hero .center-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 1 !important;
  opacity: 1 !important;
}

.dodo-center-hero .center-hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(0,0,0,.48) 0%, rgba(0,0,0,.54) 32%, rgba(0,0,0,.73) 66%, rgba(0,0,0,.86) 100%),
    linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.56)) !important;
}

.dodo-center-hero .center-hero-inner {
  position: relative !important;
  z-index: 5 !important;
  min-height: clamp(660px, 50vw, 820px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: clamp(68px, 7vw, 112px) 24px 42px !important;
  max-width: 1040px !important;
  margin: 0 auto !important;
}

.hero-pill-row {
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 0 22px !important;
}

.hero-led-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 38px !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.46) !important;
  border: 1px solid rgba(255,22,93,.38) !important;
  color: #f3f5fb !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
}

.hero-led-pill i {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #ff165d !important;
  box-shadow: 0 0 0 0 rgba(255,22,93,.65) !important;
  animation: dodoHeroLed 1.55s infinite !important;
}

@keyframes dodoHeroLed {
  0% { box-shadow: 0 0 0 0 rgba(255,22,93,.65); }
  70% { box-shadow: 0 0 0 9px rgba(255,22,93,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,22,93,0); }
}

.dodo-center-hero h1 {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-size: clamp(52px, 7vw, 112px) !important;
  line-height: .92 !important;
  letter-spacing: -.07em !important;
  text-transform: uppercase !important;
  text-shadow: 0 18px 50px rgba(0,0,0,.78) !important;
  max-width: 960px !important;
}

.dodo-center-hero h1 span {
  display: block !important;
  color: #ff165d !important;
  font-style: italic !important;
  text-shadow:
    0 0 24px rgba(255,22,93,.36),
    0 18px 50px rgba(0,0,0,.78) !important;
}

.center-hero-lead {
  max-width: 760px !important;
  margin: 0 auto 13px !important;
  color: #f3f5fb !important;
  font-size: clamp(18px, 1.55vw, 25px) !important;
  line-height: 1.38 !important;
  font-weight: 850 !important;
  text-shadow: 0 14px 34px rgba(0,0,0,.70) !important;
}

.center-hero-note {
  max-width: 640px !important;
  margin: 0 auto 28px !important;
  color: #d7dceb !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  text-shadow: 0 12px 30px rgba(0,0,0,.72) !important;
}

.center-hero-note strong {
  color: #ff7da8 !important;
  letter-spacing: .06em !important;
}

.center-hero-buttons {
  display: flex !important;
  justify-content: center !important;
  gap: 14px !important;
  margin: 0 0 24px !important;
}

.center-hero-buttons .btn {
  width: auto !important;
  min-width: 210px !important;
  min-height: 56px !important;
  padding: 0 30px !important;
  border-radius: 999px !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.35) !important;
}

.center-hero-socials {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: auto !important;
  padding: 14px !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,.50) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.34) !important;
}

.center-hero-socials a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}

.center-hero-socials a:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(255,22,93,.48) !important;
  background: rgba(255,22,93,.10) !important;
}

.center-hero-socials img {
  width: 25px !important;
  height: 25px !important;
  display: block !important;
  flex: 0 0 25px !important;
}

@media (max-width: 980px) {
  .dodo-center-hero {
    min-height: 760px !important;
  }

  .dodo-center-hero .center-hero-bg {
    object-position: center center !important;
  }

  .dodo-center-hero .center-hero-inner {
    min-height: 760px !important;
    padding: 72px 22px 30px !important;
  }

  .dodo-center-hero h1 {
    font-size: clamp(46px, 10vw, 78px) !important;
  }

  .center-hero-buttons {
    flex-direction: column !important;
    width: min(420px, 100%) !important;
  }

  .center-hero-buttons .btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  .center-hero-socials {
    width: min(520px, 100%) !important;
    border-radius: 24px !important;
  }
}

@media (max-width: 560px) {
  .dodo-center-hero {
    min-height: 780px !important;
  }

  .dodo-center-hero .center-hero-bg {
    object-position: center center !important;
    opacity: .92 !important;
  }

  .dodo-center-hero .center-hero-overlay {
    background:
      radial-gradient(circle at 50% 43%, rgba(0,0,0,.44) 0%, rgba(0,0,0,.67) 42%, rgba(0,0,0,.90) 100%),
      linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.72)) !important;
  }

  .dodo-center-hero .center-hero-inner {
    min-height: 780px !important;
    padding: 58px 18px 24px !important;
  }

  .hero-pill-row {
    gap: 8px !important;
    margin-bottom: 18px !important;
  }

  .hero-led-pill {
    font-size: 10px !important;
    min-height: 32px !important;
    padding: 0 11px !important;
  }

  .dodo-center-hero h1 {
    font-size: clamp(42px, 15vw, 60px) !important;
  }

  .center-hero-lead {
    font-size: 17px !important;
  }

  .center-hero-note {
    font-size: 14px !important;
    margin-bottom: 22px !important;
  }

  .center-hero-socials {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    border-radius: 22px !important;
    gap: 10px !important;
  }

  .center-hero-socials a {
    justify-content: center !important;
    padding: 0 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-led-pill i {
    animation: none !important;
  }
}

/* DODO HERO DARK TINT AND CONTROLLED GLOWS */
.dodo-hero-v2 .hero-bg-image {
  filter: brightness(.54) contrast(1.12) saturate(1.06) !important;
}

.dodo-hero-v2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.18) 42%, rgba(0,0,0,.58) 100%),
    linear-gradient(90deg, rgba(0,0,0,.56) 0%, rgba(0,0,0,.28) 42%, rgba(0,0,0,.44) 100%),
    radial-gradient(circle at 50% 45%, rgba(255,22,93,.18), transparent 26%),
    radial-gradient(circle at 68% 56%, rgba(0,220,255,.12), transparent 30%),
    radial-gradient(circle at 50% 52%, rgba(255,22,93,.12), transparent 42%) !important;
}

.dodo-hero-v2::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 47%, rgba(255,22,93,.20), transparent 18%),
    radial-gradient(circle at 72% 72%, rgba(0,220,255,.16), transparent 22%),
    radial-gradient(circle at 30% 22%, rgba(255,22,93,.08), transparent 24%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.34) 100%) !important;
  opacity: .82 !important;
}

.dodo-hero-v2 .hero-content,
.dodo-hero-v2 .hero-proof-bar {
  position: relative !important;
  z-index: 6 !important;
}

@media (max-width: 1180px) {
  .dodo-hero-v2 .hero-bg-image {
    filter: brightness(.46) contrast(1.14) saturate(1.02) !important;
  }

  .dodo-hero-v2::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.64) 46%, rgba(0,0,0,.94) 100%),
      radial-gradient(circle at 50% 38%, rgba(255,22,93,.18), transparent 30%),
      radial-gradient(circle at 70% 55%, rgba(0,220,255,.11), transparent 28%) !important;
  }

  .dodo-hero-v2::after {
    opacity: .70 !important;
  }
}

@media (max-width: 640px) {
  .dodo-hero-v2 .hero-bg-image {
    filter: brightness(.42) contrast(1.12) saturate(1.00) !important;
  }

  .dodo-hero-v2::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.70) 42%, rgba(0,0,0,.96) 100%),
      radial-gradient(circle at 50% 34%, rgba(255,22,93,.16), transparent 32%),
      radial-gradient(circle at 62% 55%, rgba(0,220,255,.10), transparent 30%) !important;
  }
}

/* DODO HERO DARK TINT AND CONTROLLED GLOWS */
.dodo-hero-v2 .hero-bg-image {
  filter: brightness(.54) contrast(1.12) saturate(1.06) !important;
}

.dodo-hero-v2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.18) 42%, rgba(0,0,0,.58) 100%),
    linear-gradient(90deg, rgba(0,0,0,.56) 0%, rgba(0,0,0,.28) 42%, rgba(0,0,0,.44) 100%),
    radial-gradient(circle at 50% 45%, rgba(255,22,93,.18), transparent 26%),
    radial-gradient(circle at 68% 56%, rgba(0,220,255,.12), transparent 30%),
    radial-gradient(circle at 50% 52%, rgba(255,22,93,.12), transparent 42%) !important;
}

.dodo-hero-v2::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 47%, rgba(255,22,93,.20), transparent 18%),
    radial-gradient(circle at 72% 72%, rgba(0,220,255,.16), transparent 22%),
    radial-gradient(circle at 30% 22%, rgba(255,22,93,.08), transparent 24%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.34) 100%) !important;
  opacity: .82 !important;
}

.dodo-hero-v2 .hero-content,
.dodo-hero-v2 .hero-proof-bar {
  position: relative !important;
  z-index: 6 !important;
}

@media (max-width: 1180px) {
  .dodo-hero-v2 .hero-bg-image {
    filter: brightness(.46) contrast(1.14) saturate(1.02) !important;
  }

  .dodo-hero-v2::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.64) 46%, rgba(0,0,0,.94) 100%),
      radial-gradient(circle at 50% 38%, rgba(255,22,93,.18), transparent 30%),
      radial-gradient(circle at 70% 55%, rgba(0,220,255,.11), transparent 28%) !important;
  }

  .dodo-hero-v2::after {
    opacity: .70 !important;
  }
}

@media (max-width: 640px) {
  .dodo-hero-v2 .hero-bg-image {
    filter: brightness(.42) contrast(1.12) saturate(1.00) !important;
  }

  .dodo-hero-v2::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.70) 42%, rgba(0,0,0,.96) 100%),
      radial-gradient(circle at 50% 34%, rgba(255,22,93,.16), transparent 32%),
      radial-gradient(circle at 62% 55%, rgba(0,220,255,.10), transparent 30%) !important;
  }
}

/* DODO HERO DARK TINT AND CONTROLLED GLOWS */
.dodo-hero-v2 .hero-bg-image {
  filter: brightness(.54) contrast(1.12) saturate(1.06) !important;
}

.dodo-hero-v2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.18) 42%, rgba(0,0,0,.58) 100%),
    linear-gradient(90deg, rgba(0,0,0,.56) 0%, rgba(0,0,0,.28) 42%, rgba(0,0,0,.44) 100%),
    radial-gradient(circle at 50% 45%, rgba(255,22,93,.18), transparent 26%),
    radial-gradient(circle at 68% 56%, rgba(0,220,255,.12), transparent 30%),
    radial-gradient(circle at 50% 52%, rgba(255,22,93,.12), transparent 42%) !important;
}

.dodo-hero-v2::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 47%, rgba(255,22,93,.20), transparent 18%),
    radial-gradient(circle at 72% 72%, rgba(0,220,255,.16), transparent 22%),
    radial-gradient(circle at 30% 22%, rgba(255,22,93,.08), transparent 24%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.34) 100%) !important;
  opacity: .82 !important;
}

.dodo-hero-v2 .hero-content,
.dodo-hero-v2 .hero-proof-bar {
  position: relative !important;
  z-index: 6 !important;
}

@media (max-width: 1180px) {
  .dodo-hero-v2 .hero-bg-image {
    filter: brightness(.46) contrast(1.14) saturate(1.02) !important;
  }

  .dodo-hero-v2::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.64) 46%, rgba(0,0,0,.94) 100%),
      radial-gradient(circle at 50% 38%, rgba(255,22,93,.18), transparent 30%),
      radial-gradient(circle at 70% 55%, rgba(0,220,255,.11), transparent 28%) !important;
  }

  .dodo-hero-v2::after {
    opacity: .70 !important;
  }
}

@media (max-width: 640px) {
  .dodo-hero-v2 .hero-bg-image {
    filter: brightness(.42) contrast(1.12) saturate(1.00) !important;
  }

  .dodo-hero-v2::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.70) 42%, rgba(0,0,0,.96) 100%),
      radial-gradient(circle at 50% 34%, rgba(255,22,93,.16), transparent 32%),
      radial-gradient(circle at 62% 55%, rgba(0,220,255,.10), transparent 30%) !important;
  }
}

/* DODO HERO DARK TINT AND CONTROLLED GLOWS */
.dodo-hero-v2 .hero-bg-image {
  filter: brightness(.54) contrast(1.12) saturate(1.06) !important;
}

.dodo-hero-v2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.18) 42%, rgba(0,0,0,.58) 100%),
    linear-gradient(90deg, rgba(0,0,0,.56) 0%, rgba(0,0,0,.28) 42%, rgba(0,0,0,.44) 100%),
    radial-gradient(circle at 50% 45%, rgba(255,22,93,.18), transparent 26%),
    radial-gradient(circle at 68% 56%, rgba(0,220,255,.12), transparent 30%),
    radial-gradient(circle at 50% 52%, rgba(255,22,93,.12), transparent 42%) !important;
}

.dodo-hero-v2::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 47%, rgba(255,22,93,.20), transparent 18%),
    radial-gradient(circle at 72% 72%, rgba(0,220,255,.16), transparent 22%),
    radial-gradient(circle at 30% 22%, rgba(255,22,93,.08), transparent 24%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.34) 100%) !important;
  opacity: .82 !important;
}

.dodo-hero-v2 .hero-content,
.dodo-hero-v2 .hero-proof-bar {
  position: relative !important;
  z-index: 6 !important;
}

@media (max-width: 1180px) {
  .dodo-hero-v2 .hero-bg-image {
    filter: brightness(.46) contrast(1.14) saturate(1.02) !important;
  }

  .dodo-hero-v2::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.64) 46%, rgba(0,0,0,.94) 100%),
      radial-gradient(circle at 50% 38%, rgba(255,22,93,.18), transparent 30%),
      radial-gradient(circle at 70% 55%, rgba(0,220,255,.11), transparent 28%) !important;
  }

  .dodo-hero-v2::after {
    opacity: .70 !important;
  }
}

@media (max-width: 640px) {
  .dodo-hero-v2 .hero-bg-image {
    filter: brightness(.42) contrast(1.12) saturate(1.00) !important;
  }

  .dodo-hero-v2::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,.18) 0%, rgba(0,0,0,.70) 42%, rgba(0,0,0,.96) 100%),
      radial-gradient(circle at 50% 34%, rgba(255,22,93,.16), transparent 32%),
      radial-gradient(circle at 62% 55%, rgba(0,220,255,.10), transparent 30%) !important;
  }
}

/* DODO HERO FINAL PILL AND TINT OVERRIDE */
body main > section.hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body main > section.hero .hero-bg-image,
body main > section.hero .hero-img {
  filter: brightness(.42) contrast(1.16) saturate(1.05) !important;
}

body main > section.hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.20) 42%, rgba(0,0,0,.68) 100%),
    linear-gradient(90deg, rgba(0,0,0,.62) 0%, rgba(0,0,0,.30) 46%, rgba(0,0,0,.54) 100%),
    radial-gradient(circle at 50% 45%, rgba(255,22,93,.20), transparent 26%),
    radial-gradient(circle at 70% 58%, rgba(0,220,255,.14), transparent 30%) !important;
}

body main > section.hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,22,93,.22), transparent 18%),
    radial-gradient(circle at 72% 72%, rgba(0,220,255,.18), transparent 22%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.38) 100%) !important;
  opacity: .78 !important;
}

body main > section.hero .hero-content,
body main > section.hero .hero-copy,
body main > section.hero .hero-buttons,
body main > section.hero .hero-action-grid,
body main > section.hero .hero-proof-bar,
body main > section.hero .hero-code-pill {
  position: relative !important;
  z-index: 6 !important;
}

.hero-code-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 26px !important;
  padding: 12px 20px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.060) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 650 !important;
  letter-spacing: .02em !important;
  backdrop-filter: blur(10px) !important;
}

.hero-code-pill strong {
  color: #ff165d !important;
  font-weight: 950 !important;
  letter-spacing: .34em !important;
  margin-right: -.18em !important;
  text-shadow:
    0 0 10px rgba(255,22,93,.75),
    0 0 24px rgba(255,22,93,.42) !important;
}

.hero-code-led {
  width: 9px !important;
  height: 9px !important;
  flex: 0 0 9px !important;
  border-radius: 999px !important;
  background: #19ff8a !important;
  box-shadow:
    0 0 0 0 rgba(25,255,138,.65),
    0 0 10px rgba(25,255,138,.95),
    0 0 22px rgba(25,255,138,.55) !important;
  animation: dodoHeroLedPulse 1.45s ease-out infinite !important;
}

@keyframes dodoHeroLedPulse {
  0% {
    opacity: 1;
    box-shadow:
      0 0 0 0 rgba(25,255,138,.65),
      0 0 10px rgba(25,255,138,.95),
      0 0 22px rgba(25,255,138,.55);
  }

  70% {
    opacity: .82;
    box-shadow:
      0 0 0 9px rgba(25,255,138,0),
      0 0 12px rgba(25,255,138,.85),
      0 0 28px rgba(25,255,138,.42);
  }

  100% {
    opacity: 1;
    box-shadow:
      0 0 0 0 rgba(25,255,138,0),
      0 0 10px rgba(25,255,138,.95),
      0 0 22px rgba(25,255,138,.55);
  }
}

@media (max-width: 640px) {
  body main > section.hero .hero-bg-image,
  body main > section.hero .hero-img {
    filter: brightness(.38) contrast(1.15) saturate(1.02) !important;
  }

  .hero-code-pill {
    width: 100% !important;
    justify-content: center !important;
    padding: 12px 14px !important;
    gap: 9px !important;
    font-size: 14px !important;
  }

  .hero-code-pill strong {
    letter-spacing: .24em !important;
    margin-right: -.12em !important;
  }
}

/* DODO HERO PILL POSITION, COPY, TINT, AND GLOW FIX */
body main > section.hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body main > section.hero .hero-bg-image,
body main > section.hero .hero-img {
  filter: brightness(.50) contrast(1.13) saturate(1.05) !important;
}

body main > section.hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,.18) 44%, rgba(0,0,0,.58) 100%),
    linear-gradient(90deg, rgba(0,0,0,.50) 0%, rgba(0,0,0,.24) 48%, rgba(0,0,0,.44) 100%),
    radial-gradient(circle at 18% 16%, rgba(0,220,255,.18), transparent 24%),
    radial-gradient(circle at 50% 46%, rgba(255,22,93,.16), transparent 30%) !important;
}

body main > section.hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(0,220,255,.20), transparent 20%),
    radial-gradient(circle at 50% 47%, rgba(255,22,93,.16), transparent 18%),
    radial-gradient(circle at 68% 74%, rgba(0,220,255,.10), transparent 22%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.30) 100%) !important;
  opacity: .74 !important;
}

body main > section.hero .hero-content,
body main > section.hero .hero-copy,
body main > section.hero .hero-buttons,
body main > section.hero .hero-action-grid,
body main > section.hero .hero-social-row,
body main > section.hero .hero-proof-bar,
body main > section.hero .hero-code-pill {
  position: relative !important;
  z-index: 6 !important;
}

body main > section.hero .hero-content,
body main > section.hero .hero-copy {
  text-align: center !important;
}

body main > section.hero .hero-code-pill {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 18px auto 26px !important;
  padding: 12px 20px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.060) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  color: #ffffff !important;
  font: inherit !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  letter-spacing: .02em !important;
  backdrop-filter: blur(10px) !important;
  cursor: pointer !important;
}

body main > section.hero .hero-code-pill:hover {
  border-color: rgba(255,22,93,.52) !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.42),
    0 0 26px rgba(255,22,93,.18),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

body main > section.hero .hero-code-pill strong {
  color: #ff165d !important;
  font-weight: 950 !important;
  letter-spacing: .34em !important;
  margin-right: -.18em !important;
  text-shadow:
    0 0 10px rgba(255,22,93,.75),
    0 0 24px rgba(255,22,93,.42) !important;
}

body main > section.hero .hero-code-led {
  width: 9px !important;
  height: 9px !important;
  flex: 0 0 9px !important;
  border-radius: 999px !important;
  background: #19ff8a !important;
  box-shadow:
    0 0 0 0 rgba(25,255,138,.65),
    0 0 10px rgba(25,255,138,.95),
    0 0 22px rgba(25,255,138,.55) !important;
  animation: dodoHeroLedPulse 1.45s ease-out infinite !important;
}

body main > section.hero .hero-code-copy-feedback {
  display: none !important;
  color: #19ff8a !important;
  font-weight: 900 !important;
  letter-spacing: .02em !important;
}

body main > section.hero .hero-code-pill.copied .hero-code-copy-feedback {
  display: inline-flex !important;
}

body main > section.hero .hero-code-pill.copied {
  border-color: rgba(25,255,138,.50) !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.42),
    0 0 24px rgba(25,255,138,.18),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

@keyframes dodoHeroLedPulse {
  0% {
    opacity: 1;
    box-shadow:
      0 0 0 0 rgba(25,255,138,.65),
      0 0 10px rgba(25,255,138,.95),
      0 0 22px rgba(25,255,138,.55);
  }

  70% {
    opacity: .82;
    box-shadow:
      0 0 0 9px rgba(25,255,138,0),
      0 0 12px rgba(25,255,138,.85),
      0 0 28px rgba(25,255,138,.42);
  }

  100% {
    opacity: 1;
    box-shadow:
      0 0 0 0 rgba(25,255,138,0),
      0 0 10px rgba(25,255,138,.95),
      0 0 22px rgba(25,255,138,.55);
  }
}

@media (max-width: 640px) {
  body main > section.hero .hero-bg-image,
  body main > section.hero .hero-img {
    filter: brightness(.46) contrast(1.12) saturate(1.02) !important;
  }

  body main > section.hero::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.54) 44%, rgba(0,0,0,.84) 100%),
      radial-gradient(circle at 18% 14%, rgba(0,220,255,.14), transparent 26%),
      radial-gradient(circle at 50% 38%, rgba(255,22,93,.14), transparent 30%) !important;
  }

  body main > section.hero .hero-code-pill {
    width: fit-content !important;
    max-width: calc(100% - 28px) !important;
    margin: 16px auto 22px !important;
    padding: 12px 14px !important;
    gap: 9px !important;
    font-size: 14px !important;
  }

  body main > section.hero .hero-code-pill strong {
    letter-spacing: .24em !important;
    margin-right: -.12em !important;
  }
}
/* DODO HERO PILL POSITION, COPY, TINT, AND GLOW FIX END */

/* DODO HERO LIGHTER TINT ADJUSTMENT */
body main > section.hero .hero-bg-image,
body main > section.hero .hero-img {
  filter: brightness(.58) contrast(1.12) saturate(1.07) !important;
}

body main > section.hero::before {
  background:
    linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.14) 44%, rgba(0,0,0,.50) 100%),
    linear-gradient(90deg, rgba(0,0,0,.44) 0%, rgba(0,0,0,.20) 48%, rgba(0,0,0,.38) 100%),
    radial-gradient(circle at 18% 16%, rgba(0,220,255,.16), transparent 24%),
    radial-gradient(circle at 50% 46%, rgba(255,22,93,.15), transparent 30%) !important;
}

body main > section.hero::after {
  background:
    radial-gradient(circle at 18% 18%, rgba(0,220,255,.16), transparent 20%),
    radial-gradient(circle at 50% 47%, rgba(255,22,93,.14), transparent 18%),
    radial-gradient(circle at 68% 74%, rgba(0,220,255,.08), transparent 22%),
    linear-gradient(180deg, transparent 0%, rgba(0,0,0,.24) 100%) !important;
  opacity: .66 !important;
}

@media (max-width: 640px) {
  body main > section.hero .hero-bg-image,
  body main > section.hero .hero-img {
    filter: brightness(.52) contrast(1.12) saturate(1.04) !important;
  }

  body main > section.hero::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.48) 44%, rgba(0,0,0,.78) 100%),
      radial-gradient(circle at 18% 14%, rgba(0,220,255,.12), transparent 26%),
      radial-gradient(circle at 50% 38%, rgba(255,22,93,.13), transparent 30%) !important;
  }
}

/* DODO PUBLIC NAV AND INFO PAGES */
.dodo-topbar {
  width: 100% !important;
  min-height: 74px !important;
  padding: 0 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
  background: rgba(0,0,0,.94) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  position: relative !important;
  z-index: 50 !important;
}

.dodo-brand {
  display: inline-flex !important;
  align-items: center !important;
  text-decoration: none !important;
  font-weight: 950 !important;
  letter-spacing: .34em !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

.dodo-brand-main {
  color: #ffffff !important;
}

.dodo-brand-accent {
  color: #ff165d !important;
}

.dodo-primary-nav {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 28px !important;
  margin-left: auto !important;
}

.dodo-primary-nav a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
  transition: color .18s ease, text-shadow .18s ease !important;
}

.dodo-primary-nav a:hover {
  color: #ff165d !important;
  text-shadow: 0 0 18px rgba(255,22,93,.45) !important;
}

.dodo-nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.dodo-nav-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}

.dodo-auto-dodo-button {
  color: #ffffff !important;
  background: linear-gradient(135deg, #7a18ff, #ff165d) !important;
  box-shadow: 0 0 28px rgba(122,24,255,.26), 0 0 22px rgba(255,22,93,.16) !important;
}

.dodo-discord-button {
  color: #19ff8a !important;
  background: rgba(25,255,138,.07) !important;
  border: 1px solid rgba(25,255,138,.38) !important;
  box-shadow: 0 0 22px rgba(25,255,138,.10) !important;
}

.dodo-info-page {
  min-height: calc(100vh - 74px) !important;
  padding: 92px 24px 110px !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(0,220,255,.10), transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(255,22,93,.11), transparent 30%),
    linear-gradient(180deg, #050507 0%, #090a10 100%) !important;
  color: #ffffff !important;
}

.dodo-page-hero {
  max-width: 980px !important;
  margin: 0 auto 46px !important;
  text-align: center !important;
}

.dodo-page-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 18px !important;
  padding: 9px 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,22,93,.38) !important;
  color: #ff165d !important;
  background: rgba(255,22,93,.07) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.dodo-page-hero h1 {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-size: clamp(42px, 7vw, 88px) !important;
  line-height: .92 !important;
  letter-spacing: -.05em !important;
  text-transform: uppercase !important;
}

.dodo-page-hero p {
  max-width: 760px !important;
  margin: 0 auto !important;
  color: rgba(255,255,255,.82) !important;
  font-size: clamp(18px, 2vw, 24px) !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

.dodo-page-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 34px !important;
}

.dodo-page-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 950 !important;
  background: rgba(255,255,255,.055) !important;
}

.dodo-page-button-primary {
  background: #ff165d !important;
  border-color: #ff165d !important;
  box-shadow: 0 0 30px rgba(255,22,93,.24) !important;
}

.dodo-card-grid {
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.dodo-feature-card {
  min-height: 250px !important;
  padding: 26px !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.28) !important;
}

.dodo-feature-card-hot {
  border-color: rgba(255,22,93,.40) !important;
  box-shadow: 0 0 34px rgba(255,22,93,.10), 0 22px 70px rgba(0,0,0,.28) !important;
}

.dodo-feature-card h2 {
  margin: 14px 0 12px !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
}

.dodo-feature-card p {
  color: rgba(255,255,255,.74) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  margin: 0 0 22px !important;
}

.dodo-feature-card a {
  color: #ff165d !important;
  text-decoration: none !important;
  font-weight: 950 !important;
}

.dodo-card-status {
  display: inline-flex !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  color: #19ff8a !important;
  background: rgba(25,255,138,.07) !important;
  border: 1px solid rgba(25,255,138,.24) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

@media (max-width: 1180px) {
  .dodo-topbar {
    flex-wrap: wrap !important;
    justify-content: center !important;
    padding: 18px 22px !important;
  }

  .dodo-primary-nav {
    order: 3 !important;
    width: 100% !important;
    gap: 18px !important;
    flex-wrap: wrap !important;
    margin-left: 0 !important;
  }

  .dodo-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .dodo-topbar {
    gap: 16px !important;
  }

  .dodo-brand {
    width: 100% !important;
    justify-content: center !important;
  }

  .dodo-nav-actions {
    width: 100% !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  .dodo-primary-nav {
    gap: 14px !important;
  }

  .dodo-primary-nav a {
    font-size: 13px !important;
  }

  .dodo-card-grid {
    grid-template-columns: 1fr !important;
  }

  .dodo-info-page {
    padding-top: 58px !important;
  }
}
/* DODO PUBLIC NAV AND INFO PAGES END */

/* DODO CHROME APP NAV AND HOMEPAGE SECTION */
.dodo-nav-actions .dodo-nav-button {
  border-radius: 16px !important;
  min-height: 46px !important;
  padding: 0 22px !important;
}

.dodo-chrome-button {
  color: #ffffff !important;
  background: linear-gradient(135deg, #7a18ff 0%, #9c1dff 46%, #ff165d 100%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 0 28px rgba(122,24,255,.28),
    0 0 18px rgba(255,22,93,.14) !important;
  gap: 10px !important;
}

.dodo-discord-button {
  border-radius: 16px !important;
}

.dodo-chrome-icon {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  flex: 0 0 18px !important;
  color: currentColor !important;
  background: currentColor !important;
  mask: url("/assets/icons/chrome-mono.svg") center / contain no-repeat !important;
  -webkit-mask: url("/assets/icons/chrome-mono.svg") center / contain no-repeat !important;
}

.dodo-chrome-promo-section {
  padding: 76px 24px 92px !important;
  background:
    radial-gradient(circle at 22% 20%, rgba(25,255,138,.10), transparent 30%),
    radial-gradient(circle at 72% 24%, rgba(122,24,255,.18), transparent 34%),
    linear-gradient(180deg, #060608 0%, #020203 100%) !important;
  color: #ffffff !important;
}

.dodo-chrome-promo-card {
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1.05fr .95fr !important;
  gap: 56px !important;
  align-items: center !important;
  padding: 52px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 16% 12%, rgba(25,255,138,.10), transparent 34%),
    radial-gradient(circle at 86% 20%, rgba(122,24,255,.18), transparent 36%),
    rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.dodo-chrome-kicker {
  width: fit-content !important;
  margin: 0 0 22px !important;
  padding: 10px 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(156,29,255,.45) !important;
  background: rgba(156,29,255,.13) !important;
  color: #c66bff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .22em !important;
}

.dodo-chrome-promo-copy h2 {
  max-width: 620px !important;
  margin: 0 0 20px !important;
  color: #ffffff !important;
  font-size: clamp(32px, 4.2vw, 58px) !important;
  line-height: .98 !important;
  letter-spacing: -.04em !important;
  text-transform: uppercase !important;
}

.dodo-chrome-promo-copy h2 span {
  color: #19ff45 !important;
  text-shadow: 0 0 20px rgba(25,255,69,.28) !important;
}

.dodo-chrome-copy {
  max-width: 620px !important;
  margin: 0 0 28px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  font-weight: 650 !important;
}

.dodo-chrome-bullets {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 22px !important;
  margin: 0 0 30px !important;
}

.dodo-chrome-bullets span {
  position: relative !important;
  padding-left: 30px !important;
  color: #ffffff !important;
  font-weight: 850 !important;
  font-size: 15px !important;
}

.dodo-chrome-bullets span::before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: -2px !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(25,255,69,.34) !important;
  box-shadow: 0 0 18px rgba(25,255,69,.20) !important;
}

.dodo-chrome-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 16px !important;
}

.dodo-chrome-cta,
.dodo-chrome-secondary {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 24px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
}

.dodo-chrome-cta {
  color: #ffffff !important;
  background: linear-gradient(135deg, #7a18ff 0%, #9c1dff 48%, #ff165d 100%) !important;
  box-shadow:
    0 0 30px rgba(122,24,255,.28),
    0 0 22px rgba(255,22,93,.14) !important;
}

.dodo-chrome-secondary {
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.055) !important;
}

.dodo-chrome-mockup {
  position: relative !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.48),
    0 0 32px rgba(122,24,255,.14) !important;
}

.dodo-browser-bar {
  height: 46px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 16px !important;
  background: #1d1d20 !important;
}

.dodo-browser-bar span {
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  display: block !important;
}

.dodo-browser-bar span:nth-child(1) {
  background: #ff5f57 !important;
}

.dodo-browser-bar span:nth-child(2) {
  background: #febc2e !important;
}

.dodo-browser-bar span:nth-child(3) {
  background: #28c840 !important;
}

.dodo-browser-bar div {
  min-width: 0 !important;
  flex: 1 !important;
  margin-left: 10px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  color: rgba(255,255,255,.74) !important;
  background: rgba(0,0,0,.40) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.dodo-checkout-card {
  position: relative !important;
  min-height: 310px !important;
  padding: 30px 30px 34px !important;
  color: #111 !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(25,255,69,.15), transparent 24%),
    #ffffff !important;
}

.dodo-order-label {
  margin: 0 0 12px !important;
  color: #7b7b82 !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .24em !important;
  font-weight: 950 !important;
}

.dodo-checkout-card h3 {
  margin: 0 0 24px !important;
  font-size: 20px !important;
  color: #111 !important;
  text-transform: uppercase !important;
}

.dodo-checkout-row {
  display: flex !important;
  justify-content: space-between !important;
  padding: 14px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.10) !important;
  color: #222 !important;
  font-weight: 750 !important;
}

.dodo-discount-row {
  color: #008c45 !important;
}

.dodo-coupon-box {
  display: grid !important;
  grid-template-columns: 1fr 130px !important;
  margin-top: 28px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

.dodo-coupon-box span {
  display: flex !important;
  align-items: center !important;
  min-height: 52px !important;
  padding: 0 16px !important;
  color: #008c45 !important;
  font-weight: 950 !important;
  letter-spacing: .16em !important;
}

.dodo-coupon-box button {
  border: 0 !important;
  color: #ffffff !important;
  background: #00a859 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

.dodo-auto-badge {
  position: absolute !important;
  top: 88px !important;
  right: 26px !important;
  width: 220px !important;
  padding: 18px !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  background: rgba(26,5,48,.96) !important;
  border: 1px solid rgba(156,29,255,.32) !important;
  box-shadow: 0 18px 44px rgba(122,24,255,.28) !important;
}

.dodo-auto-badge small {
  display: block !important;
  margin: 0 0 8px !important;
  color: #c66bff !important;
  text-transform: uppercase !important;
  letter-spacing: .22em !important;
  font-weight: 950 !important;
}

.dodo-auto-badge strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 16px !important;
}

@media (max-width: 980px) {
  .dodo-chrome-promo-card {
    grid-template-columns: 1fr !important;
    padding: 34px !important;
  }

  .dodo-chrome-bullets {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  .dodo-chrome-promo-section {
    padding: 52px 16px 72px !important;
  }

  .dodo-chrome-promo-card {
    padding: 24px !important;
    border-radius: 22px !important;
  }

  .dodo-chrome-actions {
    align-items: stretch !important;
  }

  .dodo-chrome-cta,
  .dodo-chrome-secondary {
    width: 100% !important;
  }

  .dodo-coupon-box {
    grid-template-columns: 1fr !important;
  }

  .dodo-auto-badge {
    position: static !important;
    width: auto !important;
    margin-top: 20px !important;
  }
}
/* DODO CHROME APP NAV AND HOMEPAGE SECTION END */

/* DODO PROPER CHROME ICON FIX */
.dodo-chrome-icon {
  width: 19px !important;
  height: 19px !important;
  display: inline-flex !important;
  flex: 0 0 19px !important;
  color: currentColor !important;
  background: currentColor !important;
  mask: url("/assets/icons/chrome-fab-mono-v1.svg") center / contain no-repeat !important;
  -webkit-mask: url("/assets/icons/chrome-fab-mono-v1.svg") center / contain no-repeat !important;
}

.dodo-chrome-button,
.dodo-chrome-cta {
  gap: 10px !important;
}

.dodo-chrome-button .dodo-chrome-icon,
.dodo-chrome-cta .dodo-chrome-icon {
  opacity: .98 !important;
  transform: translateY(.5px) !important;
}
/* DODO PROPER CHROME ICON FIX END */

/* DODO FINAL CHROME BUTTON FIX */
.dodo-nav-actions {
  gap: 12px !important;
}

.dodo-nav-actions .dodo-nav-button {
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 20px !important;
  border-radius: 13px !important;
  box-sizing: border-box !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
}

.dodo-chrome-button {
  color: #ffffff !important;
  background: linear-gradient(135deg, #7c18ff 0%, #9b20ff 56%, #b325ff 100%) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 0 26px rgba(124,24,255,.30),
    inset 0 1px 0 rgba(255,255,255,.13) !important;
  gap: 9px !important;
}

.dodo-chrome-button:hover {
  transform: translateY(-1px) !important;
  background: linear-gradient(135deg, #8a25ff 0%, #a72cff 56%, #c02cff 100%) !important;
  box-shadow:
    0 0 30px rgba(124,24,255,.38),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

.dodo-discord-button {
  min-height: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  color: #19ff8a !important;
  background: rgba(25,255,138,.045) !important;
  border: 1px solid rgba(25,255,138,.48) !important;
  box-shadow:
    0 0 20px rgba(25,255,138,.08),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.dodo-discord-button:hover {
  color: #ffffff !important;
  background: rgba(25,255,138,.18) !important;
  border-color: rgba(25,255,138,.72) !important;
  box-shadow:
    0 0 28px rgba(25,255,138,.18),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.dodo-chrome-icon {
  width: 17px !important;
  height: 17px !important;
  display: inline-flex !important;
  flex: 0 0 17px !important;
  background: url("/assets/icons/chrome-iconmonstr-white.svg") center / contain no-repeat !important;
  mask: none !important;
  -webkit-mask: none !important;
  transform: translateY(.5px) !important;
  opacity: 1 !important;
}

.dodo-chrome-cta .dodo-chrome-icon {
  width: 18px !important;
  height: 18px !important;
  flex-basis: 18px !important;
}

@media (max-width: 700px) {
  .dodo-nav-actions .dodo-nav-button {
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
  }

  .dodo-chrome-icon {
    width: 16px !important;
    height: 16px !important;
    flex-basis: 16px !important;
  }
}
/* DODO FINAL CHROME BUTTON FIX END */

/* DODO PHONE CHROME SECTION UPDATE */
.dodo-prop-offers-more {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 28px auto 14px !important;
  padding: 0 24px !important;
}

.dodo-prop-offers-more a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 0 34px !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,22,93,.46) !important;
  box-shadow:
    0 0 28px rgba(255,22,93,.12),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.dodo-prop-offers-more a:hover {
  background: rgba(255,22,93,.12) !important;
  border-color: rgba(255,22,93,.72) !important;
  box-shadow:
    0 0 34px rgba(255,22,93,.20),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.dodo-chrome-promo-section {
  padding: 54px 24px 92px !important;
  background:
    radial-gradient(circle at 20% 18%, rgba(25,255,138,.10), transparent 30%),
    radial-gradient(circle at 72% 24%, rgba(122,24,255,.18), transparent 34%),
    linear-gradient(180deg, #060608 0%, #020203 100%) !important;
  color: #ffffff !important;
}

.dodo-chrome-promo-card {
  max-width: 1180px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1.02fr .98fr !important;
  gap: 46px !important;
  align-items: center !important;
  padding: 52px !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 16% 12%, rgba(25,255,138,.10), transparent 34%),
    radial-gradient(circle at 84% 20%, rgba(122,24,255,.20), transparent 38%),
    rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 28px 90px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  overflow: hidden !important;
}

.dodo-chrome-kicker {
  width: fit-content !important;
  margin: 0 0 22px !important;
  padding: 10px 18px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(156,29,255,.45) !important;
  background: rgba(156,29,255,.13) !important;
  color: #c66bff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .22em !important;
}

.dodo-chrome-promo-copy h2 {
  max-width: 620px !important;
  margin: 0 0 20px !important;
  color: #ffffff !important;
  font-size: clamp(34px, 4.3vw, 62px) !important;
  line-height: .98 !important;
  letter-spacing: -.045em !important;
  text-transform: uppercase !important;
}

.dodo-chrome-promo-copy h2 span {
  color: #19ff45 !important;
  text-shadow: 0 0 22px rgba(25,255,69,.30) !important;
}

.dodo-chrome-copy {
  max-width: 620px !important;
  margin: 0 0 28px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  font-weight: 650 !important;
}

.dodo-chrome-bullets {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px 22px !important;
  margin: 0 0 30px !important;
}

.dodo-chrome-bullets span {
  position: relative !important;
  padding-left: 30px !important;
  color: #ffffff !important;
  font-weight: 850 !important;
  font-size: 15px !important;
}

.dodo-chrome-bullets span::before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: -2px !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(25,255,69,.34) !important;
  box-shadow: 0 0 18px rgba(25,255,69,.20) !important;
}

.dodo-chrome-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 16px !important;
}

.dodo-chrome-cta,
.dodo-chrome-secondary {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 24px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
}

.dodo-chrome-cta {
  color: #ffffff !important;
  background: linear-gradient(135deg, #7a18ff 0%, #9c1dff 48%, #ff165d 100%) !important;
  box-shadow:
    0 0 30px rgba(122,24,255,.28),
    0 0 22px rgba(255,22,93,.14) !important;
}

.dodo-chrome-secondary {
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.055) !important;
}

.dodo-phone-demo {
  position: relative !important;
  min-height: 560px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.dodo-phone-shell {
  position: relative !important;
  width: 304px !important;
  height: 600px !important;
  border-radius: 48px !important;
  padding: 10px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.02)),
    #15161b !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 30px 80px rgba(0,0,0,.52),
    0 0 38px rgba(122,24,255,.18) !important;
}

.dodo-phone-shell::before {
  content: "" !important;
  position: absolute !important;
  right: -5px !important;
  top: 170px !important;
  width: 5px !important;
  height: 74px !important;
  border-radius: 0 999px 999px 0 !important;
  background: rgba(255,255,255,.18) !important;
}

.dodo-phone-screen {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 38px !important;
  background:
    radial-gradient(circle at 80% 10%, rgba(25,255,138,.10), transparent 26%),
    #ffffff !important;
  color: #11131a !important;
}

.dodo-phone-status {
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 22px !important;
  color: #11131a !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}

.dodo-phone-status-icons {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.dodo-signal {
  width: 18px !important;
  height: 12px !important;
  display: block !important;
  background:
    linear-gradient(to top, #111 0 35%, transparent 35% 100%) 0 100% / 4px 100% no-repeat,
    linear-gradient(to top, #111 0 55%, transparent 55% 100%) 7px 100% / 4px 100% no-repeat,
    linear-gradient(to top, #111 0 75%, transparent 75% 100%) 14px 100% / 4px 100% no-repeat !important;
}

.dodo-wifi {
  width: 14px !important;
  height: 10px !important;
  display: block !important;
  border: 2px solid #111 !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-radius: 14px 14px 0 0 !important;
  transform: translateY(3px) !important;
}

.dodo-battery {
  width: 22px !important;
  height: 10px !important;
  display: block !important;
  border: 2px solid #111 !important;
  border-radius: 3px !important;
  position: relative !important;
}

.dodo-battery::after {
  content: "" !important;
  position: absolute !important;
  right: -5px !important;
  top: 2px !important;
  width: 3px !important;
  height: 4px !important;
  border-radius: 0 2px 2px 0 !important;
  background: #111 !important;
}

.dodo-phone-notch {
  position: absolute !important;
  left: 50% !important;
  top: 10px !important;
  width: 92px !important;
  height: 24px !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: #050508 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.05) !important;
}

.dodo-phone-app-head {
  height: 58px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 22px !important;
}

.dodo-phone-app-head button {
  width: 26px !important;
  height: 26px !important;
  border: 0 !important;
  background: transparent !important;
  color: #11131a !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

.dodo-phone-app-head strong {
  display: block !important;
  color: #11131a !important;
  font-size: 17px !important;
  line-height: 1.1 !important;
}

.dodo-phone-app-head span {
  display: block !important;
  color: #70727b !important;
  font-size: 12px !important;
  margin-top: 3px !important;
  font-weight: 700 !important;
}

.dodo-phone-divider {
  height: 1px !important;
  background: rgba(0,0,0,.10) !important;
}

.dodo-phone-order {
  padding: 24px 22px 26px !important;
}

.dodo-phone-label {
  margin: 0 0 20px !important;
  color: #a12cff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
}

.dodo-phone-row,
.dodo-phone-total {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  color: #11131a !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.10) !important;
}

.dodo-phone-row strong,
.dodo-phone-total strong {
  color: #11131a !important;
  font-weight: 950 !important;
}

.dodo-phone-field {
  margin: 20px 0 14px !important;
}

.dodo-phone-field label {
  display: block !important;
  color: #11131a !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  margin: 0 0 8px !important;
}

.dodo-phone-input {
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  color: #11131a !important;
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.16) !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
}

.dodo-phone-applied {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px !important;
  border-radius: 10px !important;
  color: #008b3c !important;
  background: rgba(25,255,69,.055) !important;
  border: 1px solid rgba(0,168,89,.38) !important;
}

.dodo-phone-tick {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 2px solid #00a859 !important;
  color: #00a859 !important;
  font-weight: 950 !important;
}

.dodo-phone-applied strong {
  display: block !important;
  color: #00a859 !important;
  font-size: 13px !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}

.dodo-phone-applied span {
  display: block !important;
  color: #11131a !important;
  font-size: 13px !important;
  margin-top: 3px !important;
  font-weight: 700 !important;
}

.dodo-phone-saving {
  margin: 14px 0 10px !important;
  color: #00a859 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.dodo-phone-total {
  border-bottom: 0 !important;
  margin-top: 8px !important;
  font-size: 16px !important;
}

.dodo-phone-buy {
  width: 100% !important;
  height: 50px !important;
  margin-top: 16px !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #7a18ff 0%, #ff165d 100%) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.dodo-auto-float-card {
  position: absolute !important;
  right: -8px !important;
  top: 218px !important;
  width: 250px !important;
  padding: 22px 24px !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  background: rgba(26,5,48,.94) !important;
  border: 1px solid rgba(198,107,255,.52) !important;
  box-shadow:
    0 0 30px rgba(156,29,255,.34),
    0 18px 44px rgba(0,0,0,.34) !important;
  animation: dodoFloatRock 7s ease-in-out infinite !important;
  transform-origin: 48% 52% !important;
  z-index: 4 !important;
}

.dodo-auto-float-card small {
  display: block !important;
  margin: 0 0 8px !important;
  color: #c66bff !important;
  text-transform: uppercase !important;
  letter-spacing: .24em !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.dodo-auto-float-card strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
}

.dodo-float-trail {
  position: absolute !important;
  right: 88px !important;
  top: 282px !important;
  width: 230px !important;
  height: 210px !important;
  border: 2px dashed rgba(198,107,255,.42) !important;
  border-left-color: transparent !important;
  border-bottom-color: transparent !important;
  border-radius: 50% !important;
  transform: rotate(-18deg) !important;
  filter: drop-shadow(0 0 12px rgba(198,107,255,.24)) !important;
  z-index: 1 !important;
}

@keyframes dodoFloatRock {
  0% {
    transform: translate3d(0, 0, 0) rotate(-1.5deg);
  }

  25% {
    transform: translate3d(11px, -7px, 0) rotate(1.6deg);
  }

  50% {
    transform: translate3d(0, 7px, 0) rotate(-1deg);
  }

  75% {
    transform: translate3d(-11px, -5px, 0) rotate(1.2deg);
  }

  100% {
    transform: translate3d(0, 0, 0) rotate(-1.5deg);
  }
}

@media (max-width: 1100px) {
  .dodo-chrome-promo-card {
    grid-template-columns: 1fr !important;
  }

  .dodo-phone-demo {
    min-height: 620px !important;
  }

  .dodo-auto-float-card {
    right: 50px !important;
  }
}

@media (max-width: 700px) {
  .dodo-chrome-promo-section {
    padding: 44px 16px 72px !important;
  }

  .dodo-chrome-promo-card {
    padding: 24px !important;
    border-radius: 22px !important;
  }

  .dodo-chrome-bullets {
    grid-template-columns: 1fr !important;
  }

  .dodo-chrome-actions {
    align-items: stretch !important;
  }

  .dodo-chrome-cta,
  .dodo-chrome-secondary {
    width: 100% !important;
  }

  .dodo-phone-demo {
    min-height: 570px !important;
    transform: scale(.86) !important;
    transform-origin: top center !important;
  }

  .dodo-auto-float-card {
    right: 0 !important;
    top: 430px !important;
    width: 236px !important;
  }

  .dodo-float-trail {
    right: 78px !important;
    top: 382px !important;
  }
}
/* DODO PHONE CHROME SECTION UPDATE END */

/* DODO HOME SECTION ORDER AND COMPARE BUTTON */
.dodo-prop-offers-more {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 30px auto 0 !important;
  padding: 0 24px !important;
}

.dodo-prop-offers-more a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  min-width: 260px !important;
  padding: 0 34px !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,22,93,.50) !important;
  box-shadow:
    0 0 28px rgba(255,22,93,.12),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.dodo-prop-offers-more a:hover {
  background: rgba(255,22,93,.13) !important;
  border-color: rgba(255,22,93,.78) !important;
  box-shadow:
    0 0 34px rgba(255,22,93,.22),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.dodo-chrome-promo-section {
  padding-top: 58px !important;
}

@media (max-width: 700px) {
  .dodo-prop-offers-more a {
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* DODO HOME SECTION ORDER AND COMPARE BUTTON END */

/* DODO HOME ORDER FIXED */
.dodo-prop-offers-more {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 34px auto 0 !important;
  padding: 0 24px !important;
}

.dodo-prop-offers-more a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  min-width: 270px !important;
  padding: 0 34px !important;
  border-radius: 16px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,22,93,.52) !important;
  box-shadow:
    0 0 28px rgba(255,22,93,.14),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.dodo-prop-offers-more a:hover {
  background: rgba(255,22,93,.13) !important;
  border-color: rgba(255,22,93,.78) !important;
  box-shadow:
    0 0 34px rgba(255,22,93,.22),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.dodo-chrome-promo-section {
  padding-top: 58px !important;
}

@media (max-width: 700px) {
  .dodo-prop-offers-more a {
    width: 100% !important;
    min-width: 0 !important;
  }
}
/* DODO HOME ORDER FIXED END */

/* DODO SAFE FOOTER DISCLOSURE */
.dodo-site-footer {
  background: #030304 !important;
  color: rgba(255,255,255,.76) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  padding: 54px 24px 32px !important;
}

.dodo-footer-inner {
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.dodo-footer-top {
  display: grid !important;
  grid-template-columns: 260px 1fr !important;
  gap: 34px !important;
  margin-bottom: 38px !important;
}

.dodo-footer-logo {
  text-decoration: none !important;
  font-weight: 950 !important;
  letter-spacing: .32em !important;
  font-size: 18px !important;
}

.dodo-footer-logo span {
  color: #fff !important;
}

.dodo-footer-logo strong {
  color: #ff165d !important;
}

.dodo-footer-top p {
  margin: 0 !important;
  max-width: 760px !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

.dodo-footer-nav {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 34px !important;
  padding-bottom: 40px !important;
}

.dodo-footer-nav h3 {
  margin: 0 0 16px !important;
  color: #ff165d !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

.dodo-footer-nav a {
  display: block !important;
  color: rgba(255,255,255,.72) !important;
  text-decoration: none !important;
  margin: 0 0 11px !important;
  font-size: 15px !important;
}

.dodo-footer-nav a:hover {
  color: #fff !important;
}

.dodo-footer-disclosure {
  border-top: 1px solid rgba(255,255,255,.12) !important;
  padding-top: 20px !important;
}

.dodo-footer-disclosure summary {
  cursor: pointer !important;
  list-style: none !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

.dodo-footer-disclosure summary::-webkit-details-marker {
  display: none !important;
}

.dodo-footer-disclosure summary span {
  color: #19ff8a !important;
  margin-right: 8px !important;
  font-weight: 950 !important;
}

.dodo-footer-disclosure details[open] summary span {
  display: inline-block !important;
  transform: rotate(45deg) !important;
}

.dodo-footer-disclosure details div {
  max-width: 1060px !important;
  padding-top: 18px !important;
}

.dodo-footer-disclosure p {
  margin: 0 0 12px !important;
  color: rgba(255,255,255,.64) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.dodo-footer-disclosure strong {
  color: rgba(255,255,255,.92) !important;
  text-transform: uppercase !important;
}

.dodo-footer-bottom {
  margin: 28px 0 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  text-align: center !important;
  color: rgba(255,255,255,.50) !important;
  font-size: 14px !important;
}

@media (max-width: 900px) {
  .dodo-footer-top,
  .dodo-footer-nav {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 560px) {
  .dodo-footer-top,
  .dodo-footer-nav {
    grid-template-columns: 1fr !important;
  }
}
/* DODO SAFE FOOTER DISCLOSURE END */

/* DODO MERGED FOOTER */
.dodo-merged-footer {
  background: #030304 !important;
  color: rgba(255,255,255,.76) !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  padding: 58px 24px 34px !important;
}

.dodo-merged-footer-inner {
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.dodo-merged-footer-brand {
  display: grid !important;
  grid-template-columns: 290px 1fr !important;
  gap: 38px !important;
  align-items: start !important;
  margin-bottom: 42px !important;
}

.dodo-merged-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  text-decoration: none !important;
}

.dodo-merged-logo-mark {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 38% 38%, rgba(255,255,255,.12), transparent 28%),
    #ff165d !important;
  position: relative !important;
  box-shadow: 0 0 24px rgba(255,22,93,.24) !important;
}

.dodo-merged-logo-mark::before {
  content: "" !important;
  position: absolute !important;
  left: 9px !important;
  top: 18px !important;
  width: 24px !important;
  height: 8px !important;
  border-radius: 999px 999px 999px 999px !important;
  background: #050506 !important;
  transform: rotate(7deg) !important;
}

.dodo-merged-logo-mark::after {
  content: "" !important;
  position: absolute !important;
  left: 25px !important;
  top: 20px !important;
  width: 9px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #050506 !important;
}

.dodo-merged-logo-word {
  font-weight: 950 !important;
  letter-spacing: .34em !important;
  font-size: 16px !important;
  white-space: nowrap !important;
}

.dodo-merged-logo-word span {
  color: #ffffff !important;
}

.dodo-merged-logo-word strong {
  color: #ff165d !important;
  font-weight: 950 !important;
}

.dodo-merged-footer-brand p {
  margin: 0 !important;
  max-width: 720px !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  font-weight: 650 !important;
}

.dodo-merged-footer-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 36px !important;
  padding-bottom: 42px !important;
}

.dodo-merged-footer-grid h3 {
  margin: 0 0 16px !important;
  color: #ff165d !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

.dodo-merged-footer-grid a {
  display: block !important;
  color: rgba(255,255,255,.72) !important;
  text-decoration: none !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  margin: 0 0 11px !important;
  font-weight: 650 !important;
}

.dodo-merged-footer-grid a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 16px rgba(255,22,93,.26) !important;
}

.dodo-merged-disclosure {
  border-top: 1px solid rgba(255,255,255,.12) !important;
  padding-top: 22px !important;
}

.dodo-merged-disclosure summary {
  cursor: pointer !important;
  list-style: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  color: rgba(255,255,255,.88) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

.dodo-merged-disclosure summary::-webkit-details-marker {
  display: none !important;
}

.dodo-merged-disclosure summary span {
  color: #19ff8a !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.dodo-merged-disclosure details[open] summary span {
  display: inline-block !important;
  transform: rotate(45deg) !important;
}

.dodo-merged-disclosure-copy {
  max-width: 1060px !important;
  padding-top: 18px !important;
}

.dodo-merged-disclosure-copy p {
  margin: 0 0 12px !important;
  color: rgba(255,255,255,.64) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

.dodo-merged-disclosure-copy strong {
  color: rgba(255,255,255,.92) !important;
  text-transform: uppercase !important;
}

.dodo-merged-footer-bottom {
  margin: 28px 0 0 !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 18px !important;
  color: rgba(255,255,255,.50) !important;
  font-size: 14px !important;
}

@media (max-width: 900px) {
  .dodo-merged-footer-brand {
    grid-template-columns: 1fr !important;
  }

  .dodo-merged-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .dodo-merged-footer-bottom {
    flex-direction: column !important;
  }
}

@media (max-width: 560px) {
  .dodo-merged-footer {
    padding: 46px 18px 28px !important;
  }

  .dodo-merged-footer-grid {
    grid-template-columns: 1fr !important;
  }
}
/* DODO MERGED FOOTER END */

/* DODO FOOTER LOGO AND BOTTOM FIX */
.dodo-merged-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  text-decoration: none !important;
}

.dodo-merged-logo-img {
  width: 42px !important;
  height: 42px !important;
  display: block !important;
  flex: 0 0 42px !important;
  border-radius: 999px !important;
  box-shadow: 0 0 24px rgba(255,22,93,.24) !important;
}

.dodo-merged-logo-mark,
.dodo-merged-logo-mark::before,
.dodo-merged-logo-mark::after {
  display: none !important;
  content: none !important;
}

.dodo-merged-footer-bottom {
  justify-content: center !important;
  text-align: center !important;
  display: flex !important;
  color: rgba(255,255,255,.50) !important;
}

.dodo-merged-footer-bottom span {
  width: 100% !important;
}
/* DODO FOOTER LOGO AND BOTTOM FIX END */

/* DODO FOOTER BEAK GRADIENT DISC */
.dodo-merged-logo,
.dodo-footer-logo {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
  text-decoration: none !important;
}

.dodo-merged-logo-disc {
  width: 52px !important;
  height: 52px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background:
    radial-gradient(circle at 32% 28%, #ff77a8 0%, #ff4e87 28%, #ff2f73 52%, #ff165d 74%, #cc0d47 100%) !important;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.18),
    inset 0 -8px 18px rgba(0,0,0,.18),
    0 0 28px rgba(255,22,93,.20),
    0 8px 24px rgba(0,0,0,.30) !important;
  flex: 0 0 52px !important;
}

.dodo-merged-logo-beak {
  width: 29px !important;
  height: 29px !important;
  display: block !important;
  object-fit: contain !important;
  filter: none !important;
}

.dodo-merged-logo-word {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.dodo-merged-logo-mark,
.dodo-merged-logo-img {
  display: none !important;
}

@media (max-width: 640px) {
  .dodo-merged-logo-disc {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
  }

  .dodo-merged-logo-beak {
    width: 25px !important;
    height: 25px !important;
  }
}
/* DODO FOOTER BEAK GRADIENT DISC END */

/* DODO FOOTER LOGO POP FIX */
.dodo-merged-logo-disc {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 34% 28%, #ff9bc3 0%, #ff5f9a 20%, #ff2f7d 46%, #ff0f61 70%, #c40049 100%) !important;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.22),
    inset 0 -10px 18px rgba(120,0,40,.20),
    0 0 18px rgba(255,30,110,.35),
    0 0 34px rgba(255,25,95,.18) !important;
}

.dodo-merged-logo-beak {
  width: 40px !important;
  height: 40px !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
  transform: translateX(-1px) scale(1.14) !important;
  transform-origin: center center !important;
  filter: contrast(1.18) saturate(1.08) !important;
}

@media (max-width: 640px) {
  .dodo-merged-logo-disc {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
  }

  .dodo-merged-logo-beak {
    width: 37px !important;
    height: 37px !important;
    transform: translateX(-1px) scale(1.12) !important;
  }
}
/* DODO FOOTER LOGO POP FIX END */


/* DODO FOOTER LOGO PIZZAZZ FIX */
.dodo-site-footer .dodo-merged-brand,
.dodo-site-footer .dodo-footer-brand-row,
.dodo-site-footer .dodo-footer-logo {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.dodo-site-footer .dodo-merged-logo-disc {
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  position: relative !important;
  background:
    radial-gradient(circle at 32% 26%, #ffd8e7 0%, #ff98c0 14%, #ff4b92 34%, #ff145f 58%, #d10051 82%, #930038 100%) !important;
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.18),
    inset 0 -10px 18px rgba(90,0,35,.22),
    0 0 0 1px rgba(255,90,150,.22),
    0 0 22px rgba(255,25,95,.42),
    0 0 44px rgba(255,20,95,.20) !important;
}

.dodo-site-footer .dodo-merged-logo-disc::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.24) 0%, rgba(255,255,255,.08) 18%, transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 38%, rgba(0,0,0,.10) 100%) !important;
  pointer-events: none !important;
}

.dodo-site-footer .dodo-merged-logo-beak,
.dodo-site-footer .dodo-merged-logo-disc img,
.dodo-site-footer .dodo-merged-logo-disc svg {
  width: 48px !important;
  height: 48px !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
  position: relative !important;
  z-index: 2 !important;
  transform: translateX(-2px) scale(1.38) !important;
  transform-origin: center center !important;
  filter:
    contrast(1.32)
    brightness(.88)
    saturate(1.08)
    drop-shadow(0 1px 0 rgba(255,255,255,.10)) !important;
}

.dodo-site-footer .dodo-footer-logo span,
.dodo-site-footer .dodo-footer-logo strong {
  line-height: 1 !important;
}

@media (max-width: 640px) {
  .dodo-site-footer .dodo-merged-logo-disc {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
  }

  .dodo-site-footer .dodo-merged-logo-beak,
  .dodo-site-footer .dodo-merged-logo-disc img,
  .dodo-site-footer .dodo-merged-logo-disc svg {
    width: 44px !important;
    height: 44px !important;
    transform: translateX(-2px) scale(1.34) !important;
  }
}
/* DODO FOOTER LOGO PIZZAZZ FIX END */


/* DODO FOOTER CRISP FINAL */
.dodo-merged-footer {
  background: #020203 !important;
  padding: 44px 24px 30px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

.dodo-merged-footer-inner {
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.dodo-merged-footer-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin: 0 0 34px !important;
  text-align: center !important;
}

.dodo-merged-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  text-decoration: none !important;
}

.dodo-merged-logo-disc {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  position: relative !important;
  background:
    radial-gradient(circle at 34% 26%, #ff8fbd 0%, #ff3f87 28%, #ff1164 58%, #c9004c 82%, #850031 100%) !important;
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.20),
    inset 0 -10px 18px rgba(80,0,32,.28),
    0 0 0 1px rgba(255,80,150,.22),
    0 0 24px rgba(255,22,93,.34) !important;
}

.dodo-merged-logo-disc::before {
  content: "" !important;
  position: absolute !important;
  inset: 5px 3px 5px 3px !important;
  background: #050506 !important;
  mask: url("/assets/icons/dodo-footer-beak-tight.svg") center / 142% auto no-repeat !important;
  -webkit-mask: url("/assets/icons/dodo-footer-beak-tight.svg") center / 142% auto no-repeat !important;
  transform: translateX(1px) translateY(1px) !important;
  z-index: 2 !important;
}

.dodo-merged-logo-disc::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255,255,255,.22), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.05), transparent 46%, rgba(0,0,0,.12)) !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

.dodo-merged-logo-beak,
.dodo-merged-logo-disc img,
.dodo-merged-logo-img,
.dodo-merged-logo-mark {
  display: none !important;
}

.dodo-merged-logo-word {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  font-weight: 950 !important;
  letter-spacing: .34em !important;
  font-size: 17px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.dodo-merged-logo-word span {
  color: #ffffff !important;
}

.dodo-merged-logo-word strong {
  color: #ff165d !important;
  font-weight: 950 !important;
}

.dodo-merged-footer-brand p {
  max-width: 760px !important;
  margin: 0 auto !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  font-weight: 650 !important;
}

.dodo-merged-footer-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 42px !important;
  padding: 0 0 38px !important;
}

.dodo-merged-footer-grid h3 {
  margin: 0 0 14px !important;
  color: #ff165d !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
}

.dodo-merged-footer-grid a {
  display: block !important;
  color: rgba(255,255,255,.78) !important;
  text-decoration: none !important;
  margin: 0 0 10px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

.dodo-merged-footer-grid a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 14px rgba(255,22,93,.26) !important;
}

.dodo-merged-disclosure {
  border-top: 1px solid rgba(255,255,255,.13) !important;
  padding-top: 18px !important;
}

.dodo-merged-disclosure summary {
  color: rgba(255,255,255,.90) !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

.dodo-merged-footer-bottom {
  justify-content: center !important;
  text-align: center !important;
  display: flex !important;
  margin-top: 24px !important;
  padding-top: 16px !important;
  color: rgba(255,255,255,.48) !important;
}

.dodo-merged-footer-bottom span {
  width: 100% !important;
}

@media (max-width: 900px) {
  .dodo-merged-footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 30px !important;
  }
}

@media (max-width: 560px) {
  .dodo-merged-footer {
    padding: 38px 18px 26px !important;
  }

  .dodo-merged-footer-grid {
    grid-template-columns: 1fr !important;
  }

  .dodo-merged-logo-disc {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
  }

  .dodo-merged-logo-word {
    font-size: 15px !important;
    letter-spacing: .28em !important;
  }
}
/* DODO FOOTER CRISP FINAL END */


/* DODO FOOTER LINE TIGHTEN */
.dodo-merged-footer-brand p {
  max-width: 700px !important;
  text-wrap: balance !important;
}
/* DODO FOOTER LINE TIGHTEN END */


/* DODO FOOTER LOGO FIX, SOLID PINK DISK, FITTED BEAK */
.dodo-site-footer .dodo-footer-logo,
.dodo-site-footer .dodo-merged-footer-logo,
.dodo-site-footer .dodo-footer-brand-row > a,
.dodo-site-footer .dodo-merged-footer-brand > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 14px !important;
}

/* the pink circle badge */
.dodo-site-footer .dodo-footer-logo-badge,
.dodo-site-footer .dodo-merged-footer-logo-badge,
.dodo-site-footer .dodo-footer-logo-mark,
.dodo-site-footer .dodo-merged-footer-logo-mark,
.dodo-site-footer .dodo-footer-logo-icon,
.dodo-site-footer .dodo-merged-footer-logo-icon,
.dodo-site-footer .dodo-footer-badge,
.dodo-site-footer .dodo-brand-badge,
.dodo-site-footer .dodo-footer-logo .logo-badge,
.dodo-site-footer .dodo-footer-logo .logo-mark,
.dodo-site-footer .dodo-merged-footer-logo .logo-badge,
.dodo-site-footer .dodo-merged-footer-logo .logo-mark {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 999px !important;
  background: #ff2b78 !important;
  background-image: none !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 0 18px rgba(255,43,120,.32) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
}

/* remove any pseudo element gradient tricks */
.dodo-site-footer .dodo-footer-logo-badge::before,
.dodo-site-footer .dodo-footer-logo-badge::after,
.dodo-site-footer .dodo-merged-footer-logo-badge::before,
.dodo-site-footer .dodo-merged-footer-logo-badge::after,
.dodo-site-footer .dodo-footer-logo-mark::before,
.dodo-site-footer .dodo-footer-logo-mark::after,
.dodo-site-footer .dodo-merged-footer-logo-mark::before,
.dodo-site-footer .dodo-merged-footer-logo-mark::after,
.dodo-site-footer .dodo-footer-logo-icon::before,
.dodo-site-footer .dodo-footer-logo-icon::after,
.dodo-site-footer .dodo-merged-footer-logo-icon::before,
.dodo-site-footer .dodo-merged-footer-logo-icon::after,
.dodo-site-footer .dodo-footer-badge::before,
.dodo-site-footer .dodo-footer-badge::after,
.dodo-site-footer .dodo-brand-badge::before,
.dodo-site-footer .dodo-brand-badge::after {
  display: none !important;
  content: none !important;
}

/* make the beak actually fit inside the circle */
.dodo-site-footer .dodo-footer-logo-badge img,
.dodo-site-footer .dodo-footer-logo-badge svg,
.dodo-site-footer .dodo-merged-footer-logo-badge img,
.dodo-site-footer .dodo-merged-footer-logo-badge svg,
.dodo-site-footer .dodo-footer-logo-mark img,
.dodo-site-footer .dodo-footer-logo-mark svg,
.dodo-site-footer .dodo-merged-footer-logo-mark img,
.dodo-site-footer .dodo-merged-footer-logo-mark svg,
.dodo-site-footer .dodo-footer-logo-icon img,
.dodo-site-footer .dodo-footer-logo-icon svg,
.dodo-site-footer .dodo-merged-footer-logo-icon img,
.dodo-site-footer .dodo-merged-footer-logo-icon svg,
.dodo-site-footer .dodo-footer-badge img,
.dodo-site-footer .dodo-footer-badge svg,
.dodo-site-footer .dodo-brand-badge img,
.dodo-site-footer .dodo-brand-badge svg,
.dodo-site-footer .dodo-footer-logo .logo-badge img,
.dodo-site-footer .dodo-footer-logo .logo-badge svg,
.dodo-site-footer .dodo-footer-logo .logo-mark img,
.dodo-site-footer .dodo-footer-logo .logo-mark svg,
.dodo-site-footer .dodo-merged-footer-logo .logo-badge img,
.dodo-site-footer .dodo-merged-footer-logo .logo-badge svg,
.dodo-site-footer .dodo-merged-footer-logo .logo-mark img,
.dodo-site-footer .dodo-merged-footer-logo .logo-mark svg {
  width: 68% !important;
  height: 68% !important;
  max-width: 68% !important;
  max-height: 68% !important;
  object-fit: contain !important;
  display: block !important;
  transform: none !important;
  filter: none !important;
  margin: 0 !important;
}

/* if the beak is an inline svg, stop it clipping internally */
.dodo-site-footer .dodo-footer-logo-badge svg,
.dodo-site-footer .dodo-merged-footer-logo-badge svg,
.dodo-site-footer .dodo-footer-logo-mark svg,
.dodo-site-footer .dodo-merged-footer-logo-mark svg,
.dodo-site-footer .dodo-footer-logo-icon svg,
.dodo-site-footer .dodo-merged-footer-logo-icon svg,
.dodo-site-footer .dodo-footer-badge svg,
.dodo-site-footer .dodo-brand-badge svg {
  overflow: visible !important;
}

/* keep the copyright centred */
.dodo-site-footer .dodo-footer-bottom,
.dodo-site-footer .dodo-merged-footer-bottom,
.dodo-site-footer .dodo-footer-meta {
  text-align: center !important;
  justify-content: center !important;
}

/* remove the duplicate risk line if it still exists in the bottom row */
.dodo-site-footer .dodo-footer-bottom .footer-risk-note,
.dodo-site-footer .dodo-merged-footer-bottom .footer-risk-note,
.dodo-site-footer .dodo-footer-meta .footer-risk-note,
.dodo-site-footer .dodo-footer-bottom p:last-child,
.dodo-site-footer .dodo-merged-footer-bottom p:last-child {
  display: none !important;
}
/* DODO FOOTER LOGO FIX END */


/* DODO REAL FOOTER LOGO FIX */
.dodo-merged-logo-disc {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  flex: 0 0 56px !important;
  border-radius: 999px !important;
  position: relative !important;
  overflow: hidden !important;

  background: #ff165d !important;
  background-image: none !important;

  box-shadow:
    0 0 0 1px rgba(255,255,255,.08),
    0 0 20px rgba(255,22,93,.34) !important;
}

/* kill the fake gloss and gradient overlay */
.dodo-merged-logo-disc::after {
  display: none !important;
  content: none !important;
}

/* draw the real beak, fitted inside the circle */
.dodo-merged-logo-disc::before {
  content: "" !important;
  position: absolute !important;

  /*
    These inset values are what make the beak FIT.
    Smaller inset = bigger beak.
    Bigger inset = smaller beak.
  */
  inset: 12px 7px 12px 7px !important;

  background: #050506 !important;

  mask: url("/assets/icons/dodo-footer-beak-tight.svg") center / contain no-repeat !important;
  -webkit-mask: url("/assets/icons/dodo-footer-beak-tight.svg") center / contain no-repeat !important;

  transform: none !important;
  z-index: 2 !important;
}

/* hide any old img based beak so we only have one logo system */
.dodo-merged-logo-beak,
.dodo-merged-logo-disc img,
.dodo-merged-logo-img,
.dodo-merged-logo-mark {
  display: none !important;
}

/* keep logo word clean */
.dodo-merged-logo-word {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  line-height: 1 !important;
}
/* DODO REAL FOOTER LOGO FIX END */


/* DODO CHROME SECTION HEADING SIZE FIX */
.dodo-chrome-promo-copy h2 {
  max-width: 560px !important;
  font-size: clamp(28px, 3.1vw, 46px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.035em !important;
}

.dodo-chrome-promo-copy h2 span {
  font-size: inherit !important;
}

.dodo-chrome-copy {
  max-width: 560px !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
}

.dodo-chrome-promo-card {
  grid-template-columns: .95fr 1.05fr !important;
  gap: 54px !important;
}

.dodo-phone-demo {
  min-height: 540px !important;
}

@media (max-width: 1100px) {
  .dodo-chrome-promo-copy h2 {
    max-width: 680px !important;
    font-size: clamp(30px, 5vw, 48px) !important;
  }

  .dodo-chrome-promo-card {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  .dodo-chrome-promo-copy h2 {
    font-size: clamp(28px, 9vw, 40px) !important;
    line-height: 1.04 !important;
  }

  .dodo-chrome-copy {
    font-size: 16px !important;
  }
}
/* DODO CHROME SECTION HEADING SIZE FIX END */


/* DODO CHROME SECTION BALANCE FIX */
.dodo-chrome-promo-card {
  grid-template-columns: .88fr 1.12fr !important;
  gap: 64px !important;
  padding: 58px 66px !important;
}

.dodo-chrome-kicker {
  margin-bottom: 20px !important;
  padding: 9px 18px !important;
  font-size: 12px !important;
  letter-spacing: .22em !important;
}

.dodo-chrome-promo-copy h2 {
  max-width: 510px !important;
  font-size: clamp(26px, 2.55vw, 38px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.025em !important;
}

.dodo-chrome-promo-copy h2 span {
  font-size: inherit !important;
}

.dodo-chrome-copy {
  max-width: 500px !important;
  font-size: 16px !important;
  line-height: 1.52 !important;
  margin-bottom: 24px !important;
}

.dodo-chrome-bullets {
  max-width: 500px !important;
  gap: 12px 20px !important;
  margin-bottom: 26px !important;
}

.dodo-chrome-bullets span {
  font-size: 14px !important;
  line-height: 1.25 !important;
}

.dodo-chrome-actions {
  gap: 14px !important;
}

.dodo-chrome-cta,
.dodo-chrome-secondary {
  min-height: 48px !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
}

.dodo-phone-demo {
  min-height: 548px !important;
  justify-content: center !important;
}

.dodo-phone-shell {
  width: 286px !important;
  height: 572px !important;
}

.dodo-auto-float-card {
  right: -18px !important;
  top: 225px !important;
}

@media (max-width: 1100px) {
  .dodo-chrome-promo-card {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
    padding: 42px !important;
  }

  .dodo-chrome-promo-copy h2 {
    max-width: 650px !important;
    font-size: clamp(30px, 5vw, 44px) !important;
  }

  .dodo-chrome-copy,
  .dodo-chrome-bullets {
    max-width: 650px !important;
  }
}

@media (max-width: 700px) {
  .dodo-chrome-promo-card {
    padding: 26px !important;
  }

  .dodo-chrome-promo-copy h2 {
    font-size: clamp(26px, 8vw, 36px) !important;
    line-height: 1.06 !important;
  }

  .dodo-chrome-copy {
    font-size: 15px !important;
  }

  .dodo-phone-demo {
    transform: scale(.82) !important;
    transform-origin: top center !important;
    min-height: 520px !important;
  }
}
/* DODO CHROME SECTION BALANCE FIX END */

/* DODO FLOATING DISCOUNT BOXES */
.dodo-auto-float-card {
  position: absolute !important;
  right: -18px !important;
  top: 225px !important;
  width: 255px !important;
  padding: 20px 22px !important;
  border-radius: 14px !important;
  color: #ffffff !important;
  background: rgba(26,5,48,.95) !important;
  border: 1px solid rgba(198,107,255,.56) !important;
  box-shadow:
    0 0 30px rgba(156,29,255,.34),
    0 18px 44px rgba(0,0,0,.34) !important;
  animation: dodoFloatRock 7s ease-in-out infinite !important;
  transform-origin: 48% 52% !important;
  z-index: 6 !important;
}

.dodo-auto-float-card small {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 0 8px !important;
  color: #c66bff !important;
  text-transform: uppercase !important;
  letter-spacing: .24em !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.dodo-auto-check {
  color: #19ff45 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-shadow:
    0 0 8px rgba(25,255,69,.86),
    0 0 18px rgba(25,255,69,.42) !important;
}

.dodo-auto-float-card strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.28 !important;
  font-weight: 850 !important;
}

.dodo-saved-arrow-card {
  position: absolute !important;
  right: 238px !important;
  top: 382px !important;
  width: 152px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #041507 !important;
  background: #19ff45 !important;
  clip-path: polygon(0 0, 82% 0, 100% 50%, 82% 100%, 0 100%, 10% 50%) !important;
  box-shadow:
    0 0 18px rgba(25,255,69,.62),
    0 0 38px rgba(25,255,69,.28) !important;
  animation: dodoSavedArrowPulse 2.2s ease-in-out infinite !important;
  z-index: 7 !important;
}

.dodo-saved-arrow-card span {
  display: block !important;
  padding-left: 10px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

@keyframes dodoSavedArrowPulse {
  0%, 100% {
    transform: translate3d(0, 0, 0) scale(1);
    filter: brightness(1);
  }

  50% {
    transform: translate3d(6px, 0, 0) scale(1.035);
    filter: brightness(1.12);
  }
}

@keyframes dodoFloatRock {
  0% {
    transform: translate3d(0, 0, 0) rotate(-1.5deg);
  }

  25% {
    transform: translate3d(11px, -7px, 0) rotate(1.6deg);
  }

  50% {
    transform: translate3d(0, 7px, 0) rotate(-1deg);
  }

  75% {
    transform: translate3d(-11px, -5px, 0) rotate(1.2deg);
  }

  100% {
    transform: translate3d(0, 0, 0) rotate(-1.5deg);
  }
}

@media (max-width: 1100px) {
  .dodo-auto-float-card {
    right: 42px !important;
    top: 230px !important;
  }

  .dodo-saved-arrow-card {
    right: 290px !important;
    top: 388px !important;
  }
}

@media (max-width: 700px) {
  .dodo-auto-float-card {
    right: 0 !important;
    top: 430px !important;
    width: 236px !important;
  }

  .dodo-saved-arrow-card {
    right: 190px !important;
    top: 390px !important;
    width: 138px !important;
    height: 44px !important;
  }

  .dodo-saved-arrow-card span {
    font-size: 13px !important;
  }
}
/* DODO FLOATING DISCOUNT BOXES END */

/* DODO FLOATING CARD CODE BADGE AND ARROW POSITION FIX */
.dodo-auto-float-card {
  width: 265px !important;
  padding: 18px 22px 20px !important;
}

.dodo-auto-float-card small {
  margin-bottom: 8px !important;
}

.dodo-auto-float-card strong {
  margin-bottom: 12px !important;
}

.dodo-float-code-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 18px !important;
  border-radius: 7px !important;
  color: #c66bff !important;
  border: 1px dashed rgba(198,107,255,.72) !important;
  background: rgba(122,24,255,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 18px rgba(198,107,255,.16) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

/*
  Move the green Saved 90% arrow left so it points at the discount area
  without covering the DODO code field on the phone.
*/
.dodo-saved-arrow-card {
  right: 330px !important;
  top: 386px !important;
  width: 150px !important;
  height: 48px !important;
  z-index: 7 !important;
}

@media (max-width: 1100px) {
  .dodo-saved-arrow-card {
    right: 372px !important;
    top: 388px !important;
  }
}

@media (max-width: 700px) {
  .dodo-auto-float-card {
    width: 242px !important;
  }

  .dodo-float-code-badge {
    min-height: 32px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
  }

  .dodo-saved-arrow-card {
    right: 260px !important;
    top: 392px !important;
    width: 132px !important;
    height: 42px !important;
  }
}
/* DODO FLOATING CARD CODE BADGE AND ARROW POSITION FIX END */

/* DODO CHROME HERO FINAL TUNE */
.dodo-auto-float-card {
  width: 272px !important;
  min-height: auto !important;
  padding: 16px 18px 16px !important;
  border-radius: 16px !important;
}

.dodo-auto-float-card small {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 8px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

.dodo-auto-float-card .dodo-auto-check {
  color: #33ff66 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  display: inline-block !important;
  transform: translateY(-1px) !important;
}

.dodo-auto-float-card strong {
  display: block !important;
  margin-bottom: 10px !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  letter-spacing: -.01em !important;
  white-space: nowrap !important;
}

.dodo-float-code-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 16px !important;
  border-radius: 8px !important;
  color: #cf83ff !important;
  border: 1px dashed rgba(196,107,255,.74) !important;
  background: rgba(140,40,255,.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 18px rgba(183,89,255,.14) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

/* move green arrow further left and slightly lower */
.dodo-saved-arrow-card {
  right: 410px !important;
  top: 470px !important;
  width: 140px !important;
  height: 42px !important;
  z-index: 7 !important;
}

/* phone top right cleanup */
.dodo-phone-status-right,
.dodo-phone-status-icons,
.dodo-phone-icons-right,
.dodo-phone-top-icons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

/* hide odd extra symbols between signal and battery */
.dodo-phone-status-extra,
.dodo-phone-status-separator,
.dodo-phone-status-dot,
.dodo-phone-wifi,
.dodo-phone-connection,
.dodo-phone-status-right > .extra,
.dodo-phone-status-icons > .extra,
.dodo-phone-icons-right > .extra {
  display: none !important;
}

.dodo-phone-signal,
.dodo-phone-cellular {
  order: 1 !important;
  display: inline-flex !important;
  align-items: flex-end !important;
  gap: 2px !important;
  width: 13px !important;
  height: 10px !important;
  position: relative !important;
}

.dodo-phone-signal::before,
.dodo-phone-cellular::before {
  content: "" !important;
  display: block !important;
  width: 13px !important;
  height: 10px !important;
  background:
    linear-gradient(to top, #111 0 100%) left bottom / 2px 4px no-repeat,
    linear-gradient(to top, #111 0 100%) 4px bottom / 2px 6px no-repeat,
    linear-gradient(to top, #111 0 100%) 8px bottom / 2px 8px no-repeat,
    linear-gradient(to top, #111 0 100%) 12px bottom / 2px 10px no-repeat !important;
}

.dodo-phone-signal > *,
.dodo-phone-cellular > * {
  opacity: 0 !important;
}

.dodo-phone-battery,
.dodo-phone-battery-icon {
  order: 2 !important;
  position: relative !important;
  width: 22px !important;
  height: 11px !important;
  border: 1.7px solid #111 !important;
  border-radius: 3px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  overflow: visible !important;
}

.dodo-phone-battery::before,
.dodo-phone-battery-icon::before {
  content: "" !important;
  position: absolute !important;
  right: -3px !important;
  top: 2.5px !important;
  width: 2px !important;
  height: 4px !important;
  border-radius: 0 2px 2px 0 !important;
  background: #111 !important;
}

.dodo-phone-battery::after,
.dodo-phone-battery-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 1.5px !important;
  top: 1.5px !important;
  width: 15px !important;
  height: 6px !important;
  border-radius: 1.5px !important;
  background: linear-gradient(90deg, #9cf0b6 0%, #cffff0 100%) !important;
}

.dodo-phone-battery > *,
.dodo-phone-battery-icon > * {
  opacity: 0 !important;
}

/* responsive tune */
@media (max-width: 1100px) {
  .dodo-auto-float-card {
    width: 258px !important;
    padding: 15px 16px !important;
  }

  .dodo-auto-float-card strong {
    font-size: 13px !important;
  }

  .dodo-saved-arrow-card {
    right: 390px !important;
    top: 468px !important;
    width: 134px !important;
    height: 40px !important;
  }
}

@media (max-width: 700px) {
  .dodo-auto-float-card {
    width: 236px !important;
    padding: 14px 14px 14px !important;
  }

  .dodo-auto-float-card small {
    font-size: 11px !important;
    letter-spacing: .12em !important;
  }

  .dodo-auto-float-card strong {
    font-size: 12px !important;
  }

  .dodo-float-code-badge {
    min-height: 30px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
  }

  .dodo-saved-arrow-card {
    right: 255px !important;
    top: 442px !important;
    width: 124px !important;
    height: 38px !important;
  }
}
/* DODO CHROME HERO FINAL TUNE END */

/* DODO CHROME HERO POLISH 3 */
.dodo-auto-float-card {
  width: 246px !important;
  min-height: auto !important;
  padding: 15px 16px 14px !important;
  border-radius: 16px !important;
  right: 42px !important;
}

.dodo-auto-float-card small {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 7px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .15em !important;
  text-transform: uppercase !important;
}

.dodo-auto-float-card .dodo-auto-check {
  color: #31ff67 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: inline-block !important;
  transform: translateY(-1px) !important;
}

.dodo-auto-float-card strong {
  display: block !important;
  margin-bottom: 10px !important;
  font-size: 13px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.dodo-float-code-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

/* move the green arrow slightly higher */
.dodo-saved-arrow-card {
  top: 456px !important;
}

/* status area cleanup */
.dodo-phone-status-right,
.dodo-phone-status-icons,
.dodo-phone-icons-right,
.dodo-phone-top-icons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
}

/* remove the odd extra symbol */
.dodo-phone-status-extra,
.dodo-phone-status-separator,
.dodo-phone-status-dot,
.dodo-phone-connection,
.dodo-phone-wifi,
.dodo-phone-status-right > .extra,
.dodo-phone-status-icons > .extra,
.dodo-phone-icons-right > .extra {
  display: none !important;
}

/* full signal bars */
.dodo-phone-signal,
.dodo-phone-cellular {
  order: 1 !important;
  position: relative !important;
  width: 14px !important;
  height: 10px !important;
  display: inline-block !important;
}

.dodo-phone-signal::before,
.dodo-phone-cellular::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(#111,#111) 0 6px/2px 4px no-repeat,
    linear-gradient(#111,#111) 4px 4px/2px 6px no-repeat,
    linear-gradient(#111,#111) 8px 2px/2px 8px no-repeat,
    linear-gradient(#111,#111) 12px 0/2px 10px no-repeat !important;
}

.dodo-phone-signal > *,
.dodo-phone-cellular > * {
  opacity: 0 !important;
}

/* full battery */
.dodo-phone-battery,
.dodo-phone-battery-icon {
  order: 2 !important;
  position: relative !important;
  width: 23px !important;
  height: 11px !important;
  display: inline-block !important;
  border: 1.6px solid #111 !important;
  border-radius: 3px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  overflow: visible !important;
}

.dodo-phone-battery::before,
.dodo-phone-battery-icon::before {
  content: "" !important;
  position: absolute !important;
  right: -3px !important;
  top: 2.5px !important;
  width: 2px !important;
  height: 4px !important;
  border-radius: 0 2px 2px 0 !important;
  background: #111 !important;
}

.dodo-phone-battery::after,
.dodo-phone-battery-icon::after {
  content: "" !important;
  position: absolute !important;
  left: 1.5px !important;
  top: 1.5px !important;
  width: 16px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #111 !important;
  opacity: .95 !important;
}

/* if there is an existing inner battery bar, force it full too */
.dodo-phone-battery .level,
.dodo-phone-battery .fill,
.dodo-phone-battery .bar,
.dodo-phone-battery-icon .level,
.dodo-phone-battery-icon .fill,
.dodo-phone-battery-icon .bar {
  position: absolute !important;
  left: 1.5px !important;
  top: 1.5px !important;
  width: 16px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #111 !important;
  opacity: 1 !important;
}

/* if any stray inline symbols remain, hide them */
.dodo-phone-battery > svg,
.dodo-phone-battery-icon > svg,
.dodo-phone-signal > svg,
.dodo-phone-cellular > svg {
  opacity: 0 !important;
}

/* mobile safety */
@media (max-width: 700px) {
  .dodo-auto-float-card {
    width: 232px !important;
    right: 18px !important;
  }

  .dodo-auto-float-card strong {
    font-size: 12px !important;
  }

  .dodo-saved-arrow-card {
    top: 442px !important;
  }
}
/* DODO CHROME HERO POLISH 3 END */

/* DODO ACTUAL CHROME SECTION FINAL OVERRIDE */

/* Purple floating box, narrower and slightly more right */
.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
  width: 232px !important;
  right: -6px !important;
  top: 225px !important;
  padding: 14px 16px 14px !important;
  border-radius: 15px !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card small {
  font-size: 11px !important;
  letter-spacing: .14em !important;
  margin-bottom: 7px !important;
  line-height: 1 !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-check {
  color: #25ff5e !important;
  font-size: 12px !important;
  text-shadow:
    0 0 8px rgba(37,255,94,.85),
    0 0 18px rgba(37,255,94,.38) !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card strong {
  font-size: 12.5px !important;
  line-height: 1.08 !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  margin-bottom: 10px !important;
  letter-spacing: 0 !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-float-code-badge {
  min-height: 30px !important;
  padding: 0 13px !important;
  font-size: 11px !important;
  letter-spacing: .10em !important;
}

/* Saved 90% arrow, further left and up so it points at You saved $59.60 */
.dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
  right: 455px !important;
  top: 430px !important;
  width: 136px !important;
  height: 40px !important;
  z-index: 8 !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card span {
  font-size: 13px !important;
  letter-spacing: .04em !important;
}

/* Actual phone status icon classes */
.dodo-chrome-promo-section .dodo-phone-status-icons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
}

/* remove the strange middle symbol */
.dodo-chrome-promo-section .dodo-phone-status-icons .dodo-wifi,
.dodo-chrome-promo-section .dodo-wifi {
  display: none !important;
}

/* full signal bars */
.dodo-chrome-promo-section .dodo-signal {
  width: 16px !important;
  height: 11px !important;
  display: inline-block !important;
  position: relative !important;
  background: none !important;
  border: 0 !important;
  transform: none !important;
}

.dodo-chrome-promo-section .dodo-signal::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 16px !important;
  height: 11px !important;
  background:
    linear-gradient(#111,#111) 0 7px / 2px 4px no-repeat,
    linear-gradient(#111,#111) 4px 5px / 2px 6px no-repeat,
    linear-gradient(#111,#111) 8px 3px / 2px 8px no-repeat,
    linear-gradient(#111,#111) 12px 1px / 2px 10px no-repeat !important;
}

/* full battery */
.dodo-chrome-promo-section .dodo-battery {
  width: 24px !important;
  height: 12px !important;
  display: inline-block !important;
  position: relative !important;
  border: 1.7px solid #111 !important;
  border-radius: 3px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  overflow: visible !important;
  transform: none !important;
}

.dodo-chrome-promo-section .dodo-battery::before {
  content: "" !important;
  position: absolute !important;
  right: -4px !important;
  top: 3px !important;
  width: 3px !important;
  height: 5px !important;
  border-radius: 0 2px 2px 0 !important;
  background: #111 !important;
}

.dodo-chrome-promo-section .dodo-battery::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  width: 17px !important;
  height: 6px !important;
  border-radius: 1px !important;
  background: #111 !important;
}

/* responsive safety */
@media (max-width: 1100px) {
  .dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
    right: 34px !important;
    width: 228px !important;
  }

  .dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
    right: 430px !important;
    top: 428px !important;
  }
}

@media (max-width: 700px) {
  .dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
    right: 12px !important;
    width: 220px !important;
  }

  .dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
    right: 270px !important;
    top: 420px !important;
    width: 124px !important;
    height: 38px !important;
  }
}
/* DODO ACTUAL CHROME SECTION FINAL OVERRIDE END */


/* DODO CHROME HERO FINAL TIDY */

/* 1. Purple auto applied floating card, make it narrower and slightly more right */
.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
  width: 206px !important;
  min-width: 206px !important;
  max-width: 206px !important;
  right: -14px !important;
  top: 224px !important;
  padding: 14px 14px 14px !important;
  border-radius: 15px !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card small {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 11px !important;
  letter-spacing: .13em !important;
  margin-bottom: 6px !important;
  white-space: nowrap !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-check {
  color: #2aff62 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  text-shadow:
    0 0 8px rgba(42,255,98,.7),
    0 0 18px rgba(42,255,98,.35) !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card strong {
  display: block !important;
  font-size: 11.8px !important;
  line-height: 1.12 !important;
  font-weight: 750 !important;
  white-space: nowrap !important;
  margin-bottom: 10px !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-float-code-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  padding: 0 12px !important;
  font-size: 10.8px !important;
  letter-spacing: .08em !important;
  white-space: nowrap !important;
}

/* 2. Green saved arrow, move it right so it just touches the phone edge */
.dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
  right: 408px !important;
  top: 430px !important;
  width: 136px !important;
  height: 40px !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card span {
  font-size: 13px !important;
  letter-spacing: .03em !important;
}

/* 3. Clean up phone status area */
.dodo-chrome-promo-section .dodo-phone-status-icons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

/* hide any stray symbol */
.dodo-chrome-promo-section .dodo-wifi {
  display: none !important;
}

/* cleaner signal bars */
.dodo-chrome-promo-section .dodo-signal {
  position: relative !important;
  width: 15px !important;
  height: 10px !important;
  display: inline-block !important;
  background: none !important;
  border: 0 !important;
  transform: none !important;
}

.dodo-chrome-promo-section .dodo-signal::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 15px !important;
  height: 10px !important;
  background:
    linear-gradient(#111,#111) 0 6px / 2px 4px no-repeat,
    linear-gradient(#111,#111) 4px 4px / 2px 6px no-repeat,
    linear-gradient(#111,#111) 8px 2px / 2px 8px no-repeat,
    linear-gradient(#111,#111) 12px 0 / 2px 10px no-repeat !important;
}

/* cleaner full battery */
.dodo-chrome-promo-section .dodo-battery {
  position: relative !important;
  width: 22px !important;
  height: 11px !important;
  display: inline-block !important;
  border: 1.6px solid #111 !important;
  border-radius: 3px !important;
  background: transparent !important;
  box-sizing: border-box !important;
  transform: none !important;
}

.dodo-chrome-promo-section .dodo-battery::before {
  content: "" !important;
  position: absolute !important;
  right: -3px !important;
  top: 3px !important;
  width: 2px !important;
  height: 4px !important;
  border-radius: 0 2px 2px 0 !important;
  background: #111 !important;
}

.dodo-chrome-promo-section .dodo-battery::after {
  content: "" !important;
  position: absolute !important;
  left: 2px !important;
  top: 2px !important;
  width: 14px !important;
  height: 5px !important;
  border-radius: 1px !important;
  background: #111 !important;
}

/* responsive safety */
@media (max-width: 1100px) {
  .dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
    width: 198px !important;
    min-width: 198px !important;
    max-width: 198px !important;
    right: -10px !important;
  }

  .dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
    right: 388px !important;
  }
}

@media (max-width: 700px) {
  .dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    right: -4px !important;
  }

  .dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
    right: 258px !important;
    width: 126px !important;
    height: 38px !important;
  }
}

/* DODO CHROME HERO FINAL TIDY END */


/* DODO AUTO APPLIED BOX WIDTH FINAL */
.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
  width: 178px !important;
  min-width: 178px !important;
  max-width: 178px !important;
  right: 8px !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card strong {
  font-size: 11.4px !important;
  white-space: nowrap !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-float-code-badge {
  padding: 0 11px !important;
}
/* DODO AUTO APPLIED BOX WIDTH FINAL END */


/* DODO AUTO APPLIED BOX FONT UP */
.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card small {
  font-size: 11.8px !important;
  letter-spacing: .13em !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-check {
  font-size: 12.5px !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card strong {
  font-size: 12.4px !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-float-code-badge {
  font-size: 11.6px !important;
  letter-spacing: .085em !important;
}
/* DODO AUTO APPLIED BOX FONT UP END */


/* DODO AUTO APPLIED BOX LINE BIGGER */
.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
  width: 194px !important;
  min-width: 194px !important;
  max-width: 194px !important;
  right: 0px !important;
  padding: 14px 15px 14px !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card small {
  font-size: 11.6px !important;
  letter-spacing: .14em !important;
  margin-bottom: 7px !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card strong {
  font-size: 13.2px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
  margin-bottom: 10px !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-float-code-badge {
  font-size: 11.7px !important;
  letter-spacing: .08em !important;
  min-height: 31px !important;
  padding: 0 12px !important;
}
/* DODO AUTO APPLIED BOX LINE BIGGER END */

/* DODO PHONE NUMBERS AND CLOCK */
.dodo-phone-time {
  font-variant-numeric: tabular-nums !important;
  min-width: 34px !important;
  display: inline-block !important;
}

.dodo-phone-saving {
  color: #00a859 !important;
  font-weight: 950 !important;
}

.dodo-phone-total strong {
  color: #11131a !important;
  font-weight: 950 !important;
}

.dodo-saved-arrow-card span {
  white-space: nowrap !important;
}
/* DODO PHONE NUMBERS AND CLOCK END */

/* DODO PHONE CLOCK SECONDS */
.dodo-phone-time {
  min-width: 52px !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -.02em !important;
}
/* DODO PHONE CLOCK SECONDS END */

/* DODO PHONE SCREEN UP FIX */

/* Kill the previous downward padding effect */
.dodo-chrome-promo-section .dodo-phone-screen {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

/* Move the whole visible phone UI up */
.dodo-chrome-promo-section .dodo-phone-status {
  height: 34px !important;
  padding-top: 0 !important;
  transform: translateY(-4px) !important;
}

.dodo-chrome-promo-section .dodo-phone-time {
  font-size: 10.6px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  min-width: 48px !important;
  transform: translateX(-5px) !important;
}

.dodo-chrome-promo-section .dodo-phone-notch {
  top: 7px !important;
}

.dodo-chrome-promo-section .dodo-phone-app-head {
  height: 48px !important;
  padding-top: 0 !important;
  transform: translateY(-8px) !important;
}

.dodo-chrome-promo-section .dodo-phone-divider {
  transform: translateY(-8px) !important;
}

.dodo-chrome-promo-section .dodo-phone-order {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  transform: translateY(-16px) !important;
}

/* Tighten internal vertical spacing so Complete Purchase fits */
.dodo-chrome-promo-section .dodo-phone-label {
  margin-bottom: 14px !important;
}

.dodo-chrome-promo-section .dodo-phone-row,
.dodo-chrome-promo-section .dodo-phone-total {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.dodo-chrome-promo-section .dodo-phone-field {
  margin-top: 12px !important;
  margin-bottom: 10px !important;
}

.dodo-chrome-promo-section .dodo-phone-input {
  height: 36px !important;
}

.dodo-chrome-promo-section .dodo-phone-applied {
  padding: 10px 12px !important;
}

.dodo-chrome-promo-section .dodo-phone-saving {
  margin-top: 10px !important;
  margin-bottom: 6px !important;
}

.dodo-chrome-promo-section .dodo-phone-total {
  margin-top: 4px !important;
}

.dodo-chrome-promo-section .dodo-phone-buy {
  height: 44px !important;
  margin-top: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
}

/* Keep the phone itself stable */
.dodo-chrome-promo-section .dodo-phone-shell {
  height: 572px !important;
  overflow: hidden !important;
}

/* Reposition overlays to match the moved phone content */
.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
  top: 218px !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
  top: 420px !important;
}

/* Tidy status icons after the upward move */
.dodo-chrome-promo-section .dodo-phone-status-icons {
  transform: translateY(-1px) !important;
  gap: 5px !important;
}

.dodo-chrome-promo-section .dodo-battery::after {
  width: 16px !important;
  height: 6px !important;
  left: 2px !important;
  top: 2px !important;
}

/* Mobile safety */
@media (max-width: 700px) {
  .dodo-chrome-promo-section .dodo-phone-order {
    transform: translateY(-14px) !important;
  }

  .dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
    top: 414px !important;
  }

  .dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
    top: 408px !important;
  }
}

/* DODO PHONE SCREEN UP FIX END */

/* DODO CHROME LABEL RESTORE */

/* Keep the phone layout stable and stop the last patch pushing overlays away */
.dodo-chrome-promo-section .dodo-phone-demo {
  position: relative !important;
  overflow: visible !important;
}

.dodo-chrome-promo-section .dodo-phone-shell {
  height: 572px !important;
  overflow: hidden !important;
}

.dodo-chrome-promo-section .dodo-phone-screen {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

/* Restore the purple floating box close to the right edge of the phone */
.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
  left: auto !important;
  right: -8px !important;
  top: 224px !important;
  width: 194px !important;
  min-width: 194px !important;
  max-width: 194px !important;
  padding: 14px 15px 14px !important;
  border-radius: 15px !important;
  transform-origin: 48% 52% !important;
  z-index: 8 !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card small {
  font-size: 11.6px !important;
  letter-spacing: .14em !important;
  margin-bottom: 7px !important;
  white-space: nowrap !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card strong {
  font-size: 13.2px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  margin-bottom: 10px !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-float-code-badge {
  min-height: 31px !important;
  padding: 0 12px !important;
  font-size: 11.7px !important;
  letter-spacing: .08em !important;
  white-space: nowrap !important;
}

/* Put the green arrow back beside the phone and align it with the saving line */
.dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
  left: auto !important;
  right: 408px !important;
  top: 430px !important;
  transform: none !important;
  width: 136px !important;
  height: 40px !important;
  z-index: 7 !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card span {
  font-size: 13px !important;
  letter-spacing: .03em !important;
}

/* Keep the phone purchase button visible without shifting the whole phone content down */
.dodo-chrome-promo-section .dodo-phone-status {
  height: 30px !important;
  padding-top: 4px !important;
  transform: none !important;
}

.dodo-chrome-promo-section .dodo-phone-time {
  font-size: 10.5px !important;
  font-weight: 600 !important;
  min-width: 48px !important;
  transform: translateX(-5px) !important;
}

.dodo-chrome-promo-section .dodo-phone-app-head {
  height: 48px !important;
  transform: none !important;
}

.dodo-chrome-promo-section .dodo-phone-order {
  padding-top: 12px !important;
  padding-bottom: 10px !important;
  transform: translateY(-10px) !important;
}

.dodo-chrome-promo-section .dodo-phone-row,
.dodo-chrome-promo-section .dodo-phone-total {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.dodo-chrome-promo-section .dodo-phone-field {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.dodo-chrome-promo-section .dodo-phone-input {
  height: 36px !important;
}

.dodo-chrome-promo-section .dodo-phone-applied {
  margin-top: 10px !important;
  margin-bottom: 8px !important;
  padding: 10px 12px !important;
}

.dodo-chrome-promo-section .dodo-phone-saving {
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

.dodo-chrome-promo-section .dodo-phone-buy {
  height: 40px !important;
  margin-top: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Responsive safety */
@media (max-width: 1100px) {
  .dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
    right: -4px !important;
    top: 222px !important;
  }

  .dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
    right: 388px !important;
    top: 430px !important;
  }
}

@media (max-width: 700px) {
  .dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
    right: -2px !important;
    top: 400px !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }

  .dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
    right: 258px !important;
    top: 418px !important;
    width: 126px !important;
    height: 38px !important;
  }
}
/* DODO CHROME LABEL RESTORE END */

/* DODO PHONE VERTICAL LAYOUT FIX */

/*
  Build the phone like a real screen:
  status bar, checkout header, then order area stretched to the bottom.
*/
.dodo-chrome-promo-section .dodo-phone-shell {
  height: 572px !important;
  overflow: hidden !important;
}

.dodo-chrome-promo-section .dodo-phone-screen {
  height: 100% !important;
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Top status row */
.dodo-chrome-promo-section .dodo-phone-status {
  flex: 0 0 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 7px 19px 0 19px !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.dodo-chrome-promo-section .dodo-phone-time {
  font-size: 10.2px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  min-width: 47px !important;
  transform: translateX(-6px) !important;
}

/* Checkout header, more breathing room */
.dodo-chrome-promo-section .dodo-phone-app-head {
  flex: 0 0 62px !important;
  height: 62px !important;
  min-height: 62px !important;
  padding: 10px 24px 12px 24px !important;
  transform: none !important;
  box-sizing: border-box !important;
}

.dodo-chrome-promo-section .dodo-phone-app-head strong {
  font-size: 16px !important;
  line-height: 1.15 !important;
}

.dodo-chrome-promo-section .dodo-phone-app-head span {
  font-size: 12px !important;
  margin-top: 3px !important;
}

.dodo-chrome-promo-section .dodo-phone-divider {
  flex: 0 0 1px !important;
  height: 1px !important;
  transform: none !important;
}

/*
  Order area fills the remaining screen.
  The purchase button is pushed to the bottom.
*/
.dodo-chrome-promo-section .dodo-phone-order {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 20px 24px 14px 24px !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* Better separation after the header */
.dodo-chrome-promo-section .dodo-phone-label {
  margin: 0 0 18px 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

/* Row rhythm */
.dodo-chrome-promo-section .dodo-phone-row {
  padding: 10px 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.dodo-chrome-promo-section .dodo-phone-field {
  margin: 12px 0 11px 0 !important;
  flex: 0 0 auto !important;
}

.dodo-chrome-promo-section .dodo-phone-field label {
  margin-bottom: 7px !important;
}

.dodo-chrome-promo-section .dodo-phone-input {
  height: 37px !important;
  flex: 0 0 auto !important;
}

/* Applied block */
.dodo-chrome-promo-section .dodo-phone-applied {
  margin: 10px 0 9px 0 !important;
  padding: 10px 12px !important;
  flex: 0 0 auto !important;
}

.dodo-chrome-promo-section .dodo-phone-tick {
  width: 32px !important;
  height: 32px !important;
}

/* Saving line should sit cleanly above total */
.dodo-chrome-promo-section .dodo-phone-saving {
  margin: 5px 0 8px 0 !important;
  line-height: 1.2 !important;
  flex: 0 0 auto !important;
}

/* Total row */
.dodo-chrome-promo-section .dodo-phone-total {
  padding: 8px 0 8px 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* Push button to bottom of phone screen */
.dodo-chrome-promo-section .dodo-phone-buy {
  margin-top: auto !important;
  height: 42px !important;
  min-height: 42px !important;
  flex: 0 0 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
  position: relative !important;
  bottom: auto !important;
}

/* Keep overlays aligned to the now properly distributed screen */
.dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
  top: 218px !important;
  right: -8px !important;
}

.dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
  top: 418px !important;
  right: 408px !important;
}

/* Keep status icons tidy */
.dodo-chrome-promo-section .dodo-phone-status-icons {
  gap: 5px !important;
  align-items: center !important;
  transform: translateY(-1px) !important;
}

.dodo-chrome-promo-section .dodo-wifi {
  display: none !important;
}

.dodo-chrome-promo-section .dodo-signal {
  width: 15px !important;
  height: 10px !important;
}

.dodo-chrome-promo-section .dodo-battery {
  width: 21px !important;
  height: 10px !important;
}

.dodo-chrome-promo-section .dodo-battery::after {
  left: 2px !important;
  top: 2px !important;
  width: 14px !important;
  height: 4px !important;
  background: #111 !important;
}

/* Responsive safety */
@media (max-width: 1100px) {
  .dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
    right: 388px !important;
    top: 418px !important;
  }

  .dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
    right: -4px !important;
    top: 216px !important;
  }
}

@media (max-width: 700px) {
  .dodo-chrome-promo-section .dodo-phone-order {
    padding: 18px 22px 13px 22px !important;
  }

  .dodo-chrome-promo-section .dodo-phone-demo .dodo-saved-arrow-card {
    right: 258px !important;
    top: 410px !important;
  }

  .dodo-chrome-promo-section .dodo-phone-demo .dodo-auto-float-card {
    right: -2px !important;
    top: 398px !important;
  }
}

/* DODO PHONE VERTICAL LAYOUT FIX END */

/* DODO PHONE CLOCK NUDGE */
.chrome-tool-section .phone-time,
.chrome-tool-section .phone-clock,
.chrome-tool-section .phone-status-time,
.chrome-tool-section .mock-phone-time,
.chrome-tool-section .mobile-time,
.chrome-tool-section .status-time,
.dodo-chrome-tool .phone-time,
.dodo-chrome-tool .phone-clock,
.dodo-chrome-tool .phone-status-time,
.dodo-chrome-tool .mock-phone-time,
.dodo-chrome-tool .mobile-time,
.dodo-chrome-tool .status-time {
  left: 18px !important;
  top: 15px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}

/* keep the right side status icons balanced */
.chrome-tool-section .phone-status-right,
.chrome-tool-section .status-icons,
.chrome-tool-section .phone-icons,
.dodo-chrome-tool .phone-status-right,
.dodo-chrome-tool .status-icons,
.dodo-chrome-tool .phone-icons {
  right: 18px !important;
  top: 15px !important;
}

/* DODO PHONE CLOCK NUDGE END */

/* DODO REAL PHONE CLOCK NUDGE */
.dodo-chrome-promo-section .dodo-phone-status .dodo-phone-time,
.dodo-phone-status .dodo-phone-time,
.dodo-phone-time {
  font-size: 11.1px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
  min-width: 52px !important;
  transform: translateX(-2px) !important;
}
/* DODO REAL PHONE CLOCK NUDGE END */


/* DODO REAL PHONE CLOCK NUDGE 2 */
.dodo-chrome-promo-section .dodo-phone-status .dodo-phone-time,
.dodo-phone-status .dodo-phone-time,
.dodo-phone-time {
  font-size: 11.8px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.015em !important;
  min-width: 56px !important;
  transform: translateX(1px) !important;
}
/* DODO REAL PHONE CLOCK NUDGE 2 END */