.fr-home {
  --fr-blue:#1558ee;--fr-ink:#101f3e;--fr-muted:#455776;--fr-line:#dbe3f0;
  --fr-surface:#fff;--fr-soft:#eef4ff;--fr-bg:#fff;
  color:var(--fr-ink);background:var(--fr-bg);
}
.fr-editorial {--fr-blue:var(--odr-brand);--fr-ink:var(--odr-ink);--fr-muted:var(--odr-soft);--fr-line:var(--odr-rule);--fr-surface:var(--odr-card);--fr-soft:var(--odr-tint);--fr-bg:var(--odr-paper)}
@media(prefers-color-scheme:dark){
  .fr-official {--fr-blue:#92b9ff;--fr-ink:#eaf0ff;--fr-muted:#bfcce8;--fr-line:#35486d;--fr-surface:#172542;--fr-soft:#1a2b4e;--fr-bg:#101a30}
}
.fr-home h1,.fr-home h2,.fr-home h3,.fr-home h4 {color:var(--fr-ink)}
.fr-home h4 {margin:0 0 6px;font-size:1rem;line-height:1.25}
.fr-home h2 {font-size:clamp(1.65rem,3vw,2.65rem);margin:0 0 .45em}
.fr-home p {color:var(--fr-muted)}
.fr-home .fr-wrap {max-width:1200px;padding-inline:30px;margin-inline:auto}
.fr-home .fr-section,.fr-home .fr-hero {max-width:none;padding-inline:0;margin:0}
.fr-home .fr-section {padding-block:clamp(34px,5vw,72px);border-top:1px solid var(--fr-line)}
.fr-home .fr-heading {max-width:690px;margin:0 0 22px}
.fr-home .fr-heading p:last-child {margin-bottom:0}
.fr-home .fr-kicker {
  margin:0 0 8px;color:var(--fr-blue);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase
}
.fr-home .fr-link,.fr-home .fr-btn,.fr-home .fr-outline {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;color:var(--fr-blue);
  font-weight:740;line-height:1.25;text-decoration-thickness:1px
}
.fr-home .fr-btn,.fr-home .fr-outline {border-radius:999px;padding:9px 16px;text-decoration:none}
.fr-home .fr-btn {background:#1858ec;border:1px solid #1858ec;color:#fff}
.fr-home .fr-btn:hover {background:#1044c4;border-color:#1044c4}
.fr-home .fr-outline {background:var(--fr-surface);border:1px solid var(--fr-line);color:var(--fr-ink)}
.fr-home .fr-outline:hover {border-color:var(--fr-blue)}
.fr-home .fr-actions {display:flex;align-items:center;flex-wrap:wrap;gap:8px 13px;margin-top:13px}
.fr-home .fr-hero {padding-block:clamp(22px,4vw,62px)}
.fr-home .fr-hero-inner {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);align-items:center;gap:clamp(24px,5vw,74px)}
.fr-home .fr-hero h1 {font-size:clamp(2.1rem,4.3vw,4rem);line-height:1.03;margin:0 0 15px;letter-spacing:-.043em}
.fr-official .fr-hero h1 span {color:var(--fr-blue);display:block}
.fr-home .fr-hero p {max-width:52ch;margin-bottom:14px}
.fr-home .fr-hero form {max-width:580px;border:1px solid var(--fr-line);border-radius:10px}
.fr-home .fr-hero form input[type=search] {min-height:50px;padding-inline:13px}
.fr-home .fr-hero form button {min-height:50px;padding-inline:16px;background:#1858ec;color:#fff}
.fr-home .fr-platforms {
  display:flex;align-items:center;gap:6px 14px;margin:13px 0 0;padding:0;flex-wrap:wrap;list-style:none;color:var(--fr-muted);
  font-weight:700;font-size:.81rem
}
.fr-home .fr-platforms li {margin:0}
.fr-home .fr-platforms li+li::before {content:"";display:inline-block;width:4px;height:4px;margin:0 9px 2px 0;border-radius:50%;background:var(--fr-blue)}
.fr-official .fr-hero-proof {margin:0;overflow:hidden;border:1px solid var(--fr-line);border-radius:17px;background:var(--fr-surface)}
.fr-official .fr-hero-proof>img {aspect-ratio:1.78;width:100%;object-fit:cover;object-position:center 56%}
.fr-official .fr-hero-proof figcaption {display:flex;align-items:center;justify-content:space-between;gap:6px 15px;padding:8px 15px}
.fr-official .fr-hero-proof figcaption div {min-width:0}
.fr-official .fr-hero-proof figcaption div span {display:block;font-size:.79rem;color:var(--fr-muted)}
.fr-official .fr-hero-proof .fr-link {white-space:nowrap}
.fr-editorial .fr-hero-inner {grid-template-columns:minmax(0,1fr) minmax(0,.42fr);gap:28px}
.fr-editorial .fr-hero h1 {font-family:var(--odr-serif);font-weight:620}
.fr-editorial .fr-look {margin:0;padding:10px;border:1px solid var(--fr-line);background:var(--fr-soft);border-radius:9px}
.fr-editorial .fr-look figure {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:10px;align-items:end}
.fr-editorial .fr-look .fg-figure img {aspect-ratio:2/3;object-fit:contain;max-height:225px}
.fr-editorial .fr-look>.fr-link {font-size:.89rem;padding-inline:6px}
.fr-home .fr-rowhead {display:flex;justify-content:space-between;align-items:end;gap:8px 20px;margin-bottom:13px}
.fr-home .fr-rowhead .fr-heading {margin:0}
.fr-home .fr-categories {display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.fr-home .fr-categories li {margin:0;min-width:0}
.fr-home .fr-category {display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--fr-line);border-radius:12px;color:var(--fr-ink);background:var(--fr-surface);text-decoration:none}
.fr-home .fr-category:hover {border-color:var(--fr-blue)}
.fr-home .fr-category-image {display:grid;place-items:center;background:#fff;aspect-ratio:1.21;border-bottom:1px solid var(--fr-line)}
.fr-home .fr-category-image img {width:100%;height:100%;max-height:122px;object-fit:contain;aspect-ratio:1.21;padding:7px;background:#fff}
.fr-home .fr-card-text {display:grid;gap:5px;align-content:start;padding:9px;min-width:0}
.fr-home .fr-card-text strong {line-height:1.18;font-size:.91rem}
.fr-home .fr-card-tag {color:var(--fr-muted);font-size:.71rem;line-height:1.2}
.fr-editorial .fr-categories {grid-template-columns:repeat(4,minmax(0,1fr))}
.fr-editorial .fr-category {flex-direction:row-reverse;align-items:stretch;justify-content:space-between;border-radius:6px}
.fr-editorial .fr-category-image {flex:0 0 48%;border-bottom:0;border-left:1px solid var(--fr-line);aspect-ratio:1.18}
.fr-editorial .fr-category-image img {max-height:103px}
.fr-editorial .fr-card-text {align-content:center;padding:8px 11px}
.fr-home .fr-placeholder {color:#132543;padding:6px;font-size:.78rem}
.fr-home .fr-more {margin-top:10px}
.fr-home details summary {cursor:pointer;font-weight:750}
.fr-home .fr-more>summary,.fr-home .fr-watch>summary {padding:9px 0;min-height:42px;color:var(--fr-blue)}
.fr-home .fr-shelves {padding-block:clamp(25px,3vw,44px)}
.fr-home .fr-benefit-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fr-home .fr-benefit {display:flex;gap:12px;padding:17px;border:1px solid var(--fr-line);background:var(--fr-surface);border-radius:13px}
.fr-home .fr-number,.fr-home .fr-step-n {color:var(--fr-blue);font-weight:800;font-size:.75rem}
.fr-home .fr-benefit h3 {font-size:1.08rem;margin:0 0 6px}
.fr-home .fr-benefit p,.fr-home .fr-step-copy p {font-size:.94rem;line-height:1.45;margin:0}
.fr-home .fr-benefit .fr-link {min-height:34px;font-size:.85rem}
.fr-home .fr-social {display:flex;gap:3px 11px;flex-wrap:wrap}
.fr-editorial .fr-benefit-editorial {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:27px;align-items:start}
.fr-editorial .fr-benefit-editorial figure {margin:0;border:1px solid var(--fr-line);border-radius:8px;overflow:hidden}
.fr-editorial .fr-benefit-editorial figcaption {padding:10px 13px;font-size:.87rem}
.fr-editorial .fr-benefit {border:0;border-radius:0;border-top:1px solid var(--fr-line);padding:12px 0;background:transparent}
.fr-home .fr-services {margin-top:22px;background:var(--fr-soft);padding:16px 19px;border-radius:14px}
.fr-home .fr-services h3 {margin:0 0 13px}
.fr-home .fr-services ul {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:12px}
.fr-home .fr-services img {margin-bottom:9px}
.fr-home .fr-services li {margin:0;padding:9px;border-left:1px solid var(--fr-line)}
.fr-home .fr-services p {font-size:.9rem;margin:0;line-height:1.45}
.fr-official .fr-guide {background:var(--fr-soft)}
.fr-home .fr-phase-nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}
.fr-home [hidden] {display:none!important}
.fr-home .fr-phase-nav button {
  display:flex;align-items:center;justify-content:center;gap:9px;min-height:55px;
  border:1px solid var(--fr-line);border-radius:10px;background:var(--fr-surface);color:var(--fr-ink);cursor:pointer;font:inherit
}
.fr-home .fr-phase-nav button span {font-size:.74rem;color:var(--fr-blue);font-weight:800}
.fr-home .fr-phase-nav button[aria-selected=true] {border-color:var(--fr-blue);color:var(--fr-blue);box-shadow:inset 0 -3px var(--fr-blue)}
.fr-home .fr-phase>h3 {margin:5px 0 10px}
.fr-home .fr-steps-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;list-style:none;padding:0;margin:0}
.fr-home .fr-steps-grid li {margin:0;min-width:0;background:var(--fr-surface);border:1px solid var(--fr-line);border-radius:12px;overflow:hidden}
.fr-home .fr-step-image {display:block;background:#fff;border-bottom:1px solid var(--fr-line)}
.fr-home .fr-step-image img {aspect-ratio:1.55;object-fit:contain;width:100%;padding:4px}
.fr-home .fr-step-copy {padding:12px}
.fr-home .fr-step-copy h4 {margin-top:3px}
.fr-home .fr-watch {margin-block:13px 2px}
.fr-home .fr-video {max-width:700px;margin:6px 0}
.fr-home .fr-video video {display:block;width:100%;aspect-ratio:16/9;background:#102039;border-radius:12px;object-fit:contain}
.fr-editorial .fr-guide-editorial {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);align-items:start;gap:22px}
.fr-editorial .fr-phase-disclosure {border-top:1px solid var(--fr-line);padding:9px 0}
.fr-editorial .fr-phase-disclosure summary {min-height:42px;color:var(--fr-ink)}
.fr-editorial .fr-phase-disclosure summary span {color:var(--fr-blue);margin:0 7px;font-size:.75rem}
.fr-editorial .fr-steps-grid {grid-template-columns:minmax(0,1fr)}
.fr-editorial .fr-steps-grid li {border:0;border-radius:0;background:transparent}
.fr-editorial .fr-step-copy {padding:3px 0 3px 10px;border-left:2px solid var(--fr-line)}
.fr-home .fr-feature,.fr-home .fr-business-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:center;gap:clamp(18px,4vw,42px)}
.fr-home .fr-feature figure {margin:0}
.fr-home .fr-feature img {width:100%;aspect-ratio:1.7;object-fit:cover;border-radius:12px}
.fr-home .fr-feature-copy,.fr-home .fr-special-aside {padding:14px;border:1px solid var(--fr-line);border-radius:12px;background:var(--fr-surface)}
.fr-home .fr-special-aside a {display:flex;justify-content:start;width:fit-content}
.fr-official .fr-special {background:var(--fr-soft)}
.fr-home .fr-tiers {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fr-home .fr-tiers article {border:1px solid var(--fr-line);border-radius:12px;padding:15px;background:var(--fr-surface);border-top:3px solid #d09a29}
.fr-home .fr-tiers h3 {margin:0}
.fr-home .fr-cashback {font-size:clamp(1.5rem,3vw,2.4rem);font-weight:800;color:var(--fr-blue);margin:3px 0}
.fr-home .fr-cashback span {font-size:.9rem}
.fr-home .fr-premium-note {font-size:.92rem;margin:11px 0 0}
.fr-home .fr-next,.fr-home .fr-biz-links {list-style:none;margin:0;padding:0}
.fr-home .fr-next li {display:flex;gap:12px;margin:0 0 12px;padding-top:10px;border-top:1px solid var(--fr-line)}
.fr-home .fr-next li>span {color:var(--fr-blue);font-weight:800;font-size:.83rem}
.fr-home .fr-next h3,.fr-home .fr-next p {margin:0}
.fr-home .fr-business-grid {align-items:start}
.fr-home .fr-business-faq {border:1px solid var(--fr-line);padding:13px 15px;border-radius:12px;background:var(--fr-surface)}
.fr-home .fr-business-faq h3 {margin:0 0 6px}
.fr-home .fr-business-faq details {border-top:1px solid var(--fr-line);padding:9px 0}
.fr-home .fr-business-faq p {margin:6px 0 0}
.fr-home .fr-reads {display:flex;flex-wrap:wrap;gap:0 15px;border-top:1px solid var(--fr-line);margin-top:20px;padding-top:11px}
.fr-home .fr-reads h3 {width:100%;margin:0}
.fr-home .fg-help-grid {margin-top:15px}
@media(max-width:1060px){
  .fr-official .fr-categories {grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:720px){
  .fr-home .fr-wrap {padding-inline:17px}
  .fr-home .fr-hero-inner,.fr-editorial .fr-hero-inner,.fr-editorial .fr-benefit-editorial,.fr-editorial .fr-guide-editorial,
  .fr-home .fr-feature,.fr-home .fr-business-grid {grid-template-columns:minmax(0,1fr);gap:14px}
  .fr-home .fr-hero h1 {font-size:clamp(1.95rem,8.3vw,3.1rem);margin-bottom:8px}
  .fr-official .fr-hero h1 span {display:inline}
  .fr-home .fr-hero p {font-size:1rem;line-height:1.45;margin-bottom:10px}
  .fr-home .fr-hero-proof {display:grid;grid-template-columns:88px minmax(0,1fr)}
  .fr-official .fr-hero-proof>img {height:100%;aspect-ratio:auto;min-height:68px}
  .fr-official .fr-hero-proof figcaption {padding:5px 9px;font-size:.83rem}
  .fr-official .fr-hero-proof figcaption div span {font-size:.72rem}
  .fr-editorial .fr-look {display:flex;align-items:center;gap:6px 12px;justify-content:space-between}
  .fr-editorial .fr-look figure {grid-template-columns:34px minmax(0,1fr);gap:6px;align-items:center}
  .fr-editorial .fr-look .fg-figure img {max-height:50px}
  .fr-editorial .fr-look .fg-figure figcaption {font-size:.75rem;margin:0}
  .fr-editorial .fr-look>.fr-link {flex:0 0 85px;font-size:.75rem}
  .fr-home .fr-rowhead {align-items:start;flex-direction:column;gap:0}
  .fr-home .fr-category-image img {padding:5px}
  .fr-home .fr-card-text {padding:7px;gap:3px}
  .fr-home .fr-card-text strong {font-size:.83rem}
  .fr-editorial .fr-categories,.fr-home .fr-benefit-grid,.fr-home .fr-services ul {grid-template-columns:repeat(2,minmax(0,1fr))}
  .fr-home .fr-benefit {padding:9px;gap:6px}
  .fr-home .fr-benefit h3 {font-size:.98rem}
  .fr-home .fr-benefit p {font-size:.84rem}
  .fr-home .fr-phase-nav button {gap:4px;padding-inline:3px;font-size:.9rem}
  .fr-home .fr-phase-nav button img {width:19px;height:19px}
  .fr-official .fr-steps-grid {grid-template-columns:minmax(0,1fr)}
  .fr-home .fr-steps-grid li {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:center}
  .fr-editorial .fr-steps-grid li {display:block}
  .fr-home .fr-step-image {border-bottom:0}
  .fr-home .fr-step-copy {padding:8px}
  .fr-home .fr-tiers article {padding:8px;font-size:.79rem}
  .fr-home .fr-tiers {gap:6px}
  .fr-home .fr-tiers h3 {font-size:.94rem}
  .fr-home .fr-cashback span {display:block;font-size:.72rem}
}
@media(max-width:420px){
  .fr-official .fr-categories {grid-template-columns:repeat(2,minmax(0,1fr))}
  .fr-home .fr-category-image img {max-height:90px}
  .fr-editorial .fr-card-text strong {font-size:.79rem}
  .fr-home .fr-benefit-grid {grid-template-columns:minmax(0,1fr)}
  .fr-home .fr-hero form input[type=search] {font-size:.94rem}
}


.fr-home .fr-benefit-look {display:flex;align-items:center;gap:8px;margin:4px 0 0;font-size:.77rem;color:var(--fr-muted)}
.fr-home .fr-benefit-look img {height:49px;width:34px;object-fit:cover;border-radius:4px}
.fr-home .fr-watch summary span {color:var(--fr-muted);font-size:.86em}
@media(max-width:420px){
  .fr-home .fr-actions {gap:6px 9px}
  .fr-home .fr-hero .fr-btn,.fr-home .fr-hero .fr-outline {padding-inline:12px;font-size:.91rem}
  .fr-home .fr-phase-nav button {display:grid;grid-template-columns:15px 20px;justify-items:center;align-content:center;gap:2px 4px;padding-block:5px}
  .fr-home .fr-phase-nav button strong {grid-column:1/-1}
  .fr-official .fr-steps-grid li {display:block}
  .fr-official .fr-step-image {border-bottom:1px solid var(--fr-line)}
  .fr-official .fr-step-image img {max-height:190px}
  .fr-official .fr-step-copy {padding:10px 11px}
}
@media(max-width:360px){
  .fr-home .fr-hero h1 {font-size:1.7rem}
  .fr-home .fr-hero-proof {grid-template-columns:68px minmax(0,1fr)}
  .fr-home .fr-hero-proof figcaption {gap:5px;font-size:.76rem}
}
