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 { height: 120px; width: 100% }
.re { align-items: flex-start; display: flex; flex-direction: row; width: 100% }
.rf { width: 124.8px }
.rg { align-items: stretch; display: flex; flex: 1 1 0%; flex-direction: column; 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.98); 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 { align-items: flex-start; display: flex; flex-direction: row }
.rq { 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 }
.rr { 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 }
.rs { 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 }
.rt { display: grid; isolation: isolate; overflow: hidden; place-items: flex-start flex-start; position: relative }
.ru { 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 }
.rv { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) }
.rw { height: 308px; width: 1px }
.rx { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 24ms }
.ry { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 48ms }
.rz { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 72ms }
.raa { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 96ms }
.rab { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 120ms }
.rac { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 144ms }
.rad { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 168ms }
.rae { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 192ms }
.raf { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 216ms }
.rag { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 240ms }
.rah { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 264ms }
.rai { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 288ms }
.raj { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 312ms }
.rak { align-items: flex-start; display: flex; justify-content: flex-start; overflow: hidden; transition: height 900ms cubic-bezier(0.19, 1, 0.22, 1) 336ms }
.ral { align-content: flex-start; column-gap: 22px; display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 22px; width: 100% }
.ram { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 22px) / 2) }
.ran { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 430px; place-items: stretch }
.rao { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); perspective: 1100px; transform-style: preserve-3d }
.rap { background: var(--cardInk); border-radius: 16px; box-shadow: 0px 30px 70px 0px #14082f00; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); overflow: hidden }
.raq { display: grid; height: 100%; isolation: isolate; overflow: hidden; place-items: flex-start flex-start; position: relative; width: 100% }
.rar { 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 }
.ras { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); transform: rotate(0.21rad) }
.rat { 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 }
.rau { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 28px }
.rav { color: #fafaff80; font-size: 13px; font-weight: 800 }
.raw { height: 14px }
.rax { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: 44px; line-height: 0.95 }
.ray { height: 10px }
.raz { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 420px; width: fit-content }
.rba { color: #fafaffd1; font-size: 15px; line-height: 1.6 }
.rbb { flex: 1 1 0% }
.rbc { align-content: flex-start; column-gap: 8px; display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 8px }
.rbd { 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 }
.rbe { color: #fafaff; font-size: 11px; font-weight: 800; letter-spacing: 0.9px }
.rbf { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 14px 0px; width: 100% }
.rbg { align-items: center; display: flex; flex-direction: row; gap: 14px }
.rbh { align-items: stretch; display: flex; flex-direction: column; width: 100% }
.rbi { background: #fafaff59; height: 1.5px; width: 100% }
.rbj { color: #fafaff; font-size: clamp(26px, calc(100cqi * 0.036), 54px); font-weight: 200; letter-spacing: -0.6px; line-height: 1.22 }
.rbk { 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 }
.rbl { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 44px) / 3) }
.rbm { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 300px; place-items: stretch }
.rbn { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); transform: translate(0px, 0px) }
.rbo { 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 }
.rbp { color: #fafaff; font-family: 'Anton', 'Impact', 'Sofia Sans Extra Condensed', sans-serif; font-size: 60px; line-height: 1; width: 100% }
.rbq { height: 20px; width: 100% }
.rbr { color: #fafaff; font-size: 21px; font-weight: 800; letter-spacing: -0.2px; width: 100% }
.rbs { height: 10px; width: 100% }
.rbt { color: #fafaffe0; font-size: 14.5px; line-height: 1.62; width: 100% }
.rbu { height: 18px; width: 100% }
.rbv { border-radius: 12px; outline: 1px solid #fafaff38; outline-offset: -1px; overflow: hidden; width: 100% }
.rbw { flex: 1 1 0%; width: 100% }
.rbx { align-items: center; display: flex; flex-direction: row; gap: 8px; width: 100% }
.rby { background: #fafaffa6; height: 1.5px; width: 22px }
.rbz { color: #fafaffa6; font-family: monospace, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 1.2px }
.rca { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 60px) / 2) }
.rcb { align-items: flex-start; display: flex; flex-direction: column; gap: 10px }
.rcc { 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 }
.rcd { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 260px; width: fit-content }
.rce { color: #fafaffcc; font-size: 13px; font-weight: 700; letter-spacing: 1.3px; line-height: 1.35 }
.rcf { background: color-mix(in srgb, var(--ink) 55%, transparent); height: 1.5px; width: 34px }
.rcg { color: color-mix(in srgb, var(--ink) 55%, transparent); font-family: monospace, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 2.2px }
.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) * 0.98); place-items: stretch }
.rci { 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 }
.rcj { 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 }
.rck { 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 }
.rcl { 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 }
.rcm { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: calc((100cqi - 36px) / 3) }
.rcn { background: var(--cardInk); border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 24px }
.rco { align-items: center; background: linear-gradient(135deg, var(--primaryDeep), var(--primary)); border-radius: 999px; display: flex; height: 46px; justify-content: center; width: 46px }
.rcp { color: #ffffff; font-size: 17px; font-weight: 800 }
.rcq { height: 16px }
.rcr { color: #fafaff; font-size: 19px; font-weight: 800 }
.rcs { height: 4px }
.rct { color: #fafaff99; font-size: 12px; font-weight: 700; letter-spacing: 1.2px }
.rcu { height: 12px }
.rcv { color: #fafaffd1; font-size: 13.5px; line-height: 1.6 }
.rcw { color: var(--quoteInk); font-family: 'Instrument Serif', 'Georgia', sans-serif; font-size: 15.5px; font-style: italic; line-height: 1.4 }
.rcx { 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 }
.rcy { background: #14082f40; height: 1.5px; width: 100% }
.rcz { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 26px 0px; width: 100% }
.rda { align-items: flex-start; display: flex; flex-direction: column; gap: 14px }
.rdb { align-items: flex-start; align-self: stretch; display: flex; flex-direction: row; gap: 18px }
.rdc { color: #14082f73; font-size: 12px; font-weight: 800 }
.rdd { color: #14082f; flex: 1 1 0%; font-size: 20px; font-weight: 700; letter-spacing: -0.2px; min-width: 0 }
.rde { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 720px; width: fit-content }
.rdf { color: #14082fcc; font-size: 15.5px; line-height: 1.65 }
.rdg { 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 }
.rdh { align-items: flex-start; display: flex; flex-direction: column; gap: 16px }
.rdi { color: #6938ef; font-family: 'Instrument Serif', 'Georgia', sans-serif; font-size: 44px; line-height: 1 }
.rdj { color: var(--ink); font-size: 16px; line-height: 1.6 }
.rdk { color: color-mix(in srgb, var(--ink) 65%, transparent); font-size: 12px; font-weight: 700; letter-spacing: 1.2px }
@container (max-width: 768px) { #r184 { height: 80.04px; } }
@container (max-width: 699.98px) { #r186 { height: 520px; } }
@container (max-width: 699.98px) { #r188 { height: 520px; } }
@container (max-width: 768px) { #r189 { height: 80.04px; } }
@container (max-width: 768px) { #r190 { height: 80.04px; } }
@container (max-width: 759.98px) { #r192 { height: 330px; } }
@container (max-width: 759.98px) { #r194 { height: 330px; } }
@container (max-width: 759.98px) { #r196 { height: 330px; } }
@container (max-width: 768px) { #r199 { height: 80.04px; } }
@container (max-width: 768px) { #r200 { height: 80.04px; } }
@container (max-width: 759.98px) { #r202 { height: 340px; } }
@container (max-width: 759.98px) { #r204 { height: 340px; } }
@container (max-width: 759.98px) { #r206 { height: 340px; } }
@container (max-width: 768px) { #r207 { height: 80.04px; } }
@container (max-width: 768px) { #r208 { height: 80.04px; } }
@container (max-width: 768px) { #r211 { height: 80.04px; } }
@container (max-width: 768px) { #r184 { height: 80.04px; } }
@container (max-width: 699.98px) { #r185 { width: 100cqi; } }
@container (max-width: 699.98px) { #r186 { height: 520px; } }
@container (max-width: 699.98px) { #r187 { width: 100cqi; } }
@container (max-width: 699.98px) { #r188 { height: 520px; } }
@container (max-width: 768px) { #r189 { height: 80.04px; } }
@container (max-width: 768px) { #r190 { height: 80.04px; } }
@container (max-width: 759.98px) { #r191 { width: 100cqi; } }
@container (max-width: 759.98px) { #r192 { height: 330px; } }
@container (max-width: 759.98px) { #r193 { width: 100cqi; } }
@container (max-width: 759.98px) { #r194 { height: 330px; } }
@container (max-width: 759.98px) { #r195 { width: 100cqi; } }
@container (max-width: 759.98px) { #r196 { height: 330px; } }
@container (max-width: 699.98px) { #r197 { width: 100cqi; } }
@container (max-width: 699.98px) { #r198 { width: 100cqi; } }
@container (max-width: 768px) { #r199 { height: 80.04px; } }
@container (max-width: 768px) { #r200 { height: 80.04px; } }
@container (max-width: 759.98px) { #r201 { width: 100cqi; } }
@container (max-width: 759.98px) { #r202 { height: 340px; } }
@container (max-width: 759.98px) { #r203 { width: 100cqi; } }
@container (max-width: 759.98px) { #r204 { height: 340px; } }
@container (max-width: 759.98px) { #r205 { width: 100cqi; } }
@container (max-width: 759.98px) { #r206 { height: 340px; } }
@container (max-width: 768px) { #r207 { height: 80.04px; } }
@container (max-width: 768px) { #r208 { height: 80.04px; } }
@container (max-width: 699.98px) { #r209 { width: 100cqi; } }
@container (max-width: 699.98px) { #r210 { width: 100cqi; } }
@container (max-width: 768px) { #r211 { height: 80.04px; } }
@property --v-value_1464 { syntax: "*"; inherits: false; }
@property --v-value_1465 { syntax: "*"; inherits: false; }
@property --v-value_1471 { syntax: "*"; inherits: false; }
@property --v-value_1472 { syntax: "*"; inherits: false; }
@property --v-value_1481 { syntax: "*"; inherits: false; }
@property --v-value_1482 { syntax: "*"; inherits: false; }
@property --v-value_1489 { syntax: "*"; inherits: false; }
@property --v-value_1490 { syntax: "*"; inherits: false; }
@property --v-value_1495 { syntax: "*"; inherits: false; }
@property --v-value_1534 { syntax: "*"; inherits: false; }
@property --s0 { syntax: "*"; inherits: false; }
@property --s1 { syntax: "*"; inherits: false; }
@property --s2 { syntax: "*"; inherits: false; }
@keyframes rk0 { 0% { color: color-mix(in srgb, var(--green) 100%, transparent); } 10% { color: color-mix(in srgb, var(--green) 98%, transparent); } 20% { color: color-mix(in srgb, var(--green) 93%, transparent); } 30% { color: color-mix(in srgb, var(--green) 83%, transparent); } 40% { color: color-mix(in srgb, var(--green) 70%, transparent); } 50% { color: color-mix(in srgb, var(--green) 55%, transparent); } 60% { color: color-mix(in srgb, var(--green) 70%, transparent); } 70% { color: color-mix(in srgb, var(--green) 83%, transparent); } 80% { color: color-mix(in srgb, var(--green) 93%, transparent); } 90% { color: color-mix(in srgb, var(--green) 98%, transparent); } 100% { color: color-mix(in srgb, var(--green) 100%, transparent); } }