:root {
	--frbx-navy: #071b46;
	--frbx-navy-soft: #102958;
	--frbx-blue: #2468df;
	--frbx-green: #079a55;
	--frbx-green-dark: #067a45;
	--frbx-ink: #14213d;
	--frbx-text: #536076;
	--frbx-muted: #778296;
	--frbx-line: #dce3eb;
	--frbx-surface: #f4f7fa;
	--frbx-white: #ffffff;
	--frbx-shadow: 0 22px 60px rgba(7, 27, 70, 0.13);
}

html {
	scroll-behavior: smooth;
}

body.frbx_body {
	margin: 0;
	overflow-x: hidden;
	background: var(--frbx-white);
	color: var(--frbx-ink);
	font-family: Roboto, Arial, sans-serif;
	letter-spacing: 0;
}

.frbx_body *,
.frbx_body *::before,
.frbx_body *::after {
	box-sizing: border-box;
	letter-spacing: 0;
}

.frbx_body a {
	text-decoration: none;
}

.frbx_body button,
.frbx_body input {
	font: inherit;
}

.frbx_container {
	width: min(1240px, calc(100% - 48px));
	margin: 0 auto;
}

.frbx_header {
	position: sticky;
	top: 0;
	z-index: 1000;
	width: 100%;
	background: rgba(255, 255, 255, 0.98);
	border-bottom: 1px solid rgba(220, 227, 235, 0.75);
	transition: box-shadow 180ms ease;
}

.frbx_header.is-scrolled {
	box-shadow: 0 8px 28px rgba(7, 27, 70, 0.09);
}

.frbx_header > .frb_header_tools {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: min(1240px, calc(100% - 48px));
	min-height: 32px;
	margin: 0 auto;
	padding: 3px 0;
	border-bottom: 1px solid #edf1f5;
	background: transparent;
}

.frbx_header .frb_header_contact {
	display: flex;
	align-items: center;
	gap: 18px;
}

.frbx_header .frb_header_contact a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--frbx-muted);
	font-size: 12px;
	font-weight: 600;
}

.frbx_header .frb_header_contact a:hover {
	color: var(--frbx-blue);
}

.frbx_header .frb_lang_form {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0;
}

.frbx_header .frb_lang_form img {
	width: 18px;
	height: 12px;
	object-fit: cover;
}

.frbx_header .frb_select_lang {
	width: auto;
	height: 26px;
	margin: 0;
	padding: 0 20px 0 4px;
	border: 0;
	background-color: transparent;
	color: var(--frbx-ink);
	font-size: 12px;
	font-weight: 700;
}

.frbx_header_main {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 38px;
	width: min(1240px, calc(100% - 48px));
	height: 70px;
	margin: 0 auto;
}

.frbx_brand {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	color: var(--frbx-navy);
}

.frbx_brand:hover {
	color: var(--frbx-navy);
}

.frbx_brand_mark {
	display: inline-grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border-radius: 7px;
	background: var(--frbx-navy);
	color: var(--frbx-white);
	font-size: 16px;
}

.frbx_brand_text {
	display: flex;
	flex-direction: column;
	line-height: 1;
}

.frbx_brand_text strong {
	color: var(--frbx-navy);
	font-size: 22px;
	font-weight: 900;
}

.frbx_brand_text small {
	margin-top: 4px;
	color: var(--frbx-muted);
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.frbx_nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
}

.frbx_nav a {
	position: relative;
	padding: 25px 0 22px;
	color: #34415a;
	font-size: 14px;
	font-weight: 700;
}

.frbx_nav a::after {
	position: absolute;
	right: 0;
	bottom: 16px;
	left: 0;
	height: 2px;
	content: "";
	background: var(--frbx-green);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform 180ms ease;
}

.frbx_nav a:hover {
	color: var(--frbx-navy);
}

.frbx_nav a:hover::after {
	transform: scaleX(1);
}

.frbx_header_actions {
	display: flex;
	align-items: center;
	gap: 18px;
}

.frbx_login_link {
	color: var(--frbx-navy);
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}

.frbx_header button.frbx_menu_toggle {
	display: none;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	border: 1px solid var(--frbx-line);
	border-radius: 6px;
	background: var(--frbx-white);
	color: var(--frbx-navy);
	box-shadow: none;
	font-size: 17px;
	line-height: 1;
	text-transform: none;
	cursor: pointer;
}

.frbx_header button.frbx_menu_toggle:hover,
.frbx_header button.frbx_menu_toggle:focus {
	border-color: #b9c4d1;
	outline: none;
	background: var(--frbx-surface);
	color: var(--frbx-navy);
	box-shadow: none;
}

.frbx_button {
	display: inline-flex;
	min-height: 48px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 0 22px;
	border: 1px solid var(--frbx-green);
	border-radius: 6px;
	background: var(--frbx-green);
	color: var(--frbx-white);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
	transition: background 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.frbx_button:hover {
	border-color: var(--frbx-green-dark);
	background: var(--frbx-green-dark);
	color: var(--frbx-white);
	box-shadow: 0 10px 24px rgba(7, 154, 85, 0.2);
	transform: translateY(-2px);
}

.frbx_button_small {
	min-height: 40px;
	padding: 0 17px;
	font-size: 13px;
	white-space: nowrap;
}

.frbx_button_outline {
	border-color: #bac5d2;
	background: var(--frbx-white);
	color: var(--frbx-navy);
}

.frbx_button_outline:hover {
	border-color: var(--frbx-navy);
	background: var(--frbx-navy);
	color: var(--frbx-white);
}

.frbx_page {
	width: 100%;
	overflow: hidden;
	background: var(--frbx-white);
}

.frbx_page section[id] {
	scroll-margin-top: 108px;
}

.frbx_hero {
	position: relative;
	min-height: 690px;
	padding: 72px 0 66px;
	background: var(--frbx-white);
}

.frbx_hero_grid {
	display: grid;
	grid-template-columns: minmax(0, 0.86fr) minmax(560px, 1.14fr);
	align-items: center;
	gap: 58px;
}

.frbx_hero_copy {
	position: relative;
	z-index: 2;
}

.frbx_status {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 22px;
	color: var(--frbx-green-dark);
	font-size: 13px;
	font-weight: 800;
}

.frbx_status i {
	font-size: 8px;
}

.frbx_hero h1 {
	max-width: 640px;
	margin: 0;
	color: var(--frbx-navy);
	font-size: 62px;
	font-weight: 900;
	line-height: 1.04;
}

.frbx_hero h1 span {
	color: var(--frbx-blue);
}

.frbx_hero_copy > p {
	max-width: 590px;
	margin: 26px 0 0;
	color: var(--frbx-text);
	font-size: 18px;
	line-height: 1.72;
}

.frbx_actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 30px;
}

.frbx_proof {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	margin-top: 25px;
	color: var(--frbx-muted);
	font-size: 12px;
	font-weight: 700;
}

.frbx_proof span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.frbx_proof i {
	display: inline-grid;
	width: 17px;
	height: 17px;
	place-items: center;
	border-radius: 50%;
	background: #e2f5eb;
	color: var(--frbx-green);
	font-size: 8px;
}

.frbx_hero_visual {
	position: relative;
	min-height: 545px;
}

.frbx_hero_visual > img {
	position: absolute;
	top: 0;
	right: -88px;
	width: 88%;
	height: 405px;
	border-radius: 8px 0 0 8px;
	object-fit: cover;
	object-position: 62% center;
}

.frbx_dashboard {
	overflow: hidden;
	border: 1px solid #ccd5e0;
	border-radius: 7px;
	background: var(--frbx-white);
	box-shadow: var(--frbx-shadow);
}

.frbx_dashboard_hero {
	position: absolute;
	right: 16px;
	bottom: 0;
	width: 92%;
	min-height: 365px;
}

.frbx_dash_top {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 10px;
	height: 42px;
	padding: 0 13px;
	border-bottom: 1px solid #e4e9ef;
	background: #fbfcfd;
}

.frbx_dash_top > strong {
	color: #293651;
	font-size: 11px;
}

.frbx_dash_logo,
.frbx_dash_user {
	display: inline-grid;
	width: 25px;
	height: 25px;
	place-items: center;
	border-radius: 5px;
	background: var(--frbx-navy);
	color: var(--frbx-white);
	font-size: 9px;
	font-weight: 900;
}

.frbx_dash_user {
	border-radius: 50%;
	background: #dce6f7;
	color: var(--frbx-blue);
}

.frbx_dash_body {
	display: grid;
	grid-template-columns: 116px 1fr;
	min-height: 322px;
}

.frbx_dash_body aside {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding: 18px 10px;
	border-right: 1px solid #e4e9ef;
	background: var(--frbx-navy);
}

.frbx_dash_body aside span {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 9px 8px;
	border-radius: 5px;
	color: #bfcbe3;
	font-size: 9px;
	font-weight: 700;
}

.frbx_dash_body aside span.is-active {
	background: rgba(255, 255, 255, 0.12);
	color: var(--frbx-white);
}

.frbx_dash_content {
	min-width: 0;
	padding: 17px 18px;
	background: #f7f9fc;
}

.frbx_dash_heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.frbx_dash_heading div {
	display: flex;
	flex-direction: column;
}

.frbx_dash_heading small {
	color: var(--frbx-muted);
	font-size: 8px;
}

.frbx_dash_heading strong {
	margin-top: 3px;
	color: var(--frbx-navy);
	font-size: 14px;
}

.frbx_dash_heading button,
.frbx_board_toolbar button {
	display: inline-grid;
	width: 28px;
	height: 28px;
	place-items: center;
	border: 0;
	border-radius: 5px;
	background: var(--frbx-green);
	color: var(--frbx-white);
	font-size: 10px;
}

.frbx_metric_row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin-top: 13px;
}

.frbx_metric_row > div {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: end;
	min-width: 0;
	padding: 10px;
	border: 1px solid #e2e8ef;
	border-radius: 5px;
	background: var(--frbx-white);
}

.frbx_metric_row small {
	grid-column: 1 / -1;
	overflow: hidden;
	color: var(--frbx-muted);
	font-size: 8px;
	white-space: nowrap;
}

.frbx_metric_row strong {
	margin-top: 4px;
	color: var(--frbx-navy);
	font-size: 18px;
}

.frbx_metric_row em {
	color: var(--frbx-green);
	font-size: 8px;
	font-style: normal;
	font-weight: 800;
}

.frbx_schedule {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: 13px;
	padding: 11px;
	border: 1px solid #e2e8ef;
	border-radius: 5px;
	background: var(--frbx-white);
}

.frbx_schedule > div {
	display: grid;
	grid-template-columns: 40px 1fr;
	align-items: center;
	gap: 8px;
}

.frbx_schedule time {
	color: var(--frbx-muted);
	font-size: 8px;
	font-weight: 700;
}

.frbx_schedule span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 0;
	padding: 7px 9px;
	border-left: 3px solid var(--frbx-blue);
	border-radius: 3px;
	background: #eaf1ff;
}

.frbx_schedule .frbx_booking_green {
	border-color: var(--frbx-green);
	background: #e7f6ee;
}

.frbx_schedule b {
	overflow: hidden;
	color: #263551;
	font-size: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.frbx_schedule small {
	color: var(--frbx-muted);
	font-size: 7px;
}

.frbx_live_note {
	position: absolute;
	right: -22px;
	bottom: 62px;
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 208px;
	padding: 12px 14px;
	border: 1px solid #dce3eb;
	border-radius: 7px;
	background: var(--frbx-white);
	box-shadow: 0 12px 32px rgba(7, 27, 70, 0.14);
}

.frbx_live_note > span {
	display: inline-grid;
	width: 28px;
	height: 28px;
	place-items: center;
	border-radius: 50%;
	background: #e2f5eb;
	color: var(--frbx-green);
	font-size: 10px;
}

.frbx_live_note div {
	display: flex;
	flex-direction: column;
}

.frbx_live_note strong {
	color: var(--frbx-navy);
	font-size: 10px;
}

.frbx_live_note small {
	margin-top: 3px;
	color: var(--frbx-muted);
	font-size: 8px;
}

.frbx_product_rail {
	border-top: 1px solid var(--frbx-line);
	border-bottom: 1px solid var(--frbx-line);
	background: #fbfcfd;
}

.frbx_product_rail .frbx_container {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
}

.frbx_product_rail span {
	display: flex;
	min-height: 82px;
	align-items: center;
	justify-content: center;
	gap: 9px;
	border-right: 1px solid var(--frbx-line);
	color: #4d5a70;
	font-size: 12px;
	font-weight: 800;
	text-align: center;
}

.frbx_product_rail span:first-child {
	border-left: 1px solid var(--frbx-line);
}

.frbx_product_rail i {
	color: var(--frbx-blue);
	font-size: 15px;
}

.frbx_section {
	padding: 106px 0;
}

.frbx_section_intro {
	max-width: 760px;
	margin-bottom: 56px;
}

.frbx_section_intro h2,
.frbx_handover_content h2,
.frbx_cta h2 {
	margin: 13px 0 0;
	color: var(--frbx-navy);
	font-size: 43px;
	font-weight: 900;
	line-height: 1.14;
}

.frbx_section_intro p,
.frbx_handover_content > p,
.frbx_cta p {
	max-width: 680px;
	margin: 18px 0 0;
	color: var(--frbx-text);
	font-size: 16px;
	line-height: 1.72;
}

.frbx_label {
	display: inline-flex;
	align-items: center;
	color: var(--frbx-green-dark);
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
}

.frbx_platform {
	background: var(--frbx-white);
}

.frbx_platform_grid {
	display: grid;
	grid-template-columns: minmax(360px, 0.8fr) minmax(560px, 1.2fr);
	align-items: center;
	gap: 70px;
}

.frbx_capability_list {
	border-top: 1px solid var(--frbx-line);
}

.frbx_capability {
	display: grid;
	grid-template-columns: 38px 1fr 24px;
	align-items: start;
	gap: 16px;
	padding: 20px 0;
	border-bottom: 1px solid var(--frbx-line);
}

.frbx_capability > span {
	color: var(--frbx-blue);
	font-size: 12px;
	font-weight: 900;
}

.frbx_capability h3 {
	margin: 0;
	color: var(--frbx-navy);
	font-size: 17px;
	font-weight: 850;
}

.frbx_capability p {
	margin: 7px 0 0;
	color: var(--frbx-text);
	font-size: 13px;
	line-height: 1.58;
}

.frbx_capability > i {
	margin-top: 4px;
	color: #abb5c3;
	font-size: 11px;
}

.frbx_fleet_board {
	overflow: hidden;
	border: 1px solid #cfd7e1;
	border-radius: 8px;
	background: var(--frbx-white);
	box-shadow: var(--frbx-shadow);
}

.frbx_board_toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 22px 24px;
	border-bottom: 1px solid var(--frbx-line);
}

.frbx_board_toolbar > div:first-child {
	display: flex;
	flex-direction: column;
}

.frbx_board_toolbar small {
	color: var(--frbx-muted);
	font-size: 10px;
}

.frbx_board_toolbar strong {
	margin-top: 3px;
	color: var(--frbx-navy);
	font-size: 18px;
}

.frbx_board_toolbar > div:last-child {
	display: flex;
	gap: 6px;
}

.frbx_board_toolbar button {
	border: 1px solid var(--frbx-line);
	background: var(--frbx-white);
	color: var(--frbx-navy);
}

.frbx_board_days {
	display: grid;
	grid-template-columns: 146px repeat(5, 1fr);
	min-height: 52px;
	align-items: center;
	border-bottom: 1px solid var(--frbx-line);
	background: #f7f9fb;
}

.frbx_board_days b {
	border-left: 1px solid var(--frbx-line);
	color: var(--frbx-muted);
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;
}

.frbx_board_days small {
	color: var(--frbx-navy);
	font-size: 12px;
}

.frbx_board_row {
	position: relative;
	display: grid;
	grid-template-columns: 146px 1fr;
	min-height: 68px;
	align-items: center;
	border-bottom: 1px solid var(--frbx-line);
	background: var(--frbx-white);
}

.frbx_board_row > strong {
	position: relative;
	z-index: 2;
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	padding: 0 16px;
	border-right: 1px solid var(--frbx-line);
	background: var(--frbx-white);
	color: var(--frbx-navy);
	font-size: 11px;
}

.frbx_board_row > strong small {
	margin-top: 4px;
	color: var(--frbx-muted);
	font-size: 8px;
}

.frbx_reservation {
	position: relative;
	z-index: 1;
	width: 72%;
	margin-left: 8%;
	padding: 12px;
	border-left: 3px solid var(--frbx-blue);
	border-radius: 4px;
	background: #e9f0fe;
	color: #244778;
	font-size: 10px;
	font-weight: 800;
}

.frbx_reservation_green {
	width: 54%;
	margin-left: 28%;
	border-color: var(--frbx-green);
	background: #e6f5ed;
	color: #17613f;
}

.frbx_reservation_gray {
	width: 38%;
	margin-left: 48%;
	border-color: #8994a5;
	background: #edf0f3;
	color: #556173;
}

.frbx_reservation_short {
	width: 32%;
	margin-left: 14%;
}

.frbx_board_footer {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 15px 20px;
	color: var(--frbx-muted);
	font-size: 9px;
}

.frbx_board_footer span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.frbx_board_footer span:nth-child(1) i {
	color: var(--frbx-blue);
}

.frbx_board_footer span:nth-child(2) i {
	color: var(--frbx-green);
}

.frbx_board_footer span:nth-child(3) i {
	color: #8994a5;
}

.frbx_features {
	background: var(--frbx-surface);
}

.frbx_feature_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid var(--frbx-line);
	border-left: 1px solid var(--frbx-line);
}

.frbx_feature {
	min-height: 260px;
	padding: 32px;
	border-right: 1px solid var(--frbx-line);
	border-bottom: 1px solid var(--frbx-line);
	background: var(--frbx-white);
}

.frbx_feature > span {
	display: inline-grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 7px;
	background: #eaf1ff;
	color: var(--frbx-blue);
	font-size: 17px;
}

.frbx_feature h3 {
	margin: 24px 0 0;
	color: var(--frbx-navy);
	font-size: 19px;
	font-weight: 850;
}

.frbx_feature p {
	min-height: 64px;
	margin: 12px 0 0;
	color: var(--frbx-text);
	font-size: 14px;
	line-height: 1.58;
}

.frbx_feature a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	color: var(--frbx-green-dark);
	font-size: 12px;
	font-weight: 900;
}

.frbx_handover {
	display: grid;
	grid-template-columns: 1.08fr 0.92fr;
	min-height: 680px;
	background: var(--frbx-navy);
}

.frbx_handover_media {
	min-height: 680px;
	overflow: hidden;
}

.frbx_handover_media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 48% center;
}

.frbx_handover_content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 72px clamp(42px, 7vw, 120px);
}

.frbx_handover_content .frbx_label {
	color: #68d79d;
}

.frbx_handover_content h2 {
	color: var(--frbx-white);
}

.frbx_handover_content > p {
	color: #c3cee0;
}

.frbx_process {
	margin: 32px 0 0;
	padding: 0;
	list-style: none;
}

.frbx_process li {
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: 15px;
	padding: 18px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.frbx_process li:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.frbx_process > li > span {
	color: #68d79d;
	font-size: 11px;
	font-weight: 900;
}

.frbx_process div {
	display: flex;
	flex-direction: column;
}

.frbx_process strong {
	color: var(--frbx-white);
	font-size: 15px;
}

.frbx_process small {
	margin-top: 5px;
	color: #aebbd0;
	font-size: 12px;
	line-height: 1.5;
}

.frbx_integrations {
	background: var(--frbx-white);
}

.frbx_integration_rail {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	border-top: 1px solid var(--frbx-line);
	border-left: 1px solid var(--frbx-line);
}

.frbx_integration_rail span {
	display: flex;
	min-height: 100px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 11px;
	padding: 14px 8px;
	border-right: 1px solid var(--frbx-line);
	border-bottom: 1px solid var(--frbx-line);
	color: #4e5b70;
	font-size: 11px;
	font-weight: 800;
	text-align: center;
}

.frbx_integration_rail i {
	color: var(--frbx-blue);
	font-size: 20px;
}

.frbx_compare {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 70px;
	border: 1px solid var(--frbx-line);
	border-radius: 8px;
	overflow: hidden;
}

.frbx_compare article {
	padding: 48px;
	background: #f7f8fa;
}

.frbx_compare article + article {
	border-left: 1px solid var(--frbx-line);
}

.frbx_compare .frbx_compare_positive {
	background: var(--frbx-navy);
}

.frbx_compare_tag {
	color: #7b879a;
	font-size: 11px;
	font-weight: 900;
	text-transform: uppercase;
}

.frbx_compare_positive .frbx_compare_tag {
	color: #68d79d;
}

.frbx_compare h3 {
	max-width: 480px;
	margin: 13px 0 0;
	color: var(--frbx-navy);
	font-size: 27px;
	font-weight: 900;
	line-height: 1.25;
}

.frbx_compare_positive h3 {
	color: var(--frbx-white);
}

.frbx_compare ul {
	display: grid;
	gap: 13px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.frbx_compare li {
	display: flex;
	align-items: center;
	gap: 11px;
	color: var(--frbx-text);
	font-size: 13px;
}

.frbx_compare li i {
	display: inline-grid;
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	place-items: center;
	border-radius: 50%;
	background: #e5e9ee;
	color: #7c8797;
	font-size: 8px;
}

.frbx_compare_positive li {
	color: #cbd5e5;
}

.frbx_compare_positive li i {
	background: rgba(104, 215, 157, 0.15);
	color: #68d79d;
}

.frbx_pricing {
	background: var(--frbx-surface);
}

.frbx_price_grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: stretch;
	gap: 18px;
}

.frbx_price {
	position: relative;
	display: flex;
	min-height: 530px;
	flex-direction: column;
	padding: 38px 34px;
	border: 1px solid var(--frbx-line);
	border-radius: 8px;
	background: var(--frbx-white);
}

.frbx_price_featured {
	border-color: var(--frbx-navy);
	box-shadow: 0 18px 44px rgba(7, 27, 70, 0.12);
}

.frbx_price_badge {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 6px 9px;
	border-radius: 4px;
	background: #e1f5ea;
	color: var(--frbx-green-dark);
	font-size: 9px;
	font-weight: 900;
	text-transform: uppercase;
}

.frbx_price h3 {
	margin: 0;
	color: var(--frbx-navy);
	font-size: 24px;
	font-weight: 900;
}

.frbx_price > p {
	min-height: 70px;
	margin: 13px 0 0;
	color: var(--frbx-text);
	font-size: 14px;
	line-height: 1.58;
}

.frbx_price > strong {
	margin-top: 26px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--frbx-line);
	color: var(--frbx-navy);
	font-size: 28px;
	font-weight: 900;
}

.frbx_price ul {
	display: grid;
	gap: 13px;
	margin: 25px 0 30px;
	padding: 0;
	list-style: none;
}

.frbx_price li {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #47556b;
	font-size: 13px;
}

.frbx_price li i {
	color: var(--frbx-green);
	font-size: 10px;
}

.frbx_price .frbx_button {
	width: 100%;
	margin-top: auto;
}

.frbx_onboarding {
	background: var(--frbx-white);
}

.frbx_onboarding_grid {
	display: grid;
	grid-template-columns: 1fr 0.8fr;
	align-items: center;
	gap: 90px;
}

.frbx_onboarding_copy h2 {
	max-width: 660px;
	margin: 13px 0 0;
	color: var(--frbx-navy);
	font-size: 43px;
	font-weight: 900;
	line-height: 1.14;
}

.frbx_onboarding_copy > p {
	max-width: 640px;
	margin: 18px 0 0;
	color: var(--frbx-text);
	font-size: 16px;
	line-height: 1.72;
}

.frbx_onboarding_steps {
	display: grid;
	gap: 14px;
	margin-top: 30px;
}

.frbx_onboarding_steps span {
	display: flex;
	align-items: center;
	gap: 13px;
	color: #46536a;
	font-size: 14px;
	font-weight: 800;
}

.frbx_onboarding_steps b {
	display: inline-grid;
	width: 30px;
	height: 30px;
	place-items: center;
	border-radius: 50%;
	background: #eaf1ff;
	color: var(--frbx-blue);
	font-size: 11px;
}

.frbx_signup_preview {
	padding: 34px;
	border: 1px solid #cfd8e3;
	border-radius: 8px;
	background: var(--frbx-white);
	box-shadow: var(--frbx-shadow);
}

.frbx_form_head {
	display: flex;
	align-items: center;
	gap: 13px;
	margin-bottom: 26px;
}

.frbx_form_head > span {
	display: inline-grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 7px;
	background: var(--frbx-navy);
	color: var(--frbx-white);
}

.frbx_form_head div {
	display: flex;
	flex-direction: column;
}

.frbx_form_head strong {
	color: var(--frbx-navy);
	font-size: 17px;
}

.frbx_form_head small {
	margin-top: 4px;
	color: var(--frbx-muted);
	font-size: 11px;
}

.frbx_signup_preview label {
	display: block;
	margin-top: 16px;
	color: #36435a;
	font-size: 11px;
	font-weight: 800;
}

.frbx_signup_preview input {
	display: block;
	width: 100%;
	height: 48px;
	margin-top: 7px;
	padding: 0 13px;
	border: 1px solid #cfd8e3;
	border-radius: 5px;
	outline: 0;
	background: #fbfcfd;
	color: var(--frbx-ink);
	font-size: 13px;
}

.frbx_signup_preview input:focus {
	border-color: var(--frbx-blue);
	box-shadow: 0 0 0 3px rgba(36, 104, 223, 0.1);
}

.frbx_form_meta {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	margin: 16px 0;
	color: var(--frbx-muted);
	font-size: 10px;
	font-weight: 700;
}

.frbx_form_meta i {
	color: var(--frbx-green);
}

.frbx_signup_preview .frbx_button {
	width: 100%;
}

.frbx_signup_preview > p {
	margin: 15px 0 0;
	color: var(--frbx-muted);
	font-size: 11px;
	text-align: center;
}

.frbx_signup_preview > p a {
	color: var(--frbx-blue);
	font-weight: 800;
}

.frbx_resources {
	padding-top: 86px;
	background: var(--frbx-surface);
}

.frbx_module_area {
	margin-top: 24px;
}

.frbx_module_area::after {
	display: block;
	clear: both;
	content: "";
}

.frbx_resource_fallback {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid var(--frbx-line);
	border-left: 1px solid var(--frbx-line);
}

.frbx_resource_fallback article {
	min-height: 210px;
	padding: 30px;
	border-right: 1px solid var(--frbx-line);
	border-bottom: 1px solid var(--frbx-line);
	background: var(--frbx-white);
}

.frbx_resource_fallback span {
	color: var(--frbx-blue);
	font-size: 11px;
	font-weight: 900;
}

.frbx_resource_fallback h3 {
	margin: 28px 0 0;
	color: var(--frbx-navy);
	font-size: 18px;
	font-weight: 850;
}

.frbx_resource_fallback p {
	margin: 11px 0 0;
	color: var(--frbx-text);
	font-size: 13px;
	line-height: 1.62;
}

.frbx_faq {
	background: var(--frbx-white);
}

.frbx_faq_grid {
	display: grid;
	grid-template-columns: 0.76fr 1.24fr;
	align-items: start;
	gap: 90px;
}

.frbx_faq_grid .frbx_section_intro {
	position: sticky;
	top: 140px;
	margin-bottom: 0;
}

.frbx_accordion {
	border-top: 1px solid var(--frbx-line);
}

.frbx_accordion details {
	border-bottom: 1px solid var(--frbx-line);
}

.frbx_accordion summary {
	display: grid;
	grid-template-columns: 1fr 24px;
	align-items: center;
	gap: 20px;
	padding: 24px 0;
	color: var(--frbx-navy);
	font-size: 16px;
	font-weight: 850;
	cursor: pointer;
	list-style: none;
}

.frbx_accordion summary::-webkit-details-marker {
	display: none;
}

.frbx_accordion summary span {
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
}

.frbx_accordion summary span::before,
.frbx_accordion summary span::after {
	position: absolute;
	top: 9px;
	left: 3px;
	width: 14px;
	height: 2px;
	content: "";
	background: var(--frbx-blue);
	transition: transform 180ms ease;
}

.frbx_accordion summary span::after {
	transform: rotate(90deg);
}

.frbx_accordion details[open] summary span::after {
	transform: rotate(0deg);
}

.frbx_accordion details p {
	margin: -5px 36px 24px 0;
	color: var(--frbx-text);
	font-size: 14px;
	line-height: 1.7;
}

.frbx_cta {
	padding: 82px 0;
	background: var(--frbx-navy);
}

.frbx_cta_inner {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 60px;
}

.frbx_cta .frbx_label {
	color: #68d79d;
}

.frbx_cta h2 {
	max-width: 760px;
	color: var(--frbx-white);
}

.frbx_cta p {
	color: #bdc9dc;
}

.frbx_cta .frbx_actions {
	flex-wrap: nowrap;
	margin-top: 0;
}

.frbx_button_light {
	border-color: var(--frbx-white);
	background: var(--frbx-white);
	color: var(--frbx-navy);
	white-space: nowrap;
}

.frbx_button_light:hover {
	border-color: #e8edf4;
	background: #e8edf4;
	color: var(--frbx-navy);
}

.frbx_button_dark_outline {
	border-color: #71809c;
	background: transparent;
	color: var(--frbx-white);
	white-space: nowrap;
}

.frbx_button_dark_outline:hover {
	border-color: var(--frbx-white);
	background: rgba(255, 255, 255, 0.08);
}

.frbx_footer {
	padding: 66px 0 24px;
	background: #041333;
	color: #aebbd0;
}

.frbx_footer_inner {
	display: grid;
	grid-template-columns: 1fr 1.5fr;
	gap: 80px;
	width: min(1240px, calc(100% - 48px));
	margin: 0 auto;
	padding-bottom: 52px;
}

.frbx_brand_footer .frbx_brand_mark {
	background: var(--frbx-white);
	color: var(--frbx-navy);
}

.frbx_brand_footer .frbx_brand_text strong {
	color: var(--frbx-white);
}

.frbx_brand_footer .frbx_brand_text small {
	color: #92a1ba;
}

.frbx_footer_brand p {
	max-width: 350px;
	margin: 20px 0 0;
	color: #94a3bb;
	font-size: 13px;
	line-height: 1.65;
}

.frbx_footer_nav {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.frbx_footer_nav div {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.frbx_footer_nav strong {
	margin-bottom: 5px;
	color: var(--frbx-white);
	font-size: 12px;
	text-transform: uppercase;
}

.frbx_footer_nav a {
	color: #95a5bd;
	font-size: 12px;
}

.frbx_footer_nav a:hover {
	color: var(--frbx-white);
}

.frbx_footer_bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: min(1240px, calc(100% - 48px));
	margin: 0 auto;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, 0.11);
	color: #7f8ea7;
	font-size: 10px;
}

.frbx_reveal {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 520ms ease, transform 520ms ease;
}

.frbx_reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 1180px) {
	.frbx_header_main {
		gap: 22px;
	}

	.frbx_nav {
		gap: 19px;
	}

	.frbx_hero {
		padding-top: 58px;
	}

	.frbx_hero_grid {
		grid-template-columns: minmax(0, 0.82fr) minmax(500px, 1.18fr);
		gap: 34px;
	}

	.frbx_hero h1 {
		font-size: 52px;
	}

	.frbx_dashboard_hero {
		right: 0;
		width: 96%;
	}

	.frbx_live_note {
		right: -10px;
	}

	.frbx_platform_grid {
		grid-template-columns: 0.82fr 1.18fr;
		gap: 45px;
	}

	.frbx_handover_content {
		padding-right: 58px;
		padding-left: 58px;
	}

	.frbx_onboarding_grid,
	.frbx_faq_grid {
		gap: 60px;
	}
}

@media (max-width: 980px) {
	.frbx_container,
	.frbx_header > .frb_header_tools,
	.frbx_header_main,
	.frbx_footer_inner,
	.frbx_footer_bottom {
		width: min(100% - 36px, 840px);
	}

	.frbx_header_main {
		position: relative;
		grid-template-columns: 1fr auto;
		height: 64px;
	}

	.frbx_header button.frbx_menu_toggle {
		display: inline-flex;
	}

	.frbx_nav {
		position: absolute;
		top: 58px;
		right: 0;
		left: 0;
		display: none;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 8px;
		border: 1px solid var(--frbx-line);
		border-radius: 7px;
		background: var(--frbx-white);
		box-shadow: 0 18px 40px rgba(7, 27, 70, 0.14);
	}

	.frbx_nav.is-open {
		display: flex;
	}

	.frbx_nav a {
		padding: 13px 14px;
		border-radius: 5px;
	}

	.frbx_nav a::after {
		display: none;
	}

	.frbx_nav a:hover {
		background: var(--frbx-surface);
	}

	.frbx_header_actions {
		display: none;
	}

	.frbx_hero {
		padding: 58px 0 64px;
	}

	.frbx_hero_grid {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.frbx_hero_copy {
		max-width: 720px;
	}

	.frbx_hero h1 {
		font-size: 54px;
	}

	.frbx_hero_visual {
		min-height: 570px;
	}

	.frbx_hero_visual > img {
		right: 0;
		width: 88%;
	}

	.frbx_dashboard_hero {
		left: 0;
		width: 88%;
	}

	.frbx_live_note {
		right: 3%;
	}

	.frbx_product_rail .frbx_container {
		grid-template-columns: repeat(4, 1fr);
	}

	.frbx_product_rail span:nth-child(n+5) {
		border-top: 1px solid var(--frbx-line);
	}

	.frbx_platform_grid {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.frbx_fleet_board {
		max-width: 760px;
	}

	.frbx_feature_grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.frbx_handover {
		grid-template-columns: 1fr;
	}

	.frbx_handover_media {
		min-height: 480px;
		max-height: 560px;
	}

	.frbx_handover_content {
		padding: 76px max(36px, calc((100vw - 840px) / 2));
	}

	.frbx_integration_rail {
		grid-template-columns: repeat(4, 1fr);
	}

	.frbx_price_grid {
		grid-template-columns: 1fr;
		max-width: 680px;
	}

	.frbx_price {
		min-height: 0;
	}

	.frbx_price > p {
		min-height: 0;
	}

	.frbx_onboarding_grid {
		grid-template-columns: 1fr;
	}

	.frbx_signup_preview {
		max-width: 620px;
	}

	.frbx_resource_fallback {
		grid-template-columns: 1fr;
	}

	.frbx_faq_grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.frbx_faq_grid .frbx_section_intro {
		position: static;
	}

	.frbx_cta_inner {
		grid-template-columns: 1fr;
	}

	.frbx_cta .frbx_actions {
		justify-content: flex-start;
	}

	.frbx_footer_inner {
		grid-template-columns: 1fr;
		gap: 45px;
	}
}

@media (max-width: 680px) {
	.frbx_container,
	.frbx_header > .frb_header_tools,
	.frbx_header_main,
	.frbx_footer_inner,
	.frbx_footer_bottom {
		width: calc(100% - 28px);
	}

	.frbx_header > .frb_header_tools {
		min-height: 30px;
	}

	.frbx_header .frb_header_contact {
		gap: 10px;
	}

	.frbx_header .frb_header_contact a span {
		display: none;
	}

	.frbx_header .frb_header_contact a {
		width: 26px;
		height: 24px;
		justify-content: center;
	}

	.frbx_brand_mark {
		width: 34px;
		height: 34px;
	}

	.frbx_brand_text strong {
		font-size: 19px;
	}

	.frbx_hero {
		min-height: 0;
		padding: 46px 0 52px;
	}

	.frbx_status {
		margin-bottom: 17px;
		font-size: 11px;
	}

	.frbx_hero h1 {
		font-size: 40px;
		line-height: 1.08;
	}

	.frbx_hero_copy > p {
		margin-top: 20px;
		font-size: 15px;
		line-height: 1.65;
	}

	.frbx_actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.frbx_actions .frbx_button {
		width: 100%;
	}

	.frbx_proof {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 11px;
	}

	.frbx_hero_visual {
		display: flex;
		min-height: 0;
		flex-direction: column;
		gap: 16px;
	}

	.frbx_hero_visual > img {
		position: static;
		width: 100%;
		height: 260px;
		border-radius: 7px;
		object-position: 66% center;
	}

	.frbx_dashboard_hero {
		position: static;
		width: 100%;
		min-height: 0;
	}

	.frbx_dash_body {
		grid-template-columns: 76px 1fr;
		min-height: 290px;
	}

	.frbx_dash_body aside {
		padding: 13px 6px;
	}

	.frbx_dash_body aside span {
		justify-content: center;
		padding: 9px 4px;
		font-size: 0;
	}

	.frbx_dash_body aside i {
		font-size: 11px;
	}

	.frbx_dash_content {
		padding: 13px 10px;
	}

	.frbx_metric_row {
		gap: 5px;
	}

	.frbx_metric_row > div {
		display: flex;
		flex-direction: column;
		padding: 8px 6px;
	}

	.frbx_metric_row em {
		display: none;
	}

	.frbx_schedule span {
		display: block;
	}

	.frbx_schedule span small {
		display: block;
		margin-top: 3px;
	}

	.frbx_live_note {
		position: static;
		width: 100%;
	}

	.frbx_product_rail .frbx_container {
		width: 100%;
		grid-template-columns: repeat(2, 1fr);
	}

	.frbx_product_rail span {
		min-height: 66px;
		font-size: 10px;
	}

	.frbx_product_rail span:nth-child(n+3) {
		border-top: 1px solid var(--frbx-line);
	}

	.frbx_section {
		padding: 76px 0;
	}

	.frbx_section_intro {
		margin-bottom: 38px;
	}

	.frbx_section_intro h2,
	.frbx_handover_content h2,
	.frbx_onboarding_copy h2,
	.frbx_cta h2 {
		font-size: 33px;
	}

	.frbx_section_intro p,
	.frbx_handover_content > p,
	.frbx_onboarding_copy > p,
	.frbx_cta p {
		font-size: 14px;
	}

	.frbx_capability {
		grid-template-columns: 32px 1fr;
		gap: 10px;
	}

	.frbx_capability > i {
		display: none;
	}

	.frbx_fleet_board {
		overflow-x: auto;
	}

	.frbx_board_toolbar,
	.frbx_board_days,
	.frbx_board_row,
	.frbx_board_footer {
		min-width: 590px;
	}

	.frbx_feature_grid {
		grid-template-columns: 1fr;
	}

	.frbx_feature {
		min-height: 0;
		padding: 28px 24px;
	}

	.frbx_feature p {
		min-height: 0;
	}

	.frbx_handover_media {
		min-height: 360px;
	}

	.frbx_handover_content {
		padding: 62px 22px;
	}

	.frbx_integration_rail {
		grid-template-columns: repeat(2, 1fr);
	}

	.frbx_integration_rail span {
		min-height: 82px;
	}

	.frbx_compare {
		grid-template-columns: 1fr;
		margin-top: 48px;
	}

	.frbx_compare article {
		padding: 32px 24px;
	}

	.frbx_compare article + article {
		border-top: 1px solid var(--frbx-line);
		border-left: 0;
	}

	.frbx_compare h3 {
		font-size: 23px;
	}

	.frbx_price {
		padding: 32px 24px;
	}

	.frbx_signup_preview {
		padding: 26px 20px;
	}

	.frbx_form_meta {
		flex-direction: column;
	}

	.frbx_accordion summary {
		font-size: 14px;
		line-height: 1.45;
	}

	.frbx_cta {
		padding: 66px 0;
	}

	.frbx_cta .frbx_actions {
		width: 100%;
		flex-direction: column;
	}

	.frbx_footer {
		padding-top: 52px;
	}

	.frbx_footer_nav {
		grid-template-columns: 1fr 1fr;
	}

	.frbx_footer_bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}

@media (max-width: 420px) {
	.frbx_hero h1 {
		font-size: 35px;
	}

	.frbx_proof {
		grid-template-columns: 1fr;
	}

	.frbx_hero_visual > img {
		height: 220px;
	}

	.frbx_dash_top > strong {
		display: none;
	}

	.frbx_dash_top {
		grid-template-columns: 1fr auto;
	}

	.frbx_metric_row strong {
		font-size: 15px;
	}

	.frbx_schedule > div {
		grid-template-columns: 34px 1fr;
	}

	.frbx_footer_nav {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.frbx_button,
	.frbx_nav a::after,
	.frbx_reveal,
	.frbx_accordion summary span::after {
		transition: none;
	}

	.frbx_reveal {
		opacity: 1;
		transform: none;
	}
}