html, body { height: 100%; } body { display: grid; place-items: stretch; }
.ra { align-items: stretch; display: flex; flex-direction: column }
.rb { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); width: 100% }
.rc { container-type: inline-size; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); width: 100% }
.rd { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 120px 0px }
.re { align-items: flex-start; display: flex; flex-direction: row }
.rf { width: calc(100cqi * 0.04) }
.rg { align-items: stretch; display: flex; flex: 1 1 0%; flex-direction: column; min-height: 0; min-width: 0 }
.rh { align-items: stretch; display: flex; flex-direction: column; gap: 34px }
.ri { align-items: center; display: flex; flex-direction: row; gap: 10px; width: 100% }
.rj { background: #fafaff8c; height: 1.5px; width: 34px }
.rk { color: #fafaff8c; font-family: 'monospace', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 2.2px }
.rl { align-items: flex-start; display: flex; flex-direction: column }
.rm { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 7.840000000000001)), 280px) * 0.92); place-items: stretch }
.rn { display: grid; isolation: isolate; overflow: visible; place-items: flex-start flex-start; position: relative }
.ro { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); opacity: 0; z-index: 0 }
.rp { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 7.840000000000001)), 280px); letter-spacing: -2px; line-height: 0.92 }
.rq { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: absolute; top: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 7.840000000000001)), 280px) * -0.2); z-index: 1 }
.rr { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 7.840000000000001)), 280px) * 1.26); place-items: stretch }
.rs { display: grid; isolation: isolate; overflow: hidden; place-items: flex-start flex-start; position: relative }
.rt { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 7.840000000000001)), 280px) * 0.2) 0px 0px 0px; z-index: 0 }
.ru { overflow: hidden; transition: height 900ms ease }
.rv { height: 308px; width: 1px }
.rw { overflow: hidden; transition: height 900ms ease 24ms }
.rx { overflow: hidden; transition: height 900ms ease 48ms }
.ry { overflow: hidden; transition: height 900ms ease 72ms }
.rz { overflow: hidden; transition: height 900ms ease 96ms }
.raa { overflow: hidden; transition: height 900ms ease 120ms }
.rab { overflow: hidden; transition: height 900ms ease 144ms }
.rac { overflow: hidden; transition: height 900ms ease 168ms }
.rad { overflow: hidden; transition: height 900ms ease 192ms }
.rae { overflow: hidden; transition: height 900ms ease 216ms }
.raf { overflow: hidden; transition: height 900ms ease 240ms }
.rag { overflow: hidden; transition: height 900ms ease 264ms }
.rah { overflow: hidden; transition: height 900ms ease 288ms }
.rai { overflow: hidden; transition: height 900ms ease 312ms }
.raj { overflow: hidden; transition: height 900ms ease 336ms }
.rak { align-content: flex-start; column-gap: 22px; display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 22px; width: 100% }
.ral { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 22px) / 2) }
.ram { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 430px; place-items: stretch }
.ran { background: var(--cardInk); border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); overflow: hidden }
.rao { display: grid; height: 100%; isolation: isolate; overflow: hidden; place-items: flex-start flex-start; position: relative; width: 100% }
.rap { bottom: -50px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); position: absolute; right: -40px; z-index: 0 }
.raq { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); transform: rotate(0.21rad); transform-style: preserve-3d }
.rar { align-self: stretch; bottom: 0px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: absolute; right: 0px; top: 0px; z-index: 1 }
.ras { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 28px }
.rat { color: #fafaff80; font-size: 13px; font-weight: 800 }
.rau { height: 14px }
.rav { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: 44px; line-height: 0.95 }
.raw { height: 10px }
.rax { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 420px; width: fit-content }
.ray { color: #fafaffd1; font-size: 15px; line-height: 1.6 }
.raz { flex: 1 1 0% }
.rba { align-content: flex-start; column-gap: 8px; display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 8px }
.rbb { border-radius: 999px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid #fafaff47; outline-offset: -1px; padding: 7px 12px }
.rbc { color: #fafaff; font-size: 11px; font-weight: 800; letter-spacing: 0.9px }
.rbd { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 14px 0px; width: 100% }
.rbe { align-items: center; display: flex; flex-direction: row; gap: 14px }
.rbf { align-items: stretch; display: flex; flex-direction: column; width: 100% }
.rbg { background: #fafaff59; height: 1.5px; width: 100% }
.rbh { color: #fafaff; font-size: clamp(26px, calc(100cqi * 0.036), 54px); font-weight: 200; letter-spacing: -0.6px; line-height: 1.22 }
.rbi { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 8.4)), 280px); letter-spacing: -2px; line-height: 0.92 }
.rbj { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 44px) / 3) }
.rbk { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 300px; place-items: stretch }
.rbl { background: #0e082624; border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1.5px solid #fafaff59; outline-offset: -1.5px; padding: 26px }
.rbm { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: 60px; line-height: 1; width: 100% }
.rbn { height: 20px; width: 100% }
.rbo { color: #fafaff; font-size: 21px; font-weight: 800; letter-spacing: -0.2px; width: 100% }
.rbp { height: 10px; width: 100% }
.rbq { color: #fafaffe0; font-size: 14.5px; line-height: 1.62; width: 100% }
.rbr { height: 18px; width: 100% }
.rbs { border-radius: 12px; outline: 1px solid #fafaff38; outline-offset: -1px; overflow: hidden; width: 100% }
.rbt { flex: 1 1 0%; width: 100% }
.rbu { align-items: center; display: flex; flex-direction: row; gap: 8px; width: 100% }
.rbv { background: #fafaffa6; height: 1.5px; width: 22px }
.rbw { color: #fafaffa6; font-family: 'monospace', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 1.2px }
.rbx { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 60px) / 2) }
.rby { align-items: flex-start; display: flex; flex-direction: column; gap: 10px }
.rbz { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(46px, calc(100cqi * 0.13), 96px); line-height: 0.9 }
.rca { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 260px; width: fit-content }
.rcb { color: #fafaffcc; font-size: 13px; font-weight: 700; letter-spacing: 1.3px; line-height: 1.35 }
.rcc { background: color-mix(in srgb, var(--ink) 55%, transparent); height: 1.5px; width: 34px }
.rcd { color: color-mix(in srgb, var(--ink) 55%, transparent); font-family: 'monospace', sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 2.2px }
.rce { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 3.9200000000000004)), 280px) * 0.92); place-items: stretch }
.rcf { color: var(--ink); font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 3.9200000000000004)), 280px); letter-spacing: -2px; line-height: 0.92 }
.rcg { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: 0px; position: absolute; top: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 3.9200000000000004)), 280px) * -0.2); z-index: 1 }
.rch { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 3.9200000000000004)), 280px) * 1.26); place-items: stretch }
.rci { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: calc(clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 3.9200000000000004)), 280px) * 0.2) 0px 0px 0px; z-index: 0 }
.rcj { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 36px) / 3) }
.rck { background: var(--cardInk); border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 24px }
.rcl { align-items: center; background: linear-gradient(135deg, var(--primaryDeep), var(--primary)); border-radius: 999px; display: flex; height: 46px; justify-content: center; width: 46px }
.rcm { color: #ffffff; font-size: 17px; font-weight: 800 }
.rcn { height: 16px }
.rco { color: #fafaff; font-size: 19px; font-weight: 800 }
.rcp { height: 4px }
.rcq { color: #fafaff99; font-size: 12px; font-weight: 700; letter-spacing: 1.2px }
.rcr { height: 12px }
.rcs { color: #fafaffd1; font-size: 13.5px; line-height: 1.6 }
.rct { color: var(--quoteInk); font-family: 'Instrument Serif', 'Georgia', sans-serif; font-size: 15.5px; font-style: italic; line-height: 1.4 }
.rcu { color: var(--ink); font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: clamp(34px, min(calc(100cqi * 0.174), calc(100cqi / 1.6800000000000002)), 280px); letter-spacing: -2px; line-height: 0.92 }
.rcv { background: #14082f40; height: 1.5px; width: 100% }
.rcw { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 26px 0px; width: 100% }
.rcx { align-items: flex-start; display: flex; flex-direction: column; gap: 14px }
.rcy { align-items: flex-start; align-self: stretch; display: flex; flex-direction: row; gap: 18px }
.rcz { color: #14082f73; font-size: 12px; font-weight: 800 }
.rda { color: #14082f; flex: 1 1 0%; font-size: 20px; font-weight: 700; letter-spacing: -0.2px; min-height: 0; min-width: 0 }
.rdb { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 720px; width: fit-content }
.rdc { color: #14082fcc; font-size: 15.5px; line-height: 1.65 }
.rdd { background: color-mix(in srgb, var(--ink) 5%, transparent); border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1px solid color-mix(in srgb, var(--ink) 18%, transparent); outline-offset: -1px; padding: 28px }
.rde { align-items: flex-start; display: flex; flex-direction: column; gap: 16px }
.rdf { color: #6938ef; font-family: 'Instrument Serif', 'Georgia', sans-serif; font-size: 44px; line-height: 1 }
.rdg { color: var(--ink); font-size: 16px; line-height: 1.6 }
.rdh { color: color-mix(in srgb, var(--ink) 65%, transparent); font-size: 12px; font-weight: 700; letter-spacing: 1.2px }
html { scroll-behavior: smooth; }
@container (max-width: 699.98px) { #r159 { height: 520px; } }
@container (max-width: 699.98px) { #r161 { height: 520px; } }
@container (max-width: 759.98px) { #r163 { height: 330px; } }
@container (max-width: 759.98px) { #r165 { height: 330px; } }
@container (max-width: 759.98px) { #r167 { height: 330px; } }
@container (max-width: 759.98px) { #r171 { height: 340px; } }
@container (max-width: 759.98px) { #r173 { height: 340px; } }
@container (max-width: 759.98px) { #r175 { height: 340px; } }
@container (max-width: 699.98px) { #r158 { width: 100cqi; } }
@container (max-width: 699.98px) { #r159 { height: 520px; } }
@container (max-width: 699.98px) { #r160 { width: 100cqi; } }
@container (max-width: 699.98px) { #r161 { height: 520px; } }
@container (max-width: 759.98px) { #r162 { width: 100cqi; } }
@container (max-width: 759.98px) { #r163 { height: 330px; } }
@container (max-width: 759.98px) { #r164 { width: 100cqi; } }
@container (max-width: 759.98px) { #r165 { height: 330px; } }
@container (max-width: 759.98px) { #r166 { width: 100cqi; } }
@container (max-width: 759.98px) { #r167 { height: 330px; } }
@container (max-width: 699.98px) { #r168 { width: 100cqi; } }
@container (max-width: 699.98px) { #r169 { width: 100cqi; } }
@container (max-width: 759.98px) { #r170 { width: 100cqi; } }
@container (max-width: 759.98px) { #r171 { height: 340px; } }
@container (max-width: 759.98px) { #r172 { width: 100cqi; } }
@container (max-width: 759.98px) { #r173 { height: 340px; } }
@container (max-width: 759.98px) { #r174 { width: 100cqi; } }
@container (max-width: 759.98px) { #r175 { height: 340px; } }
@container (max-width: 699.98px) { #r176 { width: 100cqi; } }
@container (max-width: 699.98px) { #r177 { width: 100cqi; } }
@keyframes rk0 { 0% { opacity: initial; transform: initial; } 10% { opacity: 0.98224979180652; transform: scale(1.0197224535483111); } 20% { opacity: 0.9265061293606922; transform: scale(1.0816598562658974); } 30% { opacity: 0.8313436839652187; transform: scale(1.1873959067053126); } 40% { opacity: 0.7013045169121184; transform: scale(1.3318838700976463); } 50% { opacity: 0.55; transform: scale(1.5); } 60% { opacity: 0.7013045169121186; transform: scale(1.331883870097646); } 70% { opacity: 0.8313436839652186; transform: scale(1.1873959067053126); } 80% { opacity: 0.9265061293606923; transform: scale(1.0816598562658974); } 90% { opacity: 0.9822497918065198; transform: scale(1.0197224535483111); } 100% { opacity: initial; transform: initial; } }