/* Homepage phone frame 211:114. Keep content in flow at every screen width. */
.hero__mobile-team { display: none; }
.home-token-actions { display: none; }
.home-rules-controls { display: none; }
.home-legend-photos { display: none; }
@media (max-width: 380px) {
  body.home-page .work-tabs.work-tabs { padding-inline: 5px; }
  body.home-page .work-tab { flex: 1 0 auto; padding-inline: 6px; font-size: 14px; }
}
/* Attach the decorations to the card edge instead of a fixed desktop x coordinate. */
body.home-page .process-card__shapes { left: auto; right: 0; width: 100px; }
body.home-page .process-card__shapes i { left: auto; margin-left: 0; }
body.home-page .process-card--1 .process-card__shapes i:nth-child(1) { left: auto; right: 0; }
body.home-page .process-card--2 .process-card__shapes i:nth-child(1) { left: auto; right: 31px; }
body.home-page .process-card--2 .process-card__shapes i:nth-child(2) { left: auto; right: 0; }
body.home-page .process-card--3 .process-card__shapes i:nth-child(1) { left: auto; right: 44px; }
body.home-page .process-card--3 .process-card__shapes i:nth-child(2) { left: auto; right: 29px; }
body.home-page .process-card--3 .process-card__shapes i:nth-child(3) { left: auto; right: -14px; }
body.home-page .process-card--4 .process-card__shapes i:nth-child(1) { left: auto; right: 51px; }
body.home-page .process-card--4 .process-card__shapes i:nth-child(2) { left: auto; right: 20px; }
body.home-page .process-card--4 .process-card__shapes i:nth-child(3) { left: auto; right: 0; }
body.home-page .process-card--4 .process-card__shapes i:nth-child(4) { left: auto; right: 0; }
@media (max-width: 900px) {
  body.home-page .process-card--2 .process-card__shapes i:nth-child(1) { right: 24px; }
  body.home-page .process-card--3 .process-card__shapes i:nth-child(1) { right: -5.1px; }
  body.home-page .process-card--3 .process-card__shapes i:nth-child(2) { right: 11.6px; }
  body.home-page .process-card--3 .process-card__shapes i:nth-child(3) { right: -33.4px; }
  body.home-page .process-card--4 .process-card__shapes i:nth-child(1) { right: 44px; }
  html:has(body.home-page) { scrollbar-width: none; }
  body.home-page { --page-gutter: 16px; }
  body.home-page .eyebrow { font-size: 14px; line-height: 26px; padding: 0 16px; height: 30px; min-height: 30px; }
  body.home-page .section-intro { display: flex; flex-direction: column; align-items: center; }
  body.home-page .section-intro > .eyebrow { margin: 0; }
  body.home-page .split-block__copy { display: flex; flex-direction: column; align-items: center; }
  body.home-page .section-intro h2,
  body.home-page .split-block__copy h2 { min-height: 24px; font-size: 32px; line-height: 32px; letter-spacing: 0; margin: 32px auto 0; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .section-intro > p:last-of-type:not(.eyebrow):not(.eyebrow):not(.eyebrow),
  body.home-page .split-block__copy > p:not(.eyebrow) { font-size: 16px; line-height: 24px; margin: 32px auto 0; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .split-block__copy { width: 100%; text-align: center; }
  body.home-page .button { min-width: 0; }
  body.home-page .hero { margin-top: -92px; padding: 152px 0 0; background-color: var(--paper); background-image: var(--noise),url("../img/hero-artwork.png"); background-size: auto,100% auto; background-position: 0 0,center 96px; background-repeat: repeat; }
  body.home-page .hero__grid { display: none; }
  body.home-page .hero .eyebrow { width: min(357px,100%); padding-inline: 8px; font-size: 14px; }
  body.home-page .hero__title { width: min(311px,100%); max-width: 311px; margin: 32px auto 0; font-size: 40px; line-height: 38.5px; letter-spacing: 0; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .hero__title span { display: contents; }
  body.home-page .hero__title em { display: inline; }
  body.home-page .hero__title span::after { content: none; }
  body.home-page .hero__copy { width: min(360px,100%); margin: 32px auto 0; font-size: 16px; line-height: 24px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .hero__actions { margin-top: 44px; gap: 24px; }
  body.home-page .hero__actions .button { width: 157px; max-width: calc(50% - 12px); padding-inline: 8px; font-size: 16px; }
  body.home-page .hero__actions .button--primary { width: 151px; }
  body.home-page .hero__actions .button--secondary { width: 159px; }
  body.home-page .hero.hero--team .hero__visual { width: min(382px,calc(100% - 32px)); max-width: none; margin: 24px auto 0; padding: 0; }
  body.home-page .hero.hero--team .hero__visual > picture { display: none; }
  body.home-page .hero__mobile-team { position: relative; display: block; width: 100%; aspect-ratio: 382 / 225; overflow: hidden; }
  body.home-page .hero__mobile-team > span { position: absolute; overflow: hidden; }
  body.home-page .hero.hero--team .hero__mobile-team img { position: absolute; max-width: none; aspect-ratio: auto; object-fit: fill; }
  .hero__mobile-team > span:nth-child(1) { left: 0; top: 41.778%; width: 24.084%; height: 58.222%; }
  body.home-page .hero.hero--team .hero__mobile-team > span:nth-child(1) img { left: -81.45%; top: -9.75%; width: 236.12%; height: 110.08%; }
  .hero__mobile-team > span:nth-child(2) { left: 70.942%; top: 43.556%; width: 29.058%; height: 55.556%; }
  body.home-page .hero.hero--team .hero__mobile-team > span:nth-child(2) img { left: .44%; top: -17.81%; width: 122.01%; height: 135.91%; }
  .hero__mobile-team > span:nth-child(3) { left: 53.403%; top: 26.667%; width: 42.408%; height: 72.889%; }
  body.home-page .hero.hero--team .hero__mobile-team > span:nth-child(3) img { left: -32.37%; top: -8.51%; width: 164.75%; height: 108.51%; }
  .hero__mobile-team > span:nth-child(4) { left: 7.33%; top: 30.222%; width: 40.314%; height: 69.333%; }
  body.home-page .hero.hero--team .hero__mobile-team > span:nth-child(4) img { left: -46.84%; top: -9.06%; width: 172.13%; height: 109.06%; }
  .hero__mobile-team > span:nth-child(5) { left: 14.921%; top: 0; width: 63.874%; height: 100%; }
  body.home-page .hero.hero--team .hero__mobile-team > span:nth-child(5) img { inset: 0; width: 100%; height: 100%; object-fit: cover; }
  body.home-page .service-rail { padding: 50px 0 80px; }
  body.home-page .service-rail__track { grid-template-columns: repeat(7,100px); gap: 10px; }
  body.home-page .service-card { width: 100px; gap: 16px; align-items: center; text-align: center; }
  body.home-page .service-card img { width: 100px; height: 100px; }
  body.home-page .service-card h3 { min-height: 38px; font-size: 16px; line-height: 20px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .service-rail__curves { top: -167px; clip-path: inset(167px 0 0); }
  body.home-page .partner-strip { height: 127px; min-height: 127px; }
  body.home-page .partner-strip__label h2 { width: 235px; font-size: 14px; line-height: 18px; }
  body.home-page .partner-strip__viewport { margin-top: 40px; }
  body.home-page .partner-strip__set { gap: 40px; justify-content: flex-start; padding-inline: 0; }
  body.home-page .partner-strip__set img { height: 20px; }
  body.home-page .services-showcase { padding: 80px 0 0; }
  body.home-page .services-showcase .section-intro h2 { max-width: 294px; }
  body.home-page .services-showcase .section-intro > p:not(.eyebrow) { max-width: 341px; }
  body.home-page .showcase-rail { margin-top: 40px; }
  body.home-page .showcase-card h3 { font-size: 24px; line-height: 24px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .showcase-card:first-child .showcase-card__arrow { opacity: 1; transform: none; }
  body.home-page .carousel-controls { height: 26px; min-height: 26px; margin-top: 40px; padding-inline: 16px; }
  body.home-page .carousel-arrow { width: 49px; height: 26px; }
  body.home-page .cost-comparison { padding: 80px 0 87px; }
  body.home-page .cost-comparison .section-intro h2 { max-width: 239px; }
  body.home-page .cost-comparison .section-intro h2 em { display: block; white-space: nowrap; }
  body.home-page .cost-comparison .section-intro > p:not(.eyebrow) { max-width: 352px; margin-top: 32px; }
  body.home-page .comparison-grid { margin-top: 40px; }
  body.home-page .comparison-card--idris { min-height: 700px; height: auto; padding: 70px 23px 24px; }
  body.home-page .comparison-card__brand-row img { margin-top: 16px; }
  /* Keep the client's approved placement inside the card. */
  body.home-page .comparison-card__brand-row span { top: 24px; left: 24px; transform: none; height: 30px; padding: 6px 12px; white-space: nowrap; }
  body.home-page .comparison-price--idris { margin-top: 40px; gap: 8px; }
  body.home-page .comparison-price strong { text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .comparison-price--idris span { margin-left: 0; }
  body.home-page .comparison-note { margin-top: 32px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .inclusion-list { margin-top: 32px; gap: 20px 16px; }
  body.home-page .saving-callout { margin-top: 40px; height: 87px; min-height: 87px; gap: 22px; }
  body.home-page .saving-callout p { text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .comparison-card__cta { position: relative; inset: auto; display: flex; width: calc(100% - 8px); margin: 41px 4px 4px; }
  body.home-page .comparison-card--traditional { height: auto; min-height: 617px; padding: 24px 23px; }
  body.home-page .comparison-card h3 { font-weight: 500; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .comparison-card--traditional .comparison-price { margin-top: 40px; }
  body.home-page .comparison-card--traditional .comparison-note { width: min(308px,100%); }
  body.home-page .cost-list { margin-top: 26px; }
  body.home-page .cost-list div:last-child { min-height: 38px; }
  body.home-page .cost-list dt, body.home-page .cost-list dd { font-size: 18px; }
  body.home-page .cost-list dt, body.home-page .cost-list dd { text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .work-gallery { padding: 60px 0 70px; }
  body.home-page .work-gallery .section-intro h2 { max-width: 337px; }
  body.home-page .work-gallery > .carousel-controls { display: none; }
  body.home-page .work-tabs { max-width: calc(100% - 32px); height: 58px; padding: 9px; margin-top: 40px; }
  body.home-page .work-tab { white-space: nowrap; }
  body.home-page .work-rail { margin-top: 40px; }
  body.home-page .trusted-strip { height: 280px; margin-top: -8px; }
  body.home-page .process-section .section-intro h2 { margin-top: 32px; }
  body.home-page .process-section .section-intro > p:not(.eyebrow) { margin-top: 32px; }
  body.home-page .process-section .section-intro > p:last-of-type:not(.eyebrow):not(.eyebrow) { margin-top: 32px; }
  body.home-page .process-grid { margin-top: 100px; }
  body.home-page .process-card__number, body.home-page .process-card h3, body.home-page .process-card p { text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .process-card h3 { margin-top: 63px; }
  body.home-page .process-card p { margin-top: 30px; }
  body.home-page .workflow-section--request { padding: 80px 0; }
  body.home-page .workflow-section--allocation { padding: 0 0 80px; }
  body.home-page .workflow-section .split-block { gap: 40px; padding-inline: 18px; }
  body.home-page .workflow-section .split-block__copy h2 { max-width: 299px; }
  body.home-page .workflow-section--allocation .split-block__copy h2 { max-width: 280px; }
  body.home-page .workflow-section--request .split-block__copy > p:not(.eyebrow) { max-width: 338px; }
  body.home-page .workflow-section--allocation .split-block__copy > p:not(.eyebrow) { max-width: 351px; }
  body.home-page .ui-panel { box-shadow: 0 18.918px 37.835px -27.194px rgba(28,24,34,.4); }
  body.home-page :is(.request-panel,.allocation-panel) { clip-path: inset(-50px -2px); }
  body.home-page .request-panel { width: 100%; padding: 0; min-height: 291px; border-radius: 8px; }
  body.home-page .request-panel .ui-panel__top { height: 30px; padding-inline: 11px; }
  body.home-page .ui-panel__top b, body.home-page .ui-panel__top > span { font-size: 6.6px; }
  body.home-page .status-pill { font-size: 6.2px; padding: 3px 6px; gap: 4px; }
  body.home-page .status-pill::before { width: 3px; height: 3px; }
  body.home-page .request-panel__body { padding: 14px 13px 17px; }
  body.home-page .request-panel h3 { font-size: 13px; line-height: 17px; }
  body.home-page .ui-meta { font-size: 7px; line-height: 11px; }
  body.home-page .request-panel blockquote { margin-top: 10px; padding: 9px; font-size: 9px; line-height: 13px; border-radius: 5px; }
  body.home-page .confirmed-cost { margin-top: 11px; padding: 10px; border-radius: 5px; }
  body.home-page .confirmed-cost span { font-size: 6.5px; }
  body.home-page .confirmed-cost strong { font-size: 17px; margin-top: 6px; gap: 5px; }
  body.home-page .confirmed-cost small { font-size: 8px; }
  body.home-page .request-panel .button { width: 82px; height: 23px; min-height: 23px; font-size: 9px; border-radius: 4px; }
  body.home-page .request-status { grid-template-columns: 1fr; gap: 9px; margin-top: 14px; }
  body.home-page .request-status li { height: 10px; font-size: 9px; line-height: 10px; gap: 8px; }
  body.home-page .request-status li::before { width: 10px; height: 10px; border-width: 1px; }
  body.home-page .allocation-panel { width: 100%; min-height: 217px; padding: 0; border-radius: 8px; }
  body.home-page .allocation-panel .ui-panel__top { height: 26px; padding-inline: 11px; }
  body.home-page .allocation-panel__body { padding: 13px; }
  body.home-page .allocation-bar { height: 7px; }
  body.home-page .allocation-summary { margin-top: 6px; font-size: 6.5px; line-height: 9px; }
  body.home-page .allocation-panel ul { margin-top: 12px; }
  body.home-page .allocation-panel li, body.home-page .allocation-panel li:first-child { height: 26px; gap: 9px; }
  body.home-page .allocation-panel li span { font-size: 8.6px; gap: 7px; }
  body.home-page .allocation-panel li span::before { width: 5.3px; height: 5.3px; }
  body.home-page .allocation-panel li b { font-size: 7.7px; }
  body.home-page .pricing-section { padding: 60px 0; background: #fff var(--noise); }
  body.home-page .pricing-section .section-intro h2 { max-width: 321px; }
  body.home-page .pricing-section .section-intro > p:not(.eyebrow) { max-width: 337px; }
  body.home-page .pricing-grid { gap: 0; margin-top: 40px; }
  body.home-page .pricing-card { min-height: 638px; padding: 24px 23px 100px; }
  body.home-page .pricing-card--featured { min-height: 694px; }
  body.home-page .pricing-card--featured { isolation: isolate; }
  body.home-page .pricing-card--featured::before { content: ""; position: absolute; z-index: -1; inset: 0 0 auto; height: 222px; pointer-events: none; background: linear-gradient(rgba(0,0,0,.1),transparent); mask-image: url("../img/hero-dots.png"); mask-size: 395px 222px; mask-repeat: repeat-x; }
  body.home-page .pricing-card h3 { font-size: 20px; line-height: 20px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .popular-label { top: 24px; right: 23px; font-size: 14px; }
  body.home-page .pricing-price { margin-top: 40px; }
  body.home-page .pricing-price strong { font-size: 40px; line-height: 40px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .pricing-card > .button { width: calc(100% - 8px); min-width: 0; margin: 36px 4px 4px; }
  body.home-page .pricing-card h4 { margin: 44px 0 22px; }
  body.home-page .pricing-card h4 ~ h4 { margin-top: 24px; }
  body.home-page .pricing-card ul { gap: 16px; }
  body.home-page .pricing-card li { max-width: 302px; line-height: 24px; }
  body.home-page .pricing-card footer { bottom: 24px; left: 23px; right: 23px; width: auto; }
  body.home-page .pricing-card--featured > p:not(.pricing-price) { max-width: 324px; margin-top: 32px; font-size: 18px; line-height: 26px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .pricing-card--featured > .button { margin-top: 32px; }
  body.home-page .team-section { padding: 80px 0; }
  body.home-page .team-section .section-intro h2 { max-width: 241px; }
  body.home-page .team-section .section-intro > p:not(.eyebrow) { max-width: 353px; }
  body.home-page .team-rail { margin-top: 40px; }
  body.home-page .team-track { gap: 10px; }
  body.home-page .team-card { width: 183px; min-height: 310px; }
  body.home-page .team-card > div { height: 230px; }
  body.home-page .team-card h3 { margin: 20px 8px 0; font-size: 20px; font-weight: 500; line-height: 24px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .team-card p { width: calc(100% - 10px); max-width: 173px; margin: 16px 2px 0 8px; font-size: 16px; line-height: 20px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .team-controls { height: 26px; margin-top: 40px; }
  body.home-page .team-cta { margin-top: 44px; }
  body.home-page .token-system { padding: 0 0 44px; }
  body.home-page .token-system .split-block { gap: 40px; padding-inline: 18px; }
  body.home-page .token-system .split-block__copy h2 { max-width: 100%; }
  body.home-page .token-system .split-block__copy > p:not(.eyebrow) { max-width: 344px; margin-top: 32px; }
  body.home-page .token-system .split-block__copy > p:not(.eyebrow) + p:not(.eyebrow) { margin-top: 24px; }
  body.home-page .token-system .split-block__copy .button { display: none; }
  body.home-page .token-scale { width: 100%; margin-top: 0; padding: 0 16px; border-radius: 7px; }
  body.home-page .token-scale div, body.home-page .token-scale div:last-child { min-height: 50.5px; gap: 12px; }
  body.home-page .token-scale strong { font-size: 17.55px; gap: 4px; }
  body.home-page .token-scale small { font-size: 8.1px; }
  body.home-page .token-scale span { font-size: 9.45px; }
  body.home-page .home-token-actions { display: flex; justify-content: center; margin-top: 44px; }
  body.home-page .home-token-actions .button { width: 185px; }
  body.home-page .token-menu { padding: 88px 0 84px; }
  body.home-page .token-menu .section-intro > p:not(.eyebrow) { max-width: 333px; }
  body.home-page .token-menu-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 40px; overflow: visible; }
  body.home-page .token-menu-card { width: auto; min-height: 322px; padding: 20px 19px; }
  body.home-page .token-menu-card h3 { min-height: 33px; font-size: 20px; line-height: 20px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .token-menu-card h3 br { display: none; }
  body.home-page .token-menu-card > p { min-height: 49px; margin-top: 18px; font-size: 14px; line-height: 20px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .token-menu-card dl { margin-top: auto; padding-top: 12px; }
  body.home-page .token-menu-card dl div { min-height: 42px; gap: 8px; }
  body.home-page .token-menu-card dt { font-size: 12px; line-height: 14px; overflow-wrap: anywhere; }
  body.home-page .token-menu-card dd { max-width: 43px; font-size: 12px; line-height: 12px; text-align: right; }
  body.home-page .token-menu__cta { margin-top: 44px; }
  body.home-page .topup-section { padding: 60px 0; background: #fff var(--noise); }
  body.home-page .topup-section .section-intro > p:not(.eyebrow) { max-width: 333px; }
  body.home-page .topup-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 16px; margin-top: 40px; overflow: visible; }
  body.home-page .topup-card { width: auto; min-height: 241px; padding: 24px 23px; }
  body.home-page .topup-card > p strong { font-size: 40px; line-height: 40px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .topup-card > p { height: 27px; }
  body.home-page .topup-card > div { margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(0,0,0,.1); }
  body.home-page .topup-card b { font-size: 24px; line-height: 24px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .topup-card div span { font-size: 16px; }
  body.home-page .topup-card > div { height: 37px; }
  body.home-page .topup-card .button { margin-top: 36px; border-radius: 4px; }
  body.home-page .topup-card::before { top: -6px; right: 30px; width: 18px; height: 18px; }
  body.home-page .topup-card::after { top: 12px; right: 0; width: 30px; height: 30px; }
  body.home-page .rules-section { padding: 80px 0; }
  body.home-page .home-rules-controls { display: flex; }
  body.home-page .rules-grid { gap: 10px; margin-top: 40px; }
  body.home-page .rule-card { width: 183px; min-height: 358px; padding: 40px 19px 20px; }
  body.home-page .rule-illustration { width: 128px; height: 88px; margin: 0 auto 32px; }
  body.home-page .rule-card small { font-size: 12px; line-height: 16px; margin-top: 0; }
  body.home-page .rule-card h3 { max-width: 122px; font-size: 20px; line-height: 20px; margin-top: 20px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .rule-card:nth-child(2) h3 { max-width: 73px; }
  body.home-page .rule-card > p:last-child { font-size: 14px; line-height: 22px; margin-top: 20px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .rule-card__number { width: 24px; height: 24px; font-size: 20px; line-height: 24px; }
  body.home-page .rule-illustration img { max-width: 128px; max-height: 88px; }
  body.home-page .legend-cta { height: auto; min-height: 0; padding: 140px 0 140px; }
  body.home-page .legend-cta .photo-collage { display: none; }
  body.home-page .home-legend-photos { position: absolute; z-index: 2; inset: 0; display: flex; flex-direction: column; justify-content: space-between; pointer-events: none; }
  body.home-page .home-legend-photos > div { display: flex; gap: 12px; padding-inline: 16px; overflow: hidden; }
  body.home-page .home-legend-photos img { width: 100px; height: 100px; flex: none; object-fit: cover; }
  body.home-page .legend-cta__content { position: relative; inset: auto; width: calc(100% - 32px); margin-inline: auto; padding: 0; transform: none; background: none; backdrop-filter: none; }
  body.home-page .legend-cta h2 { max-width: 266px; margin: 0 auto; font-size: 32px; line-height: 32px; letter-spacing: 0; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .legend-cta p { max-width: 355px; margin: 32px auto 0; font-size: 16px; line-height: 24px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .legend-cta .photo-collage { top: 0; height: 100%; padding: 0; }
  body.home-page .legend-cta .photo-collage__frame { display: flex; flex-direction: column; justify-content: space-between; padding-inline: 16px; }
  body.home-page .legend-cta .photo-collage__strip { display: flex; gap: 12px; overflow: hidden; }
  body.home-page .legend-cta .photo-collage__strip img { position: static; width: 100px; height: 100px; flex: none; }
  body.home-page .legend-cta .photo-collage__rest { display: none; }
  body.home-page .legend-cta__content > .legend-cta__actions { flex-direction: row; justify-content: center; margin-top: 44px; gap: 16px; }
  body.home-page .legend-cta__actions .button { width: 154px; max-width: calc(50% - 8px); font-size: 16px; padding-inline: 8px; }
  body.home-page .faq-section { margin-top: 0; padding: 80px 0; }
  body.home-page .faq-section .section-intro h2 { max-width: 208px; }
  body.home-page .faq-list { margin-top: 40px; }
  body.home-page .faq-list summary { min-height: 71.2px; padding: 24px 44px 24px 8px; font-size: 20px; font-weight: 400; line-height: 20px; }
  body.home-page .faq-list details:nth-child(5) summary { line-height: 18px; }
  body.home-page .faq-list details p { max-width: 350px; margin: 0 8px 24px; font-size: 16px; line-height: 24px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
  body.home-page .site-footer { margin-top: 0; }
}
@media (max-width: 374px) {
  body.home-page .hero .eyebrow { font-size: clamp(11px,3.38vw,12.6px); white-space: nowrap; }
  body.home-page .hero__actions .button { font-size: 14px; }
  body.home-page .hero__title { font-size: 36px; line-height: 36px; }
  body.home-page .token-menu-card { padding-inline: 12px; }
  body.home-page .token-menu-card h3 { font-size: 18px; }
  body.home-page .cost-list dt, body.home-page .cost-list dd { font-size: 15px; }
  body.home-page .popular-label { left: auto; right: 16px; font-size: 11px; padding-inline: 6px; }
  body.home-page .comparison-price--idris { column-gap: 6px; }
  body.home-page .comparison-price--idris span { font-size: 13px; }
  body.home-page .pricing-card footer { padding-inline: 12px; font-size: 14px; }
  body.home-page .pricing-card footer strong { font-size: 32px; }
}
@media (min-width: 601px) and (max-width: 900px) {
  body.home-page .hero__title { max-width: 500px; width: 500px; font-size: 48px; line-height: 48px; }
  body.home-page .hero__copy { max-width: 560px; width: 560px; }
  body.home-page .comparison-grid, body.home-page .pricing-grid, body.home-page .topup-grid { max-width: 620px; margin-inline: auto; }
  body.home-page .token-menu-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (min-width: 901px) and (max-width: 1250px) {
  body.home-page .rules-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  body.home-page .rule-card { min-width: 0; padding-inline: 20px; }
  body.home-page .rule-illustration img { max-width: 100%; }
  body.home-page .rule-card h3 { font-size: 26px; line-height: 28px; }
  body.home-page .service-rail__curves { max-width: 100%; margin-left: 0; transform: translateX(-50%); }
  body.home-page .process-card { height: auto; min-height: 330px; padding-inline: 16px; }
  body.home-page .process-card h3 { margin-top: 40px; font-size: 24px; line-height: 26px; }
  body.home-page .process-card p { max-width: 100%; margin-top: 24px; font-size: 16px; line-height: 24px; }
  body.home-page .split-block, body.home-page .token-system .split-block { width: 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px; padding-inline: var(--page-gutter); }
  body.home-page .pricing-grid { grid-template-columns: repeat(3,minmax(0,1fr)); padding-inline: var(--page-gutter); }
  body.home-page .pricing-card { padding-inline: 20px; }
  body.home-page .pricing-card > .button { width: 100%; min-width: 0; font-size: 16px; }
  body.home-page .pricing-card footer { left: 20px; right: 20px; width: auto; padding-inline: 12px; font-size: 14px; }
  body.home-page .pricing-price { flex-wrap: wrap; }
  body.home-page .pricing-price strong { font-size: clamp(36px,4.5vw,60px); }
  body.home-page .popular-label { top: 8px; right: 8px; font-size: 10px; height: 18px; }
  body.home-page .token-menu-card { padding-inline: 20px; }
  body.home-page .token-menu-card h3 { font-size: 26px; line-height: 28px; }
}

@media (max-width: 900px) {
  body.home-page .trusted-strip { margin-top: 0; padding-top: 0; }
  body.home-page .trusted-strip__label { margin-top: 0; }
}