/* ================================================================= Falcon Finvest — Settings file (the ONE place visual values live) Concept: "The Ascent" — cultivated wealth growth. Everything Tailwind reads (see tailwind.config in each page ) ultimately points back to these custom properties. ================================================================= */ :root { /* ---- Brand seeds (from the logo) ---- */ --c-purple: #682364; /* Falcon Purple */ --c-amber: #F79939; /* Falcon Amber */ /* ---- Semantic colour tokens — LIGHT theme ---- */ --c-bg: #FBF7F0; /* warm ivory page */ --c-surface: #F3E7F0; /* pale lilac alt-section */ --c-ink: #2A1228; /* primary text on bg/surface */ --c-muted: #6E5468; /* secondary text */ --c-border: #E4D3DF; /* hairlines, field borders */ --c-primary: #682364; /* brand purple surfaces */ --c-on-primary: #FBF7F0; /* text/icons on purple */ --c-accent: #F79939; /* amber accent / highlights */ --c-on-accent: #2C0F2E; /* text on amber */ --c-deep: #2C0F2E; /* deep aubergine band/footer */ --c-on-deep: #F6EAF2; /* text on deep aubergine */ --c-deep-muted: #C9A9C2; /* muted text on deep */ --c-warning: #C0392B; /* form error */ /* scrim for text over imagery (theme-tied) */ --scrim: linear-gradient(180deg, rgba(44,15,46,0) 0%, rgba(44,15,46,.72) 100%); /* ---- Shape & depth ---- */ --r-card: 18px; --r-pill: 999px; --shadow-soft: 0 1px 2px rgba(42,18,40,.06), 0 8px 24px -12px rgba(42,18,40,.18); --shadow-lift: 0 2px 4px rgba(42,18,40,.08), 0 24px 48px -20px rgba(104,35,100,.40); /* ---- Section rhythm ---- */ --section-y: clamp(3.5rem, 2rem + 7vw, 8rem); } [data-theme="dark"] { --c-bg: #190818; /* deep plum-black */ --c-surface: #25102A; /* raised plum surface */ --c-ink: #F4E8F0; --c-muted: #C3A4BD; --c-border: #3E2240; --c-primary: #8A3A82; /* lifted purple for contrast */ --c-on-primary: #FBF3F8; --c-accent: #F79939; --c-on-accent: #2C0F2E; --c-deep: #100410; /* near-black band */ --c-on-deep: #F4E8F0; --c-deep-muted: #B891B0; --c-warning: #F0857A; --scrim: linear-gradient(180deg, rgba(8,2,9,0) 0%, rgba(8,2,9,.80) 100%); --shadow-lift: 0 2px 4px rgba(0,0,0,.4), 0 24px 48px -20px rgba(0,0,0,.6); } /* Stronger palette when the visitor asks for high contrast */ @media (prefers-contrast: more) { :root { --c-ink:#1A0A19; --c-muted:#4A3146; --c-border:#B79AAE; } [data-theme="dark"] { --c-ink:#FFFFFF; --c-muted:#E2C9DC; --c-border:#6A4768; } } /* ===================== Allowed plain-CSS (Rule 2i) ===================== */ /* Sticky-header anchor offset for in-page navigation */ html { scroll-padding-top: 4.75rem; } /* The signature growth-line: an amber path that "draws" on scroll. */ .growth-line { stroke: var(--c-accent); } .growth-line__path { stroke-dasharray: var(--len, 1200); stroke-dashoffset: var(--len, 1200); transition: stroke-dashoffset 1.6s cubic-bezier(.22,1,.36,1); } .growth-line.is-drawn .growth-line__path { stroke-dashoffset: 0; } /* Scroll-reveal primitive (driven by main.js IntersectionObserver) */ .reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.22,1,.36,1); } .reveal.is-in { opacity: 1; transform: none; } /* Text-over-image scrim (theme-tied, see --scrim) */ .scrim::after { content:""; position:absolute; inset:0; background: var(--scrim); border-radius: inherit; } /* Marquee for the trust strip */ @keyframes drift { from { transform: translateX(0); } to { transform: translateX(-50%); } } .marquee__track { animation: drift 32s linear infinite; } @keyframes pulse-node { 0%,100%{ transform: scale(1); opacity:1 } 50%{ transform: scale(1.35); opacity:.55 } } .node-pulse { animation: pulse-node 2.6s ease-in-out infinite; transform-origin:center; } /* Honour reduced-motion: stop everything that moves */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; scroll-behavior:auto !important; } .growth-line__path { stroke-dashoffset: 0 !important; } .reveal { opacity:1 !important; transform:none !important; } } /* Save-Data: drop the heavy decoration (Tailwind has no shortcut for this) */ @media (prefers-reduced-data: reduce) { .deco-img { display: none !important; } .marquee__track { animation: none !important; } } /* Keep keyboard focus obvious everywhere */ :focus-visible { outline: 3px solid var(--c-accent); outline-offset: 2px; border-radius: 4px; } /* Google Map embed (third-party markup — allowed tweak) */ .map-embed { filter: grayscale(.2) contrast(1.02); } [data-theme="dark"] .map-embed { filter: grayscale(.4) invert(.9) hue-rotate(180deg) contrast(.9); } /* Header scroll state — smooth tint + shadow (stateful, tokens only) */ #site-header { transition: background-color .4s ease, box-shadow .4s ease, border-color .4s ease; } #site-header.is-scrolled { background-color: color-mix(in srgb, var(--c-bg) 86%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: var(--shadow-soft); border-color: var(--c-border); } @media (max-width: 420px) { #site-header > div:first-child { padding-inline: .75rem; gap: .5rem; } #site-header a[aria-label="Falcon Finvest home"] { min-width: 0; gap: .45rem; } #site-header a[aria-label="Falcon Finvest home"] > span { display: none; } #site-header > div:first-child > .flex.items-center.gap-2 { gap: .35rem; } #site-header a[aria-label="WhatsApp us"] { padding-inline: .72rem; } } /* Form field error state (tinted from the warning token) */ .field-error { border-color: var(--c-warning) !important; box-shadow: 0 0 0 2px color-mix(in srgb, var(--c-warning) 28%, transparent); } /* Native FAQ accordion chevron rotate */ details[open] .faq-chevron { transform: rotate(180deg); } .faq-chevron { transition: transform .3s ease; } /* 9-step retirement framework */ .framework-section { overflow: hidden; } .framework-heading { position: relative; } .framework-flow { margin-top: clamp(2.25rem, 1.25rem + 4vw, 4.75rem); display: grid; grid-template-columns: minmax(6.5rem, .3fr) minmax(0, 1fr) minmax(6.5rem, .3fr); grid-template-rows: auto auto; gap: clamp(.75rem, 1.35vw, 1.35rem); align-items: start; } .framework-path { min-width: 0; display: contents; } .framework-board { grid-column: 2; grid-row: 1; min-width: 0; display: grid; gap: .75rem; } .framework-row { position: relative; display: grid; grid-template-columns: 4.5rem repeat(3, minmax(0, 1fr)); gap: clamp(.6rem, 1.1vw, .85rem); align-items: stretch; } .framework-row::before { content: ""; position: absolute; left: calc(4.5rem + .65rem); right: .25rem; top: 50%; height: 2px; transform: translateY(-50%); background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--c-accent) 78%, transparent), transparent); } .framework-phase { position: relative; z-index: 1; display: grid; place-items: center; min-height: 100%; border-inline-end: 1px solid var(--c-border); color: var(--c-muted); font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .72rem; text-transform: uppercase; writing-mode: vertical-rl; transform: rotate(180deg); } .framework-card { position: relative; z-index: 1; min-width: 0; min-height: 8.65rem; width: 100%; padding: .9rem; display: flex; flex-direction: column; gap: .45rem; border: 1px solid var(--c-border); border-radius: var(--r-card); background: var(--c-bg); color: var(--c-ink); box-shadow: var(--shadow-soft); text-align: start; cursor: pointer; transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease, background-color .25s ease; } .framework-card__top { display: flex; align-items: center; justify-content: space-between; gap: .75rem; } .framework-card__step { font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .7rem; color: var(--c-muted); } .framework-card__icon { display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: var(--r-pill); background: color-mix(in srgb, var(--c-primary) 10%, var(--c-bg)); color: var(--c-primary); flex: 0 0 auto; } .framework-card strong { font-family: Fraunces, ui-serif, Georgia, serif; font-size: clamp(1.08rem, .98rem + .42vw, 1.4rem); font-weight: 500; line-height: 1.15; } .framework-card__summary { color: var(--c-muted); font-size: .9rem; line-height: 1.42; } .framework-card__mobile-detail, .framework-card__mobile-result { display: none; } .framework-card:hover, .framework-card:focus-visible, .framework-card.is-active { border-color: var(--c-primary); box-shadow: var(--shadow-lift); } .framework-card.is-active { background: color-mix(in srgb, var(--c-primary) 7%, var(--c-bg)); transform: translateY(-2px); } .framework-card.is-active .framework-card__icon { background: var(--c-primary); color: var(--c-on-primary); } .framework-terminal { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .85rem; align-items: center; align-self: center; } .framework-terminal > div { min-width: 0; } .framework-terminal--start, .framework-terminal--finish { display: block; padding: 1rem 0; border-block: 1px solid color-mix(in srgb, var(--c-border) 72%, transparent); } .framework-terminal--start { grid-column: 1; grid-row: 1; } .framework-terminal--finish { grid-column: 3; grid-row: 1; } .framework-terminal__letter { font-family: Fraunces, ui-serif, Georgia, serif; font-size: clamp(3.25rem, 5vw, 5.5rem); line-height: .9; color: var(--c-accent); } .framework-terminal__eyebrow { margin: 0 0 .25rem; font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .72rem; color: var(--c-muted); text-transform: uppercase; } .framework-terminal h3 { margin: 0; font-family: Fraunces, ui-serif, Georgia, serif; font-size: clamp(1.25rem, 1.05rem + .55vw, 1.75rem); font-weight: 500; line-height: 1.08; overflow-wrap: normal; word-break: normal; } .framework-terminal p:last-child { margin: .45rem 0 0; color: var(--c-muted); font-size: .95rem; line-height: 1.42; overflow-wrap: anywhere; } .framework-terminal--finish { color: var(--c-primary); } .framework-detail { grid-column: 2; grid-row: 2; display: grid; grid-template-columns: minmax(0, 1fr) minmax(13rem, .55fr); gap: .65rem 1rem; align-items: start; min-height: 10.5rem; border: 1px solid var(--c-border); border-radius: var(--r-card); background: color-mix(in srgb, var(--c-bg) 82%, var(--c-surface)); box-shadow: var(--shadow-soft); padding: clamp(.9rem, .65rem + 1vw, 1.1rem); } .framework-detail__meta { grid-column: 1 / -1; margin: 0; font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .78rem; color: var(--c-accent); text-transform: uppercase; } .framework-detail h3 { margin: 0; font-family: Fraunces, ui-serif, Georgia, serif; font-size: clamp(1.28rem, 1.05rem + .8vw, 1.9rem); font-weight: 500; line-height: 1.08; } .framework-detail p { margin: 0; color: var(--c-muted); line-height: 1.45; } .framework-detail__result { grid-row: 2 / span 2; grid-column: 2; padding-inline-start: 1rem; border-inline-start: 2px solid var(--c-accent); } .framework-detail__result span { display: block; margin-bottom: .35rem; font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .72rem; color: var(--c-muted); text-transform: uppercase; } .framework-detail__result strong { display: block; color: var(--c-ink); font-weight: 600; line-height: 1.45; } @media (max-width: 980px) { .framework-flow { grid-template-columns: 1fr; grid-template-rows: auto; align-items: stretch; } .framework-path { display: grid; gap: 1rem; } .framework-board, .framework-detail, .framework-terminal--start, .framework-terminal--finish { grid-column: auto; grid-row: auto; } .framework-terminal { max-width: 34rem; } .framework-terminal--finish { justify-self: end; text-align: end; } .framework-row { grid-template-columns: 3.5rem repeat(3, minmax(0, 1fr)); } .framework-row::before { left: calc(3.5rem + .65rem); } } @media (max-width: 700px) { html { scroll-padding-top: 4.75rem; } .framework-flow { margin-top: 2rem; } .framework-row { grid-template-columns: 1fr; } .framework-row::before { display: none; } .framework-phase { min-height: auto; padding-block: .35rem; border-inline-end: 0; border-block-end: 1px solid var(--c-border); writing-mode: initial; transform: none; justify-items: start; } .framework-card { min-height: auto; } .framework-card__summary { padding-bottom: .85rem; border-bottom: 1px solid var(--c-border); } .framework-card__mobile-detail { display: block; color: var(--c-muted); font-size: .98rem; line-height: 1.5; } .framework-card__mobile-result { display: block; margin-top: .35rem; padding-inline-start: .85rem; border-inline-start: 2px solid var(--c-accent); } .framework-card__mobile-result > span { display: block; margin-bottom: .3rem; font-family: "IBM Plex Mono", ui-monospace, monospace; font-size: .68rem; color: var(--c-muted); text-transform: uppercase; } .framework-card__mobile-result strong { display: block; color: var(--c-ink); font-size: .95rem; line-height: 1.45; } .framework-detail { display: none; } } /* Calculator hub */ .calculator-shell { display: grid; grid-template-columns: minmax(0, .95fr) minmax(18rem, .55fr); gap: clamp(1rem, 2vw, 1.5rem); align-items: start; } .calculator-tabs-wrapper { position: relative; width: 100%; } .tabs-scroll-btn { display: none; } .calculator-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--c-border); border-radius: var(--r-card); overflow: hidden; background: var(--c-bg); } .calculator-tab { min-height: 4.75rem; padding: .9rem; border-inline-end: 1px solid var(--c-border); color: var(--c-muted); background: transparent; text-align: center; text-transform: uppercase; font-weight: 700; line-height: 1.15; transition: background-color .2s ease, color .2s ease; } .calculator-tab:last-child { border-inline-end: 0; } .calculator-tab span { display: block; margin-top: .25rem; font-weight: 500; font-size: .84rem; } .calculator-tab.is-active { color: var(--c-on-primary); background: var(--c-primary); } .calculator-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; } .calculator-card { min-height: 5.6rem; display: flex; align-items: center; gap: .9rem; padding: 1rem; border: 1px solid var(--c-border); border-radius: var(--r-card); background: color-mix(in srgb, var(--c-bg) 86%, var(--c-surface)); box-shadow: var(--shadow-soft); cursor: pointer; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; } .calculator-card:hover, .calculator-card:focus-visible { border-color: var(--c-primary); box-shadow: var(--shadow-lift); transform: translateY(-1px); } .calculator-card.is-active { border-color: var(--c-primary); } .calculator-card[aria-disabled="true"] { opacity: .62; } .calculator-card__icon { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: var(--r-pill); color: var(--c-primary); background: color-mix(in srgb, var(--c-primary) 10%, var(--c-bg)); flex: 0 0 auto; } .calculator-card strong { display: block; font-family: Fraunces, ui-serif, Georgia, serif; font-size: clamp(1.05rem, .95rem + .5vw, 1.35rem); line-height: 1.08; } .calculator-card span:not(.calculator-card__icon) { display: block; margin-top: .2rem; color: var(--c-muted); font-size: .9rem; } .calculator-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .calculator-field { min-width: 0; } .calculator-field--wide { grid-column: 1 / -1; } .calculator-label { display: block; margin-bottom: .45rem; color: var(--c-muted); font-weight: 600; } .calculator-control { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; align-items: center; min-height: 3.2rem; border: 1px solid var(--c-border); border-radius: 8px; background: var(--c-bg); overflow: hidden; transition: border-color .15s ease, box-shadow .15s ease; } .calculator-control:focus-within { border-color: var(--c-primary); box-shadow: 0 0 0 1px var(--c-primary); } .calculator-control input, .calculator-control select { min-width: 0; width: 100%; height: 100%; padding: 0 0.85rem; border: 0; color: var(--c-ink); background: transparent; font: inherit; outline: 0; } .calculator-control--simple { grid-template-columns: minmax(0, 1fr); } .calculator-suffix { padding-inline: .75rem; color: var(--c-muted); white-space: nowrap; } .calculator-step { display: grid; place-items: center; width: 2.8rem; height: 100%; align-self: stretch; border-inline-start: 1px solid var(--c-border); color: var(--c-primary); font-size: 1.25rem; background: transparent; cursor: pointer; transition: background-color .15s ease, color .15s ease; } .calculator-step:hover { background: color-mix(in srgb, var(--c-primary) 8%, transparent); } .calculator-step:active { background: color-mix(in srgb, var(--c-primary) 15%, transparent); } .calculator-range { min-height: 3.2rem; display: grid; grid-template-columns: minmax(0, 1fr) 5.2rem; gap: .85rem; align-items: center; } /* Custom Range Slider */ .calculator-range input[type="range"] { -webkit-appearance: none; appearance: none; background: transparent; cursor: pointer; height: 1.5rem; width: 100%; } /* WebKit (Chrome, Safari, Edge) */ .calculator-range input[type="range"]::-webkit-slider-runnable-track { background: var(--c-border); height: 6px; border-radius: 3px; transition: background-color .2s ease; } .calculator-range input[type="range"]:focus-visible::-webkit-slider-runnable-track { background: color-mix(in srgb, var(--c-primary) 30%, var(--c-border)); } .calculator-range input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; margin-top: -6px; /* center thumb on track: (18px thumb - 6px track) / 2 = 6px offset */ background-color: var(--c-accent); height: 18px; width: 18px; border-radius: 50%; border: 2px solid var(--c-primary); box-shadow: 0 1px 3px rgba(42,18,40,0.15); transition: transform .15s ease, background-color .15s ease, border-color .15s ease; } .calculator-range input[type="range"]::-webkit-slider-thumb:hover { transform: scale(1.15); background-color: var(--c-primary); border-color: var(--c-accent); } /* Firefox */ .calculator-range input[type="range"]::-moz-range-track { background: var(--c-border); height: 6px; border-radius: 3px; } .calculator-range input[type="range"]::-moz-range-thumb { background-color: var(--c-accent); height: 18px; width: 18px; border-radius: 50%; border: 2px solid var(--c-primary); box-shadow: 0 1px 3px rgba(42,18,40,0.15); transition: transform .15s ease, background-color .15s ease, border-color .15s ease; } .calculator-range input[type="range"]::-moz-range-thumb:hover { transform: scale(1.15); background-color: var(--c-primary); border-color: var(--c-accent); } .calculator-range output { display: flex; align-items: center; justify-content: center; height: 3.2rem; border-radius: 8px; color: var(--c-primary); background: color-mix(in srgb, var(--c-primary) 8%, var(--c-bg)); font-weight: 700; text-align: center; border: 1px solid var(--c-border); font-size: 0.95rem; } .calculator-assumptions { grid-column: 1 / -1; border: 1px solid var(--c-border); border-radius: 8px; background: var(--c-bg); overflow: hidden; } .calculator-assumptions summary { padding: 1rem; cursor: pointer; font-weight: 700; } .calculator-assumptions div { padding: 0 1rem 1rem; color: var(--c-muted); font-size: .95rem; line-height: 1.55; } .calculator-result { position: sticky; top: 5.75rem; border: 1px solid var(--c-border); border-radius: var(--r-card); background: var(--c-bg); box-shadow: var(--shadow-lift); overflow: hidden; } .calculator-result__header { padding: 1.25rem; color: var(--c-on-primary); background: var(--c-primary); } .calculator-result__body { padding: 1.25rem; } .calculator-kitty { padding-bottom: 1.1rem; border-bottom: 1px solid var(--c-border); } .calculator-kitty span { display: block; color: var(--c-muted); font-size: .92rem; } .calculator-kitty strong { display: block; margin-top: .35rem; color: var(--c-primary); font-family: Fraunces, ui-serif, Georgia, serif; font-size: clamp(2rem, 1.4rem + 2vw, 3rem); line-height: 1; } .calculator-result-list { display: grid; gap: .75rem; margin-top: 1rem; } .calculator-result-list div { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; color: var(--c-muted); } .calculator-result-list strong { color: var(--c-ink); text-align: end; } .calculator-status { margin-top: 1rem; padding: .9rem; border-radius: 8px; background: color-mix(in srgb, var(--c-accent) 13%, var(--c-bg)); } .calculator-funding { height: .7rem; margin-top: .85rem; border-radius: var(--r-pill); background: var(--c-border); overflow: hidden; } .calculator-funding::before { content: ""; display: block; width: var(--funded, 0%); height: 100%; border-radius: inherit; background: var(--c-accent); } @media (max-width: 980px) { .calculator-shell { grid-template-columns: 1fr; } .calculator-result { position: static; } } @media (max-width: 700px) { .tabs-scroll-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 2.2rem; height: 2.2rem; border-radius: 50%; border: 1px solid var(--c-border); background: var(--c-bg); color: var(--c-primary); display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: var(--shadow-soft); transition: opacity .25s ease, visibility .25s ease, transform .15s ease; opacity: 0; visibility: hidden; } .tabs-scroll-btn.is-visible { opacity: 1; visibility: visible; } .tabs-scroll-btn:active { transform: translateY(-50%) scale(0.92); } .tabs-scroll-btn--left { left: -0.65rem; } .tabs-scroll-btn--right { right: -0.65rem; } .calculator-tabs { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; /* Firefox */ border-radius: 8px; } .calculator-tabs::-webkit-scrollbar { display: none; /* Safari/Chrome */ } .calculator-tab { flex: 0 0 auto; min-width: 9.5rem; min-height: 3.8rem; padding: .6rem 1rem; display: flex; flex-direction: column; justify-content: center; align-items: center; border-inline-end: 1px solid var(--c-border); scroll-snap-align: start; } .calculator-tab span { display: block; margin-top: .15rem; font-size: .75rem; } .calculator-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; } .calculator-card { min-height: 4.8rem; padding: .75rem; gap: .6rem; } .calculator-card__icon { width: 2.2rem; height: 2.2rem; font-size: 1.1rem; } .calculator-card__icon svg { width: 18px; height: 18px; } .calculator-card strong { font-size: 1rem; } .calculator-card span:not(.calculator-card__icon) { font-size: .8rem; } .calculator-form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; } } @media (max-width: 550px) { .calculator-card-grid { grid-template-columns: 1fr; } .calculator-form { grid-template-columns: 1fr; } .calculator-field--wide { grid-column: auto; } } /* ================================================================= ARN Disclosure Section (legible, high contrast, >= 16px) ================================================================= */ .arn-disclosure { font-family: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif; font-size: 16px !important; font-weight: 500; line-height: 1.5; color: var(--c-on-deep); /* High-contrast off-white/cream on aubergine */ margin-bottom: 1.25rem; } .arn-distributor-name, .arn-designation, .arn-number { margin: 0; } .arn-distributor-name, .arn-number { font-weight: 600; }