/* Crevyro pricing reference layout — visual treatment inspired only by the supplied pricing walkthrough.
   All content, product terminology, pricing and entitlements remain Crevyro-owned and API-driven. */

body.ac-pricing-reference{
  --pricing-ink:#09090b;
  --pricing-muted:#6f706f;
  --pricing-line:#d9ddd7;
  --pricing-mint:#eef4ee;
  --pricing-card:#ffffff;
  --pricing-pink:#f719d8;
  --pricing-pink-soft:#fff0fd;
  --pricing-yellow:#ffed00;
  --pricing-check:#078c79;
  --pricing-no:#d56a3b;
  background:#fff;
  color:var(--pricing-ink);
}

body.ac-pricing-reference main{overflow:clip;background:#fff}
body.ac-pricing-reference .mcv2-header{background:rgba(247,248,244,.93)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.ac-pricing-reference .mcv2-brand strong{font-weight:950;letter-spacing:-.035em}

body.ac-pricing-reference .pricing-hero{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(72px,9vw,132px) max(24px,calc((100vw - 1220px)/2)) clamp(48px,6vw,78px)!important;
  border:0!important;
  border-radius:0!important;
  background:var(--pricing-mint)!important;
  color:var(--pricing-ink)!important;
  text-align:center;
  isolation:isolate;
}
body.ac-pricing-reference .pricing-hero::before,
body.ac-pricing-reference .pricing-hero::after{display:none!important}
body.ac-pricing-reference .pricing-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:0 0 22px;
  color:#4a4d49!important;
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.ac-pricing-reference .pricing-hero .eyebrow::before{
  content:"";
  width:8px;height:8px;border-radius:50%;background:var(--pricing-pink);
}
body.ac-pricing-reference .pricing-hero h1{
  max-width:980px!important;
  margin:0 auto!important;
  color:var(--pricing-ink)!important;
  font-size:clamp(3.2rem,7.2vw,7.2rem)!important;
  line-height:.88!important;
  letter-spacing:-.075em!important;
  text-wrap:balance;
}
body.ac-pricing-reference .pricing-hero>p:last-of-type{
  max-width:720px!important;
  margin:24px auto 0!important;
  color:#626560!important;
  font-size:clamp(1rem,1.5vw,1.18rem)!important;
  line-height:1.55!important;
}
body.ac-pricing-reference .pricing-monthly-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:30px;
  padding:12px 19px;
  border:1px solid rgba(9,9,11,.13);
  border-radius:999px;
  background:#fff;
  font-size:.77rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 8px 24px rgba(20,30,20,.05);
}
body.ac-pricing-reference .pricing-monthly-chip i{width:8px;height:8px;border-radius:50%;background:#111;display:block}

body.ac-pricing-reference .pricing-shell{
  position:relative;
  padding:0 max(20px,calc((100vw - 1320px)/2)) 64px!important;
  background:var(--pricing-mint)!important;
}
body.ac-pricing-reference .ac-pricing-rail-wrap{position:relative;min-width:0}
body.ac-pricing-reference .seo-pricing-grid{
  display:grid!important;
  grid-auto-flow:column;
  grid-auto-columns:minmax(315px,390px);
  grid-template-columns:none!important;
  gap:18px!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:8px 4px 18px!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  scroll-snap-type:x mandatory!important;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  touch-action:pan-x pan-y;
}
body.ac-pricing-reference .seo-pricing-grid::-webkit-scrollbar{display:none}
body.ac-pricing-reference .seo-pricing-grid .price-card,
body.ac-pricing-reference .seo-pricing-grid .price-card.recommended{
  scroll-snap-align:center;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:670px!important;
  height:auto!important;
  margin:0!important;
  padding:0 32px 32px!important;
  overflow:hidden;
  border:1px solid rgba(9,9,11,.08)!important;
  border-radius:30px!important;
  background:#fff!important;
  color:var(--pricing-ink)!important;
  box-shadow:none!important;
  transform:none!important;
}
body.ac-pricing-reference .seo-pricing-grid .price-card:hover{transform:none!important;box-shadow:none!important}
body.ac-pricing-reference .plan-top-ribbon{
  min-height:48px;
  margin:0 -32px 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  background:transparent;
  color:transparent;
  font-size:.73rem;
  font-weight:950;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body.ac-pricing-reference .price-card.recommended .plan-top-ribbon{
  background:var(--pricing-pink-soft);
  color:var(--pricing-pink);
}
body.ac-pricing-reference .price-card-head{
  display:block!important;
  min-height:0!important;
  text-align:center;
}
body.ac-pricing-reference .price-card-head .eyebrow{
  margin:0!important;
  color:var(--pricing-ink)!important;
  font-size:1.32rem!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
}
body.ac-pricing-reference .price-card-head .plan-description{
  max-width:290px;
  margin:8px auto 0;
  color:#777873;
  font-size:.9rem;
  line-height:1.42;
}
body.ac-pricing-reference .pricing-badge{display:none!important}
body.ac-pricing-reference .seo-pricing-grid .price{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center;
  gap:6px!important;
  margin:26px 0 0!important;
}
body.ac-pricing-reference .seo-pricing-grid .price strong{
  color:var(--pricing-ink)!important;
  font-size:clamp(2.8rem,4.2vw,4rem)!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.06em!important;
}
body.ac-pricing-reference .seo-pricing-grid .price span{
  padding:0!important;
  color:#575955!important;
  font-size:.92rem!important;
}
body.ac-pricing-reference .localized-price-note{text-align:center;margin:.5rem auto 0!important;color:#7b7d78!important}
body.ac-pricing-reference .plan-allowance{
  display:grid;
  place-items:center;
  gap:4px;
  min-height:96px;
  margin:24px 0 26px;
  text-align:center;
}
body.ac-pricing-reference .plan-allowance strong{
  font-size:1.7rem;
  font-weight:950;
  letter-spacing:-.04em;
}
body.ac-pricing-reference .plan-allowance span{
  max-width:230px;
  color:#71736f;
  font-size:.9rem;
  line-height:1.35;
  text-decoration:underline;
  text-decoration-color:#bcbfba;
  text-underline-offset:4px;
}
body.ac-pricing-reference .seo-pricing-grid .actions{
  order:0;
  margin:0 0 28px!important;
  padding:0!important;
}
body.ac-pricing-reference .seo-pricing-grid .actions .button{
  width:100%!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:999px!important;
  background:#050505!important;
  color:#fff!important;
  font-size:.84rem!important;
  font-weight:900!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  box-shadow:none!important;
}
body.ac-pricing-reference .plan-feature-title{
  margin:0 0 12px;
  color:#42433f;
  font-size:.73rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
body.ac-pricing-reference .seo-pricing-grid .feature-list{
  display:grid!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  border-top:1px solid #eceeeb;
}
body.ac-pricing-reference .seo-pricing-grid .feature-list li{
  position:relative!important;
  min-height:52px;
  display:flex!important;
  align-items:center;
  padding:13px 30px 13px 0!important;
  border:0!important;
  border-bottom:1px solid #eceeeb!important;
  background:transparent!important;
  color:#333430!important;
  font-size:.9rem!important;
  line-height:1.38!important;
}
body.ac-pricing-reference .seo-pricing-grid .feature-list li::before{display:none!important}
body.ac-pricing-reference .seo-pricing-grid .feature-list li::after{
  content:"i";
  position:absolute;
  right:0;
  top:50%;
  width:18px;height:18px;
  display:grid;place-items:center;
  transform:translateY(-50%);
  border:1px solid #cfd2cc;
  border-radius:50%;
  color:#9b9e98;
  font:800 .66rem/1 sans-serif;
}
body.ac-pricing-reference .plan-rail-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:26px;
  margin-top:2px;
}
body.ac-pricing-reference .plan-rail-dots button{
  width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#c8cbc5;cursor:pointer;transition:width .2s ease,background .2s ease,border-radius .2s ease;
}
body.ac-pricing-reference .plan-rail-dots button.is-active{width:26px;border-radius:999px;background:#111}
body.ac-pricing-reference .pricing-compare-jump{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  margin:24px auto 0;
  padding:0 22px;
  border:1px solid #111;
  border-radius:999px;
  background:transparent;
  color:#111;
  font-weight:850;
  cursor:pointer;
}
body.ac-pricing-reference .pricing-shell>.legal-note{
  max-width:760px;
  margin:22px auto 0!important;
  color:#73756f!important;
  text-align:center;
  font-size:.76rem!important;
  line-height:1.5;
}

/* Comparison */
body.ac-pricing-reference .pricing-comparison{
  padding:clamp(74px,9vw,126px) max(20px,calc((100vw - 1220px)/2))!important;
  background:#fff!important;
  color:var(--pricing-ink)!important;
}
body.ac-pricing-reference .pricing-comparison .section-head{
  max-width:920px;
  margin:0 auto 52px;
  text-align:center;
}
body.ac-pricing-reference .pricing-comparison .section-head .eyebrow{color:var(--pricing-pink)!important}
body.ac-pricing-reference .pricing-comparison .section-head h2{
  max-width:840px;
  margin:0 auto;
  color:var(--pricing-ink)!important;
  font-size:clamp(3.2rem,7vw,6.8rem)!important;
  line-height:.84!important;
  letter-spacing:-.075em!important;
  text-wrap:balance;
}
body.ac-pricing-reference .pricing-comparison .section-head>p:last-child{
  max-width:680px;
  margin:22px auto 0;
  color:#70716d!important;
  line-height:1.55;
}
body.ac-pricing-reference .comparison-swipe-hint{display:none!important}
body.ac-pricing-reference .comparison-plan-table{
  overflow:visible!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.ac-pricing-reference .comparison-desktop{display:block}
body.ac-pricing-reference .comparison-desktop table{
  width:100%!important;
  min-width:900px!important;
  border-collapse:collapse!important;
  color:#161714;
}
body.ac-pricing-reference .comparison-desktop th,
body.ac-pricing-reference .comparison-desktop td{
  min-width:150px!important;
  padding:17px 16px!important;
  border:0!important;
  border-bottom:1px solid #dedfdc!important;
  background:#fff!important;
  color:inherit!important;
  vertical-align:middle;
}
body.ac-pricing-reference .comparison-desktop thead th{
  position:sticky!important;
  top:72px!important;
  z-index:5!important;
  padding-top:18px!important;
  padding-bottom:18px!important;
  background:#fff!important;
  color:#8a8c87!important;
  text-align:center!important;
  text-transform:uppercase;
  font-size:.72rem!important;
  letter-spacing:.08em;
}
body.ac-pricing-reference .comparison-desktop thead th:first-child{text-align:left!important;color:#444!important}
body.ac-pricing-reference .comparison-desktop thead th strong{color:#111!important;font-size:.9rem!important;text-transform:none;letter-spacing:0}
body.ac-pricing-reference .comparison-desktop thead th small{margin-top:4px!important;color:#767873!important;font-size:.72rem!important;text-transform:none;letter-spacing:0}
body.ac-pricing-reference .comparison-desktop th:first-child,
body.ac-pricing-reference .comparison-desktop td:first-child{
  position:static!important;
  min-width:260px!important;
  max-width:340px!important;
  background:#fff!important;
}
body.ac-pricing-reference .comparison-desktop td:not(:first-child){text-align:center}
body.ac-pricing-reference .comparison-desktop .recommended-column{background:#fff!important}
body.ac-pricing-reference .comparison-group-row td{
  padding:42px 16px 16px!important;
  border-bottom:1px solid #bfc1bc!important;
  color:#111!important;
  font-size:1rem!important;
  font-weight:950!important;
  letter-spacing:-.015em;
}
body.ac-pricing-reference .comparison-value-mark{
  display:inline-grid;
  place-items:center;
  width:22px;height:22px;
  border:1.5px solid currentColor;
  border-radius:6px;
  font-size:.72rem;
  font-weight:950;
  line-height:1;
}
body.ac-pricing-reference .comparison-value-mark.yes{color:var(--pricing-check)}
body.ac-pricing-reference .comparison-value-mark.no{color:var(--pricing-no)}
body.ac-pricing-reference .comparison-value-text{color:#5f615d;font-size:.88rem;line-height:1.35}
body.ac-pricing-reference .plan-recommended-tag{display:none!important}

body.ac-pricing-reference .comparison-mobile{display:none}
body.ac-pricing-reference .comparison-plan-tabs{
  position:sticky;
  top:70px;
  z-index:7;
  display:flex;
  gap:4px;
  overflow-x:auto;
  padding:8px 0 10px;
  border-bottom:4px solid #c7c8c5;
  background:#fff;
  scrollbar-width:none;
}
body.ac-pricing-reference .comparison-plan-tabs::-webkit-scrollbar{display:none}
body.ac-pricing-reference .comparison-plan-tabs button{
  flex:0 0 auto;
  padding:8px 14px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:#989a95;
  font-size:.71rem;
  letter-spacing:.05em;
  text-transform:uppercase;
}
body.ac-pricing-reference .comparison-plan-tabs button.is-active{
  border-color:#a9aba7;
  color:#111;
  background:#fff;
}
body.ac-pricing-reference .comparison-mobile-plan-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:28px 4px 20px;
  border-bottom:1px solid #dfe0dd;
}
body.ac-pricing-reference .comparison-mobile-plan-head strong{font-size:1.45rem;letter-spacing:-.04em}
body.ac-pricing-reference .comparison-mobile-plan-head span{color:#666864;font-weight:800}
body.ac-pricing-reference .comparison-mobile-group{padding-top:36px}
body.ac-pricing-reference .comparison-mobile-group h3{
  margin:0 4px 12px;
  font-size:1rem;
  font-weight:950;
  letter-spacing:-.02em;
}
body.ac-pricing-reference .comparison-mobile-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(96px,.42fr);
  gap:18px;
  align-items:center;
  min-height:66px;
  padding:13px 4px;
  border-top:1px solid #dfe0dd;
}
body.ac-pricing-reference .comparison-mobile-row .label{color:#242522;font-size:.92rem;line-height:1.4}
body.ac-pricing-reference .comparison-mobile-row .value{text-align:right;color:#646661;font-size:.88rem;font-weight:750}

/* Existing Crevyro explanatory content, restyled to match the pricing page rhythm. */
body.ac-pricing-reference .pricing-extra-info{
  padding:clamp(78px,9vw,120px) max(20px,calc((100vw - 1220px)/2))!important;
  background:#f6f7f4!important;
}
body.ac-pricing-reference .pricing-extra-info .section-head{max-width:900px!important;margin:0 0 48px!important}
body.ac-pricing-reference .pricing-extra-info h2,
body.ac-pricing-reference .pricing-plan-guidance h2{
  color:#111!important;
  font-size:clamp(3.1rem,6.5vw,6.4rem)!important;
  line-height:.86!important;
  letter-spacing:-.075em!important;
}
body.ac-pricing-reference .pricing-info-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:24px!important;
  border-top:1px solid #d5d7d2;
}
body.ac-pricing-reference .pricing-info-grid article{
  min-height:0!important;
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  grid-template-areas:"num title" "num copy";
  column-gap:18px;
  padding:26px 18px 28px 0!important;
  border:0!important;
  border-bottom:1px solid #d5d7d2!important;
  background:transparent!important;
}
body.ac-pricing-reference .pricing-info-grid article:nth-child(odd){border-right:1px solid #d5d7d2!important;padding-right:28px!important}
body.ac-pricing-reference .pricing-info-grid article:nth-child(even){padding-left:28px!important}
body.ac-pricing-reference .pricing-info-grid article>span{grid-area:num;align-self:start;background:var(--pricing-yellow)!important}
body.ac-pricing-reference .pricing-info-grid h3{grid-area:title;margin:0 0 8px!important;color:#111!important;font-size:1.35rem!important}
body.ac-pricing-reference .pricing-info-grid p{grid-area:copy;margin:0!important;color:#6b6d68!important}

body.ac-pricing-reference .pricing-plan-guidance{
  padding:clamp(80px,9vw,118px) max(20px,calc((100vw - 1220px)/2))!important;
  background:var(--pricing-yellow)!important;
  color:#111!important;
}
body.ac-pricing-reference .pricing-guidance-list{border-color:rgba(0,0,0,.25)!important}
body.ac-pricing-reference .pricing-guidance-list p{border-color:rgba(0,0,0,.25)!important}

body.ac-pricing-reference .pricing-comparison .faq{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  max-width:1040px;
  margin:0 auto!important;
}
body.ac-pricing-reference .pricing-comparison .faq article{
  min-height:180px!important;
  padding:26px!important;
  border:1px solid #d9dad7!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#111!important;
}
body.ac-pricing-reference .pricing-comparison .faq h3{color:#111!important;font-size:1.35rem!important}
body.ac-pricing-reference .pricing-comparison .faq p{color:#70716d!important}

body.ac-pricing-reference main>.pricing-editorial-cta{
  width:calc(100% - 40px)!important;
  max-width:1220px!important;
  margin:30px auto 80px!important;
  padding:clamp(54px,8vw,92px)!important;
  border-radius:30px!important;
  background:#050505!important;
  color:#fff!important;
  text-align:center;
}
body.ac-pricing-reference .pricing-editorial-cta h2{max-width:820px;margin:0 auto;color:#fff!important}
body.ac-pricing-reference .pricing-editorial-cta p{max-width:620px;margin:20px auto;color:#c8c8c8!important}
body.ac-pricing-reference .pricing-editorial-cta .button{background:var(--pricing-pink)!important;color:#fff!important;border-radius:999px!important}

body.ac-pricing-reference .pricing-mobile-jump{
  display:none;
  position:fixed;
  left:50%;
  bottom:max(16px,env(safe-area-inset-bottom));
  z-index:40;
  min-width:min(86vw,390px);
  min-height:58px;
  align-items:center;
  justify-content:center;
  gap:14px;
  transform:translateX(-50%);
  padding:0 24px;
  border:0;
  border-radius:16px;
  background:var(--pricing-yellow);
  color:#111;
  box-shadow:0 14px 35px rgba(0,0,0,.14);
  font-size:.95rem;
  font-weight:950;
}
body.ac-pricing-reference .pricing-mobile-jump span{font-size:1.25rem}

@media (min-width:1280px){
  body.ac-pricing-reference .seo-pricing-grid{grid-auto-columns:minmax(315px,1fr)}
  body.ac-pricing-reference .seo-pricing-grid:has(.price-card:nth-child(4):last-child){grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important}
  body.ac-pricing-reference .seo-pricing-grid:has(.price-card:nth-child(3):last-child){grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important}
}

@media (max-width:760px){
  body.ac-pricing-reference .mcv2-header{background:rgba(247,248,244,.96)!important}
  body.ac-pricing-reference .pricing-hero{
    padding:64px 22px 42px!important;
    text-align:center;
  }
  body.ac-pricing-reference .pricing-hero h1{
    font-size:clamp(3rem,14vw,5.1rem)!important;
    line-height:.91!important;
  }
  body.ac-pricing-reference .pricing-hero>p:last-of-type{font-size:.98rem!important}
  body.ac-pricing-reference .pricing-monthly-chip{margin-top:24px;padding:11px 17px;font-size:.7rem}
  body.ac-pricing-reference .pricing-shell{padding:0 0 68px!important}
  body.ac-pricing-reference .ac-pricing-rail-wrap{padding:0}
  body.ac-pricing-reference .seo-pricing-grid{
    grid-auto-columns:min(82vw,410px)!important;
    gap:14px!important;
    padding:6px 9vw 18px!important;
    scroll-padding-inline:9vw;
  }
  body.ac-pricing-reference .seo-pricing-grid .price-card,
  body.ac-pricing-reference .seo-pricing-grid .price-card.recommended{
    min-height:650px!important;
    padding:0 24px 28px!important;
    border-radius:27px!important;
  }
  body.ac-pricing-reference .plan-top-ribbon{margin:0 -24px 26px}
  body.ac-pricing-reference .plan-rail-dots{margin-top:0}
  body.ac-pricing-reference .pricing-compare-jump{display:flex}
  body.ac-pricing-reference .pricing-shell>.legal-note{padding-inline:22px}

  body.ac-pricing-reference .pricing-comparison{padding:80px 20px!important}
  body.ac-pricing-reference .pricing-comparison .section-head{text-align:left;margin-bottom:34px}
  body.ac-pricing-reference .pricing-comparison .section-head h2{
    margin:0!important;
    font-size:clamp(3.1rem,14vw,5rem)!important;
    line-height:.85!important;
  }
  body.ac-pricing-reference .pricing-comparison .section-head>p:last-child{margin:18px 0 0!important}
  body.ac-pricing-reference .comparison-desktop{display:none}
  body.ac-pricing-reference .comparison-mobile{display:block}

  body.ac-pricing-reference .pricing-extra-info,
  body.ac-pricing-reference .pricing-plan-guidance{padding:76px 20px!important}
  body.ac-pricing-reference .pricing-info-grid{grid-template-columns:1fr!important}
  body.ac-pricing-reference .pricing-info-grid article,
  body.ac-pricing-reference .pricing-info-grid article:nth-child(odd),
  body.ac-pricing-reference .pricing-info-grid article:nth-child(even){
    padding:23px 0!important;
    border-right:0!important;
  }
  body.ac-pricing-reference .pricing-plan-guidance{grid-template-columns:1fr!important}
  body.ac-pricing-reference .pricing-comparison .faq{grid-template-columns:1fr!important}
  body.ac-pricing-reference main>.pricing-editorial-cta{width:calc(100% - 24px)!important;margin:20px 12px 92px!important;padding:56px 22px!important;border-radius:24px!important}
  body.ac-pricing-reference .pricing-mobile-jump{display:flex}
  body.ac-pricing-reference .site-footer{padding-bottom:92px}
}

@media (prefers-reduced-motion:reduce){
  body.ac-pricing-reference *{scroll-behavior:auto!important}
}
