html,body{background:#fff;width:100%;overflow-x:hidden}
*{box-sizing:border-box;max-width:100%}
body{font-size:15px;line-height:1.6}
.card{margin-block-end:22px}
.card h2{font-size:24px;font-weight:750;line-height:1.25;margin:0 0 12px}
.card h3{font-size:18px;font-weight:700;line-height:1.3;margin:18px 0 8px}
.card p{margin:0 0 13px;line-height:1.65}
.card ul,.card ol{margin:0 0 13px;padding-inline-start:22px}
.card li{margin:5px 0;line-height:1.55}
.card table{width:100%;border-collapse:collapse;margin:8px 0 6px;font-size:15px}
.card th,.card td{border:1px solid #E0E6F3;padding:10px 13px;text-align:left}
.card th{background:#F7F8FC;font-weight:700}
.card code{background:#EEF0F8;padding:2px 7px;border-radius:6px;font-size:14px}
.content-main{padding:26px 0 10px}
.hero .update{gap:18px;margin-block-start:10px}
.hero-cta{margin-block-start:16px}
.bonus-card .bonus{background:#FFF3EB;border-radius:10px;padding:14px 16px;margin-block-end:14px}
.bonus-card .bonus-title{color:#696D73;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.bonus-card .bonus-text{font-size:20px;font-weight:800;margin-top:2px}
.bonus-card .btn{margin-block-start:14px}
.bonus-card small{color:#696D73}
.card-feature-dl{gap:8px;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #E0E6F3}
.card-feature-dl:last-child{border-bottom:0}
.card-feature-dt{color:#696D73;font-size:14px}
.card-feature-dd{font-weight:700;font-size:14px}
.promo-code{display:inline-flex;align-items:center;gap:10px;background:#F7F8FC;
border:1px dashed #ff710c;border-radius:9px;padding:8px 12px;margin:10px 0;font-weight:700}
.promo-code button{border:none;border-radius:6px;padding:5px 10px;font-weight:700;cursor:pointer;
background:#ff710c;color:#fff}
.hero-lede{max-width:62ch;color:#3A3F47;font-size:17px;line-height:1.6;margin:12px 0 0}
.sg-overall{color:#696D73;font-size:15px;margin:2px 0 12px}
.sg-overall-num{font-size:36px;font-weight:800;color:#141414;margin-right:3px}
.sg-ratings{display:grid;grid-template-columns:1fr 1fr;gap:12px 44px}
.sg-row{display:flex;align-items:center;gap:12px}
.sg-name{min-width:150px;font-size:14px;font-weight:600}
.sg-bar{flex:1;height:8px;background:#EEF0F8;border-radius:6px;overflow:hidden}
.sg-bar i{display:block;height:100%;background:#ff710c;border-radius:6px}
.sg-score{font-size:14px;color:#696D73;white-space:nowrap}
.sg-score b{font-weight:800;color:#141414}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gallery figure{margin:0}
.gallery img.shot{width:100%;height:210px;object-fit:cover;object-position:top;
border-radius:10px;border:1px solid #E0E6F3;display:block}
.gallery figcaption{color:#696D73;font-size:13px;margin-top:6px;text-align:center}
/* two-column layout */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;padding:26px 0 10px}
.content-main{min-width:0}
.sidebar{position:sticky;top:88px;display:flex;flex-direction:column;gap:18px}
.sidebar .card{margin:0;padding:18px 20px}
.sidebar .bonus-card.compact{padding-top:20px}
.sidebar .bonus-card .btn{margin-top:4px}
.sidebar .bonus-card small{display:block;margin-top:10px;line-height:1.5;color:#8A8F97}
.side-rating .sg-ratings{margin:6px 0 14px}
.side-rating .sg-row{margin:0 0 9px}
.side-rating .btn{margin-top:4px}
html{scroll-behavior:smooth}
.wp-block-group[id]{scroll-margin-top:90px}
/* ---- mobile tables: scroll INSIDE the table, never the page ---- */
.wp-block-table,figure.wp-block-table{overflow-x:auto;max-width:100%;
-webkit-overflow-scrolling:touch;margin:6px 0 14px}
.wp-block-table table{min-width:480px}
@media(max-width:620px){
  .wp-block-table table{font-size:13px;min-width:430px}
  .wp-block-table td,.wp-block-table th{padding:7px 9px}
  .content-main h2,.wp-block-heading{font-size:19px}
  .content-main p,.content-main li{font-size:14px}
  .wp-block-group.card{padding:16px 15px}
  .hero-main h1{font-size:24px}
  .hero-lede{font-size:14px}
  .fact-tiles{gap:9px}
  .fact-tile{padding:11px 12px}
  .ft-value{font-size:15px}
  .mid-cta{padding:18px 16px}
  .steps .step{gap:12px}
}
/* ---- typographic richness: the page should feel designed, not typed ---- */
.wp-block-group.card>h2:first-child,.wp-block-group.card>.wp-block-heading:first-child{
position:relative;padding-bottom:10px;margin-bottom:14px}
.wp-block-group.card>h2:first-child::after,
.wp-block-group.card>.wp-block-heading:first-child::after{content:"";position:absolute;
left:0;bottom:0;width:44px;height:3px;border-radius:3px;background:#ff710c}
/* lead paragraph: first paragraph of the first section reads bigger */
.content-main>.wp-block-group.card:first-of-type p:first-of-type,
.content-main .wp-block-group.card:nth-child(2) p:first-of-type{
font-size:16.5px;line-height:1.7;color:#2A2F36}
/* zebra rows keep long tables scannable */
.wp-block-table tbody tr:nth-child(even) td{background:#FAFBFE}
.wp-block-table tbody tr:hover td{background:#F4F5FB}
/* details accordion: subtle hover */
.wp-block-details:hover{border-color:#C9CEE0}
/* card headings inside get slight letter tightening for a set look */
.content-main h2,.content-main h3{letter-spacing:-.01em}
/* ---- content lists get real markers (the skin reset removed them) ---- */
.wp-block-group.card ul:not([class])>li,.wp-block-group.card ul.wp-block-list>li{
list-style:none;position:relative;padding-left:22px;margin:0 0 9px}
.wp-block-group.card ul:not([class])>li::before,
.wp-block-group.card ul.wp-block-list>li::before{content:"";position:absolute;left:3px;
top:.55em;width:7px;height:7px;border-radius:50%;background:#ff710c}
.wp-block-group.card ol:not([class])>li,.wp-block-group.card ol.wp-block-list>li{margin:0 0 9px}
/* ---- E-E-A-T visuals ---- */
.hero-byline{display:flex;align-items:center;gap:9px;margin:2px 0 10px}
.hero-byline img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:1.5px solid #E7D9D2}
.hero-byline .hb-t{font-size:13px;color:#3A3F47}
.hero-byline .hb-t b{color:#141414}
.disclosure-bar{display:flex;gap:10px;align-items:flex-start;background:#F7F8FC;
border:1px solid #E0E6F3;border-radius:10px;padding:10px 14px;margin:0 0 18px;
font-size:12.5px;line-height:1.55;color:#5A6069}
.disclosure-bar a{color:#ff710c}
.trust-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
gap:12px;margin:0 0 22px}
.trust-strip .ts{display:flex;gap:10px;align-items:flex-start;background:#fff;
border:1px solid #E0E6F3;border-radius:12px;padding:12px 14px}
.trust-strip .ts svg{flex:none;margin-top:1px}
.trust-strip .ts b{display:block;font-size:13px;color:#141414;margin-bottom:2px}
.trust-strip .ts span{font-size:12px;color:#8A8F97;line-height:1.45}
@media(max-width:620px){.trust-strip{grid-template-columns:1fr 1fr}}
/* sticky mobile CTA: only on mobile; back-to-top sits above it */
.sg-mcta{display:none}
@media(max-width:820px){.sg-mcta{display:flex !important}
  .content-main,.layout{padding-bottom:70px}}
/* ---- designed footer ---- */
.footer{background:#12151B;color:#C7CBD1;margin-top:40px;padding:0}
.footer .container{padding:34px 22px 20px}
.footer a{color:#C7CBD1;text-decoration:none}.footer a:hover{color:#fff}
.footer-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:30px;margin-bottom:22px}
.footer-heading{font-size:16px;font-weight:800;color:#fff;margin-bottom:10px}
.fabout{font-size:13px;line-height:1.6;color:#9AA0A8;margin:0;max-width:38ch}
.fcol-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#8A8F97;margin-bottom:10px}
.fmenu{list-style:none;padding:0;margin:0}.fmenu li{margin:0 0 8px}.fmenu a{font-size:13px}
.footer-info{border-top:1px solid #232833;padding-top:16px}
.footer-info p{font-size:12px;line-height:1.6;color:#8A8F97;margin:0}
.footer-info a{color:#9AA0A8;text-decoration:underline}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;
border-top:1px solid #232833;margin-top:16px;padding-top:16px;flex-wrap:wrap}
.footer-bottom .fplay{font-size:12px;color:#9AA0A8}
.footer-bottom .fcopy{font-size:12px;color:#6B7079;margin-left:auto}
.footer,.footer-cols,.fcol{text-align:left}
.fcol-brand .fabout{margin-left:0}
.final-verdict .btn,.final-verdict .btn:visited{color:#fff}
.disclosure-bar a{color:inherit;font-weight:700;text-decoration:none;border-bottom:1px solid #B9BFCB}
.disclosure-bar a:hover{border-bottom-color:#3A3F47}
/* ---- final verdict banner ---- */
.final-verdict{display:flex;align-items:center;gap:18px;
background:linear-gradient(135deg,#1E2129 0%,#2A2E39 100%);border-radius:16px;
padding:22px 24px;margin:22px 0;color:#fff;flex-wrap:wrap}
.final-verdict .fv-b{flex:1;min-width:180px}
.final-verdict .fv-h{font-size:20px;font-weight:800;color:#fff}
.final-verdict .fv-s{font-size:13px;color:#B9BDC4;margin-top:4px}
.final-verdict .btn{flex:none;white-space:nowrap}
/* ---- micro feedback: focus rings + pressed state ---- */
.content-main a:focus-visible,.btn:focus-visible,button:focus-visible{
outline:2px solid #ff710c;outline-offset:2px;border-radius:6px}
.btn:active{transform:translateY(1px)}
.sg-copied{background:#12B76A !important;color:#fff !important}
/* ---- mobile: the sidebar duplicates hero+sticky CTA+verdict, so drop it ---- */
@media(max-width:900px){
  .sidebar{display:none !important}
  .layout,.content-wrap{display:block !important}
  .content-main{width:100% !important;max-width:100% !important}
}
@media(max-width:620px){
  .footer-cols{grid-template-columns:1fr;gap:22px}
  .final-verdict{flex-direction:column;align-items:stretch;text-align:center}
  .final-verdict .btn{width:100%}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}
.side-h{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#696D73;margin-bottom:10px}
.bonus-card.compact .bonus-text{font-size:17px}
.bonus-card.compact .btn,.side-rating .btn{width:100%}
.side-rating .sg-overall{margin:2px 0 10px}
.sg-ratings.one-col{grid-template-columns:1fr;gap:9px}
.sg-ratings.one-col .sg-name{min-width:0;flex:1}
.toc-list{list-style:none;padding:0;margin:0}
.toc-list li{padding:7px 0;border-bottom:1px solid #EEF0F8}
.toc-list li:last-child{border-bottom:0}
.toc-list a{font-size:14px;font-weight:600}
/* pros / cons */
.side{display:grid;grid-template-columns:1fr 1fr;gap:22px 34px}
.side__item .heading{font-size:16px;font-weight:700;margin-bottom:10px}
.list-ok,.list-not{list-style:none;padding:0;margin:0}
.list-ok li,.list-not li{position:relative;padding-inline-start:28px;margin:8px 0;line-height:1.5}
.list-ok li::before,.list-not li::before{position:absolute;inset-inline-start:0;inset-block-start:3px;
width:18px;height:18px;border-radius:50%;display:inline-block;text-align:center;
line-height:18px;font-size:12px;font-weight:800;color:#fff}
.list-ok li::before{content:"✓";background:#12b76a}
.list-not li::before{content:"✕";background:#f04438}
/* faq accordion */
.faq__item{border:1px solid #E0E6F3;border-radius:10px;margin-bottom:10px;overflow:hidden}
.faq-heading{width:100%;background:#fff;border:none;cursor:pointer;padding:15px 18px;
justify-content:space-between;text-align:left;gap:12px}
.faq-heading .heading{font-size:16px;font-weight:600}
.faq-heading .svg{transition:transform .2s;flex:none;fill:currentColor}
.faq__item.open .faq-heading .svg,.faq-heading[aria-expanded="true"] .svg{transform:rotate(180deg)}
.faq .text{padding:0 18px;max-height:0;overflow:hidden;transition:max-height .25s,padding .25s}
.faq__item.open .text{padding:0 18px 16px;max-height:600px}
.faq .text p{margin:0 0 10px}
@media(max-width:980px){.layout{grid-template-columns:1fr}
.sidebar{position:static;flex-direction:column}}
@media(max-width:620px){.side{grid-template-columns:1fr}}

/* ---- native Gutenberg blocks styled to match the design ---- */
html,body{overflow-x:hidden}
*{max-width:100%}
body{font-size:15px}
.wp-block-group.card{background:#fff;border:1px solid #E0E6F3;border-radius:12px;
padding:22px 24px;margin:0 0 20px}
.wp-block-group.card>*:first-child{margin-top:0}
.wp-block-group.card>*:last-child{margin-bottom:0}
.content-main h1{font-size:30px;line-height:1.2}
.content-main h2,.wp-block-heading{font-size:21px;font-weight:700;line-height:1.3;margin:0 0 12px}
.content-main h3{font-size:17px;font-weight:700;margin:16px 0 8px}
.content-main p{font-size:15px;line-height:1.65;margin:0 0 12px}
.content-main ul,.content-main ol{margin:0 0 12px;padding-inline-start:20px}
.content-main li{margin:5px 0;line-height:1.55}
.wp-block-table{margin:6px 0 4px;overflow-x:auto}
.wp-block-table table{width:100%;border-collapse:collapse;font-size:14px}
.wp-block-table td,.wp-block-table th{border:1px solid #E0E6F3;padding:9px 12px;text-align:left}
.wp-block-table th{background:#F7F8FC;font-weight:700}
.wp-block-image img,.hero-shot img{border-radius:10px;border:1px solid #E0E6F3;display:block;width:100%;height:auto}
.wp-block-image.hero-shot img{max-height:260px;object-fit:cover;object-position:top}
/* native gallery -> equal-height cropped tiles */
.wp-block-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0}
.wp-block-gallery figure{margin:0}
.wp-block-gallery img{width:100%;height:200px;object-fit:cover;object-position:top;
border-radius:10px;border:1px solid #E0E6F3;display:block}
.wp-block-gallery figcaption{color:#696D73;font-size:13px;margin-top:6px;text-align:center}
/* native details -> tidy accordion */
.wp-block-details{border:1px solid #E0E6F3;border-radius:10px;margin-bottom:10px;padding:0 16px}
.wp-block-details summary{cursor:pointer;padding:14px 0;font-weight:600;font-size:15px;list-style:none}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details[open] summary{border-bottom:1px solid #EEF0F8}
.wp-block-details p{padding-top:4px}
/* ---- header logo + hero + offer box (block A) ---- */
.header .logo-img{max-height:38px;width:auto;display:block}
.header .logo-text{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#141414}
.header .logo-text::first-letter{color:#ff710c}
.hero{background:linear-gradient(180deg,#FDF1ED 0%,#ffffff 100%);padding:22px 0 34px}
.hero .breadcrumbs{gap:8px;color:#7A7F87;font-size:13px;margin:0 0 16px;flex-wrap:wrap}
.hero .breadcrumbs a{color:#7A7F87}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
.hero-main{min-width:0}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #E7D9D2;
border-radius:999px;padding:6px 14px;font-size:13px;margin:0 0 14px}
.hero-badge .hb-stars{color:#F5A623;letter-spacing:1px;font-size:15px}
.hero-badge .hb-score{font-weight:800;color:#141414}
.hero-badge .hb-label{color:#7A7F87}
.hero-main h1{font-size:36px;line-height:1.12;font-weight:800;letter-spacing:-.02em;color:#141414;margin:0 0 12px}
.hero-lede{max-width:60ch;color:#3A3F47;font-size:16px;line-height:1.6;margin:0 0 12px}
.hero-meta{color:#7A7F87;font-size:13px}
.hero-sigs{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 12px}
.hsig{display:inline-flex;align-items:center;gap:6px}
.hero-offer{background:#fff;border:1px solid #E7D9D2;border-radius:16px;padding:22px;
box-shadow:0 12px 30px rgba(69,61,213,.10);position:relative;overflow:hidden}
.hero-offer::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:#ff710c}
.ho-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#ff710c;margin:4px 0 8px;padding-right:120px}
.ho-headline{font-size:22px;font-weight:800;line-height:1.25;color:#141414;margin:0 0 14px}
.ho-code{display:flex;align-items:center;gap:10px;background:#F7F8FC;border:1px dashed #ff710c;
border-radius:10px;padding:9px 12px;font-size:14px;margin:0 0 14px}
.ho-code b{font-weight:800;letter-spacing:.5px}
.ho-code button{margin-left:auto;border:none;border-radius:7px;background:#141414;color:#fff;
padding:6px 12px;font-weight:700;cursor:pointer;font-size:13px}
.btn-xl{display:block;width:100%;text-align:center;font-size:16px;font-weight:800;padding:15px 18px;border-radius:12px}
.ho-fine{color:#8A8F97;font-size:12px;margin-top:10px;text-align:center}
.pulse{animation:sgpulse 2.2s infinite}
@keyframes sgpulse{0%{box-shadow:0 0 0 0 rgba(69,61,213,.45)}70%{box-shadow:0 0 0 12px rgba(69,61,213,0)}100%{box-shadow:0 0 0 0 rgba(69,61,213,0)}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}
.hero-main h1{font-size:28px}.hero-offer{order:-1}}
/* ---- block B: stars, chips, screenshots, motion ---- */
.stars{position:relative;display:inline-block;font-size:16px;line-height:1;height:16px;
width:calc(16px*5 + 8px);flex:none}
.stars::before{content:"★★★★★";position:absolute;left:0;top:0;
color:#D7DBE3;letter-spacing:2px}
.stars i{position:absolute;left:0;top:0;height:100%;overflow:hidden;white-space:nowrap}
.stars i::before{content:"★★★★★";color:#F5A623;letter-spacing:2px}
.sg-row{display:flex;align-items:center;gap:12px}
.sg-name{min-width:150px;font-size:14px;font-weight:600}
.sg-score{margin-left:auto;font-size:14px;color:#141414;font-weight:800}
.sg-ratings.one-col .sg-name{min-width:0;flex:1}
/* provider / payment chips from real data */
.chip-row{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;background:#F4F6FB;border:1px solid #E3E8F2;
border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:#3A3F47;
transition:transform .15s,border-color .15s}
.chip:hover{transform:translateY(-1px);border-color:#ff710c}
/* screenshots: centered, consistent aspect, subtle depth */
.wp-block-gallery{grid-template-columns:1fr 1fr;gap:16px}
.wp-block-gallery img{aspect-ratio:16/10;height:auto;object-fit:cover;object-position:center top;
box-shadow:0 6px 18px rgba(20,20,30,.10)}
.wp-block-image.hero-shot img{aspect-ratio:21/6;max-height:none;object-position:center}
/* motion: cards and buttons feel alive */
.wp-block-group.card{transition:box-shadow .2s,transform .2s}
.wp-block-group.card:hover{box-shadow:0 10px 26px rgba(20,20,30,.07)}
.btn{transition:transform .15s,filter .15s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.hero-offer{transition:box-shadow .25s}
.hero-offer:hover{box-shadow:0 18px 42px rgba(69,61,213,.16)}
@media(max-width:620px){.wp-block-gallery{grid-template-columns:1fr}}
/* ---- callout boxes: break up the text with tips / warnings / key facts ---- */
.callout{position:relative;border-radius:12px;padding:15px 18px 15px 52px;margin:18px 0;
border:1px solid;font-size:15px;line-height:1.6}
.callout::before{position:absolute;left:15px;top:15px;width:24px;height:24px;border-radius:50%;
display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;
color:#fff;line-height:1}
.callout p{margin:0 0 8px}.callout p:last-child{margin:0}
.callout-tip{background:#F0FBF4;border-color:#BFE9CF}
.callout-tip::before{content:"✓";background:#12B76A}
.callout-warning{background:#FFF7ED;border-color:#FCD9A8}
.callout-warning::before{content:"!";background:#F59E0B}
.callout-key{background:#FFF3EB;border-color:#D9D6F5}
.callout-key::before{content:"i";background:#ff710c;font-style:italic;font-family:Georgia,serif}
/* ---- fact tiles: scannable key numbers at the top of the review ---- */
.fact-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:0 0 22px}
.fact-tile{background:#fff;border:1px solid #E0E6F3;border-radius:12px;padding:14px 16px;
position:relative;overflow:hidden}
.fact-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ff710c}
.ft-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#8A8F97;margin-bottom:5px}
.ft-value{font-size:18px;font-weight:800;color:#141414;line-height:1.2}
@media(max-width:620px){.fact-tiles{grid-template-columns:1fr 1fr}}
/* ---- mid-page CTA banner ---- */
.mid-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;
background:linear-gradient(135deg,#ff710c 0%,#5a51e8 100%);border-radius:16px;
padding:22px 26px;margin:22px 0;color:#fff;flex-wrap:wrap}
.mid-cta .mc-h{font-size:20px;font-weight:800;line-height:1.25;color:#fff}
.mid-cta .mc-code{display:inline-block;margin-top:8px;font-size:14px;color:#EEE}
.mid-cta .mc-code b{background:rgba(255,255,255,.18);padding:2px 8px;border-radius:6px;letter-spacing:.5px}
.mid-cta .btn{background:#fff;color:#141414;flex:none;white-space:nowrap;width:auto}
.mid-cta .btn:hover{filter:brightness(.94)}
@media(max-width:620px){.mid-cta{flex-direction:column;align-items:stretch;text-align:center}
.mid-cta .btn{width:100%}}
/* ---- how-to step cards ---- */
.steps{display:flex;flex-direction:column;gap:0;margin:4px 0}
.step{display:flex;gap:16px;padding:0 0 20px 0;position:relative}
.step:not(:last-child)::before{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:#E7E9F2}
.step-n{flex:none;width:36px;height:36px;border-radius:50%;background:#ff710c;color:#fff;
font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;z-index:1}
.step-b{padding-top:4px}
.step-t{font-size:16px;font-weight:700;color:#141414;margin-bottom:4px}
.step-b p{margin:0;color:#3A3F47;line-height:1.6}
/* ---- comparison table: highlight the brand column ---- */
.content-main table td:nth-child(2),.content-main table th:nth-child(2){
background:#F4F3FF;font-weight:600}
.content-main table th:nth-child(2){color:#ff710c;font-weight:800}
.content-main .wp-block-table td:first-child,.content-main table td:first-child{font-weight:600}
/* ---- contrast guard: never let skin/WP defaults put light text on white ---- */
.content-main,.content-main p,.content-main li,.content-main td,.content-main h1,
.content-main h2,.content-main h3,.content-main h4,.wp-block-group,.card{color:#1B1F24}
.content-main a{color:#ff710c}
.content-main .ft-label,.chip,.hero-meta,.breadcrumbs,.breadcrumbs a{color:#6B7280}
/* WordPress "very light gray" text class would be invisible on white */
.has-very-light-gray-color,.has-white-color{color:#1B1F24 !important}
/* table headers must stay dark on their light background (brand column keeps its accent) */
.content-main th,.content-main table th,.wp-block-table th{color:#1B1F24}
.content-main table th:nth-child(2){color:#ff710c}
/* gallery captions: readable dark text under the image, not white overlay */
.wp-block-gallery figure.wp-block-image figcaption{position:static !important;
background:none !important;color:#6B7280 !important;text-shadow:none !important;
padding:6px 0 0 !important;font-size:13px;text-align:center;max-height:none !important;overflow:visible !important}
/* ---- list marker normalisation: beat the dev skin's sprite/counter rules ---- */
.content-main .list-ok li::before,.content-main .list-not li::before,
.wp-block-group .list-ok li::before,.wp-block-group .list-not li::before{
  content:"" !important;counter-increment:none !important;background-image:none !important;
  position:absolute;inset-inline-start:0;inset-block-start:2px;width:18px;height:18px;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:800;color:#fff;line-height:1}
.content-main .list-ok li::before,.wp-block-group .list-ok li::before{content:"✓" !important;background:#12b76a !important}
.content-main .list-not li::before,.wp-block-group .list-not li::before{content:"✕" !important;background:#f04438 !important}
.content-main .list-ok li,.content-main .list-not li,
.wp-block-group .list-ok li,.wp-block-group .list-not li{
  padding-inline-start:28px !important;position:relative;margin:0 0 10px !important;line-height:1.5}
/* native content lists (dev draws big offset sprite bullets) -> clean check dots */
.content-main ul:not([class]){list-style:none;padding-inline-start:2px;margin:0 0 14px}
.content-main ul:not([class]) li{position:relative;padding-inline-start:28px !important;margin:0 0 9px !important;line-height:1.6}
.content-main ul:not([class]) li::before{content:"✓" !important;counter-increment:none !important;
  background:none !important;background-image:none !important;
  position:absolute;inset-inline-start:0;inset-block-start:2px;
  width:18px;height:18px;border-radius:50%;background:var(--sg-accent,#ff710c) !important;
  color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}
/* numbered lists: keep the dev counter chip but align it to the first line */
.content-main ol:not([class]){counter-reset:sgnum;list-style:none;padding-inline-start:2px;margin:0 0 14px}
.content-main ol:not([class]) li{position:relative;padding-inline-start:40px !important;margin:0 0 14px !important;line-height:1.6}
.content-main ol:not([class]) li::before{counter-increment:sgnum;content:counter(sgnum) !important;
  position:absolute;inset-inline-start:0;inset-block-start:0;width:26px;height:26px;border-radius:50%;
  background:#F5A623;color:#fff;font-size:13px;font-weight:800;
  display:flex;align-items:center;justify-content:center;line-height:1}
@media(max-width:620px){.wp-block-gallery{grid-template-columns:1fr}
.content-main h1{font-size:25px}}
.icon-strip{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.icon-strip .ic{background:#fff;border:1px solid #E0E6F3;border-radius:10px;padding:8px 12px;
display:flex;align-items:center;justify-content:center;height:46px}
.icon-strip .ic img{max-height:26px;width:auto;display:block}
.hero-shot img{width:100%;border-radius:10px;border:1px solid #E0E6F3;display:block;margin:6px 0 4px}
@media(max-width:820px){.gallery{grid-template-columns:1fr}
.sg-ratings{grid-template-columns:1fr}
.sg-name{min-width:120px}}

/* ================= MOBILE HARD LAYER =================
   Loaded last, wins by order. Goal: horizontal overflow is structurally
   impossible on small screens, whatever any single component does. */
/* hamburger: markup ships in header.php; skin only styles the icon */
.hamburger{display:none;background:none;border:none;padding:12px;margin-inline-start:6px;flex:none}
@media(max-width:1100px){
  .hamburger{display:block}
  .navigation{z-index:60;overflow-y:auto}
  .navigation .menu{display:block}
  .navigation .menu__item{margin:0 0 4px}
  .navigation .menu-link{display:block;padding:12px 6px;font-size:16px;font-weight:600}
}
@media(max-width:900px){
  html,body{overflow-x:clip}
  .container{max-width:100vw;min-width:0}
  .content-main,.layout,.wp-block-group,.wp-block-group.card,.card,article{min-width:0;max-width:100%}
  .content-main h1,.content-main h2,.content-main h3,.content-main p,
  .content-main li,.content-main td,.content-main th,.hero-main h1,
  .ho-headline,.mc-h,.fv-h{overflow-wrap:break-word;word-break:break-word}
  .mid-cta .btn,.final-verdict .btn,.btn-xl{white-space:normal}
  .ho-label{padding-right:96px}
  img,video{max-width:100%;height:auto}
  .sg-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  .sg-scroll>table{width:100%;min-width:430px}
}
/* header on phones: logo left, visit button + burger right, nothing wraps off screen */
@media(max-width:620px){
  .header .container{gap:8px}
  .header .logo-text{font-size:18px}
  .header .container>.btn{padding:8px 12px;font-size:13px;white-space:nowrap}
  /* compact spacing: container 14px, cards 14px, tighter block rhythm */
  .container{padding:0 14px}
  .content-main{padding:14px 0 8px}
  .layout{padding:14px 0 8px;gap:0}
  .wp-block-group.card{padding:15px 14px;margin:0 0 14px;border-radius:10px}
  .card{margin-block-end:14px}
  .hero{padding:14px 0 20px}
  .hero-grid{gap:16px}
  .hero-offer{padding:16px 14px}
  .trust-strip{gap:9px;margin:0 0 16px}
  .trust-strip .ts{padding:10px 11px}
  .fact-tiles{margin:0 0 16px}
  .mid-cta{padding:16px 14px;margin:16px 0}
  .final-verdict{padding:16px 14px;margin:16px 0}
  .disclosure-bar{padding:9px 11px;margin:0 0 14px}
  .footer .container{padding:26px 14px 16px}
  /* mobile type scale: consistent, readable, no desktop leftovers */
  .content-main h1,.hero-main h1{font-size:24px;line-height:1.18}
  .content-main h2,.wp-block-heading{font-size:19px;line-height:1.28;margin:0 0 10px}
  .content-main h3{font-size:16px;margin:14px 0 7px}
  .content-main p,.content-main li{font-size:15px;line-height:1.6}
  .hero-lede{font-size:15px}
  .ho-headline{font-size:19px}
  .mid-cta .mc-h{font-size:17px}
  .callout{padding:13px 14px 13px 46px;font-size:14px}
  .callout::before{left:12px;top:13px}
  .steps .step{gap:11px}
  /* ensure no element overflows on mobile */
  .content-main{padding:12px 16px 10px}
  .layout{padding:16px 0 10px}
  .card{padding:14px 16px;margin-block-end:16px}
  .wp-block-table table{font-size:13px;min-width:320px}
  .wp-block-table td,.wp-block-table th{padding:6px 8px}
  /* prevent any fixed widths from pushing past viewport */
  img,iframe,.wp-block-image img,.hero-shot img{max-width:100%;height:auto}
}
.pay-icons{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 20px}.pi-cell{display:flex;flex-direction:column;align-items:center;gap:6px;width:74px;text-align:center}.pi-cell svg{background:#F5F6F8;border-radius:12px;padding:9px;box-sizing:border-box;width:48px;height:48px}.pi-label{font-size:11.5px;line-height:1.25;color:#5A6069;font-weight:600}@media(max-width:620px){.pi-cell{width:64px}.pi-cell svg{width:44px;height:44px}}body{font-family:system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;font-size:16px}h1,h2,h3,h4,.wp-block-heading,.hero-main h1,.ho-headline,.fv-h,.mc-h,.side-h,.footer-heading,.fcol-h{font-family:Georgia, 'Times New Roman', Times, serif}.container{max-width:1140px}.card{margin-block-end:22px;padding:18px}.content-main p,.content-main ul,.content-main ol,.content-main table{margin-block-end:14px}.card,.btn,.btn-xl,.callout,.fact-tile,.hero-offer,.mid-cta,.final-verdict,.side,.chip,.wp-block-image img,.gallery img.shot,.hero-shot img,.promo,.bonus-card{border-radius:16px}.card{background:#fff;border:0;border-left:3px solid #ff710c;box-shadow:none;border-radius:0 16px 16px 0}.content-main h2,.content-main .wp-block-heading{letter-spacing:-.021em;font-weight:800}.content-main ul,.content-main .wp-block-list{list-style:none;padding-inline-start:0}.content-main ul li,.content-main .wp-block-list li{position:relative;padding-inline-start:22px}.content-main ul li,.content-main .wp-block-list li::before{content:'✓';position:absolute;inset-inline-start:0;color:#ff710c;font-weight:700}.wp-block-table table td,.wp-block-table table th{border:0;border-block-end:1px solid #F0F2F5}.wp-block-table table thead th{border-block-end:2px solid #E3E6EC}.btn.accent,.btn-xl{background:#ff710c;color:#fff;border:0;box-shadow:0 4px 0 rgba(0,0,0,.22)}.hero-offer{background:#fff;background-image:none;color:#111;border:2px solid #ff710c}.hero-offer .ho-headline,.hero-offer .ho-label{color:#111}.callout{border:0;background:color-mix(in srgb,#ff710c 8%,#fff)}.chip{border-radius:3px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.layout>.content-main{min-width:0}.layout>.sidebar{position:sticky;top:16px;padding-block-start:56px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:26px;align-items:start}.hero-main{min-width:0}.header .flexbox{display:flex;align-items:center;gap:18px}.header .logo{margin-inline-end:auto}.breadcrumbs{display:none}@media(max-width:860px){.layout{display:block}.layout>.content-main,.layout>.sidebar{order:initial;max-width:100%;position:static;padding-block-start:0}.layout>.sidebar{margin-block-start:22px;display:block}.hero-grid{display:block;text-align:start}.hero-main{max-width:100%;margin-inline:0}.hero .hero-offer{display:block;margin:18px 0 0;max-width:100%}.hero-badge,.hero-byline{justify-content:flex-start}.header .flexbox{flex-wrap:wrap}.header .navigation{margin-inline:0}}@media(max-width:620px){body{font-size:16px}.card{padding:16px;margin-block-end:18px}.container{max-width:100%}.hero-offer{border-radius:14px}}