/* GENERATED by i18n/build.py from katana-real.css — do not edit */
html body .steps .step-shot .real :is(b, strong, p, span, small, i, em) { color: inherit !important; font-size: inherit !important; line-height: inherit !important; white-space: inherit !important; letter-spacing: inherit !important; text-transform: none !important; margin: 0 !important; max-height: none !important; display: revert !important; grid-column: auto !important; grid-row: auto !important; font-weight: inherit; }
html body .steps .step-shot .real { --u: calc(100cqw / 440) !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; overflow: hidden !important; background: #F6F7F9 !important; color: #131929 !important; font-family: "Inter", "Instrument Sans", -apple-system, system-ui, sans-serif !important; -webkit-font-smoothing: antialiased !important; font-size: calc(15 * var(--u)) !important; line-height: 1.35 !important; display: flex !important; flex-direction: column !important; text-align: left !important; letter-spacing: 0 !important; }
html body .steps .step-shot .real * { box-sizing: border-box !important; }
html body .steps .step-shot .real .ic { width: calc(22 * var(--u)) !important; height: calc(22 * var(--u)) !important; flex: none !important; }
html body .steps .step-shot .real .rs-top, html body .steps .step-shot .real .rs-top.w { background: transparent !important; position: relative !important; z-index: 1 !important; }
html body .steps .step-shot .real .rs-status { height: calc(62 * var(--u)) !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: calc(8 * var(--u)) calc(34 * var(--u)) 0 calc(44 * var(--u)) !important; }
html body .steps .step-shot .real .rs-status b { font-size: calc(17 * var(--u)) !important; font-weight: 600 !important; }
html body .steps .step-shot .real .rs-status span { display: flex !important; gap: calc(6 * var(--u)) !important; align-items: center !important; }
html body .steps .step-shot .real .rs-status svg { height: calc(12 * var(--u)) !important; width: auto !important; fill: currentColor !important; }
html body .steps .step-shot .real .rs-bar { height: calc(56 * var(--u)) !important; display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 0 calc(16 * var(--u)) !important; }
html body .steps .step-shot .real .rs-bar.c b { font-size: calc(17 * var(--u)) !important; font-weight: 600 !important; }
html body .steps .step-shot .real .rs-bar.c > span { width: calc(22 * var(--u)) !important; }
html body .steps .step-shot .real .rs-bell { position: relative !important; }
html body .steps .step-shot .real .rs-bell .ic { width: calc(26 * var(--u)) !important; height: calc(26 * var(--u)) !important; }
html body .steps .step-shot .real .rs-bell i { position: absolute !important; top: calc(-1 * var(--u)) !important; right: calc(-2 * var(--u)) !important; width: calc(9 * var(--u)) !important; height: calc(9 * var(--u)) !important; border-radius: 50% !important; background: #DC3546 !important; }
html body .steps .step-shot .real .rs-pad { padding: calc(16 * var(--u)) calc(16 * var(--u)) calc(34 * var(--u)) !important; display: flex !important; flex-direction: column !important; gap: calc(12 * var(--u)) !important; flex: 1 !important; min-height: 0 !important; }
html body .steps .step-shot .real .rs-kick, html body .steps .step-shot .real .rs-cap { font-size: calc(13 * var(--u)) !important; letter-spacing: .06em !important; color: #6B7280 !important; font-weight: 500 !important; }
html body .steps .step-shot .real .rs-h1 { margin: calc(-4 * var(--u)) 0 calc(6 * var(--u)) !important; font-size: calc(30 * var(--u)) !important; line-height: 1.18 !important; font-weight: 600 !important; letter-spacing: -.015em !important; }
html body .steps .step-shot .real .rs-h2 { margin: calc(10 * var(--u)) 0 0 !important; font-size: calc(24 * var(--u)) !important; font-weight: 600 !important; }
html body .steps .step-shot .real .rs-sec { display: flex !important; justify-content: space-between !important; align-items: baseline !important; margin-top: calc(10 * var(--u)) !important; }
html body .steps .step-shot .real .rs-sec.first { margin-top: calc(4 * var(--u)) !important; }
html body .steps .step-shot .real .rs-sec b { font-size: calc(21 * var(--u)) !important; font-weight: 600 !important; }
html body .steps .step-shot .real .rs-sec span { color: #6B7280 !important; font-size: calc(14 * var(--u)) !important; }
html body .steps .step-shot .real .rs-sec a { color: #1E5FA0 !important; font-weight: 600 !important; font-size: calc(15 * var(--u)) !important; }
html body .steps .step-shot .real .rs-card { background: #FFFFFF !important; border-radius: calc(20 * var(--u)) !important; box-shadow: 0 calc(1 * var(--u)) calc(4 * var(--u)) rgba(17,24,39,.06) !important; }
html body .steps .step-shot .real .rs-strength { padding: calc(22 * var(--u)) calc(22 * var(--u)) calc(18 * var(--u)) !important; }
html body .steps .step-shot .real .rs-row { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: calc(12 * var(--u)) !important; }
html body .steps .step-shot .real .rs-score { display: flex !important; align-items: baseline !important; gap: calc(6 * var(--u)) !important; margin-top: calc(6 * var(--u)) !important; }
html body .steps .step-shot .real .rs-score b { font-size: calc(56 * var(--u)) !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: -.02em !important; }
html body .steps .step-shot .real .rs-score span { font-size: calc(28 * var(--u)) !important; color: #9CA3AF !important; }
html body .steps .step-shot .real .rs-body { margin: calc(8 * var(--u)) 0 0 !important; font-size: calc(17 * var(--u)) !important; line-height: 1.4 !important; color: #4B5563 !important; max-width: calc(220 * var(--u)) !important; }
html body .steps .step-shot .real .rs-body strong { color: #131929 !important; font-weight: 600 !important; }
html body .steps .step-shot .real .rs-ring { flex: none !important; width: calc(106 * var(--u)) !important; aspect-ratio: 1 !important; border-radius: 50% !important; display: grid !important; place-items: center !important; background: radial-gradient(closest-side, #FFF calc(100% - 10 * var(--u)), transparent calc(100% - 10 * var(--u) + 1px)), conic-gradient(#2563EB calc(var(--p) * 1%), #F3F4F6 0) !important; }
html body .steps .step-shot .real .rs-ring span { font-size: calc(18 * var(--u)) !important; font-weight: 500 !important; }
html body .steps .step-shot .real .rs-segs { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: calc(10 * var(--u)) !important; margin-top: calc(22 * var(--u)) !important; }
html body .steps .step-shot .real .rs-segs i { height: calc(7 * var(--u)) !important; border-radius: 99px !important; background: #E5E7EB !important; }
html body .steps .step-shot .real .rs-segs i.on { background: #2563EB !important; }
html body .steps .step-shot .real .rs-foot { display: flex !important; justify-content: space-between !important; margin-top: calc(12 * var(--u)) !important; color: #6B7280 !important; font-size: calc(14.5 * var(--u)) !important; }
html body .steps .step-shot .real .rs-step { display: flex !important; align-items: center !important; gap: calc(14 * var(--u)) !important; padding: calc(16 * var(--u)) !important; }
html body .steps .step-shot .real .rs-ico { width: calc(50 * var(--u)) !important; height: calc(50 * var(--u)) !important; border-radius: calc(14 * var(--u)) !important; display: grid !important; place-items: center !important; flex: none !important; }
html body .steps .step-shot .real .rs-ico.b { background: #DBEAFE !important; color: #2563EB !important; }
html body .steps .step-shot .real .rs-ico.g { background: #DCFCE7 !important; color: #16A34A !important; }
html body .steps .step-shot .real .rs-st { flex: 1 !important; min-width: 0 !important; display: grid !important; gap: calc(2 * var(--u)) !important; }
html body .steps .step-shot .real .rs-st small { font-size: calc(12 * var(--u)) !important; letter-spacing: .04em !important; color: #6B7280 !important; font-weight: 500 !important; }
html body .steps .step-shot .real .rs-st b { font-size: calc(16.5 * var(--u)) !important; font-weight: 500 !important; display: flex !important; align-items: center !important; gap: calc(8 * var(--u)) !important; white-space: nowrap !important; }
html body .steps .step-shot .real .rs-st span { font-size: calc(13.5 * var(--u)) !important; color: #6B7280 !important; }
html body .steps .step-shot .real .rs-pt { font-style: normal !important; font-size: calc(11.5 * var(--u)) !important; font-weight: 600 !important; color: #854D0E !important; background: #FEF08A !important; padding: calc(2 * var(--u)) calc(7 * var(--u)) !important; border-radius: calc(6 * var(--u)) !important; }
html body .steps .step-shot .real .rs-btn { flex: none !important; background: #2563EB !important; color: #FFF !important; font-weight: 600 !important; font-size: calc(15 * var(--u)) !important; padding: calc(10 * var(--u)) calc(18 * var(--u)) !important; border-radius: 99px !important; }
html body .steps .step-shot .real .rs-iv { gap: calc(10 * var(--u)) !important; background: none !important; }
html body .steps .step-shot .real:has(.rs-iv) { background: linear-gradient(#F3F6F9, #F2EFF6) !important; }
html body .steps .step-shot .real .rs-prog { height: calc(7 * var(--u)) !important; border-radius: 99px !important; background: #E5E3E8 !important; margin-top: calc(6 * var(--u)) !important; overflow: hidden !important; }
html body .steps .step-shot .real .rs-prog i { display: block !important; height: 100% !important; background: #3B82F6 !important; border-radius: 99px !important; transition: width 1s linear !important; }
html body .steps .step-shot .real .rs-time { text-align: center !important; font-size: calc(16 * var(--u)) !important; font-variant-numeric: tabular-nums !important; }
html body .steps .step-shot .real .rs-note { display: flex !important; gap: calc(10 * var(--u)) !important; align-items: center !important; background: #FEFBEA !important; border-radius: calc(12 * var(--u)) !important; padding: calc(12 * var(--u)) calc(14 * var(--u)) !important; color: #9A3412 !important; font-size: calc(13.5 * var(--u)) !important; text-align: center !important; }
html body .steps .step-shot .real .rs-note .ic { width: calc(18 * var(--u)) !important; height: calc(18 * var(--u)) !important; }
html body .steps .step-shot .real .rs-cam { aspect-ratio: 461 / 258 !important; border-radius: calc(12 * var(--u)) !important; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important; }
html body .steps .step-shot .real .rs-self { margin-top: auto !important; align-self: flex-end !important; width: calc(198 * var(--u)) !important; aspect-ratio: 16 / 9.8 !important; border-radius: calc(12 * var(--u)) !important; background: linear-gradient(135deg, #B8B4AF, #8F8C88 60%, #A6A29D) !important; position: relative !important; margin-bottom: calc(14 * var(--u)) !important; }
html body .steps .step-shot .real .rs-self span { position: absolute !important; left: calc(6 * var(--u)) !important; top: calc(6 * var(--u)) !important; width: calc(52 * var(--u)) !important; height: calc(46 * var(--u)) !important; border-radius: calc(8 * var(--u)) !important; background: rgba(255,255,255,.85) !important; display: grid !important; place-items: center !important; color: #6B7280 !important; }
html body .steps .step-shot .real .rs-self .ic { width: calc(18 * var(--u)) !important; height: calc(18 * var(--u)) !important; }
html body .steps .step-shot .real .rs-call { border-top: 1px solid #E5E7EB !important; background: #F2EFF6 !important; padding: calc(12 * var(--u)) calc(16 * var(--u)) calc(40 * var(--u)) !important; display: flex !important; justify-content: flex-end !important; }
html body .steps .step-shot .real .rs-end { background: #DC2626 !important; color: #FFF !important; font-weight: 600 !important; font-size: calc(17 * var(--u)) !important; padding: calc(14 * var(--u)) calc(34 * var(--u)) !important; border-radius: calc(8 * var(--u)) !important; display: flex !important; align-items: center !important; gap: calc(10 * var(--u)) !important; }
html body .steps .step-shot .real .rs-wallet { padding: calc(20 * var(--u)) !important; display: grid !important; gap: calc(16 * var(--u)) !important; }
html body .steps .step-shot .real .rs-star { width: calc(62 * var(--u)) !important; height: calc(62 * var(--u)) !important; border-radius: calc(16 * var(--u)) !important; background: #FEF3C7 !important; display: grid !important; place-items: center !important; color: #111827 !important; flex: none !important; }
html body .steps .step-shot .real .rs-star .ic { width: calc(26 * var(--u)) !important; height: calc(26 * var(--u)) !important; }
html body .steps .step-shot .real .rs-pts { flex: 1 !important; }
html body .steps .step-shot .real .rs-pts small { font-size: calc(15 * var(--u)) !important; color: #6B7280 !important; }
html body .steps .step-shot .real .rs-pts b { display: block !important; font-size: calc(34 * var(--u)) !important; font-weight: 600 !important; line-height: 1.1 !important; }
html body .steps .step-shot .real .rs-pts b span { font-size: calc(18 * var(--u)) !important; color: #6B7280 !important; font-weight: 400 !important; margin-left: calc(6 * var(--u)) !important; }
html body .steps .step-shot .real .rs-wallet a { color: #3958B5 !important; font-weight: 600 !important; font-size: calc(17 * var(--u)) !important; }
html body .steps .step-shot .real .rs-tip { display: flex !important; gap: calc(12 * var(--u)) !important; background: #FAFAFA !important; border-radius: calc(14 * var(--u)) !important; padding: calc(14 * var(--u)) !important; color: #4B5563 !important; font-size: calc(14.5 * var(--u)) !important; line-height: 1.45 !important; }
html body .steps .step-shot .real .rs-tip .ic { color: #6B7280 !important; }
html body .steps .step-shot .real .rs-job { padding: calc(18 * var(--u)) !important; display: grid !important; gap: calc(10 * var(--u)) !important; }
html body .steps .step-shot .real .rs-job > b { font-size: calc(18 * var(--u)) !important; font-weight: 500 !important; }
html body .steps .step-shot .real .rs-chips { display: flex !important; flex-wrap: wrap !important; gap: calc(8 * var(--u)) !important; }
html body .steps .step-shot .real .rs-chips i { font-style: normal !important; font-size: calc(12.5 * var(--u)) !important; color: #6B7280 !important; background: #F3F4F6 !important; border-radius: 99px !important; padding: calc(5 * var(--u)) calc(11 * var(--u)) !important; }
html body .steps .step-shot .real .rs-job p { margin: 0 !important; font-size: calc(14 * var(--u)) !important; color: #6B7280 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
html body .steps .step-shot .real .rs-sal { color: #1E5FA0 !important; font-weight: 500 !important; font-size: calc(15 * var(--u)) !important; }
html body .steps .step-shot .real .rs-co { display: flex !important; align-items: center !important; gap: calc(8 * var(--u)) !important; color: #6B7280 !important; font-size: calc(14 * var(--u)) !important; }
html body .steps .step-shot .real .rs-co .ic { width: calc(18 * var(--u)) !important; height: calc(18 * var(--u)) !important; }
html body .steps .step-shot .real .rs-pills { display: flex !important; gap: calc(8 * var(--u)) !important; }
html body .steps .step-shot .real .rs-pills i { font-style: normal !important; font-size: calc(15 * var(--u)) !important; color: #1E3A8A !important; border: 1px solid #E5E7EB !important; background: #FFF !important; border-radius: 99px !important; padding: calc(8 * var(--u)) calc(14 * var(--u)) !important; white-space: nowrap !important; }
html body .steps .step-shot .real .rs-pills i.on { background: #0B0B0B !important; color: #FFF !important; border-color: #0B0B0B !important; }
html body .steps .step-shot .real .rs-verified { display: flex !important; gap: calc(14 * var(--u)) !important; align-items: center !important; background: #EEF1FE !important; border-radius: calc(18 * var(--u)) !important; padding: calc(18 * var(--u)) !important; }
html body .steps .step-shot .real .rs-verified > span { flex: none !important; width: calc(50 * var(--u)) !important; height: calc(50 * var(--u)) !important; border-radius: calc(12 * var(--u)) !important; background: #2563EB !important; color: #FFF !important; display: grid !important; place-items: center !important; }
html body .steps .step-shot .real .rs-verified b { font-size: calc(16.5 * var(--u)) !important; font-weight: 500 !important; }
html body .steps .step-shot .real .rs-verified p { margin: calc(2 * var(--u)) 0 0 !important; color: #6B7280 !important; font-size: calc(14 * var(--u)) !important; }
html body .steps .step-shot .real .rs-msg { display: flex !important; align-items: center !important; gap: calc(14 * var(--u)) !important; padding: calc(16 * var(--u)) !important; border: 1px solid #E5E7EB !important; box-shadow: none !important; }
html body .steps .step-shot .real .rs-bldg { width: calc(50 * var(--u)) !important; height: calc(50 * var(--u)) !important; border-radius: calc(12 * var(--u)) !important; background: #F3F4F6 !important; display: grid !important; place-items: center !important; color: #6B7280 !important; }
html body .steps .step-shot .real .rs-msg b { flex: 1 !important; font-size: calc(17 * var(--u)) !important; font-weight: 500 !important; }
html body .steps .step-shot .real .rs-msg small { color: #6B7280 !important; font-size: calc(14 * var(--u)) !important; }
html body .steps .step-shot .real .rs-empty { border: 1px solid #D1D5DB !important; border-radius: calc(16 * var(--u)) !important; padding: calc(20 * var(--u)) !important; text-align: center !important; color: #6B7280 !important; font-size: calc(14.5 * var(--u)) !important; line-height: 1.45 !important; }
html body .steps .step-shot .real .rs-home { position: absolute !important; left: 50% !important; bottom: calc(8 * var(--u)) !important; translate: -50% 0 !important; width: calc(146 * var(--u)) !important; height: calc(5 * var(--u)) !important; border-radius: 99px !important; background: #111 !important; z-index: 2 !important; }
html body .steps .step-shot .real .rs-pad { overflow: hidden !important; }