/* Mobile readability layer. Desktop template, commercial facts and checkout logic stay intact. */
.mobile-copy,.mobile-section-nav,.mobile-action-bar{display:none}
.desktop-copy{display:contents}
.unlimited-word{display:inline-block;white-space:nowrap;font-style:normal;font-weight:900;line-height:1.2;letter-spacing:-.04em;color:#24163e;background:#ffe269;border-radius:.16em;padding:.06em .15em .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
#pricing h2 .unlimited-word,.mobile-offer-banner h3 .unlimited-word{font-size:1.18em}
.package-unlimited-badge .unlimited-word{font-size:18px;margin-left:2px;vertical-align:baseline}
#pack-all .package-unlimited-badge .unlimited-word{background:#ffe578;color:#251700}
@media(max-width:767px){
  html{scroll-padding-top:116px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
  body{font-size:16px;line-height:1.7;padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  .desktop-copy{display:none}
  .mobile-copy{display:block}
  h1,h2,h3,h4,p,li,a,summary{word-break:keep-all;overflow-wrap:anywhere}
  .material-symbols-outlined{flex-shrink:0;word-break:normal;overflow-wrap:normal}
  main h2{font-size:28px!important;line-height:1.4!important;letter-spacing:-.04em;font-weight:800}
  main h3{font-size:23px!important;line-height:1.4!important;letter-spacing:-.035em}
  main h4{font-size:20px!important;line-height:1.45!important}
  main p{font-size:16px!important;line-height:1.8!important;letter-spacing:-.025em}
  main li{font-size:15px!important;line-height:1.7!important;align-items:flex-start!important}
  main .text-xs:not(.material-symbols-outlined),main .text-\[11px\]:not(.material-symbols-outlined){font-size:13px!important;line-height:1.65!important}
  main .text-outline{color:#586078}
  main .text-body-sm{font-size:15px;line-height:1.75}
  main > section{padding-top:48px!important;padding-bottom:48px!important}
  main > section > .mx-auto,footer > .mx-auto{padding-left:20px;padding-right:20px}
  main > section > .mx-auto > .text-center{margin-bottom:28px}
  main .p-8,main .p-10{padding:20px}
  main .mb-16{margin-bottom:32px}
  main a:not([data-video-fallback]){font-size:15px;line-height:1.5}
  main a.inline-flex{min-height:48px;padding:12px 14px;gap:8px}
  main a:focus-visible,button:focus-visible,summary:focus-visible,[role=link]:focus-visible{outline:3px solid #d58b00;outline-offset:3px}
  .reading-sentence{display:block}
  .reading-sentence + .reading-sentence{margin-top:.45em}
  header > div{height:60px;padding:0 20px;gap:12px}
  header > div > div:last-child > a:last-child{min-height:44px;padding:8px 12px;font-size:14px;white-space:nowrap}
  .mobile-section-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 12px;border-top:1px solid #e9e5f1;background:#fff}
  .mobile-section-nav a{display:flex;align-items:center;justify-content:center;min-height:42px;font-size:13px;font-weight:700;color:#526078;white-space:nowrap}
  .mobile-section-nav a:first-child{color:#4530d1;border-bottom:2px solid #5744e5}
  main > .mobile-hero{padding-top:28px!important;padding-bottom:36px!important}
  .mobile-hero > div > div:first-child{margin-bottom:20px}
  .mobile-hero > div > div:first-child > div{flex-wrap:wrap;justify-content:center;gap:4px 8px;padding:7px 11px;font-size:12px}
  .mobile-hero > div > div:first-child span{font-size:12px;line-height:1.5}
  .hero-heading h1{font-size:clamp(31px,9.2vw,39px)!important;line-height:1.33!important;font-weight:800;letter-spacing:-.055em;margin-bottom:18px}
  .hero-heading h1 .mobile-copy > span{display:block}
  .hero-heading h1 em{font-style:normal;color:#4430cf;background:linear-gradient(transparent 76%,#ffe598 0);padding-bottom:2px}
  .hero-copy .mobile-copy > span{display:block}
  .hero-copy strong{display:block;margin-top:12px;color:#4530cd;font-size:15px;line-height:1.7;font-weight:800}
  .hero-copy .hero-unlimited-benefit{margin-top:16px}
  .hero-unlimited-benefit > span{display:block}
  .hero-unlimited-benefit .hero-unlimited-line{margin-top:8px;font-size:25px;line-height:1.35;color:#2d2054}
  .hero-unlimited-benefit .unlimited-word{font-size:36px;margin-left:3px}
  .hero-heading{margin-bottom:24px!important}
  .hero-actions{margin-top:24px;gap:10px}
  .hero-actions a{min-height:52px!important;font-size:16px!important;padding:13px 10px!important;border-radius:10px}
  .hero-actions a:last-child{font-size:15px!important}
  .hero-assurances{margin-top:18px;gap:7px 14px}
  .hero-assurances > div{font-size:12px;line-height:1.6}
  .hero-assurances > div:nth-child(n+3){flex-basis:100%;justify-content:center}
  .hero-assurances > div:nth-child(4){font-weight:700;color:#4530cd}
  .hero-media{padding:8px!important;box-shadow:0 8px 28px #20164412}
  [data-video-fallback]{display:flex!important;align-items:center;min-height:44px;font-size:13px!important;line-height:1.5!important;margin-top:0}
  summary{min-height:48px;font-size:15px!important;line-height:1.6;gap:8px}
  .hero-media details{padding:10px;margin-top:4px}
  .hero-media details p{font-size:15px!important}
  #pricing h2{font-size:30px!important;line-height:1.35!important;max-width:9em;margin:10px auto 16px}
  #pricing h2 .mobile-copy > span{display:block}
  #pricing h2 .mobile-copy > span + span{margin-top:8px}
  #pricing h2 .unlimited-word{font-size:40px}
  #pricing h2 + p{font-size:15px!important;line-height:1.75!important}
  #pricing h2 + p .mobile-copy > strong{display:block;color:#242139;font-size:17px;font-weight:800}
  #pricing h2 + p .mobile-copy > span{display:block;margin-top:10px}
  #pricing h2 + p .price-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:13px!important}
  .price-facts > span{padding:4px 8px;border-radius:6px;background:#fff;border:1px solid #ded8f5;color:#50486b}
  .intro-fulfillment{color:#57526b;font-size:14px;line-height:1.7}
  .package-grid{gap:20px;margin-bottom:0!important}
  .mobile-package{padding:20px!important;border-radius:16px;min-width:0}
  .package-body{display:flex;flex-direction:column;min-width:0}
  .package-body > span{align-self:flex-start;font-size:13px;line-height:1.7;padding:3px 9px}
  .package-body > .package-unlimited-badge{padding:5px 9px;line-height:1.8}
  .package-unlimited-badge .unlimited-word{font-size:21px}
  .mobile-package h3{font-size:25px!important;margin:8px 0 0;letter-spacing:-.045em}
  .package-body > h3 + p[hidden]{display:none!important}
  .package-price{order:1;margin:16px 0 18px!important}
  .package-price > div:first-child{font-size:13px!important;color:#646575;line-height:1.6}
  .package-price .text-headline-xl{font-size:40px!important;line-height:1.3!important;letter-spacing:-.05em;white-space:nowrap}
  .package-price > div:last-child{font-size:14px!important;line-height:1.6!important;font-weight:700}
  .package-included{order:2;margin:0 0 16px;padding:12px;border-radius:12px}
  .package-included .package-included-label{font-size:13px!important;line-height:1.5!important;margin-bottom:10px}
  .package-included ul{gap:7px}
  .package-included li{padding:8px;gap:2px 8px;align-items:center!important}
  .package-included strong{font-size:15px;line-height:1.5;letter-spacing:-.04em}
  .package-included li span{font-size:13px;line-height:1.5;color:#5b5371}
  .package-benefits{order:3;padding-bottom:12px}
  .package-benefits li{font-size:14px!important;line-height:1.65!important}
  #pricing [data-manual-fulfillment]{order:4;font-size:14px!important;line-height:1.7!important;margin-bottom:16px;padding-top:12px;border-top:1px solid #e7e1f2;color:#59566b}
  [data-manual-fulfillment] .mobile-copy > span{display:block}
  #pack-all .package-price > div:first-child{color:#c3cbe4}
  #pack-all [data-manual-fulfillment]{color:#d6dcef;border-color:#ffffff2b}
  #pack-all .package-included li span{color:#e0e5f4}
  [data-offer]{min-height:50px!important;padding:12px 16px!important;font-size:16px!important;border-radius:10px}
  [data-offer] .mobile-copy{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .mobile-package:not(#pack-all) > [data-offer]{background:#5141db;color:#fff;border-color:#5141db}
  .mobile-offer-banner > div > div{padding:20px!important;gap:24px}
  .mobile-offer-banner h3{font-size:28px!important;line-height:1.4!important}
  .mobile-offer-banner h3 > span{display:block}
  .mobile-offer-banner h3 .unlimited-word{font-size:34px}
  .mobile-offer-banner .offer-price-box{padding:18px!important}
  .offer-price-box > div{flex-wrap:wrap;gap:4px 6px}
  .offer-price-box .text-headline-xl{font-size:36px!important;line-height:1.35!important;white-space:nowrap}
  .offer-price-box > div > span:last-child{flex-basis:100%;background:none;font-size:15px!important;color:#ffd978}
  .mobile-offer-banner .text-outline-variant{color:#c6cbdf}
  .mobile-offer-banner .text-xs{color:#d8def0}
  .mobile-feature{padding:20px!important;margin-bottom:28px!important;border-radius:16px}
  .mobile-feature h3{font-size:28px!important}
  .mobile-feature h3 > span{display:block;font-size:19px!important;line-height:1.5!important;margin-top:8px;font-weight:700}
  .mobile-feature .feature-intro{font-size:16px!important}
  .mobile-feature .grid{gap:24px}
  .mobile-feature ul .material-symbols-outlined{margin-top:3px}
  #all-paid-grid .grid > div,#free-tools .grid > div,#training .grid > div,#guarantee .grid > div{padding:20px}
  #all-paid-grid h4,#free-tools h3,#training h3{font-size:21px!important}
  #all-paid-grid .grid > div > div:first-child{flex-wrap:wrap;gap:8px}
  #all-paid-grid .grid > div > div:last-child{flex-wrap:wrap;gap:8px}
  #all-paid-grid .grid a{min-height:44px;display:inline-flex;align-items:center}
  #results .text-headline-xl{font-size:32px;line-height:1.35}
  #results .grid{gap:16px}
  #results .grid > div{padding:20px}
  #results .grid p{font-size:15px!important}
  .important-conditions{text-align:left!important;background:#ffffffa3;border:1px solid #deddeb;border-radius:12px;padding:16px!important;font-size:14px!important;color:#505670}
  .important-conditions .condition-lead{font-weight:700;color:#282347}
  #training h2 + p{margin-top:20px}
  #training .grid p{font-size:15px!important;line-height:1.75!important}
  #free-tools h2 + p{margin:20px 0}
  #free-tools h2 + p,#training h2 + p{font-size:14px!important;line-height:1.8!important}
  #monthly-pricing h4{font-size:21px!important}
  #monthly-pricing h4 .mobile-copy > span{display:block}
  #monthly-pricing > div > div > div:first-child{display:block;padding:20px}
  #monthly-pricing > div > div > div:first-child > span{display:block;margin-top:8px}
  [data-term-holder]{padding:0 16px 16px}
  #pricing-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px;width:100%;border-radius:12px;gap:2px}
  #pricing-tabs button{padding:10px 2px!important;min-height:46px;font-size:14px;border-radius:8px;white-space:nowrap}
  #pricing-tabs button > span{font-size:10px}
  #monthly-pricing [data-billing-notice]{margin:0 16px 12px;font-size:14px!important;line-height:1.75!important;background:#f5f3ff}
  [data-billing-notice] .mobile-copy > *{display:block;margin-bottom:4px}
  [data-billing-notice] strong{color:#362587}
  .mobile-table-wrap{overflow:visible}
  .mobile-price-table,.mobile-price-table tbody{display:block;width:100%}
  .mobile-price-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .mobile-price-table tbody{padding:0 16px 16px}
  .mobile-price-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:18px 0;border:0;border-top:1px solid #ddd9eb}
  .mobile-price-table td{padding:0!important;min-width:0;word-break:keep-all;overflow-wrap:anywhere}
  .mobile-price-table td:nth-child(1){grid-column:1/-1;font-size:20px;font-weight:800}
  .mobile-price-table td:nth-child(2){grid-column:1/-1;font-size:14px;line-height:1.65;margin-bottom:6px}
  .mobile-price-table td:nth-child(n+3):nth-child(-n+6){display:block;border:1px solid #e6e2f1;background:#faf9ff;border-radius:8px;padding:10px!important;font-size:17px;line-height:1.5;font-weight:700;color:#302757;white-space:nowrap}
  .mobile-price-table td[data-mobile-label]::before{content:attr(data-mobile-label);display:block;font-size:12px;font-weight:500;color:#606079;margin-bottom:4px}
  #monthly-pricing:has(#tab-btn-1m[aria-pressed=true]) td:nth-child(3),
  #monthly-pricing:has(#tab-btn-3m[aria-pressed=true]) td:nth-child(4),
  #monthly-pricing:has(#tab-btn-6m[aria-pressed=true]) td:nth-child(5),
  #monthly-pricing:has(#tab-btn-12m[aria-pressed=true]) td:nth-child(6){border-color:#6952e2;background:#eeebff;box-shadow:inset 0 0 0 1px #6952e2}
  .mobile-price-table td:nth-child(7){grid-column:1/-1;margin-top:4px}
  [data-checkout-product]{display:flex!important;width:100%;align-items:center;justify-content:center;min-height:46px;padding:10px!important;border:1px solid #5141db;border-radius:8px;font-size:15px;background:#f0edff;text-decoration:none!important}
  #faq summary{padding:4px 0;font-size:16px!important;line-height:1.65}
  #faq details{padding:16px}
  #faq details > div{font-size:15px;line-height:1.85;word-break:keep-all}
  main > section:last-of-type h2{font-size:29px!important;line-height:1.45!important}
  main > section:last-of-type h2 span{display:block}
  main > section:last-of-type p{font-size:16px!important}
  main > section:last-of-type a{font-size:15px!important;padding:14px 8px!important}
  footer p{font-size:13px!important;line-height:1.8!important;color:#586078}
  .footer-line{display:block;margin-bottom:4px}
  .footer-separator{display:none}
  footer a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}
  footer > div{padding-top:32px;padding-bottom:32px;gap:16px}
  body > aside[aria-label]{left:0;right:0;bottom:0;gap:0;align-items:stretch}
  body > aside[aria-label] > div:first-child{display:none}
  .mobile-action-bar{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid #ded9ed;box-shadow:0 -3px 18px #21104310;pointer-events:auto}
  .mobile-action-bar a{display:flex;min-height:46px;align-items:center;justify-content:center;border-radius:10px;font-size:14px;line-height:1.4;font-weight:800;background:#f0edff;color:#4634cb;padding:10px 6px}
  .mobile-action-bar a:last-child{background:#fee500;color:#271d00}
}
@media(min-width:360px) and (max-width:767px){
  .package-included ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .package-included li{display:block;padding:8px}
  .package-included li span{display:block;margin-top:3px}
}
@media(max-width:359px){
  main > section > .mx-auto,footer > .mx-auto{padding-left:16px;padding-right:16px}
  .mobile-package,.mobile-feature{padding:16px!important}
  .hero-heading h1{font-size:31px!important}
  .hero-copy strong{font-size:14px}
  .mobile-package h3{font-size:23px!important}
  .mobile-offer-banner > div > div{padding:16px!important}
  .mobile-offer-banner .offer-price-box{padding:14px!important}
  #pricing-tabs button{font-size:13px}
  .mobile-action-bar{gap:8px;padding-left:12px;padding-right:12px}
  .mobile-action-bar a{font-size:13px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}