.xb-sec_hero { padding: clamp(48px, calc(48px + 3.33vw), 88px) 24px clamp(53px, calc(53px + 3.58vw), 96px) 24px; color: #0B1220; background-image: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%) }
.xb-hero_row, .xb-why_r2 { display: flex; flex-direction: row; gap: 64px; align-items: center }
.xb-hero_left { display: flex; flex-direction: column; gap: 0px; align-items: flex-start; width: 52%; text-align: left }
.xb-hero_eb { display: flex; flex-direction: row; gap: 8px; align-items: center; margin-bottom: 16px }
.xb-hero_eb_dot { width: 14px; display: inline-block }
.xb-hero_eb_txt { font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #2563EB; line-height: 1.4; width: 336px }
.xb-hero_h1 { font-size: clamp(34px, calc(34px + 1.83vw), 56px); font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; color: #0B1220; margin-bottom: 18px }
.xb-hero_sub { font-size: 19px; line-height: 1.55; color: #64748B; margin-bottom: 28px; max-width: 560px }
.xb-hero_ctas { display: flex; flex-direction: row; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 24px }
.xb-hero_btn1, .xb-cta_btn { font-weight: 600; display: inline-block; border-radius: 6px; font-size: 16px; padding: 14px 24px 14px 24px; line-height: 1.2; background-color: #2563EB; color: #FFFFFF; box-shadow: 0px 6px 20px -10px rgba(37,99,235,0.35) }
.xb-hero_btn1:hover, .xb-cta_btn:hover { background-color: #1D4ED8; color: #FFFFFF }
.xb-hero_btn2 { font-weight: 600; display: inline-block; border-radius: 6px; font-size: 16px; padding: 14px 24px 14px 24px; line-height: 1.2; background-color: rgba(255,255,255,0); color: #0B1220; border: 1px solid #CBD5E1 }
.xb-hero_btn2:hover { background-color: #F8FAFC }
.xb-hero_assure { display: flex; flex-direction: row; gap: 18px; font-size: 15px; color: #64748B; flex-wrap: wrap }
.xb-hero_assure_1 { color: #64748B; padding-bottom: 4px }
.xb-hero_assure_2, .xb-hero_assure_3 { color: #64748B }
.xb-hero_tools { display: flex; flex-direction: row; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 22px }
.xb-hero_tools_lbl { font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: #64748B; line-height: 1.4 }
.xb-hero_tool1, .xb-hero_tool2, .xb-hero_tool3, .xb-hero_tool4, .xb-hero_tool5 { font-size: 13px; font-weight: 600; line-height: 1.4; color: #0B1220; background-color: rgba(37,99,235,0.06); border: 1px solid rgba(37,99,235,0.18); border-radius: 999px; padding: 4px 11px 4px 11px }
.xb-hero_tool1:hover, .xb-hero_tool2:hover, .xb-hero_tool3:hover, .xb-hero_tool4:hover, .xb-hero_tool5:hover { background-color: rgba(37,99,235,0.10); border: 1px solid rgba(37,99,235,0.3) }
.xb-hero_right { display: flex; flex-direction: column; gap: 0px; width: 48% }
.xb-hero_card { display: flex; flex-direction: column; gap: 0px; background-color: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; padding: 20px 22px 22px 22px; box-shadow: 0px 16px 40px rgba(11,18,32,0.10), 0px 4px 12px rgba(11,18,32,0.04) }
.xb-hero_card_head { display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 12px }
.xb-hero_card_title { display: flex; flex-direction: row; gap: 8px; align-items: center }
.xb-hero_card_ticker { font-size: 13px; font-weight: 600; line-height: 1.4; color: #334155; background-color: #F8FAFC; border-radius: 6px; padding: 3px 8px 3px 8px; font-family: "monospace", sans-serif }
.xb-hero_card_name { font-size: 15px; line-height: 1.4; color: #64748B }
.xb-hero_card_badge, .xb-why1_panel_b, .xb-why2_panel_b { font-size: 12px; font-weight: 600; line-height: 1.4; color: #047C66; background-color: rgba(0,212,170,0.12); border: 1px solid rgba(0,212,170,0.35); border-radius: 999px; padding: 3px 10px 3px 10px }
.xb-hero_flow { display: flex; flex-direction: column; gap: 9px; margin-top: 4px; margin-bottom: 16px }
.xb-hero_step1, .xb-hero_step2 { display: flex; flex-direction: row; gap: 11px; align-items: center; background-color: #F8FAFC; border-radius: 6px; padding: 9px 11px 9px 11px; color: #0B1220 }
.xb-hero_step1_n, .xb-hero_step2_n { width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 12px; background-color: #00D4AA; color: #FFFFFF; font-size: 13px; font-weight: 700; flex-shrink: 0; box-shadow: 0px 0px 0px 2px rgba(0,212,170,0.15) }
.xb-hero_step1_l, .xb-hero_step2_l, .xb-hero_step3_l { font-size: 15px; line-height: 1.4; color: #0B1220 }
.xb-hero_step3 { display: flex; flex-direction: row; gap: 11px; align-items: center; background-color: rgba(37,99,235,0.06); border-radius: 6px; padding: 9px 11px 9px 11px; color: #0B1220 }
.xb-hero_step3_n { width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 12px; background-color: #2563EB; color: #FFFFFF; font-size: 13px; font-weight: 700; flex-shrink: 0; box-shadow: 0px 0px 0px 3px rgba(37,99,235,0.18) }
.xb-hero_step4 { display: flex; flex-direction: row; gap: 11px; align-items: center; background-color: #F8FAFC; border-radius: 6px; padding: 9px 11px 9px 11px; color: #334155 }
.xb-hero_step4_n { width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 12px; background-color: #E2E8F0; color: #64748B; font-size: 13px; font-weight: 700; flex-shrink: 0 }
.xb-hero_step4_l { font-size: 15px; line-height: 1.4; color: #334155 }
.xb-hero_progress { display: flex; flex-direction: row; height: 6px; background-color: #E2E8F0; border-radius: 999px; overflow: hidden; margin-top: 4px; margin-bottom: 12px }
.xb-hero_progress_fill { display: flex; width: 62%; height: 6px; border-radius: 999px; background-image: linear-gradient(90deg, #2563EB 0%, #00D4AA 100%) }
.xb-hero_meta { display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: space-between }
.xb-hero_meta1 { font-size: 14px; line-height: 1.4; color: #64748B }
.xb-hero_meta2 { font-size: 14px; line-height: 1.4; color: #10B981; font-weight: 600 }
.xb-sec_logos { padding: 32px 24px 32px 24px; color: #0B1220; background-color: #F8FAFC; border-top: 1px solid #E2E8F0; border-bottom: 1px solid #E2E8F0 }
.xb-logos_lead { font-size: 14px; line-height: 1.6; color: #64748B; margin-bottom: 18px; text-align: center }
.xb-logos_list { display: flex; flex-direction: row; gap: 36px; align-items: center; justify-content: center; flex-wrap: wrap }
.xb-logo1, .xb-logo2, .xb-logo3, .xb-logo4, .xb-logo5, .xb-logo6 { display: flex; flex-direction: row; gap: 9px; align-items: center; color: #64748B; opacity: 0.75 }
.xb-logo1_ic, .xb-logo2_ic, .xb-logo3_ic, .xb-logo4_ic, .xb-logo5_ic, .xb-logo6_ic { width: 22px; display: inline-block; color: #64748B }
.xb-logo1_t, .xb-logo2_t, .xb-logo3_t, .xb-logo4_t, .xb-logo5_t, .xb-logo6_t { font-size: 15px; line-height: 1.3; color: #64748B; font-weight: 600 }
.xb-sec_trust { padding: clamp(22px, calc(22px + 1.5vw), 40px) 24px clamp(22px, calc(22px + 1.5vw), 40px) 24px; color: #0B1220 }
.xb-trust_row { display: flex; flex-direction: row; gap: 20px; align-items: stretch; flex-wrap: wrap }
.xb-stat1 { display: flex; flex-direction: column; gap: 6px; flex-grow: 1; width: 0px; text-align: center; padding: 16px 8px 16px 8px; align-items: center }
.xb-stat1_v, .xb-stat2_v, .xb-stat3_v, .xb-stat4_v { font-size: clamp(23px, calc(23px + 1.25vw), 38px); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; color: #0B1220; text-align: center }
.xb-stat1_l, .xb-stat2_l, .xb-stat3_l, .xb-stat4_l { font-size: 15px; line-height: 1.4; color: #64748B; text-align: center }
.xb-stat2, .xb-stat3, .xb-stat4 { display: flex; flex-direction: column; gap: 6px; flex-grow: 1; width: 0px; text-align: center; padding: 16px 8px 16px 8px; align-items: center; border-left: 1px solid #E2E8F0 }
.xb-sec_opp, .xb-sec_work, .xb-sec_fit, .xb-sec_apply { padding: clamp(53px, calc(53px + 3.58vw), 96px) 24px clamp(53px, calc(53px + 3.58vw), 96px) 24px; color: #0B1220 }
.xb-opp_hd, .xb-why_hd, .xb-work_hd, .xb-day_hd { display: flex; flex-direction: column; gap: 0px; align-items: center; text-align: center; max-width: 720px; align-self: center; width: 100%; margin-bottom: 52px }
.xb-opp_eb, .xb-day_eb, .xb-apply_eb, .xb-RBZeGXT5HS, .xb-yg4NqoJ4vo { font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #2563EB; line-height: 1.4; margin-bottom: 14px }
.xb-opp_h2, .xb-work_h2, .xb-apply_h2 { font-size: clamp(23px, calc(23px + 1.25vw), 38px); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; color: #0B1220; margin-bottom: 8px; text-align: center }
.xb-opp_lede, .xb-work_lede, .xb-apply_lede { font-size: 18px; line-height: 1.6; color: #64748B; text-align: center; max-width: 620px }
.xb-opp_grid, .xb-work_grid { display: flex; flex-direction: row; gap: 24px; align-items: stretch; flex-wrap: wrap }
.xb-opp_c1, .xb-opp_c2, .xb-opp_c3, .xb-opp_c4 { display: flex; flex-direction: column; gap: 0px; align-items: flex-start; background-color: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; padding: 28px 28px 28px 28px; text-align: left; flex-grow: 1; width: 0px }
.xb-opp_c1:hover, .xb-opp_c2:hover, .xb-opp_c3:hover, .xb-opp_c4:hover, .xb-work_c1:hover, .xb-work_c2:hover, .xb-work_c3:hover, .xb-work_c4:hover, .xb-work_c5:hover, .xb-work_c6:hover { border: 1px solid rgba(37,99,235,0.35); box-shadow: 0px 4px 12px rgba(11,18,32,0.06), 0px 1px 3px rgba(11,18,32,0.04) }
.xb-opp_c1_ib, .xb-opp_c2_ib, .xb-opp_c3_ib, .xb-opp_c4_ib, .xb-work_c1_ib, .xb-work_c2_ib, .xb-work_c3_ib, .xb-work_c4_ib, .xb-work_c5_ib, .xb-work_c6_ib { display: flex; flex-direction: row; gap: 0px; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 10px; background-color: rgba(37,99,235,0.10); color: #2563EB; margin-bottom: 18px }
.xb-opp_c1_ic, .xb-opp_c2_ic, .xb-opp_c3_ic, .xb-opp_c4_ic, .xb-work_c1_ic, .xb-work_c2_ic, .xb-work_c3_ic, .xb-work_c4_ic, .xb-work_c5_ic, .xb-work_c6_ic { width: 24px; display: inline-block; color: #2563EB }
.xb-opp_c1_h3, .xb-opp_c2_h3, .xb-opp_c3_h3, .xb-opp_c4_h3, .xb-work_c1_h3, .xb-work_c2_h3, .xb-work_c3_h3, .xb-work_c4_h3, .xb-work_c5_h3, .xb-work_c6_h3 { font-size: 19px; font-weight: 600; line-height: 1.3; color: #0B1220; margin-bottom: 8px }
.xb-opp_c1_p, .xb-opp_c2_p, .xb-opp_c3_p, .xb-opp_c4_p, .xb-work_c1_p, .xb-work_c2_p, .xb-work_c3_p, .xb-work_c4_p, .xb-work_c5_p, .xb-work_c6_p { font-size: 16px; line-height: 1.55; color: #64748B }
.xb-sec_why, .xb-sec_day, .xb-sec_about { padding: clamp(53px, calc(53px + 3.58vw), 96px) 24px clamp(53px, calc(53px + 3.58vw), 96px) 24px; color: #0B1220; background-color: #F8FAFC }
.xb-why_h2, .xb-day_h2 { font-size: clamp(23px, calc(23px + 1.25vw), 38px); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; color: #0B1220; margin-bottom: 0px; text-align: center }
.xb-why_r1 { display: flex; flex-direction: row; gap: 64px; align-items: center; margin-bottom: 80px }
.xb-why1, .xb-why2 { display: flex; flex-direction: column; gap: 0px; align-items: flex-start; width: 48% }
.xb-why1_h3, .xb-why2_h3 { font-size: clamp(16px, calc(16px + 0.83vw), 26px); font-weight: 600; line-height: 1.3; color: #0B1220; margin-bottom: 12px }
.xb-why1_p, .xb-why2_p, .xb-work_callout_p2 { font-size: 17px; line-height: 1.6; color: #334155 }
.xb-why1_pts, .xb-why2_pts { display: flex; flex-direction: column; gap: 8px; font-size: 16px; color: #334155; margin-top: 16px }
.xb-why1_pts_1, .xb-why1_pts_2, .xb-why1_pts_3, .xb-why2_pts_1, .xb-why2_pts_2, .xb-why2_pts_3, .xb-fit_list_1, .xb-fit_list_2, .xb-fit_list_3, .xb-fit_list_5, .xb-fit_list_6 { color: #334155 }
.xb-why1_panel, .xb-why2_panel { display: flex; flex-direction: column; gap: 0px; width: 52%; background-color: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; padding: 20px 20px 20px 20px; box-shadow: 0px 4px 12px rgba(11,18,32,0.06), 0px 1px 3px rgba(11,18,32,0.04) }
.xb-why1_panel_hd, .xb-why2_panel_hd { display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: space-between; margin-bottom: 14px }
.xb-why1_panel_t, .xb-why2_panel_t { font-size: 16px; line-height: 1.4; color: #0B1220; font-weight: 600 }
.xb-why1_board { display: flex; flex-direction: column; gap: 8px }
.xb-why1_s1, .xb-why1_s2, .xb-why1_s3 { display: flex; flex-direction: row; gap: 16px; align-items: center; justify-content: space-between; background-color: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 6px; padding: 10px 13px 10px 13px }
.xb-why1_s1_t, .xb-why1_s2_t, .xb-why1_s3_t { font-size: 15px; line-height: 1.4; color: #0B1220; font-weight: 600 }
.xb-why1_s1_p { font-size: 12px; font-weight: 600; line-height: 1.4; color: #007A63; background-color: rgba(0,212,170,0.12); border-radius: 999px; padding: 2px 9px 2px 9px }
.xb-why1_s2_p { font-size: 12px; font-weight: 600; line-height: 1.4; color: #1D4ED8; background-color: rgba(37,99,235,0.10); border-radius: 999px; padding: 2px 9px 2px 9px }
.xb-why1_s3_p { font-size: 12px; font-weight: 600; line-height: 1.4; color: #334155; background-color: #E2E8F0; border-radius: 999px; padding: 2px 9px 2px 9px }
.xb-why2_stats { display: flex; flex-direction: row; gap: 12px; align-items: stretch; padding-top: 14px; margin-top: 14px; border-top: 1px solid #E2E8F0 }
.xb-why2_st1, .xb-why2_st2, .xb-why2_st3 { display: flex; flex-direction: column; gap: 4px; flex-grow: 1; width: 0px }
.xb-why2_st1_l, .xb-why2_st2_l, .xb-why2_st3_l { font-size: 12px; line-height: 1.3; color: #64748B; text-transform: uppercase; letter-spacing: 0.06em }
.xb-why2_st1_v, .xb-why2_st2_v, .xb-why2_st3_v { font-size: 17px; line-height: 1.3; color: #0B1220; font-weight: 700; font-family: "monospace", sans-serif }
.xb-work_c1, .xb-work_c2, .xb-work_c3, .xb-work_c4, .xb-work_c5, .xb-work_c6 { display: flex; flex-direction: column; gap: 0px; align-items: flex-start; background-color: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; padding: 28px 28px 28px 28px; text-align: left; flex-grow: 1; width: 30% }
.xb-work_callout { display: flex; flex-direction: column; gap: 0px; align-items: flex-start; max-width: 860px; width: 100%; align-self: center; margin-top: 40px; padding: 26px 29px 26px 29px; border: 1px solid #E2E8F0; border-radius: 16px; background-image: linear-gradient(135deg, rgba(0,212,170,0.06) 0%, rgba(37,99,235,0.04) 100%) }
.xb-work_callout_eb { font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #2563EB; line-height: 1.4; margin-bottom: 4px }
.xb-work_callout_h3 { font-size: 20px; font-weight: 600; line-height: 1.3; color: #0B1220; margin-bottom: 12px }
.xb-work_callout_p1 { font-size: 17px; line-height: 1.6; color: #334155; margin-bottom: 12px }
.xb-day_flow { display: flex; flex-direction: row; gap: 16px; align-items: flex-start; flex-wrap: wrap }
.xb-day1, .xb-day2, .xb-day3, .xb-day4, .xb-day5 { display: flex; flex-direction: column; gap: 0px; align-items: center; flex-grow: 1; width: 0px; text-align: center }
.xb-day1_n, .xb-day2_n, .xb-day3_n, .xb-day4_n, .xb-day5_n { width: 44px; height: 44px; line-height: 40px; text-align: center; border-radius: 22px; background-color: #FFFFFF; border: 2px solid #2563EB; color: #2563EB; font-size: 17px; font-weight: 800; margin-bottom: 10px; flex-shrink: 0 }
.xb-day1_c, .xb-day2_c, .xb-day3_c, .xb-day4_c, .xb-day5_c { display: flex; flex-direction: column; gap: 0px; align-items: center }
.xb-day1_h3, .xb-day2_h3, .xb-day3_h3, .xb-day4_h3, .xb-day5_h3 { font-size: 17px; font-weight: 600; line-height: 1.3; color: #0B1220; margin-bottom: 5px; text-align: center }
.xb-day1_p, .xb-day2_p, .xb-day3_p, .xb-day4_p, .xb-day5_p { font-size: 15px; line-height: 1.5; color: #64748B; text-align: center }
.xb-fit_grid, .xb-about_grid { display: flex; flex-direction: row; gap: 48px; align-items: flex-start }
.xb-fit_c1, .xb-fit_c2 { display: flex; flex-direction: column; gap: 0px; align-items: flex-start; width: 50% }
.xb-fit_eb, .xb-tools_eb, .xb-about_eb { font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #2563EB; line-height: 1.4; margin-bottom: 8px }
.xb-fit_h2, .xb-tools_h2 { font-size: clamp(16px, calc(16px + 0.92vw), 27px); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; color: #0B1220; margin-bottom: 16px }
.xb-fit_list { display: flex; flex-direction: column; gap: 9px; font-size: 17px; color: #334155; margin-bottom: 16px }
.xb-fit_list_4 { color: #334155; padding-top: 8px }
.xb-fit_note1, .xb-fit_note2 { font-size: 15px; line-height: 1.5; color: #64748B }
.xb-tool_pills { display: flex; flex-direction: row; gap: 7px; align-items: center; flex-wrap: wrap; margin-bottom: 16px }
.xb-tool1, .xb-tool2, .xb-tool3, .xb-tool4, .xb-tool5, .xb-tool6, .xb-tool7, .xb-tool8, .xb-tool9, .xb-tool10, .xb-tool11, .xb-tool12, .xb-tool13, .xb-tool14, .xb-tool15, .xb-tool16, .xb-tool17, .xb-tool18, .xb-tool19, .xb-tool20, .xb-tool21, .xb-tool22 { font-size: 14px; font-weight: 500; line-height: 1.4; color: #334155; background-color: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 999px; padding: 6px 13px 6px 13px }
.xb-about_copy { display: flex; flex-direction: column; gap: 0px; align-items: flex-start; width: 58% }
.xb-about_h2 { font-size: clamp(23px, calc(23px + 1.25vw), 38px); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; color: #0B1220; margin-bottom: 14px }
.xb-about_p1, .xb-about_p2 { font-size: 17px; line-height: 1.6; color: #334155; margin-bottom: 16px }
.xb-about_p3 { font-size: 17px; line-height: 1.6; color: #334155; padding-right: 4px }
.xb-about_products { display: flex; flex-direction: column; gap: 10px; width: 42% }
.xb-prod1, .xb-prod2, .xb-prod4 { display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: space-between; background-color: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 10px; padding: 16px 18px 16px 18px }
.xb-prod1:hover, .xb-prod2:hover, .xb-prod4:hover { border: 1px solid #2563EB; box-shadow: 0px 4px 12px rgba(11,18,32,0.06), 0px 1px 3px rgba(11,18,32,0.04) }
.xb-prod1_c, .xb-prod2_c, .xb-prod4_c { display: flex; flex-direction: column; gap: 2px; align-items: flex-start }
.xb-prod1_n, .xb-prod2_n, .xb-prod4_n { font-size: 17px; line-height: 1.3; color: #0B1220; font-weight: 700 }
.xb-prod1_t, .xb-prod2_t, .xb-prod4_t { font-size: 14px; line-height: 1.3; color: #64748B }
.xb-prod1_a, .xb-prod2_a, .xb-prod4_a { font-size: 19px; line-height: 1; color: #2563EB }
.xb-apply_narrow { display: flex; flex-direction: column; gap: 0px; max-width: 760px; width: 100%; align-self: center }
.xb-apply_hd { display: flex; flex-direction: column; gap: 0px; align-items: center; text-align: center; max-width: 720px; align-self: center; width: 100%; margin-bottom: 16px }
.xb-apply_card { display: flex; flex-direction: column; gap: 0px; background-color: #FFFFFF; border: 1px solid #E2E8F0; border-radius: 16px; padding: 32px 36px 32px 36px; box-shadow: 0px 4px 12px rgba(11,18,32,0.06), 0px 1px 3px rgba(11,18,32,0.04); margin-top: 16px }
.xb-apply_privacy { font-size: 14px; line-height: 1.5; color: #64748B; margin-top: 20px; text-align: center }
.xb-sec_cta { padding: clamp(35px, calc(35px + 2.42vw), 64px) 24px clamp(53px, calc(53px + 3.58vw), 96px) 24px; color: #0B1220 }
.xb-cta_banner { display: flex; flex-direction: column; gap: 0px; align-items: center; background-image: linear-gradient(135deg, #0B1220 0%, #1E293B 100%); color: #FFFFFF; border-radius: 24px; padding: clamp(40px, calc(40px + 2.67vw), 72px) 56px clamp(40px, calc(40px + 2.67vw), 72px) 56px; text-align: center; overflow: hidden }
.xb-cta_inner { display: flex; flex-direction: column; gap: 0px; align-items: center; max-width: 640px; width: 100% }
.xb-cta_h2 { font-size: clamp(23px, calc(23px + 1.25vw), 38px); font-weight: 700; line-height: 1.15; letter-spacing: -0.01em; color: #FFFFFF; margin-bottom: 12px; text-align: center }
.xb-cta_p { font-size: 17px; line-height: 1.6; color: #CBD5E1; margin-bottom: 24px; text-align: center }
.xb-work_c6_h3 { position: absolute; left: 3.6%; top: 42.2%; z-index: 10; }
.xb-work_c6 { position: relative; }
@media (max-width: 1024px) {
.xb-hero_row { flex-direction: column; gap: 40px; align-items: stretch }
.xb-hero_left, .xb-why1, .xb-why1_panel, .xb-why2_panel, .xb-why2, .xb-fit_c1, .xb-fit_c2, .xb-about_copy, .xb-about_products { width: 100% }
.xb-hero_right { width: 100%; max-width: 560px; align-self: center }
.xb-opp_c1, .xb-opp_c2, .xb-opp_c3, .xb-opp_c4, .xb-work_c1, .xb-work_c2, .xb-work_c3, .xb-work_c4, .xb-work_c5, .xb-work_c6 { width: 47%; flex-grow: 1 }
.xb-why_r1 { flex-direction: column; gap: 32px; align-items: stretch; margin-bottom: 48px }
.xb-why_r2 { flex-direction: column; gap: 32px; align-items: stretch }
.xb-day_flow { gap: 24px }
.xb-day1, .xb-day2, .xb-day3, .xb-day4, .xb-day5 { width: 45% }
.xb-fit_grid { flex-direction: column; gap: 36px; align-items: stretch }
.xb-about_grid { flex-direction: column; gap: 28px; align-items: stretch }
}
@media (max-width: 767px) {
.xb-sec_hero { padding: clamp(22px, calc(22px + 1.5vw), 40px) 20px 32px 20px }
.xb-hero_row, .xb-hero_progress, .xb-opp_grid, .xb-why_r1, .xb-why_r2, .xb-work_grid, .xb-fit_grid, .xb-about_grid { flex-direction: column }
.xb-hero_eb, .xb-hero_card_head, .xb-hero_card_title, .xb-hero_step1, .xb-hero_step2, .xb-hero_step3, .xb-hero_step4, .xb-hero_meta, .xb-logo1, .xb-logo2, .xb-logo3, .xb-logo4, .xb-logo5, .xb-logo6, .xb-opp_c1_ib, .xb-opp_c2_ib, .xb-opp_c3_ib, .xb-opp_c4_ib, .xb-why1_panel_hd, .xb-why1_s1, .xb-why1_s2, .xb-why1_s3, .xb-why2_panel_hd, .xb-why2_stats, .xb-work_c1_ib, .xb-work_c2_ib, .xb-work_c3_ib, .xb-work_c4_ib, .xb-work_c5_ib, .xb-work_c6_ib, .xb-tool_pills, .xb-prod1, .xb-prod2, .xb-prod4 { flex-direction: row }
.xb-hero_h1 { font-size: clamp(20px, calc(20px + 1.17vw), 34px) }
.xb-hero_ctas { flex-direction: column; align-items: stretch; gap: 10px }
.xb-hero_assure { flex-direction: column; gap: 8px }
.xb-hero_tools { flex-direction: row; margin-top: 16px }
.xb-hero_card { padding: 14px 16px 14px 16px }
.xb-sec_logos { padding: 24px 20px 24px 20px }
.xb-logos_list { flex-direction: row; gap: 20px }
.xb-sec_trust { padding: 28px 20px 28px 20px }
.xb-trust_row { flex-direction: row; gap: 12px }
.xb-stat1, .xb-stat2, .xb-stat3, .xb-stat4 { width: 46%; flex-grow: 0; border-left: 0px solid rgba(0,0,0,0) }
.xb-stat1_v, .xb-stat2_v, .xb-stat3_v, .xb-stat4_v { font-size: clamp(16px, calc(16px + 0.83vw), 26px) }
.xb-sec_opp, .xb-sec_why, .xb-sec_work, .xb-sec_day, .xb-sec_fit, .xb-sec_about, .xb-sec_apply { padding: clamp(22px, calc(22px + 1.5vw), 40px) 20px clamp(22px, calc(22px + 1.5vw), 40px) 20px }
.xb-opp_hd, .xb-why_hd, .xb-work_hd, .xb-day_hd, .xb-apply_hd { margin-bottom: 28px }
.xb-opp_h2, .xb-why_h2, .xb-work_h2, .xb-day_h2, .xb-about_h2, .xb-apply_h2, .xb-cta_h2 { font-size: clamp(17px, calc(17px + 0.92vw), 28px) }
.xb-opp_grid, .xb-work_grid { gap: 12px }
.xb-opp_c1, .xb-opp_c2, .xb-opp_c3, .xb-opp_c4, .xb-work_c1, .xb-work_c2, .xb-work_c3, .xb-work_c4, .xb-work_c5, .xb-work_c6 { width: 100%; padding: 18px 20px 18px 20px }
.xb-why1_panel, .xb-why2_panel { padding: 16px 18px 16px 18px }
.xb-work_callout { padding: 18px 20px 18px 20px; margin-top: 28px }
.xb-day_flow { flex-direction: column; gap: 20px }
.xb-day1, .xb-day2, .xb-day3, .xb-day4, .xb-day5 { width: 100%; flex-direction: row; align-items: flex-start; text-align: left; gap: 14px }
.xb-day1_n, .xb-day2_n, .xb-day3_n, .xb-day4_n, .xb-day5_n { margin-bottom: 0px }
.xb-day1_c, .xb-day2_c, .xb-day3_c, .xb-day4_c, .xb-day5_c { align-items: flex-start }
.xb-day1_h3, .xb-day1_p, .xb-day2_h3, .xb-day2_p, .xb-day3_h3, .xb-day3_p, .xb-day4_h3, .xb-day4_p, .xb-day5_h3, .xb-day5_p { text-align: left }
.xb-fit_h2, .xb-tools_h2 { font-size: clamp(16px, calc(16px + 0.67vw), 24px) }
.xb-apply_card { padding: 20px 18px 20px 18px }
.xb-sec_cta { padding: 24px 20px clamp(26px, calc(26px + 1.83vw), 48px) 20px }
.xb-cta_banner { padding: 32px 20px 32px 20px; border-radius: 16px }
}