/* ============================================================
   OnlyX design layer (ox.css)
   Loaded after the CMS stylesheet. Two scopes:
   1. Header + footer: every page ("html body" prefix).
   2. Page bodies: only pages switched to the new look, marked with
      <body class="ox">. Pages are converted two at a time, so the
      unconverted ones keep their old body styling until their turn.
   Direction: confident, discreet, precise. Deep ink navy + brand blue,
   figures set like an earnings statement (Roboto Mono, tabular digits),
   hairline rules, gradients only on primary buttons and the CTA band.
   ============================================================ */
:root{
  --ox-ink:#0A0F1E;
  --ox-ink-2:#3B4559;
  --ox-ink-3:#64748B;
  --ox-line:rgba(10,15,30,0.08);
  --ox-line-2:rgba(10,15,30,0.14);
  --ox-surface:#F6F8FB;
  --ox-blue:#1D6FF3;
  --ox-blue-ink:#1558D4;
  --ox-navy:#0B1630;
  --ox-good:#15803D;
  --ox-star:#F59E0B;
  --ox-ease:cubic-bezier(0.2,0,0,1);
  --ox-mono:'Roboto Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --ox-shadow-sm:0 1px 2px rgba(10,15,30,0.05);
  --ox-shadow-md:0 1px 2px rgba(10,15,30,0.04),0 12px 32px rgba(10,15,30,0.07);
  --ox-shadow-lg:0 2px 4px rgba(10,15,30,0.04),0 24px 64px rgba(10,15,30,0.12);
  --ox-btn-grad:linear-gradient(180deg,#3580F6 0%,#1D6FF3 55%,#1A66E4 100%);
  --ox-cta-grad:linear-gradient(135deg,#0A1226 0%,#0E1F4D 55%,#163B91 100%);
}
/* Figures and meta: the statement signature. The site font setting forces
   Roboto with !important on text tags, so mono opts in explicitly. */
html body .ox-mono,html body .ox-mono *{font-family:var(--ox-mono)!important;font-variant-numeric:tabular-nums;}

/* ================= 1. HEADER (every page) ================= */
html body .site-header{background:rgba(255,255,255,0.92);border-bottom:1px solid var(--ox-line);box-shadow:none;}
html body .site-header.scrolled{box-shadow:0 1px 0 var(--ox-line),0 8px 24px rgba(10,15,30,0.05);}
html body .site-header .nav-link{color:var(--ox-ink-2);font-weight:500;border-radius:8px;transition:color .15s var(--ox-ease),background-color .15s var(--ox-ease);}
html body .site-header .nav-link:hover{color:var(--ox-ink);background:rgba(10,15,30,0.04);}
html body .site-header .nav-link.active{color:var(--ox-ink);background:rgba(10,15,30,0.05);}
html body .site-header .dropdown{border:1px solid var(--ox-line-2);border-radius:12px;box-shadow:var(--ox-shadow-md);padding:6px;}
html body .site-header .dropdown li a{color:var(--ox-ink-2);border-radius:8px;transition:color .15s var(--ox-ease),background-color .15s var(--ox-ease);}
html body .site-header .dropdown li a:hover{color:var(--ox-ink);background:var(--ox-surface);}
html body .site-header .btn,html body .main-nav .btn{border-radius:10px;font-weight:500;letter-spacing:0;transform:none;transition:background-color .15s var(--ox-ease),border-color .15s var(--ox-ease),color .15s var(--ox-ease),box-shadow .15s var(--ox-ease);}
html body .site-header .btn-primary,html body .main-nav .btn-primary{background:var(--ox-btn-grad);border:1px solid #1A63DB;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.18),var(--ox-shadow-sm);}
html body .site-header .btn-primary:hover,html body .main-nav .btn-primary:hover{background:var(--ox-blue-ink);border-color:var(--ox-blue-ink);transform:none;box-shadow:var(--ox-shadow-sm);}
html body .site-header .btn-outline{background:#fff;color:var(--ox-ink);border:1px solid var(--ox-line-2);box-shadow:none;}
html body .site-header .btn-outline:hover{background:#fff;border-color:var(--ox-ink-3);color:var(--ox-ink);transform:none;}
html body .site-header .btn:focus-visible{outline:2px solid var(--ox-blue);outline-offset:2px;}

/* ================= 2. FOOTER (every page) ================= */
html body .site-footer{background:var(--ox-surface);border-top:1px solid var(--ox-line);color:var(--ox-ink-3);}
html body .site-footer .footer-brand p{color:var(--ox-ink-3);font-size:0.875rem;line-height:1.7;}
html body .site-footer .footer-col-title{font-family:inherit!important;font-size:0.875rem!important;font-weight:600!important;color:var(--ox-ink)!important;text-transform:none!important;letter-spacing:0!important;margin:0 0 16px!important;}
html body .site-footer .footer-col ul{gap:10px;}
html body .site-footer .footer-col ul li a{color:var(--ox-ink-3);font-size:0.875rem;transition:color .15s var(--ox-ease);}
html body .site-footer .footer-col ul li a:hover{color:var(--ox-ink);}
/* the current page's link is marked with an inline colour by the CMS */
html body .site-footer .footer-col ul li a[style]{color:var(--ox-ink)!important;font-weight:500!important;}
html body .site-footer .footer-achievements{gap:0;border-top:1px solid var(--ox-line-2);}
html body .site-footer .footer-achievements li{background:none;border:0;border-bottom:1px solid var(--ox-line);border-radius:0;padding:10px 0;gap:12px;}
html body .site-footer .footer-achievements .achv-num{font-family:var(--ox-mono)!important;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:500;color:var(--ox-ink);background:none;-webkit-text-fill-color:currentColor;min-width:64px;}
html body .site-footer .footer-achievements .achv-lbl{font-size:0.8125rem;color:var(--ox-ink-3);}
html body .site-footer .footer-calc-btn{background:var(--ox-ink);border-radius:10px;padding:12px 20px;font-weight:500;box-shadow:none;transition:background-color .15s var(--ox-ease);}
html body .site-footer .footer-calc-btn::before,html body .site-footer .footer-calc-btn::after{display:none;}
html body .site-footer .footer-calc-btn:hover{background:#1B2440;color:#fff;}
html body .site-footer .footer-countries{border-top:1px solid var(--ox-line);}
html body .site-footer .footer-countries-label{color:var(--ox-ink);font-weight:500;}
html body .site-footer .footer-countries-links a{color:var(--ox-ink-3);font-weight:400;}
html body .site-footer .footer-countries-links a:hover{color:var(--ox-ink);text-decoration:none;}
html body .site-footer .footer-bottom{border-top:1px solid var(--ox-line);}
html body .site-footer .footer-bottom p{color:var(--ox-ink-3);}
html body .site-footer .footer-bottom-links a{color:var(--ox-ink-3);}
html body .site-footer .footer-bottom-links a:hover{color:var(--ox-ink);}

/* ================= 3. PAGE BODIES (body.ox only) ================= */
body.ox{color:var(--ox-ink-2);}
body.ox > section{background:#fff;}
body.ox > section.bg-light{background:var(--ox-surface);}
body.ox .section-title{font-size:clamp(1.875rem,3.2vw,2.625rem);font-weight:500;letter-spacing:-0.025em;line-height:1.12;color:var(--ox-ink);}
body.ox .section-title span{color:inherit!important;background:none;-webkit-text-fill-color:currentColor;}
body.ox .section-sub{color:var(--ox-ink-3);font-size:1.0625rem;line-height:1.7;}
body.ox .section-label{display:inline-block;border:0;padding:0;background:none;color:var(--ox-blue-ink);font-size:0.8125rem;font-weight:500;letter-spacing:0;text-transform:none;}
body.ox .text-gradient,body.ox .accent-text{background:none;-webkit-text-fill-color:currentColor;color:var(--ox-blue-ink);}
body.ox a.card-link,body.ox .card-link{color:var(--ox-blue-ink);font-weight:500;}
body.ox .card-link:hover{color:var(--ox-ink);}

/* buttons */
body.ox .btn{border-radius:10px;font-weight:500;letter-spacing:0;text-transform:none;transform:none;transition:background-color .15s var(--ox-ease),border-color .15s var(--ox-ease),color .15s var(--ox-ease),box-shadow .15s var(--ox-ease);}
body.ox .btn-primary{background:var(--ox-btn-grad);border:1px solid #1A63DB;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,0.18),0 1px 2px rgba(10,15,30,0.08);}
body.ox .btn-primary:hover{background:var(--ox-blue-ink);border-color:var(--ox-blue-ink);color:#fff;transform:none;box-shadow:0 1px 2px rgba(10,15,30,0.08);}
body.ox .btn-outline{background:#fff;color:var(--ox-ink);border:1px solid var(--ox-line-2);box-shadow:none;}
body.ox .btn-outline:hover{background:#fff;border-color:var(--ox-ink-3);color:var(--ox-ink);transform:none;}
body.ox .btn:active{transform:scale(0.98);}
body.ox .btn:focus-visible,body.ox button:focus-visible,body.ox a:focus-visible{outline:2px solid var(--ox-blue);outline-offset:2px;}

/* The shared scroll-reveal starts cards at opacity 0; on converted pages
   they are simply visible so nothing ever looks like an empty box. */
body.ox .benefit-card,body.ox .tier-card,body.ox .service-card-v2,body.ox .platform-card,body.ox .result-card,body.ox .faq-item,body.ox .guar-card,body.ox .earning-slide,body.ox .tcard,body.ox .process-step{opacity:1!important;transform:none!important;}

/* Icons: one Lucide set (class ox-ic), 20px, 1.75 stroke, brand blue, each
   in a 40px soft-blue chip with a hairline edge. Same chip everywhere. */
body.ox .bcard-icon,body.ox .howit-icon,body.ox .guar-icon,body.ox .mission-card-icon,body.ox .trust-feat-icon{
  width:44px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:12px;background:linear-gradient(180deg,#F4F8FF 0%,#E9F1FF 100%);
  border:1px solid rgba(29,111,243,0.16);box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
  color:var(--ox-blue-ink);line-height:0;font-size:0;margin-bottom:16px;}
body.ox .ox-ic{width:22px;height:22px;display:block;}
body.ox .howit-top .howit-icon,body.ox .trust-feat .trust-feat-icon{margin-bottom:0;}
body.ox .guar-card .guar-icon,body.ox .mission-card--people .mission-card-icon{margin-left:auto;margin-right:auto;}

/* cards: one family, hairline + small neutral shadow, no lift */
body.ox .benefit-card,body.ox .guar-card,body.ox .howit-card,body.ox .result-card,body.ox .tcard,body.ox .mission-card,body.ox .blog-card{background:#fff;border:1px solid var(--ox-line-2);border-radius:16px;box-shadow:var(--ox-shadow-sm);transition:border-color .15s var(--ox-ease),box-shadow .15s var(--ox-ease);}
body.ox .benefit-card:hover,body.ox .guar-card:hover,body.ox .howit-card:hover,body.ox .result-card:hover,body.ox .tcard:hover,body.ox .mission-card:hover{transform:none!important;border-color:var(--ox-line-2);box-shadow:var(--ox-shadow-md);}
body.ox .blog-card:hover{transform:none;box-shadow:var(--ox-shadow-md);border-color:var(--ox-line-2);}
body.ox .benefit-card h3,body.ox .guar-card h3,body.ox .howit-card h3,body.ox .mission-card h3,body.ox .rc-title{font-size:1.0625rem;font-weight:500;letter-spacing:-0.005em;color:var(--ox-ink);}
body.ox .benefit-card p,body.ox .guar-card p,body.ox .howit-card p,body.ox .mission-card p,body.ox .rc-body{color:var(--ox-ink-2);font-size:0.9375rem;line-height:1.65;}
body.ox .benefits-grid,body.ox .guarantee-grid,body.ox .howit-grid{gap:16px;background:none;border:0;box-shadow:none;}
body.ox .benefits-grid .benefit-card{padding:28px 24px;}
body.ox .tier-list li{color:var(--ox-ink-2);}
body.ox .tier-list li::before{color:var(--ox-blue-ink);}
body.ox .solve-line{color:var(--ox-ink);font-weight:500;}

/* result cards: a ledger entry with the accent rule on the left */
body.ox .result-card{border-left:3px solid var(--ox-blue);border-radius:4px 12px 12px 4px;padding:20px 24px;}
body.ox .result-card::before{display:none;}

/* stats bar: one ruled ledger row, figures in mono */
body.ox .stats-bar{background:#fff;border-top:1px solid var(--ox-line);border-bottom:1px solid var(--ox-line);}
body.ox .stats-bar .stats-grid{gap:0;border-top:1px solid var(--ox-line-2);border-bottom:1px solid var(--ox-line-2);}
body.ox .stats-bar .stat-item{padding:28px 24px;border-right:1px solid var(--ox-line);text-align:left;}
body.ox .stats-bar .stat-item:last-child{border-right:0;}
body.ox .stat-num{font-family:var(--ox-mono)!important;font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:500;letter-spacing:-0.02em;color:var(--ox-ink);background:none;-webkit-text-fill-color:currentColor;line-height:1.1;}
body.ox .stats-bar .stat-item:first-child .stat-num{color:var(--ox-blue-ink);}
body.ox .stat-lbl{color:var(--ox-ink-3);font-size:0.875rem;}

/* comparison table */
body.ox .compare-table-wrap{border:1px solid var(--ox-line-2);border-radius:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--ox-shadow-sm);background:#fff;}
body.ox .compare-table{border-collapse:collapse;}
body.ox .compare-table thead th{background:var(--ox-surface);color:var(--ox-ink);font-weight:500;font-size:0.875rem;text-transform:none;letter-spacing:0;border-bottom:1px solid var(--ox-line-2);}
body.ox .compare-table tbody th{color:var(--ox-ink);font-weight:500;}
body.ox .compare-table td,body.ox .compare-table tbody th{border-bottom:1px solid var(--ox-line);color:var(--ox-ink-2);}
body.ox .compare-table tbody tr:last-child td,body.ox .compare-table tbody tr:last-child th{border-bottom:0;}
body.ox .compare-table .compare-highlight-col{background:rgba(29,111,243,0.05);color:var(--ox-ink);}
body.ox .compare-table thead .compare-highlight-col{background:var(--ox-ink);color:#fff;}
body.ox .compare-yes{color:var(--ox-ink);font-weight:500;}

/* testimonials */
body.ox .tcard{padding:24px;}
body.ox .tcard-av{background:var(--ox-ink);color:#fff;font-weight:500;box-shadow:none;}
body.ox .tcard-name{color:var(--ox-ink);font-weight:500;}
body.ox .tcard-role{color:var(--ox-ink-3);}
body.ox .tcard-verified{background:none;border:0;padding:0;color:var(--ox-good);font-size:0.8125rem;font-weight:500;}
body.ox .tcard-stars{color:var(--ox-star);letter-spacing:2px;}
body.ox .tcard-quote{color:var(--ox-ink-2);font-style:normal;font-size:0.9375rem;line-height:1.7;}
body.ox .tcard-quote::before,body.ox .tcard::before{color:var(--ox-line-2);}
body.ox .tcard-tag{background:none;border:0;border-top:1px solid var(--ox-line);border-radius:0;padding:12px 0 0;color:var(--ox-good);font-family:var(--ox-mono)!important;font-size:0.8125rem;font-weight:500;display:block;}

/* platforms strip */
body.ox .trust-bar{background:#fff;border-top:1px solid var(--ox-line);border-bottom:1px solid var(--ox-line);}
body.ox .trust-heading{font-size:0.9375rem;font-weight:500;color:var(--ox-ink-3);letter-spacing:0;text-transform:none;}
body.ox .trust-logo{color:#A3ACBA;font-weight:600;transition:color .15s var(--ox-ease);}
/* platforms strip: one still row (the loop copies stay in the markup, hidden) */
body.ox .trust-marquee-wrap{mask-image:none;-webkit-mask-image:none;}
body.ox .trust-marquee-track{animation:none;width:100%;justify-content:center;}
body.ox .trust-marquee-set[aria-hidden="true"]{display:none;}
body.ox .trust-marquee-set{flex-wrap:wrap;justify-content:center;}
body.ox .trust-logo:hover{color:var(--ox-ink);}

/* FAQ: ruled list */
body.ox .faq-list{border-top:1px solid var(--ox-line-2);}
body.ox .faq-item{border:0;border-bottom:1px solid var(--ox-line-2);border-radius:0;margin:0;background:none;box-shadow:none;}
body.ox .faq-item.open{background:none;border-color:var(--ox-line-2);}
body.ox .faq-q{padding:20px 0;font-size:1.0625rem;font-weight:500;color:var(--ox-ink);background:none;}
body.ox .faq-item.open .faq-q{color:var(--ox-ink);}
body.ox .faq-q:hover{color:var(--ox-blue-ink);background:none;}
body.ox .faq-icon{color:var(--ox-ink-3);}
body.ox .faq-a{color:var(--ox-ink-2);font-size:1rem;line-height:1.75;padding:0 32px 20px 0;}

/* lead form + CTA column */
body.ox .cta-left > p{color:var(--ox-ink-2);font-size:1.0625rem;line-height:1.75;}
body.ox .cta-stats-row{gap:40px;padding-top:20px;margin-top:28px;border-top:1px solid var(--ox-line-2);}
body.ox .cta-stat-num{font-family:var(--ox-mono)!important;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:500;color:var(--ox-ink);background:none;-webkit-text-fill-color:currentColor;}
body.ox .cta-stat-lbl{color:var(--ox-ink-3);font-size:0.8125rem;text-transform:none;letter-spacing:0;}
body.ox .contact-form-box{background:#fff;border:1px solid var(--ox-line-2);border-radius:16px;padding:28px;box-shadow:var(--ox-shadow-lg);}
body.ox .contact-form-box h3{font-size:1.25rem;font-weight:500;color:var(--ox-ink);}
body.ox .contact-form input,body.ox .contact-form textarea,body.ox .contact-form select{border:1px solid var(--ox-line-2);border-radius:8px;background:#fff;color:var(--ox-ink);box-shadow:none;transition:border-color .15s var(--ox-ease),box-shadow .15s var(--ox-ease);}
body.ox .contact-form input:focus,body.ox .contact-form textarea:focus,body.ox .contact-form select:focus{border-color:var(--ox-blue);outline:none;box-shadow:0 0 0 3px rgba(29,111,243,0.14);}
body.ox .contact-form input::placeholder,body.ox .contact-form textarea::placeholder{color:#8792A5;}

/* blog cards */
body.ox .blog-card{overflow:hidden;}
body.ox .blog-card-cat{background:none;border:0;padding:0;color:var(--ox-blue-ink);font-size:0.8125rem;font-weight:500;letter-spacing:0;text-transform:none;}
body.ox .blog-card-title{color:var(--ox-ink);font-weight:500;}
body.ox .blog-card-excerpt{color:var(--ox-ink-2);}
body.ox .blog-card-meta{color:var(--ox-ink-3);font-family:var(--ox-mono)!important;font-size:0.75rem;}

/* closing CTA band: the page's gradient moment */
body.ox > section.final-cta{background:var(--ox-cta-grad);color:#fff;border:0;position:relative;overflow:hidden;}
body.ox > section.final-cta::before,body.ox > section.final-cta::after,body.ox .fcta-glow{display:none;}
body.ox .final-cta-inner h2{color:#fff;font-size:clamp(1.875rem,3.4vw,2.75rem);font-weight:500;letter-spacing:-0.025em;}
body.ox .final-cta-inner h2 span{color:#fff!important;background:none;-webkit-text-fill-color:currentColor;}
body.ox .final-cta-inner > p{color:rgba(255,255,255,0.72);}
body.ox .final-cta .btn-primary{background:#fff;color:var(--ox-ink);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,0.2);}
body.ox .final-cta .btn-primary:hover{background:#E8EEF8;border-color:#E8EEF8;color:var(--ox-ink);}
body.ox .final-cta .btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,0.32);}
body.ox .final-cta .btn-outline:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.6);color:#fff;}
body.ox .fcta-subtle-link a{color:rgba(255,255,255,0.8);text-decoration:underline;text-underline-offset:3px;}
body.ox .fcta-subtle-link a:hover{color:#fff;}

/* ================= 4. HOMEPAGE ================= */
body.ox > section.hero{background:#fff;}
body.ox > section.hero::before,body.ox > section.hero::after{display:none;}
body.ox .hero-badge{display:inline-block;border:0;padding:0;margin-bottom:24px;background:none;box-shadow:none;color:var(--ox-ink-3);font-family:var(--ox-mono)!important;font-variant-numeric:tabular-nums;font-size:0.8125rem;font-weight:400;letter-spacing:0;text-transform:none;}
body.ox .hero-badge::before{content:'';display:inline-block;vertical-align:1px;margin-right:8px;width:8px;height:8px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 3px rgba(22,163,74,0.14);flex-shrink:0;}
body.ox .hero-headline{font-size:clamp(2.625rem,5vw,4rem);font-weight:600;letter-spacing:-0.035em;line-height:1.04;color:var(--ox-ink);}
body.ox .hero-sub{color:var(--ox-ink-2);font-size:1.125rem;line-height:1.7;}
body.ox .hero-btns{gap:12px;}
body.ox .hero-slider{border:1px solid var(--ox-line-2);border-radius:16px;box-shadow:var(--ox-shadow-lg);background:#fff;}
body.ox .hero-slider-titlebar{background:var(--ox-surface);border-bottom:1px solid var(--ox-line);}
body.ox .hero-slider-dots button,body.ox .hero-slider-dots span{background:var(--ox-line-2);box-shadow:none;}
body.ox .hero-slider-dots .active{background:var(--ox-ink);}
body.ox .about-visual-block{border-radius:16px;box-shadow:var(--ox-shadow-lg);border:1px solid var(--ox-line-2);overflow:hidden;background:#fff;}
body.ox .about-visual-block::before,body.ox .about-visual-block::after{display:none;}
body.ox .about-left > p{color:var(--ox-ink-3);}

/* ================= 5. ABOUT ================= */
body.ox .a-hero9{background:#fff;}
body.ox .a-hero9 h1{font-weight:600;letter-spacing:-0.035em;line-height:1.06;color:var(--ox-ink);}
body.ox .a-hero9 h1 span{color:var(--ox-blue-ink);}
body.ox .a-hero9 > .container > p{color:var(--ox-ink-2);font-size:1.125rem;}
/* the stats strip becomes one still, ruled row (the copy for the loop stays hidden) */
body.ox .a-hero9-marquee-wrap{background:var(--ox-surface);border-top:1px solid var(--ox-line);border-bottom:1px solid var(--ox-line);padding:20px 0;mask-image:none;-webkit-mask-image:none;}
body.ox .a-hero9-marquee-track{animation:none;width:100%;justify-content:center;}
body.ox .a-hero9-marquee-set[aria-hidden="true"]{display:none;}
body.ox .a-hero9-marquee-set{gap:0;flex-wrap:wrap;justify-content:center;flex-shrink:1;min-width:0;max-width:100%;}
body.ox .a-hero9-marquee-set span{font-family:var(--ox-mono)!important;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:500;color:var(--ox-ink);padding:4px 28px;border-right:1px solid var(--ox-line-2);}
body.ox .a-hero9-marquee-set span:last-child{border-right:0;}
body.ox .mission-section{background:var(--ox-surface);}
body.ox .mission-card{padding:28px;}
body.ox .mission-card::before{display:none;}
body.ox .mission-card-tag{color:var(--ox-blue-ink);font-weight:500;}
body.ox .a-stats6{background:#fff;}
body.ox .a-mesh-orb{display:none;}
body.ox .a-stats6-card{background:#fff;border:1px solid var(--ox-line-2);border-radius:16px;box-shadow:var(--ox-shadow-sm);padding:0;overflow:hidden;}
body.ox .a-stats6-grid{gap:0;}
body.ox .a-stats6-item{padding:28px 24px;border-right:1px solid var(--ox-line);text-align:left;}
body.ox .a-stats6-item:last-child{border-right:0;}
body.ox .a-stats6-num{font-family:var(--ox-mono)!important;font-variant-numeric:tabular-nums;font-size:2.125rem;font-weight:500;color:var(--ox-ink);background:none;-webkit-text-fill-color:currentColor;}
body.ox .a-stats6-item:nth-child(2) .a-stats6-num{color:var(--ox-blue-ink);}
body.ox .a-stats6-lbl{color:var(--ox-ink-3);font-size:0.875rem;}
body.ox .about-story-text h2,body.ox .trust-text h2{font-weight:500;letter-spacing:-0.025em;color:var(--ox-ink);}
body.ox .about-story-text h2 span,body.ox .trust-text h2 span{color:inherit;}
body.ox .about-story-text p,body.ox .trust-text p{color:var(--ox-ink-2);}
body.ox .story-check{color:var(--ox-ink);}
body.ox .story-check-icon{background:none;color:var(--ox-good);border:1px solid rgba(21,128,61,0.35);font-weight:600;}
body.ox .story-img-wrap img,body.ox .trust-img img{border-radius:16px;box-shadow:var(--ox-shadow-lg);}
body.ox .story-img-badge,body.ox .trust-img-overlay{background:#fff;color:var(--ox-ink);border:1px solid var(--ox-line-2);border-radius:12px;box-shadow:var(--ox-shadow-md);}
body.ox .story-img-badge-num,body.ox .trust-img-overlay-num{font-family:var(--ox-mono)!important;font-variant-numeric:tabular-nums;font-weight:500;color:var(--ox-ink);}
body.ox .story-img-badge-label,body.ox .trust-img-overlay-label{color:var(--ox-ink-3);opacity:1;}
body.ox .trust-feat-title{color:var(--ox-ink);font-weight:500;font-size:0.9375rem;}
body.ox .trust-feat-desc{color:var(--ox-ink-3);font-size:0.875rem;}
body.ox .earning-slide{border-radius:12px;border:1px solid var(--ox-line-2);box-shadow:var(--ox-shadow-sm);overflow:hidden;background:#fff;}
body.ox .slider-dots button,body.ox .slider-dots span{background:var(--ox-line-2);}
body.ox .slider-dots .active{background:var(--ox-ink);}
body.ox .about-cta{background:var(--ox-cta-grad);}
body.ox .about-cta::before{display:none;}
body.ox .about-cta h2{font-weight:500;letter-spacing:-0.025em;}
body.ox .about-cta h2 span{color:#fff;}
body.ox .about-cta p{color:rgba(255,255,255,0.72);}
body.ox .about-cta .btn-primary{background:#fff;color:var(--ox-ink);border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,0.2);}
body.ox .about-cta .btn-primary:hover{background:#E8EEF8;border-color:#E8EEF8;color:var(--ox-ink);}

/* ================= 5b. GENERAL PATTERNS (every converted page) =================
   Pages carry their own legacy styles with heavy weights, gradient text,
   uppercase eyebrows, gradient submit buttons and blobs. These rules bring
   them into the system without touching each page's layout. */
body.ox h1{font-weight:600;letter-spacing:-0.03em;}
body.ox h2,body.ox h3,body.ox h4{font-weight:500;letter-spacing:-0.015em;}
body.ox h2{letter-spacing:-0.025em;}
/* gradient-text words inside headings become solid brand blue */
body.ox :is(h1,h2,h3) span{background:none;-webkit-text-fill-color:currentColor;background-clip:border-box;-webkit-background-clip:border-box;}
/* :where() keeps this at the lowest priority, so any page rule (e.g. white words on a navy band) wins */
body.ox :where(h1,h2) > span:where(:first-child),body.ox :where(h1,h2) span:where([class*="accent"]),body.ox :where(h1) span{color:var(--ox-blue-ink);}
/* figures: statement mono, ink, no gradient */
body.ox [class*="stat-num"],body.ox [class*="stat-val"],body.ox [class*="stat-card-val"]{font-family:var(--ox-mono)!important;font-variant-numeric:tabular-nums;font-weight:500;color:var(--ox-ink);background:none;-webkit-text-fill-color:currentColor;letter-spacing:-0.01em;}
body.ox [class*="stat-lbl"],body.ox [class*="stat-label"],body.ox [class*="stat-sub"],body.ox [class*="stat-card-label"]{color:var(--ox-ink-3);text-transform:none;letter-spacing:0;}
/* eyebrows and small labels: sentence case, no tracking */
body.ox [class*="eyebrow"],body.ox [class*="hero-tag"]{text-transform:none;letter-spacing:0;font-weight:500;color:var(--ox-blue-ink);background:none;border:0;padding:0;}
/* decorative blobs */
body.ox [class*="-mesh"],body.ox [class*="mesh-orb"],body.ox [class*="-orb"],body.ox [class*="glow"]:not(.footer-calc-btn){display:none!important;}
body.ox > section[class*="hero"]::before,body.ox > section[class*="hero"]::after{display:none;}
/* hero chips (badges under the hero copy) */
body.ox [class$="-hero-badge"]{background:#fff;border:1px solid var(--ox-line-2);border-radius:999px;box-shadow:none;color:var(--ox-ink-2);font-weight:500;font-size:0.8125rem;text-transform:none;letter-spacing:0;display:inline-flex;align-items:center;gap:8px;}
body.ox .ox-ic-sm{width:16px;height:16px;flex-shrink:0;color:var(--ox-blue-ink);display:inline-block;vertical-align:-3px;}
body.ox .ox-ic-inline{width:16px;height:16px;vertical-align:-3px;margin-right:4px;color:currentColor;display:inline-block;}
/* every page form: same fields as the homepage */
body.ox form input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([name="website_url"]),body.ox form textarea,body.ox form select{border:1px solid var(--ox-line-2)!important;border-radius:8px;background:#fff!important;color:var(--ox-ink);box-shadow:none;transition:border-color .15s var(--ox-ease),box-shadow .15s var(--ox-ease);}
body.ox form input:focus,body.ox form textarea:focus,body.ox form select:focus{border-color:var(--ox-blue)!important;outline:none;box-shadow:0 0 0 3px rgba(29,111,243,0.14)!important;}
body.ox form input::placeholder,body.ox form textarea::placeholder{color:#8792A5;}
body.ox form button[type="submit"]{background:var(--ox-btn-grad)!important;border:1px solid #1A63DB!important;color:#fff!important;border-radius:10px;font-weight:500;letter-spacing:0;text-transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.18),0 1px 2px rgba(10,15,30,0.08)!important;transform:none!important;transition:background-color .15s var(--ox-ease);}
body.ox form button[type="submit"]:hover{background:var(--ox-blue-ink)!important;border-color:var(--ox-blue-ink)!important;}
/* form cards on every page */
body.ox [class$="form-card"],body.ox [class$="form-box"]{background:#fff;border:1px solid var(--ox-line-2);border-radius:16px;box-shadow:var(--ox-shadow-lg);}
body.ox [class$="form-card"] h3,body.ox [class$="form-box"] h3{font-weight:500;color:var(--ox-ink);}
body.ox [class$="form-card"] h3 span,body.ox [class$="form-box"] h3 span{color:var(--ox-blue-ink)!important;}
/* success state (replaces the party emoji) */
body.ox .ox-state{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
body.ox .ox-state-ok{background:#ECFDF3;color:var(--ox-good);border:1px solid rgba(21,128,61,0.2);}
body.ox .ox-state .ox-ic{width:28px;height:28px;}
body.ox [class*="form-success"]{background:#fff;border:1px solid rgba(21,128,61,0.25);border-radius:12px;}
/* generic chip for icons placed in inline-styled boxes */
body.ox .ox-chip{width:44px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(180deg,#F4F8FF 0%,#E9F1FF 100%);border:1px solid rgba(29,111,243,0.16);box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);color:var(--ox-blue-ink);flex-shrink:0;}
/* numbered/iconed process steps: solid navy disc, white icon, no glow */
body.ox [class$="process-dot"],body.ox [class$="approach-dot"]{background:linear-gradient(180deg,#16223F 0%,var(--ox-ink) 100%)!important;color:#fff;box-shadow:0 0 0 6px #fff,0 0 0 7px var(--ox-line-2)!important;font-weight:500;}
body.ox [class$="process-dot"] .ox-ic,body.ox [class$="approach-dot"] .ox-ic{color:#fff;width:24px;height:24px;}
body.ox [class$="process-dot"] svg *,body.ox [class$="approach-dot"] svg *{stroke:#fff!important;}
/* comparison tables with inline styles: neutral highlight */
body.ox table{font-variant-numeric:tabular-nums;}
/* proof visuals (earnings statements) */
body.ox [class$="results-visual"],body.ox [class$="proof-visual"],body.ox .stretch-visual{border-radius:16px;border:1px solid var(--ox-line-2);box-shadow:var(--ox-shadow-lg);overflow:hidden;background:#fff;}
/* related-guides strip (from functions.php) */
body.ox .related-guides{background:var(--ox-surface)!important;border-top:1px solid var(--ox-line)!important;}

/* ================= 5c. SERVICES ================= */
body.ox .srv-hero h1{color:var(--ox-ink);}
body.ox .srv-hero-badges{gap:8px;}
body.ox .tiers-grid{gap:16px;align-items:stretch;}
body.ox .tier-card{background:#fff;border:1px solid var(--ox-line-2);border-radius:16px;box-shadow:var(--ox-shadow-sm);transform:none!important;}
body.ox .tier-card:hover{box-shadow:var(--ox-shadow-md);border-color:var(--ox-line-2);transform:none!important;}
body.ox .tier-card .tier-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(180deg,#F4F8FF 0%,#E9F1FF 100%);border:1px solid rgba(29,111,243,0.16);color:var(--ox-blue-ink);}
body.ox .tier-badge{background:none!important;padding:0;border-radius:0;color:var(--ox-blue-ink)!important;font-weight:500;font-size:0.875rem;text-transform:none;letter-spacing:0;}
body.ox .tier-list li{color:var(--ox-ink-2);}
/* the featured tier is the page's moment: deep navy card */
body.ox .tier-card.featured{background:linear-gradient(160deg,#0E1A38 0%,var(--ox-ink) 100%);border:1px solid #23314F;box-shadow:var(--ox-shadow-lg);}
body.ox .tier-card.featured .tier-icon{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.14);color:#fff;}
body.ox .tier-card.featured .tier-badge{color:#9CC1FF!important;}
body.ox .tier-card.featured .tier-list li{color:rgba(255,255,255,0.78);}
body.ox .tier-card.featured .tier-list li::before{color:#9CC1FF;}
body.ox .tier-card.featured .btn-primary{background:#fff;color:var(--ox-ink);border-color:#fff;box-shadow:none;}
body.ox .tier-card.featured .btn-primary:hover{background:#E8EEF8;border-color:#E8EEF8;color:var(--ox-ink);}
body.ox .tier-popular{background:#fff!important;color:var(--ox-ink)!important;border:1px solid var(--ox-line-2);box-shadow:var(--ox-shadow-sm)!important;text-transform:none!important;letter-spacing:0!important;font-weight:500!important;font-size:0.75rem!important;}
body.ox .srv-cta,body.ox .income-cta{background:var(--ox-surface)!important;}
body.ox .srv-stat-card,body.ox .ofa-stat-card{background:#fff;border:1px solid var(--ox-line-2);border-radius:12px;box-shadow:none;}
body.ox .srv-modal-box{border-radius:16px;border:1px solid var(--ox-line-2);box-shadow:var(--ox-shadow-lg);}
body.ox .srv-modal-tag{background:#EEF4FF;color:var(--ox-blue-ink);border:1px solid rgba(29,111,243,0.16);text-transform:none;letter-spacing:0;}
body.ox .sv2-approach{background:#fff;}

/* ================= 5d. ONLYFANS AGENCY ================= */
body.ox .oa-hero{background:#fff;}
body.ox .oa-hero h1{color:var(--ox-ink);}
body.ox .oa-define-box{background:#fff;border:1px solid var(--ox-line-2);border-left:3px solid var(--ox-blue);border-radius:4px 16px 16px 4px;box-shadow:var(--ox-shadow-sm);}
body.ox .oa-define-box h2{font-size:1.375rem;}
body.ox .oa-ledger{background:var(--ox-surface);}
body.ox .oa-ledger-card{border:1px solid var(--ox-line-2);box-shadow:var(--ox-shadow-sm);transform:none!important;}
body.ox .oa-ledger-card:hover{box-shadow:var(--ox-shadow-md);transform:none!important;}
body.ox .oa-ledger-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(180deg,#F4F8FF 0%,#E9F1FF 100%);border:1px solid rgba(29,111,243,0.16);color:var(--ox-blue-ink);}
body.ox .oa-ledger-icon svg{width:22px;height:22px;}
body.ox .oa-process{background:#fff;}
body.ox .oa-process-step::after{background:var(--ox-line-2);}
body.ox .built{background:var(--ox-surface);}
body.ox .built-item{background:#fff;border:1px solid var(--ox-line-2);border-left:3px solid var(--ox-blue);border-radius:4px 12px 12px 4px;box-shadow:var(--ox-shadow-sm);}
body.ox .built-item:hover{background:#fff;box-shadow:var(--ox-shadow-md);}
body.ox .oa-compare,body.ox .oa-faq{background:var(--ox-surface);}
body.ox .oa-proof{background:#fff;}
body.ox .oa-geo-note a{color:var(--ox-blue-ink);font-weight:500;}
body.ox .oa-form-note{color:var(--ox-ink-3);display:flex;align-items:center;justify-content:center;gap:6px;}

/* ================= 5e. MANAGEMENT + MARKETING ================= */
body.ox .pg-hero,body.ox .ofa-hero{background:#fff;}
body.ox .pg-tag,body.ox .ofa-tag{background:#EEF4FF;color:var(--ox-blue-ink);border:1px solid rgba(29,111,243,0.16);font-weight:500;text-transform:none;letter-spacing:0;box-shadow:none;}
body.ox .pg-form{background:#fff;border:1px solid var(--ox-line-2);border-radius:16px;box-shadow:var(--ox-shadow-lg);}
body.ox .form-ok,body.ox .form-success{background:#fff;border:1px solid rgba(21,128,61,0.25);border-radius:12px;}
/* icon chips for this pair's containers */
body.ox .oma-control-icon,body.ox .sc-icon,body.ox .omaNew-case-icon,body.ox .oma-guar-icon,body.ox .helping-icon{
  width:44px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;
  background:linear-gradient(180deg,#F4F8FF 0%,#E9F1FF 100%);border:1px solid rgba(29,111,243,0.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);color:var(--ox-blue-ink);font-size:0;line-height:0;}
/* timeline step markers: navy discs, like the process steps */
body.ox .oma-day-num,body.ox .ofm-tl-num{background:linear-gradient(180deg,#16223F 0%,var(--ox-ink) 100%)!important;color:#fff;border:0;box-shadow:0 0 0 6px var(--ox-surface),0 0 0 7px var(--ox-line-2)!important;}
body.ox .oma-day-num .ox-ic,body.ox .ofm-tl-num .ox-ic{color:#fff;width:22px;height:22px;}
body.ox .oma-day-timeline::before,body.ox .ofm-timeline::before{background:var(--ox-line-2);opacity:1;}
body.ox .oma-day-body,body.ox .ofm-tl-body{background:#fff;border:1px solid var(--ox-line-2);border-radius:12px;box-shadow:var(--ox-shadow-sm);}
body.ox .oma-day-body:hover,body.ox .ofm-tl-body:hover{transform:none;box-shadow:var(--ox-shadow-md);}
body.ox .oma-day-stage-lbl,body.ox .ofm-tl-stage-lbl,body.ox .oma-case-niche,body.ox .ofm-svc-num-tag{text-transform:none;letter-spacing:0;font-weight:500;color:var(--ox-blue-ink);background:none;border:0;padding:0;}
/* cards in this pair: same family as everywhere else, no lift */
body.ox .sc,body.ox .omaNew-case-card,body.ox .oma-guar-card,body.ox .oma-control-card,body.ox .helping-card,body.ox .ofm-platform-card{background:#fff;border:1px solid var(--ox-line-2);border-radius:16px;box-shadow:var(--ox-shadow-sm);transform:none!important;}
body.ox .sc:hover,body.ox .omaNew-case-card:hover,body.ox .oma-guar-card:hover,body.ox .oma-control-card:hover,body.ox .helping-card:hover,body.ox .ofm-platform-card:hover{box-shadow:var(--ox-shadow-md);border-color:var(--ox-line-2);transform:none!important;}
body.ox .sc::before{display:none;}
body.ox .oma-case-bar-val{font-family:var(--ox-mono)!important;font-variant-numeric:tabular-nums;font-weight:500;color:var(--ox-ink-3);}
body.ox .oma-case-bar-val.up{color:var(--ox-good);}
body.ox .oma-tick{color:var(--ox-good);font-weight:600;}
body.ox .oma-addon{color:var(--ox-blue-ink);font-weight:500;}
/* small urgency/notice pills: quiet amber text, sentence case */
body.ox .oma-cta2-tag,body.ox .ofm-cta-urgency{background:#FFF7E6;color:#92400E;border:1px solid rgba(146,64,14,0.18);font-weight:500;text-transform:none;letter-spacing:0;}
body.ox .oma-cta2-formwrap::before{display:none;}

/* leftovers found by the render audit (general) */
body.ox [class$="sc-num"],body.ox [class*="-big-num"],body.ox [class$="-figure"]{font-family:var(--ox-mono)!important;font-variant-numeric:tabular-nums;font-weight:500;color:var(--ox-ink);background:none;-webkit-text-fill-color:currentColor;}
body.ox > section p a:not(.btn),body.ox > section li a:not(.btn){font-weight:500;}
body.ox th{font-weight:500;}

body.ox > section a[style*="font-weight:700"],body.ox > section a[style*="font-weight:800"]{font-weight:500!important;color:var(--ox-blue-ink)!important;}
body.ox .related-guides h2{font-weight:500!important;letter-spacing:-0.02em;}
body.ox .related-guides a{color:var(--ox-blue-ink)!important;font-weight:500!important;}

body.ox .ofm-platform-chip,body.ox .ofm-addon{font-weight:500;}
body.ox > section p[style*="font-weight:700"],body.ox > section p[style*="font-weight:800"]{font-weight:600!important;}

/* inline-styled table headers and headings */
body.ox th[style*="font-weight"]{font-weight:500!important;}
body.ox :is(h2,h3,h4)[style*="font-weight:7"],body.ox :is(h2,h3,h4)[style*="font-weight:8"],body.ox :is(h2,h3,h4)[style*="font-weight:9"]{font-weight:500!important;}

/* ================= 6. RESPONSIVE ================= */
@media (max-width:1024px){
  body.ox .stats-bar .stat-item,body.ox .a-stats6-item{border-right:0;border-bottom:1px solid var(--ox-line);}
}
@media (max-width:640px){
  body.ox .stat-num{font-size:2rem;}
  body.ox .a-stats6-num{font-size:1.75rem;}
  body.ox .a-hero9-marquee-set{row-gap:8px;}
  body.ox .a-hero9-marquee-set span{padding:2px 12px;font-size:0.8125rem;}
  body.ox .hero-badge{font-size:0.75rem;}
  body.ox .contact-form-box{padding:20px;}
  body.ox .faq-a{padding-right:0;}
}
@media (prefers-reduced-motion:reduce){html body *{transition:none!important;}}