:root{--ink:#122c54;--muted:#56657b;--paper:#f6f7fa;--line:#dce2ed;--blue:#214eea;--lime:#ddf969;--orange:#f16c39}
.revenue-site{background:var(--paper);color:var(--ink);font-family:Meiryo,"Yu Gothic",system-ui,sans-serif;line-height:1.8}.revenue-site header{max-width:none;background:white;padding:22px max(28px,calc((100vw - 1160px)/2));border-bottom:1px solid var(--line);gap:24px}.revenue-site header .logo{background:var(--blue);color:white}.revenue-site nav{gap:25px;font-size:12px}.revenue-site main{max-width:none}.revenue-site main>section{max-width:1220px;margin:auto}.revenue-site a:hover{text-decoration:none}.revenue-site a:focus-visible,.revenue-site button:focus-visible,.revenue-site input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.revenue-site .revenue-hero{max-width:none;background:var(--blue);color:white;padding:58px max(28px,calc((100vw - 1160px)/2)) 60px;display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center;background-image:radial-gradient(ellipse at 0 100%,#1538b8 0,transparent 62%)}.revenue-kicker{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--blue)}.revenue-hero .revenue-kicker{color:#d6e1ff;font-size:11px}.revenue-hero h1{font-size:clamp(36px,4.4vw,59px);font-weight:900;letter-spacing:-2.5px;line-height:1.45;margin:20px 0 23px}.revenue-hero h1 em{font-style:normal;color:var(--lime);font-size:1.12em}.revenue-hero-copy>p:not(.revenue-kicker){color:#e0e8ff;font-size:14px;line-height:2.1}.hero-path{display:flex;gap:14px;margin:28px 0;font-size:11px;font-weight:700}.hero-path i{font-style:normal;color:#abc1ff}.revenue-secondary{color:#e2ebff;font-size:11px;display:inline-block;border-bottom:1px solid #a8bcff;padding-bottom:4px}.decision-panel{background:white;color:var(--ink);border-radius:16px;padding:28px;box-shadow:0 16px 0 #1736b3;scroll-margin-top:25px}.panel-label{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--blue)}.decision-panel h2{font-size:24px;margin:6px 0 0;line-height:1.6}.decision-panel>p{font-size:11px;color:var(--muted);margin:6px 0 15px}.decision-options{display:grid;gap:9px}.decision-options label{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:12px 13px;cursor:pointer;background:#fbfcff}.decision-options label:has(input:checked){border-color:var(--blue);background:#eef2ff;box-shadow:inset 3px 0 var(--blue)}.decision-options input{width:16px;height:16px;margin:0;accent-color:var(--blue);flex-shrink:0}.decision-options b{font-size:13px;display:block}.decision-options small{font-size:10px;font-weight:400;color:var(--muted);display:block}.decision-options i{margin-left:auto;font-style:normal;font:800 18px system-ui;color:#b9c5df}.revenue-primary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--orange);color:white;padding:15px 19px;border-radius:7px;font-size:13px;font-weight:800;box-shadow:0 3px 0 #c74b1e}.revenue-primary:hover{background:#d95928}.decision-panel>.revenue-primary{margin-top:17px}.decision-panel>.fine{margin:14px 0 0;font-size:10px;text-align:center}.revenue-proof{background:#e9eefb;border-bottom:1px solid var(--line);padding:19px 24px;display:flex;align-items:center;justify-content:center;gap:24px;font-size:12px}.revenue-proof>b{margin-right:12px}.revenue-proof i{font-style:normal;color:#8b99b2}.revenue-proof strong{color:var(--blue)}
.revenue-section{padding:55px 30px}.revenue-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:27px}.revenue-heading h2{font-size:29px;line-height:1.6;letter-spacing:-1px;margin:8px 0 0;font-weight:900}.revenue-heading>p{font-size:12px;color:var(--muted);margin:0}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.route-card{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s}.route-card:hover{border-color:var(--blue)}.route-num{font:800 10px system-ui;letter-spacing:1px;color:var(--blue)}.route-symbol{position:absolute;right:20px;top:42px;font:700 62px/1 system-ui;color:#d9e3ff;transform:rotate(-8deg)}.route-card:nth-child(2) .route-symbol{color:#bedb5a}.route-card:nth-child(3) .route-symbol{color:#ffc4ab}.route-card h3{font-size:26px;font-weight:900;line-height:1.5;margin:24px 0 14px;position:relative}.route-card>p{font-size:12px;color:var(--muted);margin:0 0 24px}.route-card>b{font-size:12px;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;margin-top:auto}.editorial-disclosure{font-size:10px;color:var(--muted);line-height:1.9;margin-top:20px}.editorial-picks{background:#edf1f8;border-radius:12px}.read-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.read-grid>a{border-top:3px solid var(--blue);padding-top:18px}.read-grid span{font-size:10px;color:var(--blue);font-weight:bold}.read-grid h3{font-size:18px;margin:13px 0}.read-grid p{font-size:12px;color:var(--muted)}.read-grid b{font-size:11px;color:var(--blue)}.revenue-site #tools,.revenue-site #guides,.revenue-site #products{max-width:1220px;padding:55px 30px}.revenue-site .section-heading h2{font-size:29px;font-weight:900}.revenue-site .eyebrow{color:var(--blue)}.revenue-site .tool{border-radius:12px;border-top:3px solid var(--blue)}.revenue-site button{background:var(--blue);font-family:inherit;font-size:13px}.revenue-site output{background:#eef2ff;border-radius:5px}.revenue-site .guide-card{background:white;border-radius:10px}.revenue-site .guide-card:hover{background:#eef2ff}.revenue-site .tag{color:var(--blue)}.revenue-site .product-card{border-radius:10px}.revenue-site .product-cta{background:var(--blue);border-radius:5px}.revenue-site .rakuten-section{background:#e9eefb}.revenue-site footer{max-width:none;background:#122c54;color:white;padding:40px max(28px,calc((100vw - 1160px)/2))}.revenue-site footer .fine,.revenue-site footer small{color:#b9c8df}.mobile-only{display:none}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:18px 4px}.faq-list summary{font-size:14px;font-weight:700;cursor:pointer}.faq-list p{font-size:13px;line-height:1.9;color:var(--muted);max-width:850px}.policy-link{display:inline-block;color:var(--blue);font-size:12px;margin-top:24px}
.comparison-article{max-width:940px;margin:auto;padding:35px 30px 70px}.breadcrumb{font-size:10px;color:var(--muted);margin-bottom:24px}.breadcrumb a{color:var(--blue)}.comparison-article>h1{font-size:40px;line-height:1.5;letter-spacing:-1.5px;margin:14px 0 20px;font-weight:900}.article-lead{font-size:15px;color:var(--muted);line-height:2}.update-line{font-size:10px;color:var(--muted)}.comparison-article>section{padding:20px 0}.comparison-article h2{font-size:24px;font-weight:800;line-height:1.6;margin:18px 0}.comparison-article p{font-size:14px;line-height:2}.comparison-article .fine{font-size:11px}.comparison-article .editorial-disclosure{font-size:10px;padding:12px 16px;background:#e9eefb;border-radius:6px}.takeaway{border-left:4px solid var(--blue);background:white;padding:22px 25px;margin:28px 0}.takeaway>b{font-size:17px}.takeaway p{margin:8px 0 0}.toc{display:flex;flex-wrap:wrap;gap:12px!important;margin:25px 0;padding-bottom:20px;border-bottom:1px solid var(--line)}.toc a{font-size:11px;background:#e9eefb;padding:7px 12px;border-radius:5px;color:var(--blue)}.compare-table-wrap{max-width:100%;overflow-x:auto;background:white;border:1px solid var(--line);border-radius:8px}.compare-table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.8;min-width:600px}.compare-table th,.compare-table td{padding:15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.compare-table thead{background:#e9eefb}.compare-table th{font-weight:700}.compare-table a{color:var(--blue);text-decoration:underline}.service-offers{display:grid;gap:18px}.service-offer{background:white;border:1px solid var(--line);border-radius:10px;padding:25px;scroll-margin-top:20px}.fit-label{font-size:10px;color:var(--blue);background:#eef2ff;padding:5px 10px;border-radius:20px;display:inline-block}.offer-title h3{font-size:22px;margin-top:14px}.offer-price{font-weight:bold;font-size:16px!important;color:var(--blue);padding-bottom:13px;border-bottom:1px solid var(--line)}.official-cta{display:inline-block;background:var(--blue);color:white;border-radius:6px;padding:12px 19px;font-size:12px;font-weight:700;margin-top:8px}.offer-ad{border-top:1px solid var(--line);padding-top:16px;margin-top:14px}.ad-label{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.a8-material{max-width:100%;overflow-x:auto}.a8-material>a{font-size:13px;color:var(--blue);font-weight:700;text-decoration:underline}.a8-material img{max-width:100%;height:auto}.check-list{padding-left:22px;font-size:14px}.check-list li{padding:5px 0}.in-article-link{display:block;color:var(--blue);font-size:13px;background:#e9eefb;padding:14px;border-radius:5px;margin-top:22px}.source-list{border-top:1px solid var(--line);margin-top:25px}.source-list ul{padding-left:20px;font-size:12px}.source-list a{color:var(--blue);text-decoration:underline}.cost-comparison{background:#e9eefb;padding:25px!important;border-radius:10px;margin:25px 0}.contract-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contract-inputs label{font-size:11px}.contract-inputs .input-wrap{background:white}.cost-comparison button{margin:20px 0 15px;width:100%;border-radius:6px}.cost-comparison output{background:white;line-height:2;font-size:15px}.next-step{background:#e9eefb;border-radius:10px;padding:25px;margin:30px 0}.next-step h2{font-size:20px}.next-step .revenue-primary{display:inline-flex;font-size:12px}
@media(max-width:1000px){.revenue-site .revenue-hero{gap:35px}.revenue-hero h1{font-size:42px}.hero-path{gap:9px;font-size:10px}.decision-panel{padding:22px}.revenue-proof{gap:15px}.route-card{padding:20px}.route-card h3{font-size:23px}}
@media(max-width:760px){.revenue-site header{padding:17px 20px;gap:13px}.revenue-site header nav{width:100%;justify-content:space-between;gap:8px;font-size:10px}.revenue-site .revenue-hero{grid-template-columns:1fr;padding:28px 20px 40px;gap:26px}.revenue-hero h1{font-size:clamp(30px,7.3vw,45px);letter-spacing:-1.4px;margin:14px 0}.revenue-hero-copy>p:not(.revenue-kicker){font-size:12px;line-height:2}.hero-path{margin:19px 0;font-size:9px;gap:10px}.revenue-secondary{font-size:10px}.decision-panel{border-radius:11px;padding:22px;box-shadow:0 9px 0 #1736b3}.decision-panel h2{font-size:21px}.decision-options label{padding:11px 12px}.decision-options b{font-size:12px}.decision-options small{font-size:9px}.decision-panel>.fine{font-size:9px}.revenue-proof{flex-wrap:wrap;gap:9px;font-size:10px;padding:16px}.revenue-proof>b{width:100%;text-align:center;margin:0 0 3px;font-size:12px}.revenue-section{padding:36px 20px}.revenue-heading{display:block}.revenue-heading h2,.revenue-site .section-heading h2{font-size:25px}.revenue-heading>p{font-size:11px;margin-top:10px}.route-grid,.read-grid{grid-template-columns:1fr;gap:15px}.route-card{padding:23px}.route-card h3{font-size:24px;margin-top:17px}.route-card h3 br{display:none}.route-symbol{top:35px;font-size:52px}.route-card>p{font-size:11px;margin-bottom:17px}.editorial-picks{border-radius:0}.read-grid>a{padding-top:15px}.revenue-site #tools,.revenue-site #guides,.revenue-site #products{padding:36px 20px}.mobile-only{display:block}.comparison-article{padding:26px 20px 45px}.comparison-article>h1{font-size:29px;line-height:1.6;letter-spacing:-1px}.article-lead{font-size:13px!important}.comparison-article h2{font-size:21px}.comparison-article p{font-size:13px}.takeaway{padding:17px}.takeaway>b{font-size:15px}.service-offer{padding:21px}.offer-title h3{font-size:20px}.offer-price{font-size:14px!important}.contract-inputs{grid-template-columns:1fr}.cost-comparison{padding:20px!important}.cost-comparison output{font-size:13px}.next-step{padding:20px}.revenue-site footer{padding:30px 20px}.faq-list summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){.route-card{transition:none}}

/* Readable type scale across desktop and mobile, including supporting copy. */
.revenue-site{font-size:18px;--muted:#43536b}
.revenue-site nav,.revenue-site header nav{font-size:16px;gap:20px}
.revenue-site nav a{padding:5px 0}
.revenue-kicker,.revenue-hero .revenue-kicker,.panel-label,.route-num,.revenue-site .eyebrow,.revenue-site .tag,.revenue-site .tool-no,.read-grid span{font-size:14px}
.revenue-hero-copy>p:not(.revenue-kicker){font-size:19px;line-height:1.9;color:#fff}
.hero-path{font-size:15px;flex-wrap:wrap;gap:12px}
.revenue-secondary,.decision-panel>p,.decision-panel>.fine{font-size:16px;line-height:1.8}
.decision-panel h2{font-size:28px}
.decision-options b{font-size:18px;line-height:1.6}
.decision-options small{font-size:15px;line-height:1.7;color:#43536b}
.decision-options label{padding:15px 13px}
.decision-options input{width:20px;height:20px}
.revenue-primary,.next-step .revenue-primary{font-size:18px;line-height:1.6;min-height:54px}
.revenue-proof{font-size:16px;flex-wrap:wrap}
.revenue-proof>b{font-size:17px}
.revenue-heading>p,.route-card>p,.route-card>b,.read-grid p,.read-grid b,.policy-link{font-size:17px;line-height:1.9}
.editorial-disclosure,.comparison-article .editorial-disclosure{font-size:15px;line-height:1.9}
.read-grid h3{font-size:23px;line-height:1.7}
.revenue-site .fine,.revenue-site small,.revenue-site .product-card .fine{font-size:15px;line-height:1.9}
.revenue-site label,.revenue-site .input-wrap span{font-size:16px}
.revenue-site input{font-size:22px}
.revenue-site button{font-size:18px;min-height:48px;line-height:1.6}
.revenue-site .tool>a,.revenue-site .guide-card p,.revenue-site .arrow,.revenue-site .section-heading>p,.revenue-site .product-card p,.revenue-site .product-cta,.revenue-site .product-source{font-size:16px;line-height:1.9}
.revenue-site .guide-card h3,.revenue-site .product-card h3{font-size:22px}
.revenue-site footer p,.revenue-site footer div{font-size:16px;line-height:1.9}
.faq-list summary{font-size:18px;line-height:1.8}
.faq-list p{font-size:17px}
.breadcrumb,.update-line,.comparison-article .fine,.ad-label,.fit-label{font-size:15px}
.comparison-article p,.comparison-article .article-lead{font-size:18px!important;line-height:2}
.comparison-article h2{font-size:27px}
.takeaway>b{font-size:20px}
.toc a{font-size:16px;line-height:1.7}
.compare-table{font-size:17px;line-height:1.9}
.offer-title h3{font-size:25px}
.comparison-article .offer-price{font-size:21px!important}
.official-cta,.a8-material>a,.in-article-link,.check-list,.source-list ul{font-size:17px;line-height:1.9}
.contract-inputs label{font-size:16px}
.cost-comparison output{font-size:18px;line-height:1.9}
@media(max-width:760px){
  .revenue-site header nav{font-size:15px;gap:8px;flex-wrap:wrap}
  .revenue-hero-copy>p:not(.revenue-kicker){font-size:18px}
  .hero-path{font-size:14px}
  .decision-panel{padding:20px}
  .decision-panel h2{font-size:25px}
  .decision-options b{font-size:17px}
  .decision-options small,.decision-panel>.fine{font-size:15px}
  .revenue-proof{font-size:15px;gap:10px}
  .revenue-proof>b{font-size:17px}
  .revenue-heading>p,.route-card>p{font-size:17px}
  .comparison-article p,.comparison-article .article-lead{font-size:18px!important}
  .comparison-article .editorial-disclosure{font-size:15px!important}
  .comparison-article h2{font-size:25px}
  .takeaway>b{font-size:20px}
  .comparison-article .offer-price{font-size:20px!important}
  .cost-comparison output{font-size:18px}
  .faq-list summary{font-size:18px}
}
