@charset "UTF-8";

/* CatRise 2 — the celestial explorers. Editable without a build step. */
:root { font-family: "Segoe UI", Arial, sans-serif; --cr-border: #b6c7bc; --cr-gold: #e5b75f; }
html { scroll-behavior: smooth; scroll-padding-top: 100px; }
body { background: var(--cream); }
h1, h2, h3 { letter-spacing: -.035em; }
p { font-size: 1rem; line-height: 1.7; }
.eyebrow { font-size: .8125rem; letter-spacing: .13em; }
.cr-container { width: min(1400px, calc(100% - 80px)); margin-inline: auto; min-width: 0; }
.cr-section { padding: 88px 0; position: relative; overflow: clip; }
.cr-section h2 { font-size: clamp(2rem, 3.25vw, 3.2rem); line-height: 1.13; }
.cr-section-heading { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 64px; margin-bottom: 34px; }
.cr-section-heading h2 { margin-bottom: 0; max-width: 720px; }
.cr-section-heading > p { margin-bottom: 0; color: var(--muted); max-width: 540px; }
.cr-section-heading > .outline-button { justify-self: end; }
.button, .outline-button { border-radius: 10px; min-height: 50px; font-size: .9375rem; padding: 14px 23px; letter-spacing: .01em; }
.button { background: linear-gradient(130deg, #ff8351, #ed5d39); border-color: #ffb07866; box-shadow: inset 0 1px 0 #fff7, 0 7px 0 #80382814, 0 14px 28px #c9583024; }
.button:hover { filter: brightness(.9); transform: translateY(-2px); }
.outline-button { border-color: #71958b; }
.site-header { position: sticky; top: 0; padding: 17px max(40px, calc((100vw - 1400px) / 2)); min-height: 88px; background: #fff9eef5; backdrop-filter: blur(18px); box-shadow: 0 2px 20px #153f4310; z-index: 30; }
.site-header nav { gap: 23px; font-size: .9375rem; }
.site-header nav > a:not(.button) { padding-block: 12px; }
.site-header nav > a.selected { color: #bf4429; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; }
.topline { padding-inline: max(40px, calc((100vw - 1400px) / 2)); font-size: .8125rem; }
.language-form select { font-size: .8125rem; width: 146px; }
.language-submit { font-size: .8125rem; }

/* Full-width hero. Content width and outer spacing are deliberately independent. */
.cr-hero.hero { display: block; width: 100%; min-height: 0; max-height: none; height: auto; aspect-ratio: auto; padding: 55px 0 30px; isolation: isolate; overflow: hidden; background: #082f36; }
.cr-hero .hero-art { width: 73%; max-width: none; height: 100%; left: auto; right: 0; inset-block: 0; object-fit: cover; object-position: 60% 53%; transform: scale(1.025); }
.cr-hero:before { background: linear-gradient(90deg, #082f36 15%, #082f36f0 33%, #082f36a0 48%, #082f3612 73%), linear-gradient(0deg, #082f36f0 0%, transparent 30%); z-index: 1; }
.cr-hero:after { inset: 18px; border-color: #e5b75f45; border-radius: 14px; z-index: 2; }
.cr-hero-grid { position: relative; z-index: 3; display: grid; grid-template-columns: 53% 47%; min-height: 475px; align-items: center; }
.cr-hero .hero-copy { width: auto; max-width: 640px; min-width: 0; padding: 0 24px 20px 0; text-shadow: 0 3px 24px #062b35; }
.cr-kicker { color: #f2d292; font-size: .8125rem; font-weight: 700; letter-spacing: .09em; display: flex; align-items: center; gap: 13px; margin-bottom: 25px; }
.cr-kicker > span { display: grid; place-items: center; color: var(--gold); font-size: 1.4rem; width: 36px; height: 36px; border: 1px solid #d7b66777; border-radius: 50%; background: #e4bb6810; flex-shrink: 0; }
.cr-hero .hero-copy h1 { font-size: clamp(3rem, 4.5vw, 4.5rem); line-height: 1.08; letter-spacing: -.045em; margin-bottom: 24px; }
.cr-hero h1 > span { display: block; color: #f7d693; }
.cr-hero .hero-copy > .cr-hero-description { color: #e0ede6; font-size: 1.0625rem; line-height: 1.8; max-width: 545px; }
.cr-hero .hero-actions { gap: 13px; margin: 28px 0; }
.cr-hero .outline-button { border-color: #d3ba7a88; color: #fff5dd; background: #143c44aa; }
.cr-capital-seal { display: flex; align-items: center; gap: 13px; font-size: .9375rem; color: #e4f3e6; }
.cr-capital-seal > .icon { color: #91e3bf; width: 33px; height: 33px; }
.cr-capital-seal strong, .cr-capital-seal span { display: block; }
.cr-capital-seal span { color: #b4cec7; font-size: .875rem; margin-top: 5px; }
.cr-hero-stage { position: relative; align-self: stretch; min-width: 0; min-height: 470px; }
.cr-mobile-explorer { display: none; }
.cr-floating-card { position: absolute; border: 1px solid #e5b75f80; border-radius: 14px; background: linear-gradient(130deg, #133b42ed, #10323dcf); color: #fff6e3; backdrop-filter: blur(14px); box-shadow: 0 20px 45px #061d3844, inset 0 1px 0 #f6d99533; }
.cr-return-chip { left: 0; top: 18px; padding: 20px 23px; animation: cr-float 7s ease-in-out infinite; }
.cr-return-chip > span, .cr-return-chip > small { display: block; font-size: .875rem; color: #dbe9df; }
.cr-return-chip strong { color: #f6d38a; font-size: 2.35rem; display: block; margin: 7px 0; letter-spacing: -.03em; }
.cr-clock-chip { left: 9%; bottom: 70px; padding: 17px 21px; display: flex; gap: 15px; align-items: center; animation: cr-float 7s 1.5s ease-in-out infinite; }
.cr-clock-chip > .icon { color: #f5ce80; width: 36px; height: 36px; }
.cr-clock-chip span, .cr-clock-chip strong { display: block; font-size: .9375rem; }
.cr-clock-chip span { margin-bottom: 5px; color: #c6e0d5; }
.cr-stage-caption { position: absolute; right: 0; bottom: 14px; text-align: right; text-shadow: 0 2px 14px #062b35; }
.cr-stage-caption > span { display: block; font-size: .75rem; color: #e6c984; letter-spacing: .14em; margin-bottom: 9px; }
.cr-stage-caption > b { font-size: .875rem; color: #e1ede1; }
.cr-hero-facts { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #d6bc7866; border-radius: 14px; background: #082f36b5; backdrop-filter: blur(18px); margin-top: 24px; }
.cr-hero-facts > div { padding: 18px 26px; border-inline-end: 1px solid #cdae6340; }
.cr-hero-facts > div:last-child { border: 0; }
.cr-hero-facts span { color: #b8d1c5; display: block; font-size: .875rem; }
.cr-hero-facts strong { color: #fff5d9; display: block; font-size: 1.8rem; margin-top: 8px; font-variant-numeric: tabular-nums; }
.cr-hero-facts small { color: #d3ddcf; font-size: .875rem; font-weight: 500; }
.cr-hero-orbit { position: absolute; width: 580px; height: 580px; border: 1px dashed #e5b75f38; border-radius: 50%; left: -340px; top: -75px; z-index: 2; animation: cr-orbit 55s linear infinite; pointer-events: none; }
.cr-hero-orbit:before { content: ""; position: absolute; inset: 22px; border: 1px solid #e5b75f20; border-radius: 50%; }
.cr-wayfinder { background: #12454d; border-bottom: 1px solid #d5b46655; }
.cr-wayfinder > div { display: grid; grid-template-columns: repeat(4, 1fr); }
.cr-wayfinder a { text-align: center; color: #e9eee0; font-size: .9375rem; font-weight: 600; padding: 19px 14px; border-inline-end: 1px solid #d3bb6e35; transition: background .2s; }
.cr-wayfinder a:last-child { border: 0; }
.cr-wayfinder a:hover { background: #2b6263; text-decoration: none; color: #f8d18b; }

/* Live platform statistics. No decorative or fabricated financial values. */
.cr-community { padding: 31px 0 35px; background: #f3ebd9; border-bottom: 1px solid #e2d5b7; }
.cr-community-heading { display: flex; justify-content: space-between; gap: 25px; align-items: center; color: var(--muted); font-size: .875rem; }
.cr-community-heading > span:first-child { display: flex; align-items: center; gap: 12px; color: var(--ink); font-size: 1rem; font-weight: 700; }
.cr-community .stats-grid { margin: 20px 0 0; gap: 16px; }
.cr-community .stat-card { display: grid; grid-template-columns: 44px 1fr; gap: 5px 16px; padding: 19px 22px; border-color: #d8cda9; box-shadow: 0 5px 0 #c8b48322; background: #fffcf3; }
.cr-community .stat-card > .icon { grid-row: 1 / 3; align-self: center; margin: 0; width: 39px; height: 39px; padding: 7px; border: 1px solid #86a29555; border-radius: 12px; background: #e5f0e650; }
.cr-community .stat-card > span { margin: 0; font-size: .875rem; }
.cr-community .stat-card > strong { font-size: 1.55rem; letter-spacing: -.03em; }

/* Paired explorer dossiers, with individual geometry and colour accents. */
.cr-plans-section { background: radial-gradient(ellipse at 100% 50%, #fae4c052, transparent 50%), var(--cream); }
.cr-plan-notice { display: flex; align-items: center; gap: 17px; padding: 20px 24px; border: 1px solid #a6c7ae; border-radius: 13px; background: linear-gradient(120deg, #e8f5e6, #f2f7e9); margin: 0 0 29px; }
.cr-plan-notice > .icon { width: 35px; height: 35px; color: #2b7960; }
.cr-plan-notice p { margin: 0; font-size: .9375rem; color: #3e6452; }
.cr-plan-notice strong { display: block; color: #225444; font-size: 1.0625rem; margin-bottom: 4px; }
.cr-plan-grid.plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; }
.cr-plan-card.plan-card { display: grid; grid-template-columns: 38% 62%; border-radius: 21px; max-width: none; margin: 0; background: #fffdf5; border-color: #cbbb974d; box-shadow: 0 14px 42px #143e4312, 0 5px 0 #c1b38722; transition: transform .25s ease, box-shadow .25s ease; isolation: isolate; }
.cr-plan-card:hover { box-shadow: 0 28px 50px #143e4327, 0 0 0 1px var(--accent); }
.cr-plan-portrait { position: relative; min-width: 0; overflow: hidden; background: #103d45; border-inline-end: 1px solid #a08c5444; }
.cr-plan-portrait > img { width: 100%; height: 100%; object-fit: cover; object-position: 49% 46%; transition: transform .8s; }
.cr-plan-portrait:after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, #082c36f0, #082c3610 45%, #082c3640); pointer-events: none; }
.cr-plan-card:hover .cr-plan-portrait > img { transform: scale(1.055); }
.cr-explorer-number { position: absolute; top: 17px; left: 16px; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #f2d390aa; color: #fff8df; background: #092f36a6; border-radius: 12px; font-size: 1.0625rem; font-weight: 800; z-index: 2; }
.cr-portrait-name { position: absolute; bottom: 29px; left: 21px; right: 17px; z-index: 2; color: #fff1d2; }
.cr-portrait-name span { display: block; font-size: .75rem; letter-spacing: .12em; color: #dfc284; margin-bottom: 9px; }
.cr-portrait-name strong { font-size: clamp(1.7rem, 2.4vw, 2.5rem); line-height: 1.1; letter-spacing: -.04em; }
.cr-orbit-mark { position: absolute; border: 1px solid #efd59a80; border-radius: 50%; width: 140px; height: 140px; left: -70px; bottom: 90px; z-index: 2; box-shadow: 0 0 0 10px #f4d5840d, 0 0 0 11px #e5b75f55; }
.explorer-2 .cr-explorer-number { border-radius: 50%; }
.explorer-3 .cr-explorer-number { border-radius: 50% 50% 8px 8px; }
.explorer-4 .cr-explorer-number { border-radius: 8px 20px 8px 20px; }
.explorer-5 .cr-explorer-number { border-radius: 16px 6px 16px 6px; }
.explorer-6 .cr-explorer-number { border-radius: 50% 50% 50% 8px; }
.cr-plan-card .plan-content { padding: 23px; min-width: 0; }
.cr-plan-top { display: flex; align-items: center; justify-content: space-between; gap: 9px; margin-bottom: 13px; }
.cr-plan-top > span:first-child { font-size: .75rem; font-weight: 700; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; }
.cr-duration { display: flex; align-items: center; gap: 6px; background: #e8efe7; padding: 7px 9px; border-radius: 7px; font-size: .875rem; font-weight: 600; white-space: nowrap; }
.cr-duration > .icon { width: 17px; height: 17px; }
.cr-return { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.cr-return > strong { color: var(--accent); font-size: 3.55rem; font-weight: 800; line-height: 1; letter-spacing: -.055em; }
.cr-return > strong small { font-size: 1.5rem; color: inherit; letter-spacing: -.03em; }
.cr-return > span { color: var(--muted); font-size: .875rem; line-height: 1.5; }
.cr-return > span b { display: block; color: var(--ink); font-size: .8125rem; }
.cr-plan-range { background: #f2eee2; padding: 13px 15px; border: 1px solid #d9ccb477; border-radius: 9px; }
.cr-plan-range > span { display: block; color: var(--muted); font-size: .875rem; margin-bottom: 6px; }
.cr-plan-range > strong { display: block; font-size: 1.05rem; font-variant-numeric: tabular-nums; }
.cr-plan-range i { font-style: normal; font-weight: 400; margin-inline: 3px; color: #769389; }
.cr-plan-details { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 17px 0; }
.cr-plan-details span { color: var(--muted); font-size: .875rem; }
.cr-plan-details b { display: block; font-size: .9375rem; color: var(--ink); margin-top: 6px; }
.cr-hourly-example { padding-top: 15px; border-top: 1px solid #c4d2c1; display: grid; grid-template-columns: 1fr; gap: 7px; }
.cr-hourly-example > div > span { font-size: .875rem; color: var(--muted); display: block; margin-bottom: 5px; }
.cr-hourly-example > div > strong { font-size: 1.25rem; color: var(--accent); font-variant-numeric: tabular-nums; }
.cr-hourly-example > span { font-size: .875rem; color: var(--ink); font-weight: 600; }
.cr-hourly-example small { margin-inline-start: 7px; font-size: .8125rem; color: var(--muted); font-weight: normal; }
.cr-example-total { display: flex; justify-content: space-between; gap: 12px; margin-top: 12px; font-size: .8125rem; color: var(--muted); }
.cr-example-total strong { color: var(--ink); font-size: .9375rem; }
.cr-plan-capital { display: flex; align-items: center; gap: 7px; font-size: .875rem; color: #36725b; line-height: 1.4; margin: 15px 0 16px; }
.cr-plan-capital > .icon { width: 18px; height: 18px; }
.cr-plan-card .button { min-height: 46px; padding: 12px 15px; font-size: .875rem; }
.cr-plan-card.teal { --accent: #12767d; }.cr-plan-card.mint { --accent: #118b72; }
.cr-plan-card.blue { --accent: #356a96; }.cr-plan-card.gold { --accent: #a46f13; }.cr-plan-card.violet { --accent: #7d58a5; }

/* Calculator is a working surface, with the capital explanation always visible. */
.cr-calculator.calculator-panel { margin-top: 35px; padding: 33px; display: grid; grid-template-columns: 1.05fr .95fr 1.05fr; gap: 30px; border-radius: 21px; background: radial-gradient(ellipse at 10% 100%, #225d5c, transparent 60%), #0c3540; border-color: #d4b77c88; box-shadow: 0 14px 45px #082e3428; }
.cr-calculator h3 { font-size: 1.85rem; line-height: 1.18; }
.cr-calculator-intro > p:not(.eyebrow) { font-size: .9375rem; color: #c5e0d3; }
.cr-calc-emblem { display: flex; align-items: center; gap: 12px; color: #edd39a; font-size: .875rem; }
.cr-calc-emblem > .icon { width: 36px; height: 36px; }
.cr-calculator .calc-controls { display: block; align-self: center; position: relative; z-index: 1; }
.cr-calculator .calc-controls label { margin-bottom: 9px; font-size: .9375rem; }
.cr-calculator .calc-controls input, .cr-calculator .calc-controls select { margin-bottom: 18px; background: #1b4f57; border-color: #649386; font-size: 1rem; min-height: 52px; }
.cr-calc-range { color: #b9d5c6; font-size: .875rem; line-height: 1.8; }
.cr-calc-range > b { display: block; color: #f5e0ab; font-weight: 600; }
.cr-calculator .calc-error { margin-top: 8px; font-size: .875rem; }
.cr-calculator .calc-results { grid-template-columns: 1fr; gap: 15px; align-content: center; background: #051f2c66; border: 1px solid #d5b77e55; border-radius: 14px; padding: 21px; }
.cr-calculator .calc-results > span { flex-direction: row; font-size: .875rem; }
.cr-calculator .calc-results strong { font-size: 1.16rem; }
.cr-calculator .calc-results .cr-calc-primary { flex-direction: column; align-items: flex-start; border-bottom: 1px solid #9aaf8655; padding-bottom: 19px; margin-bottom: 3px; gap: 8px; }
.cr-calculator .cr-calc-primary > strong { font-size: clamp(1.65rem, 2.2vw, 2.05rem); }
.cr-calculator .cr-calc-primary > small { font-size: .875rem; color: #bad3c4; }
.cr-calculator .calc-footnote { display: flex; align-items: center; gap: 12px; color: #d0e5d8; font-size: .875rem; grid-column: 1 / -1; }
.cr-calculator .calc-footnote > .icon { color: #e4bd69; }

/* The account journey is an illustrated timeline rather than empty cards. */
.cr-journey { background: #eee8d8; border-block: 1px solid #d8caab; }
.cr-journey-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.cr-journey-art h2 { max-width: 610px; margin-bottom: 20px; }
.cr-journey-art p:not(.eyebrow) { max-width: 520px; color: var(--muted); }
.cr-journey-portrait { width: 100%; height: 290px; position: relative; margin-top: 32px; border-radius: 50% 50% 14px 14px / 18% 18% 14px 14px; border: 1px solid #b19459; padding: 8px; background: #f8f0dd; box-shadow: 0 10px 0 #c4b08726; }
.cr-journey-portrait > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 27%; border-radius: inherit; }
.cr-journey-clock { position: absolute; bottom: 23px; right: 23px; display: flex; align-items: center; gap: 11px; padding: 12px 19px; border: 1px solid #d9b67388; border-radius: 10px; background: #092f36d9; color: #ffe6ac; backdrop-filter: blur(12px); font-size: .9375rem; font-weight: 600; }
.cr-steps { display: flex; flex-direction: column; gap: 22px; counter-reset: cr-step; }
.cr-steps > article { display: grid; grid-template-columns: 63px 1fr; gap: 23px; position: relative; counter-increment: cr-step; }
.cr-steps > article:not(:last-child):before { content: ""; width: 1px; position: absolute; top: 67px; bottom: -18px; left: 31px; border-left: 1px dashed #93a395; }
.cr-step-icon { display: grid; place-items: center; width: 63px; height: 63px; border: 1px solid #b4c4ac; border-radius: 16px; background: #fff8e9; box-shadow: 0 5px 0 #b6a17c20; color: #246f71; }
.cr-step-icon .icon { width: 30px; height: 30px; }
.cr-steps h3 { font-size: 1.25rem; margin: 3px 0 12px; line-height: 1.3; }
.cr-steps h3:before { content: "0" counter(cr-step) " / "; color: #8a783d; font-weight: 500; font-size: 1rem; }
.cr-steps p { color: var(--muted); margin-bottom: 0; font-size: 1rem; }

/* Referral constellation, using the original CatRise explorer portraits. */
.cr-referrals { background: radial-gradient(ellipse at 80% 0, #245b58, transparent 65%), #0b3540; color: var(--cream); border-bottom: 1px solid #d3ad6966; }
.cr-referrals:before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(#e1be774a 1px, transparent 1px); background-size: 44px 44px; opacity: .22; pointer-events: none; }
.cr-ref-intro { position: relative; display: grid; grid-template-columns: 280px 1fr; gap: 62px; align-items: center; margin-bottom: 43px; }
.cr-ref-portrait { position: relative; padding: 9px; border: 1px solid #ddb56888; border-radius: 50% 50% 20px 20px; background: #d8b46612; box-shadow: 0 0 0 11px #e4c78208, 0 0 0 12px #e4c78222; }
.cr-ref-portrait > img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: inherit; }
.cr-ref-portrait > span { position: absolute; left: 18px; right: 18px; bottom: 17px; padding: 10px; display: flex; align-items: center; justify-content: center; gap: 8px; background: #092f36c9; border: 1px solid #ebca8644; border-radius: 8px; color: #f9d78f; font-size: .875rem; backdrop-filter: blur(8px); }
.cr-referrals .eyebrow { color: #eccc89; }
.cr-ref-intro h2 { max-width: 760px; margin-bottom: 22px; }
.cr-ref-intro p:not(.eyebrow) { color: #c9e0d3; max-width: 810px; }
.cr-ref-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 25px; }
.cr-ref-actions > span { display: flex; align-items: center; gap: 10px; color: #cde0d3; font-size: .9375rem; }
.cr-ref-actions .icon { color: #e5bf70; }
.cr-ref-example { position: relative; }
.cr-ref-example > h3 { font-size: 1.2rem; line-height: 1.5; margin-bottom: 23px; color: #e0eadb; }
.cr-ref-ladder { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; }
.cr-ref-ladder > article { position: relative; display: flex; flex-direction: column; align-items: center; padding: 21px 14px; border: 1px solid #ccac664d; background: linear-gradient(140deg, #1d555c, #113e48); border-radius: 17px; text-align: center; box-shadow: 0 7px 0 #041e252b; transition: transform .3s, border-color .3s; }
.cr-ref-ladder > article:hover { transform: translateY(-5px); border-color: #e8c686; }
.cr-ref-ladder > article > img { width: 67px; height: 67px; border-radius: 50%; border: 2px solid #dcc080; object-fit: cover; margin: 13px 0 14px; box-shadow: 0 0 0 5px #e3bd6412; }
.cr-ref-level { font-size: .9375rem; color: #d7e7db; }
.cr-ref-ladder > article > strong { color: #f6d18a; font-size: 2.75rem; line-height: 1; margin-bottom: 18px; }
.cr-ref-ladder strong > small { color: inherit; font-size: 1.3rem; }
.cr-ref-ladder article > span:last-child { font-size: .875rem; color: #cce3d5; line-height: 1.7; }
.cr-ref-ladder article > span:last-child b { color: #fff1cd; display: block; font-size: 1.05rem; }
.cr-ref-example > p { color: #abcabe; font-size: .875rem; margin: 22px 0 0; max-width: 1000px; }

/* Payment networks: ordered, readable minimums and practical instructions. */
.cr-payments { background: radial-gradient(ellipse at 100% 0, #e0eee7, transparent 50%), #fffcf4; }
.cr-network-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.cr-network-grid > article { background: #fffdf6; border: 1px solid #c3d0bf; border-radius: 16px; padding: 23px; box-shadow: 0 7px 0 #b6c5b41a; position: relative; overflow: hidden; transition: box-shadow .3s, transform .3s; }
.cr-network-grid > article:before { content: ""; position: absolute; width: 140px; height: 140px; border: 1px solid #c9bb842d; border-radius: 50%; right: -77px; top: -77px; box-shadow: 0 0 0 12px #c9bb8410; }
.cr-network-grid > article:hover { transform: translateY(-4px); box-shadow: 0 14px 32px #163e431f; }
.cr-network-name { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
.cr-network-name > img { width: 60px; height: 60px; flex-shrink: 0; }
.cr-network-name > div > span { font-size: .8125rem; color: var(--muted); font-weight: 700; }
.cr-network-name h3 { margin: 4px 0; font-size: 1.35rem; letter-spacing: 0; }
.cr-network-name p { margin: 0; color: var(--muted); font-size: .875rem; }
.cr-network-minimums { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid #c6d0ba; padding-top: 17px; }
.cr-network-minimums > div:last-child { padding-left: 20px; border-left: 1px solid #c6d0ba; }
.cr-network-minimums span { display: block; color: var(--muted); font-size: .875rem; line-height: 1.5; }
.cr-network-minimums strong { display: block; font-size: 1.7rem; margin-top: 7px; font-variant-numeric: tabular-nums; }
.cr-payment-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding-top: 30px; }
.cr-payment-notes > div { display: grid; grid-template-columns: 34px 1fr; gap: 8px 13px; }
.cr-payment-notes > div > .icon { width: 30px; height: 30px; grid-row: 1 / 3; color: #986f24; }
.cr-payment-notes h3 { margin: 3px 0; font-size: 1.1rem; }
.cr-payment-notes p { margin-bottom: 0; font-size: 1rem; color: var(--muted); }
.cr-fee-note { text-align: center; margin: 30px 0 0; padding-top: 24px; border-top: 1px dashed #b8c7b0; color: var(--muted); font-size: .9375rem; }

/* Account information and field guide. */
.cr-security { background: #efe9d9; border-block: 1px solid #ded0b2; }
.cr-security-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.cr-security-grid > article { border: 1px solid #cabc955c; background: #fffbef; border-radius: 17px; padding: 29px; box-shadow: 0 8px 0 #c1ad7d1a; }
.cr-security-grid > article > .icon { width: 46px; height: 46px; padding: 9px; background: #e1eee1; border: 1px solid #b5c3a7; border-radius: 13px; color: #267276; margin-bottom: 23px; }
.cr-security-grid h3 { font-size: 1.25rem; line-height: 1.35; margin-bottom: 16px; }
.cr-security-grid p { color: var(--muted); margin-bottom: 0; font-size: 1rem; }
.cr-faq { background: var(--cream); }
.cr-faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px; }
.cr-faq-grid > div:first-child > p:not(.eyebrow) { color: var(--muted); }
.cr-faq-items details { border: 1px solid #c9d0ba; border-radius: 11px; background: #fffcf3; margin-bottom: 12px; box-shadow: 0 4px 0 #c6b8930c; }
.cr-faq-items summary { display: flex; align-items: center; gap: 16px; padding: 19px; font-size: 1rem; font-weight: 600; cursor: pointer; line-height: 1.5; list-style: none; }
.cr-faq-items summary::-webkit-details-marker { display: none; }
.cr-faq-number { color: #918051; font-size: .875rem; font-weight: 700; flex-shrink: 0; }
.cr-faq-sign { margin-left: auto; color: #267276; font-size: 1.45rem; padding-left: 10px; }
.cr-faq-items details[open] { border-color: #82a68c; background: #f3f8ee; }
.cr-faq-items details[open] .cr-faq-sign { transform: rotate(45deg); }
.cr-faq-items details > p { padding: 0 22px 20px 51px; color: #4f6a60; margin: 0; font-size: 1rem; }
.cr-about { background: radial-gradient(ellipse at 100% 0, #ead9b34d, transparent 60%); }
.cr-about-grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 65px; }
.cr-about-grid h1 { font-size: clamp(2.4rem, 4.3vw, 4.4rem); line-height: 1.13; }
.cr-about-grid p { color: var(--muted); }
.cr-about-portrait { padding: 13px; border: 1px solid #b9a166; border-radius: 50% 50% 22px 22px; background: #e6d6af44; box-shadow: 0 0 0 14px #dac08915; }
.cr-about-portrait > img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: inherit; }
.cr-project-text { border-left: 3px solid #c6a25d; padding-left: 18px; }

/* Complete footer, plus the shared member/admin theme. */
.cr-footer.site-footer { display: block; background: radial-gradient(ellipse at 0 100%, #1a5353, transparent 70%), #0b3440; padding: 55px 0 33px; color: #c9ddd0; }
.cr-footer-main { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 45px; padding-bottom: 35px; border-bottom: 1px solid #cab16f44; }
.cr-footer-main > div { display: flex; flex-direction: column; gap: 13px; min-width: 0; }
.cr-footer-main h3 { font-size: 1rem; color: #f4d48f; line-height: 1.4; margin: 7px 0 12px; }
.cr-footer-main a { font-size: .9375rem; line-height: 1.5; }
.cr-footer-brand > p { font-size: .9375rem; max-width: 360px; margin: 5px 0; }
.cr-footer-brand > span { font-size: .75rem; color: #90b4a7; line-height: 1.8; }
.cr-footer-brand img { filter: none; background: #fff7e8; border: 1px solid #ecc88f88; border-radius: 12px; padding: 9px 13px; width: 195px; }
.cr-footer-bottom { display: flex; justify-content: space-between; gap: 25px; font-size: .875rem; padding-top: 26px; }
.support-float { background: linear-gradient(125deg, #1d7376, #124d5a); border-color: #bcba8099; font-size: .875rem; }
.workspace { background: radial-gradient(ellipse at 100% 0, #e5ddc780, transparent 60%), #e8ede5; }
.workspace .site-header { padding-inline: 30px; }
.app-main { padding: 34px; }
.panel { box-shadow: 0 8px 0 #aab69a1a, 0 17px 40px #15414b08; border-color: #b9c8b4; background: linear-gradient(145deg, #fffdf6, #fbf9ef); }
.page-heading { border-bottom: 1px solid #b8c7b066; padding-bottom: 23px; margin-bottom: 27px; }
.page-heading h1 { font-size: 2.3rem; }
.page-heading .eyebrow { font-size: .8125rem; }
.side-nav { background: linear-gradient(160deg, #123f45, #082e39); }
.side-nav > a { font-size: .9375rem; }
.side-nav > a.active { background: linear-gradient(110deg, #2a6870, #184b55); border-color: #b8a76b88; }
.stat-card > span { font-size: .875rem; }
.workspace .stat-card > strong { font-size: clamp(1.15rem, 1.5vw, 1.65rem); white-space: normal; }
.dashboard-welcome { background: radial-gradient(ellipse at 15% 100%, #24615f, transparent 65%), #0a333d; border-color: #c2a46599; box-shadow: 0 15px 40px #123c451f; }
.dashboard-welcome .eyebrow { font-size: .8125rem; }
.dashboard-welcome h1 { line-height: 1.15; }
.dashboard-welcome > img { opacity: .85; mask-image: linear-gradient(90deg, transparent, #000 25%); }
label { font-size: .9375rem; }
.badge { font-size: .875rem; }
th { font-size: .8125rem; }
.auth-layout { background: radial-gradient(ellipse at 100% 0, #e9ddbd66, transparent 65%), #fff9ee; }
.auth-panel { padding: 45px 55px; }
.auth-panel .notice { margin-top: 20px; }
.auth-art { border-right: 1px solid #b99d6088; }
.auth-art > div { padding: 25px; left: 7%; right: 7%; border: 1px solid #d5b46566; border-radius: 15px; background: #082f36b0; backdrop-filter: blur(12px); }
.auth-art .eyebrow { font-size: .8125rem; }
.auth-art h2 { font-size: 2.65rem; line-height: 1.15; margin: 0; }
.workspace .cr-plan-grid { gap: 23px; }
.workspace .cr-plan-card { grid-template-columns: 33% 67%; }
.workspace .cr-plan-card .plan-content { padding: 20px; }
.workspace .cr-return > strong { font-size: 3rem; }
.workspace .cr-calculator { grid-template-columns: 1fr 1fr; }
.workspace .cr-calculator .calc-results { grid-column: 1 / -1; grid-template-columns: 1.1fr 1fr; }
.workspace .cr-calculator .cr-calc-primary { grid-row: span 3; border-bottom: 0; border-right: 1px solid #9aaf8655; padding-right: 20px; margin-right: 10px; }
.workspace .section { width: 100%; max-width: 1500px; }
.security-medal { background: linear-gradient(130deg, #f3e8c8, #f8f4e3); }
.investment-card { border-color: #b7c5b0; box-shadow: 0 8px 0 #adb5931a, 0 15px 40px #113c4320; }
.twofa-qr, .payment-qr > div { box-shadow: 0 0 0 1px #b2c2ad, 0 8px 25px #123c4517; }
.table-wrap { min-width: 0; }
.table-wrap table { font-size: .9375rem; }

@keyframes cr-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }
@keyframes cr-orbit { to { transform: rotate(360deg); } }
.cr-reveal { animation: cr-enter .65s both; }
@keyframes cr-enter { from { opacity: .55; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }

@media (min-width: 1850px) {
    .cr-hero-grid { min-height: 540px; }
    .cr-hero.hero { padding-top: 70px; }
    .cr-hero .hero-copy { padding-left: 0; }
    .cr-hero .hero-copy h1 { font-size: 4.75rem; }
    .cr-hero-stage { min-height: 540px; }
}
@media (max-width: 1250px) {
    .site-header nav { gap: 14px; font-size: .875rem; }
    .site-header { padding-inline: 28px; }
    .cr-container { width: calc(100% - 56px); }
    .cr-hero .hero-copy h1 { font-size: 3.35rem; }
    .cr-hero-grid { grid-template-columns: 54% 46%; }
    .cr-plan-card.plan-card { grid-template-columns: 32% 68%; }
    .cr-plan-card .plan-content { padding: 21px; }
    .cr-plan-grid.plan-grid { gap: 23px; }
    .cr-portrait-name { left: 15px; }
    .cr-portrait-name strong { font-size: 1.8rem; }
    .cr-portrait-name span { font-size: .75rem; letter-spacing: .04em; }
    .cr-calculator.calculator-panel { grid-template-columns: 1fr 1fr; }
    .cr-calculator .calc-results { grid-column: 1 / -1; grid-template-columns: 1.1fr 1fr; }
    .cr-calculator .cr-calc-primary { grid-row: span 3; border-bottom: 0; border-right: 1px solid #9aaf8655; padding-right: 20px; margin-right: 10px; }
    .cr-journey-grid { gap: 45px; }
    .cr-ref-intro { grid-template-columns: 250px 1fr; gap: 45px; }
    .workspace .cr-plan-grid { grid-template-columns: 1fr; }
    .workspace .cr-plan-card { grid-template-columns: 38% 62%; }
    .workspace .cr-plan-portrait { max-height: 525px; }
}
@media (max-width: 1000px) {
    .menu-toggle { display: block; }
    .site-header nav { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 10px; padding: 23px 28px; background: var(--cream); max-height: calc(100dvh - 95px); overflow: auto; border-bottom: 1px solid #b6c7ad; }
    .site-header nav.open { display: flex; }
    .cr-hero .hero-copy h1 { font-size: 3rem; }
    .cr-hero .hero-copy > .cr-hero-description { font-size: 1rem; }
    .cr-hero-grid { grid-template-columns: 60% 40%; }
    .cr-return-chip { padding: 16px; top: 15px; }
    .cr-return-chip strong { font-size: 1.8rem; }
    .cr-clock-chip { left: -12%; padding: 14px; }
    .cr-hero-facts > div { padding: 16px; }
    .cr-community .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cr-plan-grid.plan-grid { grid-template-columns: 1fr; }
    .cr-plan-card.plan-card { grid-template-columns: 42% 58%; }
    .cr-plan-card .plan-content { padding: 26px; }
    .cr-portrait-name strong { font-size: 2.7rem; }
    .cr-return > strong { font-size: 3.7rem; }
    .cr-hourly-example { grid-template-columns: 1fr auto; align-items: end; }
    .cr-hourly-example small { display: block; margin: 5px 0 0; }
    .cr-section-heading { gap: 30px; }
    .cr-journey-grid { grid-template-columns: 1fr; }
    .cr-journey-art { display: grid; grid-template-columns: 1fr .75fr; gap: 30px; align-items: center; }
    .cr-journey-portrait { margin: 0; height: 260px; }
    .cr-network-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cr-ref-intro { grid-template-columns: 220px 1fr; gap: 35px; }
    .cr-ref-ladder { gap: 12px; }
    .cr-ref-ladder > article { padding-inline: 9px; }
    .cr-ref-ladder > article > strong { font-size: 2.4rem; }
    .cr-security-grid { gap: 16px; }
    .cr-security-grid > article { padding: 21px; }
    .cr-faq-grid { grid-template-columns: 1fr; gap: 35px; }
    .cr-faq-grid > div:first-child { max-width: 650px; }
    .cr-footer-main { grid-template-columns: 1.3fr 1fr 1fr; gap: 30px; }
    .cr-footer-brand { grid-column: 1 / -1; }
    .cr-footer-brand > p { max-width: 700px; }
    .cr-about-grid { gap: 35px; }
}
@media (max-width: 700px) {
    html { scroll-padding-top: 85px; }
    .cr-container { width: calc(100% - 36px); }
    .cr-section { padding: 57px 0; }
    .topline { padding: 6px 18px; }
    .topline > span { font-size: .75rem; gap: 7px; }
    .topline > span b { display: none; }
    .language-form select { width: 115px; font-size: .8125rem; }
    .site-header, .workspace .site-header { padding: 13px 18px; min-height: 74px; }
    .brand img { width: 160px; }
    .cr-hero.hero { padding: 29px 0 22px; }
    .cr-hero-grid { display: block; min-height: 0; }
    .cr-hero .hero-copy { width: 100%; max-width: none; padding: 0 5px; }
    .cr-hero .hero-copy h1 { font-size: clamp(2.8rem, 10vw, 3.9rem); line-height: 1.12; margin-bottom: 20px; }
    .cr-hero .hero-copy > .cr-hero-description { font-size: 1rem; line-height: 1.75; max-width: 580px; }
    .cr-kicker { margin-bottom: 20px; font-size: .75rem; letter-spacing: .03em; gap: 9px; }
    .cr-kicker > span { width: 28px; height: 28px; font-size: 1.1rem; }
    .cr-hero .hero-actions { flex-direction: column; align-items: stretch; margin: 24px 0; }
    .cr-hero .hero-actions > a { min-height: 50px; font-size: .9375rem; }
    .cr-hero .hero-art { width: 100%; height: 100%; object-position: 69% 76%; opacity: .2; }
    .cr-hero:before { background: linear-gradient(0deg, #082f36cc, #082f3666 34%, #082f36c0 57%, #082f36e0 100%); }
    .cr-hero:after { inset: 8px; }
    .cr-capital-seal { font-size: .875rem; }
    .cr-capital-seal span { font-size: .875rem; }
    .cr-hero-stage { min-height: 335px; margin-top: 26px; }
    .cr-mobile-explorer { display: block; position: absolute; inset: 0; width: 100%; height: 335px; object-fit: cover; object-position: 77% 53%; border: 1px solid #d6b37255; border-radius: 13px; box-shadow: inset 0 0 25px #082f36; }
    .cr-return-chip { left: 10px; right: auto; top: 14px; padding: 11px 13px; max-width: 165px; }
    .cr-return-chip strong { font-size: 1.5rem; }
    .cr-return-chip > span, .cr-return-chip > small { font-size: .8125rem; }
    .cr-clock-chip { left: 11px; bottom: 13px; padding: 12px 15px; }
    .cr-clock-chip > .icon { width: 29px; height: 29px; }
    .cr-clock-chip strong, .cr-clock-chip span { font-size: .875rem; }
    .cr-stage-caption { display: none; }
    .cr-hero-facts { grid-template-columns: 1fr 1fr; margin-top: 12px; }
    .cr-hero-facts > div { padding: 16px; }
    .cr-hero-facts > div:nth-child(2) { border-inline-end: 0; }
    .cr-hero-facts > div:nth-child(-n+2) { border-bottom: 1px solid #cdae6340; }
    .cr-hero-facts > div > span { font-size: .8125rem; }
    .cr-hero-facts > div > strong { font-size: 1.65rem; }
    .cr-wayfinder > div { width: 100%; grid-template-columns: 1fr 1fr; }
    .cr-wayfinder a { font-size: .875rem; padding: 14px 10px; border-bottom: 1px solid #d3bb6e35; }
    .cr-community { padding: 25px 0; }
    .cr-community-heading { align-items: start; flex-direction: column; gap: 9px; }
    .cr-community .stats-grid { gap: 12px; }
    .cr-community .stat-card { display: block; padding: 16px; }
    .cr-community .stat-card > .icon { margin-bottom: 13px; width: 35px; height: 35px; }
    .cr-community .stat-card > span { font-size: .8125rem; min-height: 36px; }
    .cr-community .stat-card > strong { font-size: 1.4rem; }
    .cr-section-heading { grid-template-columns: 1fr; gap: 19px; margin-bottom: 28px; }
    .cr-section-heading h2 { font-size: 2.15rem; }
    .cr-section-heading > .outline-button { justify-self: start; }
    .cr-plan-notice { padding: 18px; align-items: start; gap: 12px; }
    .cr-plan-notice > .icon { width: 28px; height: 28px; margin-top: 5px; }
    .cr-plan-notice p { font-size: .875rem; }
    .cr-plan-notice strong { font-size: 1rem; }
    .cr-plan-grid.plan-grid { gap: 24px; }
    .cr-plan-card.plan-card, .workspace .cr-plan-card { grid-template-columns: 1fr; }
    .cr-plan-portrait, .workspace .cr-plan-portrait { height: 280px; max-height: none; border-inline-end: 0; border-bottom: 1px solid #c9b58155; }
    .cr-plan-portrait > img { object-position: 50% 37%; }
    .cr-portrait-name { bottom: 21px; left: 22px; }
    .cr-portrait-name strong { font-size: 2.6rem; }
    .cr-orbit-mark { left: auto; right: -85px; bottom: -75px; width: 230px; height: 230px; }
    .cr-plan-card .plan-content, .workspace .cr-plan-card .plan-content { padding: 23px; }
    .cr-return > strong, .workspace .cr-return > strong { font-size: 3.75rem; }
    .cr-plan-top > span:first-child { font-size: .8125rem; }
    .cr-duration { font-size: .9375rem; }
    .cr-plan-range > strong { font-size: 1.13rem; }
    .cr-plan-details span, .cr-hourly-example > div > span { font-size: .875rem; }
    .cr-plan-details b { font-size: 1rem; }
    .cr-hourly-example { grid-template-columns: 1fr; gap: 9px; }
    .cr-hourly-example > div > strong { font-size: 1.5rem; }
    .cr-hourly-example > span { font-size: .9375rem; }
    .cr-hourly-example small { display: inline; margin-inline-start: 6px; font-size: .875rem; }
    .cr-example-total { font-size: .875rem; margin-top: 13px; }
    .cr-plan-capital { font-size: .875rem; margin-block: 19px; }
    .cr-plan-card .button { min-height: 49px; font-size: .9375rem; }
    .cr-calculator.calculator-panel, .workspace .cr-calculator { grid-template-columns: 1fr; padding: 23px; gap: 25px; }
    .cr-calculator h3 { font-size: 2rem; }
    .cr-calculator .calc-results, .workspace .cr-calculator .calc-results { grid-template-columns: 1fr; grid-column: auto; }
    .cr-calculator .cr-calc-primary, .workspace .cr-calculator .cr-calc-primary { grid-row: auto; border-right: 0; border-bottom: 1px solid #9aaf8655; padding-right: 0; padding-bottom: 19px; margin-right: 0; }
    .cr-calculator .cr-calc-primary > strong { font-size: 1.9rem; }
    .cr-calculator .calc-footnote { align-items: start; line-height: 1.7; }
    .cr-calculator .calc-footnote > .icon { margin-top: 5px; }
    .cr-journey-grid { gap: 35px; }
    .cr-journey-art { grid-template-columns: 1fr; gap: 25px; }
    .cr-journey-portrait { height: 250px; }
    .cr-steps > article { grid-template-columns: 48px 1fr; gap: 16px; }
    .cr-step-icon { width: 48px; height: 48px; border-radius: 12px; }
    .cr-step-icon .icon { width: 25px; height: 25px; }
    .cr-steps > article:not(:last-child):before { top: 53px; left: 24px; }
    .cr-steps h3 { font-size: 1.2rem; }
    .cr-ref-intro { display: flex; flex-direction: column; align-items: start; gap: 38px; }
    .cr-ref-portrait { width: 205px; margin-inline: auto; }
    .cr-ref-intro h2 { font-size: 2.25rem; }
    .cr-ref-actions { gap: 19px; }
    .cr-ref-actions > span { font-size: .875rem; }
    .cr-ref-example > h3 { font-size: 1.1rem; }
    .cr-ref-ladder { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    .cr-ref-ladder > article { padding: 22px 14px; }
    .cr-ref-ladder > article:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: 70px 1fr 1fr; gap: 15px; text-align: left; align-items: center; }
    .cr-ref-ladder > article:last-child > img { grid-column: 1; grid-row: 1 / 3; margin: 0; width: 60px; height: 60px; }
    .cr-ref-ladder > article:last-child > .cr-ref-level { grid-column: 2; }
    .cr-ref-ladder > article:last-child > strong { grid-column: 2; margin: 0; }
    .cr-ref-ladder > article:last-child > span:last-child { grid-column: 3; grid-row: 1 / 3; }
    .cr-network-grid { grid-template-columns: 1fr; gap: 17px; }
    .cr-network-grid > article { padding: 23px; }
    .cr-network-minimums > div > span { font-size: .875rem; }
    .cr-network-minimums strong { font-size: 1.9rem; }
    .cr-payment-notes { grid-template-columns: 1fr; gap: 25px; }
    .cr-security-grid { grid-template-columns: 1fr; gap: 18px; }
    .cr-security-grid > article { padding: 26px; }
    .cr-security-grid h3 { font-size: 1.25rem; }
    .cr-faq-grid { gap: 31px; }
    .cr-faq-items summary { padding: 17px 14px; gap: 11px; font-size: .9375rem; }
    .cr-faq-items details > p { padding: 0 18px 19px 40px; }
    .cr-about-grid { grid-template-columns: 1fr; gap: 36px; }
    .cr-about-grid h1 { font-size: 3rem; }
    .cr-about-portrait { max-width: 370px; margin-inline: auto; }
    .cr-footer.site-footer { padding: 42px 0 91px; }
    .cr-footer-main { grid-template-columns: 1fr 1fr; gap: 32px 21px; }
    .cr-footer-main > div:nth-child(4) { grid-column: 1 / -1; }
    .cr-footer-brand > p { max-width: none; }
    .cr-footer-main h3 { font-size: .9375rem; }
    .cr-footer-main a { font-size: .875rem; }
    .cr-footer-bottom { flex-direction: column; gap: 12px; font-size: .8125rem; }
    .app-main { padding: 24px 18px; }
    .page-heading h1 { font-size: 2rem; }
    .workspace .stat-card > strong { font-size: 1.15rem; }
    .auth-panel { padding: 32px 23px 45px; }
    .auth-art { min-height: 300px; }
    .auth-art > div { padding: 20px; bottom: 24px; }
    .auth-art h2 { font-size: 2rem; }
    .support-float { font-size: .8125rem; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .cr-floating-card, .cr-hero-orbit, .cr-reveal { animation: none; }
    [data-tilt] { transform: none !important; }
}

.member-emblem > img { width: 70px; height: 70px; border: 1px solid #d5b26c88; border-radius: 50%; padding: 10px; background: #194e56; box-shadow: 0 0 0 8px #e5b75f0b; }
@media (max-width: 700px) { .support-float { width: 49px; height: 49px; justify-content: center; border-radius: 16px; padding: 12px; } .support-float > span { display: none; } .support-float > .icon { width: 24px; height: 24px; } }