.site-header nav a{font-size:15.5px;font-weight:600}.header-actions{align-items:center}
.hero-copy{padding-top:26px}.hero-copy>p{line-height:1.58;max-width:620px}.hero-art img{transform:scale(.965);transform-origin:right bottom}
.domain{border-radius:18px;box-shadow:0 10px 30px rgba(42,63,116,.10);overflow:hidden}.domain b{background:#f7f9fd}.domain input,.domain select{border-right:1px solid #e8edf5}.domain button{font-weight:800}
.lower-selector .select-card{min-height:112px!important;padding:17px 10px 13px!important}.lower-selector .select-card .service-icon{transform:scale(1.08)}
.lower-selector .select-card.active{transform:translateY(-3px);border-width:2px!important;box-shadow:0 16px 34px color-mix(in srgb,var(--card-accent) 25%,transparent)!important}
.selector-estimator-bar{min-height:68px}.selector-estimator-summary{flex:1;min-width:0}.selector-estimator-summary b{max-width:46%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector-estimator-cta{min-width:300px;justify-content:center}
.lower-proof{margin-top:8px!important;padding-top:24px!important;padding-bottom:28px!important}.lower-proof .features p{font-size:12px!important;line-height:1.5!important}.lower-proof .stats span{font-size:11.5px!important}
.journey-track article{background:rgba(255,255,255,.075)!important;border-color:rgba(145,174,255,.22)!important}.journey-track article b{color:#fff!important;font-size:14px!important}.journey-track article p{color:#bdc9ea!important;font-size:11.5px!important;line-height:1.55!important}
.journey-track article:hover,.journey-track article.is-process-active{background:rgba(255,255,255,.13)!important;border-color:rgba(82,199,255,.55)!important;box-shadow:0 16px 36px rgba(5,14,54,.22)}
.book-page-right .book-visual-wrap{padding-top:34px!important;padding-bottom:34px!important}.book-visual{height:190px!important}.book-visual-wrap>p{font-size:14px!important;line-height:1.65!important}.book-result strong{font-size:14px!important}.book-chapters button{padding:13px 14px!important}.book-chapters b{font-size:13px!important}.book-chapters small{font-size:10px!important;line-height:1.35}
.proposal-selection{grid-column:1/-1;padding:13px 16px;border:1px solid rgba(111,91,229,.14);border-radius:15px;background:linear-gradient(135deg,rgba(255,65,190,.055),rgba(43,163,255,.055));margin-bottom:2px}.proposal-selection small{display:block;font-size:9px;letter-spacing:.16em;font-weight:900;color:#e327a5;margin-bottom:5px}.proposal-selection strong{display:block;color:#142050;font-size:13px;line-height:1.5}.proposal-selection span{display:block;color:#71809d;font-size:10px;margin-top:3px}
.enhanced-footer{display:grid!important;grid-template-columns:1.7fr 1fr 1fr 1.25fr!important;align-items:start!important;gap:44px!important;padding-top:42px!important;padding-bottom:42px!important}.enhanced-footer .footer-group{display:flex;flex-direction:column;gap:9px;font-size:12px}.enhanced-footer .footer-group b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#111b46;margin-bottom:3px}.enhanced-footer .footer-group a{text-decoration:none;color:#65708d;transition:.2s}.enhanced-footer .footer-group a:hover{color:#6d45ee;transform:translateX(2px)}.enhanced-footer .footer-group span{color:#8b94aa;font-size:10px;margin-top:5px}
.cta,.domain button,.journey-cta,.selector-estimator-cta,.book-story-cta{min-height:46px}
@media(max-width:900px){.hero-art img{transform:none}.enhanced-footer{grid-template-columns:1fr 1fr!important;gap:28px!important}.selector-estimator-summary b{max-width:100%}}
@media(max-width:640px){.service-select{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;gap:12px}.service-select .select-card{min-width:72%;scroll-snap-align:start}.selector-estimator-cta{min-width:0;width:100%}.book-page-right{display:block!important;margin-top:12px}.open-book{display:block!important}.book-spine{display:none!important}.book-page{min-height:0!important;border-radius:16px!important;transform:none!important}.book-chapters{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory}.book-chapters button{min-width:72%;scroll-snap-align:start}.enhanced-footer{grid-template-columns:1fr!important;gap:22px!important}}

/* V13 final polish from full-page/video review */
.site-header nav{gap:clamp(22px,2.5vw,42px)!important}
.select-card small,.lower-proof .features p,.journey-track article p{color:#667596!important;opacity:1!important}
.proposal-estimate-details{margin-top:7px;padding-top:7px;border-top:1px dashed rgba(111,91,229,.18);font-size:10.5px;line-height:1.55;color:#5d6b89}
.lead-message,.estimate-msg{margin-top:9px;font-size:12px;font-weight:700;min-height:18px}.lead-message.is-loading,.estimate-msg.is-loading{color:#53698e}.lead-message.is-success,.estimate-msg.is-success{color:#158153}.lead-message.is-error,.estimate-msg.is-error{color:#c03850}
#leadForm button[disabled],#estimateForm button[disabled]{opacity:.68;cursor:wait;transform:none!important}
.book-stage-shell.is-flipping .book-page-left .page-inner,.book-stage-shell.is-flipping .book-page-right .page-inner{opacity:1!important;visibility:visible!important}
.book-stage-shell.content-swap .book-page .page-inner{animation:bookContentSwap .2s ease both}@keyframes bookContentSwap{from{opacity:.78;transform:translateY(2px)}to{opacity:1;transform:none}}
.enhanced-footer .footer-contact a{overflow-wrap:anywhere}
@media(max-width:900px){.site-header nav{gap:18px!important}}


/* V11 reliability pass: usable storefront mobile navigation. */
@media(max-width:900px){
  .site-header{position:sticky!important;top:0!important;overflow:visible!important}
  .site-header .menu-toggle{display:block!important;position:relative;z-index:65;width:42px;height:42px;border-radius:11px;background:#fff;border:1px solid rgba(20,35,70,.10);line-height:1;color:#111734}
  .site-header nav{display:none!important;position:absolute!important;top:calc(100% + 8px)!important;left:14px!important;right:14px!important;z-index:60!important;padding:10px!important;border:1px solid rgba(20,35,70,.10)!important;border-radius:16px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 18px 45px rgba(20,35,70,.15)!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;transform:none!important}
  .site-header.mobile-open nav{display:flex!important}
  .site-header nav a{display:block!important;padding:12px 14px!important;border-radius:10px!important}
  .site-header nav a:after{display:none!important}
  .site-header nav a:hover,.site-header nav a.active{background:#f4f6ff!important}
  .header-actions{gap:8px!important}
  .language-switcher .lang{display:flex!important;width:42px;height:42px;justify-content:center;border:1px solid rgba(20,35,70,.10);border-radius:11px;background:#fff!important;font-size:0!important}
  .language-switcher .lang span{font-size:11px!important;font-weight:800}
  .header-cta{display:none!important}
}

/* V19 service promotion badge — fully visible, animated and admin-color controlled */
.select-card{position:relative;overflow:hidden}
.select-card.has-service-promotion{padding-top:28px}
.service-promo-badge{position:absolute;top:9px;right:9px;z-index:4;display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - 18px);min-height:24px;padding:4px 9px;border-radius:999px;background:var(--promo-badge-bg,#111a2d);color:var(--promo-badge-text,#fff);font-size:9px;font-weight:950;line-height:1;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 0 0 color-mix(in srgb,var(--promo-badge-bg,#111a2d) 38%,transparent);transform-origin:center;animation:servicePromoBreathe 1.9s ease-in-out infinite}
.service-promo-badge:before{content:"";width:6px;height:6px;border-radius:50%;margin-right:5px;background:currentColor;opacity:.95;box-shadow:0 0 0 0 currentColor;animation:servicePromoDot 1.9s ease-out infinite}
.service-promo-message{display:block;max-width:94%;margin:3px auto 0;color:var(--promo-accent,#ff2f92);font-size:9px;font-weight:900;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.select-card.has-service-promotion:hover .service-promo-message{white-space:normal}
@keyframes servicePromoBreathe{0%,100%{transform:scale(1);box-shadow:0 5px 14px color-mix(in srgb,var(--promo-badge-bg,#111a2d) 20%,transparent)}50%{transform:scale(1.065);box-shadow:0 8px 22px color-mix(in srgb,var(--promo-badge-bg,#111a2d) 42%,transparent)}}
@keyframes servicePromoDot{0%{box-shadow:0 0 0 0 currentColor;opacity:.9}70%{box-shadow:0 0 0 6px transparent;opacity:1}100%{box-shadow:0 0 0 0 transparent;opacity:.9}}
@media (prefers-reduced-motion:reduce){.service-promo-badge,.service-promo-badge:before{animation:none}}

/* V20 — polished promotional service card */
.lower-selector .select-card.has-service-promotion{
  min-height:132px!important;
  padding:42px 10px 14px!important;
  border-color:color-mix(in srgb,var(--promo-accent,#ff2f92) 26%,#dfe5ef)!important;
  box-shadow:0 10px 26px color-mix(in srgb,var(--promo-accent,#ff2f92) 8%,transparent);
}
.lower-selector .select-card.has-service-promotion:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--promo-accent,#ff2f92) 9%,transparent);
  animation:promoCardGlow 2.6s ease-in-out infinite;
}
.service-promo-badge{
  top:9px!important;right:9px!important;left:auto!important;
  max-width:calc(100% - 18px);min-height:23px;padding:4px 9px!important;
  font-size:8.5px!important;letter-spacing:.075em!important;
  animation:promoBadgeLive 2.15s ease-in-out infinite!important;
}
.service-promo-message{
  margin:5px auto 1px!important;max-width:95%!important;
  font-size:9px!important;font-weight:900!important;line-height:1.25!important;
  color:var(--promo-accent,#ff2f92)!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
}
@keyframes promoBadgeLive{
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 5px 14px color-mix(in srgb,var(--promo-badge-bg,#111a2d) 20%,transparent)}
  50%{transform:translateY(-1px) scale(1.035);box-shadow:0 8px 20px color-mix(in srgb,var(--promo-badge-bg,#111a2d) 40%,transparent)}
}
@keyframes promoCardGlow{
  0%,100%{opacity:.35}50%{opacity:.95}
}
@media (prefers-reduced-motion:reduce){.lower-selector .select-card.has-service-promotion:after,.service-promo-badge{animation:none!important}}

/* V21 — larger, cleaner service cards with non-pulsing interactive life */
.lower-selector .service-select{gap:12px!important;align-items:stretch}
.lower-selector .select-card{
  min-height:150px!important;
  padding:22px 12px 16px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#fff 0%,#fbfcff 100%)!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease!important;
  isolation:isolate;
}
.lower-selector .select-card:before{
  content:"";position:absolute;z-index:0;inset:-45% -90%;pointer-events:none;
  background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.04) 47%,rgba(116,91,255,.13) 50%,rgba(255,255,255,.05) 53%,transparent 58%);
  transform:translateX(-38%) rotate(2deg);transition:transform .72s cubic-bezier(.2,.8,.2,1);
}
.lower-selector .select-card:hover{transform:translateY(-6px)!important;box-shadow:0 18px 38px rgba(30,49,95,.13)!important;border-color:color-mix(in srgb,var(--card-accent) 30%,#dce4f2)!important}
.lower-selector .select-card:hover:before{transform:translateX(38%) rotate(2deg)}
.lower-selector .select-card>*{position:relative;z-index:2}
.lower-selector .select-card .service-icon{transform:scale(1.13)!important;margin-bottom:8px!important;transition:transform .28s ease,filter .28s ease}
.lower-selector .select-card:hover .service-icon{transform:scale(1.18) translateY(-1px)!important;filter:drop-shadow(0 7px 10px color-mix(in srgb,var(--card-accent) 22%,transparent))}
.lower-selector .select-card b{font-size:14px!important;line-height:1.18!important}
.lower-selector .select-card small{margin-top:8px!important;font-size:10px!important}
.lower-selector .select-card.active{transform:translateY(-5px)!important;box-shadow:0 18px 40px color-mix(in srgb,var(--card-accent) 18%,transparent)!important;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--card-accent) 4%,#fff))!important}

/* Integrated offer tab: no breathing/pulse. */
.lower-selector .select-card.has-service-promotion{padding-top:46px!important;border-color:color-mix(in srgb,var(--promo-accent,#ff2f92) 24%,#dfe5ef)!important;box-shadow:0 12px 28px color-mix(in srgb,var(--promo-accent,#ff2f92) 7%,transparent)!important}
.lower-selector .select-card.has-service-promotion:after{display:none!important;animation:none!important}
.service-promo-badge{
  top:0!important;left:14px!important;right:auto!important;
  min-height:28px!important;padding:6px 13px 7px!important;
  border-radius:0 0 11px 11px!important;
  background:var(--promo-badge-bg,#111a2d)!important;color:var(--promo-badge-text,#fff)!important;
  font-size:8.5px!important;letter-spacing:.09em!important;
  box-shadow:0 7px 16px color-mix(in srgb,var(--promo-badge-bg,#111a2d) 20%,transparent)!important;
  animation:none!important;transform:none!important;
}
.service-promo-badge:before{width:5px;height:5px;margin-right:6px;animation:none!important;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent)!important}
.service-promo-badge:after{content:"";position:absolute;right:-8px;top:0;border-top:8px solid color-mix(in srgb,var(--promo-badge-bg,#111a2d) 72%,#000);border-right:8px solid transparent;opacity:.62}
.service-promo-message{margin:6px auto 0!important;font-size:9px!important;line-height:1.2!important;color:var(--promo-accent,#ff2f92)!important;font-weight:850!important}
.lower-selector .select-card.has-service-promotion:hover{box-shadow:0 20px 42px color-mix(in srgb,var(--promo-accent,#ff2f92) 14%,rgba(30,49,95,.08))!important;border-color:color-mix(in srgb,var(--promo-accent,#ff2f92) 48%,#dfe5ef)!important}
@media(max-width:640px){.lower-selector .service-select .select-card{min-height:156px!important;min-width:74%!important}}

/* V22: benefit-focused service selector copy */
.service-card-tagline{display:block;margin:7px auto 0;max-width:94%;font-size:10px;line-height:1.25;color:#65738f;font-weight:650}
.service-card-chips{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin:7px auto 0}
.service-card-chips i{font-style:normal;font-size:7px;line-height:1;padding:4px 6px;border:1px solid color-mix(in srgb,var(--card-accent,#8b5cf6) 24%,#dbe3ef);border-radius:999px;color:#52617d;background:#fff;font-weight:850;letter-spacing:.035em}
.service-free-benefit{display:block;margin:7px auto 0;padding:5px 7px;max-width:96%;border-radius:8px;background:color-mix(in srgb,var(--card-accent,#8b5cf6) 8%,#fff);color:#394765;font-size:8px;font-weight:750;line-height:1.15}.service-free-benefit b{color:var(--card-accent,#8b5cf6);font-weight:950}
.select-card{min-height:174px!important;padding-top:22px!important;padding-bottom:14px!important}
.select-card.has-service-promotion{padding-top:36px!important}
@media(max-width:760px){.select-card{min-height:164px!important}.service-card-tagline{font-size:9px}.service-card-chips i{font-size:6.5px}}

/* V23 — refined premium service selector. Keep cards clean, balanced and scannable. */
.lower-selector .service-select{gap:14px!important}
.lower-selector .select-card{
  min-height:166px!important;
  padding:20px 12px 13px!important;
  border-radius:18px!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
.lower-selector .select-card .service-icon{
  margin:2px auto 8px!important;
  transform:scale(1.08)!important;
}
.lower-selector .select-card b{
  min-height:33px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  margin:0 auto!important;
  font-size:13.5px!important;
  line-height:1.16!important;
  text-wrap:balance;
}
.service-card-tagline{
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:29px;
  max-width:96%!important;
  margin:7px auto 0!important;
  font-size:9.5px!important;
  line-height:1.35!important;
  color:#697792!important;
  font-weight:650!important;
}
.service-card-meta{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:100%;
  min-height:18px;
  margin:7px auto 0;
  color:#60708c;
  font-size:7.3px;
  line-height:1;
  font-weight:850;
  letter-spacing:.035em;
  text-transform:uppercase;
  white-space:nowrap;
}
.service-card-meta i{font-style:normal}.service-card-meta>span{opacity:.45;font-size:7px}
.service-free-benefit{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:3px;
  width:calc(100% - 10px);
  max-width:none!important;
  margin:auto 5px 0!important;
  padding:6px 6px!important;
  border:0!important;
  border-top:1px solid color-mix(in srgb,var(--card-accent,#8b5cf6) 15%,#e8edf5)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#66738d!important;
  font-size:7.8px!important;
  font-weight:750!important;
  line-height:1.1!important;
  white-space:nowrap;
}
.service-free-benefit b{color:var(--card-accent,#8b5cf6)!important;font-size:8.2px!important}
.lower-selector .select-card.has-service-promotion{padding-top:38px!important}
.service-promo-badge{
  top:0!important;left:12px!important;
  min-height:25px!important;
  padding:5px 11px 6px!important;
  border-radius:0 0 10px 10px!important;
  box-shadow:0 5px 13px color-mix(in srgb,var(--promo-badge-bg,#111a2d) 16%,transparent)!important;
}
.service-promo-message{font-size:8px!important;margin:5px auto 0!important;line-height:1.15!important}
.lower-selector .select-card:hover{transform:translateY(-4px)!important;box-shadow:0 15px 32px rgba(30,49,95,.11)!important}
.lower-selector .select-card:hover .service-icon{transform:scale(1.13) translateY(-1px)!important}
@media(max-width:760px){
  .lower-selector .select-card{min-height:168px!important}
  .service-card-meta{font-size:7px}
}

/* V24 — service card layout correction: enough room for all copy, consistent rhythm. */
.lower-selector .service-select{
  align-items:stretch!important;
  gap:12px!important;
}
.lower-selector .select-card{
  min-height:205px!important;
  height:205px!important;
  padding:22px 11px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  border-radius:19px!important;
}
.lower-selector .select-card.has-service-promotion{
  padding-top:44px!important;
}
.lower-selector .select-card .service-icon{
  flex:0 0 auto!important;
  margin:0 auto 9px!important;
  transform:scale(1.05)!important;
}
.lower-selector .select-card>b{
  flex:0 0 auto!important;
  min-height:36px!important;
  max-width:100%!important;
  margin:0 auto!important;
  font-size:13px!important;
  line-height:1.15!important;
}
.lower-selector .service-card-tagline{
  flex:0 0 auto!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:7px auto 0!important;
  max-width:96%!important;
  overflow:hidden!important;
  font-size:9px!important;
  line-height:1.3!important;
  color:#64728d!important;
  font-weight:650!important;
}
.lower-selector .service-card-meta{
  flex:0 0 auto!important;
  min-height:16px!important;
  margin:7px auto 0!important;
  max-width:98%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:6.8px!important;
}
.lower-selector .service-free-benefit{
  flex:0 0 auto!important;
  width:calc(100% - 8px)!important;
  margin:auto 4px 0!important;
  padding:7px 4px 0!important;
  font-size:7.2px!important;
  white-space:normal!important;
  line-height:1.15!important;
}
.lower-selector .service-promo-message{
  flex:0 0 auto!important;
  max-width:94%!important;
  margin:5px auto 0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.lower-selector .service-promo-badge{
  top:0!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  border-radius:0 0 11px 11px!important;
  min-width:112px!important;
  justify-content:center!important;
}
.lower-selector .select-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 32px rgba(28,46,88,.10)!important;
}
@media(max-width:760px){
  .lower-selector .select-card{height:auto!important;min-height:190px!important}
}

/* V25 — final service-card composition: compact, balanced and no clipped copy. */
.lower-selector .service-select{
  align-items:stretch!important;
  gap:12px!important;
}
.lower-selector .select-card{
  position:relative!important;
  height:216px!important;
  min-height:216px!important;
  padding:24px 11px 13px!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
}
.lower-selector .select-card.has-service-promotion{
  padding-top:24px!important;
  border-color:color-mix(in srgb,var(--promo-accent,#ff2f92) 28%,#dce3ee)!important;
}
.lower-selector .select-card .service-icon{
  margin:5px auto 12px!important;
  transform:none!important;
}
.lower-selector .select-card>b{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  font-size:12.5px!important;
  line-height:1.18!important;
  text-align:center!important;
}
.lower-selector .service-card-tagline{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-height:30px!important;
  max-height:none!important;
  margin:7px auto 0!important;
  max-width:96%!important;
  overflow:visible!important;
  font-size:8.6px!important;
  line-height:1.32!important;
  color:#64728d!important;
  font-weight:700!important;
  text-align:center!important;
}
.lower-selector .service-card-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:3px 5px!important;
  width:100%!important;
  min-height:18px!important;
  margin:8px auto 0!important;
  padding:0 2px!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  font-size:6.3px!important;
  line-height:1.12!important;
  letter-spacing:.035em!important;
}
.lower-selector .service-card-meta i{white-space:nowrap!important}
.lower-selector .service-card-meta>span{font-size:6px!important}
.lower-selector .service-free-benefit{
  width:calc(100% - 8px)!important;
  margin:auto 4px 0!important;
  padding:7px 5px!important;
  border-radius:8px!important;
  background:color-mix(in srgb,var(--card-accent,#8b5cf6) 7%,#fff)!important;
  border:1px solid color-mix(in srgb,var(--card-accent,#8b5cf6) 15%,#e8edf5)!important;
  color:#44516c!important;
  font-size:6.8px!important;
  line-height:1.15!important;
  font-weight:800!important;
  text-align:center!important;
}
.lower-selector .service-free-benefit b{color:var(--promo-accent,#ff2f92)!important;font-weight:950!important}
.lower-selector .service-promo-message{display:none!important}
.lower-selector .service-promo-badge{
  top:9px!important;
  right:9px!important;
  left:auto!important;
  transform:none!important;
  min-width:0!important;
  max-width:78px!important;
  min-height:20px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:7.5px!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  box-shadow:0 5px 13px color-mix(in srgb,var(--promo-badge-bg,#111a2d) 18%,transparent)!important;
}
.lower-selector .service-promo-badge:after{display:none!important}
.lower-selector .service-promo-badge:before{width:4px!important;height:4px!important;margin-right:4px!important}
.lower-selector .select-card:hover{
  transform:translateY(-4px)!important;
  border-color:color-mix(in srgb,var(--card-accent,#8b5cf6) 35%,#dce3ee)!important;
  box-shadow:0 16px 34px rgba(28,46,88,.11)!important;
}
.lower-selector .select-card:hover .service-icon{transform:translateY(-2px) scale(1.035)!important}
@media(max-width:760px){
  .lower-selector .select-card{height:auto!important;min-height:205px!important;overflow:hidden!important}
}

/* V26 — targeted final fix: keep the Website Design free benefit fully inside the card. */
.lower-selector .select-card{overflow:hidden!important}
.lower-selector .select-card.has-free-benefit{
  padding-bottom:48px!important;
}
.lower-selector .select-card.has-free-benefit .service-card-meta{
  margin-top:7px!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit{
  position:absolute!important;
  left:9px!important;
  right:9px!important;
  bottom:9px!important;
  width:auto!important;
  min-height:31px!important;
  margin:0!important;
  padding:6px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--promo-accent,#ff2f92) 8%,#fff),color-mix(in srgb,var(--card-accent,#8b5cf6) 6%,#fff))!important;
  border:1px solid color-mix(in srgb,var(--promo-accent,#ff2f92) 18%,#dfe5ef)!important;
  color:#40506d!important;
  font-size:6.8px!important;
  line-height:1.15!important;
  font-weight:850!important;
  text-align:left!important;
  box-shadow:0 4px 12px rgba(30,49,95,.04)!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit b{
  flex:0 0 auto!important;
  color:var(--promo-accent,#ff2f92)!important;
  font-size:8.5px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit span{
  display:block!important;
  max-width:112px!important;
  color:#40506d!important;
  font-size:6.6px!important;
  line-height:1.12!important;
  font-weight:850!important;
}
.lower-selector .service-promo-badge{
  max-width:72px!important;
  min-height:18px!important;
  padding:4px 7px!important;
  font-size:7px!important;
}
@media(max-width:760px){
  .lower-selector .select-card.has-free-benefit{padding-bottom:50px!important}
  .lower-selector .select-card.has-free-benefit .service-free-benefit{left:8px!important;right:8px!important;bottom:8px!important}
}

/* V28 — approved service-card treatment:
   stable cards, fixed alignment, animated bottom accent only, polished promo shine. */

/* Kill legacy card breathing / sweep / bounce effects. */
.lower-selector .select-card,
.lower-selector .select-card::before,
.lower-selector .select-card::after,
.lower-selector .select-card .service-icon,
.lower-selector .service-promo-badge,
.lower-selector .service-promo-badge::before,
.lower-selector .service-promo-badge::after{
  animation:none!important;
}

/* Stable six-card geometry and fixed internal zones. */
.lower-selector .service-select{
  align-items:stretch!important;
  gap:12px!important;
}
.lower-selector .select-card{
  --sp-line:var(--card-accent,#8b5cf6);
  position:relative!important;
  height:220px!important;
  min-height:220px!important;
  padding:34px 11px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
  transform:none!important;
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
  isolation:isolate!important;
}

/* Remove the old full-card light sweep. */
.lower-selector .select-card::before{display:none!important}

/* New life effect: moving accent line INSIDE the bottom edge. */
.lower-selector .select-card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:4!important;
  left:10px!important;
  right:10px!important;
  bottom:5px!important;
  height:3px!important;
  border-radius:999px!important;
  opacity:.95!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 18%,
      color-mix(in srgb,var(--sp-line) 40%,transparent) 32%,
      var(--sp-line) 48%,
      #fff 50%,
      var(--sp-line) 53%,
      color-mix(in srgb,var(--sp-line) 40%,transparent) 68%,
      transparent 82%,
      transparent 100%
    )!important;
  background-size:220% 100%!important;
  box-shadow:0 1px 7px color-mix(in srgb,var(--sp-line) 24%,transparent)!important;
  animation:spServiceLine 2.8s linear infinite!important;
}
@keyframes spServiceLine{
  0%{background-position:115% 0}
  100%{background-position:-115% 0}
}

/* Hover: no movement, no scaling — only refined depth/border. */
.lower-selector .select-card:hover,
.lower-selector .select-card.active{
  transform:none!important;
  border-color:color-mix(in srgb,var(--card-accent,#8b5cf6) 40%,#dce3ee)!important;
  box-shadow:0 14px 30px color-mix(in srgb,var(--card-accent,#8b5cf6) 11%,rgba(28,46,88,.08))!important;
}
.lower-selector .select-card:hover .service-icon,
.lower-selector .select-card.active .service-icon{
  transform:none!important;
  filter:none!important;
}

/* FIXED ICON ZONE — all icons share exactly the same baseline. */
.lower-selector .select-card .service-icon{
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  margin:0 auto 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
}
.lower-selector .select-card .service-icon svg{
  width:38px!important;
  height:38px!important;
  display:block!important;
}

/* FIXED TITLE ZONE — one- and two-line titles stay aligned. */
.lower-selector .select-card>b{
  flex:0 0 38px!important;
  width:100%!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:12.6px!important;
  line-height:1.16!important;
  overflow:hidden!important;
  text-wrap:balance!important;
}

/* FIXED DESCRIPTION ZONE. */
.lower-selector .service-card-tagline{
  flex:0 0 31px!important;
  width:100%!important;
  min-height:31px!important;
  max-height:31px!important;
  margin:6px auto 0!important;
  padding:0 2px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
  text-align:center!important;
  font-size:8.5px!important;
  line-height:1.28!important;
  color:#64728d!important;
  font-weight:700!important;
}

/* FIXED FEATURE LINE. */
.lower-selector .service-card-meta{
  flex:0 0 17px!important;
  width:100%!important;
  min-height:17px!important;
  max-height:17px!important;
  margin:7px auto 0!important;
  padding:0 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  font-size:6.2px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
}
.lower-selector .service-card-meta i{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Website Design: reserve only a slim footer benefit strip, not a large panel. */
.lower-selector .select-card.has-free-benefit{
  padding-bottom:40px!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit{
  position:absolute!important;
  z-index:3!important;
  left:9px!important;
  right:9px!important;
  bottom:13px!important;
  width:auto!important;
  min-height:25px!important;
  max-height:25px!important;
  margin:0!important;
  padding:4px 7px!important;
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  justify-items:start!important;
  column-gap:6px!important;
  overflow:hidden!important;
  border-radius:8px!important;
  background:linear-gradient(
    90deg,
    color-mix(in srgb,var(--promo-accent,#ff2f92) 7%,#fff),
    color-mix(in srgb,var(--card-accent,#8b5cf6) 5%,#fff)
  )!important;
  border:1px solid color-mix(in srgb,var(--promo-accent,#ff2f92) 15%,#e5e9f1)!important;
  box-shadow:none!important;
  text-align:left!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit b{
  color:var(--promo-accent,#ff2f92)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  white-space:nowrap!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit span{
  display:block!important;
  max-width:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#40506d!important;
  font-size:6.35px!important;
  line-height:1!important;
  font-weight:850!important;
}

/* PROMOTION BADGE — stationary badge with an attractive shine, no breathing. */
.lower-selector .service-promo-badge{
  top:10px!important;
  right:10px!important;
  left:auto!important;
  z-index:7!important;
  min-width:0!important;
  max-width:92px!important;
  min-height:22px!important;
  padding:5px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:
    linear-gradient(135deg,
      color-mix(in srgb,var(--promo-badge-bg,#ff0b72) 92%,#fff),
      var(--promo-badge-bg,#ff0b72)
    )!important;
  color:var(--promo-badge-text,#fff)!important;
  font-size:7.2px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.065em!important;
  text-transform:uppercase!important;
  transform:none!important;
  box-shadow:
    0 6px 15px color-mix(in srgb,var(--promo-badge-bg,#ff0b72) 26%,transparent),
    inset 0 0 0 1px rgba(255,255,255,.18)!important;
}

/* Static sparkle dot. */
.lower-selector .service-promo-badge::before{
  content:""!important;
  position:relative!important;
  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;
  margin-right:5px!important;
  border-radius:50%!important;
  background:currentColor!important;
  opacity:.95!important;
  box-shadow:
    0 0 0 3px color-mix(in srgb,currentColor 16%,transparent),
    0 0 8px color-mix(in srgb,currentColor 65%,transparent)!important;
}

/* Moving shine across badge only. */
.lower-selector .service-promo-badge::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:-50%!important;
  bottom:-50%!important;
  left:-45%!important;
  width:22%!important;
  border:0!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent)!important;
  opacity:.9!important;
  transform:skewX(-20deg)!important;
  animation:spPromoShine 2.7s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes spPromoShine{
  0%,20%{left:-45%;opacity:0}
  35%{opacity:.9}
  58%{left:125%;opacity:.8}
  59%,100%{left:125%;opacity:0}
}

/* Promotion card itself remains stationary. */
.lower-selector .select-card.has-service-promotion{
  padding-top:34px!important;
  border-color:color-mix(in srgb,var(--promo-accent,#ff2f92) 30%,#dce3ee)!important;
}
.lower-selector .select-card.has-service-promotion:hover{
  box-shadow:0 15px 32px color-mix(in srgb,var(--promo-accent,#ff2f92) 12%,rgba(28,46,88,.08))!important;
}

/* Hide the separate promotion-note line on the compact selector card. */
.lower-selector .service-promo-message{display:none!important}

/* Accessibility: stop decorative motion if requested. */
@media (prefers-reduced-motion:reduce){
  .lower-selector .select-card::after,
  .lower-selector .service-promo-badge::after{
    animation:none!important;
  }
}

/* Mobile keeps the same hierarchy without forcing desktop height. */
@media(max-width:760px){
  .lower-selector .select-card{
    height:auto!important;
    min-height:220px!important;
  }
  .lower-selector .select-card.has-free-benefit{
    min-height:220px!important;
  }
}

/* V29 — service-card alignment + premium promotion badge.
   Keeps cards stationary; aligns icons; badge lives independently from content. */

/* One geometry for every service card, promoted or not. */
.lower-selector .select-card,
.lower-selector .select-card.has-service-promotion{
  height:220px!important;
  min-height:220px!important;
  padding-top:42px!important;
  transform:none!important;
}

/* Exact icon baseline for ALL cards. */
.lower-selector .select-card .service-icon,
.lower-selector .select-card.has-service-promotion .service-icon{
  position:relative!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0 auto 9px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
  filter:none!important;
}
.lower-selector .select-card .service-icon svg{
  width:36px!important;
  height:36px!important;
  display:block!important;
  transform:none!important;
}

/* Promotion badge is an independent top-left overlay, never part of content flow. */
.lower-selector .service-promo-badge{
  position:absolute!important;
  top:9px!important;
  left:10px!important;
  right:auto!important;
  z-index:9!important;
  min-width:0!important;
  max-width:108px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border-radius:999px!important;
  transform:none!important;
  background:
    linear-gradient(115deg,
      color-mix(in srgb,var(--promo-badge-bg,#ff0b72) 82%,#fff) 0%,
      var(--promo-badge-bg,#ff0b72) 38%,
      color-mix(in srgb,var(--promo-badge-bg,#ff0b72) 88%,#5b1240) 72%,
      var(--promo-badge-bg,#ff0b72) 100%
    )!important;
  background-size:180% 100%!important;
  color:var(--promo-badge-text,#fff)!important;
  font-size:7.4px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:
    0 7px 16px color-mix(in srgb,var(--promo-badge-bg,#ff0b72) 28%,transparent),
    0 0 0 1px color-mix(in srgb,var(--promo-badge-bg,#ff0b72) 10%,transparent),
    inset 0 1px 0 rgba(255,255,255,.28)!important;
  animation:spPromoGradient 4.2s ease-in-out infinite!important;
}
@keyframes spPromoGradient{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

/* Spark point — glow changes only, badge remains stationary. */
.lower-selector .service-promo-badge::before{
  content:""!important;
  position:relative!important;
  display:block!important;
  width:5px!important;
  height:5px!important;
  flex:0 0 5px!important;
  margin-right:6px!important;
  border-radius:50%!important;
  background:currentColor!important;
  opacity:1!important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.16),
    0 0 6px currentColor!important;
  animation:spPromoSpark 1.65s ease-in-out infinite!important;
}
@keyframes spPromoSpark{
  0%,100%{box-shadow:0 0 0 2px rgba(255,255,255,.14),0 0 5px currentColor;opacity:.86}
  45%{box-shadow:0 0 0 4px rgba(255,255,255,.08),0 0 11px currentColor;opacity:1}
}

/* Repeating diagonal shine — no scaling/pulsing of the badge itself. */
.lower-selector .service-promo-badge::after{
  content:""!important;
  position:absolute!important;
  display:block!important;
  top:-12px!important;
  bottom:-12px!important;
  left:-34%!important;
  width:18px!important;
  height:auto!important;
  border:0!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.80),transparent)!important;
  opacity:0!important;
  transform:skewX(-22deg)!important;
  pointer-events:none!important;
  animation:spPromoSweep 2.9s ease-in-out infinite!important;
}
@keyframes spPromoSweep{
  0%,24%{left:-34%;opacity:0}
  31%{opacity:.95}
  55%{left:125%;opacity:.75}
  56%,100%{left:125%;opacity:0}
}

/* Selected check: independent top-right control, never pushes icon/title. */
.lower-selector .select-card .check{
  display:none!important;
  position:absolute!important;
  top:9px!important;
  right:10px!important;
  left:auto!important;
  z-index:10!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,var(--card-accent,#8b5cf6),color-mix(in srgb,var(--card-accent,#8b5cf6) 72%,#111a45))!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  border:2px solid #fff!important;
  box-shadow:0 5px 12px color-mix(in srgb,var(--card-accent,#8b5cf6) 26%,transparent)!important;
  transform:none!important;
}
.lower-selector .select-card.active .check{display:flex!important}

/* Promoted + selected card: badge stays left, check stays right with a safe gap. */
.lower-selector .select-card.has-service-promotion.active .service-promo-badge{
  max-width:calc(100% - 54px)!important;
}

/* Promotion card border gets life through subtle light, not card motion. */
.lower-selector .select-card.has-service-promotion{
  border-color:color-mix(in srgb,var(--promo-accent,#ff2f92) 32%,#dce3ee)!important;
  box-shadow:
    0 10px 25px color-mix(in srgb,var(--promo-accent,#ff2f92) 7%,transparent)!important;
}
.lower-selector .select-card.has-service-promotion:hover,
.lower-selector .select-card.has-service-promotion.active{
  transform:none!important;
  border-color:color-mix(in srgb,var(--promo-accent,#ff2f92) 48%,#dce3ee)!important;
  box-shadow:
    0 15px 32px color-mix(in srgb,var(--promo-accent,#ff2f92) 13%,rgba(28,46,88,.06))!important;
}

/* Keep every title/description/meta baseline inherited from V28 exactly stable. */
.lower-selector .select-card:hover .service-icon,
.lower-selector .select-card.active .service-icon,
.lower-selector .select-card.has-service-promotion:hover .service-icon,
.lower-selector .select-card.has-service-promotion.active .service-icon{
  transform:none!important;
  filter:none!important;
}

/* Bottom moving line: slightly thinner/slower for a premium feel. */
.lower-selector .select-card::after{
  height:2px!important;
  bottom:5px!important;
  opacity:.88!important;
  background-size:250% 100%!important;
  animation:spServiceLineV29 3.8s linear infinite!important;
}
@keyframes spServiceLineV29{
  0%{background-position:120% 0}
  100%{background-position:-120% 0}
}

/* Website package benefit stays clear and inside the card. */
.lower-selector .select-card.has-free-benefit{
  padding-bottom:40px!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit{
  bottom:12px!important;
  min-height:25px!important;
  max-height:25px!important;
}

/* No legacy card/badge breathing survives V29. */
.lower-selector .select-card{
  animation:none!important;
}
@media (prefers-reduced-motion:reduce){
  .lower-selector .select-card::after,
  .lower-selector .service-promo-badge,
  .lower-selector .service-promo-badge::before,
  .lower-selector .service-promo-badge::after{
    animation:none!important;
  }
}

@media(max-width:760px){
  .lower-selector .select-card,
  .lower-selector .select-card.has-service-promotion{
    padding-top:42px!important;
  }
  .lower-selector .service-promo-badge{
    max-width:96px!important;
  }
}

/* V30 — micro-correction only: FREE strip readability + title/description baseline.
   V29 icon alignment, card dimensions and promotion badge position/effects are preserved. */

/* Keep a truly identical title box for one-line and two-line service names. */
.lower-selector .select-card>b{
  flex:0 0 40px!important;
  min-height:40px!important;
  max-height:40px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto!important;
  padding:0 2px!important;
  line-height:1.15!important;
}

/* Every description starts from the same baseline below the title box. */
.lower-selector .service-card-tagline{
  flex:0 0 30px!important;
  min-height:30px!important;
  max-height:30px!important;
  margin:5px auto 0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding-top:0!important;
}

/* Preserve feature row alignment. */
.lower-selector .service-card-meta{
  margin-top:6px!important;
}

/* Website package: readable slim benefit strip, still fully inside card. */
.lower-selector .select-card.has-free-benefit .service-free-benefit{
  left:7px!important;
  right:7px!important;
  bottom:12px!important;
  width:auto!important;
  min-height:27px!important;
  max-height:27px!important;
  padding:4px 6px!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  column-gap:5px!important;
  border-radius:8px!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit b{
  width:34px!important;
  font-size:7.7px!important;
  text-align:center!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit span{
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  font-size:5.8px!important;
  line-height:1.05!important;
  font-weight:850!important;
  letter-spacing:-.01em!important;
  text-align:left!important;
}

/* Reserve the couple of extra pixels used by the clearer benefit strip. */
.lower-selector .select-card.has-free-benefit{
  padding-bottom:42px!important;
}

/* V31 — Website Design benefit strip only.
   Stack FREE / Domain + 1GB Hosting / 1st Year. Everything else stays as V30. */
.lower-selector .select-card.has-free-benefit{
  padding-bottom:50px!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit{
  left:8px!important;
  right:8px!important;
  bottom:11px!important;
  width:auto!important;
  min-height:37px!important;
  max-height:37px!important;
  padding:4px 6px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1px!important;
  overflow:hidden!important;
  text-align:center!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit b{
  width:auto!important;
  margin:0!important;
  color:var(--promo-accent,#ff2f92)!important;
  font-size:8.6px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit .benefit-main{
  width:100%!important;
  max-width:none!important;
  display:block!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  color:#40506d!important;
  font-size:6.45px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.005em!important;
  text-align:center!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit small{
  display:block!important;
  margin:0!important;
  color:#697792!important;
  font-size:5.6px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* V32 — readability pass.
   Preserve V31 structure/effects, but make all service-card text clearly readable. */

/* Give all cards a little more vertical room without changing the row structure. */
.lower-selector .select-card,
.lower-selector .select-card.has-service-promotion{
  height:228px!important;
  min-height:228px!important;
}

/* Titles: slightly larger and clearer. */
.lower-selector .select-card>b{
  flex-basis:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  font-size:13px!important;
  line-height:1.16!important;
}

/* Descriptions: no tiny text. */
.lower-selector .service-card-tagline{
  flex-basis:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  margin-top:5px!important;
  font-size:9.2px!important;
  line-height:1.3!important;
  color:#5f6f8d!important;
  font-weight:700!important;
}

/* Capability/meta row: increase size and spacing while keeping a single aligned line. */
.lower-selector .service-card-meta{
  flex-basis:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin-top:7px!important;
  gap:5px!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.03em!important;
  color:#596985!important;
}
.lower-selector .service-card-meta i{
  font-size:7px!important;
}

/* Website Design needs extra room for its included benefit. */
.lower-selector .select-card.has-free-benefit{
  padding-bottom:57px!important;
}

/* Make the FREE package box genuinely readable. */
.lower-selector .select-card.has-free-benefit .service-free-benefit{
  left:8px!important;
  right:8px!important;
  bottom:11px!important;
  min-height:44px!important;
  max-height:44px!important;
  padding:5px 7px!important;
  gap:2px!important;
  border-radius:9px!important;
}

/* FREE */
.lower-selector .select-card.has-free-benefit .service-free-benefit b{
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.035em!important;
}

/* Domain + 1GB Hosting */
.lower-selector .select-card.has-free-benefit .service-free-benefit .benefit-main{
  font-size:7.5px!important;
  line-height:1.08!important;
  font-weight:900!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}

/* 1st Year */
.lower-selector .select-card.has-free-benefit .service-free-benefit small{
  font-size:6.5px!important;
  line-height:1!important;
  font-weight:850!important;
  color:#66738d!important;
}

/* Ensure nothing in card text is faded or semi-transparent. */
.lower-selector .select-card b,
.lower-selector .service-card-tagline,
.lower-selector .service-card-meta,
.lower-selector .service-free-benefit{
  opacity:1!important;
}

/* Mobile keeps readability instead of shrinking the typography. */
@media(max-width:760px){
  .lower-selector .select-card,
  .lower-selector .select-card.has-service-promotion{
    min-height:228px!important;
  }
  .lower-selector .service-card-tagline{font-size:9.2px!important}
  .lower-selector .service-card-meta,
  .lower-selector .service-card-meta i{font-size:7px!important}
  .lower-selector .select-card.has-free-benefit .service-free-benefit .benefit-main{font-size:7.5px!important}
}

/* V33 — micro-fix only: move Website Design benefit text upward so nothing clips. */
.lower-selector .select-card.has-free-benefit .service-free-benefit{
  bottom:13px!important;
  padding:3px 7px 6px!important;
  justify-content:flex-start!important;
  gap:1px!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit b{
  margin-top:0!important;
  margin-bottom:1px!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit .benefit-main{
  position:relative!important;
  top:-1px!important;
  line-height:1!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit small{
  position:relative!important;
  top:-1px!important;
  line-height:1!important;
}

/* V34 — APPROVED SERVICE CARD BASELINE
   Matches the approved service-card composition:
   aligned icons, readable copy, compact promo badge,
   readable FREE / Domain + 1GB Hosting / 1st Year box. */

/* Consistent card geometry */
.lower-selector .service-select{
  align-items:stretch!important;
  gap:12px!important;
}
.lower-selector .select-card,
.lower-selector .select-card.has-service-promotion{
  position:relative!important;
  height:238px!important;
  min-height:238px!important;
  padding:48px 11px 13px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)!important;
  transform:none!important;
  animation:none!important;
}

/* Exact icon baseline */
.lower-selector .select-card .service-icon,
.lower-selector .select-card.has-service-promotion .service-icon{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  margin:0 auto 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
  filter:none!important;
}
.lower-selector .select-card .service-icon svg{
  width:37px!important;
  height:37px!important;
  display:block!important;
}

/* Fixed title zone */
.lower-selector .select-card>b{
  flex:0 0 42px!important;
  min-height:42px!important;
  max-height:42px!important;
  width:100%!important;
  margin:0!important;
  padding:0 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:13.4px!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:#101938!important;
  overflow:hidden!important;
}

/* Fixed description zone */
.lower-selector .service-card-tagline{
  flex:0 0 33px!important;
  min-height:33px!important;
  max-height:33px!important;
  width:100%!important;
  margin:5px auto 0!important;
  padding:0 2px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:hidden!important;
  font-size:9.3px!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:#5f6e8b!important;
  opacity:1!important;
}

/* Capability line: readable and aligned */
.lower-selector .service-card-meta{
  flex:0 0 18px!important;
  min-height:18px!important;
  max-height:18px!important;
  width:100%!important;
  margin:8px auto 0!important;
  padding:0 2px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:5px!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  color:#586985!important;
  font-size:7.2px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
  opacity:1!important;
}
.lower-selector .service-card-meta i{
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:7.2px!important;
}

/* Website Design card:
   the approved design uses the FREE benefit instead of a capability row. */
.lower-selector .select-card.has-free-benefit .service-card-meta{
  display:none!important;
}
.lower-selector .select-card.has-free-benefit{
  padding-bottom:62px!important;
}

/* Approved three-line FREE benefit box */
.lower-selector .select-card.has-free-benefit .service-free-benefit{
  position:absolute!important;
  z-index:5!important;
  left:9px!important;
  right:9px!important;
  bottom:10px!important;
  width:auto!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:5px 8px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:linear-gradient(
    180deg,
    color-mix(in srgb,var(--promo-accent,#ff2f92) 6%,#fff),
    #fff
  )!important;
  border:1px solid color-mix(in srgb,var(--promo-accent,#ff2f92) 20%,#dfe5ef)!important;
  box-shadow:0 4px 11px rgba(30,49,95,.035)!important;
  text-align:center!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit b{
  display:block!important;
  width:auto!important;
  margin:0!important;
  color:var(--promo-accent,#ff2f92)!important;
  font-size:11.5px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit .benefit-main{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  color:#24314f!important;
  font-size:8.25px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:-.005em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.lower-selector .select-card.has-free-benefit .service-free-benefit small{
  display:block!important;
  margin:0!important;
  color:#5e6d89!important;
  font-size:7.1px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* Promotion badge stays independent from icon alignment */
.lower-selector .service-promo-badge{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  right:auto!important;
  z-index:10!important;
  height:24px!important;
  min-height:24px!important;
  max-width:108px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  transform:none!important;
}

/* Keep V29's attractive badge life effects without card movement */
.lower-selector .select-card,
.lower-selector .select-card:hover,
.lower-selector .select-card.active{
  transform:none!important;
}

/* Preserve thin moving line under each card */
.lower-selector .select-card::after{
  height:2px!important;
  bottom:5px!important;
}

/* Estimator card untouched; service-card hover only gains depth */
.lower-selector .select-card:hover,
.lower-selector .select-card.active{
  box-shadow:0 14px 30px color-mix(in srgb,var(--card-accent,#8b5cf6) 11%,rgba(28,46,88,.08))!important;
}

/* Mobile readability */
@media(max-width:760px){
  .lower-selector .select-card,
  .lower-selector .select-card.has-service-promotion{
    height:auto!important;
    min-height:238px!important;
  }
  .lower-selector .select-card.has-free-benefit{
    min-height:238px!important;
  }
}

/* V36 — RESTORE ORIGINAL OLD SERVICE CARDS (V15 baseline)
   All V19–V35 service-card redesign overrides are neutralized below. */

.lower-selector .service-select{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  align-items:stretch!important;
}

/* Original compact card */
.lower-selector .select-card,
.lower-selector .select-card.has-service-promotion,
.lower-selector .select-card.has-free-benefit{
  position:relative!important;
  box-sizing:border-box!important;
  height:112px!important;
  min-height:112px!important;
  min-width:0!important;
  padding:17px 10px 13px!important;
  gap:7px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  border:1px solid rgba(214,223,241,.9)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 12px 30px rgba(36,52,91,.055)!important;
  transform:none!important;
  animation:none!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}

/* Remove every newer decorative overlay / moving line. */
.lower-selector .select-card::after{
  display:none!important;
  content:none!important;
  animation:none!important;
}

/* Restore the original simple bottom accent. */
.lower-selector .select-card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:0!important;
  top:auto!important;
  height:2px!important;
  width:auto!important;
  border-radius:999px!important;
  background:var(--card-accent,#8b5cf6)!important;
  opacity:1!important;
  transform:scaleX(0)!important;
  transform-origin:center!important;
  transition:transform .25s ease!important;
  animation:none!important;
  pointer-events:none!important;
}
.lower-selector .select-card:hover::before,
.lower-selector .select-card.active::before{
  transform:scaleX(1)!important;
}

/* Original hover/selected behaviour */
.lower-selector .select-card:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 12px 30px rgba(36,52,91,.075)!important;
}
.lower-selector .select-card.active{
  transform:translateY(-3px)!important;
  border:2px solid #ff42b4!important;
  background:linear-gradient(180deg,#fff 0%,#fff9fd 100%)!important;
  box-shadow:0 16px 34px color-mix(in srgb,var(--card-accent,#8b5cf6) 25%,transparent)!important;
}

/* Original checkmark */
.lower-selector .select-card .check{
  display:none!important;
  position:absolute!important;
  top:9px!important;
  left:9px!important;
  right:auto!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  padding:0!important;
  margin:0!important;
  border-radius:50%!important;
  align-items:center!important;
  justify-content:center!important;
  background:#ff25a0!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  border:0!important;
  box-shadow:0 2px 7px rgba(255,37,160,.22)!important;
  transform:none!important;
  animation:none!important;
}
.lower-selector .select-card.active .check{
  display:flex!important;
}

/* Original icon geometry */
.lower-selector .select-card .service-icon,
.lower-selector .select-card .reference-icon{
  position:static!important;
  width:39px!important;
  height:39px!important;
  min-width:39px!important;
  min-height:39px!important;
  flex:0 0 39px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:0!important;
  transform:scale(1.08)!important;
  filter:none!important;
  animation:none!important;
}
.lower-selector .select-card .service-icon svg,
.lower-selector .select-card .reference-icon svg{
  width:39px!important;
  height:39px!important;
  display:block!important;
}

/* Original title */
.lower-selector .select-card>b{
  flex:0 0 auto!important;
  min-height:0!important;
  max-height:none!important;
  width:auto!important;
  max-width:150px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  color:#0b1438!important;
  font-size:13px!important;
  line-height:1.16!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-align:center!important;
  overflow:visible!important;
}

/* Original helper text */
.lower-selector .select-card small{
  position:static!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#9aa2b8!important;
  font-size:8px!important;
  line-height:1.1!important;
  font-weight:700!important;
  opacity:1!important;
  white-space:nowrap!important;
}
.lower-selector .select-card.active small{
  color:#d22683!important;
}

/* Hide every newer service-card element even if stale markup somehow exists. */
.lower-selector .service-promo-badge,
.lower-selector .service-promo-message,
.lower-selector .service-card-tagline,
.lower-selector .service-card-meta,
.lower-selector .service-free-benefit{
  display:none!important;
}

/* Preserve original mobile horizontal cards */
@media(max-width:640px){
  .lower-selector .service-select{
    display:flex!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    padding:4px 2px 12px!important;
    gap:12px!important;
  }
  .lower-selector .service-select .select-card{
    min-width:72%!important;
    width:auto!important;
    height:112px!important;
    min-height:112px!important;
    scroll-snap-align:start!important;
  }
}

/* V37 — Backend-controlled service corner ribbons.
   Keeps the restored V36 card design intact. */

.lower-selector .select-card.has-corner-badge{
  /* The original V36 card already uses overflow:visible. */
  isolation:isolate!important;
}

/* Professional ribbon wrapping the upper-left corner */
.lower-selector .service-corner-badge{
  position:absolute!important;
  z-index:8!important;
  top:10px!important;
  left:-7px!important;
  width:auto!important;
  max-width:118px!important;
  min-width:48px!important;
  height:23px!important;
  padding:0 10px 0 12px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;

  background:var(--badge-bg,#ff2f92)!important;
  color:var(--badge-text,#fff)!important;
  border:0!important;
  border-radius:0 7px 7px 0!important;
  box-shadow:0 5px 12px color-mix(in srgb,var(--badge-bg,#ff2f92) 22%,transparent)!important;

  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;

  transform:none!important;
  animation:none!important;
  pointer-events:none!important;
}

/* Fold underneath the left edge — gives the wrapped-corner effect */
.lower-selector .service-corner-badge::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:-6px!important;
  width:0!important;
  height:0!important;
  border-top:6px solid color-mix(in srgb,var(--badge-bg,#ff2f92) 68%,#000)!important;
  border-left:7px solid transparent!important;
  filter:none!important;
}

/* Very restrained highlight, not a breathing/pulsing animation */
.lower-selector .service-corner-badge::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(115deg,transparent 0 35%,rgba(255,255,255,.18) 48%,transparent 62%)!important;
  transform:translateX(-120%)!important;
  animation:serviceRibbonSheen 5.2s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes serviceRibbonSheen{
  0%,72%{transform:translateX(-120%)}
  88%,100%{transform:translateX(130%)}
}

/* Badge should never move or alter the original icon/title geometry. */
.lower-selector .select-card.has-corner-badge .service-icon,
.lower-selector .select-card.has-corner-badge>b,
.lower-selector .select-card.has-corner-badge>small{
  transform:none!important;
}

/* Keep selection check readable when a badge is present:
   original check moves to the upper-right only for badged cards. */
.lower-selector .select-card.has-corner-badge .check{
  left:auto!important;
  right:8px!important;
  top:8px!important;
}

@media(max-width:640px){
  .lower-selector .service-corner-badge{
    top:9px!important;
    left:-6px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .lower-selector .service-corner-badge::after{
    animation:none!important;
    display:none!important;
  }
}

/* V38 — corner badge position + glow/pulse polish
   Keeps V36 card structure and V37 backend badge controls unchanged. */

/* Move the ribbon higher and farther into the true top-left corner,
   away from the service icon. */
.lower-selector .service-corner-badge{
  top:-7px!important;
  left:-7px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0 11px 0 13px!important;
  border-radius:0 7px 7px 0!important;

  /* stronger premium glow */
  box-shadow:
    0 0 0 1px color-mix(in srgb,var(--badge-bg,#ff2f92) 26%,transparent),
    0 4px 10px color-mix(in srgb,var(--badge-bg,#ff2f92) 28%,transparent),
    0 0 16px color-mix(in srgb,var(--badge-bg,#ff2f92) 24%,transparent)!important;

  animation:serviceBadgeGlowPulse 2.4s ease-in-out infinite!important;
  transform-origin:left center!important;
}

/* Fold remains attached to the card edge */
.lower-selector .service-corner-badge::before{
  left:0!important;
  bottom:-6px!important;
  border-top:6px solid color-mix(in srgb,var(--badge-bg,#ff2f92) 66%,#000)!important;
  border-left:7px solid transparent!important;
}

/* Keep subtle moving highlight */
.lower-selector .service-corner-badge::after{
  animation:serviceRibbonSheen 4.8s ease-in-out infinite!important;
}

/* Glow + tiny pulse only on the badge itself.
   Cards/icons never move. */
@keyframes serviceBadgeGlowPulse{
  0%,100%{
    transform:scale(1)!important;
    filter:brightness(1)!important;
    box-shadow:
      0 0 0 1px color-mix(in srgb,var(--badge-bg,#ff2f92) 24%,transparent),
      0 4px 10px color-mix(in srgb,var(--badge-bg,#ff2f92) 24%,transparent),
      0 0 12px color-mix(in srgb,var(--badge-bg,#ff2f92) 18%,transparent)!important;
  }
  50%{
    transform:scale(1.035)!important;
    filter:brightness(1.06)!important;
    box-shadow:
      0 0 0 1px color-mix(in srgb,var(--badge-bg,#ff2f92) 34%,transparent),
      0 5px 13px color-mix(in srgb,var(--badge-bg,#ff2f92) 34%,transparent),
      0 0 22px color-mix(in srgb,var(--badge-bg,#ff2f92) 34%,transparent)!important;
  }
}

/* Add a soft glow halo behind the badge without affecting layout */
.lower-selector .select-card.has-corner-badge::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:6!important;
  top:-10px!important;
  left:-10px!important;
  width:94px!important;
  height:42px!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--badge-bg,#ff2f92) 12%,transparent)!important;
  filter:blur(10px)!important;
  opacity:.8!important;
  animation:serviceBadgeHalo 2.4s ease-in-out infinite!important;
  pointer-events:none!important;
}

@keyframes serviceBadgeHalo{
  0%,100%{opacity:.42!important; transform:scale(.96)!important;}
  50%{opacity:.82!important; transform:scale(1.05)!important;}
}

/* Keep original V36 selected-state bottom accent via ::before */
.lower-selector .select-card::before{
  z-index:2!important;
}

/* Make sure badge sits above the halo and card content */
.lower-selector .service-corner-badge{
  z-index:12!important;
}
.lower-selector .select-card .service-icon,
.lower-selector .select-card>b,
.lower-selector .select-card>small,
.lower-selector .select-card .check{
  position:relative!important;
  z-index:7!important;
}

/* On badged cards, keep the selected tick clear on the upper-right. */
.lower-selector .select-card.has-corner-badge .check{
  left:auto!important;
  right:8px!important;
  top:8px!important;
}

/* Mobile: keep badge just outside the corner, still away from icon */
@media(max-width:640px){
  .lower-selector .service-corner-badge{
    top:-6px!important;
    left:-6px!important;
  }
}

/* Respect reduced-motion preference */
@media(prefers-reduced-motion:reduce){
  .lower-selector .service-corner-badge,
  .lower-selector .select-card.has-corner-badge::after{
    animation:none!important;
  }
  .lower-selector .service-corner-badge{
    transform:none!important;
  }
}

/* V39 — Metallic shimmer / premium shine for service promotional badges.
   Adds visual polish only; backend controls and V38 positioning remain unchanged. */

.lower-selector .service-corner-badge{
  /* layered metallic surface while retaining the admin-selected badge color */
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.24) 0%,
      rgba(255,255,255,.06) 34%,
      rgba(0,0,0,.08) 52%,
      rgba(255,255,255,.10) 72%,
      rgba(0,0,0,.05) 100%
    ),
    var(--badge-bg,#ff2f92)!important;

  border-top:1px solid rgba(255,255,255,.42)!important;
  border-bottom:1px solid rgba(0,0,0,.12)!important;

  text-shadow:
    0 1px 0 rgba(0,0,0,.12),
    0 0 5px rgba(255,255,255,.12)!important;
}

/* Bright narrow metallic sweep */
.lower-selector .service-corner-badge::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  top:-35%!important;
  bottom:-35%!important;
  left:-52%!important;
  width:32%!important;
  height:auto!important;

  background:linear-gradient(
    105deg,
    transparent 0%,
    rgba(255,255,255,.04) 18%,
    rgba(255,255,255,.72) 43%,
    rgba(255,255,255,.96) 50%,
    rgba(255,255,255,.46) 57%,
    rgba(255,255,255,.05) 78%,
    transparent 100%
  )!important;

  filter:blur(.15px)!important;
  transform:skewX(-18deg) translateX(0)!important;
  animation:serviceMetallicSweepV39 3.9s cubic-bezier(.4,0,.2,1) infinite!important;
  pointer-events:none!important;
}

@keyframes serviceMetallicSweepV39{
  0%,52%{
    left:-52%!important;
    opacity:0!important;
  }
  58%{
    opacity:.25!important;
  }
  68%{
    opacity:1!important;
  }
  82%{
    left:128%!important;
    opacity:.72!important;
  }
  83%,100%{
    left:128%!important;
    opacity:0!important;
  }
}

/* Fine metallic highlight line along the top edge */
.lower-selector .service-corner-badge{
  background-size:100% 100%!important;
}

/* Preserve V38 glow/pulse, but make it slightly calmer so shimmer remains premium. */
.lower-selector .service-corner-badge{
  animation:serviceBadgeMetalPulseV39 2.8s ease-in-out infinite!important;
}
@keyframes serviceBadgeMetalPulseV39{
  0%,100%{
    transform:scale(1)!important;
    filter:brightness(1) saturate(1)!important;
    box-shadow:
      0 0 0 1px color-mix(in srgb,var(--badge-bg,#ff2f92) 22%,transparent),
      0 4px 10px color-mix(in srgb,var(--badge-bg,#ff2f92) 25%,transparent),
      0 0 13px color-mix(in srgb,var(--badge-bg,#ff2f92) 20%,transparent)!important;
  }
  50%{
    transform:scale(1.025)!important;
    filter:brightness(1.07) saturate(1.04)!important;
    box-shadow:
      0 0 0 1px color-mix(in srgb,var(--badge-bg,#ff2f92) 34%,transparent),
      0 5px 13px color-mix(in srgb,var(--badge-bg,#ff2f92) 34%,transparent),
      0 0 22px color-mix(in srgb,var(--badge-bg,#ff2f92) 31%,transparent)!important;
  }
}

/* Ensure badge wording always renders above the moving metallic sweep. */
.lower-selector .service-corner-badge{
  text-rendering:geometricPrecision!important;
}

/* Fold gets a slightly darker metallic shade for depth. */
.lower-selector .service-corner-badge::before{
  border-top-color:color-mix(in srgb,var(--badge-bg,#ff2f92) 62%,#111)!important;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.10))!important;
}

@media(prefers-reduced-motion:reduce){
  .lower-selector .service-corner-badge{
    animation:none!important;
  }
  .lower-selector .service-corner-badge::after{
    animation:none!important;
    display:none!important;
  }
}