/* Stage 5 — complete homepage reconstruction. */ .rth-homepage { overflow: clip; } .rth-section-heading--center { margin-inline: auto; text-align: center; } .rth-section-heading--center > p:last-child { margin-inline: auto; max-width: 720px; } .rth-text-link { display: inline-flex; align-items: center; gap: .45rem; color: var(--rth-blue); font-weight: 800; text-decoration: none; } .rth-text-link span { transition: transform .2s ease; } .rth-text-link:hover span { transform: translateX(4px); } .rth-text-link--light { color: #b9dcff; } .rth-text-link--light:hover { color: #fff; } .rth-button--ghost-light { border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.07); color: #fff; } .rth-button--ghost-light:hover { border-color: #fff; background: rgba(255,255,255,.14); color: #fff; } .rth-button-row--center { justify-content: center; } .rth-microcopy { margin: .9rem 0 0; color: var(--rth-muted); font-size: .8rem; } /* Hero */ .rth-home-hero { position: relative; isolation: isolate; min-height: min(850px, calc(100svh - var(--rth-header-height))); display: flex; align-items: center; overflow: hidden; background: linear-gradient(180deg, #fff 0%, #f7faff 100%); } .rth-home-hero::before { content: ""; position: absolute; inset: 0; z-index: -2; background-image: linear-gradient(rgba(0,109,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(0,109,255,.035) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), transparent 90%); } .rth-home-hero__glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(10px); pointer-events: none; } .rth-home-hero__glow--one { right: -8%; top: 3%; width: min(620px, 48vw); aspect-ratio: 1; background: radial-gradient(circle, rgba(0,109,255,.16), rgba(0,109,255,0) 70%); } .rth-home-hero__glow--two { left: 30%; bottom: -45%; width: 580px; aspect-ratio: 1; background: radial-gradient(circle, rgba(120,183,255,.12), rgba(120,183,255,0) 70%); } .rth-home-hero__grid { display: grid; grid-template-columns: 1.03fr .97fr; align-items: center; gap: clamp(2rem, 5vw, 6rem); padding-block: clamp(4.5rem, 7vw, 7.25rem); } .rth-home-hero__copy { position: relative; z-index: 3; min-width: 0; } .rth-home-hero__copy h1 { margin-bottom: .12em; font-size: clamp(4rem, 8.6vw, 8.2rem); letter-spacing: -.085em; line-height: .92; } .rth-home-hero__kicker { margin: 1.1rem 0 .75rem; color: var(--rth-navy); font-family: Manrope, sans-serif; font-size: clamp(1.35rem, 2.2vw, 2rem); font-weight: 800; letter-spacing: -.035em; } .rth-home-hero__copy .rth-lead { max-width: 660px; } .rth-hero-trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; width: 100%; max-width: 680px; margin: 2.1rem 0 0; padding: 1.4rem 0 0; border-top: 1px solid var(--rth-border); list-style: none; } .rth-hero-trust li { display: grid; align-content: start; gap: .1rem; min-width: 0; } .rth-hero-trust strong { color: var(--rth-navy); font-family: Manrope, sans-serif; font-size: .92rem; line-height: 1.28; overflow-wrap: anywhere; } .rth-hero-trust span { margin-top: .38rem; color: var(--rth-muted); font-size: .72rem; line-height: 1.45; overflow-wrap: anywhere; } .rth-home-hero__visual { position: relative; min-height: 640px; display: grid; place-items: end center; perspective: 1000px; } .rth-home-hero__halo { position: absolute; inset: 12% 0 3%; border-radius: 46% 54% 18% 18% / 42% 42% 12% 12%; background: radial-gradient(circle at 50% 45%, rgba(0,109,255,.14), rgba(0,109,255,.02) 55%, transparent 72%); } .rth-home-hero__image { position: relative; z-index: 2; width: min(100%, 535px); max-height: 660px; object-fit: contain; object-position: bottom center; filter: drop-shadow(0 32px 48px rgba(0,26,72,.13)); transform: translateZ(0); } .rth-floating-card { position: absolute; z-index: 5; display: flex; align-items: center; gap: .85rem; width: min(278px, 49%); padding: 1rem; border: 1px solid rgba(255,255,255,.86); border-radius: 18px; background: rgba(255,255,255,.82); box-shadow: 0 20px 54px rgba(0,26,72,.14); backdrop-filter: blur(16px); transition: transform .25s ease; } .rth-floating-card__icon { flex: 0 0 auto; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: linear-gradient(135deg, var(--rth-blue), #69aaff); color: #fff; font-family: Manrope, sans-serif; font-size: .72rem; font-weight: 800; } .rth-floating-card strong, .rth-floating-card small { display: block; } .rth-floating-card strong { color: var(--rth-navy); font-family: Manrope, sans-serif; font-size: .88rem; line-height: 1.3; } .rth-floating-card small { margin-top: .18rem; color: var(--rth-muted); font-size: .7rem; line-height: 1.35; } .rth-floating-card--framework { top: 15%; right: -5%; } .rth-floating-card--fundamentals { left: -6%; bottom: 17%; } /* Clarity */ .rth-home-clarity { background: #fff; } .rth-clarity-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; } .rth-clarity-card { position: relative; min-height: 260px; padding: clamp(1.5rem, 3vw, 2.35rem); overflow: hidden; border: 1px solid var(--rth-border); border-radius: var(--rth-radius-md); background: linear-gradient(145deg, #fff, #f7faff); box-shadow: var(--rth-shadow-sm); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .rth-clarity-card::after { content: ""; position: absolute; right: -44px; bottom: -54px; width: 150px; height: 150px; border-radius: 50%; background: rgba(0,109,255,.055); } .rth-clarity-card:hover { transform: translateY(-6px); border-color: rgba(0,109,255,.35); box-shadow: var(--rth-shadow-md); } .rth-clarity-card__number { display: block; margin-bottom: 2.8rem; color: var(--rth-blue); font-family: Manrope, sans-serif; font-weight: 800; } .rth-clarity-card p { margin-bottom: 0; color: var(--rth-muted); } .rth-clarity-community { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 2.25rem; padding-top: 1.65rem; border-top: 1px solid var(--rth-border); } .rth-clarity-community__copy { max-width: 720px; } .rth-clarity-community__copy strong { display: block; color: var(--rth-navy); font-family: Manrope, sans-serif; font-size: clamp(1rem, 1.6vw, 1.25rem); font-weight: 800; line-height: 1.35; } .rth-clarity-community__copy p { margin: 0.4rem 0 0; color: var(--rth-muted); font-size: 0.84rem; line-height: 1.65; } .rth-clarity-community__button { flex: 0 0 auto; white-space: nowrap; } .rth-clarity-community__button svg { width: 1rem; height: 1rem; fill: currentColor; stroke: none; } /* Framework */ .rth-framework { position: relative; overflow: hidden; background: var(--rth-navy); color: rgba(255,255,255,.78); } .rth-framework::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 58px 58px; mask-image: radial-gradient(circle at 70% 50%, #000, transparent 78%); } .rth-framework__ambient { position: absolute; right: -180px; top: -120px; width: 620px; aspect-ratio: 1; border-radius: 50%; background: rgba(0,109,255,.16); filter: blur(70px); } .rth-framework__grid { position: relative; display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 6vw, 7rem); align-items: center; } .rth-framework__intro h2 { color: #fff; } .rth-framework__intro p { max-width: 580px; } .rth-framework__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .rth-framework-card { display: flex; gap: 1rem; padding: 1.4rem; border: 1px solid rgba(255,255,255,.11); border-radius: 18px; background: rgba(255,255,255,.055); backdrop-filter: blur(10px); transition: transform .22s ease, border-color .22s ease, background .22s ease; } .rth-framework-card:hover { transform: translateY(-4px); border-color: rgba(120,183,255,.38); background: rgba(255,255,255,.08); } .rth-framework-card__icon { flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: rgba(0,109,255,.22); color: #a9d0ff; font-family: Manrope, sans-serif; font-size: .76rem; font-weight: 800; } .rth-framework-card h3 { margin-bottom: .4rem; color: #fff; font-size: 1.05rem; } .rth-framework-card p { margin: 0; color: rgba(255,255,255,.68); font-size: .88rem; line-height: 1.6; } /* Mentorship */ .rth-mentorship-layout { display: grid; grid-template-columns: 1.02fr .98fr; gap: 1.4rem; align-items: stretch; } .rth-mentorship-offer, .rth-benefit-list, .rth-private-mentorship { border: 1px solid var(--rth-border); border-radius: var(--rth-radius-md); background: #fff; box-shadow: var(--rth-shadow-sm); } .rth-mentorship-offer { padding: clamp(1.6rem, 3vw, 2.5rem); } .rth-mentorship-offer__head { display: flex; justify-content: space-between; gap: 1.5rem; align-items: flex-start; } .rth-price { flex: 0 0 auto; text-align: right; } .rth-price span { display: block; color: var(--rth-blue); font-family: Manrope, sans-serif; font-size: clamp(2rem, 4vw, 3.4rem); font-weight: 800; line-height: 1; } .rth-price small { color: var(--rth-muted); font-size: .72rem; } .rth-benefit-list { padding: clamp(1.6rem, 3vw, 2.5rem); } .rth-benefit-list ul { display: grid; gap: .9rem; margin: 1.4rem 0 0; padding: 0; list-style: none; } .rth-benefit-list li { display: grid; grid-template-columns: 28px 1fr; gap: .65rem; color: var(--rth-muted); font-size: .9rem; line-height: 1.55; } .rth-benefit-list li span { display: grid; place-items: center; width: 24px; height: 24px; margin-top: .05rem; border-radius: 50%; background: rgba(0,109,255,.1); color: var(--rth-blue); font-weight: 800; } .rth-private-mentorship { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 1.4rem; padding: clamp(1.4rem, 2.5vw, 2rem); } .rth-private-mentorship h3 { margin-bottom: .45rem; } .rth-private-mentorship p:last-child { margin-bottom: 0; color: var(--rth-muted); } /* Learning process */ .rth-process { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; counter-reset: none; } .rth-process::before { content: ""; position: absolute; left: 7%; right: 7%; top: 31px; height: 1px; background: linear-gradient(90deg, transparent, rgba(0,109,255,.42), transparent); } .rth-process li { position: relative; z-index: 1; padding: 0 1rem; text-align: center; } .rth-process li > span { display: grid; place-items: center; width: 62px; height: 62px; margin: 0 auto 1.5rem; border: 1px solid rgba(0,109,255,.25); border-radius: 50%; background: #fff; box-shadow: 0 10px 30px rgba(0,109,255,.11); color: var(--rth-blue); font-family: Manrope, sans-serif; font-weight: 800; } .rth-process h3 { margin-bottom: .55rem; } .rth-process p { margin: 0; color: var(--rth-muted); font-size: .88rem; } /* Proof */ .rth-decision-shifts { position: relative; overflow: hidden; background: linear-gradient(135deg, #001a48 0%, #003277 100%); color: rgba(255,255,255,.76); } .rth-decision-shifts::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 20%, rgba(0,109,255,.28), transparent 38%); } .rth-decision-shifts__grid { position: relative; z-index: 1; display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(3rem, 6vw, 7rem); align-items: center; } .rth-decision-shifts h2 { color: #fff; } .rth-shift-list { display: grid; gap: .9rem; } .rth-shift-list article { display: grid; grid-template-columns: .9fr 36px 1.1fr; align-items: center; gap: .85rem; padding: 1.1rem 1.25rem; border: 1px solid rgba(255,255,255,.12); border-radius: 16px; background: rgba(255,255,255,.06); } .rth-shift-list article::before { content: "→"; grid-column: 2; grid-row: 1; color: #78b7ff; text-align: center; font-weight: 800; } .rth-shift-list span { grid-column: 1; color: rgba(255,255,255,.64); font-size: .85rem; } .rth-shift-list strong { grid-column: 3; color: #fff; font-family: Manrope, sans-serif; font-size: .95rem; line-height: 1.45; } /* Coach */ .rth-coach__grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: clamp(3rem, 6vw, 7rem); align-items: center; } .rth-coach__visual { position: relative; } .rth-coach__frame { position: relative; overflow: hidden; min-height: 480px; border-radius: 32px; background: linear-gradient(145deg, #edf4ff, #dcecff); } .rth-coach__frame::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 38%, rgba(0,109,255,.18), transparent 56%); } .rth-coach__frame img { position: absolute; z-index: 1; left: 50%; bottom: 0; width: 112%; max-width: none; transform: translateX(-50%); filter: drop-shadow(0 24px 30px rgba(0,26,72,.16)); } .rth-coach__badge { position: absolute; right: -24px; bottom: 28px; z-index: 3; padding: 1rem 1.2rem; border: 1px solid #fff; border-radius: 16px; background: rgba(255,255,255,.9); box-shadow: var(--rth-shadow-md); backdrop-filter: blur(14px); } .rth-coach__badge strong, .rth-coach__badge span { display: block; } .rth-coach__badge strong { color: var(--rth-navy); font-family: Manrope, sans-serif; } .rth-coach__badge span { color: var(--rth-muted); font-size: .75rem; } .rth-coach__copy p { color: var(--rth-muted); } /* Services */ .rth-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; } .rth-service-card { display: flex; flex-direction: column; min-height: 310px; padding: clamp(1.4rem, 2.5vw, 2rem); border: 1px solid var(--rth-border); border-radius: var(--rth-radius-md); background: #fff; box-shadow: 0 12px 34px rgba(0,26,72,.055); transition: transform .23s ease, border-color .23s ease, box-shadow .23s ease; } .rth-service-card:hover { transform: translateY(-6px); border-color: rgba(0,109,255,.35); box-shadow: var(--rth-shadow-md); } .rth-service-card__index { margin-bottom: 2.1rem; color: var(--rth-blue); font-family: Manrope, sans-serif; font-weight: 800; } .rth-service-card p { flex: 1; color: var(--rth-muted); } /* FAQ */ .rth-faq__grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(3rem, 6vw, 7rem); align-items: start; } .rth-faq__intro { position: sticky; top: 120px; } .rth-faq__intro p { color: var(--rth-muted); } .rth-accordion { border-top: 1px solid var(--rth-border); } .rth-accordion__item { border-bottom: 1px solid var(--rth-border); } .rth-accordion__item h3 { margin: 0; } .rth-accordion__item button { display: grid; grid-template-columns: 1fr 38px; align-items: center; gap: 1rem; width: 100%; padding: 1.35rem 0; border: 0; background: transparent; color: var(--rth-navy); text-align: left; font-family: Manrope, sans-serif; font-weight: 800; } .rth-accordion__mark { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--rth-surface); color: var(--rth-blue); font-size: 1.25rem; transition: transform .22s ease, background .22s ease; } .rth-accordion__item button[aria-expanded="true"] .rth-accordion__mark { transform: rotate(45deg); background: rgba(0,109,255,.12); } .rth-accordion__panel { padding: 0 3rem 1.35rem 0; } .rth-accordion__panel p { margin: 0; color: var(--rth-muted); } /* Final CTA */ .rth-home-final-cta { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(5rem, 9vw, 8.5rem); background: #001a48; color: rgba(255,255,255,.78); text-align: center; } .rth-home-final-cta::before { content: ""; position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(0,26,72,.96), rgba(0,45,106,.84)), url('../../images/home/trading-desk.webp') center / cover; } .rth-home-final-cta::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 50% 50%, rgba(0,109,255,.24), transparent 55%); } .rth-home-final-cta__inner { max-width: 940px; } .rth-home-final-cta h2 { color: #fff; } .rth-home-final-cta p { max-width: 720px; margin-inline: auto; } @media (max-width: 1080px) { .rth-home-hero__grid { grid-template-columns: .95fr 1.05fr; gap: 1.5rem; } .rth-home-hero__copy h1 { font-size: clamp(3.8rem, 8.2vw, 6.5rem); } .rth-home-hero__visual { min-height: 570px; } .rth-home-hero__image { max-height: 590px; } .rth-floating-card--framework { right: 0; } .rth-floating-card--fundamentals { left: 0; } .rth-framework__grid, .rth-decision-shifts__grid { grid-template-columns: 1fr; } .rth-framework__intro { max-width: 720px; } .rth-service-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 820px) { .rth-home-hero { min-height: auto; } .rth-home-hero__grid, .rth-mentorship-layout, .rth-coach__grid, .rth-faq__grid { grid-template-columns: 1fr; } .rth-home-hero__grid { padding-top: 4.5rem; } .rth-home-hero__visual { min-height: 540px; margin-top: 1rem; } .rth-home-hero__image { max-height: 550px; } .rth-clarity-grid { grid-template-columns: 1fr; } .rth-clarity-card { min-height: auto; } .rth-clarity-card__number { margin-bottom: 1.5rem; } .rth-clarity-community { align-items: flex-start; flex-direction: column; gap: 1.2rem; } .rth-clarity-community__button { justify-content: center; width: 100%; } .rth-framework__cards { grid-template-columns: 1fr 1fr; } .rth-process { grid-template-columns: 1fr 1fr; row-gap: 2.5rem; } .rth-process::before { display: none; } .rth-private-mentorship { align-items: flex-start; flex-direction: column; } .rth-coach__visual { width: min(100%, 650px); margin-inline: auto; } .rth-coach__frame { min-height: 430px; } .rth-faq__intro { position: static; } } @media (max-width: 560px) { .rth-home-hero__grid { padding-top: 3.5rem; } .rth-home-hero__copy h1 { font-size: clamp(3.3rem, 19vw, 5.2rem); } .rth-home-hero__kicker { font-size: 1.25rem; } .rth-hero-trust { gap: 1rem 1.5rem; } .rth-home-hero__visual { min-height: 440px; } .rth-home-hero__image { max-height: 450px; } .rth-floating-card { width: min(225px, 65%); padding: .75rem; } .rth-floating-card__icon { width: 36px; height: 36px; } .rth-floating-card strong { font-size: .75rem; } .rth-floating-card small { font-size: .62rem; } .rth-floating-card--framework { top: 10%; right: -4%; } .rth-floating-card--fundamentals { left: -4%; bottom: 11%; } .rth-framework__cards, .rth-process, .rth-service-grid { grid-template-columns: 1fr; } .rth-framework-card { padding: 1.1rem; } .rth-mentorship-offer__head { flex-direction: column; } .rth-price { text-align: left; } .rth-shift-list article { grid-template-columns: 1fr; gap: .45rem; } .rth-shift-list article::before { grid-column: 1; grid-row: 2; text-align: left; transform: rotate(90deg); width: 20px; } .rth-shift-list span { grid-column: 1; grid-row: 1; } .rth-shift-list strong { grid-column: 1; grid-row: 3; } .rth-coach__frame { min-height: 340px; border-radius: 24px; } .rth-coach__badge { right: 12px; bottom: 12px; } .rth-service-card { min-height: 260px; } .rth-accordion__panel { padding-right: 0; } } @media (prefers-reduced-motion: reduce) { .rth-floating-card { transform: none !important; } } /* Round 1 refinement — WEBSITE WORK hero restored and adapted to the theme. */ .rth-home-hero { position: relative; isolation: isolate; min-height: min(850px, calc(100svh - var(--rth-header-height))); display: flex; align-items: center; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%); } .rth-home-hero::before { display: none; } .rth-home-hero__grid-lines { position: absolute; inset: 0; z-index: -3; pointer-events: none; background-image: linear-gradient(rgba(0,109,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(0,109,255,.035) 1px, transparent 1px); background-size: 54px 54px; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.82), transparent 92%); mask-image: linear-gradient(to bottom, rgba(0,0,0,.82), transparent 92%); } .rth-home-hero__future-sweep { --hero-shift-x: 0px; --hero-shift-y: 0px; position: absolute; inset: -4%; z-index: -2; pointer-events: none; opacity: .68; background: radial-gradient(circle at 18% 43%, rgba(19,139,255,.12), transparent 24%), radial-gradient(circle at 71% 31%, rgba(72,197,255,.08), transparent 22%), linear-gradient(112deg, transparent 31%, rgba(59,165,255,.05) 46%, transparent 61%); animation: rth-home-future-breathe 8s ease-in-out infinite alternate; will-change: transform; } .rth-home-hero__glow { z-index: -1; } .rth-home-hero__glow--one { right: -7%; top: 1%; } .rth-home-hero__glow--two { left: 23%; bottom: -48%; } .rth-home-hero__grid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: clamp(2.2rem, 5vw, 5.2rem); padding-block: clamp(3.7rem, 6.4vw, 6.6rem); } .rth-home-hero__visual { position: relative; grid-column: 1; grid-row: 1; min-height: 680px; display: grid; place-items: end center; overflow: visible; isolation: isolate; perspective: 1000px; } .rth-home-hero__visual picture { position: absolute; inset: 0; z-index: 2; pointer-events: none; } .rth-home-hero__image { --portrait-base: translateX(0); --portrait-x: 0px; --portrait-y: 0px; --portrait-scale: 1; position: absolute; left: -4px; bottom: 0; z-index: 2; width: auto; height: 680px; max-width: none; max-height: none; object-fit: contain; filter: drop-shadow(0 22px 32px rgba(25,64,101,.08)); -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.42) 7%, #000 16%, #000 84%, rgba(0,0,0,.42) 93%, transparent 100%), linear-gradient(to bottom, #000 0%, #000 70%, rgba(0,0,0,.9) 78%, rgba(0,0,0,.52) 90%, transparent 100%), radial-gradient(ellipse 26% 22% at 100% 62%, transparent 0%, rgba(0,0,0,.38) 27%, rgba(0,0,0,.78) 48%, #000 72%); -webkit-mask-composite: source-in, source-in; mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.42) 7%, #000 16%, #000 84%, rgba(0,0,0,.42) 93%, transparent 100%), linear-gradient(to bottom, #000 0%, #000 70%, rgba(0,0,0,.9) 78%, rgba(0,0,0,.52) 90%, transparent 100%), radial-gradient(ellipse 26% 22% at 100% 62%, transparent 0%, rgba(0,0,0,.38) 27%, rgba(0,0,0,.78) 48%, #000 72%); mask-composite: intersect, intersect; transform: var(--portrait-base) translate3d(var(--portrait-x), var(--portrait-y), 0) scale(var(--portrait-scale)); transform-origin: 50% 54%; transition: transform .72s cubic-bezier(.18,.8,.22,1), filter .72s ease; will-change: transform; } .rth-home-hero__aura { position: absolute; z-index: 1; left: 43%; top: 47%; width: 510px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(72,183,255,.14) 0%, rgba(42,152,244,.055) 43%, transparent 69%); transform: translate(-50%,-50%); opacity: .72; pointer-events: none; transition: opacity .7s ease, transform .9s cubic-bezier(.2,.75,.2,1); } .rth-home-hero__orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(32,139,234,.16); } .rth-home-hero__orbit--one { inset: 8%; border-style: dashed; animation: rth-home-orbit 32s linear infinite; } .rth-home-hero__orbit--two { inset: 21%; border-color: rgba(61,188,255,.2); animation: rth-home-orbit-reverse 25s linear infinite; } .rth-home-hero__scan { position: absolute; left: 10%; right: 10%; top: 48%; height: 1px; background: linear-gradient(90deg, transparent, rgba(44,165,255,.32), transparent); box-shadow: 0 0 12px rgba(44,165,255,.15); animation: rth-home-scan 7s ease-in-out infinite; } .rth-home-hero__visual.is-pointer-near .rth-home-hero__aura { opacity: .95; transform: translate(-50%,-50%) scale(1.035); } .rth-home-hero__visual.is-pointer-near .rth-home-hero__image { filter: drop-shadow(0 26px 38px rgba(30,108,174,.11)); } .rth-home-hero__copy { position: relative; z-index: 4; grid-column: 2; grid-row: 1; } .rth-home-hero__eyebrow { display: flex; align-items: center; gap: .68rem; position: relative; } .rth-home-hero__eyebrow::before { content: ""; flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: var(--rth-blue); box-shadow: 0 0 0 0 rgba(0,109,255,.28), 0 0 12px rgba(0,109,255,.42); animation: rth-home-attention-dot 2.2s ease-out infinite; } .rth-home-hero__copy h1 { margin: 0 0 .12em; font-size: clamp(4rem, 7.2vw, 7.4rem); letter-spacing: -.08em; line-height: .91; } .rth-home-hero__copy h1 span { color: var(--rth-navy); } .rth-home-hero__copy h1 em { color: var(--rth-blue); font-style: normal; text-shadow: 0 0 30px rgba(0,109,255,.12); } .rth-home-hero__kicker { margin: 1.15rem 0 .72rem; color: var(--rth-navy); font-family: var(--rth-font-heading); font-size: clamp(1.35rem, 2.15vw, 2rem); font-weight: 800; letter-spacing: -.035em; } .rth-home-hero__copy .rth-lead { max-width: 660px; } .rth-home-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem 1.25rem; margin-top: 2rem; } .rth-home-hero__video-link { display: inline-flex; align-items: center; gap: .72rem; min-height: 52px; padding: .42rem 1rem .42rem .45rem; border: 1px solid rgba(0,109,255,.3); border-radius: 999px; background: rgba(255,255,255,.78); box-shadow: 0 10px 28px rgba(0,26,72,.07), inset 0 0 0 1px rgba(255,255,255,.72); color: var(--rth-navy); font-weight: 800; text-decoration: none; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease, background .22s ease; } .rth-home-hero__video-link:hover, .rth-home-hero__video-link:focus-visible { transform: translateY(-2px); border-color: rgba(0,109,255,.62); background: #fff; box-shadow: 0 16px 34px rgba(0,77,180,.12), 0 0 0 4px rgba(0,109,255,.07); color: var(--rth-blue); } .rth-home-hero__play { display: grid; place-items: center; width: 40px; height: 40px; padding-left: 2px; border: 1px solid rgba(0,109,255,.22); border-radius: 50%; background: linear-gradient(145deg, #fff, #eef6ff); box-shadow: 0 8px 20px rgba(0,26,72,.08); color: var(--rth-blue); font-size: .7rem; transition: transform .22s ease, background .22s ease; } .rth-home-hero__video-link:hover .rth-home-hero__play, .rth-home-hero__video-link:focus-visible .rth-home-hero__play { transform: scale(1.06); background: #eef6ff; } .rth-hero-trust { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 0; max-width: 650px; margin: 2.2rem 0 0; padding: 1.35rem 0 0; border-top: 1px solid var(--rth-border); list-style: none; } .rth-hero-trust li { padding: 0 1.2rem; border-left: 1px solid var(--rth-border); } .rth-hero-trust li:first-child { padding-left: 0; border-left: 0; } .rth-hero-trust strong { display: block; color: var(--rth-navy); font-family: var(--rth-font-heading); font-size: 1.1rem; line-height: 1.1; } .rth-hero-trust span { display: block; margin-top: .32rem; color: var(--rth-muted); font-size: .72rem; line-height: 1.35; } .rth-home-insight-card { position: absolute; z-index: 5; display: flex; align-items: center; gap: .75rem; min-width: 190px; padding: .82rem .95rem; border: 1px solid rgba(63,151,231,.22); border-radius: 15px; background: rgba(255,255,255,.87); box-shadow: 0 16px 42px rgba(28,82,131,.12); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); animation: rth-home-card-float 5.8s ease-in-out infinite; pointer-events: none; transition: transform .25s ease; } .rth-home-insight-card--risk { right: 0; top: 31%; animation-delay: -2.7s; } .rth-home-insight-card__icon { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(0,109,255,.16); border-radius: 12px; background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(226,241,255,.92)); box-shadow: 0 8px 20px rgba(0,83,183,.1), inset 0 0 0 1px rgba(255,255,255,.7); color: var(--rth-blue); overflow: visible; } .rth-home-insight-card__icon::after { content: ""; position: absolute; inset: -4px; z-index: -1; border: 1px solid rgba(0,109,255,.16); border-radius: 15px; opacity: 0; animation: rth-home-icon-ring 3.4s ease-out infinite; } .rth-home-insight-card__icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 2px 5px rgba(0,109,255,.14)); animation: rth-home-icon-breathe 3.4s ease-in-out infinite; } .rth-home-insight-card__icon--risk::after, .rth-home-insight-card__icon--risk svg { animation-delay: -1.7s; } .rth-home-insight-card small, .rth-home-insight-card strong { display: block; } .rth-home-insight-card small { color: var(--rth-blue); font-size: .58rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .rth-home-insight-card strong { margin-top: .12rem; color: var(--rth-navy); font-family: var(--rth-font-heading); font-size: .78rem; white-space: nowrap; } .rth-home-hero__scroll-cue { position: absolute; left: 50%; bottom: 1.2rem; z-index: 6; display: flex; align-items: center; gap: .7rem; color: var(--rth-muted); font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; transform: translateX(-50%); } .rth-home-hero__scroll-cue span { position: relative; width: 26px; height: 38px; border: 1px solid rgba(0,109,255,.28); border-radius: 18px; } .rth-home-hero__scroll-cue span::after { content: ""; position: absolute; left: 50%; top: 7px; width: 3px; height: 7px; border-radius: 4px; background: var(--rth-blue); transform: translateX(-50%); animation: rth-home-scroll-dot 1.8s ease-in-out infinite; } @keyframes rth-home-future-breathe { from { opacity: .46; transform: translate3d(var(--hero-shift-x),var(--hero-shift-y),0) scale(1); } to { opacity: .76; transform: translate3d(var(--hero-shift-x),var(--hero-shift-y),0) scale(1.025); } } @keyframes rth-home-orbit { to { transform: rotate(360deg); } } @keyframes rth-home-orbit-reverse { to { transform: rotate(-360deg); } } @keyframes rth-home-scan { 0%,100% { transform: translateY(-88px); opacity: 0; } 24%,72% { opacity: .58; } 50% { transform: translateY(94px); opacity: .32; } } @keyframes rth-home-card-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -9px; } } @keyframes rth-home-attention-dot { 0% { box-shadow: 0 0 0 0 rgba(0,109,255,.32), 0 0 12px rgba(0,109,255,.4); transform: scale(.92); } 55% { box-shadow: 0 0 0 8px rgba(0,109,255,0), 0 0 16px rgba(0,109,255,.32); transform: scale(1); } 100% { box-shadow: 0 0 0 0 rgba(0,109,255,0), 0 0 12px rgba(0,109,255,.28); transform: scale(.92); } } @keyframes rth-home-icon-breathe { 0%,100% { transform: translateY(0) scale(1); opacity: .9; } 50% { transform: translateY(-1.5px) scale(1.055); opacity: 1; } } @keyframes rth-home-icon-ring { 0% { transform: scale(.82); opacity: 0; } 24% { opacity: .45; } 72%,100% { transform: scale(1.17); opacity: 0; } } @keyframes rth-home-scroll-dot { 0% { opacity: 0; transform: translate(-50%,0); } 50% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%,14px); } } @media (max-width: 1080px) { .rth-home-hero__grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; } .rth-home-hero__visual { min-height: 620px; } .rth-home-hero__image { left: -18px; height: 620px; } .rth-home-hero__copy h1 { font-size: clamp(3.7rem, 7.3vw, 6.25rem); } .rth-home-insight-card--risk { right: 0; top: 31%; } } @media (max-width: 820px) { .rth-home-hero { min-height: auto; } .rth-home-hero__grid { grid-template-columns: 1fr; gap: 2rem; padding-top: 4.2rem; padding-bottom: 5.3rem; } .rth-home-hero__copy { grid-column: 1; grid-row: 1; } .rth-home-hero__visual { grid-column: 1; grid-row: 2; min-height: 650px; width: min(100%, 680px); margin-inline: auto; } .rth-home-hero__image { --portrait-base: translateX(-50%); left: 50%; height: 650px; } .rth-home-hero__aura { left: 50%; width: 520px; } .rth-home-insight-card--risk { right: 5%; top: 54%; } .rth-home-hero__copy h1 { font-size: clamp(4rem, 15vw, 6.8rem); } .rth-home-hero__scroll-cue { display: none; } } @media (max-width: 560px) { .rth-home-hero__grid { padding-top: 3.25rem; padding-bottom: 3.7rem; gap: 1.1rem; } .rth-home-hero__copy h1 { font-size: clamp(3.4rem, 19vw, 5.15rem); } .rth-home-hero__kicker { font-size: 1.25rem; } .rth-home-hero__actions { align-items: stretch; flex-direction: column; } .rth-home-hero__video-link { justify-content: center; min-height: 50px; } .rth-hero-trust { grid-template-columns: 1fr; gap: .8rem; } .rth-hero-trust li { padding: .8rem 0 0; border-left: 0; border-top: 1px solid var(--rth-border); } .rth-hero-trust li:first-child { padding-top: 0; border-top: 0; } .rth-home-hero__visual { min-height: 520px; } .rth-home-hero__image { height: 520px; } .rth-home-hero__aura { width: 390px; } .rth-home-insight-card { min-width: 164px; padding: .67rem .72rem; } .rth-home-insight-card__icon { width: 32px; height: 32px; font-size: .54rem; } .rth-home-insight-card small { font-size: .5rem; } .rth-home-insight-card strong { font-size: .68rem; } .rth-home-insight-card--risk { right: -2px; top: 55%; } .rth-home-hero__future-sweep { opacity: .48; } } @media (prefers-reduced-motion: reduce) { .rth-home-hero__future-sweep, .rth-home-hero__orbit, .rth-home-hero__scan, .rth-home-insight-card, .rth-home-insight-card__icon::after, .rth-home-insight-card__icon svg, .rth-home-hero__eyebrow::before, .rth-home-hero__scroll-cue span::after { animation: none; } .rth-home-hero__image, .rth-home-hero__aura { transition: none; } } /* Homepage refinement v1.6.0 — calm three-pillar hero rail */ .rth-home-hero .rth-hero-pillars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; width: 100%; max-width: 680px; margin: 2rem 0 0; padding: 1.25rem 0 0; border-top: 1px solid rgba(0, 26, 72, .11); list-style: none; } .rth-home-hero .rth-hero-pillar { position: relative; display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: start; gap: .72rem; min-width: 0; padding: 0 1rem; border: 0; border-left: 1px solid rgba(0, 26, 72, .1); } .rth-home-hero .rth-hero-pillar:first-child { padding-left: 0; border-left: 0; } .rth-home-hero .rth-hero-pillar__icon { width: 28px; height: 28px; margin: .02rem 0 0; padding: 4px; overflow: visible; color: var(--rth-blue); background: rgba(0, 109, 255, .055); border-radius: 50%; fill: none; stroke: currentColor; stroke-width: 1.45; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 5px 10px rgba(0, 109, 255, .08)); animation: rthPillarIconBreath 5.2s ease-in-out infinite; } .rth-home-hero .rth-hero-pillar:nth-child(2) .rth-hero-pillar__icon { animation-delay: -1.7s; } .rth-home-hero .rth-hero-pillar:nth-child(3) .rth-hero-pillar__icon { animation-delay: -3.4s; } .rth-home-hero .rth-hero-pillar__copy { min-width: 0; } .rth-home-hero .rth-hero-pillar__copy strong { display: block; color: var(--rth-navy); font-family: var(--rth-font-heading); font-size: .78rem; font-weight: 800; letter-spacing: -.015em; line-height: 1.3; overflow-wrap: normal; } .rth-home-hero .rth-hero-pillar__copy span { display: block; margin: .22rem 0 0; color: var(--rth-muted); font-size: .66rem; line-height: 1.35; overflow-wrap: normal; } @keyframes rthPillarIconBreath { 0%, 100% { transform: translateY(0) scale(1); opacity: .88; } 50% { transform: translateY(-1.5px) scale(1.035); opacity: 1; } } @media (max-width: 560px) { .rth-home-hero .rth-hero-pillars { grid-template-columns: 1fr; gap: .72rem; } .rth-home-hero .rth-hero-pillar, .rth-home-hero .rth-hero-pillar:first-child { grid-template-columns: 28px minmax(0, 1fr); padding: .72rem 0 0; border-left: 0; border-top: 1px solid rgba(0, 26, 72, .09); } .rth-home-hero .rth-hero-pillar:first-child { padding-top: 0; border-top: 0; } } @media (prefers-reduced-motion: reduce) { .rth-home-hero .rth-hero-pillar__icon { animation: none; } } /* Homepage refinement v1.6.5 — blueprint heading and icons */ .rth-eyebrow--dot { display: inline-flex; align-items: center; gap: .55rem; } .rth-eyebrow__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--rth-blue); box-shadow: 0 0 0 0 rgba(0, 109, 255, .36); animation: rthBlueprintDotPulse 1.9s ease-in-out infinite; } @keyframes rthBlueprintDotPulse { 0%, 100% { transform: scale(1); opacity: .9; box-shadow: 0 0 0 0 rgba(0, 109, 255, .3); } 50% { transform: scale(1.12); opacity: 1; box-shadow: 0 0 0 8px rgba(0, 109, 255, 0); } } .rth-framework-card__icon--svg { display: inline-grid; place-items: center; font-size: 0; } .rth-framework-card__icon--svg svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; animation: rthFrameworkIconFloat 4.2s ease-in-out infinite; } .rth-framework-card:nth-child(2) .rth-framework-card__icon--svg svg { animation-delay: -.8s; } .rth-framework-card:nth-child(3) .rth-framework-card__icon--svg svg { animation-delay: -1.6s; } .rth-framework-card:nth-child(4) .rth-framework-card__icon--svg svg { animation-delay: -2.4s; } @keyframes rthFrameworkIconFloat { 0%, 100% { transform: translateY(0) scale(1); opacity: .92; } 50% { transform: translateY(-2px) scale(1.04); opacity: 1; } } @media (prefers-reduced-motion: reduce) { .rth-eyebrow__dot, .rth-framework-card__icon--svg svg { animation: none !important; } } /* Homepage refinement v1.6.6 — blueprint conversion upgrade */ .rth-framework__intro h2 { max-width: 640px; } .rth-framework__highlight { color: #78b7ff; } .rth-framework__microcopy { margin: 1rem 0 0; color: rgba(255,255,255,.58); font-size: .78rem; font-weight: 700; letter-spacing: .025em; line-height: 1.55; } .rth-framework__cards { align-items: stretch; } .rth-framework-card { position: relative; min-height: 190px; overflow: hidden; } .rth-framework-card::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 2px; border-radius: 999px; background: linear-gradient(180deg, transparent, rgba(120,183,255,.92), transparent); opacity: 0; transform: scaleY(.45); transform-origin: center; transition: opacity .24s ease, transform .24s ease; } .rth-framework-card:hover::before { opacity: 1; transform: scaleY(1); } .rth-framework-card__number { position: absolute; top: .95rem; right: 1rem; color: rgba(255,255,255,.19); font-family: Manrope, sans-serif; font-size: .72rem; font-weight: 800; letter-spacing: .12em; line-height: 1; } .rth-framework-card__icon { margin-top: .1rem; } .rth-framework-card h3 { max-width: calc(100% - 2rem); } @media (max-width: 767px) { .rth-framework-card { min-height: 0; } } @media (prefers-reduced-motion: reduce) { .rth-framework-card::before { transition: none; } } /* Homepage refinement v1.6.7 — focused mentorship invitation */ .rth-mentorship-heading { max-width: 850px; } .rth-mentorship-conversion { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 1.4rem; align-items: stretch; } .rth-mentorship-invitation, .rth-private-mentorship-card { position: relative; overflow: hidden; border-radius: var(--rth-radius-md); } .rth-mentorship-invitation { display: grid; grid-template-columns: minmax(0, 1fr) 170px; gap: clamp(1.5rem, 3vw, 3rem); align-items: center; min-height: 380px; padding: clamp(2rem, 4vw, 3.5rem); border: 1px solid var(--rth-border); background: linear-gradient(135deg, rgba(255,255,255,.98), rgba(246,250,255,.96)); box-shadow: var(--rth-shadow-sm); } .rth-mentorship-invitation__glow { position: absolute; right: -150px; bottom: -190px; width: 420px; aspect-ratio: 1; border-radius: 50%; background: rgba(0,109,255,.11); filter: blur(56px); pointer-events: none; } .rth-mentorship-invitation__content, .rth-mentorship-invitation__mark { position: relative; z-index: 1; } .rth-mentorship-invitation h3 { max-width: 690px; margin: .45rem 0 1rem; color: var(--rth-navy); font-size: clamp(1.65rem, 2.6vw, 2.45rem); line-height: 1.14; } .rth-mentorship-invitation__lead { max-width: 700px; margin: 0; color: var(--rth-muted); font-size: 1rem; line-height: 1.75; } .rth-mentorship-invitation__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.2rem; margin-top: 1.65rem; } .rth-mentorship-invitation__actions .rth-button { display: inline-flex; align-items: center; gap: .55rem; } .rth-mentorship-invitation__prompt { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: .55rem; max-width: 390px; margin: 0; color: var(--rth-muted); font-size: .78rem; line-height: 1.5; } .rth-mentorship-invitation__prompt-icon { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(0,109,255,.1); color: var(--rth-blue); font-size: .7rem; font-weight: 900; } .rth-mentorship-invitation__mark { display: grid; place-items: center; align-content: center; width: 150px; height: 150px; border: 1px solid rgba(0,109,255,.13); border-radius: 50%; background: rgba(255,255,255,.72); box-shadow: 0 20px 50px rgba(0,26,72,.08); text-align: center; } .rth-mentorship-invitation__mark::before, .rth-mentorship-invitation__mark::after { content: ""; position: absolute; border-radius: 50%; border: 1px solid rgba(0,109,255,.12); } .rth-mentorship-invitation__mark::before { inset: -14px; } .rth-mentorship-invitation__mark::after { inset: 14px; } .rth-mentorship-invitation__mark span, .rth-mentorship-invitation__mark small { position: relative; z-index: 1; } .rth-mentorship-invitation__mark span { color: var(--rth-blue); font-family: Manrope, sans-serif; font-size: 2rem; font-weight: 800; letter-spacing: -.04em; } .rth-mentorship-invitation__mark small { display: block; max-width: 92px; margin-top: .3rem; color: var(--rth-muted); font-size: .63rem; font-weight: 700; line-height: 1.35; } .rth-private-mentorship-card { display: flex; flex-direction: column; min-height: 380px; padding: clamp(1.8rem, 3vw, 2.6rem); border: 1px solid rgba(120,183,255,.27); background: linear-gradient(145deg, #001a48 0%, #002765 58%, #0043a5 145%); color: rgba(255,255,255,.76); box-shadow: 0 24px 55px rgba(0,26,72,.18); } .rth-private-mentorship-card__glow { position: absolute; right: -95px; top: -90px; width: 250px; aspect-ratio: 1; border-radius: 50%; background: rgba(0,109,255,.38); filter: blur(42px); pointer-events: none; } .rth-private-mentorship-card__top, .rth-private-mentorship-card > p, .rth-private-mentorship-card > h3, .rth-private-mentorship-card > a { position: relative; z-index: 1; } .rth-private-mentorship-card__top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.45rem; } .rth-private-mentorship-card__badge { display: inline-flex; align-items: center; min-height: 28px; padding: .42rem .7rem; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(255,255,255,.08); color: #d7e9ff; font-size: .63rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .rth-private-mentorship-card__icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.15); border-radius: 14px; background: rgba(255,255,255,.08); color: #a9d0ff; } .rth-private-mentorship-card__icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; animation: rthPrivateMentorshipIcon 4.4s ease-in-out infinite; } .rth-private-mentorship-card .rth-card-meta { color: #78b7ff; } .rth-private-mentorship-card h3 { margin: .45rem 0 .9rem; color: #fff; font-size: clamp(1.45rem, 2.2vw, 2rem); line-height: 1.2; } .rth-private-mentorship-card > p:not(.rth-card-meta):not(.rth-private-mentorship-card__note) { margin: 0 0 1.4rem; color: rgba(255,255,255,.72); line-height: 1.7; } .rth-private-mentorship-card__button { align-self: flex-start; display: inline-flex; align-items: center; gap: .55rem; margin-top: auto; border-color: rgba(255,255,255,.42); background: rgba(255,255,255,.96); color: var(--rth-navy); } .rth-private-mentorship-card__button:hover { border-color: #fff; background: #fff; color: var(--rth-blue); } .rth-private-mentorship-card__note { margin: .8rem 0 0; color: rgba(255,255,255,.54); font-size: .72rem; font-weight: 700; } @keyframes rthPrivateMentorshipIcon { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.04); } } @media (max-width: 980px) { .rth-mentorship-conversion { grid-template-columns: 1fr; } .rth-private-mentorship-card { min-height: 0; } } @media (max-width: 720px) { .rth-mentorship-invitation { grid-template-columns: 1fr; min-height: 0; } .rth-mentorship-invitation__mark { display: none; } .rth-mentorship-invitation__actions { align-items: flex-start; flex-direction: column; } .rth-mentorship-invitation__prompt { max-width: 100%; } } @media (prefers-reduced-motion: reduce) { .rth-private-mentorship-card__icon svg { animation: none !important; } } /* Homepage refinement v1.6.9 — connected RTH learning system */ .rth-learning-system { position: relative; overflow: hidden; background: radial-gradient(circle at 50% 12%, rgba(0,109,255,.055), transparent 34%), #fff; } .rth-learning-system__heading { max-width: 820px; } .rth-learning-journey { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); margin: clamp(2.8rem, 5vw, 4.6rem) 0 0; padding: 0; list-style: none; } .rth-learning-journey::before, .rth-learning-journey::after { content: ""; position: absolute; left: 8%; right: 8%; top: 38px; height: 2px; border-radius: 999px; } .rth-learning-journey::before { background: rgba(0,26,72,.09); } .rth-learning-journey::after { background: linear-gradient(90deg, rgba(0,109,255,.18), rgba(0,109,255,.9), rgba(0,109,255,.18)); transform: scaleX(0); transform-origin: left center; animation: rthLearningProgress 2.4s ease forwards .25s; } .rth-learning-journey__step { position: relative; z-index: 1; min-width: 0; text-align: center; } .rth-learning-journey__node { position: relative; display: grid; place-items: center; width: 76px; height: 76px; margin: 0 auto 1.45rem; border: 1px solid rgba(0,109,255,.18); border-radius: 50%; background: rgba(255,255,255,.98); box-shadow: 0 14px 36px rgba(0,26,72,.09); } .rth-learning-journey__node::before { content: ""; position: absolute; inset: 7px; border: 1px solid rgba(0,109,255,.1); border-radius: inherit; } .rth-learning-journey__icon { position: relative; z-index: 1; display: grid; place-items: center; width: 35px; height: 35px; color: var(--rth-blue); } .rth-learning-journey__icon svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; animation: rthLearningIconFloat 4.4s ease-in-out infinite; } .rth-learning-journey__step:nth-child(2) .rth-learning-journey__icon svg { animation-delay: -.9s; } .rth-learning-journey__step:nth-child(3) .rth-learning-journey__icon svg { animation-delay: -1.8s; } .rth-learning-journey__step:nth-child(4) .rth-learning-journey__icon svg { animation-delay: -2.7s; } .rth-learning-journey__number { position: absolute; right: -2px; bottom: -2px; display: grid; place-items: center; width: 25px; height: 25px; border: 2px solid #fff; border-radius: 50%; background: var(--rth-navy); color: #fff; font-family: Manrope, sans-serif; font-size: .58rem; font-weight: 800; letter-spacing: .04em; } .rth-learning-journey__content { min-height: 210px; padding: 1.5rem 1.2rem; border: 1px solid rgba(0,26,72,.085); border-radius: var(--rth-radius-md); background: rgba(255,255,255,.82); box-shadow: 0 15px 38px rgba(0,26,72,.055); transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease; } .rth-learning-journey__content:hover { transform: translateY(-4px); border-color: rgba(0,109,255,.22); box-shadow: 0 20px 46px rgba(0,26,72,.085); } .rth-learning-journey h3 { margin: 0 0 .75rem; color: var(--rth-navy); font-size: 1.06rem; line-height: 1.35; } .rth-learning-journey p { margin: 0; color: var(--rth-muted); font-size: .86rem; line-height: 1.68; } .rth-learning-system__statement { display: flex; align-items: center; justify-content: center; gap: .9rem; max-width: 860px; margin: clamp(2.3rem, 4vw, 3.4rem) auto 0; padding: 1.2rem 1.5rem; border: 1px solid rgba(0,109,255,.13); border-radius: 999px; background: rgba(0,109,255,.045); text-align: left; } .rth-learning-system__statement-icon { flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(0,109,255,.1); color: var(--rth-blue); } .rth-learning-system__statement-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; } .rth-learning-system__statement p { margin: 0; color: var(--rth-navy); font-size: .9rem; font-weight: 700; line-height: 1.55; } @keyframes rthLearningProgress { to { transform: scaleX(1); } } @keyframes rthLearningIconFloat { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.045); } } @media (max-width: 980px) { .rth-learning-journey { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 2.4rem; } .rth-learning-journey::before, .rth-learning-journey::after { display: none; } .rth-learning-journey__content { min-height: 190px; } } @media (max-width: 620px) { .rth-learning-journey { grid-template-columns: 1fr; gap: 0; margin-top: 2.5rem; } .rth-learning-journey::before { display: block; left: 37px; right: auto; top: 38px; bottom: 38px; width: 2px; height: auto; background: rgba(0,26,72,.09); } .rth-learning-journey::after { display: block; left: 37px; right: auto; top: 38px; bottom: 38px; width: 2px; height: auto; background: linear-gradient(180deg, rgba(0,109,255,.18), rgba(0,109,255,.9), rgba(0,109,255,.18)); transform: scaleY(0); transform-origin: center top; animation: rthLearningProgressVertical 2.4s ease forwards .25s; } .rth-learning-journey__step { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 1.1rem; align-items: start; padding-bottom: 1.45rem; text-align: left; } .rth-learning-journey__step:last-child { padding-bottom: 0; } .rth-learning-journey__node { margin: 0; } .rth-learning-journey__content { min-height: 0; padding: 1.25rem; } .rth-learning-system__statement { align-items: flex-start; border-radius: var(--rth-radius-md); } } @keyframes rthLearningProgressVertical { to { transform: scaleY(1); } } @media (prefers-reduced-motion: reduce) { .rth-learning-journey::after, .rth-learning-journey__icon svg { animation: none !important; transform: none !important; } } /* Homepage refinement v1.7.0 — RTH transformation */ .rth-transformation { position: relative; background: radial-gradient(circle at 14% 18%, rgba(0,109,255,.3), transparent 34%), linear-gradient(135deg, #001a48 0%, #002c68 58%, #003c88 100%); } .rth-transformation::after { opacity: .45; } .rth-transformation .rth-container { position: relative; z-index: 2; } .rth-transformation__heading { max-width: 820px; margin-bottom: clamp(2.5rem, 5vw, 4.2rem); } .rth-transformation__heading h2 { max-width: 780px; margin: .7rem 0 1rem; color: #fff; font-size: clamp(2rem, 4vw, 3.65rem); line-height: 1.08; } .rth-transformation__heading > p:last-child { max-width: 720px; margin: 0; color: rgba(255,255,255,.7); font-size: 1rem; line-height: 1.75; } .rth-transformation__body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.35rem; } .rth-transformation__list { display: grid; gap: .9rem; } .rth-shift-list .rth-transformation__row { position: relative; display: grid; grid-template-columns: 38px minmax(0, .9fr) 54px minmax(0, 1.1fr); align-items: center; gap: 1rem; padding: 1.15rem 1.25rem; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.065); backdrop-filter: blur(12px); transition: transform .24s ease, border-color .24s ease, background .24s ease; } .rth-shift-list .rth-transformation__row::before { content: ""; position: absolute; inset: 0 0 0 auto; width: 42%; background: linear-gradient(90deg, transparent, rgba(0,109,255,.13)); opacity: 0; transition: opacity .24s ease; } .rth-shift-list .rth-transformation__row:hover { transform: translateY(-3px); border-color: rgba(120,183,255,.36); background: rgba(255,255,255,.085); } .rth-shift-list .rth-transformation__row:hover::before { opacity: 1; } .rth-shift-list .rth-transformation__row::after { display: none; } .rth-transformation__number { position: relative; z-index: 1; color: rgba(255,255,255,.26); font-family: Manrope, sans-serif; font-size: .72rem; font-weight: 800; letter-spacing: .12em; } .rth-transformation__state { position: relative; z-index: 1; min-width: 0; } .rth-transformation__label { display: inline-flex; align-items: center; min-height: 22px; margin-bottom: .48rem; padding: .24rem .55rem; border-radius: 999px; font-size: .58rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .rth-transformation__state--before .rth-transformation__label { border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.055); color: rgba(255,255,255,.52); } .rth-transformation__state--after .rth-transformation__label { border: 1px solid rgba(120,183,255,.22); background: rgba(0,109,255,.16); color: #9dcbff; } .rth-transformation__state p, .rth-transformation__state strong { display: block; margin: 0; line-height: 1.5; } .rth-transformation__state p { color: rgba(255,255,255,.58); font-size: .86rem; } .rth-transformation__state strong { color: #fff; font-family: Manrope, sans-serif; font-size: .96rem; font-weight: 700; } .rth-transformation__arrow { position: relative; z-index: 1; display: grid; place-items: center; color: #78b7ff; } .rth-transformation__arrow svg { width: 42px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; animation: rthTransformationArrow 2.2s ease-in-out infinite; } .rth-transformation__row:nth-child(2) .rth-transformation__arrow svg { animation-delay: -.45s; } .rth-transformation__row:nth-child(3) .rth-transformation__arrow svg { animation-delay: -.9s; } .rth-transformation__row:nth-child(4) .rth-transformation__arrow svg { animation-delay: -1.35s; } .rth-transformation__statement { display: flex; align-items: center; justify-content: center; gap: 1rem; max-width: 930px; margin: .5rem auto 0; padding: 1.3rem 1.6rem; border: 1px solid rgba(120,183,255,.2); border-radius: 18px; background: rgba(255,255,255,.07); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter: blur(12px); text-align: left; } .rth-transformation__statement-icon { flex: 0 0 auto; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(120,183,255,.24); border-radius: 14px; background: rgba(0,109,255,.15); color: #9dcbff; } .rth-transformation__statement-icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; } .rth-transformation__statement p { margin: 0; color: #fff; font-family: Manrope, sans-serif; font-size: clamp(.95rem, 1.5vw, 1.08rem); font-weight: 700; line-height: 1.55; } @keyframes rthTransformationArrow { 0%, 100% { transform: translateX(0); opacity: .68; } 50% { transform: translateX(5px); opacity: 1; } } @media (max-width: 760px) { .rth-shift-list .rth-transformation__row { grid-template-columns: 30px minmax(0, 1fr); gap: .75rem 1rem; padding: 1.15rem; } .rth-transformation__number { grid-column: 1; grid-row: 1; align-self: start; padding-top: .35rem; } .rth-transformation__state--before { grid-column: 2; grid-row: 1; } .rth-transformation__arrow { grid-column: 2; grid-row: 2; justify-content: start; width: 42px; transform: rotate(90deg); transform-origin: left center; margin: .15rem 0 .15rem .15rem; } .rth-transformation__state--after { grid-column: 2; grid-row: 3; } .rth-transformation__statement { align-items: flex-start; } } @media (prefers-reduced-motion: reduce) { .rth-transformation__arrow svg { animation: none !important; } } /* Homepage refinement v1.7.1 — compact desktop transformation layout */ @media (min-width: 981px) { .rth-transformation__heading { margin-bottom: 2.6rem; } .rth-transformation__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .rth-shift-list .rth-transformation__row { grid-template-columns: 28px minmax(0, .92fr) 34px minmax(0, 1.08fr); gap: .65rem; min-height: 158px; padding: 1rem; } .rth-transformation__state p { font-size: .81rem; line-height: 1.48; } .rth-transformation__state strong { font-size: .88rem; line-height: 1.48; } .rth-transformation__arrow svg { width: 32px; } .rth-transformation__statement { margin-top: .25rem; } } /* Homepage refinement v1.7.2 — inline Before and After desktop rows */ @media (min-width: 981px) { .rth-transformation__list { grid-template-columns: 1fr; gap: .75rem; } .rth-shift-list .rth-transformation__row { grid-template-columns: 34px minmax(0, .9fr) 54px minmax(0, 1.1fr); gap: 1rem; min-height: 92px; padding: .95rem 1.2rem; } .rth-transformation__state { display: flex; align-items: center; gap: .72rem; } .rth-transformation__label { flex: 0 0 auto; margin: 0; } .rth-transformation__state p, .rth-transformation__state strong { min-width: 0; } .rth-transformation__state p { font-size: .86rem; } .rth-transformation__state strong { font-size: .94rem; } .rth-transformation__arrow svg { width: 42px; } } /* Homepage refinement v1.7.3 — single line desktop transformations */ @media (min-width: 981px) { .rth-shift-list .rth-transformation__row { grid-template-columns: 34px minmax(0, .92fr) 52px minmax(0, 1.18fr); gap: .9rem; min-height: 82px; padding: .85rem 1.15rem; } .rth-transformation__state { display: flex; align-items: center; flex-wrap: nowrap; gap: .6rem; white-space: nowrap; } .rth-transformation__label, .rth-transformation__state p, .rth-transformation__state strong { flex: 0 0 auto; margin: 0; white-space: nowrap; } .rth-transformation__state p { font-size: clamp(.72rem, .82vw, .84rem); } .rth-transformation__state strong { font-size: clamp(.76rem, .88vw, .92rem); } .rth-transformation__label { padding: .22rem .48rem; font-size: .54rem; } .rth-transformation__arrow { width: 52px; } .rth-transformation__arrow svg { width: 42px; } } @media (min-width: 981px) and (max-width: 1180px) { .rth-shift-list .rth-transformation__row { grid-template-columns: 28px minmax(0, .88fr) 40px minmax(0, 1.12fr); gap: .55rem; padding-right: .85rem; padding-left: .85rem; } .rth-transformation__state { gap: .42rem; } .rth-transformation__state p { font-size: .68rem; } .rth-transformation__state strong { font-size: .72rem; } .rth-transformation__label { padding: .18rem .4rem; font-size: .49rem; } .rth-transformation__arrow { width: 40px; } .rth-transformation__arrow svg { width: 34px; } } /* Homepage refinement v1.7.4: aligned desktop Before and After rows */ @media (min-width: 981px) { .rth-shift-list .rth-transformation__row { display: grid; grid-template-columns: 34px 58px minmax(250px, .92fr) 52px 52px minmax(330px, 1.08fr); align-items: center; column-gap: .72rem; min-height: 78px; padding: .8rem 1.1rem; } .rth-transformation__state { display: contents; } .rth-transformation__number { grid-column: 1; } .rth-transformation__state--before .rth-transformation__label { grid-column: 2; } .rth-transformation__state--before p { grid-column: 3; } .rth-transformation__arrow { grid-column: 4; width: 52px; } .rth-transformation__state--after .rth-transformation__label { grid-column: 5; } .rth-transformation__state--after strong { grid-column: 6; } .rth-transformation__label, .rth-transformation__state p, .rth-transformation__state strong { margin: 0; white-space: nowrap; } .rth-transformation__state p { font-size: clamp(.72rem, .79vw, .84rem); } .rth-transformation__state strong { font-size: clamp(.76rem, .84vw, .91rem); } .rth-transformation__label { justify-self: start; padding: .21rem .44rem; font-size: .52rem; } .rth-transformation__arrow svg { width: 42px; } } @media (min-width: 981px) and (max-width: 1180px) { .rth-shift-list .rth-transformation__row { grid-template-columns: 26px 50px minmax(210px, .9fr) 40px 46px minmax(270px, 1.1fr); column-gap: .45rem; padding-right: .75rem; padding-left: .75rem; } .rth-transformation__state p { font-size: .65rem; } .rth-transformation__state strong { font-size: .69rem; } .rth-transformation__label { padding: .17rem .36rem; font-size: .47rem; } .rth-transformation__arrow { width: 40px; } .rth-transformation__arrow svg { width: 32px; } } /* Homepage refinement v1.7.5: compact desktop transformation matrix */ @media (min-width: 981px) { .rth-transformation__layout { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr); grid-template-rows: auto auto; gap: 1.2rem clamp(2.4rem, 5vw, 5rem); align-items: start; } .rth-transformation__heading { grid-column: 1; grid-row: 1; margin: 0; } .rth-transformation__heading h2 { font-size: clamp(2rem, 3.2vw, 3.15rem); } .rth-transformation__body { display: contents; } .rth-transformation__matrix { grid-column: 2; grid-row: 1 / span 2; min-width: 0; } .rth-transformation__column-heads { display: grid; grid-template-columns: 34px minmax(0, .9fr) 48px minmax(0, 1.1fr); gap: .8rem; align-items: center; margin: 0 0 .55rem; padding: 0 1rem; } .rth-transformation__column-heads span:nth-child(2), .rth-transformation__column-heads span:nth-child(4) { color: #9dcbff; font-size: .62rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; } .rth-transformation__list { grid-template-columns: 1fr; gap: .62rem; } .rth-shift-list .rth-transformation__row { display: grid; grid-template-columns: 34px minmax(0, .9fr) 48px minmax(0, 1.1fr); gap: .8rem; align-items: center; min-height: 70px; padding: .72rem 1rem; } .rth-transformation__state { display: block; min-width: 0; } .rth-transformation__label { display: none; } .rth-transformation__state p, .rth-transformation__state strong { margin: 0; white-space: normal; } .rth-transformation__state p { font-size: .78rem; line-height: 1.45; } .rth-transformation__state strong { font-size: .84rem; line-height: 1.45; } .rth-transformation__arrow { width: 48px; } .rth-transformation__arrow svg { width: 38px; } .rth-transformation__statement { grid-column: 1; grid-row: 2; margin: 0; padding: 1rem 1.1rem; border-radius: 16px; } .rth-transformation__statement p { font-size: .87rem; } } @media (max-width: 980px) { .rth-transformation__column-heads { display: none; } } /* Homepage refinement v1.7.6: RTH Decision Code */ .rth-decision-code { position: relative; overflow: hidden; background: radial-gradient(circle at 14% 18%, rgba(0,109,255,.28), transparent 34%), linear-gradient(135deg, #001a48 0%, #002c68 58%, #003c88 100%); color: rgba(255,255,255,.74); } .rth-decision-code::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.65), transparent 78%); pointer-events: none; } .rth-decision-code__layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr); gap: clamp(2.6rem, 5vw, 5.4rem); align-items: center; } .rth-decision-code__intro { max-width: 520px; } .rth-decision-code__intro h2 { margin: .7rem 0 1rem; color: #fff; font-size: clamp(2rem, 3.4vw, 3.45rem); line-height: 1.08; } .rth-decision-code__intro > p:last-of-type { max-width: 500px; margin: 0; color: rgba(255,255,255,.7); font-size: .98rem; line-height: 1.75; } .rth-decision-code__signature { display: flex; align-items: center; gap: .8rem; margin-top: 1.4rem; padding: .95rem 1rem; border: 1px solid rgba(120,183,255,.2); border-radius: 16px; background: rgba(255,255,255,.065); backdrop-filter: blur(10px); } .rth-decision-code__signature-icon { flex: 0 0 auto; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(120,183,255,.22); border-radius: 13px; background: rgba(0,109,255,.15); color: #9dcbff; } .rth-decision-code__signature-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .rth-decision-code__signature p { margin: 0; color: #fff; font-family: Manrope, sans-serif; font-size: .8rem; font-weight: 700; line-height: 1.55; } .rth-decision-code__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .rth-decision-code__card { position: relative; min-height: 178px; padding: 1.35rem; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.065); backdrop-filter: blur(12px); transition: transform .24s ease, border-color .24s ease, background .24s ease; } .rth-decision-code__card::before { content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 2px; border-radius: 999px; background: linear-gradient(180deg, transparent, #78b7ff, transparent); opacity: 0; transform: scaleY(.45); transition: opacity .24s ease, transform .24s ease; } .rth-decision-code__card:hover { transform: translateY(-4px); border-color: rgba(120,183,255,.34); background: rgba(255,255,255,.085); } .rth-decision-code__card:hover::before { opacity: 1; transform: scaleY(1); } .rth-decision-code__card-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; } .rth-decision-code__icon { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(120,183,255,.2); border-radius: 14px; background: rgba(0,109,255,.13); color: #9dcbff; } .rth-decision-code__icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; animation: rthDecisionCodeIcon 4.4s ease-in-out infinite; } .rth-decision-code__card:nth-child(2) .rth-decision-code__icon svg { animation-delay: -.9s; } .rth-decision-code__card:nth-child(3) .rth-decision-code__icon svg { animation-delay: -1.8s; } .rth-decision-code__card:nth-child(4) .rth-decision-code__icon svg { animation-delay: -2.7s; } .rth-decision-code__number { color: rgba(255,255,255,.22); font-family: Manrope, sans-serif; font-size: .72rem; font-weight: 800; letter-spacing: .12em; } .rth-decision-code__card h3 { margin: 0 0 .55rem; color: #fff; font-size: 1rem; line-height: 1.35; } .rth-decision-code__card p { margin: 0; color: rgba(255,255,255,.64); font-size: .82rem; line-height: 1.62; } @keyframes rthDecisionCodeIcon { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.04); } } @media (max-width: 980px) { .rth-decision-code__layout { grid-template-columns: 1fr; } .rth-decision-code__intro { max-width: 720px; } .rth-decision-code__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 620px) { .rth-decision-code__grid { grid-template-columns: 1fr; } .rth-decision-code__card { min-height: 0; } .rth-decision-code__signature { align-items: flex-start; } } @media (prefers-reduced-motion: reduce) { .rth-decision-code__icon svg { animation: none !important; } } /* Homepage refinement v1.7.7: compact transformation cards */ .rth-transformation-cards { position: relative; overflow: hidden; background: radial-gradient(circle at 14% 18%, rgba(0,109,255,.28), transparent 34%), linear-gradient(135deg, #001a48 0%, #002c68 58%, #003c88 100%); color: rgba(255,255,255,.74); } .rth-transformation-cards::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.65), transparent 78%); pointer-events: none; } .rth-transformation-cards__layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr); gap: clamp(2.6rem, 5vw, 5.4rem); align-items: center; } .rth-transformation-cards__intro { max-width: 520px; } .rth-transformation-cards__intro h2 { margin: .7rem 0 1rem; color: #fff; font-size: clamp(2rem, 3.4vw, 3.45rem); line-height: 1.08; } .rth-transformation-cards__intro > p { max-width: 500px; margin: 0; color: rgba(255,255,255,.7); font-size: .98rem; line-height: 1.75; } .rth-transformation-cards__statement { display: flex; align-items: center; gap: .8rem; margin-top: 1.4rem; padding: .95rem 1rem; border: 1px solid rgba(120,183,255,.2); border-radius: 16px; background: rgba(255,255,255,.065); backdrop-filter: blur(10px); } .rth-transformation-cards__statement-icon { flex: 0 0 auto; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(120,183,255,.22); border-radius: 13px; background: rgba(0,109,255,.15); color: #9dcbff; } .rth-transformation-cards__statement-icon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .rth-transformation-cards__statement p { margin: 0; color: #fff; font-family: Manrope, sans-serif; font-size: .8rem; font-weight: 700; line-height: 1.55; } .rth-transformation-cards__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; } .rth-transformation-card { position: relative; min-height: 245px; padding: 1.25rem; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 18px; background: rgba(255,255,255,.065); backdrop-filter: blur(12px); transition: transform .24s ease, border-color .24s ease, background .24s ease; } .rth-transformation-card::before { content: ""; position: absolute; left: 0; top: 20px; bottom: 20px; width: 2px; border-radius: 999px; background: linear-gradient(180deg, transparent, #78b7ff, transparent); opacity: 0; transform: scaleY(.45); transition: opacity .24s ease, transform .24s ease; } .rth-transformation-card:hover { transform: translateY(-4px); border-color: rgba(120,183,255,.34); background: rgba(255,255,255,.085); } .rth-transformation-card:hover::before { opacity: 1; transform: scaleY(1); } .rth-transformation-card__head { display: flex; align-items: center; gap: .85rem; margin-bottom: 1rem; } .rth-transformation-card__icon { flex: 0 0 auto; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(120,183,255,.2); border-radius: 14px; background: rgba(0,109,255,.13); color: #9dcbff; } .rth-transformation-card__icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; animation: rthTransformationCardIcon 4.4s ease-in-out infinite; } .rth-transformation-card:nth-child(2) .rth-transformation-card__icon svg { animation-delay: -.9s; } .rth-transformation-card:nth-child(3) .rth-transformation-card__icon svg { animation-delay: -1.8s; } .rth-transformation-card:nth-child(4) .rth-transformation-card__icon svg { animation-delay: -2.7s; } .rth-transformation-card__number { display: block; margin-bottom: .15rem; color: rgba(255,255,255,.28); font-family: Manrope, sans-serif; font-size: .62rem; font-weight: 800; letter-spacing: .12em; } .rth-transformation-card h3 { margin: 0; color: #fff; font-size: 1rem; line-height: 1.3; } .rth-transformation-card__states { display: grid; grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr); gap: .65rem; align-items: center; } .rth-transformation-card__state { min-width: 0; padding: .9rem; border-radius: 14px; } .rth-transformation-card__state > span { display: inline-flex; margin-bottom: .45rem; font-size: .56rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .rth-transformation-card__state p, .rth-transformation-card__state strong { display: block; margin: 0; font-size: .75rem; line-height: 1.48; } .rth-transformation-card__state--before { border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.035); } .rth-transformation-card__state--before > span { color: rgba(255,255,255,.48); } .rth-transformation-card__state--before p { color: rgba(255,255,255,.58); } .rth-transformation-card__state--after { border: 1px solid rgba(120,183,255,.16); background: rgba(0,109,255,.12); } .rth-transformation-card__state--after > span { color: #9dcbff; } .rth-transformation-card__state--after strong { color: #fff; font-weight: 700; } .rth-transformation-card__arrow { display: grid; place-items: center; color: #78b7ff; transform: rotate(-90deg); } .rth-transformation-card__arrow svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; animation: rthTransformationCardArrow 2.2s ease-in-out infinite; } @keyframes rthTransformationCardIcon { 0%, 100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.04); } } @keyframes rthTransformationCardArrow { 0%, 100% { transform: translateY(0); opacity: .65; } 50% { transform: translateY(3px); opacity: 1; } } @media (max-width: 1080px) { .rth-transformation-cards__layout { grid-template-columns: 1fr; } .rth-transformation-cards__intro { max-width: 760px; } .rth-transformation-cards__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 680px) { .rth-transformation-cards__grid { grid-template-columns: 1fr; } .rth-transformation-card { min-height: 0; } .rth-transformation-card__states { grid-template-columns: 1fr; gap: .55rem; } .rth-transformation-card__arrow { justify-content: start; transform: none; margin-left: .65rem; } .rth-transformation-cards__statement { align-items: flex-start; } } @media (prefers-reduced-motion: reduce) { .rth-transformation-card__icon svg, .rth-transformation-card__arrow svg { animation: none !important; } } /* Homepage refinement v1.7.8: transformation label readability */ .rth-transformation-card__state > span { font-size: .66rem; font-weight: 900; letter-spacing: .085em; } /* Homepage refinement v1.7.9: stacked transformation states */ .rth-transformation-card__states { display: grid; grid-template-columns: 1fr; gap: .75rem; } .rth-transformation-card__arrow { display: none !important; } .rth-transformation-card__state { padding: 1.05rem; } .rth-transformation-card__state > span { margin-bottom: .58rem; font-size: .74rem; font-weight: 900; letter-spacing: .085em; } .rth-transformation-card__state p, .rth-transformation-card__state strong { font-size: .86rem; line-height: 1.58; } .rth-transformation-card__state--after strong { font-size: .9rem; } @media (max-width: 680px) { .rth-transformation-card__states { grid-template-columns: 1fr; gap: .75rem; } .rth-transformation-card__state > span { font-size: .74rem; } .rth-transformation-card__state p, .rth-transformation-card__state strong { font-size: .86rem; } .rth-transformation-card__state--after strong { font-size: .9rem; } } /* Homepage refinement v1.8.2: Meet Your Mentor portrait framing */ .rth-coach__frame picture, .rth-coach__frame img { width: 100%; height: 100%; } .rth-coach__frame img { display: block; object-fit: cover; object-position: center 18%; } @media (max-width: 1000px) { .rth-coach__frame img { object-position: center 16%; } } @media (max-width: 600px) { .rth-coach__frame img { object-position: center 14%; } } /* Homepage refinement v1.8.3: original uploaded mentor portrait */ .rth-coach__frame { overflow: hidden; } .rth-coach__frame picture, .rth-coach__frame img { width: 100%; height: 100%; } .rth-coach__frame img { display: block; object-fit: contain; object-position: center top; } @media (max-width: 1000px) { .rth-coach__frame img { object-position: center top; } } @media (max-width: 600px) { .rth-coach__frame img { object-position: center top; } } /* Homepage refinement v1.8.7: Meet Your Mentor eyebrow */ .rth-coach .rth-eyebrow { color: #006dff; } /* Homepage refinement v1.8.11: Bootcamp feature section */ .rth-home-bootcamp{position:relative;overflow:hidden;background:#001a48;color:#fff} .rth-home-bootcamp__shell{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(42px,6vw,84px);align-items:center;padding:clamp(34px,5vw,64px);border:1px solid rgba(255,255,255,.11);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018)),#001a48;box-shadow:0 34px 90px rgba(0,14,44,.32);isolation:isolate} .rth-home-bootcamp__glow{position:absolute;inset:auto -14% -46% auto;width:520px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,109,255,.32),rgba(0,109,255,0) 68%);filter:blur(10px);pointer-events:none;z-index:-1;animation:rthBootcampGlow 8s ease-in-out infinite alternate} .rth-home-bootcamp__meta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px} .rth-home-bootcamp__eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;color:#8fc1ff} .rth-home-bootcamp__status-dot{width:9px;height:9px;border-radius:50%;background:#006dff;box-shadow:0 0 0 7px rgba(0,109,255,.14);animation:rthBootcampPulse 2.2s ease-in-out infinite} .rth-home-bootcamp__status{display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border:1px solid rgba(143,193,255,.28);border-radius:999px;background:rgba(0,109,255,.12);color:#cfe5ff;font-size:.78rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase} .rth-home-bootcamp h2{margin:0;max-width:720px;color:#fff;font-size:clamp(2.15rem,4vw,4.15rem);line-height:1.02;letter-spacing:-.045em} .rth-home-bootcamp__intro>p:not(.rth-home-bootcamp__schedule){margin:24px 0 0;max-width:700px;color:rgba(255,255,255,.76);font-size:1.02rem;line-height:1.8} .rth-home-bootcamp__facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px} .rth-home-bootcamp__facts span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);color:rgba(255,255,255,.88);font-size:.82rem;font-weight:700} .rth-home-bootcamp__facts span:before{content:"";width:6px;height:6px;border-radius:50%;background:#006dff;box-shadow:0 0 12px rgba(0,109,255,.65)} .rth-home-bootcamp__actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:32px} .rth-home-bootcamp__link{color:#d9eaff}.rth-home-bootcamp__link:hover,.rth-home-bootcamp__link:focus-visible{color:#fff} .rth-home-bootcamp__schedule{margin:20px 0 0;color:#8fc1ff;font-size:.88rem;font-weight:700} .rth-home-bootcamp__days{display:grid;gap:14px} .rth-home-bootcamp__day{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;align-items:start;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px);transition:transform 220ms ease,border-color 220ms ease,background 220ms ease} .rth-home-bootcamp__day:hover{transform:translateY(-3px);border-color:rgba(0,109,255,.42);background:rgba(255,255,255,.075)} .rth-home-bootcamp__day-number{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#006dff,#004ec3);color:#fff;font-family:"Manrope",sans-serif;font-weight:900;box-shadow:0 12px 28px rgba(0,109,255,.28)} .rth-home-bootcamp__day h3{margin:1px 0 8px;color:#fff;font-size:1.06rem;line-height:1.3} .rth-home-bootcamp__day p{margin:0;color:rgba(255,255,255,.68);font-size:.9rem;line-height:1.65} @keyframes rthBootcampGlow{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-42px,-24px,0) scale(1.08)}} @keyframes rthBootcampPulse{0%,100%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}} @media(max-width:980px){.rth-home-bootcamp__shell{grid-template-columns:1fr}.rth-home-bootcamp__days{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:680px){.rth-home-bootcamp__shell{padding:26px 20px;border-radius:24px}.rth-home-bootcamp__days{grid-template-columns:1fr}.rth-home-bootcamp__day{grid-template-columns:50px minmax(0,1fr);padding:18px}.rth-home-bootcamp__day-number{width:46px;height:46px;border-radius:14px}.rth-home-bootcamp__actions{align-items:stretch}.rth-home-bootcamp__actions .rth-button{width:100%;justify-content:center}} @media(prefers-reduced-motion:reduce){.rth-home-bootcamp__glow,.rth-home-bootcamp__status-dot{animation:none}} /* Homepage refinement v1.8.12: compact Bootcamp desktop layout */ .rth-home-bootcamp { padding-block: clamp(54px, 6vw, 76px); } .rth-home-bootcamp__shell { align-items: start; gap: clamp(32px, 4.5vw, 58px); padding: clamp(28px, 3.8vw, 46px); } .rth-home-bootcamp__meta { margin-bottom: 18px; } .rth-home-bootcamp__intro > p:not(.rth-home-bootcamp__schedule) { margin-top: 18px; line-height: 1.7; } .rth-home-bootcamp__facts { margin-top: 22px; } .rth-home-bootcamp__days { align-self: start; gap: 12px; } .rth-home-bootcamp__day { padding: 19px 20px; } .rth-home-bootcamp__footer { display: grid; gap: 12px; margin-top: 6px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .rth-home-bootcamp__actions { margin-top: 0; } .rth-home-bootcamp__schedule { margin: 0; } @media (max-width: 980px) { .rth-home-bootcamp { padding-block: 56px; } .rth-home-bootcamp__shell { gap: 34px; } .rth-home-bootcamp__footer { grid-column: 1 / -1; } } @media (max-width: 680px) { .rth-home-bootcamp { padding-block: 42px; } .rth-home-bootcamp__shell { padding: 24px 18px; gap: 28px; } .rth-home-bootcamp__footer { padding-top: 16px; } } /* Homepage refinement v1.8.13: Bootcamp event banner */ .rth-home-bootcamp__event-banner { position: relative; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr); gap: 18px; align-items: stretch; margin-bottom: 24px; padding: 8px; border: 1px solid rgba(77, 160, 255, 0.34); border-radius: 22px; background: linear-gradient(135deg, rgba(0, 109, 255, 0.16), rgba(255, 255, 255, 0.035)), rgba(255, 255, 255, 0.035); box-shadow: 0 18px 44px rgba(0, 21, 66, 0.24), 0 0 0 1px rgba(255, 255, 255, 0.025) inset; overflow: hidden; isolation: isolate; } .rth-home-bootcamp__event-banner::before { content: ""; position: absolute; top: 0; bottom: 0; left: -28%; width: 26%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.16), transparent ); transform: skewX(-16deg); animation: rthBootcampBannerSweep 7s ease-in-out infinite; pointer-events: none; z-index: -1; } .rth-home-bootcamp__event-name, .rth-home-bootcamp__event-status { display: flex; align-items: center; min-height: 84px; border-radius: 16px; } .rth-home-bootcamp__event-name { flex-direction: column; align-items: flex-start; justify-content: center; padding: 18px 20px; background: linear-gradient(135deg, #006dff, #004db6); box-shadow: 0 14px 30px rgba(0, 109, 255, 0.24); } .rth-home-bootcamp__event-kicker { display: inline-flex; align-items: center; margin-bottom: 5px; color: rgba(255, 255, 255, 0.72); font-size: 0.7rem; font-weight: 900; letter-spacing: 0.13em; text-transform: uppercase; } .rth-home-bootcamp__event-name strong { color: #ffffff; font-family: "Manrope", sans-serif; font-size: clamp(1rem, 1.5vw, 1.32rem); line-height: 1.25; letter-spacing: -0.02em; } .rth-home-bootcamp__event-status { gap: 14px; padding: 18px 20px; border: 1px solid rgba(143, 193, 255, 0.26); background: rgba(255, 255, 255, 0.055); box-shadow: 0 0 34px rgba(0, 109, 255, 0.12) inset; } .rth-home-bootcamp__event-status > span:last-child { display: grid; gap: 3px; } .rth-home-bootcamp__event-status small { color: #8fc1ff; font-size: 0.68rem; font-weight: 900; letter-spacing: 0.11em; text-transform: uppercase; } .rth-home-bootcamp__event-status strong { color: #ffffff; font-family: "Manrope", sans-serif; font-size: clamp(1rem, 1.45vw, 1.25rem); line-height: 1.25; } .rth-home-bootcamp__status-dot { flex: 0 0 auto; width: 12px; height: 12px; box-shadow: 0 0 0 8px rgba(0, 109, 255, 0.14), 0 0 22px rgba(0, 109, 255, 0.92); } @keyframes rthBootcampBannerSweep { 0%, 18% { left: -28%; opacity: 0; } 28% { opacity: 1; } 52% { left: 118%; opacity: 0; } 100% { left: 118%; opacity: 0; } } @media (max-width: 980px) { .rth-home-bootcamp__event-banner { grid-template-columns: 1fr; } .rth-home-bootcamp__event-name, .rth-home-bootcamp__event-status { min-height: 74px; } } @media (max-width: 680px) { .rth-home-bootcamp__event-banner { gap: 8px; margin-bottom: 20px; padding: 7px; border-radius: 19px; } .rth-home-bootcamp__event-name, .rth-home-bootcamp__event-status { min-height: 68px; padding: 15px 16px; border-radius: 14px; } } @media (prefers-reduced-motion: reduce) { .rth-home-bootcamp__event-banner::before { animation: none; display: none; } } /* Homepage refinement v1.8.14: Bootcamp animated icons */ .rth-home-bootcamp__day { grid-template-columns: 58px minmax(0, 1fr); } .rth-home-bootcamp__day-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: linear-gradient(145deg, #006dff, #004ec3); box-shadow: 0 12px 28px rgba(0, 109, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22); color: #ffffff; animation: rthBootcampIconFloat 3.8s ease-in-out infinite; } .rth-home-bootcamp__day-icon svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; } .rth-home-bootcamp__day-icon--liquidity svg { animation: rthBootcampLiquidityPulse 2.8s ease-in-out infinite; } .rth-home-bootcamp__day-icon--structure svg { animation: rthBootcampStructureShift 3.2s ease-in-out infinite; } .rth-home-bootcamp__day-icon--execution svg { animation: rthBootcampExecutionPulse 2.5s ease-in-out infinite; } .rth-home-bootcamp__day-icon--risk svg { animation: rthBootcampRiskGuard 3s ease-in-out infinite; } .rth-home-bootcamp__day:hover .rth-home-bootcamp__day-icon { transform: translateY(-2px) scale(1.03); box-shadow: 0 16px 34px rgba(0, 109, 255, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24); } @keyframes rthBootcampIconFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2px); } } @keyframes rthBootcampLiquidityPulse { 0%, 100% { transform: scale(1); opacity: 0.94; } 50% { transform: scale(1.05); opacity: 1; } } @keyframes rthBootcampStructureShift { 0%, 100% { transform: translateY(0); opacity: 0.95; } 50% { transform: translateY(-1px); opacity: 1; } } @keyframes rthBootcampExecutionPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } } @keyframes rthBootcampRiskGuard { 0%, 100% { transform: scale(1); opacity: 0.95; } 50% { transform: scale(1.04); opacity: 1; } } @media (max-width: 680px) { .rth-home-bootcamp__day { grid-template-columns: 50px minmax(0, 1fr); } .rth-home-bootcamp__day-icon { width: 46px; height: 46px; border-radius: 14px; } .rth-home-bootcamp__day-icon svg { width: 22px; height: 22px; } } @media (prefers-reduced-motion: reduce) { .rth-home-bootcamp__day-icon, .rth-home-bootcamp__day-icon svg { animation: none; } } /* Homepage refinement v1.8.15: stronger Bootcamp icon motion */ .rth-home-bootcamp__day-icon { animation: rthBootcampIconFloatStrong 2.8s ease-in-out infinite; will-change: transform, box-shadow; } .rth-home-bootcamp__day:nth-child(2) .rth-home-bootcamp__day-icon { animation-delay: 0.22s; } .rth-home-bootcamp__day:nth-child(3) .rth-home-bootcamp__day-icon { animation-delay: 0.44s; } .rth-home-bootcamp__day:nth-child(4) .rth-home-bootcamp__day-icon { animation-delay: 0.66s; } .rth-home-bootcamp__day-icon--liquidity svg { animation: rthBootcampLiquidityWave 2.2s ease-in-out infinite; } .rth-home-bootcamp__day-icon--structure svg { animation: rthBootcampStructureStep 2.5s ease-in-out infinite; } .rth-home-bootcamp__day-icon--execution svg { animation: rthBootcampExecutionTarget 2.1s ease-in-out infinite; transform-origin: center; } .rth-home-bootcamp__day-icon--risk svg { animation: rthBootcampRiskShield 2.4s ease-in-out infinite; transform-origin: center; } .rth-home-bootcamp__day:hover .rth-home-bootcamp__day-icon { animation-play-state: paused; transform: translateY(-5px) scale(1.08) rotate(-2deg); box-shadow: 0 20px 42px rgba(0, 109, 255, 0.42), 0 0 26px rgba(0, 109, 255, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.28); } @keyframes rthBootcampIconFloatStrong { 0%, 100% { transform: translateY(0) rotate(0deg); box-shadow: 0 12px 28px rgba(0, 109, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22); } 35% { transform: translateY(-5px) rotate(-1.5deg); box-shadow: 0 18px 36px rgba(0, 109, 255, 0.38), 0 0 18px rgba(0, 109, 255, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.24); } 65% { transform: translateY(-2px) rotate(1.5deg); } } @keyframes rthBootcampLiquidityWave { 0%, 100% { transform: translateY(0) scale(1); opacity: 0.9; } 50% { transform: translateY(-2px) scale(1.12); opacity: 1; } } @keyframes rthBootcampStructureStep { 0%, 100% { transform: translate(0, 0); opacity: 0.9; } 50% { transform: translate(2px, -2px); opacity: 1; } } @keyframes rthBootcampExecutionTarget { 0%, 100% { transform: scale(1) rotate(0deg); } 50% { transform: scale(1.14) rotate(4deg); } } @keyframes rthBootcampRiskShield { 0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0)); } 50% { transform: scale(1.1); filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.42)); } } @media (prefers-reduced-motion: reduce) { .rth-home-bootcamp__day-icon, .rth-home-bootcamp__day-icon svg { animation: none; } } /* Homepage refinement v1.8.16: static blue frames with visible symbol zoom */ .rth-home-bootcamp__day-icon, .rth-home-bootcamp__day:nth-child(2) .rth-home-bootcamp__day-icon, .rth-home-bootcamp__day:nth-child(3) .rth-home-bootcamp__day-icon, .rth-home-bootcamp__day:nth-child(4) .rth-home-bootcamp__day-icon { animation: none; transform: none; will-change: auto; } .rth-home-bootcamp__day:hover .rth-home-bootcamp__day-icon { animation: none; transform: none; box-shadow: 0 12px 28px rgba(0, 109, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22); } .rth-home-bootcamp__day-icon svg, .rth-home-bootcamp__day-icon--liquidity svg, .rth-home-bootcamp__day-icon--structure svg, .rth-home-bootcamp__day-icon--execution svg, .rth-home-bootcamp__day-icon--risk svg { animation: rthBootcampSymbolZoom 1.65s ease-in-out infinite; transform-origin: center; will-change: transform, filter, opacity; } .rth-home-bootcamp__day:nth-child(2) .rth-home-bootcamp__day-icon svg { animation-delay: 0.18s; } .rth-home-bootcamp__day:nth-child(3) .rth-home-bootcamp__day-icon svg { animation-delay: 0.36s; } .rth-home-bootcamp__day:nth-child(4) .rth-home-bootcamp__day-icon svg { animation-delay: 0.54s; } .rth-home-bootcamp__day:hover .rth-home-bootcamp__day-icon svg { animation-duration: 1.15s; } @keyframes rthBootcampSymbolZoom { 0%, 100% { transform: scale(0.82); opacity: 0.82; filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0)); } 50% { transform: scale(1.28); opacity: 1; filter: drop-shadow(0 0 7px rgba(255, 255, 255, 0.78)); } } @media (prefers-reduced-motion: reduce) { .rth-home-bootcamp__day-icon svg { animation: none; transform: scale(1); } } /* Homepage refinement v1.8.28: service pathways introduction and visual cards */ .rth-pathways-intro{position:relative;overflow:hidden;padding-bottom:clamp(3.5rem,6vw,5.5rem);background:radial-gradient(circle at 12% 25%,rgba(0,109,255,.08),transparent 28%),#fff} .rth-pathways-intro__content{max-width:940px;margin:0 auto;text-align:center} .rth-pathways-intro__content .rth-eyebrow{color:#006dff} .rth-pathways-intro__content h2{margin:14px 0 0;color:#001a48;font-size:clamp(2.5rem,5vw,5.2rem);line-height:1.02;letter-spacing:-.052em} .rth-pathways-intro__content>p:last-child{max-width:760px;margin:22px auto 0;color:#5b6d88;font-size:1.02rem;line-height:1.8} .rth-pathway-feature{position:relative;overflow:hidden;background:#fff;border-top:1px solid rgba(0,26,72,.06)} .rth-pathway-feature--dark{background:radial-gradient(circle at 84% 18%,rgba(0,109,255,.18),transparent 30%),radial-gradient(circle at 8% 82%,rgba(0,109,255,.08),transparent 28%),#001a48;color:#fff;border-top-color:rgba(255,255,255,.07)} .rth-pathway-feature__grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:clamp(48px,7vw,96px);align-items:center} .rth-pathway-feature--reverse .rth-pathway-feature__visual{order:2} .rth-pathway-feature--reverse .rth-pathway-feature__content{order:1} .rth-pathway-feature__visual{position:relative;display:grid;place-items:center;min-height:430px;padding:42px;border:1px solid rgba(0,109,255,.18);border-radius:32px;background:linear-gradient(145deg,rgba(0,109,255,.13),rgba(0,26,72,.025)),#f6f9ff;box-shadow:0 32px 80px rgba(0,26,72,.12),inset 0 1px 0 rgba(255,255,255,.88);overflow:hidden;transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease} .rth-pathway-feature__visual:hover{transform:translateY(-6px);border-color:rgba(0,109,255,.42);box-shadow:0 42px 96px rgba(0,26,72,.16),0 0 0 1px rgba(0,109,255,.04) inset} .rth-pathway-feature--dark .rth-pathway-feature__visual{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),rgba(0,26,72,.76);border-color:rgba(255,255,255,.13);box-shadow:0 34px 88px rgba(0,8,30,.38),inset 0 1px 0 rgba(255,255,255,.08)} .rth-pathway-feature--dark .rth-pathway-feature__visual:hover{border-color:rgba(120,183,255,.4);box-shadow:0 44px 104px rgba(0,8,30,.46),0 0 40px rgba(0,109,255,.08) inset} .rth-pathway-feature__visual:before,.rth-pathway-feature__visual:after{content:"";position:absolute;border:1px solid rgba(0,109,255,.18);border-radius:50%} .rth-pathway-feature__visual:before{width:310px;height:310px;animation:rthPathwayOrbit 12s linear infinite} .rth-pathway-feature__visual:after{width:225px;height:225px;border-style:dashed;animation:rthPathwayOrbitReverse 10s linear infinite} .rth-pathway-feature__visual-card{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;width:min(100%,340px);padding:34px 28px 30px;border:1px solid rgba(0,109,255,.16);border-radius:26px;background:rgba(255,255,255,.88);box-shadow:0 24px 60px rgba(0,26,72,.12),0 1px 0 rgba(255,255,255,.95) inset;text-align:center;backdrop-filter:blur(16px);transition:transform .26s ease,box-shadow .26s ease} .rth-pathway-feature__visual:hover .rth-pathway-feature__visual-card{transform:translateY(-3px) scale(1.015);box-shadow:0 30px 72px rgba(0,26,72,.16),0 1px 0 rgba(255,255,255,.95) inset} .rth-pathway-feature--dark .rth-pathway-feature__visual-card{border-color:rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04)),rgba(0,21,60,.72);box-shadow:0 28px 68px rgba(0,7,28,.35),0 1px 0 rgba(255,255,255,.08) inset} .rth-pathway-feature__visual-kicker{color:#006dff;font-size:.66rem;font-weight:900;letter-spacing:.11em;line-height:1.2;text-transform:uppercase} .rth-pathway-feature--dark .rth-pathway-feature__visual-kicker{color:#8fc1ff} .rth-pathway-feature__visual-card h3{max-width:290px;margin:14px 0 26px;color:#001a48;font-family:"Manrope",sans-serif;font-size:clamp(1.8rem,3vw,2.75rem);font-weight:850;letter-spacing:-.045em;line-height:1.04} .rth-pathway-feature--dark .rth-pathway-feature__visual-card h3{color:#fff} .rth-pathway-feature__icon{position:relative;display:grid;place-items:center;width:118px;height:118px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:linear-gradient(145deg,#006dff,#004aaf);color:#fff;box-shadow:0 24px 48px rgba(0,109,255,.32),inset 0 1px 0 rgba(255,255,255,.28)} .rth-pathway-feature__icon:before{content:"";position:absolute;inset:-11px;border:1px solid rgba(0,109,255,.16);border-radius:38px;animation:rthPathwayIconRing 2.8s ease-in-out infinite} .rth-pathway-feature__icon svg{width:58px;height:58px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;animation:rthPathwayIconPulse 2.4s ease-in-out infinite} .rth-pathway-feature__number{position:absolute;right:24px;bottom:18px;color:rgba(0,109,255,.12);font-family:"Manrope",sans-serif;font-size:clamp(4rem,8vw,7rem);font-weight:900;line-height:1} .rth-pathway-feature--dark .rth-pathway-feature__number{color:rgba(255,255,255,.08)} .rth-pathway-feature__content{max-width:700px} .rth-pathway-feature__content .rth-eyebrow{color:#006dff} .rth-pathway-feature--dark .rth-pathway-feature__content .rth-eyebrow{color:#8fc1ff} .rth-pathway-feature__content h2{margin:14px 0 0;color:#001a48;font-size:clamp(2.2rem,4.3vw,4.6rem);line-height:1.02;letter-spacing:-.045em} .rth-pathway-feature--dark .rth-pathway-feature__content h2{color:#fff} .rth-pathway-feature__description{margin:24px 0 0;color:#4d5f7a;font-size:1.03rem;line-height:1.8} .rth-pathway-feature--dark .rth-pathway-feature__description{color:rgba(255,255,255,.75)} .rth-pathway-feature__points{display:grid;gap:13px;margin:28px 0 32px;padding:0;list-style:none} .rth-pathway-feature__points li{position:relative;padding-left:28px;color:#1c355b;font-weight:700;line-height:1.55} .rth-pathway-feature--dark .rth-pathway-feature__points li{color:rgba(255,255,255,.88)} .rth-pathway-feature__points li:before{content:"";position:absolute;left:0;top:.48em;width:12px;height:7px;border-left:2px solid #006dff;border-bottom:2px solid #006dff;transform:rotate(-45deg)} @keyframes rthPathwayOrbit{to{transform:rotate(360deg)}} @keyframes rthPathwayOrbitReverse{to{transform:rotate(-360deg)}} @keyframes rthPathwayIconPulse{0%,100%{transform:scale(.9);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{transform:scale(1.13);filter:drop-shadow(0 0 8px rgba(255,255,255,.58))}} @keyframes rthPathwayIconRing{0%,100%{transform:scale(.9);opacity:.25}50%{transform:scale(1.05);opacity:.68}} @media(max-width:980px){.rth-pathway-feature__grid{grid-template-columns:1fr;gap:36px}.rth-pathway-feature--reverse .rth-pathway-feature__visual,.rth-pathway-feature--reverse .rth-pathway-feature__content{order:initial}.rth-pathway-feature__visual{min-height:360px}.rth-pathway-feature__content{max-width:none}} @media(max-width:680px){.rth-pathways-intro{padding-bottom:3rem}.rth-pathway-feature__visual{min-height:300px;padding:28px 20px;border-radius:24px}.rth-pathway-feature__visual-card{width:min(100%,300px);padding:28px 20px 26px;border-radius:22px}.rth-pathway-feature__visual-card h3{margin-bottom:22px;font-size:clamp(1.7rem,9vw,2.25rem)}.rth-pathway-feature__icon{width:98px;height:98px;border-radius:25px}.rth-pathway-feature__icon svg{width:48px;height:48px}.rth-pathway-feature__visual:before{width:230px;height:230px}.rth-pathway-feature__visual:after{width:165px;height:165px}} @media(prefers-reduced-motion:reduce){.rth-pathway-feature__visual,.rth-pathway-feature__visual-card,.rth-pathway-feature__visual:before,.rth-pathway-feature__visual:after,.rth-pathway-feature__icon:before,.rth-pathway-feature__icon svg{animation:none;transition:none}} .rth-pathway-feature__primary-cta{box-shadow:0 16px 34px rgba(0,109,255,.24)} .rth-pathway-feature__primary-cta:hover{box-shadow:0 20px 42px rgba(0,109,255,.32);transform:translateY(-2px)} .rth-pathway-feature__visual-card--ai{position:relative;overflow:hidden} .rth-pathway-feature__visual-card--ai:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,109,255,.08),transparent);transform:translateX(-110%);animation:rthAiCardScan 4.6s ease-in-out infinite;pointer-events:none} .rth-pathway-feature__icon--ai{background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.22),transparent 28%),linear-gradient(145deg,#006dff,#003c91)} .rth-pathway-feature__icon--ai svg{animation:rthAiIconThink 2.8s ease-in-out infinite} .rth-pathway-feature__ai-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;margin-top:24px;padding-top:19px} .rth-pathway-feature__ai-flow:before{content:"";position:absolute;left:9%;right:9%;top:7px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(0,109,255,.16),rgba(0,109,255,.72),rgba(0,109,255,.16))} .rth-pathway-feature__ai-flow:after{content:"";position:absolute;top:3px;left:8%;width:10px;height:10px;border-radius:50%;background:#58b1ff;box-shadow:0 0 16px rgba(0,109,255,.75);animation:rthAiFlowTravel 3.6s ease-in-out infinite} .rth-pathway-feature__ai-flow span{display:grid;justify-items:center;gap:7px} .rth-pathway-feature__ai-flow i{position:relative;z-index:1;display:block;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#006dff;box-shadow:0 0 0 4px rgba(0,109,255,.12),0 0 12px rgba(0,109,255,.28);animation:rthAiFlowNode 2.2s ease-in-out infinite} .rth-pathway-feature__ai-flow span:nth-child(2) i{animation-delay:.18s} .rth-pathway-feature__ai-flow span:nth-child(3) i{animation-delay:.36s} .rth-pathway-feature__ai-flow span:nth-child(4) i{animation-delay:.54s} .rth-pathway-feature__ai-flow b{color:#48617f;font-size:.55rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase} .rth-pathway-feature__notice{max-width:620px;margin:16px 0 0;color:#6d7d92;font-size:.7rem;line-height:1.55} .rth-home-tools-feature{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 18%,rgba(0,109,255,.12),transparent 30%),linear-gradient(180deg,#f8fbff,#fff);border-top:1px solid rgba(0,26,72,.06)} .rth-home-tools-feature:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,109,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,109,255,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);pointer-events:none} .rth-home-tools-feature__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.9fr);gap:clamp(48px,7vw,92px);align-items:center} .rth-home-tools-feature__content{max-width:710px} .rth-home-tools-feature__content .rth-eyebrow{color:#006dff} .rth-home-tools-feature__content h2{margin:14px 0 0;color:#001a48;font-size:clamp(2.35rem,4.8vw,4.9rem);line-height:1.02;letter-spacing:-.052em} .rth-home-tools-feature__content>p:not(.rth-eyebrow){margin:24px 0 0;color:#586b86;font-size:1rem;line-height:1.8} .rth-home-tools-feature__highlights{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 30px} .rth-home-tools-feature__highlights span{padding:9px 12px;border:1px solid rgba(0,109,255,.14);border-radius:999px;background:rgba(0,109,255,.055);color:#24466f;font-size:.72rem;font-weight:850} .rth-home-tools-feature__visual{position:relative;padding:24px;border:1px solid rgba(0,109,255,.18);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,246,255,.9));box-shadow:0 34px 88px rgba(0,26,72,.16),inset 0 1px 0 rgba(255,255,255,.92);overflow:hidden} .rth-home-tools-feature__visual:before{content:"";position:absolute;top:-120px;right:-90px;width:260px;height:260px;border-radius:50%;background:rgba(0,109,255,.14);filter:blur(42px);animation:rthToolsGlow 5.6s ease-in-out infinite;pointer-events:none} .rth-home-tools-feature__visual-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(0,26,72,.08)} .rth-home-tools-feature__visual-head>div{display:grid;gap:4px} .rth-home-tools-feature__visual-head span{color:#006dff;font-size:.66rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase} .rth-home-tools-feature__visual-head strong{color:#001a48;font-family:"Manrope",sans-serif;font-size:1rem} .rth-home-tools-feature__visual-head i{padding:6px 9px;border-radius:999px;background:#001a48;color:#fff;font-size:.58rem;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase} .rth-home-tools-feature__cards{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px} .rth-home-tools-feature__cards article{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;padding:15px;border:1px solid rgba(0,26,72,.08);border-radius:17px;background:rgba(255,255,255,.8);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease} .rth-home-tools-feature__cards article:hover{transform:translateY(-4px);border-color:rgba(0,109,255,.3);box-shadow:0 18px 34px rgba(0,26,72,.1)} .rth-home-tools-feature__tool-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,#006dff,#004baf);color:#fff;box-shadow:0 12px 24px rgba(0,109,255,.2)} .rth-home-tools-feature__tool-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:rthToolsIconPulse 2.5s ease-in-out infinite} .rth-home-tools-feature__cards article>div{display:grid;gap:3px} .rth-home-tools-feature__cards strong{color:#001a48;font-size:.78rem} .rth-home-tools-feature__cards small{color:#6e7e94;font-size:.63rem} .rth-home-tools-feature__signal{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:7px;height:54px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(0,26,72,.08)} .rth-home-tools-feature__signal span{width:7px;height:14px;border-radius:999px;background:linear-gradient(180deg,#55adff,#006dff);box-shadow:0 0 12px rgba(0,109,255,.22);animation:rthToolsSignal 1.55s ease-in-out infinite} .rth-home-tools-feature__signal span:nth-child(2){animation-delay:.12s} .rth-home-tools-feature__signal span:nth-child(3){animation-delay:.24s} .rth-home-tools-feature__signal span:nth-child(4){animation-delay:.36s} .rth-home-tools-feature__signal span:nth-child(5){animation-delay:.48s} .rth-home-tools-feature__signal span:nth-child(6){animation-delay:.6s} @keyframes rthAiCardScan{0%,22%{transform:translateX(-115%);opacity:0}45%{opacity:1}72%,100%{transform:translateX(115%);opacity:0}} @keyframes rthAiIconThink{0%,100%{transform:scale(.9);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}50%{transform:scale(1.14);filter:drop-shadow(0 0 9px rgba(255,255,255,.62))}} @keyframes rthAiFlowTravel{0%{left:8%;opacity:0}12%{opacity:1}50%{left:50%;opacity:1}88%{opacity:1}100%{left:88%;opacity:0}} @keyframes rthAiFlowNode{0%,100%{transform:scale(.88);opacity:.65}50%{transform:scale(1.18);opacity:1}} @keyframes rthToolsGlow{0%,100%{transform:scale(.9) translate(0,0);opacity:.65}50%{transform:scale(1.08) translate(-14px,16px);opacity:1}} @keyframes rthToolsIconPulse{0%,100%{transform:scale(.9);opacity:.82}50%{transform:scale(1.13);opacity:1}} @keyframes rthToolsSignal{0%,100%{height:12px;opacity:.45}50%{height:40px;opacity:1}} @media(max-width:980px){.rth-home-tools-feature__grid{grid-template-columns:1fr}.rth-home-tools-feature__content{max-width:none}.rth-home-tools-feature__visual{max-width:760px}} @media(max-width:680px){.rth-pathway-feature__ai-flow{gap:4px}.rth-pathway-feature__ai-flow b{font-size:.48rem}.rth-pathway-feature__notice{font-size:.66rem}} @media(max-width:680px){.rth-home-tools-feature__cards{grid-template-columns:1fr}.rth-home-tools-feature__visual{padding:18px;border-radius:22px}.rth-home-tools-feature__visual-head{align-items:flex-start;flex-direction:column}.rth-home-tools-feature__highlights{align-items:stretch;flex-direction:column}.rth-home-tools-feature__highlights span{text-align:center}} @media(prefers-reduced-motion:reduce){.rth-pathway-feature__visual-card--ai:before,.rth-pathway-feature__icon--ai svg,.rth-pathway-feature__ai-flow:after,.rth-pathway-feature__ai-flow i,.rth-home-tools-feature__visual:before,.rth-home-tools-feature__tool-icon svg,.rth-home-tools-feature__signal span{animation:none}} /* Homepage refinement v1.8.35: Trader Experiences carousel */ .rth-home-reviews{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(0,109,255,.08),transparent 28%),#fff} .rth-home-reviews__intro{max-width:820px;margin:0 auto;text-align:center} .rth-home-reviews__intro .rth-eyebrow{color:#006dff} .rth-home-reviews__intro h2{margin:14px 0 0;color:#001a48;font-size:clamp(2.3rem,4.8vw,4.9rem);line-height:1.02;letter-spacing:-.05em} .rth-home-reviews__intro>p:last-child{margin:22px auto 0;max-width:720px;color:#5b6d88;font-size:1.02rem;line-height:1.8} .rth-home-reviews__carousel{--reviews-gap:22px;--reviews-per-view:3;position:relative;margin-top:46px} .rth-home-reviews__viewport{overflow:hidden;padding:16px 2px 20px;touch-action:pan-y} .rth-home-reviews__track{display:flex;align-items:stretch;gap:var(--reviews-gap);transform:translate3d(0,0,0);transition:transform .58s cubic-bezier(.22,.61,.36,1);will-change:transform} .rth-home-review-card{position:relative;display:flex;flex:0 0 calc((100% - ((var(--reviews-per-view) - 1) * var(--reviews-gap))) / var(--reviews-per-view));flex-direction:column;min-width:0;min-height:440px;padding:28px;border:1px solid rgba(0,109,255,.13);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 20px 52px rgba(0,26,72,.08);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;overflow:hidden} .rth-home-review-card:after{content:"";position:absolute;inset:auto 20px 0;height:2px;background:linear-gradient(90deg,transparent,#006dff,transparent);opacity:0;transform:scaleX(.5);transition:opacity .22s ease,transform .22s ease} .rth-home-review-card:hover{transform:translateY(-5px);border-color:rgba(0,109,255,.34);box-shadow:0 28px 64px rgba(0,26,72,.12)} .rth-home-review-card:hover:after{opacity:1;transform:scaleX(1)} .rth-home-review-card--featured{background:linear-gradient(145deg,rgba(0,109,255,.09),rgba(255,255,255,.97)),#fff;box-shadow:0 30px 70px rgba(0,26,72,.13)} .rth-home-review-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px} .rth-home-review-card__reviewer{display:flex;align-items:center;gap:13px;min-width:0} .rth-home-review-card__reviewer img,.rth-home-review-card__avatar{flex:0 0 auto;width:64px;height:64px;border:3px solid #fff;border-radius:50%;box-shadow:0 10px 24px rgba(0,26,72,.16),0 0 0 1px rgba(0,109,255,.16)} .rth-home-review-card__reviewer img{object-fit:cover} .rth-home-review-card__avatar{display:grid;place-items:center;background:linear-gradient(145deg,#006dff,#004cae);color:#fff} .rth-home-review-card__avatar svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round} .rth-home-review-card__avatar--trustpilot{background:linear-gradient(145deg,#00b67a,#008f60)} .rth-home-review-card__avatar--trustpilot svg{width:32px;height:32px;fill:#fff;stroke:none} .rth-home-review-card__status--trustpilot{background:rgba(0,182,122,.1);color:#008f60} .rth-home-review-card--trustpilot{border-color:rgba(0,182,122,.22)} .rth-home-review-card--trustpilot:hover{border-color:rgba(0,182,122,.48)} .rth-home-review-card__star-muted{color:rgba(64,86,116,.2)} .rth-home-review-card__identity{display:grid;gap:3px;min-width:0} .rth-home-review-card__identity strong{overflow:hidden;color:#001a48;font-family:"Manrope",sans-serif;font-size:.94rem;line-height:1.25;text-overflow:ellipsis} .rth-home-review-card__identity span{color:#6a7b94;font-size:.74rem;font-weight:750} .rth-home-review-card__status{display:inline-flex;align-items:center;flex:0 0 auto;min-height:30px;padding:6px 10px;border-radius:999px;background:rgba(0,109,255,.08);color:#006dff;font-size:.61rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase} .rth-home-review-card__quote{color:#006dff;font-family:Georgia,serif;font-size:4rem;line-height:.8} .rth-home-review-card__rating{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px} .rth-home-review-card__rating>div{display:flex;align-items:center;gap:9px} .rth-home-review-card__stars{color:#f4b400;font-size:1rem;letter-spacing:.08em;line-height:1} .rth-home-review-card__rating b{color:#405674;font-size:.72rem} .rth-home-review-card__testimonial-mark{margin-top:22px;color:#006dff;font-family:Georgia,serif;font-size:4rem;line-height:.72} .rth-home-review-card>p{margin:20px 0 34px;color:#2f4466;font-size:.91rem;line-height:1.76} .rth-home-review-card footer{display:grid;gap:4px;margin-top:auto;padding-top:20px;border-top:1px solid rgba(0,26,72,.08)} .rth-home-review-card footer strong{color:#001a48;font-family:"Manrope",sans-serif;font-size:.9rem} .rth-home-review-card footer span{color:#6a7b94;font-size:.76rem;font-weight:700} .rth-home-review-card--verified{border-color:rgba(0,109,255,.24);background:linear-gradient(145deg,rgba(0,109,255,.055),rgba(255,255,255,.96)),#fff;box-shadow:0 26px 64px rgba(0,26,72,.11)} .rth-home-review-card--featured.rth-home-review-card--verified{border-color:rgba(0,109,255,.36);background:linear-gradient(145deg,rgba(0,109,255,.11),rgba(255,255,255,.97)),#fff;box-shadow:0 30px 72px rgba(0,26,72,.15)} .rth-home-reviews__controls{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-top:18px} .rth-home-reviews__buttons{display:flex;gap:10px} .rth-home-reviews__arrow{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid rgba(0,109,255,.18);border-radius:50%;background:#fff;color:#001a48;box-shadow:0 12px 28px rgba(0,26,72,.08);transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease} .rth-home-reviews__arrow:hover{transform:translateY(-2px);border-color:#006dff;background:#006dff;color:#fff} .rth-home-reviews__arrow:disabled{cursor:not-allowed;opacity:.38;transform:none} .rth-home-reviews__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} .rth-home-reviews__dots{display:flex;align-items:center;justify-content:center;gap:8px;min-height:32px} .rth-home-reviews__dot{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:rgba(0,26,72,.18);transition:width .22s ease,background .22s ease} .rth-home-reviews__dot.is-active{width:28px;background:#006dff} .rth-home-reviews__position{min-width:68px;margin:0;color:#536680;font-size:.73rem;font-weight:850;text-align:right} .rth-home-reviews__footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;padding:24px 28px;border:1px solid rgba(0,109,255,.12);border-radius:20px;background:#f7faff} .rth-home-reviews__footer p{margin:0;color:#5c6e87;font-size:.9rem;font-weight:700} @media(max-width:1080px){.rth-home-reviews__carousel{--reviews-per-view:2}.rth-home-review-card{min-height:420px}} @media(max-width:680px){ .rth-home-reviews__carousel{--reviews-gap:14px;--reviews-per-view:1;margin-top:34px} .rth-home-reviews__viewport{overflow:hidden;padding:8px 1px 16px} .rth-home-review-card{min-height:0;padding:22px;border-radius:20px} .rth-home-review-card:hover{transform:none} .rth-home-review-card__top{gap:10px} .rth-home-review-card__reviewer img,.rth-home-review-card__avatar{width:58px;height:58px} .rth-home-review-card__identity strong{font-size:.88rem} .rth-home-review-card__status{padding:5px 7px;font-size:.52rem} .rth-home-reviews__controls{grid-template-columns:auto 1fr;margin-top:14px} .rth-home-reviews__position{display:none} .rth-home-reviews__arrow{width:42px;height:42px} .rth-home-reviews__footer{align-items:stretch;flex-direction:column;padding:20px} .rth-home-reviews__footer .rth-button{width:100%;justify-content:center} } @media(max-width:430px){ .rth-home-review-card__top{align-items:flex-start;flex-direction:column} .rth-home-review-card__status{margin-left:71px} .rth-home-reviews__controls{grid-template-columns:1fr} .rth-home-reviews__buttons{justify-content:center;order:2} .rth-home-reviews__dots{order:1} } @media(prefers-reduced-motion:reduce){.rth-home-reviews__track,.rth-home-review-card,.rth-home-reviews__arrow,.rth-home-reviews__dot{transition:none}} /* Homepage refinement v1.8.23: Rity Fundamental Decoder */ .rth-home-decoder { position: relative; overflow: hidden; background: radial-gradient(circle at 8% 12%, rgba(0, 109, 255, 0.2), transparent 30%), radial-gradient(circle at 92% 88%, rgba(0, 109, 255, 0.12), transparent 32%), #001a48; color: #ffffff; } .rth-home-decoder::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px); background-size: 54px 54px; mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent); pointer-events: none; } .rth-home-decoder__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(390px, 0.88fr); gap: clamp(50px, 7vw, 92px); align-items: center; } .rth-home-decoder__content { max-width: 720px; } .rth-home-decoder__meta { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 22px; } .rth-home-decoder__meta .rth-eyebrow { margin: 0; color: #8fc1ff; } .rth-home-decoder__status { display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid rgba(143, 193, 255, 0.24); border-radius: 999px; background: rgba(255, 255, 255, 0.06); color: #d9ebff; font-size: 0.7rem; font-weight: 900; letter-spacing: 0.05em; text-transform: uppercase; white-space: nowrap; } .rth-home-decoder__status-dot { width: 8px; height: 8px; border-radius: 50%; background: #58e89a; box-shadow: 0 0 0 6px rgba(88, 232, 154, 0.12); animation: rthDecoderStatusPulse 1.8s ease-in-out infinite; } .rth-home-decoder__content h2 { margin: 0; color: #ffffff; font-size: clamp(2.7rem, 5vw, 5.35rem); line-height: 0.98; letter-spacing: -0.055em; } .rth-home-decoder__content h2 span { display: block; color: #54a6ff; } .rth-home-decoder__intro { margin: 25px 0 0; color: rgba(255, 255, 255, 0.74); font-size: 1.02rem; line-height: 1.82; } .rth-home-decoder__benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 30px; } .rth-home-decoder__benefits article { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; align-items: start; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 18px; background: rgba(255, 255, 255, 0.045); transition: transform 200ms ease, border-color 200ms ease, background 200ms ease; } .rth-home-decoder__benefits article:hover { transform: translateY(-3px); border-color: rgba(84, 166, 255, 0.38); background: rgba(255, 255, 255, 0.07); } .rth-home-decoder__benefit-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: linear-gradient(145deg, #006dff, #004baf); color: #ffffff; box-shadow: 0 12px 26px rgba(0, 109, 255, 0.25); } .rth-home-decoder__benefit-icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; animation: rthDecoderIconPulse 2.4s ease-in-out infinite; } .rth-home-decoder__benefits h3 { margin: 0; color: #ffffff; font-size: 0.92rem; line-height: 1.3; } .rth-home-decoder__benefits p { margin: 6px 0 0; color: rgba(255, 255, 255, 0.64); font-size: 0.76rem; line-height: 1.55; } .rth-home-decoder__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin-top: 32px; } .rth-home-decoder__link { color: #b9d9ff; } .rth-home-decoder__visual { position: relative; padding: 24px; border: 1px solid rgba(143, 193, 255, 0.2); border-radius: 28px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)), rgba(0, 16, 49, 0.7); box-shadow: 0 36px 90px rgba(0, 9, 35, 0.38), 0 0 0 1px rgba(255, 255, 255, 0.025) inset; backdrop-filter: blur(18px); overflow: hidden; } .rth-home-decoder__visual::before { content: ""; position: absolute; top: -40%; right: -30%; width: 280px; height: 280px; border-radius: 50%; background: rgba(0, 109, 255, 0.2); filter: blur(60px); animation: rthDecoderGlow 6s ease-in-out infinite; pointer-events: none; } .rth-home-decoder__visual-header { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.09); } .rth-home-decoder__visual-header > div { display: grid; gap: 4px; } .rth-home-decoder__visual-label { color: #75b6ff; font-size: 0.67rem; font-weight: 900; letter-spacing: 0.11em; text-transform: uppercase; } .rth-home-decoder__visual-header strong { color: #ffffff; font-family: "Manrope", sans-serif; font-size: 1rem; } .rth-home-decoder__visual-live { display: inline-flex; align-items: center; gap: 7px; color: #dff9eb; font-size: 0.68rem; font-weight: 900; text-transform: uppercase; } .rth-home-decoder__visual-live > span { width: 8px; height: 8px; border-radius: 50%; background: #58e89a; box-shadow: 0 0 12px rgba(88, 232, 154, 0.72); } .rth-home-decoder__event { position: relative; margin-top: 20px; padding: 18px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 20px; background: rgba(255, 255, 255, 0.04); } .rth-home-decoder__currency { display: flex; align-items: center; gap: 12px; } .rth-home-decoder__currency > span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #006dff; color: #ffffff; font-size: 0.74rem; font-weight: 900; letter-spacing: 0.05em; box-shadow: 0 14px 30px rgba(0, 109, 255, 0.28); } .rth-home-decoder__currency > div { display: grid; gap: 4px; } .rth-home-decoder__currency strong { color: #ffffff; font-size: 0.9rem; } .rth-home-decoder__currency small { color: rgba(255, 255, 255, 0.55); font-size: 0.72rem; } .rth-home-decoder__metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 18px; } .rth-home-decoder__metrics > div { display: grid; gap: 5px; padding: 11px; border-radius: 13px; background: rgba(255, 255, 255, 0.045); } .rth-home-decoder__metrics span { color: rgba(255, 255, 255, 0.52); font-size: 0.62rem; font-weight: 800; text-transform: uppercase; } .rth-home-decoder__metrics strong { color: #ffffff; font-size: 0.8rem; line-height: 1.3; } .rth-home-decoder__metric-focus { border: 1px solid rgba(84, 166, 255, 0.26); background: rgba(0, 109, 255, 0.12) !important; } .rth-home-decoder__impact { margin-top: 14px; padding: 17px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 18px; background: rgba(255, 255, 255, 0.035); } .rth-home-decoder__impact-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .rth-home-decoder__impact-head span { color: rgba(255, 255, 255, 0.54); font-size: 0.66rem; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; } .rth-home-decoder__impact-head strong { color: #86e7ae; font-size: 0.74rem; } .rth-home-decoder__impact-bars { display: grid; gap: 10px; margin-top: 15px; } .rth-home-decoder__impact-bars > span { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 11px; align-items: center; min-height: 12px; } .rth-home-decoder__impact-bars i { color: rgba(255, 255, 255, 0.62); font-size: 0.58rem; font-style: normal; font-weight: 900; letter-spacing: 0.03em; line-height: 1; text-align: left; } .rth-home-decoder__impact-track { position: relative; display: block; height: 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); overflow: hidden; } .rth-home-decoder__impact-track::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--rth-impact); border-radius: inherit; background: linear-gradient(90deg, #006dff, #58b1ff); box-shadow: 0 0 14px rgba(0, 109, 255, 0.34); animation: rthDecoderBar 2.8s ease-in-out infinite alternate; } .rth-home-decoder__insight { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; margin-top: 14px; padding: 17px; border: 1px solid rgba(84, 166, 255, 0.22); border-radius: 18px; background: linear-gradient(145deg, rgba(0, 109, 255, 0.13), rgba(255, 255, 255, 0.03)); } .rth-home-decoder__insight-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: rgba(0, 109, 255, 0.18); color: #8fc1ff; } .rth-home-decoder__insight-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; animation: rthDecoderInsightPulse 2.2s ease-in-out infinite; } .rth-home-decoder__insight > div > span { color: #75b6ff; font-size: 0.67rem; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; } .rth-home-decoder__insight p { margin: 6px 0 0; color: rgba(255, 255, 255, 0.72); font-size: 0.76rem; line-height: 1.58; } .rth-home-decoder__visual-note { margin: 14px 0 0; color: rgba(255, 255, 255, 0.42); font-size: 0.64rem; line-height: 1.5; text-align: center; } @keyframes rthDecoderStatusPulse { 0%, 100% { transform: scale(0.88); opacity: 0.72; } 50% { transform: scale(1.12); opacity: 1; } } @keyframes rthDecoderIconPulse { 0%, 100% { transform: scale(0.88); opacity: 0.8; } 50% { transform: scale(1.15); opacity: 1; } } @keyframes rthDecoderGlow { 0%, 100% { transform: translate(0, 0) scale(0.92); opacity: 0.6; } 50% { transform: translate(-20px, 24px) scale(1.12); opacity: 1; } } @keyframes rthDecoderBar { from { transform: scaleX(0.84); transform-origin: left; opacity: 0.72; } to { transform: scaleX(1); transform-origin: left; opacity: 1; } } @keyframes rthDecoderInsightPulse { 0%, 100% { transform: scale(0.9); filter: drop-shadow(0 0 0 rgba(143, 193, 255, 0)); } 50% { transform: scale(1.14); filter: drop-shadow(0 0 7px rgba(143, 193, 255, 0.62)); } } @media (max-width: 1080px) { .rth-home-decoder__grid { grid-template-columns: 1fr; } .rth-home-decoder__content { max-width: none; } .rth-home-decoder__visual { max-width: 760px; } } @media (max-width: 680px) { .rth-home-decoder__meta { align-items: flex-start; flex-direction: column; } .rth-home-decoder__status { white-space: normal; } .rth-home-decoder__benefits { grid-template-columns: 1fr; } .rth-home-decoder__visual { padding: 18px; border-radius: 22px; } .rth-home-decoder__visual-header, .rth-home-decoder__impact-head { align-items: flex-start; flex-direction: column; } .rth-home-decoder__metrics { grid-template-columns: 1fr; } .rth-home-decoder__actions { align-items: stretch; flex-direction: column; } .rth-home-decoder__actions .rth-button { justify-content: center; width: 100%; } } @media (prefers-reduced-motion: reduce) { .rth-home-decoder *, .rth-home-decoder *::before, .rth-home-decoder *::after { animation: none !important; } } /* Homepage refinement v1.8.43: premium Meet Your Mentor image fit */ .rth-coach__visual { width: min(100%, 520px); margin-inline: auto; justify-self: center; } .rth-coach__frame { width: min(100%, 500px); min-height: 0; aspect-ratio: .92; margin-inline: auto; border-radius: 30px; } .rth-coach__frame img { left: 46%; bottom: 0; width: 120%; height: auto; max-width: none; object-fit: initial; object-position: initial; transform: translateX(-50%); } @media (max-width: 1000px) { .rth-coach__visual { width: min(100%, 500px); } .rth-coach__frame { width: min(100%, 480px); aspect-ratio: .92; } .rth-coach__frame img { left: 46%; width: 120%; } } @media (max-width: 600px) { .rth-coach__visual { width: 100%; } .rth-coach__frame { width: min(100%, 400px); aspect-ratio: .9; border-radius: 24px; } .rth-coach__frame img { left: 46%; width: 118%; } } /* Homepage v1.8.92: reconciled Mentorship offer cards. */ .rth-home-offers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.25rem, 2.5vw, 2rem); margin-top: clamp(2.2rem, 4vw, 3.4rem); } .rth-home-offer-card { position: relative; isolation: isolate; display: flex; flex-direction: column; min-height: 100%; padding: clamp(1.55rem, 3vw, 2.5rem); overflow: hidden; border: 1px solid rgba(0, 26, 72, .14); border-radius: clamp(22px, 3vw, 30px); background: #fff; box-shadow: 0 22px 58px rgba(0, 26, 72, .1); transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } .rth-home-offer-card:hover { transform: translateY(-6px); border-color: rgba(0, 109, 255, .38); box-shadow: 0 30px 72px rgba(0, 26, 72, .15); } .rth-home-offer-card__glow { position: absolute; top: -110px; right: -90px; z-index: -1; width: 250px; height: 250px; border-radius: 50%; background: radial-gradient(circle, rgba(0, 109, 255, .16), transparent 68%); pointer-events: none; } .rth-home-offer-card__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid rgba(0, 26, 72, .1); } .rth-home-offer-card h3 { max-width: 260px; margin: .25rem 0 0; font-size: clamp(1.45rem, 2.3vw, 2rem); } .rth-home-offer-card__price { display: flex; align-items: flex-end; flex-direction: column; min-width: 155px; text-align: right; } .rth-home-offer-card__price strong { color: var(--rth-navy); font-family: Manrope, sans-serif; font-size: clamp(2.6rem, 5vw, 4.1rem); font-weight: 800; line-height: .95; letter-spacing: -.06em; } .rth-home-offer-card__price span { max-width: 180px; margin-top: .65rem; color: var(--rth-blue); font-size: .78rem; font-weight: 700; line-height: 1.45; } .rth-home-offer-card__features { display: grid; gap: .9rem; margin: 1.6rem 0 1.8rem; padding: 0; list-style: none; } .rth-home-offer-card__features li { display: grid; grid-template-columns: 24px 1fr; gap: .7rem; align-items: start; color: var(--rth-muted); font-size: .94rem; line-height: 1.55; } .rth-home-offer-card__features li > span { display: grid; place-items: center; width: 22px; height: 22px; margin-top: .05rem; border-radius: 50%; background: rgba(0, 109, 255, .1); color: var(--rth-blue); font-size: .74rem; font-weight: 900; } .rth-home-offer-card__button { justify-content: center; width: 100%; margin-top: auto; background: var(--rth-navy); color: #fff; } .rth-home-offer-card__button:hover { background: var(--rth-blue); color: #fff; } .rth-home-offer-card--lifetime { border-color: rgba(0, 109, 255, .46); background: linear-gradient(145deg, #001a48 0%, #002e72 100%); box-shadow: 0 28px 72px rgba(0, 26, 72, .24); } .rth-home-offer-card--lifetime .rth-home-offer-card__glow { background: radial-gradient(circle, rgba(0, 109, 255, .5), transparent 68%); } .rth-home-offer-card--lifetime .rth-home-offer-card__header { border-bottom-color: rgba(255, 255, 255, .16); } .rth-home-offer-card--lifetime h3, .rth-home-offer-card--lifetime .rth-home-offer-card__price strong { color: #fff; } .rth-home-offer-card--lifetime .rth-home-offer-card__price span { color: #7eb6ff; } .rth-home-offer-card--lifetime .rth-home-offer-card__features li { color: rgba(255, 255, 255, .78); } .rth-home-offer-card--lifetime .rth-home-offer-card__features li > span { background: rgba(255, 255, 255, .12); color: #fff; } .rth-home-offer-card--lifetime .rth-home-offer-card__button { background: #fff; color: var(--rth-navy); } .rth-home-offer-card--lifetime .rth-home-offer-card__button:hover { background: #eaf3ff; color: var(--rth-navy); } .rth-home-offers__risk-note { max-width: 920px; margin: 1.35rem auto 0; color: var(--rth-muted); font-size: .78rem; line-height: 1.65; text-align: center; } @media (max-width: 880px) { .rth-home-offers { grid-template-columns: 1fr; max-width: 680px; margin-inline: auto; } } @media (max-width: 560px) { .rth-home-offer-card__header { flex-direction: column; } .rth-home-offer-card__price { align-items: flex-start; text-align: left; } .rth-home-offer-card__features li { font-size: .9rem; } } @media (prefers-reduced-motion: reduce) { .rth-home-offer-card { transition: none; } .rth-home-offer-card:hover { transform: none; } } /* Homepage v1.8.93: the first two locked Mentorship pricing cards. */ .rth-home-mentor-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 980px; margin-inline: auto; } @media (max-width: 900px) { .rth-home-mentor-price-grid { grid-template-columns: 1fr; max-width: 680px; } } /* Homepage v1.8.94: premium programme cards, section order and Telegram community. */ html:has(.rth-homepage), body:has(.rth-homepage) { overflow-x: clip; } .rth-home-program-grid { max-width: 1080px; } .rth-home-program-card { min-width: 0; } .rth-home-program-card .rth-mentor-price-card-top { padding-right: 0 !important; } .rth-home-program-card .rth-mentor-price-label { max-width: 220px; white-space: normal; text-align: right; } .rth-home-program-name strong { font-size: clamp(2.72rem, 3.7vw, 2.95rem) !important; } .rth-home-program-name span { font-size: .7rem !important; letter-spacing: .03em !important; } .rth-home-program-card .rth-mentor-price-summary, .rth-home-program-card .rth-mentor-price-fit { min-height: 0; } .rth-home-program-card--bootcamp { transform: translateY(-10px); } .rth-home-program-card--bootcamp:hover { transform: translateY(-15px); } .rth-home-bootcamp-cycle { display: grid; gap: .58rem; margin: .15rem 0 1rem; padding: .95rem; border: 1px solid rgba(0, 109, 255, .16); border-radius: 16px; background: radial-gradient(circle at 92% 8%, rgba(0, 109, 255, .12), transparent 42%), linear-gradient(145deg, #f8fbff, #eef6ff); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9); } .rth-home-bootcamp-cycle__head { display: flex; align-items: center; justify-content: space-between; gap: .8rem; } .rth-home-bootcamp-cycle__head > span { color: #526985; font-size: .61rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; } .rth-home-bootcamp-cycle__head strong { color: #001a48; font-family: Manrope, sans-serif; font-size: .95rem; } .rth-home-bootcamp-cycle > small { color: #006dff; font-size: .72rem; font-weight: 800; } .rth-home-bootcamp-countdown { padding-top: .7rem; border-top: 1px solid rgba(0, 26, 72, .08); } .rth-home-bootcamp-countdown > p { margin: 0 0 .58rem; color: #526985; font-size: .62rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; } .rth-home-bootcamp-countdown__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; } .rth-home-bootcamp-countdown__grid > div { display: grid; gap: .16rem; place-items: center; min-width: 0; padding: .5rem .2rem; border: 1px solid rgba(0, 109, 255, .1); border-radius: 10px; background: rgba(255, 255, 255, .8); } .rth-home-bootcamp-countdown__grid strong { color: #001a48; font-family: Manrope, sans-serif; font-size: 1.02rem; font-variant-numeric: tabular-nums; line-height: 1; } .rth-home-bootcamp-countdown__grid span { color: #6d7f98; font-size: .52rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; } .rth-home-bootcamp-cycle__state { margin: .1rem 0 0; padding-top: .65rem; border-top: 1px solid rgba(0, 26, 72, .08); color: #405674; font-size: .75rem; font-weight: 700; line-height: 1.55; } .rth-home-bootcamp-cycle__state strong { color: #006dff; } /* The RTH Transformation: requested premium grey treatment. */ .rth-transformation-cards { background: radial-gradient(circle at 12% 14%, rgba(0, 109, 255, .07), transparent 31%), linear-gradient(180deg, #f4f6f9 0%, #edf1f5 100%); color: #536680; } .rth-transformation-cards::before { background: linear-gradient(rgba(0, 26, 72, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 26, 72, .025) 1px, transparent 1px); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent 82%); } .rth-transformation-cards::after { background: radial-gradient(circle at 88% 86%, rgba(0, 109, 255, .08), transparent 34%); } .rth-transformation-cards__intro .rth-eyebrow { color: #006dff; } .rth-transformation-cards__intro h2 { color: #001a48; } .rth-transformation-cards__intro > p { color: #5d6f87; } .rth-transformation-cards__statement { border-color: rgba(0, 109, 255, .14); background: rgba(255, 255, 255, .68); box-shadow: 0 16px 38px rgba(0, 26, 72, .055); } .rth-transformation-cards__statement-icon { border-color: rgba(0, 109, 255, .16); background: rgba(0, 109, 255, .08); color: #006dff; } .rth-transformation-cards__statement p { color: #001a48; } .rth-transformation-card { border-color: rgba(0, 26, 72, .09); background: rgba(255, 255, 255, .8); box-shadow: 0 18px 44px rgba(0, 26, 72, .065); } .rth-transformation-card:hover { border-color: rgba(0, 109, 255, .25); background: #fff; box-shadow: 0 25px 58px rgba(0, 26, 72, .1); } .rth-transformation-card__icon { border-color: rgba(0, 109, 255, .15); background: rgba(0, 109, 255, .08); color: #006dff; } .rth-transformation-card__number { color: rgba(0, 26, 72, .34); } .rth-transformation-card h3, .rth-transformation-card__state--after strong { color: #001a48; } .rth-transformation-card__state--before { border-color: rgba(0, 26, 72, .07); background: rgba(0, 26, 72, .035); } .rth-transformation-card__state--before > span { color: #d86472; } .rth-transformation-card__state--before p { color: #63758d; } .rth-transformation-card__state--after { border-color: rgba(0, 109, 255, .14); background: rgba(0, 109, 255, .07); } .rth-transformation-card__state--after > span { color: #006dff; } /* Premium Telegram community section. */ .rth-home-community { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(rgba(255, 255, 255, .022) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .022) 1px, transparent 1px), linear-gradient(135deg, #001a48 0%, #002e6b 58%, #00479b 100%); background-size: 52px 52px, 52px 52px, auto; color: rgba(255, 255, 255, .74); } .rth-home-community__ambient { position: absolute; z-index: -1; border-radius: 50%; filter: blur(34px); pointer-events: none; } .rth-home-community__ambient--one { top: -220px; right: -120px; width: 520px; height: 520px; background: rgba(0, 109, 255, .31); } .rth-home-community__ambient--two { bottom: -230px; left: 12%; width: 430px; height: 430px; background: rgba(80, 164, 255, .12); } .rth-home-community__grid { display: grid; grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr); gap: clamp(3rem, 6vw, 6.5rem); align-items: center; } .rth-home-community__copy { max-width: 600px; } .rth-home-community__copy .rth-eyebrow { color: #8fc1ff; } .rth-home-community__copy h2 { margin: .75rem 0 1.15rem; color: #fff; font-size: clamp(2.35rem, 4.8vw, 5rem); line-height: 1.02; letter-spacing: -.052em; } .rth-home-community__copy > p:not(.rth-eyebrow):not(.rth-home-community__note) { max-width: 570px; margin: 0; color: rgba(255, 255, 255, .74); font-size: 1rem; line-height: 1.8; } .rth-home-community__benefits { display: flex; flex-wrap: wrap; gap: .65rem; margin: 1.6rem 0 1.75rem; } .rth-home-community__benefits span { display: inline-flex; align-items: center; gap: .55rem; padding: .58rem .78rem; border: 1px solid rgba(255, 255, 255, .12); border-radius: 999px; background: rgba(255, 255, 255, .065); color: rgba(255, 255, 255, .9); font-size: .72rem; font-weight: 750; } .rth-home-community__benefits span::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #4fa3ff; box-shadow: 0 0 14px rgba(79, 163, 255, .7); } .rth-home-community__button { box-shadow: 0 16px 38px rgba(0, 0, 0, .2); } .rth-home-community__button svg { width: 1.08rem; height: 1.08rem; fill: currentColor; stroke: none; } .rth-home-community__note { max-width: 520px; margin: 1rem 0 0; color: rgba(255, 255, 255, .54); font-size: .7rem; line-height: 1.65; } .rth-home-community__visual { position: relative; width: min(100%, 680px); justify-self: end; } .rth-home-community__image-frame { position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, .22); border-radius: clamp(24px, 3vw, 36px); background: #fff; box-shadow: 0 34px 90px rgba(0, 0, 0, .32); } .rth-home-community__image-frame::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5); pointer-events: none; } .rth-home-community__image-frame img { display: block; width: 100%; height: auto; transition: transform .7s cubic-bezier(.2, .65, .25, 1); } .rth-home-community__visual:hover .rth-home-community__image-frame img { transform: scale(1.025); } .rth-home-community__proof-card { position: absolute; display: grid; gap: .16rem; min-width: 170px; padding: .82rem 1rem; border: 1px solid rgba(255, 255, 255, .52); border-radius: 15px; background: rgba(255, 255, 255, .9); box-shadow: 0 18px 45px rgba(0, 0, 0, .2); backdrop-filter: blur(14px); } .rth-home-community__proof-card strong { color: #d62828; font-family: Manrope, sans-serif; font-size: .8rem; } .rth-home-community__proof-card span { color: #405674; font-size: .63rem; font-weight: 700; } .rth-home-community__proof-card--top { top: 10%; left: -8%; } .rth-home-community__proof-card--bottom { right: -5%; bottom: 9%; } @media (max-width: 980px) { .rth-home-community__grid { grid-template-columns: 1fr; } .rth-home-community__copy { max-width: 760px; } .rth-home-community__visual { width: min(100%, 760px); justify-self: center; } } @media (max-width: 900px) { .rth-home-program-card--bootcamp, .rth-home-program-card--bootcamp:hover { transform: none; } } @media (max-width: 620px) { .rth-home-program-card .rth-mentor-price-card-top { align-items: flex-start; flex-direction: column; } .rth-home-program-card .rth-mentor-price-label { max-width: 100%; text-align: left; } .rth-home-program-name strong { font-size: clamp(2.55rem, 13vw, 3.45rem) !important; } .rth-home-bootcamp-cycle__head { align-items: flex-start; flex-direction: column; } .rth-home-community__copy h2 { font-size: clamp(2.25rem, 12vw, 3.45rem); } .rth-home-community__benefits { display: none; } .rth-home-community__benefits span { justify-content: center; } .rth-home-community__button { justify-content: center; width: 100%; } .rth-home-community__proof-card { min-width: 145px; padding: .68rem .78rem; } .rth-home-community__proof-card--top { top: 6%; left: 3%; } .rth-home-community__proof-card--bottom { right: 3%; bottom: 6%; } } @media (prefers-reduced-motion: reduce) { .rth-home-community__image-frame img { transition: none; } .rth-home-community__visual:hover .rth-home-community__image-frame img { transform: none; } } /* Homepage v1.8.95: expanded precision-framed programme cards and bespoke icons. */ .rth-home-program-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1.35rem, 2.4vw, 2rem); max-width: 1240px; margin-top: clamp(3rem, 5vw, 4.65rem); } .rth-mentor-price-grid-premium .rth-home-program-card { position: relative; isolation: isolate; overflow: hidden; min-width: 0; padding: clamp(1.65rem, 2.35vw, 2.15rem); border: 1px solid transparent; border-radius: 32px; background: linear-gradient(158deg, rgba(255, 255, 255, .995), rgba(248, 251, 255, .975)) padding-box, linear-gradient(138deg, rgba(255, 255, 255, .96), rgba(0, 26, 72, .48) 28%, rgba(156, 189, 229, .46) 53%, rgba(0, 26, 72, .64) 76%, rgba(255, 255, 255, .9)) border-box; box-shadow: 0 1px 0 rgba(255, 255, 255, .98) inset, 0 0 0 1px rgba(0, 26, 72, .035), 0 28px 70px rgba(0, 26, 72, .13), 0 9px 24px rgba(0, 26, 72, .06); transform: none; transition: transform .38s cubic-bezier(.2, .7, .2, 1), box-shadow .38s ease, border-color .38s ease; } .rth-mentor-price-grid-premium .rth-home-program-card--bootcamp { background: radial-gradient(circle at 92% 4%, rgba(0, 109, 255, .115), transparent 30%) padding-box, linear-gradient(158deg, rgba(255, 255, 255, .995), rgba(245, 250, 255, .98)) padding-box, linear-gradient(138deg, rgba(255, 255, 255, .96), rgba(0, 109, 255, .72) 28%, rgba(133, 189, 255, .55) 53%, rgba(0, 71, 170, .72) 76%, rgba(255, 255, 255, .9)) border-box; box-shadow: 0 1px 0 rgba(255, 255, 255, .98) inset, 0 0 0 1px rgba(0, 109, 255, .05), 0 30px 74px rgba(0, 83, 190, .15), 0 9px 24px rgba(0, 26, 72, .06); } .rth-mentor-price-grid-premium .rth-home-program-card:hover, .rth-mentor-price-grid-premium .rth-home-program-card--featured:hover { transform: translateY(-7px); box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 0 0 1px rgba(0, 109, 255, .08), 0 38px 88px rgba(0, 56, 132, .19), 0 12px 30px rgba(0, 26, 72, .08); } .rth-mentor-price-grid-premium .rth-home-program-card::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(112deg, transparent 17%, rgba(255, 255, 255, .7) 37%, transparent 55%), repeating-linear-gradient(90deg, transparent 0 84px, rgba(0, 26, 72, .018) 85px, transparent 86px); background-position: 170% 0, 0 0; background-size: 210% 100%, auto; opacity: .58; pointer-events: none; transition: background-position .9s cubic-bezier(.2, .65, .25, 1), opacity .4s ease; } .rth-mentor-price-grid-premium .rth-home-program-card:hover::before { background-position: -90% 0, 0 0; opacity: .88; animation: none; } .rth-mentor-price-grid-premium .rth-home-program-card::after { content: ""; position: absolute; top: 0; left: 70px; right: 70px; z-index: 3; height: 3px !important; border-radius: 0 0 999px 999px; background: linear-gradient(90deg, transparent, rgba(0, 26, 72, .66), #001a48, rgba(0, 26, 72, .66), transparent) !important; opacity: .9 !important; animation: rthProgrammeCrown 4.6s ease-in-out infinite !important; } .rth-mentor-price-grid-premium .rth-home-program-card--bootcamp::after { background: linear-gradient(90deg, transparent, rgba(80, 164, 255, .8), #006dff, rgba(80, 164, 255, .8), transparent) !important; } .rth-home-program-card > *:not(.rth-home-program-card__halo):not(.rth-home-program-card__precision-frame) { position: relative; z-index: 2; } .rth-home-program-card__halo { position: absolute; top: -185px; right: -155px; z-index: 0; width: 390px; height: 390px; border-radius: 50%; background: radial-gradient(circle, rgba(0, 26, 72, .105), rgba(0, 26, 72, 0) 68%); filter: blur(7px); pointer-events: none; animation: rthProgrammeHalo 7s ease-in-out infinite alternate; } .rth-home-program-card--bootcamp .rth-home-program-card__halo { background: radial-gradient(circle, rgba(0, 109, 255, .2), rgba(0, 109, 255, 0) 68%); animation-delay: -2.4s; } .rth-home-program-card__precision-frame { position: absolute !important; inset: 9px; z-index: 1 !important; border: 1px solid rgba(0, 26, 72, .07); border-radius: 24px; pointer-events: none; } .rth-home-program-card--bootcamp .rth-home-program-card__precision-frame { border-color: rgba(0, 109, 255, .1); } .rth-home-program-card__precision-frame::before, .rth-home-program-card__precision-frame::after { content: ""; position: absolute; width: 52px; height: 52px; border-color: rgba(0, 26, 72, .38); pointer-events: none; } .rth-home-program-card__precision-frame::before { top: -1px; left: -1px; border-top: 2px solid; border-left: 2px solid; border-radius: 24px 0 0; } .rth-home-program-card__precision-frame::after { right: -1px; bottom: -1px; border-right: 2px solid; border-bottom: 2px solid; border-radius: 0 0 24px; } .rth-home-program-card--bootcamp .rth-home-program-card__precision-frame::before, .rth-home-program-card--bootcamp .rth-home-program-card__precision-frame::after { border-color: rgba(0, 109, 255, .55); } .rth-home-program-card .rth-mentor-price-card-top { align-items: center; margin-bottom: 1.25rem; } .rth-home-program-card .rth-mentor-price-label { max-width: 270px; padding: .52rem .78rem; border-radius: 999px; background: rgba(255, 255, 255, .72); box-shadow: 0 9px 24px rgba(0, 26, 72, .055), inset 0 1px 0 rgba(255, 255, 255, .9); font-size: .64rem; line-height: 1.35; letter-spacing: .075em; backdrop-filter: blur(10px); } .rth-home-program-icon { position: relative; width: 70px; height: 70px; border-radius: 23px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -10px 24px rgba(0, 26, 72, .055), 0 15px 34px rgba(0, 26, 72, .14), 0 0 0 6px rgba(0, 26, 72, .035); transition: transform .38s cubic-bezier(.2, .7, .2, 1), box-shadow .38s ease; } .rth-home-program-icon::before { content: ""; position: absolute; inset: 7px; border: 1px solid rgba(0, 26, 72, .11); border-radius: 17px; pointer-events: none; } .rth-home-program-icon--bootcamp { border-color: rgba(0, 109, 255, .2) !important; background: linear-gradient(145deg, #f5faff, #dcecff) !important; color: #006dff !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), inset 0 -10px 24px rgba(0, 109, 255, .07), 0 15px 34px rgba(0, 85, 194, .17), 0 0 0 6px rgba(0, 109, 255, .045); } .rth-home-program-icon--bootcamp::before { border-color: rgba(0, 109, 255, .18); } .rth-home-program-card:hover .rth-home-program-icon { transform: translateY(-3px) rotate(-1deg); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), inset 0 -10px 24px rgba(0, 109, 255, .07), 0 20px 42px rgba(0, 79, 180, .2), 0 0 0 8px rgba(0, 109, 255, .05); } .rth-home-program-icon svg { width: 46px; height: 46px; stroke-width: 2; } .rth-program-icon-book, .rth-program-icon-market-path, .rth-program-icon-market-arrow, .rth-program-icon-stopwatch-top, .rth-program-icon-stopwatch-ring { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; } .rth-program-icon-book { stroke-dasharray: 110; stroke-dashoffset: 110; animation: rthProgrammeBookDraw 4.8s ease-in-out infinite; } .rth-program-icon-book--right { animation-delay: .18s; } .rth-program-icon-market-path, .rth-program-icon-market-arrow { stroke-width: 2.5; stroke-dasharray: 70; stroke-dashoffset: 70; animation: rthProgrammeMarketRise 4.8s .65s ease-in-out infinite; } .rth-program-icon-market-node, .rth-program-icon-stopwatch-center, .rth-program-icon-day { fill: currentColor; stroke: none; transform-box: fill-box; transform-origin: center; } .rth-program-icon-market-node { animation: rthProgrammeNodePulse 2.2s ease-in-out infinite; } .rth-program-icon-stopwatch-ring, .rth-program-icon-stopwatch-top { stroke-dasharray: 145; stroke-dashoffset: 145; animation: rthProgrammeStopwatchDraw 4.8s ease-in-out infinite; } .rth-program-icon-stopwatch-sweep { fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transform-origin: 32px 34px; animation: rthProgrammeSweep 6s linear infinite; } .rth-program-icon-stopwatch-center { animation: rthProgrammeNodePulse 2s ease-in-out infinite; } .rth-program-icon-day { opacity: .32; animation: rthProgrammeDayPulse 2.8s ease-in-out infinite; } .rth-program-icon-day--two { animation-delay: .35s; } .rth-program-icon-day--three { animation-delay: .7s; } .rth-program-icon-day--four { animation-delay: 1.05s; } .rth-home-program-card .rth-mentor-price-kicker { margin-bottom: .52rem; font-size: .7rem; letter-spacing: .11em; } .rth-home-program-name { min-height: 116px !important; margin: .65rem 0 1.15rem !important; padding: 1.05rem 1.2rem .95rem !important; border-radius: 22px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), 0 15px 34px rgba(0, 26, 72, .075) !important; } .rth-home-program-name strong { font-size: clamp(3rem, 4vw, 3.65rem) !important; letter-spacing: -.06em !important; } .rth-home-program-name span { margin-top: .34rem !important; font-size: .72rem !important; letter-spacing: .075em !important; } .rth-home-program-card__overview { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(215px, .92fr); gap: .85rem; align-items: stretch; margin-bottom: 1rem; } .rth-home-program-card__overview .rth-mentor-price-summary, .rth-home-program-card__overview .rth-mentor-price-fit { min-height: 0; margin: 0; padding: 1rem 1.05rem; border: 1px solid rgba(0, 26, 72, .075); border-radius: 17px; background: rgba(255, 255, 255, .66); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92); } .rth-home-program-card__overview .rth-mentor-price-summary { color: #526985; font-size: .86rem; line-height: 1.7; } .rth-home-program-card__overview .rth-mentor-price-fit { background: linear-gradient(138deg, rgba(0, 109, 255, .075), rgba(255, 255, 255, .74)); } .rth-home-program-card__overview .rth-mentor-price-fit strong { font-size: .75rem; line-height: 1.55; } .rth-home-program-card .rth-home-bootcamp-cycle { margin: .1rem 0 1.05rem; padding: 1rem 1.05rem; border-radius: 18px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96), 0 12px 28px rgba(0, 109, 255, .065); } .rth-mentor-price-grid-premium .rth-home-program-card ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem .85rem; margin: .2rem 0 1.4rem; padding: 1rem; border: 1px solid rgba(0, 26, 72, .07); border-radius: 18px; background: rgba(255, 255, 255, .58); } .rth-mentor-price-grid-premium .rth-home-program-card li, .rth-mentor-price-grid-premium .rth-home-program-card li + li { margin: 0; padding-left: 1.35rem; font-size: .78rem; line-height: 1.5; } .rth-mentor-price-grid-premium .rth-home-program-card li:last-child { grid-column: 1 / -1; } .rth-mentor-price-grid-premium .rth-home-program-card .rth-button { min-height: 54px; border-radius: 15px; font-size: .84rem; letter-spacing: .025em; } @keyframes rthProgrammeCrown { 0%, 100% { opacity: .64; filter: brightness(.92); } 50% { opacity: 1; filter: brightness(1.22); } } @keyframes rthProgrammeHalo { from { opacity: .65; transform: translate3d(-8px, -4px, 0) scale(.94); } to { opacity: 1; transform: translate3d(10px, 8px, 0) scale(1.08); } } @keyframes rthProgrammeBookDraw { 0%, 12% { stroke-dashoffset: 22; opacity: .58; } 45%, 78% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: -22; opacity: .62; } } @keyframes rthProgrammeMarketRise { 0%, 18% { stroke-dashoffset: 24; opacity: .48; } 48%, 78% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: -24; opacity: .52; } } @keyframes rthProgrammeStopwatchDraw { 0%, 12% { stroke-dashoffset: 34; opacity: .54; } 42%, 82% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: -34; opacity: .58; } } @keyframes rthProgrammeSweep { to { transform: rotate(360deg); } } @keyframes rthProgrammeNodePulse { 0%, 100% { opacity: .58; transform: scale(.78); } 50% { opacity: 1; transform: scale(1.28); } } @keyframes rthProgrammeDayPulse { 0%, 100% { opacity: .28; transform: scale(.72); } 45% { opacity: 1; transform: scale(1.22); } } @media (max-width: 1040px) { .rth-home-program-grid { grid-template-columns: 1fr; max-width: 820px; } .rth-mentor-price-grid-premium .rth-home-program-card--bootcamp, .rth-mentor-price-grid-premium .rth-home-program-card--bootcamp:hover { transform: none; } } @media (max-width: 680px) { .rth-mentor-price-grid-premium .rth-home-program-card { padding: 1.35rem; border-radius: 26px; } .rth-home-program-card__precision-frame { inset: 7px; border-radius: 20px; } .rth-home-program-card .rth-mentor-price-card-top { align-items: center; flex-direction: row; } .rth-home-program-card .rth-mentor-price-label { max-width: 185px; font-size: .57rem; text-align: right; } .rth-home-program-icon { width: 62px; height: 62px; border-radius: 20px; } .rth-home-program-icon svg { width: 41px; height: 41px; } .rth-home-program-name { min-height: 104px !important; padding: .9rem 1rem .82rem !important; border-radius: 18px !important; } .rth-home-program-name strong { font-size: clamp(2.35rem, 11.2vw, 3rem) !important; } .rth-home-program-card__overview { grid-template-columns: 1fr; } .rth-mentor-price-grid-premium .rth-home-program-card ul { grid-template-columns: 1fr; } .rth-mentor-price-grid-premium .rth-home-program-card li:last-child { grid-column: auto; } } @media (max-width: 420px) { .rth-home-program-card .rth-mentor-price-card-top { align-items: flex-start; flex-direction: column; } .rth-home-program-card .rth-mentor-price-label { max-width: 100%; text-align: left; } } @media (prefers-reduced-motion: reduce) { .rth-home-program-card__halo, .rth-mentor-price-grid-premium .rth-home-program-card::after, .rth-program-icon-book, .rth-program-icon-market-path, .rth-program-icon-market-arrow, .rth-program-icon-market-node, .rth-program-icon-stopwatch-ring, .rth-program-icon-stopwatch-top, .rth-program-icon-stopwatch-sweep, .rth-program-icon-stopwatch-center, .rth-program-icon-day { animation: none !important; } .rth-mentor-price-grid-premium .rth-home-program-card:hover, .rth-mentor-price-grid-premium .rth-home-program-card--featured:hover, .rth-home-program-card:hover .rth-home-program-icon { transform: none; } } /* Homepage v1.8.96: prelaunch path correction; visual design remains v1.8.95. */ /* Homepage v1.8.98: focused programme, community, Decoder, Academy and FAQ refinement. */ .rth-home-bootcamp-countdown > p { max-width: 34rem; margin-inline: auto; color: #001a48; font-size: .78rem; font-weight: 850; line-height: 1.55; text-align: center; text-transform: none; } /* Free Telegram community moved to a clean white premium surface. */ .rth-home-community { background: radial-gradient(circle at 92% 12%, rgba(0,109,255,.09), transparent 31%), radial-gradient(circle at 8% 88%, rgba(120,183,255,.08), transparent 30%), #fff; color: #0b1733; border-top: 1px solid rgba(0,26,72,.06); border-bottom: 1px solid rgba(0,26,72,.06); } .rth-home-community__ambient--one { background: rgba(0,109,255,.09); } .rth-home-community__ambient--two { background: rgba(120,183,255,.09); } .rth-home-community__grid { grid-template-columns: minmax(0,.78fr) minmax(460px,1.22fr); gap: clamp(3rem,6vw,7rem); } .rth-home-community__copy .rth-eyebrow { color: #006dff; } .rth-home-community__copy h2 { color: #001a48; } .rth-home-community__copy > p:not(.rth-eyebrow):not(.rth-home-community__note) { color: #536680; } .rth-home-community__benefits span { border-color: rgba(0,109,255,.13); background: #f4f8ff; color: #1c355b; } .rth-home-community__note { color: #667890; } .rth-home-community__button { box-shadow: 0 16px 38px rgba(0,109,255,.2); } .rth-home-community__visual { width: min(100%,740px); } .rth-home-community__image-frame { border-color: rgba(0,109,255,.16); box-shadow: 0 34px 84px rgba(0,26,72,.16); background: #fff; } .rth-home-community__image-frame img { transform: scale(1.013); transform-origin: center center; } .rth-home-community__visual:hover .rth-home-community__image-frame img { transform: scale(1.034); } .rth-home-community__proof-card { border-color: rgba(0,109,255,.18); box-shadow: 0 18px 45px rgba(0,26,72,.16); } .rth-home-community__proof-card--top { top: -2.5%; left: -5%; } .rth-home-community__proof-card--bottom { right: -3%; bottom: -2.5%; } /* The full RTH Learning System is removed; its closing philosophy remains. */ .rth-learning-message { padding-block: clamp(2.4rem,4.5vw,4.3rem); background: #f4f7fb; } .rth-learning-message__shell { position: relative; display: grid; grid-template-columns: auto minmax(0,1fr); gap: clamp(1.1rem,2.5vw,2rem); align-items: center; max-width: 1040px; margin-inline: auto; padding: clamp(1.5rem,3vw,2.3rem); border: 1px solid rgba(0,109,255,.14); border-radius: 26px; background: linear-gradient(145deg,#fff,#f8fbff); box-shadow: 0 20px 55px rgba(0,26,72,.08); overflow: hidden; } .rth-learning-message__shell::after { content:""; position:absolute; right:-80px; top:-100px; width:230px; height:230px; border-radius:50%; background:rgba(0,109,255,.075); filter:blur(8px); } .rth-learning-message__icon { position:relative; z-index:1; display:grid; place-items:center; width:68px; height:68px; border-radius:20px; background:linear-gradient(145deg,#006dff,#004da8); color:#fff; box-shadow:0 16px 34px rgba(0,109,255,.25); } .rth-learning-message__icon svg { width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } .rth-learning-message__label { display:block; margin-bottom:.45rem; color:#006dff; font-size:.7rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; } .rth-learning-message p { position:relative; z-index:1; margin:0; color:#001a48; font-family:Manrope,sans-serif; font-size:clamp(1.25rem,2.3vw,2rem); font-weight:800; line-height:1.38; letter-spacing:-.025em; } /* Trading Academy now uses a calm grey surface. */ .rth-pathway-feature--academy-gray { background: #edf1f5; color:#0b1733; border-top-color:rgba(0,26,72,.07); } .rth-pathway-feature--academy-gray .rth-pathway-feature__visual { border-color:rgba(0,26,72,.12); background:linear-gradient(145deg,#f9fbfd,#e6ebf1); box-shadow:0 32px 76px rgba(0,26,72,.1); } .rth-pathway-feature--academy-gray .rth-pathway-feature__visual-card { border-color:rgba(0,109,255,.14); background:rgba(255,255,255,.9); } .rth-pathway-feature--academy-gray .rth-pathway-feature__visual-kicker, .rth-pathway-feature--academy-gray .rth-pathway-feature__content .rth-eyebrow { color:#006dff; } .rth-pathway-feature--academy-gray .rth-pathway-feature__visual-card h3, .rth-pathway-feature--academy-gray .rth-pathway-feature__content h2 { color:#001a48; } .rth-pathway-feature--academy-gray .rth-pathway-feature__description { color:#52647c; } .rth-pathway-feature--academy-gray .rth-pathway-feature__points li { color:#1c355b; } .rth-pathway-feature--academy-gray .rth-pathway-feature__number { color:rgba(0,26,72,.08); } /* Decoder receives a contained premium intelligence card. */ .rth-home-decoder { padding-block: clamp(4rem,7vw,7rem); } .rth-home-decoder__shell { position:relative; padding: clamp(1.15rem,2.4vw,2rem); border:1px solid rgba(143,193,255,.24); border-radius: clamp(28px,4vw,44px); background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)); box-shadow:0 42px 110px rgba(0,7,28,.42),0 0 0 1px rgba(255,255,255,.035) inset; backdrop-filter:blur(18px); overflow:hidden; } .rth-home-decoder__shell::before { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(115deg,transparent 18%,rgba(108,180,255,.09) 45%,transparent 70%); transform:translateX(-110%); animation:rthDecoderPremiumSweep 7s ease-in-out infinite; pointer-events:none; } .rth-home-decoder__premium-rail { position:relative; z-index:2; display:grid; grid-template-columns:auto 1fr auto; gap:1rem; align-items:center; margin-bottom:1.1rem; padding:.78rem 1rem; border:1px solid rgba(143,193,255,.16); border-radius:16px; background:rgba(0,14,46,.56); } .rth-home-decoder__premium-rail span { color:#75b6ff; font-size:.62rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; } .rth-home-decoder__premium-rail strong { color:#fff; font-family:Manrope,sans-serif; font-size:.82rem; text-align:center; } .rth-home-decoder__premium-rail i { display:block; width:9px; height:9px; border-radius:50%; background:#58e89a; box-shadow:0 0 0 7px rgba(88,232,154,.1),0 0 18px rgba(88,232,154,.65); animation:rthDecoderRailBlink 1.35s ease-in-out infinite; } .rth-home-decoder__grid { padding:clamp(1rem,2vw,1.6rem); border:1px solid rgba(255,255,255,.06); border-radius:30px; background:rgba(0,12,42,.3); } @keyframes rthDecoderPremiumSweep { 0%,55%{transform:translateX(-110%)} 78%,100%{transform:translateX(110%)} } @keyframes rthDecoderRailBlink { 0%,100% { opacity:.35; transform:scale(.82); box-shadow:0 0 0 4px rgba(88,232,154,.06),0 0 7px rgba(88,232,154,.28); } 50% { opacity:1; transform:scale(1.12); box-shadow:0 0 0 8px rgba(88,232,154,.13),0 0 22px rgba(88,232,154,.82); } } .rth-home-decoder__actions--mobile { display:none; } /* Premium FAQ shell and elevated accordion cards. */ .rth-faq--premium { position:relative; overflow:hidden; background:radial-gradient(circle at 8% 8%,rgba(0,109,255,.09),transparent 28%),linear-gradient(180deg,#f7f9fc 0%,#eef3f8 100%); } .rth-faq--premium::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(0,26,72,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,26,72,.025) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 92%); pointer-events:none; } .rth-faq__shell { position:relative; z-index:1; padding:clamp(1.2rem,3vw,2.5rem); border:1px solid rgba(0,109,255,.12); border-radius:clamp(26px,4vw,42px); background:rgba(255,255,255,.82); box-shadow:0 34px 90px rgba(0,26,72,.11); backdrop-filter:blur(14px); } .rth-faq--premium .rth-faq__grid { grid-template-columns:minmax(270px,.67fr) minmax(0,1.33fr); gap:clamp(2.4rem,5vw,5rem); } .rth-faq--premium .rth-faq__intro { padding:clamp(.5rem,1.5vw,1.2rem); } .rth-faq--premium .rth-faq__intro h2 { margin:.8rem 0 1.1rem; font-size:clamp(2.25rem,4.3vw,4.5rem); line-height:1.03; } .rth-faq__trust-points { display:grid; gap:.65rem; margin:1.5rem 0 1.75rem; } .rth-faq__trust-points span { position:relative; padding-left:1.35rem; color:#3f5573; font-size:.78rem; font-weight:750; } .rth-faq__trust-points span::before { content:""; position:absolute; left:0; top:.48em; width:8px; height:5px; border-left:2px solid #006dff; border-bottom:2px solid #006dff; transform:rotate(-45deg); } .rth-accordion--premium { display:grid; gap:.75rem; border-top:0; } .rth-accordion--premium .rth-accordion__item { border:1px solid rgba(0,26,72,.09); border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(0,26,72,.055); overflow:hidden; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; } .rth-accordion--premium .rth-accordion__item:hover { transform:translateY(-2px); border-color:rgba(0,109,255,.22); box-shadow:0 16px 34px rgba(0,26,72,.085); } .rth-accordion--premium .rth-accordion__item button { padding:1.15rem 1.25rem; } .rth-accordion--premium .rth-accordion__panel { padding:0 4.8rem 1.2rem 1.25rem; } .rth-accordion--premium .rth-accordion__mark { background:#edf5ff; box-shadow:0 8px 18px rgba(0,109,255,.1); } @media (max-width:1080px) { .rth-home-community__grid { grid-template-columns:1fr; } .rth-faq--premium .rth-faq__grid { grid-template-columns:1fr; } .rth-faq--premium .rth-faq__intro { position:static; max-width:760px; } } @media (max-width:680px) { .rth-home-community__image-frame img { transform:scale(1.008); } .rth-home-community__visual:hover .rth-home-community__image-frame img { transform:scale(1.008); } .rth-home-community__proof-card--top { top:-4%; left:2%; } .rth-home-community__proof-card--bottom { right:2%; bottom:-4%; } .rth-learning-message__shell { grid-template-columns:1fr; text-align:center; } .rth-learning-message__icon { margin-inline:auto; } .rth-home-decoder__premium-rail { grid-template-columns:1fr; justify-items:start; } .rth-home-decoder__premium-rail strong { text-align:left; } .rth-home-decoder__actions--desktop { display:none; } .rth-home-decoder__actions--mobile { display:flex; margin-top:1rem; } .rth-faq__shell { padding:1rem; } .rth-accordion--premium .rth-accordion__item button { padding:1rem; } .rth-accordion--premium .rth-accordion__panel { padding:0 1rem 1rem; } } @media (prefers-reduced-motion:reduce) { .rth-home-decoder__shell::before { animation:none; } } /* Homepage v1.8.100: restrained RTH Trading Tools title prominence */ .rth-home-tools-feature__content .rth-eyebrow { display:inline-flex; align-items:center; gap:.65rem; width:auto; margin:0 0 1.15rem; padding:.82rem 1.08rem; border:1px solid rgba(0,109,255,.23); border-radius:15px; background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(233,243,255,.94)); box-shadow:0 12px 28px rgba(0,26,72,.09),inset 0 1px 0 rgba(255,255,255,.98); color:#006dff; font-size:clamp(.86rem,1vw,.98rem); font-weight:900; letter-spacing:.115em; line-height:1.2; } .rth-home-tools-feature__content .rth-eyebrow::before { content:""; flex:0 0 auto; width:9px; height:9px; border-radius:50%; background:#006dff; box-shadow:0 0 0 5px rgba(0,109,255,.1),0 0 16px rgba(0,109,255,.32); } @media(max-width:560px){ .rth-home-tools-feature__content .rth-eyebrow{padding:.74rem .92rem;font-size:.8rem;letter-spacing:.095em} } /* Homepage v1.8.102: exact user supplied TRADE SMART Hero artwork */ .rth-home-hero__copy .rth-home-wordmark-image { position:relative; display:block; width:min(100%,40rem); aspect-ratio:1117 / 781; margin:0 0 clamp(.72rem,1.2vw,1rem); overflow:hidden; font-size:0; line-height:0; letter-spacing:0; } .rth-home-wordmark-image__asset { position:absolute; left:-41.2%; top:-45.85%; display:block; width:183.35%; max-width:none; height:auto; } @media(max-width:1080px){ .rth-home-hero__copy .rth-home-wordmark-image{width:min(100%,35rem)} } @media(max-width:820px){ .rth-home-hero__copy .rth-home-wordmark-image{width:min(100%,39rem)} } @media(max-width:560px){ .rth-home-hero__copy .rth-home-wordmark-image{width:100%;margin-bottom:.72rem} } /* Homepage v1.8.103: clearer primary and secondary CTA hierarchy */ .rth-home-final-cta .rth-button--quiet-light { border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.025); color:rgba(255,255,255,.82); box-shadow:none; } .rth-home-final-cta .rth-button--quiet-light:hover { border-color:rgba(255,255,255,.58); background:rgba(255,255,255,.075); color:#fff; box-shadow:none; } /* Homepage v1.8.105: open Mentorship introduction and Bootcamp message refinement */ .rth-home-clarity .rth-section-heading { max-width: 1040px; } .rth-clarity-story { display: grid; gap: .42rem; max-width: 790px; margin: clamp(.68rem, 1.2vw, .92rem) auto 0; padding: 0; border: 0; background: none; box-shadow: none; text-align: center; } .rth-clarity-story__headline, .rth-clarity-story__body, .rth-clarity-story__closing { font-family: inherit; font-size: clamp(.88rem, .22vw + .84rem, .96rem); font-weight: 400; line-height: 1.56; letter-spacing: normal; } .rth-clarity-story__headline { margin: 0; color: var(--rth-navy); } .rth-clarity-story__headline::after { content: none; display: none; } .rth-clarity-story__body { max-width: 740px; margin: 0 auto; color: var(--rth-muted); } .rth-clarity-story__closing { margin: .06rem auto 0; color: #101820; } .rth-home-program-card--bootcamp .rth-mentor-price-kicker { color: #006dff; font-weight: 800; line-height: 1.45; letter-spacing: .065em; } .rth-home-program-card--bootcamp .rth-home-program-name strong { font-size: clamp(2.25rem, 3.25vw, 3rem) !important; white-space: nowrap; } .rth-home-bootcamp-audience { display: grid; gap: .72rem; } .rth-home-bootcamp-audience p, .rth-home-bootcamp-audience strong { margin: 0; } .rth-home-bootcamp-audience p { color: var(--rth-navy); font-family: Manrope, sans-serif; font-size: .78rem; font-weight: 800; letter-spacing: .025em; } .rth-home-bootcamp-audience__list { display: grid; gap: .45rem; } .rth-home-bootcamp-audience__list span { position: relative; display: block; padding-left: 1rem; color: #526985; font-size: .78rem; line-height: 1.45; } .rth-home-bootcamp-audience__list span::before { content: ""; position: absolute; left: 0; top: .56em; width: 5px; height: 5px; border-radius: 50%; background: var(--rth-blue); box-shadow: 0 0 0 4px rgba(0,109,255,.09); } .rth-home-bootcamp-audience strong { color: var(--rth-navy); font-size: .82rem; line-height: 1.45; } @media (max-width: 900px) { .rth-clarity-story__headline { white-space: normal; } } @media (max-width: 560px) { .rth-clarity-story { gap: .38rem; margin-top: .62rem; } .rth-clarity-story__headline, .rth-clarity-story__body, .rth-clarity-story__closing { font-size: .84rem; line-height: 1.52; } .rth-home-program-card--bootcamp .rth-home-program-name strong { font-size: clamp(1.9rem, 9.2vw, 2.35rem) !important; } } /* Homepage v1.8.106: Bootcamp Best For alignment and restored note typography */ @media (min-width: 901px) { .rth-home-program-card--bootcamp .rth-mentor-price-fit { grid-template-rows: max-content max-content; align-content: start; } } /* Homepage v1.8.107: compact Mentorship introduction hierarchy */ /* Homepage v1.8.108: concise Mentorship introduction copy and hierarchy */ /* Homepage v1.8.109: Bootcamp curriculum, mentor story and typography refinement */ .rth-home-program-card--bootcamp .rth-home-bootcamp-learning-list__title { grid-column: 1 / -1; padding-left: 0; color: var(--rth-navy); font-family: Manrope, sans-serif; font-size: .8rem; font-weight: 800; line-height: 1.45; } .rth-home-program-card--bootcamp .rth-home-bootcamp-learning-list__title::before { content: none; display: none; } .rth-coach__copy #rth-coach-title { font-size: clamp(1.9rem, 3.15vw, 3.25rem); line-height: 1.08; } @media (max-width: 560px) { .rth-coach__copy #rth-coach-title { font-size: clamp(1.85rem, 9vw, 2.35rem); } } /* Homepage v1.8.110: unified Mentorship copy, Bootcamp curriculum alignment and testimonial heading refinement */ .rth-clarity-story__headline, .rth-clarity-story__body, .rth-clarity-story__closing { color: var(--rth-muted); } .rth-home-program-card--bootcamp .rth-home-bootcamp-learning-list li:last-child { grid-column: auto; } .rth-home-reviews__intro { max-width: 980px; } .rth-home-reviews__intro h2 { max-width: 900px; margin: 14px auto 0; font-size: clamp(2.1rem, 4.15vw, 4.25rem); line-height: 1.06; letter-spacing: -.045em; } @media (max-width: 680px) { .rth-home-reviews__intro h2 { font-size: clamp(1.85rem, 8.7vw, 2.7rem); line-height: 1.1; } } /* Homepage v1.8.111: Trustpilot proof image and review footer hierarchy */ .rth-home-reviews__footer-actions { display: flex; align-items: center; justify-content: flex-end; gap: 18px; flex: 0 0 auto; } .rth-home-reviews__trustpilot-mark { display: block; width: clamp(79px, 7.75vw, 104px); height: auto; object-fit: contain; } @media (max-width: 760px) { .rth-home-reviews__footer-actions { width: 100%; flex-direction: column; align-items: stretch; gap: 14px; } .rth-home-reviews__trustpilot-mark { width: min(95px, 34vw); margin: 0 auto; } } /* Homepage v1.8.119: Academy order, Account granite palette and Mentorship-style FAQ */ .rth-pathway-feature--account-granite { background: radial-gradient(circle at 84% 16%,rgba(0,109,255,.12),transparent 30%), radial-gradient(circle at 10% 84%,rgba(255,255,255,.74),transparent 34%), linear-gradient(145deg,rgba(0,109,255,.13),rgba(0,26,72,.025)),#f6f9ff; border-top-color:rgba(0,26,72,.075); } .rth-pathway-feature--account-granite .rth-pathway-feature__visual { background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(224,238,255,.8)),#eaf3ff; border-color:rgba(0,109,255,.22); box-shadow:0 34px 86px rgba(0,55,128,.13),inset 0 1px 0 rgba(255,255,255,.94); } .rth-pathway-feature--account-granite .rth-pathway-feature__visual-card { background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,246,255,.94)); border-color:rgba(0,109,255,.18); box-shadow:0 28px 66px rgba(0,48,112,.13),0 1px 0 rgba(255,255,255,.98) inset; } .rth-pathway-feature--account-granite .rth-pathway-feature__visual-kicker, .rth-pathway-feature--account-granite .rth-pathway-feature__content .rth-eyebrow { color:#006dff; } .rth-pathway-feature--account-granite .rth-pathway-feature__visual-card h3, .rth-pathway-feature--account-granite .rth-pathway-feature__content h2 { color:#001a48; } .rth-pathway-feature--account-granite .rth-pathway-feature__description { color:#4d5f7a; } .rth-pathway-feature--account-granite .rth-pathway-feature__points li { color:#1c355b; } .rth-pathway-feature--account-granite .rth-pathway-feature__number { color:rgba(0,109,255,.12); } .rth-faq--mentorship-style { position:relative; overflow:hidden; background:linear-gradient(180deg,#fbfcfe 0%,#f4f7fb 100%); border-top:1px solid rgba(0,26,72,.06); } .rth-faq--mentorship-style::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 12% 12%,rgba(0,109,255,.07),transparent 29%); pointer-events:none; } .rth-faq--mentorship-style .rth-container { position:relative; z-index:1; } .rth-faq__grid--mentorship { grid-template-columns:minmax(270px,.76fr) minmax(0,1.24fr); gap:clamp(3rem,7vw,7rem); } .rth-faq__intro--mentorship { position:sticky; top:calc(var(--rth-header-height) + 35px); padding:0; } .rth-faq__label { margin:0; color:#001a48; font-family:"Manrope",sans-serif; font-size:clamp(3.9rem,8vw,7.2rem); font-weight:900; letter-spacing:-.065em; line-height:.88; } .rth-faq--mentorship-style .rth-faq__intro h2 { max-width:440px; margin:1.25rem 0 .9rem; color:#001a48; font-size:clamp(1.55rem,2.5vw,2.45rem); font-weight:780; letter-spacing:-.035em; line-height:1.12; } .rth-faq--mentorship-style .rth-faq__intro > p:not(.rth-faq__label) { max-width:470px; margin:0; color:#5b6d88; font-size:.94rem; line-height:1.75; } .rth-faq__support-link { margin-top:1.55rem; } .rth-accordion--mentorship { display:block; border-top:1px solid rgba(0,26,72,.14); } .rth-accordion--mentorship .rth-accordion__item { border:0; border-bottom:1px solid rgba(0,26,72,.14); border-radius:0; background:transparent; box-shadow:none; overflow:visible; transition:none; } .rth-accordion--mentorship .rth-accordion__item:hover { transform:none; border-color:rgba(0,109,255,.28); box-shadow:none; } .rth-accordion--mentorship .rth-accordion__item button { grid-template-columns:1fr 38px; padding:1.28rem 0; font-size:1rem; font-weight:750; line-height:1.5; } .rth-accordion--mentorship .rth-accordion__mark { width:32px; height:32px; background:#eaf2fb; box-shadow:none; } .rth-accordion--mentorship .rth-accordion__panel { padding:0 3rem 1.28rem 0; } .rth-accordion--mentorship .rth-accordion__panel p { color:#5b6d88; font-size:.93rem; line-height:1.75; } @media(max-width:980px){ .rth-faq__grid--mentorship{grid-template-columns:1fr;gap:2.5rem} .rth-faq__intro--mentorship{position:static;max-width:720px} } @media(max-width:680px){ .rth-faq__label{font-size:clamp(3.4rem,18vw,5.5rem)} .rth-faq--mentorship-style .rth-faq__intro h2{font-size:1.5rem} .rth-accordion--mentorship .rth-accordion__item button{padding:1.1rem 0;font-size:.95rem} .rth-accordion--mentorship .rth-accordion__panel{padding:0 0 1.1rem} } /* Homepage v1.8.121: Mentorship offer hierarchy refinement */ .rth-home-mentorship-lists { display:grid; grid-template-columns:1fr; gap:.78rem; align-items:start; margin:.2rem 0 1.4rem; } .rth-home-mentorship-offer { padding:1rem; border:1px solid rgba(0,109,255,.13); border-radius:18px; background:linear-gradient(145deg,rgba(248,251,255,.98),rgba(235,244,255,.88)); box-shadow:inset 0 1px 0 rgba(255,255,255,.9); } .rth-home-mentorship-offer__title { margin:0 0 .72rem; color:var(--rth-navy); font-family:Manrope,sans-serif; font-size:.8rem; font-weight:800; line-height:1.4; text-align:left; } .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list { display:grid; align-content:start; gap:.52rem .9rem; margin:0; padding:0; border:0; border-radius:0; background:transparent; text-align:left; } .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--support { grid-template-columns:repeat(2,minmax(0,1fr)); } .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--outcomes { grid-template-columns:repeat(2,minmax(0,1fr)); padding:1rem; border:1px solid rgba(0,26,72,.07); border-radius:18px; background:rgba(255,255,255,.62); } .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list li, .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list li + li { position:relative; grid-column:auto; margin:0; padding-left:1.15rem; color:#526985; font-size:.73rem; line-height:1.47; text-align:left; } .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--support li { padding-left:1.3rem; color:var(--rth-navy); font-size:.77rem; line-height:1.5; } .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--support li::before { content:"✓"; position:absolute; left:0; top:.02rem; width:auto; height:auto; border-radius:0; background:none; box-shadow:none; color:var(--rth-blue); font-size:.82rem; font-weight:900; line-height:1.35; } .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--outcomes li::before { content:""; position:absolute; left:0; top:.56em; width:5px; height:5px; border-radius:50%; background:var(--rth-blue); box-shadow:0 0 0 4px rgba(0,109,255,.09); } .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list li:last-child { grid-column:auto; } @media(max-width:680px){ .rth-home-mentorship-lists{gap:.7rem} .rth-home-mentorship-offer, .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--outcomes{padding:.92rem} .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--support, .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--outcomes{grid-template-columns:1fr} .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list li, .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--support li{font-size:.76rem} } /* Homepage v1.8.122: Hero, Mentorship and Bootcamp content refinement */ .rth-home-mentorship-outcomes { padding:1rem; border:1px solid rgba(0,26,72,.07); border-radius:18px; background:rgba(255,255,255,.62); } .rth-home-mentorship-outcomes__title { margin:0 0 .72rem; color:var(--rth-navy); font-family:Manrope,sans-serif; font-size:.8rem; font-weight:800; line-height:1.4; text-align:left; } .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--outcomes { padding:0; border:0; border-radius:0; background:transparent; } .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--support li, .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--support li:first-child { color:var(--rth-navy) !important; font-family:inherit !important; font-size:.77rem !important; font-weight:400 !important; font-style:normal !important; letter-spacing:normal !important; } @media(max-width:680px){ .rth-home-mentorship-outcomes{padding:.92rem} .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--support li, .rth-mentor-price-grid-premium .rth-home-program-card--mentorship ul.rth-home-mentorship-list--support li:first-child{font-size:.76rem !important} } /* Homepage v1.8.123: mobile CTA placement refinement */ .rth-home-community__mobile-action, .rth-home-tools-feature__mobile-action { display:none; } @media(max-width:680px){ .rth-home-community__button--desktop, .rth-home-community__note--desktop, .rth-home-tools-feature__button--desktop { display:none !important; } .rth-home-community__mobile-action, .rth-home-tools-feature__mobile-action { display:grid; gap:.9rem; width:100%; } .rth-home-community__mobile-action { margin-top:.7rem; } .rth-home-community__mobile-action .rth-home-community__note { max-width:none; margin:0; text-align:center; } .rth-home-tools-feature__mobile-action { margin-top:.25rem; } .rth-home-tools-feature__mobile-action .rth-button { justify-content:center; width:100%; } } /* Homepage v1.8.125: service copy and Trading Tools heading refinement */ .rth-pathway-feature__description--followup { margin-top: 16px; } .rth-home-tools-feature__content > p:not(.rth-eyebrow) + .rth-button, .rth-pathway-feature--copy-trading .rth-pathway-feature__description + .rth-button, .rth-pathway-feature--account-management .rth-pathway-feature__description + .rth-button, .rth-pathway-feature--trading-academy .rth-pathway-feature__description--followup + .rth-button { margin-top: 30px; } /* Homepage v1.8.147 final review: free-lessons dropdown, transformation copy flow, macro-blue FAQ treatment and premium newsletter capture. */ .rth-home-hero__lessons { position: relative; z-index: 12; } .rth-home-hero__lessons-toggle { appearance: none; font: inherit; cursor: pointer; } .rth-home-hero__lessons-chevron { width: 17px; height: 17px; margin-left: .08rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s ease; } .rth-home-hero__lessons.is-open .rth-home-hero__lessons-chevron { transform: rotate(180deg); } .rth-home-hero__lessons-menu { position: absolute; left: 0; top: calc(100% + .7rem); z-index: 20; display: grid; gap: .55rem; width: min(370px, calc(100vw - 2rem)); padding: .65rem; border: 1px solid rgba(0,109,255,.16); border-radius: 20px; background: rgba(255,255,255,.97); box-shadow: 0 24px 58px rgba(0,26,72,.18), inset 0 1px 0 rgba(255,255,255,.9); backdrop-filter: blur(18px); } .rth-home-hero__lessons-menu[hidden] { display: none; } .rth-home-hero__lessons-menu a { display: grid; grid-template-columns: 44px minmax(0,1fr); gap: .8rem; align-items: center; padding: .8rem .85rem; border: 1px solid rgba(0,26,72,.075); border-radius: 15px; background: linear-gradient(145deg,#fff,#f7faff); color: #001a48; text-decoration: none; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease; } .rth-home-hero__lessons-menu a:hover, .rth-home-hero__lessons-menu a:focus-visible { transform: translateY(-1px); border-color: rgba(0,109,255,.3); background: #fff; box-shadow: 0 12px 28px rgba(0,52,122,.1); } .rth-home-hero__lessons-menu strong, .rth-home-hero__lessons-menu small { display:block; } .rth-home-hero__lessons-menu strong { font-family: Manrope,sans-serif; font-size: .9rem; line-height: 1.25; } .rth-home-hero__lessons-menu small { margin-top: .18rem; color: #60718a; font-size: .69rem; font-weight: 600; line-height: 1.4; } .rth-home-hero__lessons-option-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; } .rth-home-hero__lessons-option-icon svg { width:23px;height:23px; } .rth-home-hero__lessons-option-icon--youtube { background:#fff1f1; color:#f00; } .rth-home-hero__lessons-option-icon--youtube svg { fill:currentColor; } .rth-home-hero__lessons-option-icon--academy { background:#edf5ff; color:#006dff; } .rth-home-hero__lessons-option-icon--academy svg { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } .rth-transformation-cards__showcase { display:grid; gap:1rem; } .rth-transformation-cards__guide, .rth-transformation-cards__conclusion { margin:0; font-family:Manrope,sans-serif; font-weight:800; line-height:1.45; } .rth-transformation-cards__guide { color:#001a48; font-size:clamp(1rem,1.35vw,1.18rem); } .rth-transformation-cards__conclusion { padding:.9rem 1rem; border-left:3px solid #006dff; border-radius:0 13px 13px 0; background:rgba(255,255,255,.58); color:#294563; font-size:.9rem; } .rth-transformation-cards__intro .rth-transformation-cards__statement + p { margin-top:1.25rem; } /* Match the FAQ section to the RTH Macro Intelligence background while preserving readability. */ .rth-faq--mentorship-style { background: radial-gradient(circle at 8% 12%, rgba(0,109,255,.2), transparent 30%), radial-gradient(circle at 92% 88%, rgba(0,109,255,.12), transparent 32%), #001a48; border-top:1px solid rgba(255,255,255,.07); } .rth-faq--mentorship-style::before { background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent); } .rth-faq__label { color:#75b6ff; } .rth-faq--mentorship-style .rth-faq__intro h2 { color:#fff; } .rth-faq--mentorship-style .rth-faq__intro > p:not(.rth-faq__label) { color:rgba(255,255,255,.7); } .rth-faq--mentorship-style .rth-faq__support-link { border-color:rgba(133,190,255,.45); background:rgba(255,255,255,.06); color:#fff; } .rth-faq--mentorship-style .rth-faq__support-link:hover, .rth-faq--mentorship-style .rth-faq__support-link:focus-visible { border-color:#75b6ff; background:rgba(255,255,255,.12); color:#fff; } .rth-accordion--mentorship { border-top-color:rgba(255,255,255,.15); } .rth-accordion--mentorship .rth-accordion__item { border-bottom-color:rgba(255,255,255,.15); } .rth-accordion--mentorship .rth-accordion__item:hover { border-color:rgba(117,182,255,.42); } .rth-accordion--mentorship .rth-accordion__item button { color:#fff; } .rth-accordion--mentorship .rth-accordion__mark { background:rgba(117,182,255,.12); color:#8dc6ff; } .rth-accordion--mentorship .rth-accordion__item button[aria-expanded="true"] .rth-accordion__mark { background:rgba(117,182,255,.2); } .rth-accordion--mentorship .rth-accordion__panel p { color:rgba(255,255,255,.7); } .rth-accordion--mentorship .rth-accordion__panel p + p { margin-top:.85rem; } .rth-home-newsletter { position:relative; overflow:hidden; padding-block:clamp(3.5rem,6vw,6rem); background:#00133b; color:rgba(255,255,255,.76); } .rth-home-newsletter::before { content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 78%,transparent); pointer-events:none; } .rth-home-newsletter__glow { position:absolute; width:440px; height:440px; border-radius:50%; filter:blur(18px); pointer-events:none; } .rth-home-newsletter__glow--one { left:-210px;top:-220px;background:rgba(0,109,255,.24); } .rth-home-newsletter__glow--two { right:-230px;bottom:-260px;background:rgba(77,166,255,.15); } .rth-home-newsletter__shell { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr); gap:clamp(2.2rem,5vw,5rem); align-items:center; padding:clamp(1.5rem,4vw,3.2rem); border:1px solid rgba(143,193,255,.2); border-radius:clamp(26px,4vw,42px); background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025)); box-shadow:0 34px 90px rgba(0,5,24,.34),inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(16px); } .rth-home-newsletter__copy h2 { margin:.6rem 0 1rem; color:#fff; font-size:clamp(2.15rem,4.1vw,4.2rem); line-height:1.04; } .rth-home-newsletter__copy > p:not(.rth-eyebrow) { max-width:650px; color:rgba(255,255,255,.72); } .rth-home-newsletter__trust { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.45rem; } .rth-home-newsletter__trust span { padding:.48rem .7rem; border:1px solid rgba(132,190,255,.17); border-radius:999px; background:rgba(0,109,255,.1); color:#cbe4ff; font-size:.68rem; font-weight:800; } .rth-home-newsletter__form { padding:clamp(1rem,2vw,1.35rem); border:1px solid rgba(255,255,255,.11); border-radius:22px; background:rgba(0,13,46,.55); box-shadow:inset 0 1px 0 rgba(255,255,255,.04); } .rth-home-newsletter__fields { display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.85rem; } .rth-home-newsletter__fields label { display:grid;gap:.38rem; } .rth-home-newsletter__fields label > span { color:#d9eaff; font-size:.69rem; font-weight:800; letter-spacing:.03em; } .rth-home-newsletter__fields input { width:100%; min-height:50px; padding:.75rem .85rem; border:1px solid rgba(143,193,255,.2); border-radius:13px; background:rgba(255,255,255,.075); color:#fff; outline:0; transition:border-color .2s ease,background .2s ease,box-shadow .2s ease; } .rth-home-newsletter__fields input::placeholder { color:rgba(255,255,255,.42); } .rth-home-newsletter__fields input:focus { border-color:#75b6ff; background:rgba(255,255,255,.1); box-shadow:0 0 0 4px rgba(0,109,255,.14); } .rth-home-newsletter__form .rth-button { width:100%;justify-content:center; } .rth-home-newsletter__privacy, .rth-home-newsletter__status { margin:.7rem 0 0; color:rgba(255,255,255,.52); font-size:.68rem; line-height:1.55; } .rth-home-newsletter__status { color:#b9dcff; } @media(max-width:820px){ .rth-home-hero__lessons { width:fit-content; } .rth-home-newsletter__shell { grid-template-columns:1fr; } } @media(max-width:560px){ .rth-home-hero__lessons { width:100%; } .rth-home-hero__lessons-toggle { width:100%;justify-content:center; } .rth-home-hero__lessons-menu { left:0;right:0;width:100%; } .rth-home-newsletter__fields { grid-template-columns:1fr; } .rth-home-newsletter__shell { padding:1.1rem;border-radius:24px; } .rth-home-newsletter__form { padding:.85rem; } } @media(prefers-reduced-motion:reduce){ .rth-home-hero__lessons-menu a { transition:none; } } /* Homepage v1.8.147 review correction: FAQ white/granite, light-blue final CTA, light-gray newsletter. */ .rth-faq--mentorship-style { background:#fff; border-top:1px solid rgba(0,26,72,.07); } .rth-faq--mentorship-style::before { background:none; } .rth-faq__label { color:#001a48; } .rth-faq--mentorship-style .rth-faq__intro h2 { color:#001a48; } .rth-faq--mentorship-style .rth-faq__intro > p:not(.rth-faq__label) { color:#5b6d88; } .rth-faq--mentorship-style .rth-faq__support-link { border-color:rgba(0,109,255,.24); background:#f7faff; color:#001a48; } .rth-faq--mentorship-style .rth-faq__support-link:hover, .rth-faq--mentorship-style .rth-faq__support-link:focus-visible { border-color:rgba(0,109,255,.48); background:#edf5ff; color:#006dff; } .rth-accordion--mentorship { border-top-color:rgba(0,26,72,.14); } .rth-accordion--mentorship .rth-accordion__item { border-bottom-color:rgba(0,26,72,.14); } .rth-accordion--mentorship .rth-accordion__item:hover { border-color:rgba(0,109,255,.28); } .rth-accordion--mentorship .rth-accordion__item button { color:#001a48; } .rth-accordion--mentorship .rth-accordion__mark { background:#eaf2fb; color:#006dff; } .rth-accordion--mentorship .rth-accordion__item button[aria-expanded="true"] .rth-accordion__mark { background:#dcecff; } .rth-accordion--mentorship .rth-accordion__panel p { color:#5b6d88; } /* Match Your next step to the light-blue Account Management section palette. */ .rth-home-final-cta { background: radial-gradient(circle at 84% 16%,rgba(0,109,255,.12),transparent 30%), radial-gradient(circle at 10% 84%,rgba(255,255,255,.74),transparent 34%), linear-gradient(145deg,rgba(0,109,255,.13),rgba(0,26,72,.025)),#f6f9ff; color:#4d5f7a; } .rth-home-final-cta::before { background:none; } .rth-home-final-cta::after { background:radial-gradient(circle at 50% 50%,rgba(0,109,255,.08),transparent 58%); } .rth-home-final-cta .rth-eyebrow--light { color:#006dff; } .rth-home-final-cta h2 { color:#001a48; } .rth-home-final-cta p { color:#4d5f7a; } .rth-home-final-cta .rth-button--light { border-color:#006dff; background:#006dff; color:#fff; } .rth-home-final-cta .rth-button--light:hover, .rth-home-final-cta .rth-button--light:focus-visible { border-color:#0059d1; background:#0059d1; color:#fff; } .rth-home-final-cta .rth-button--ghost-light, .rth-home-final-cta .rth-button--quiet-light { border-color:rgba(0,109,255,.28); background:rgba(255,255,255,.78); color:#001a48; } .rth-home-final-cta .rth-button--ghost-light:hover, .rth-home-final-cta .rth-button--ghost-light:focus-visible, .rth-home-final-cta .rth-button--quiet-light:hover, .rth-home-final-cta .rth-button--quiet-light:focus-visible { border-color:rgba(0,109,255,.5); background:#fff; color:#006dff; } /* Newsletter: light-gray section with premium light treatment. */ .rth-home-newsletter { background:#f3f5f8; color:#5b6d88; } .rth-home-newsletter::before { background-image: linear-gradient(rgba(0,26,72,.025) 1px,transparent 1px), linear-gradient(90deg,rgba(0,26,72,.025) 1px,transparent 1px); } .rth-home-newsletter__glow--one { background:rgba(0,109,255,.11); } .rth-home-newsletter__glow--two { background:rgba(77,166,255,.08); } .rth-home-newsletter__shell { border-color:rgba(0,26,72,.09); background:rgba(255,255,255,.9); box-shadow:0 28px 72px rgba(0,26,72,.09),inset 0 1px 0 #fff; } .rth-home-newsletter .rth-eyebrow--light { color:#006dff; } .rth-home-newsletter__copy h2 { color:#001a48; } .rth-home-newsletter__copy > p:not(.rth-eyebrow) { color:#5b6d88; } .rth-home-newsletter__trust span { border-color:rgba(0,109,255,.14); background:#edf5ff; color:#174a86; } .rth-home-newsletter__form { border-color:rgba(0,26,72,.09); background:#f8fafc; box-shadow:inset 0 1px 0 #fff; } .rth-home-newsletter__fields label > span { color:#294563; } .rth-home-newsletter__fields input { border-color:#d6e0eb; background:#fff; color:#001a48; } .rth-home-newsletter__fields input::placeholder { color:#8a98aa; } .rth-home-newsletter__fields input:focus { border-color:#75b6ff; background:#fff; box-shadow:0 0 0 4px rgba(0,109,255,.1); } .rth-home-newsletter__form .rth-button--light { border-color:#006dff; background:#006dff; color:#fff; } .rth-home-newsletter__form .rth-button--light:hover, .rth-home-newsletter__form .rth-button--light:focus-visible { border-color:#0059d1; background:#0059d1; color:#fff; } .rth-home-newsletter__privacy { color:#748298; } .rth-home-newsletter__status { color:#175ca8; } /* Homepage v1.8.147 hero dropdown refinement: compact premium lesson pills. */ .rth-home-hero__lessons-menu { width: min(258px, calc(100vw - 2rem)); gap: .42rem; padding: .5rem; border-radius: 22px; } .rth-home-hero__lessons-menu a { grid-template-columns: 34px minmax(0, 1fr); gap: .62rem; min-height: 46px; padding: .42rem .68rem .42rem .5rem; border-radius: 999px; box-shadow: 0 7px 18px rgba(0,26,72,.055); } .rth-home-hero__lessons-menu a:hover, .rth-home-hero__lessons-menu a:focus-visible { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(0,52,122,.1), 0 0 0 3px rgba(0,109,255,.055); } .rth-home-hero__lessons-menu strong { font-size: .82rem; line-height: 1.15; letter-spacing: -.01em; } .rth-home-hero__lessons-menu small { display: none; } .rth-home-hero__lessons-option-icon { width: 34px; height: 34px; border-radius: 50%; } .rth-home-hero__lessons-option-icon svg { width: 18px; height: 18px; } /* Homepage v1.8.147 MailerLite integration: live premium newsletter form. */ .rth-home-newsletter__form { position:relative; min-height:310px; display:grid; align-content:center; } .rth-home-newsletter__form-state { display:grid; gap:1rem; } .rth-home-newsletter__form-heading { display:grid; gap:.35rem; margin-bottom:.15rem; } .rth-home-newsletter__form-kicker { color:#006dff; font-size:.66rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; } .rth-home-newsletter__form-heading h3, .rth-home-newsletter__success h3 { margin:0; color:#001a48; font-size:clamp(1.18rem,2vw,1.55rem); line-height:1.2; } .rth-home-newsletter__fields { dis:block; margin:0; } .rth-home-newsletter__fields .ml-field-group { display:grid; gap:.42rem; } .rth-home-newsletter__fields label { color:#294563; font-size:.69rem; font-weight:800; letter-spacing:.03em; } .rth-home-newsletter__input-wrap { position:relative; } .rth-home-newsletter__input-wrap > svg { position:absolute; left:1rem; top:50%; width:20px; height:20px; transform:translateY(-50%); fill:#6b829d; pointer-events:none; transition:fill .2s ease; } .rth-home-newsletter__fields input { min-height:56px; padding:.85rem 1rem .85rem 3rem !important; border-radius:16px; font:inherit; } .rth-home-newsletter__input-wrap:focus-within > svg { fill:#006dff; } .rth-home-newsletter__submit { margin-top:.8rem; } .rth-home-newsletter__submit .rth-button { min-height:54px; gap:.65rem; border-radius:999px; } .rth-home-newsletter__submit .rth-button > svg { width:18px; height:18px; fill:currentColor; transition:transform .2s ease; } .rth-home-newsletter__submit .primary:hover > svg, .rth-home-newsletter__submit .primary:focus-visible > svg { transform:translateX(3px); } .rth-home-newsletter__privacy { margin:.7rem 0 0; text-align:center; } .rth-home-newsletter .ml-form-embedSubmitLoad { display:inline-block; width:18px; height:18px; border:3px solid rgba(255,255,255,.42); border-top-color:#fff; border-radius:50%; animation:rth-newsletter-spin .8s linear infinite; } @keyframes rth-newsletter-spin { to { transform:rotate(360deg); } } .rth-home-newsletter .ml-error input { border-color:#cf3349 !important; box-shadow:0 0 0 4px rgba(207,51,73,.08); } .rth-home-newsletter .ml-error label, .rth-home-newsletter .ml-error .label-description { color:#a31f34 !important; } .rth-home-newsletter__success { min-height:270px; place-items:center; align-content:center; gap:.55rem; padding:1.2rem; text-align:center; outline:0; } .rth-home-newsletter__success-icon { display:grid; place-items:center; width:62px; height:62px; margin-bottom:.3rem; border:1px solid rgba(0,109,255,.16); border-radius:50%; background:#edf5ff; box-shadow:0 12px 30px rgba(0,109,255,.1); } .rth-home-newsletter__success-icon svg { width:30px; height:30px; fill:#006dff; } .rth-home-newsletter__success p { max-width:360px; margin:.15rem auto 0; color:#5b6d88; line-height:1.65; } @media(max-width:560px){ .rth-home-newsletter__form { min-height:0; } .rth-home-newsletter__form-heading h3 { font-size:1.15rem; } .rth-home-newsletter__fields input { min-height:52px; } .rth-home-newsletter__submit .rth-button { min-height:51px; } .rth-home-newsletter__success { min-height:240px;padding:.6rem; } } @media(prefers-reduced-motion:reduce){ .rth-home-newsletter .ml-form-embedSubmitLoad { animation-duration:1.6s; } .rth-home-newsletter__submit .rth-button > svg { transition:none; } } /* Homepage final review: continue the Your next step light-blue closing background through Newsletter. */ .rth-home-newsletter { background:#f6f9ff; color:#5b6d88; } .rth-home-newsletter::before { display:none; } .rth-home-newsletter__glow { display:none; } /* Homepage final review: widen the live newsletter email field on desktop. */ @media(min-width:821px){ .rth-home-newsletter__shell { grid-template-columns:minmax(0,.82fr) minmax(460px,1.18fr); gap:clamp(1.8rem,3.5vw,3.6rem); } } /* Homepage final review: swap newsletter field/button proportions. */ .rth-home-newsletter__fields { display:block; grid-template-columns:none; width:100%; } .rth-home-newsletter__fields .ml-field-group, .rth-home-newsletter__input-wrap, .rth-home-newsletter__fields input { width:100%; } @media(min-width:561px){ .rth-home-newsletter__submit { width:46%; min-width:220px; max-width:280px; } .rth-home-newsletter__submit .rth-button { width:100%; padding-inline:1.1rem; } } @media(max-width:560px){ .rth-home-newsletter__submit { width:100%; } } /* Homepage final review: align selected Homepage headings to the RTH Transformation heading scale. */ #rth-coach-title, #rth-home-reviews-title, #rth-home-community-title, #rth-pathways-intro-title, #rth-home-tools-title, #rth-pathway-copy-trading-title, #rth-pathway-account-management-title, #rth-pathway-trading-academy-title, #rth-home-decoder-title, #rth-final-cta-title, #rth-home-newsletter-title { font-size:clamp(2rem,3.4vw,3.45rem); } .rth-pathway-feature--copy-trading .rth-pathway-feature__visual-card h3, .rth-pathway-feature--account-management .rth-pathway-feature__visual-card h3, .rth-pathway-feature--trading-academy .rth-pathway-feature__visual-card h3 { font-size:clamp(2rem,3.4vw,3.45rem); } /* v1.8.271 — Homepage programme-card alignment hardening. * These repeat the shared Mentorship card layout invariants locally so the * Mentorship and Bootcamp cards remain perfectly aligned in runtime and * self-contained review previews. */ .rth-home-program-grid { align-items: stretch; } .rth-mentor-price-grid-premium .rth-home-program-card { display: flex; flex-direction: column; } .rth-mentor-price-grid-premium .rth-home-program-card > .rth-button { margin-top: auto; } /* Homepage v1.8.317: Mentorship support chooser parity */ .rth-home-final-cta .rth-button--ghost-light[type="button"] { font: inherit; cursor: pointer; } body.rth-mentor-support-open { overflow: hidden; } .rth-mentor-support-modal[hidden] { display: none !important; } .rth-mentor-support-modal { position: fixed; inset: 0; z-index: 99980; display: grid; place-items: center; padding: 1rem; } .rth-mentor-support-modal__backdrop { position: absolute; inset: 0; background: rgba(3, 18, 44, .54); backdrop-filter: blur(9px); opacity: 0; transition: opacity .2s ease; } .rth-mentor-support-modal__panel { position: relative; z-index: 1; width: min(100%, 430px); padding: 1.02rem; border: 1px solid rgba(0, 77, 173, .13); border-radius: 22px; background: radial-gradient(circle at 86% 8%, rgba(0, 109, 255, .1), transparent 34%), linear-gradient(155deg, rgba(255, 255, 255, .995), rgba(245, 250, 255, .98)); box-shadow: 0 28px 80px rgba(2, 28, 67, .24), inset 0 1px 0 rgba(255, 255, 255, .95); opacity: 0; transform: translateY(10px) scale(.975); transition: opacity .2s ease, transform .2s ease; outline: none; } .rth-mentor-support-modal.is-open .rth-mentor-support-modal__backdrop { opacity: 1; } .rth-mentor-support-modal.is-open .rth-mentor-support-modal__panel { opacity: 1; transform: translateY(0) scale(1); } .rth-mentor-support-modal__close { position: absolute; top: .78rem; right: .78rem; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid rgba(8, 35, 76, .09); border-radius: 50%; background: rgba(255, 255, 255, .82); color: #17365f; box-shadow: 0 6px 16px rgba(3, 34, 77, .06); cursor: pointer; } .rth-mentor-support-modal__close svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; } .rth-mentor-support-modal__intro { padding: .2rem 2.55rem .78rem .12rem; } .rth-mentor-support-modal__intro > span { display: inline-flex; align-items: center; min-height: 24px; padding: .24rem .55rem; border: 1px solid rgba(0, 109, 255, .12); border-radius: 999px; background: rgba(0, 109, 255, .055); color: #0a5bcb; font-size: .63rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; } .rth-mentor-support-modal__intro h2 { margin: .58rem 0 .22rem; color: #08234c; font-size: clamp(calc(1.16rem - 3px), calc(3vw - 3px), calc(1.42rem - 3px)); font-weight: 400; letter-spacing: -.03em; line-height: 1.15; } .rth-mentor-support-modal__intro p { margin: 0; color: #66768b; font-size: .82rem; line-height: 1.5; } .rth-mentor-support-modal__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .64rem; } .rth-mentor-support-option { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: .62rem; min-width: 0; padding: .72rem; border: 1px solid rgba(8, 58, 124, .09); border-radius: 15px; background: rgba(255, 255, 255, .86); color: #102f58; text-decoration: none; box-shadow: 0 8px 22px rgba(4, 37, 83, .045); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } .rth-mentor-support-option__icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: linear-gradient(145deg, #eef6ff, #ffffff); box-shadow: inset 0 0 0 1px rgba(0, 90, 196, .08); } .rth-mentor-support-option__icon svg { width: 18px; height: 18px; fill: currentColor; } .rth-mentor-support-option > span:last-child { min-width: 0; } .rth-mentor-support-option strong, .rth-mentor-support-option small { display: block; } .rth-mentor-support-option strong { color: #0a2e5e; font-size: .82rem; font-weight: 800; line-height: 1.2; } .rth-mentor-support-option small { margin-top: .14rem; overflow: hidden; color: #718096; font-size: .66rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; } .rth-mentor-support-option--whatsapp .rth-mentor-support-option__icon { color: #128c5e; } .rth-mentor-support-option--telegram .rth-mentor-support-option__icon { color: #2188cc; } .rth-mentor-support-option--call .rth-mentor-support-option__icon { color: #075dc9; } .rth-mentor-support-option--email .rth-mentor-support-option__icon { color: #5b55b9; } @media (hover: hover) { .rth-mentor-support-option:hover { transform: translateY(-2px); border-color: rgba(0, 109, 255, .18); box-shadow: 0 12px 26px rgba(4, 37, 83, .075); } .rth-mentor-support-modal__close:hover { color: #006dff; } } @media (max-width: 480px) { .rth-mentor-support-modal { padding: .72rem; } .rth-mentor-support-modal__panel { width: min(100%, 390px); padding: .88rem; border-radius: 19px; } .rth-mentor-support-modal__intro { padding-right: 2.2rem; } .rth-mentor-support-modal__grid { gap: .5rem; } .rth-mentor-support-option { grid-template-columns: 32px minmax(0, 1fr); gap: .5rem; padding: .62rem .56rem; border-radius: 13px; } .rth-mentor-support-option__icon { width: 32px; height: 32px; border-radius: 10px; } .rth-mentor-support-option__icon svg { width: 16px; height: 16px; } .rth-mentor-support-option strong { font-size: .76rem; } .rth-mentor-support-option small { font-size: .61rem; } } @media (prefers-reduced-motion: reduce) { .rth-mentor-support-modal__backdrop, .rth-mentor-support-modal__panel, .rth-mentor-support-option { transition: none !important; } } /* v1.8.327 — Homepage Account Management alignment review. * Keeps the approved pathway visual system intact while ensuring the * Account Management visual-card title fits comfortably at desktop size. */ @media (min-width:1025px) { .rth-pathway-feature--account-management .rth-pathway-feature__visual-card { width:min(100%,360px); padding-inline:30px; } .rth-pathway-feature--account-management .rth-pathway-feature__visual-card h3 { max-width:100%; margin-bottom:24px; font-size:clamp(2rem,2.55vw,2.7rem); line-height:1.06; letter-spacing:-.04em; } } /* v1.8.377 — Homepage FINAL APPROVED / LOCKED / LIVE / PROTECTED * September 2026 controlled final-review promotion. * Font colour is intentionally excluded from the major H2 standard so every * heading retains its existing approved section colour. */ #main-content section h2 { font-family: Manrope, ui-sans-serif, system-ui, sans-serif !important; font-size: 45px !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: -0.035em !important; text-transform: none !important; } @media (max-width:1024px) { #main-content section h2 { font-size:40px !important; } } @media (max-width:767px) { #main-content section h2 { font-size:32px !important; } } /* Mentorship card title matches the approved 4 Days Bootcamp programme-title scale. */ .rth-home-program-card--mentorship .rth-home-program-name strong { font-size:clamp(2.25rem,3.25vw,3rem) !important; } /* Meet your mentor moves above the image on mobile only. */ .rth-coach__mobile-eyebrow { display:none; } @media (max-width:560px) { .rth-home-program-card--mentorship .rth-home-program-name strong { font-size:clamp(1.9rem,9.2vw,2.35rem) !important; } .rth-coach__mobile-eyebrow { display:inline-flex; grid-column:1; justify-self:start; } .rth-coach__copy > .rth-eyebrow { display:none; } } /* Homepage FAQ intro support line is body copy, not a major section H2. */ .rth-faq--mentorship-style .rth-faq__intro > #rth-faq-title.rth-faq__body-copy { max-width:470px; margin:0 0 1.25rem; font-family:var(--rth-font-body) !important; font-size:16px !important; font-weight:400 !important; font-style:normal !important; line-height:1.7 !important; letter-spacing:normal !important; text-transform:none !important; color:#001a48 !important; } /* Premium precision-diamond mark for The Rity Difference. */ .rth-learning-message__icon--diamond { position:relative; isolation:isolate; overflow:hidden; box-shadow:0 16px 34px rgba(0,109,255,.22),0 0 0 1px rgba(255,255,255,.15) inset; animation:rthDifferenceDiamondFloat 5.8s ease-in-out infinite; } .rth-learning-message__icon--diamond::before { content:""; position:absolute; inset:7px; border-radius:50%; background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.16),rgba(255,255,255,.04) 58%,transparent 74%); opacity:.72; animation:rthDifferenceDiamondAura 5.8s ease-in-out infinite; } .rth-learning-message__icon--diamond::after { content:""; position:absolute; top:-34%; left:-58%; width:52%; height:168%; transform:rotate(24deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent); filter:blur(.5px); animation:rthDifferenceDiamondSheen 6.8s ease-in-out infinite; } .rth-difference-diamond { position:relative; z-index:2; width:37px !important; height:37px !important; overflow:visible; } .rth-difference-diamond__outer { fill:none; stroke:currentColor; stroke-width:1.15; stroke-linejoin:round; opacity:.78; transform-origin:16px 16px; animation:rthDifferenceDiamondOuter 8.5s ease-in-out infinite; } .rth-difference-diamond__facet { fill:none; stroke:currentColor; stroke-width:.85; stroke-linecap:round; stroke-linejoin:round; opacity:.48; } .rth-difference-diamond__spark { fill:currentColor; stroke:none; transform-box:fill-box; transform-origin:center; animation:rthDifferenceDiamondSpark 5.8s ease-in-out infinite; } .rth-difference-diamond__core { fill:#fff; opacity:.9; transform-box:fill-box; transform-origin:center; animation:rthDifferenceDiamondCore 5.8s ease-in-out infinite; } @keyframes rthDifferenceDiamondFloat { 0%,100% { transform:translateY(0); box-shadow:0 16px 34px rgba(0,109,255,.22),0 0 0 1px rgba(255,255,255,.15) inset; } 50% { transform:translateY(-1.6px); box-shadow:0 20px 40px rgba(0,109,255,.27),0 0 0 1px rgba(255,255,255,.2) inset; } } @keyframes rthDifferenceDiamondAura { 0%,100% { opacity:.58; transform:scale(.95); } 50% { opacity:.84; transform:scale(1.03); } } @keyframes rthDifferenceDiamondSheen { 0%,72% { left:-58%; opacity:0; } 80% { opacity:.55; } 92%,100% { left:116%; opacity:0; } } @keyframes rthDifferenceDiamondOuter { 0%,100% { transform:rotate(0deg) scale(1); opacity:.76; } 50% { transform:rotate(1.4deg) scale(1.015); opacity:.94; } } @keyframes rthDifferenceDiamondSpark { 0%,100% { transform:scale(.94); opacity:.88; } 50% { transform:scale(1.055); opacity:1; } } @keyframes rthDifferenceDiamondCore { 0%,100% { transform:scale(.9); opacity:.72; } 50% { transform:scale(1.08); opacity:1; } } @media (prefers-reduced-motion:reduce) { .rth-learning-message__icon--diamond, .rth-learning-message__icon--diamond::before, .rth-learning-message__icon--diamond::after, .rth-difference-diamond__outer, .rth-difference-diamond__spark, .rth-difference-diamond__core { animation:none !important; } } /* Rity Difference statement is deliberately regular/unbold. */ .rth-learning-message p { font-weight:400 !important; } /* Desktop pathway-card title parity: Trading Academy and Copy Trading match Account Management. */ @media (min-width:1025px) { .rth-pathway-feature--trading-academy .rth-pathway-feature__visual-card h3, .rth-pathway-feature--copy-trading .rth-pathway-feature__visual-card h3 { font-family:"Manrope",sans-serif !important; font-size:clamp(2rem,2.55vw,2.7rem) !important; font-weight:850 !important; line-height:1.06 !important; letter-spacing:-.04em !important; } /* Desktop only: the Decoder rail message sits immediately before its animated dot. */ .rth-home-decoder__premium-rail strong { justify-self:end; text-align:right; } }