@font-face {
	font-family: "Funnel Display";
	src: url("../fonts/funnel-display/FunnelDisplay-VariableFont_wght.ttf?ver=2.0.4") format("truetype");
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
}

:root {
	--iostarto-bg: #20232d;
	--iostarto-bg-deep: #191d27;
	--iostarto-white: #fff;
	--iostarto-violet: #5000ff;
	--iostarto-blue: #0a5de2;
	--iostarto-blue-bright: #267aff;
	--iostarto-green: #00d47c;
	--iostarto-pink: #f7a3ce;
	--iostarto-yellow: #ffbe0b;
	--iostarto-line: rgba(174, 206, 255, 0.45);
	--iostarto-copy: rgba(255, 255, 255, 0.88);
	--iostarto-muted: rgba(255, 255, 255, 0.62);
	--iostarto-max: 1280px;
	--iostarto-ease: cubic-bezier(0.2, 0.75, 0.25, 1);
	--iostarto-countdown-dock-height: 76px;
	--iostarto-legal-dock-height: 38px;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	background: var(--iostarto-bg);
}

body {
	margin: 0;
	overflow-x: hidden;
	background: var(--iostarto-bg);
	color: var(--iostarto-white);
	font-family: "Funnel Display", Arial, Helvetica, sans-serif;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

html.js body.iostarto-front:not(.home-open) {
	overflow: hidden;
}

img {
	display: block;
	max-width: 100%;
}

a {
	color: inherit;
	text-decoration: none;
}

button,
input {
	font: inherit;
}

button {
	color: inherit;
}

::selection {
	background: var(--iostarto-violet);
	color: var(--iostarto-white);
}

:focus-visible {
	outline: 3px solid var(--iostarto-yellow);
	outline-offset: 4px;
}

[hidden] {
	display: none !important;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Persistent iubenda embedded legal footer */
body.iostarto-front #iub-legal-footer {
	position: fixed;
	z-index: 1100 !important;
	right: 0;
	bottom: 0 !important;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	min-height: calc(var(--iostarto-legal-dock-height) + env(safe-area-inset-bottom, 0px));
	padding: 0 !important;
	border-top: 1px solid rgba(174, 206, 255, 0.14) !important;
	background: rgba(25, 29, 39, 0.9) !important;
	-webkit-backdrop-filter: blur(9px);
	backdrop-filter: blur(9px);
	box-sizing: border-box !important;
}

body.iostarto-front #iub-legal-footer .iub-legal-footer-inner {
	display: flex !important;
	flex-flow: row nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0 !important;
	width: 100% !important;
	min-height: calc(var(--iostarto-legal-dock-height) + env(safe-area-inset-bottom, 0px));
	padding: 0 18px env(safe-area-inset-bottom, 0px) !important;
	box-sizing: border-box !important;
}

body.iostarto-front #iub-legal-footer .iub-legal-footer-container {
	display: flex !important;
	flex-flow: row nowrap !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 22px !important;
	width: auto !important;
}

body.iostarto-front #iub-legal-footer .iub-legal-footer-product {
	display: inline-block !important;
}

body.iostarto-front #iub-legal-footer .iub-legal-footer-product a,
body.iostarto-front #iub-legal-footer .iub-legal-footer-product a[role="button"] {
	padding: 4px 0 !important;
	color: rgba(255, 255, 255, 0.72) !important;
	font-family: "Funnel Display", Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
	transition: color 0.2s ease !important;
}

body.iostarto-front #iub-legal-footer .iub-legal-footer-product a:hover,
body.iostarto-front #iub-legal-footer .iub-legal-footer-product a[role="button"]:hover {
	color: var(--iostarto-white) !important;
	text-decoration: underline !important;
}

body.iostarto-front button.iubenda-tp-btn.iubenda-cs-preferences-link[data-tp-float="bottom-right"] {
	display: block !important;
	bottom: calc(var(--iostarto-legal-dock-height) + env(safe-area-inset-bottom, 0px) + 16px) !important;
	transition: bottom 0.4s var(--iostarto-ease) !important;
}

body.iostarto-front.home-open button.iubenda-tp-btn.iubenda-cs-preferences-link[data-tp-float="bottom-right"] {
	bottom: calc(
		var(--iostarto-legal-dock-height) +
		var(--iostarto-countdown-dock-height) +
		env(safe-area-inset-bottom, 0px) +
		16px
	) !important;
}

/* Play screen */
.play-screen {
	position: relative;
	z-index: 100;
	min-height: 100svh;
	overflow: hidden;
	background: var(--iostarto-bg);
	transition:
		opacity 0.7s var(--iostarto-ease),
		transform 0.7s var(--iostarto-ease),
		visibility 0.7s var(--iostarto-ease);
}

html.js .play-screen {
	position: fixed;
	inset: 0;
}

.play-screen.is-leaving {
	opacity: 0;
	visibility: hidden;
	transform: scale(0.985);
	pointer-events: none;
}

.play-screen__background {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 50%;
	width: 1512px;
	height: auto;
	max-width: none;
	object-fit: contain;
	object-position: top left;
	opacity: 0.56;
	transform: translateX(-50%);
	pointer-events: none;
}

.play-screen__inner {
	position: relative;
	z-index: 1;
	display: block;
	width: min(100%, 1280px);
	min-height: 100svh;
	margin: 0 auto;
	padding: 0 28px;
	text-align: center;
}

.play-screen__logo {
	position: absolute;
	top: 239px;
	right: 0;
	left: 0;
	width: 272px;
	margin: 0 auto;
	opacity: 0;
	transform: translateY(-12px);
	animation: intro-in 0.7s 0.05s var(--iostarto-ease) forwards;
}

.play-screen__title {
	position: absolute;
	top: 543px;
	right: 0;
	left: 0;
	margin: 0;
	font-size: 46px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	text-transform: uppercase;
	opacity: 0;
	transform: translateY(12px);
	animation: intro-in 0.7s 0.45s var(--iostarto-ease) forwards;
}

.play-screen__trigger {
	position: absolute;
	top: 307px;
	right: 0;
	left: 0;
	width: 229px;
	aspect-ratio: 1;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	opacity: 0;
	transform: scale(0.86);
	animation: intro-in 0.7s 0.25s var(--iostarto-ease) forwards;
}

.play-screen__trigger img {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	animation: heartbeat 2s ease-in-out infinite;
	filter: drop-shadow(0 0 28px rgba(10, 93, 226, 0.35));
}

.play-screen__trigger::before,
.play-screen__trigger::after {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 13%;
	border: 1px solid rgba(247, 163, 206, 0.68);
	border-radius: 50%;
	opacity: 0;
	animation: pulse-wave 2s cubic-bezier(0.2, 0.65, 0.35, 1) infinite;
}

.play-screen__trigger::after {
	border-color: rgba(10, 93, 226, 0.72);
	animation-delay: 0.42s;
}

.play-screen__trigger:hover img {
	filter: drop-shadow(0 0 42px rgba(10, 93, 226, 0.62));
}

.play-screen__subtitle {
	position: absolute;
	top: 595px;
	right: 0;
	left: 0;
	margin: 0;
	font-size: 21px;
	font-weight: 300;
	line-height: 1.2;
	opacity: 0;
	transform: translateY(12px);
	animation: intro-in 0.7s 0.58s var(--iostarto-ease) forwards;
}

.play-screen__subtitle strong {
	font-weight: 700;
}

.gradient-rule {
	position: absolute;
	top: 654px;
	right: 0;
	left: 0;
	width: 444px;
	height: 5px;
	margin: 0 auto;
	background: linear-gradient(90deg, #ffbe0b 0%, #ff590f 26%, #f7a3ce 48%, #0a5de2 74%, #5000ff 100%);
	opacity: 0;
	animation: intro-in 0.7s 0.7s var(--iostarto-ease) forwards;
}

.countdown {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	font-variant-numeric: tabular-nums;
}

.countdown--play {
	position: absolute;
	top: 678px;
	right: 0;
	left: 0;
	width: 396px;
	margin: 0 auto;
	opacity: 0;
	transform: translateY(12px);
	animation: intro-in 0.7s 0.78s var(--iostarto-ease) forwards;
}

.countdown--play .countdown__unit {
	flex: 0 0 99px;
	min-width: 0;
	padding: 0;
}

.countdown--play .countdown__value {
	font-size: 46px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
}

.countdown--play .countdown__label {
	margin-top: 2px;
	font-size: 12px;
}

.countdown--landing {
	position: fixed;
	z-index: 1000;
	right: auto;
	bottom: calc(var(--iostarto-legal-dock-height) + env(safe-area-inset-bottom, 0px));
	left: 50%;
	justify-self: center;
	width: 100%;
	height: 76px;
	margin: 0;
	padding: 8.25px 0 13.66px;
	border: 0;
	border-radius: 0;
	background: rgba(30, 34, 44, 0.8);
	box-shadow: none;
	color: var(--iostarto-white);
	-webkit-backdrop-filter: blur(8.4px);
	backdrop-filter: blur(8.4px);
	opacity: 0;
	transform: translate(-50%, 100%);
	transition:
		opacity 0.4s var(--iostarto-ease),
		transform 0.4s var(--iostarto-ease);
	pointer-events: none;
}

body.home-open .countdown--landing {
	opacity: 1;
	transform: translate(-50%, 0);
}

.countdown--landing .countdown__unit {
	flex: 0 0 41px;
	min-width: 0;
	padding: 0;
}

.countdown--landing .countdown__unit:first-child {
	flex-basis: 62px;
}

.countdown--landing .countdown__unit:nth-child(2) {
	margin-left: 23.53px;
}

.countdown--landing .countdown__unit:nth-child(n + 3) {
	margin-left: 34.88px;
}

.countdown--landing .countdown__value {
	height: 44px;
	font-size: 35.37px;
	font-weight: 800;
	line-height: 44.21px;
	letter-spacing: 0;
}

.countdown--landing .countdown__label {
	margin-top: -1px;
	font-size: 9px;
	font-weight: 400;
	line-height: 11px;
}

.countdown__unit {
	min-width: clamp(104px, 9.5vw, 146px);
	padding: 0 18px;
	text-align: center;
}

.countdown__value {
	display: block;
	font-size: clamp(48px, 5.6vw, 86px);
	font-weight: 600;
	line-height: 0.9;
	letter-spacing: -0.055em;
}

.countdown__label {
	display: block;
	margin-top: 12px;
	font-size: clamp(13px, 1.2vw, 18px);
	font-weight: 400;
	line-height: 1;
	text-transform: lowercase;
}

/* Landing */
.landing {
	position: relative;
	min-height: 100svh;
	padding-bottom: calc(var(--iostarto-countdown-dock-height) + var(--iostarto-legal-dock-height));
	overflow: hidden;
	background: var(--iostarto-bg);
}

html.js .landing:not(.is-active) {
	display: none;
}

.landing.is-active {
	display: block;
	animation: landing-in 0.75s var(--iostarto-ease) both;
}

.landing:focus {
	outline: none;
}

.landing__background {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 50%;
	width: 1512px;
	height: auto;
	max-width: none;
	object-fit: contain;
	object-position: top left;
	opacity: 0.2;
	transform: translateX(-50%);
	pointer-events: none;
}

.home-hero,
.scenarios,
.signup,
.start-with-us,
.trust-panel {
	position: relative;
	z-index: 1;
}

.home-hero__inner,
.scenarios__inner,
.signup__inner,
.start-with-us__inner {
	width: min(calc(100% - 48px), var(--iostarto-max));
	margin: 0 auto;
}

.home-hero__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 0;
	padding: 119px 0 98px;
	text-align: center;
}

.home-hero__logo {
	width: 245px;
	margin-bottom: 96px;
}

.home-hero h1 {
	margin: 0;
	font-size: 55px;
	font-weight: 700;
	line-height: 0.93;
	letter-spacing: 0;
	text-transform: uppercase;
}

.home-hero h1 span {
	display: block;
}

.home-hero h1 em {
	position: relative;
	display: inline-block;
	font-style: normal;
}

.home-hero h1 em::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	left: 0;
	height: 5px;
	background: linear-gradient(90deg, #ffbe0b 0%, #ff590f 26%, #f7a3ce 48%, #0a5de2 74%, #5000ff 100%);
}

.home-hero__intro {
	max-width: 660px;
	margin-top: 38px;
	font-size: 17px;
	font-weight: 350;
	line-height: 1.24;
}

.home-hero__intro p {
	margin: 0;
}

.home-hero__intro p + p {
	margin-top: 21px;
}

.home-hero__intro strong {
	font-weight: 650;
}

.home-hero__statement {
	max-width: 700px;
	margin: 34px auto 0;
	font-size: 25px;
	font-weight: 650;
	line-height: 1.1;
}

.start-button {
	display: inline-flex;
	align-items: stretch;
	justify-content: center;
	margin-top: 75px;
	font-weight: 700;
	transition: transform 0.25s var(--iostarto-ease);
}

.start-button > span:first-child {
	display: grid;
	place-items: center;
	min-width: 210px;
	min-height: 62px;
	padding: 0 35px;
	border-radius: 999px;
	background: linear-gradient(90deg, #5000ff 0%, #2e55ff 100%);
	font-size: 20px;
}

.start-button__icon {
	display: grid;
	place-items: center;
	width: 62px;
	aspect-ratio: 1;
	margin-left: -1px;
	border-radius: 50%;
	background: #005be8;
}

.start-button__icon img {
	width: 23px;
	height: 25.644222px;
	transform: translate(4px, 0.78125px);
}

.start-button:hover {
	transform: translateY(-3px);
}

.scenarios__inner {
	display: grid;
	gap: 42px;
	padding-top: 44px;
}

.scenario-card {
	display: grid;
	grid-template-columns: minmax(290px, 0.364fr) minmax(0, 0.636fr);
	align-items: center;
	min-height: 134px;
	padding: 30px 34px;
	border-radius: 5px;
	box-shadow: 0 18px 40px rgba(5, 10, 25, 0.12);
}

.scenario-card--violet {
	background: var(--iostarto-violet);
}

.scenario-card--blue {
	background: #0866ea;
}

.scenario-card--azure {
	background: var(--iostarto-blue-bright);
}

.scenario-card h2 {
	max-width: 410px;
	margin: 0;
	padding-right: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.12;
	text-transform: uppercase;
}

.scenario-card p {
	margin: 0;
	font-size: 17px;
	font-weight: 350;
	line-height: 1.45;
}

.signup--primary {
	padding: 189px 0 43px;
}

.signup h2,
.start-with-us h2 {
	margin: 0;
	font-size: 55px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.03em;
	text-transform: uppercase;
}

.lead-capture {
	width: 100%;
}

.signup--primary .lead-capture {
	margin-top: 38px;
}

.signup h2 {
	font-size: 30px;
}

.lead-capture__form {
	display: grid;
	grid-template-columns: minmax(260px, 0.64fr) minmax(355px, 0.36fr);
	align-items: stretch;
	gap: 0;
}

.lead-capture__form input[type="email"] {
	width: 100%;
	min-width: 0;
	height: 62px;
	padding: 0 42px;
	border: 0;
	border-radius: 4px;
	background: var(--iostarto-white);
	color: #282c34;
	font-size: 20px;
	outline: 0;
}

.lead-capture__form input[type="email"]::placeholder {
	color: #6d7076;
	opacity: 1;
}

.lead-capture__form input[type="email"]:focus {
	box-shadow: 0 0 0 4px rgba(255, 190, 11, 0.85);
}

.lead-capture__submit {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 62px;
	height: 62px;
	padding: 0;
	border: 0;
	background: transparent;
	font-weight: 700;
	cursor: pointer;
	transition: transform 0.25s var(--iostarto-ease), opacity 0.25s ease;
}

.lead-capture__submit > span:first-child {
	display: grid;
	place-items: center;
	height: 62px;
	padding: 0 24px;
	border-radius: 999px;
	background: linear-gradient(90deg, #5000ff 0%, #155fe9 100%);
	font-size: clamp(15px, 1.3vw, 19px);
	line-height: 1.1;
	text-align: center;
}

.lead-capture__send {
	display: grid;
	place-items: center;
	width: 62px;
	height: 62px;
	margin-left: -1px;
	border-radius: 50%;
	background: var(--iostarto-blue);
}

.lead-capture__send img {
	width: 21.337425px;
	height: 20.416971px;
}

.lead-capture__submit:hover {
	transform: translateY(-3px);
}

.lead-capture__submit:disabled {
	opacity: 0.65;
	cursor: wait;
	transform: none;
}

.lead-capture__note {
	margin: 19px 6px 0;
	color: #64a1ff;
	font-size: 14px;
	line-height: 1.3;
}

.lead-capture__recaptcha-notice {
	margin: 7px 6px 0;
	color: rgba(255, 255, 255, 0.48);
	font-size: 10px;
	line-height: 1.35;
}

.lead-capture__recaptcha-notice a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.lead-capture__recaptcha-notice a:hover {
	color: rgba(255, 255, 255, 0.75);
}

body.iostarto-front .grecaptcha-badge {
	visibility: hidden;
}

.lead-capture__feedback {
	display: none;
	min-height: 62px;
	align-items: center;
	justify-content: center;
	padding: 15px 22px;
	border: 1px solid rgba(0, 212, 124, 0.45);
	border-radius: 8px;
	background: rgba(0, 212, 124, 0.12);
	color: #6bf0b9;
	font-size: 17px;
	text-align: center;
}

.lead-capture.sent .lead-capture__form,
.lead-capture.sent .lead-capture__note,
.lead-capture.sent .lead-capture__recaptcha-notice {
	display: none;
}

.lead-capture.sent .lead-capture__feedback,
.lead-capture.has-error .lead-capture__feedback {
	display: flex;
}

.lead-capture.has-error .lead-capture__feedback {
	margin-top: 12px;
	border-color: rgba(247, 163, 206, 0.5);
	background: rgba(247, 163, 206, 0.1);
	color: #ffd0e8;
}

.lead-capture.is-loading .lead-capture__form {
	opacity: 0.65;
}

/* Services and animated ecosystem */
.start-with-us {
	padding: 122px 0 105px;
}

.start-with-us__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(520px, 1.1fr);
	align-items: center;
	gap: clamp(50px, 6vw, 100px);
}

.start-with-us__lead {
	max-width: 590px;
	margin: 48px 0 28px;
	font-size: 17px;
	font-weight: 350;
	line-height: 1.25;
}

.start-with-us__copy {
	padding-left: 46px;
}

.service-list {
	max-width: 590px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.service-list li {
	position: relative;
	padding: 14px 8px 14px 24px;
	border-bottom: 1px solid var(--iostarto-line);
	font-size: 17px;
	font-weight: 350;
	line-height: 1.35;
}

.service-list li::before {
	content: "";
	position: absolute;
	top: 21px;
	left: 2px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid var(--iostarto-blue-bright);
}

.ecosystem-orbit {
	position: relative;
	left: 25px;
	width: min(100%, 635px);
	aspect-ratio: 635 / 469;
	margin: 0 auto;
	isolation: isolate;
}

.orbit-layer {
	--orbit-x: 0px;
	--orbit-y: 0px;
	position: absolute;
	z-index: 1;
	top: 49.893%;
	left: 50.866%;
	aspect-ratio: 1;
	transform: translate(-50%, -50%) translate3d(var(--orbit-x), var(--orbit-y), 0);
	transition: transform 0.45s var(--iostarto-ease);
}

.orbit-layer--outer {
	width: 73.543%;
}

.orbit-layer--large {
	width: 50.866%;
}

.orbit-layer--medium {
	width: 31.969%;
}

.orbit-layer--small {
	width: 19.685%;
}

.orbit-ring {
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(176, 139, 255, 0.3);
	border-radius: 50%;
}

.orbit-ring--outer {
	animation: orbit-spin 28s linear infinite;
}

.orbit-ring--large {
	border-color: rgba(123, 63, 255, 0.55);
	animation: orbit-spin-reverse 22s linear infinite;
}

.orbit-ring--medium {
	border-color: rgba(108, 42, 255, 0.8);
	animation: orbit-spin 16s linear infinite;
}

.orbit-ring--small {
	border-color: var(--iostarto-violet);
	animation: orbit-breathe 3s ease-in-out infinite;
}

.orbit-star {
	position: absolute;
	display: grid;
	place-items: center;
	color: var(--iostarto-white);
	font-size: clamp(12px, 1.5vw, 22px);
	line-height: 1;
	filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.55));
	transform-origin: center;
	animation: orbit-star-self-spin 24s linear infinite;
	will-change: transform;
}

.orbit-star--one {
	top: -7px;
	left: 61%;
}

.orbit-star--two {
	right: 13%;
	bottom: -5px;
}

.orbit-star--three {
	top: 23%;
	left: 6%;
}

.orbit-star--four {
	top: 29%;
	right: 2%;
}

.orbit-star--five {
	top: 56%;
	left: -7px;
}

.orbit-star--six {
	right: 9%;
	bottom: 8%;
	animation-duration: 18s;
}

.orbit-core {
	position: absolute;
	z-index: 4;
	top: 49.893%;
	left: 50.866%;
	width: 10.394%;
	aspect-ratio: 66 / 57.9369;
	transform: translate(-50%, -50%);
	box-shadow: none;
}

.orbit-core img {
	width: 100%;
	height: 100%;
	animation: heartbeat 2.4s ease-in-out infinite;
}

.orbit-chip {
	position: absolute;
	z-index: 5;
	display: grid;
	height: 7.676%;
	padding: 0;
	place-items: center;
	border-radius: 999px;
	color: #143159;
	font-size: clamp(11px, 1.05vw, 15px);
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.15);
}

.orbit-chip--growth {
	top: 13.646%;
	right: auto;
	left: 53.858%;
	width: 30.394%;
	background: #5595f9;
}

.orbit-chip--strategy {
	top: 39.019%;
	left: 0;
	width: 33.543%;
	background: var(--iostarto-green);
	color: #167369;
}

.orbit-chip--finance {
	top: 60.341%;
	right: auto;
	bottom: auto;
	left: 67.087%;
	width: 32.913%;
	background: var(--iostarto-pink);
	color: #713759;
}

.orbit-chip--markets {
	top: 72.281%;
	bottom: auto;
	left: 11.654%;
	width: 34.488%;
	background: var(--iostarto-yellow);
	color: #705910;
}

/* Final trust panel */
.trust-panel {
	width: min(calc(100% - 48px), var(--iostarto-max));
	margin: 0 auto 101px;
	overflow: visible;
	border-radius: 6px;
	background: linear-gradient(116deg, #5000ff 0%, #4432ff 52%, #167dff 100%);
}

.trust-panel__inner {
	position: relative;
	min-height: 673px;
	overflow: hidden;
	border-radius: inherit;
}

.trust-panel__background {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	max-width: none;
	opacity: 0.28;
	pointer-events: none;
}

@media (min-width: 1400px) {
	.trust-panel {
		left: 20px;
		width: min(calc(100% - 48px), 1302px);
	}
}

.trust-panel__content {
	position: relative;
	z-index: 3;
	width: 78%;
	padding: 72px 0 66px 94px;
}

.trust-panel h2 {
	margin: 0;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.03;
	letter-spacing: -0.035em;
	text-transform: uppercase;
}

.trust-list {
	display: grid;
	gap: 2px;
	margin: 48px 0 0;
	padding: 0;
	list-style: none;
}

.trust-list li {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	align-items: center;
	gap: 33px;
}

.trust-list img {
	width: 46px;
	height: 54px;
	object-fit: contain;
}

.trust-list strong {
	font-size: clamp(16px, 1.35vw, 20px);
	font-weight: 650;
	line-height: 1.25;
}

.lead-capture--dark {
	max-width: 540px;
	margin-top: 52px;
}

.lead-capture--dark .lead-capture__note--before {
	margin: 0 6px 15px;
	color: rgba(255, 255, 255, 0.62);
}

.lead-capture--dark .lead-capture__form {
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
}

.lead-capture--dark .lead-capture__submit {
	width: min(100%, 500px);
}

.lead-capture--dark .lead-capture__submit > span:first-child,
.lead-capture--dark .lead-capture__send {
	background: var(--iostarto-bg);
}

.trust-panel__photos {
	position: absolute;
	z-index: 2;
	inset: 0;
	pointer-events: none;
}

.trust-panel__photo {
	position: absolute;
	max-width: none;
	filter: drop-shadow(0 24px 36px rgba(8, 12, 30, 0.22));
}

.trust-panel__photo--primary {
	top: 62px;
	right: -185px;
	width: 565px;
	transform: rotate(1deg);
}

.trust-panel__photo--secondary {
	right: 296px;
	bottom: -90px;
	width: 265px;
}

@media (min-width: 1200px) {
	.scenarios__inner {
		position: relative;
		left: 7px;
		width: min(calc(100% - 48px), 1288px);
	}

	.signup__inner {
		position: relative;
		left: 17px;
		width: min(calc(100% - 48px), 1308px);
	}
}

.trust-panel__photo-mobile {
	display: none;
	width: 100%;
}

/* Motion */
@keyframes intro-in {
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes heartbeat {
	0%,
	9%,
	100% {
		transform: scale(1);
	}
	13% {
		transform: scale(1.08);
	}
	19% {
		transform: scale(0.985);
	}
	26% {
		transform: scale(1.14);
	}
	38% {
		transform: scale(1);
	}
}

@keyframes pulse-wave {
	0%,
	12% {
		opacity: 0;
		transform: scale(0.76);
	}
	22% {
		opacity: 0.66;
	}
	62%,
	100% {
		opacity: 0;
		transform: scale(1.86);
	}
}

@keyframes landing-in {
	from {
		opacity: 0;
		transform: scale(1.008);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes landing-mobile-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes orbit-spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes orbit-spin-reverse {
	to {
		transform: rotate(-360deg);
	}
}

@keyframes orbit-star-self-spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes orbit-breathe {
	0%,
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 rgba(80, 0, 255, 0);
	}
	50% {
		transform: scale(1.035);
		box-shadow: 0 0 24px rgba(80, 0, 255, 0.24);
	}
}

/* Tablet */
@media (max-width: 1000px) {
	.start-with-us__inner {
		grid-template-columns: 1fr;
	}

	.start-with-us__copy {
		max-width: 720px;
	}

	.ecosystem-orbit {
		width: min(100%, 670px);
	}

	.trust-panel__content {
		width: 72%;
		padding-left: 58px;
	}

	.trust-panel__photo--primary {
		right: -245px;
	}

	.trust-panel__photo--secondary {
		right: 120px;
	}
}

@media (max-width: 782px) {
	body.admin-bar .play-screen {
		top: 46px;
	}

	body.admin-bar .play-screen__inner {
		min-height: calc(100svh - 46px);
	}
}

/* Mobile */
@media (max-width: 700px) {
	body.iostarto-front #iub-legal-footer .iub-legal-footer-inner {
		padding-right: 12px !important;
		padding-left: 12px !important;
	}

	body.iostarto-front #iub-legal-footer .iub-legal-footer-container {
		gap: 14px !important;
		width: auto !important;
	}

	body.iostarto-front #iub-legal-footer .iub-legal-footer-product a,
	body.iostarto-front #iub-legal-footer .iub-legal-footer-product a[role="button"] {
		font-size: 10.5px !important;
	}

	.landing.is-active {
		animation-name: landing-mobile-in;
	}

	.play-screen__background {
		top: 0;
		left: 0;
		width: 402px;
		height: auto;
		object-fit: contain;
		opacity: 0.65;
		transform: none;
	}

	.play-screen__inner {
		min-height: 100svh;
		padding: 0 20px;
	}

	.play-screen__logo {
		top: 120px;
		width: 153px;
	}

	.play-screen__title {
		top: 202px;
		width: 300px;
		margin: 0 auto;
		font-size: 35px;
		line-height: 0.98;
	}

	.play-screen__trigger {
		top: 270px;
		width: 229px;
		margin: 0 auto;
	}

	.play-screen__subtitle {
		top: 495px;
		width: 230px;
		margin: 0 auto;
		font-size: 16px;
		line-height: 1.25;
	}

	.gradient-rule {
		display: none;
	}

	.countdown--play {
		top: 573px;
		display: grid;
		grid-template-columns: 92px 69px 69px 69px;
		width: 299px;
		margin: 0 auto;
	}

	.countdown__unit {
		flex: 1;
		min-width: 0;
		padding: 0 4px;
	}

	.countdown__value {
		font-size: clamp(44px, 15vw, 64px);
	}

	.countdown__label {
		margin-top: 9px;
		font-size: clamp(12px, 3.8vw, 16px);
	}

	.countdown--play .countdown__unit {
		min-width: 0;
		padding: 0;
	}

	.countdown--play .countdown__value {
		font-size: 41px;
		line-height: 1;
	}

	.countdown--play .countdown__label {
		margin-top: 2px;
		font-size: 10.5px;
	}

	.landing__background {
		top: -70px;
		left: -438px;
		width: 1134px;
		height: auto;
		object-position: top left;
		opacity: 0.2;
		transform: none;
		clip-path: inset(450px 0 0);
	}

	.home-hero__inner,
	.scenarios__inner,
	.signup__inner {
		width: min(calc(100% - 54px), var(--iostarto-max));
	}

	.start-with-us__inner {
		width: min(calc(100% - 60px), var(--iostarto-max));
	}

	.home-hero__inner {
		min-height: 0;
		padding: 91px 0 106px;
	}

	.home-hero__logo {
		width: 151px;
		margin-bottom: 45px;
	}

	.home-hero h1 {
		font-size: 25px;
		line-height: 0.93;
	}

	.home-hero h1 em::after {
		bottom: -7px;
		height: 3px;
	}

	.home-hero__intro {
		max-width: 288px;
		margin-top: 45px;
		font-size: 15px;
		line-height: 1.27;
	}

	.home-hero__intro p + p {
		margin-top: 24px;
	}

	.home-hero__statement {
		max-width: 280px;
		margin-top: 35px;
		font-size: 20px;
		line-height: 1.25;
	}

	.start-button {
		position: relative;
		left: -5.5px;
		width: 217px;
		margin-top: 59px;
	}

	.start-button > span:first-child {
		flex: 0 0 164.111111px;
		width: 164.111111px;
		min-width: 164.111111px;
		height: 52.888889px;
		min-height: 52.888889px;
		padding: 0 24px;
		background: linear-gradient(90deg, #5000ff 14.538%, #005be8 100%);
		font-size: 19.5px;
	}

	.start-button__icon {
		flex: 0 0 52.888889px;
		width: 52.888889px;
		height: 52.888889px;
		margin-left: 0;
	}

	.start-button__icon img {
		width: 17.888889px;
		height: 21px;
		transform: translate(1.944444px, 0.388889px);
	}

	.scenarios__inner {
		gap: 25px;
		padding-top: 0;
	}

	.scenario-card {
		display: block;
		min-height: 0;
		padding: 32px 25px 33px;
		border-radius: 4px;
	}

	.scenario-card--violet {
		padding-bottom: 29px;
	}

	.scenario-card--azure {
		padding-bottom: 38px;
	}

	.scenario-card h2 {
		max-width: none;
		padding: 0;
		font-size: 23px;
		line-height: 1.087;
	}

	.desktop-break {
		display: none;
	}

	.scenario-card p {
		margin-top: 25px;
		font-size: 15px;
		line-height: 1.4;
	}

	.signup--primary {
		padding: 104px 0 50px;
		text-align: center;
	}

	.scenarios__inner,
	.signup__inner {
		left: auto;
	}

	.signup h2,
	.start-with-us h2 {
		font-size: 35px;
	}

	.signup h2 {
		font-size: 30px;
	}

	.signup--primary .lead-capture {
		margin-top: 28px;
	}

	.lead-capture__form {
		grid-template-columns: minmax(0, 1fr);
		gap: 21px;
	}

	.lead-capture__form input[type="email"] {
		height: 59px;
		padding: 0 26px;
		border-radius: 5px;
		color: #000;
		font-size: 15px;
	}

	.lead-capture__form input[type="email"]::placeholder {
		color: #000;
	}

	.lead-capture__submit {
		grid-template-columns: minmax(0, 1fr) 61px;
		width: calc(100% - 4px);
		height: 61px;
		margin-inline: auto;
		border-radius: 95px;
		background: linear-gradient(90deg, #5000ff 0%, #0a5de2 100%);
	}

	.lead-capture__submit > span:first-child {
		place-items: center start;
		height: 61px;
		padding: 0 13px 0 23px;
		border-radius: 95px;
		background: transparent;
		font-size: 16px;
		font-weight: 800;
		line-height: 25px;
		white-space: nowrap;
	}

	.lead-capture__send {
		width: 61px;
		height: 61px;
		margin-left: 0;
		background: #005be8;
	}

	.lead-capture__send img {
		width: 21.337425px;
		height: 21.496391px;
		transform: translate(-0.831287px, 0.251805px);
	}

	.lead-capture__note {
		max-width: 300px;
		margin: 20px auto 0;
		font-size: 12px;
	}

	.lead-capture__recaptcha-notice {
		max-width: 310px;
		margin: 7px auto 0;
		font-size: 9px;
		text-align: center;
	}

	.start-with-us {
		padding: 68px 0 116px;
	}

	.start-with-us__inner {
		gap: 35px;
	}

	.start-with-us__copy {
		padding-left: 0;
	}

	.start-with-us__lead {
		margin: 20px 0 24px;
		font-size: 15px;
		line-height: 1.27;
	}

	.service-list li {
		padding: 13px 4px 13px 16px;
		font-size: 15px;
	}

	.service-list li::before {
		top: 18px;
		left: 0;
		border-top-width: 4px;
		border-bottom-width: 4px;
		border-left-width: 6px;
	}

	.ecosystem-orbit {
		left: auto;
		width: calc(100% + 36px);
		margin-left: -18px;
	}

	.orbit-chip {
		padding: 7px 11px;
		font-size: clamp(8px, 2.45vw, 10px);
	}

	.orbit-core {
		aspect-ratio: 39.2882 / 36.3118;
	}

	.trust-panel {
		width: 100%;
		margin-bottom: 0;
		border-radius: 0;
	}

	.trust-panel__inner {
		min-height: 0;
	}

	.trust-panel__content {
		width: 100%;
		padding: 42px 39px 30px;
	}

	.trust-panel h2 {
		font-size: 23px;
		line-height: 1;
	}

	.trust-list {
		gap: 28px;
		margin-top: 33px;
	}

	.trust-list li {
		grid-template-columns: 20px minmax(0, 1fr);
		gap: 9px;
	}

	.trust-list img {
		width: 24px;
		height: 29px;
	}

	.trust-list strong {
		font-size: 15px;
		font-weight: 600;
		line-height: 1.27;
	}

	.lead-capture--dark {
		display: flex;
		flex-direction: column;
		width: calc(100% + 24px);
		max-width: none;
		margin-top: 45px;
		margin-left: -12px;
	}

	.lead-capture--dark .lead-capture__note--before {
		order: 2;
		max-width: 280px;
		margin: 11px auto 0;
		text-align: center;
	}

	.lead-capture--dark .lead-capture__form {
		order: 1;
		gap: 11px;
	}

	.lead-capture--dark .lead-capture__feedback {
		order: 4;
	}

	.lead-capture--dark .lead-capture__recaptcha-notice {
		order: 3;
	}

	.lead-capture--dark .lead-capture__submit {
		width: calc(100% - 4px);
		background: #1e222c;
	}

	.lead-capture--dark .lead-capture__submit > span:first-child,
	.lead-capture--dark .lead-capture__send {
		background: #1e222c;
	}

	.trust-panel__photos {
		display: none;
	}

	.trust-panel__photo-mobile {
		display: block;
	}
}

@media (max-height: 760px) and (min-width: 701px) {
	.play-screen__inner {
		padding-top: 22px;
		padding-bottom: 22px;
	}

	.play-screen__logo {
		width: 190px;
	}

	.play-screen__trigger {
		width: 125px;
		margin-top: 22px;
	}

	.play-screen__title {
		margin-top: 18px;
		font-size: 42px;
	}

	.play-screen__subtitle {
		font-size: 22px;
	}

	.gradient-rule {
		margin-top: 20px;
	}

	.countdown--play {
		margin-top: 15px;
	}

	.countdown__value {
		font-size: 48px;
	}
}

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

	.play-screen,
	.landing {
		transition: none !important;
		animation: none !important;
	}

	.play-screen__logo,
	.play-screen__title,
	.play-screen__trigger,
	.play-screen__subtitle,
	.gradient-rule,
	.countdown--play {
		opacity: 1;
		transform: none;
		animation: none !important;
	}

	.play-screen__trigger img,
	.play-screen__trigger::before,
	.play-screen__trigger::after,
	.orbit-ring,
	.orbit-star,
	.orbit-core img {
		animation: none !important;
	}

	.orbit-layer {
		transform: translate(-50%, -50%) !important;
	}
}