@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");

.fia-lp {
--navy: #06376c;
--navy-2: #0a4583;
--navy-deep: #04284f;
--mint: #4fd1a1;
--mint-deep: #23a87c;
--mint-soft: #ddf8ee;
--cream: #f7f4ef;
--white: #ffffff;
--text: #1b2f45;
--muted: #5e6f7a;
--cream-on-navy: #eaf2f8;
--mut-on-navy: #afc6da;
--line: rgba(6, 55, 108, 0.14);
--shadow: 0 24px 70px rgba(4, 40, 79, 0.13);
--display: "Bricolage Grotesque", sans-serif;
--body: "Hanken Grotesk", sans-serif;
--mono: "JetBrains Mono", monospace;
position: relative;
isolation: isolate;
overflow: clip;
font-family: var(--body);
color: var(--text);
background: var(--cream);
line-height: 1.55;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

.fia-lp,
.fia-lp * {
box-sizing: border-box;
}

.fia-lp * {
margin: 0;
padding: 0;
}

.fia-lp html {
scroll-behavior: smooth;
}

.fia-lp img {
max-width: 100%;
height: auto;
}

.fia-lp a {
color: inherit;
text-decoration: none;
}

.fia-lp button,
.fia-lp input {
font: inherit;
}

.fia-lp button {
color: inherit;
}

.fia-lp [hidden] {
display: none !important;
}

.fia-lp .wrap {
width: min(1140px, calc(100% - 44px));
margin-inline: auto;
}

.fia-lp .section {
padding: clamp(68px, 8vw, 104px) 0;
scroll-margin-top: 88px;
}

.fia-lp h1,
.fia-lp h2,
.fia-lp h3 {
font-family: var(--display);
font-weight: 750;
line-height: 1.05;
letter-spacing: -0.028em;
color: var(--navy);
}

.fia-lp p {
overflow-wrap: anywhere;
}

.fia-lp :focus-visible {
outline: 3px solid rgba(35, 168, 124, 0.55);
outline-offset: 4px;
border-radius: 8px;
}

.fia-lp .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}

.fia-lp.no-scroll {
overflow: hidden;
}

.fia-lp .scroll-progress {
position: fixed;
inset: 0 auto auto 0;
width: 0;
height: 3px;
background: linear-gradient(90deg, var(--mint-deep), var(--mint));
z-index: 120;
box-shadow: 0 0 14px var(--mint);
pointer-events: none;
}

.fia-lp .btn {
position: relative;
isolation: isolate;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 50px;
padding: 14px 25px;
border-radius: 999px;
border: 1.5px solid transparent;
cursor: pointer;
font-weight: 750;
font-size: 1rem;
line-height: 1.1;
overflow: hidden;
transition:
transform 0.2s ease,
box-shadow 0.2s ease,
border-color 0.2s ease,
background 0.2s ease,
color 0.2s ease;
}

.fia-lp .btn::after {
content: "";
position: absolute;
inset: auto;
width: 20px;
height: 20px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.45);
opacity: 0;
transform: scale(0);
z-index: -1;
transition:
transform 0.55s ease,
opacity 0.55s ease;
}

.fia-lp .btn:active::after {
opacity: 1;
transform: scale(14);
transition: 0s;
}

.fia-lp .btn:hover {
transform: translateY(-2px);
}

.fia-lp .btn .icon {
display: inline-grid;
place-items: center;
line-height: 1;
}

.fia-lp .btn .icon svg {
display: block;
width: 15px;
height: 15px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}

.fia-lp .btn-primary {
background: var(--mint);
color: var(--navy-deep);
box-shadow: 0 12px 30px -10px rgba(35, 168, 124, 0.72);
}

.fia-lp .btn-primary:hover {
box-shadow: 0 18px 38px -10px rgba(35, 168, 124, 0.68);
}

.fia-lp .btn-secondary {
background: rgba(255, 255, 255, 0.7);
color: var(--navy);
border-color: var(--line);
backdrop-filter: blur(10px);
}

.fia-lp .btn-secondary:hover {
border-color: var(--mint-deep);
color: var(--mint-deep);
background: #fff;
}

.fia-lp .btn-on-dark {
background: transparent;
color: var(--cream-on-navy);
border-color: rgba(234, 242, 248, 0.3);
}

.fia-lp .btn-on-dark:hover {
border-color: var(--mint);
color: var(--mint);
}

.fia-lp .btn-sm {
min-height: 42px;
padding: 10px 18px;
font-size: 0.92rem;
}

.fia-lp .icon {
display: inline-grid;
place-items: center;
width: 22px;
height: 22px;
flex: none;
}

.fia-lp .svg-icon {
display: inline-block;
width: 1.1em;
height: 1.1em;
flex: none;
vertical-align: -0.18em;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
}

.fia-lp .btn>.svg-icon,
.fia-lp .btn .svg-icon {
width: 17px;
height: 17px;
vertical-align: middle;
}

.fia-lp .inline-status {
display: inline-flex;
align-items: center;
gap: 6px;
}

.fia-lp .inline-status>.svg-icon {
width: 16px;
height: 16px;
}

.fia-lp .chip-icon {
display: grid;
place-items: center;
width: 25px;
height: 25px;
border-radius: 8px;
background: var(--mint-soft);
color: var(--mint-deep);
}

.fia-lp .chip-icon .svg-icon {
width: 15px;
height: 15px;
}

.fia-lp .bubble-icon {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 5px;
color: var(--mint-deep);
}

.fia-lp .bubble-icon .svg-icon {
width: 15px;
height: 15px;
}

.fia-lp .badge .svg-icon {
width: 14px;
height: 14px;
}

.fia-lp .carousel-btn .svg-icon,
.fia-lp .modal-close .svg-icon {
width: 20px;
height: 20px;
}

.fia-lp .stars {
display: flex;
align-items: center;
gap: 3px;
color: #e1a72b;
letter-spacing: 0;
}

.fia-lp .stars .star-icon {
display: block;
width: 15px;
height: 15px;
fill: currentColor;
}

.fia-lp .nav {
position: sticky;
top: 0;
z-index: 90;
background: rgba(247, 244, 239, 0.82);
backdrop-filter: blur(16px) saturate(150%);
border-bottom: 1px solid transparent;
transition:
box-shadow 0.25s ease,
border-color 0.25s ease,
background 0.25s ease;
}

.fia-lp .nav.is-scrolled {
background: rgba(247, 244, 239, 0.96);
border-color: var(--line);
box-shadow: 0 10px 36px rgba(4, 40, 79, 0.08);
}

.fia-lp .nav-in {
height: 76px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}

.fia-lp .logo {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--navy);
font-family: var(--display);
font-size: 1.3rem;
font-weight: 800;
letter-spacing: -0.025em;
white-space: nowrap;
}

.fia-lp .logo img {
display: block;
width: auto;
height: 35px;
}

.fia-lp .nav-main {
display: flex;
align-items: center;
gap: 23px;
}

.fia-lp .nav-main>a:not(.btn) {
position: relative;
color: var(--muted);
font-weight: 650;
font-size: 0.95rem;
padding: 8px 0;
}

.fia-lp .nav-main>a:not(.btn)::after {
content: "";
position: absolute;
left: 0;
right: 100%;
bottom: 3px;
height: 2px;
background: var(--mint-deep);
transition: right 0.22s ease;
}

.fia-lp .nav-main>a:not(.btn):hover {
color: var(--navy);
}

.fia-lp .nav-main>a:not(.btn):hover::after {
right: 0;
}

.fia-lp .menu-toggle {
display: none;
width: 46px;
height: 46px;
border: 1px solid var(--line);
border-radius: 14px;
background: #fff;
cursor: pointer;
place-items: center;
box-shadow: 0 8px 20px rgba(4, 40, 79, 0.06);
}

.fia-lp .menu-toggle span,
.fia-lp .menu-toggle::before,
.fia-lp .menu-toggle::after {
content: "";
display: block;
width: 20px;
height: 2px;
border-radius: 3px;
background: var(--navy);
transition:
transform 0.25s ease,
opacity 0.2s ease;
}

.fia-lp .menu-toggle span {
margin: 5px 0;
}

.fia-lp .menu-toggle[aria-expanded="true"] span {
opacity: 0;
}

.fia-lp .menu-toggle[aria-expanded="true"]::before {
transform: translateY(7px) rotate(45deg);
}

.fia-lp .menu-toggle[aria-expanded="true"]::after {
transform: translateY(-7px) rotate(-45deg);
}

.fia-lp .mobile-menu {
display: none;
position: absolute;
left: 0;
right: 0;
top: 100%;
padding: 10px 22px 22px;
background: rgba(247, 244, 239, 0.98);
border-bottom: 1px solid var(--line);
box-shadow: 0 24px 40px rgba(4, 40, 79, 0.13);
}

.fia-lp .mobile-menu-inner {
display: grid;
gap: 8px;
}

.fia-lp .mobile-menu a {
display: flex;
align-items: center;
min-height: 48px;
padding: 10px 14px;
border-radius: 13px;
color: var(--navy);
font-weight: 650;
}

.fia-lp .mobile-menu a:hover {
background: #fff;
}

.fia-lp .mobile-menu .btn {
margin-top: 7px;
}

.fia-lp .mobile-menu.open {
display: block;
animation: menuDown 0.25s ease both;
}

@keyframes menuDown {
from {
opacity: 0;
transform: translateY(-8px);
}

to {
opacity: 1;
transform: none;
}
}

.fia-lp .hero {
position: relative;
overflow: hidden;
background:
radial-gradient(60% 60% at 87% 5%,
  rgba(79, 209, 161, 0.25),
  transparent 68%),
linear-gradient(180deg, #fbfaf7 0%, var(--cream) 100%);
}

.fia-lp .hero::before,
.fia-lp .hero::after {
content: "";
position: absolute;
border-radius: 50%;
filter: blur(2px);
pointer-events: none;
}

.fia-lp .hero::before {
width: 420px;
height: 420px;
right: -230px;
top: 17%;
background: rgba(79, 209, 161, 0.12);
animation: orb 9s ease-in-out infinite;
}

.fia-lp .hero::after {
width: 260px;
height: 260px;
left: -160px;
bottom: -70px;
background: rgba(6, 55, 108, 0.08);
animation: orb 11s ease-in-out infinite reverse;
}

@keyframes orb {
50% {
transform: translate3d(18px, -24px, 0) scale(1.07);
}
}

.fia-lp .hero-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
gap: clamp(34px, 6vw, 72px);
align-items: center;
padding: clamp(62px, 8vw, 98px) 0 clamp(72px, 9vw, 112px);
}

.fia-lp .hero-copy {
max-width: 660px;
}

.fia-lp .eyebrow {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 7px 14px;
margin-bottom: 23px;
border: 1px solid rgba(35, 168, 124, 0.32);
border-radius: 999px;
background: rgba(255, 255, 255, 0.58);
color: var(--mint-deep);
font-family: var(--mono);
font-size: 0.75rem;
letter-spacing: 0.12em;
text-transform: uppercase;
backdrop-filter: blur(8px);
}

.fia-lp .eyebrow::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--mint);
box-shadow: 0 0 0 5px rgba(79, 209, 161, 0.16);
animation: pulseDot 2s ease-in-out infinite;
}

@keyframes pulseDot {
50% {
box-shadow: 0 0 0 9px rgba(79, 209, 161, 0);
}
}

.fia-lp .hero h1 {
font-size: clamp(2.75rem, 5.8vw, 4.75rem);
max-width: 11.3ch;
text-wrap: balance;
}

.fia-lp .hero h1 .hl {
position: relative;
color: var(--mint-deep);
white-space: nowrap;
}

.fia-lp .hero h1 .hl::after {
content: "";
position: absolute;
left: 3%;
right: 0;
bottom: 0.02em;
height: 0.12em;
border-radius: 10px;
background: var(--mint);
opacity: 0.55;
transform-origin: left;
animation: underlineGrow 0.85s 0.45s ease both;
}

@keyframes underlineGrow {
from {
transform: scaleX(0);
}

to {
transform: scaleX(1);
}
}

.fia-lp .lead {
max-width: 43ch;
margin: 24px 0 31px;
color: var(--muted);
font-size: clamp(1.08rem, 1.6vw, 1.22rem);
}

.fia-lp .hero-actions {
display: flex;
align-items: center;
gap: 13px;
flex-wrap: wrap;
}

.fia-lp .micro {
margin-top: 13px;
color: var(--muted);
font-size: 0.88rem;
}

.fia-lp .micro strong {
color: var(--navy);
}

.fia-lp .trust {
display: flex;
gap: 11px 18px;
flex-wrap: wrap;
margin-top: 31px;
padding-top: 21px;
border-top: 1px solid var(--line);
}

.fia-lp .trust span {
display: flex;
align-items: center;
gap: 7px;
color: var(--muted);
font-family: var(--mono);
font-size: 0.72rem;
letter-spacing: 0.015em;
}

.fia-lp .trust span::before {
content: "";
display: block;
width: 17px;
height: 17px;
flex: none;
background: var(--mint-deep);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px 13px no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px 13px no-repeat;
border-radius: 50%;
box-shadow: inset 0 0 0 1px rgba(35, 168, 124, 0.18);
}

.fia-lp .phone-stage {
position: relative;
display: grid;
place-items: center;
min-height: 560px;
perspective: 1000px;
}

.fia-lp .phone-halo {
position: absolute;
width: 88%;
aspect-ratio: 1;
border-radius: 50%;
background: radial-gradient(circle,
  rgba(79, 209, 161, 0.32),
  rgba(79, 209, 161, 0) 67%);
filter: blur(8px);
animation: halo 4s ease-in-out infinite;
}

@keyframes halo {
50% {
transform: scale(1.08);
opacity: 0.7;
}
}

.fia-lp .phone {
position: relative;
z-index: 2;
width: 326px;
max-width: 86vw;
padding: 14px 12px 18px;
border: 9px solid #061f3a;
border-radius: 43px;
background: var(--navy-deep);
box-shadow:
0 45px 85px -30px rgba(4, 40, 79, 0.6),
0 0 0 1px rgba(6, 55, 108, 0.08);
transform: rotateY(-5deg) rotateX(2deg);
animation: phoneFloat 5.5s ease-in-out infinite;
transition: transform 0.3s ease;
}

@keyframes phoneFloat {
50% {
transform: translateY(-10px) rotateY(-2deg) rotateX(1deg);
}
}

.fia-lp .phone-notch {
position: absolute;
top: 8px;
left: 50%;
width: 88px;
height: 21px;
transform: translateX(-50%);
border-radius: 0 0 15px 15px;
background: #061f3a;
z-index: 3;
}

.fia-lp .phone-bar {
display: flex;
align-items: center;
gap: 10px;
padding: 11px 8px 12px;
}

.fia-lp .avatar {
display: grid;
place-items: center;
width: 35px;
height: 35px;
border-radius: 50%;
background: var(--mint);
color: var(--navy-deep);
font-family: var(--display);
font-weight: 850;
}

.fia-lp .phone-name {
color: #fff;
font-weight: 750;
font-size: 0.92rem;
line-height: 1.15;
}

.fia-lp .phone-status {
display: flex;
align-items: center;
gap: 5px;
color: var(--mint);
font-size: 0.7rem;
}

.fia-lp .phone-status::before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background: currentColor;
}

.fia-lp .chat {
display: flex;
flex-direction: column;
gap: 9px;
min-height: 405px;
padding: 15px;
border-radius: 21px;
background-color: #0a3463;
background-image: radial-gradient(rgba(255, 255, 255, 0.045) 1px,
  transparent 1px);
background-size: 16px 16px;
}

.fia-lp .bubble {
max-width: 86%;
padding: 9px 12px;
border-radius: 14px;
font-size: 0.85rem;
line-height: 1.42;
opacity: 0;
transform: translateY(10px) scale(0.98);
animation: bubbleIn 0.45s forwards;
}

.fia-lp .bubble.me {
align-self: flex-end;
border-bottom-right-radius: 5px;
background: var(--mint);
color: var(--navy-deep);
}

.fia-lp .bubble.bot {
align-self: flex-start;
border-bottom-left-radius: 5px;
background: #fff;
color: var(--text);
box-shadow: 0 8px 18px rgba(4, 40, 79, 0.08);
}

.fia-lp .bubble.file {
display: flex;
align-items: center;
gap: 9px;
font-weight: 700;
}

.fia-lp .file-icon {
display: grid;
place-items: center;
width: 31px;
height: 35px;
border-radius: 6px;
background: var(--navy-deep);
color: var(--mint);
font-family: var(--mono);
font-size: 0.57rem;
font-weight: 800;
}

.fia-lp .bubble .ok {
color: var(--mint-deep);
font-weight: 800;
}

.fia-lp .bubble .meta {
display: block;
margin-top: 3px;
color: var(--muted);
font-size: 0.72rem;
}

.fia-lp .typing {
align-self: flex-start;
display: flex;
gap: 4px;
padding: 12px 15px;
border-radius: 14px 14px 14px 5px;
background: #fff;
opacity: 0;
animation: bubbleIn 0.4s forwards;
}

.fia-lp .typing i {
width: 6px;
height: 6px;
border-radius: 50%;
background: #93a2af;
animation: typing 1.15s infinite;
}

.fia-lp .typing i:nth-child(2) {
animation-delay: 0.17s;
}

.fia-lp .typing i:nth-child(3) {
animation-delay: 0.34s;
}

.fia-lp .d1 {
animation-delay: 0.25s;
}

.fia-lp .d2 {
animation-delay: 0.95s;
}

.fia-lp .d3 {
animation-delay: 1.55s;
}

.fia-lp .d4 {
animation-delay: 2.35s;
}

.fia-lp .d5 {
animation-delay: 3.3s;
}

@keyframes bubbleIn {
to {
opacity: 1;
transform: none;
}
}

@keyframes typing {

0%,
60%,
100% {
opacity: 0.25;
transform: translateY(0);
}

30% {
opacity: 1;
transform: translateY(-2px);
}
}

.fia-lp .float-chip {
position: absolute;
z-index: 3;
display: flex;
align-items: center;
gap: 8px;
padding: 10px 13px;
border: 1px solid rgba(6, 55, 108, 0.12);
border-radius: 14px;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 18px 40px rgba(4, 40, 79, 0.14);
backdrop-filter: blur(10px);
color: var(--navy);
font-size: 0.82rem;
font-weight: 750;
animation: chipFloat 4.5s ease-in-out infinite;
}

.fia-lp .chip-one {
left: 0;
top: 19%;
animation-delay: -1s;
}

.fia-lp .chip-two {
right: -2%;
bottom: 19%;
animation-delay: -2.7s;
}

@keyframes chipFloat {
50% {
transform: translateY(-9px);
}
}

.fia-lp .proof {
position: relative;
z-index: 3;
margin-top: -34px;
}

.fia-lp .proof-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
overflow: hidden;
border: 1px solid var(--line);
border-radius: 22px;
background: rgba(255, 255, 255, 0.93);
box-shadow: var(--shadow);
backdrop-filter: blur(14px);
}

.fia-lp .proof-item {
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
min-height: 90px;
padding: 18px;
text-align: left;
}

.fia-lp .proof-item+.proof-item {
border-left: 1px solid var(--line);
}

.fia-lp .proof-icon {
display: grid;
place-items: center;
width: 42px;
height: 42px;
flex: none;
border-radius: 13px;
background: var(--mint-soft);
color: var(--navy);
line-height: 1;
}

.fia-lp .proof-icon svg {
display: block;
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 2.15;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
}

.fia-lp .proof-item strong {
display: block;
color: var(--navy);
font-family: var(--display);
font-size: 1.1rem;
line-height: 1.1;
}

.fia-lp .proof-item span {
display: block;
color: var(--muted);
font-size: 0.78rem;
}

.fia-lp .agitate {
padding: 76px 0 58px;
text-align: center;
}

.fia-lp .agitate p {
max-width: 30ch;
margin-inline: auto;
color: var(--navy);
font-family: var(--display);
font-size: clamp(1.5rem, 3.2vw, 2.2rem);
font-weight: 700;
line-height: 1.18;
text-wrap: balance;
}

.fia-lp .agitate .underline {
position: relative;
color: var(--mint-deep);
white-space: nowrap;
}

.fia-lp .agitate .underline::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -5px;
height: 3px;
border-radius: 8px;
background: var(--mint);
}

.fia-lp .label {
margin-bottom: 14px;
color: var(--mint-deep);
font-family: var(--mono);
font-size: 0.78rem;
letter-spacing: 0.14em;
text-transform: uppercase;
}

.fia-lp .section-title {
max-width: 18ch;
font-size: clamp(2rem, 4.1vw, 3.15rem);
text-wrap: balance;
}

.fia-lp .section-intro {
max-width: 58ch;
margin-top: 16px;
color: var(--muted);
font-size: 1.05rem;
}

.fia-lp .steps {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 21px;
margin-top: 47px;
counter-reset: steps;
}

.fia-lp .step {
position: relative;
min-height: 245px;
padding: 29px;
border: 1px solid var(--line);
border-radius: 22px;
background: #fff;
box-shadow: 0 14px 40px rgba(4, 40, 79, 0.05);
overflow: hidden;
transition:
transform 0.3s ease,
box-shadow 0.3s ease,
border-color 0.3s ease;
}

.fia-lp .step:hover {
transform: translateY(-7px);
border-color: rgba(35, 168, 124, 0.35);
box-shadow: 0 24px 56px rgba(4, 40, 79, 0.11);
}

.fia-lp .step::after {
content: "";
position: absolute;
right: -40px;
bottom: -50px;
width: 145px;
height: 145px;
border-radius: 50%;
background: radial-gradient(circle,
  rgba(79, 209, 161, 0.18),
  transparent 70%);
transition: transform 0.35s ease;
}

.fia-lp .step:hover::after {
transform: scale(1.28);
}

.fia-lp .step-num {
display: grid;
place-items: center;
width: 44px;
height: 44px;
margin-bottom: 35px;
border-radius: 14px;
background: var(--navy);
color: var(--mint);
font-family: var(--mono);
font-size: 0.82rem;
font-weight: 700;
box-shadow: 0 10px 25px rgba(4, 40, 79, 0.19);
}

.fia-lp .step h3 {
margin-bottom: 9px;
font-size: 1.35rem;
}

.fia-lp .step p {
color: var(--muted);
}

.fia-lp .use-cases {
background: var(--navy);
color: var(--cream-on-navy);
}

.fia-lp .use-cases .label {
color: var(--mint);
}

.fia-lp .use-cases .section-title {
color: #fff;
max-width: 20ch;
}

.fia-lp .use-cases .section-intro {
color: var(--mut-on-navy);
}

.fia-lp .tabs-shell {
margin-top: 46px;
border: 1px solid rgba(234, 242, 248, 0.12);
border-radius: 25px;
background: rgba(4, 40, 79, 0.58);
overflow: hidden;
box-shadow: 0 35px 70px rgba(0, 0, 0, 0.18);
}

.fia-lp .tabs-nav {
display: flex;
gap: 7px;
padding: 12px;
border-bottom: 1px solid rgba(234, 242, 248, 0.12);
overflow-x: auto;
scrollbar-width: none;
}

.fia-lp .tabs-nav::-webkit-scrollbar {
display: none;
}

.fia-lp .tab-btn {
flex: 1;
min-width: 150px;
min-height: 46px;
padding: 10px 16px;
border: 0;
border-radius: 13px;
background: transparent;
color: var(--mut-on-navy);
font-weight: 700;
cursor: pointer;
white-space: nowrap;
transition:
background 0.2s ease,
color 0.2s ease,
transform 0.2s ease;
}

.fia-lp .tab-btn:hover {
color: #fff;
background: rgba(255, 255, 255, 0.06);
}

.fia-lp .tab-btn[aria-selected="true"] {
background: var(--mint);
color: var(--navy-deep);
box-shadow: 0 10px 24px rgba(35, 168, 124, 0.22);
}

.fia-lp .tab-panel {
display: none;
grid-template-columns: 0.88fr 1.12fr;
gap: 34px;
align-items: center;
padding: clamp(27px, 5vw, 52px);
}

.fia-lp .tab-panel.active {
display: grid;
animation: panelIn 0.35s ease both;
}

@keyframes panelIn {
from {
opacity: 0;
transform: translateY(8px);
}

to {
opacity: 1;
transform: none;
}
}

.fia-lp .tab-copy h3 {
color: #fff;
font-size: clamp(1.65rem, 3vw, 2.35rem);
}

.fia-lp .tab-copy p {
margin: 15px 0 22px;
color: var(--mut-on-navy);
font-size: 1.03rem;
}

.fia-lp .mini-list {
display: grid;
gap: 11px;
list-style: none;
}

.fia-lp .mini-list li {
display: flex;
gap: 9px;
align-items: flex-start;
color: var(--cream-on-navy);
font-size: 0.94rem;
}

.fia-lp .mini-list li::before {
content: "";
display: block;
width: 21px;
height: 21px;
flex: none;
border-radius: 7px;
background-color: var(--mint);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px 15px no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px 15px no-repeat;
}

.fia-lp .workflow {
display: grid;
gap: 10px;
padding: 21px;
border: 1px solid rgba(234, 242, 248, 0.1);
border-radius: 20px;
background: rgba(3, 31, 60, 0.55);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.fia-lp .flow-msg {
justify-self: start;
max-width: 88%;
padding: 12px 14px;
border-radius: 15px 15px 15px 5px;
background: #fff;
color: var(--text);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
font-size: 0.92rem;
line-height: 1.45;
overflow-wrap: anywhere;
}

.fia-lp .flow-msg.user {
justify-self: end;
border-radius: 15px 15px 5px 15px;
background: var(--mint);
color: var(--navy-deep);
}

.fia-lp .flow-msg small {
display: block;
margin-top: 4px;
color: var(--muted);
font-size: 0.78rem;
line-height: 1.4;
}

.fia-lp .flow-msg.user small {
color: rgba(4, 40, 79, 0.72);
}

.fia-lp .flow-msg .ok {
color: var(--mint-deep);
}

.fia-lp .flow-progress {
height: 7px;
margin-top: 3px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.1);
overflow: hidden;
}

.fia-lp .flow-progress span {
display: block;
width: 100%;
height: 100%;
border-radius: inherit;
background: linear-gradient(90deg, var(--mint-deep), var(--mint));
transform-origin: left;
animation: progressLoad 2.4s ease-in-out infinite;
}

@keyframes progressLoad {
0% {
transform: scaleX(0.08);
}

70%,
100% {
transform: scaleX(1);
}
}

.fia-lp .diff {
background: #fff;
}

.fia-lp .diff-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(36px, 6vw, 74px);
align-items: center;
}

.fia-lp .badge {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 7px 12px;
margin-bottom: 22px;
border-radius: 999px;
background: var(--mint-soft);
color: var(--mint-deep);
font-family: var(--mono);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.fia-lp .diff h2 {
max-width: 14ch;
font-size: clamp(2rem, 4vw, 3.15rem);
}

.fia-lp .diff-copy p {
max-width: 45ch;
margin-top: 17px;
color: var(--muted);
font-size: 1.05rem;
}

.fia-lp .demo-card {
position: relative;
padding: 23px;
border: 1px solid var(--line);
border-radius: 24px;
background: var(--navy-deep);
box-shadow: var(--shadow);
overflow: hidden;
}

.fia-lp .demo-card::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at 100% 0,
  rgba(79, 209, 161, 0.18),
  transparent 40%);
pointer-events: none;
}

.fia-lp .demo-window {
position: relative;
display: grid;
gap: 10px;
}

.fia-lp .demo-window .flow-msg {
position: relative;
}

.fia-lp .care-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 22px;
margin-top: 45px;
}

.fia-lp .care-card {
position: relative;
padding: 30px;
border: 1px solid var(--line);
border-radius: 22px;
background: #fff;
overflow: hidden;
transition:
transform 0.3s ease,
box-shadow 0.3s ease;
}

.fia-lp .care-card:hover {
transform: translateY(-5px);
box-shadow: 0 22px 52px rgba(4, 40, 79, 0.09);
}

.fia-lp .alert-box {
position: relative;
margin-bottom: 20px;
padding: 14px 15px 14px 46px;
border: 1px solid rgba(35, 168, 124, 0.22);
border-radius: 14px;
background: linear-gradient(135deg, var(--cream), #fff);
color: var(--navy);
font-family: var(--mono);
font-size: 0.8rem;
line-height: 1.5;
}

.fia-lp .alert-box::before {
content: "";
position: absolute;
left: 14px;
top: 14px;
width: 22px;
height: 22px;
background-color: var(--navy-deep);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2.8 20h18.4L12 3Z' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M12 9v5M12 17.2v.1' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/22px 22px no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2.8 20h18.4L12 3Z' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M12 9v5M12 17.2v.1' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/22px 22px no-repeat;
}

.fia-lp .alert-box b {
color: var(--mint-deep);
}

.fia-lp .care-card h3 {
margin-bottom: 8px;
font-size: 1.35rem;
}

.fia-lp .care-card p {
color: var(--muted);
}

.fia-lp .features {
padding-top: 0;
}

.fia-lp .bento {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 18px;
}

.fia-lp .feature-card {
position: relative;
grid-column: span 4;
min-height: 220px;
padding: 27px;
border: 1px solid var(--line);
border-radius: 22px;
background: #fff;
overflow: hidden;
transition:
transform 0.3s ease,
border-color 0.3s ease,
box-shadow 0.3s ease;
}

.fia-lp .feature-card.wide {
grid-column: span 6;
}

.fia-lp .feature-card:hover {
transform: translateY(-6px);
border-color: rgba(35, 168, 124, 0.34);
box-shadow: 0 24px 55px rgba(4, 40, 79, 0.1);
}

.fia-lp .feature-card::after {
content: "";
position: absolute;
width: 145px;
height: 145px;
right: -55px;
bottom: -60px;
border-radius: 50%;
background: rgba(79, 209, 161, 0.11);
transition: transform 0.35s ease;
}

.fia-lp .feature-card:hover::after {
transform: scale(1.3);
}

.fia-lp .feature-icon {
display: grid;
place-items: center;
width: 46px;
height: 46px;
margin-bottom: 27px;
border-radius: 14px;
background: var(--navy);
color: var(--mint);
line-height: 1;
box-shadow: 0 10px 24px rgba(4, 40, 79, 0.18);
}

.fia-lp .feature-icon svg {
display: block;
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}

.fia-lp .feature-card h3 {
margin-bottom: 8px;
font-size: 1.2rem;
}

.fia-lp .feature-card p {
max-width: 38ch;
color: var(--muted);
font-size: 0.95rem;
}

.fia-lp .pricing {
background: var(--navy);
color: var(--cream-on-navy);
}

.fia-lp .pricing .label {
color: var(--mint);
}

.fia-lp .pricing .section-title {
color: #fff;
}

.fia-lp .pricing .section-intro {
color: var(--mut-on-navy);
}

.fia-lp .plans {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 47px;
align-items: stretch;
}

.fia-lp .plan {
position: relative;
display: flex;
flex-direction: column;
padding: 31px 27px;
border: 1px solid rgba(234, 242, 248, 0.13);
border-radius: 23px;
background: var(--navy-2);
overflow: hidden;
transition:
transform 0.3s ease,
border-color 0.3s ease,
box-shadow 0.3s ease;
}

.fia-lp .plan:hover {
transform: translateY(-7px);
border-color: rgba(79, 209, 161, 0.45);
box-shadow: 0 27px 58px rgba(0, 0, 0, 0.18);
}

.fia-lp .plan.popular {
z-index: 2;
background: var(--cream);
color: var(--text);
border: 2px solid var(--mint);
transform: translateY(-10px);
box-shadow: 0 30px 66px rgba(0, 0, 0, 0.22);
}

.fia-lp .plan.popular:hover {
transform: translateY(-15px);
}

.fia-lp .popular-tag {
position: absolute;
top: 13px;
right: 13px;
padding: 5px 10px;
border-radius: 999px;
background: var(--mint);
color: var(--navy-deep);
font-family: var(--mono);
font-size: 0.67rem;
font-weight: 800;
letter-spacing: 0.07em;
text-transform: uppercase;
}

.fia-lp .plan-name {
color: var(--mut-on-navy);
font-family: var(--mono);
font-size: 0.8rem;
letter-spacing: 0.1em;
text-transform: uppercase;
}

.fia-lp .popular .plan-name {
color: var(--mint-deep);
}

.fia-lp .price {
margin: 16px 0 4px;
color: #fff;
font-family: var(--display);
font-size: 2.8rem;
font-weight: 850;
line-height: 1;
}

.fia-lp .popular .price {
color: var(--navy);
}

.fia-lp .price small {
color: var(--mut-on-navy);
font-family: var(--body);
font-size: 1rem;
font-weight: 500;
}

.fia-lp .popular .price small {
color: var(--muted);
}

.fia-lp .folios {
margin-bottom: 22px;
color: var(--mut-on-navy);
font-size: 0.94rem;
}

.fia-lp .popular .folios {
color: var(--muted);
}

.fia-lp .plan-list {
display: grid;
gap: 11px;
list-style: none;
margin-bottom: 27px;
flex: 1;
}

.fia-lp .plan-list li {
display: flex;
gap: 9px;
align-items: flex-start;
font-size: 0.94rem;
}

.fia-lp .plan-list li::before {
content: "";
display: block;
width: 18px;
height: 18px;
flex: none;
background-color: var(--mint);
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat;
}

.fia-lp .popular .plan-list li::before {
background-color: var(--mint-deep);
}

.fia-lp .plan .btn {
width: 100%;
}

.fia-lp .price-foot {
margin-top: 25px;
text-align: center;
color: var(--mut-on-navy);
font-size: 0.9rem;
}

.fia-lp .price-foot .fair {
display: block;
margin-bottom: 8px;
font-family: var(--mono);
font-size: 0.8rem;
}

.fia-lp .price-foot a {
color: var(--mint);
font-weight: 700;
}

.fia-lp .testimonial-head {
display: flex;
align-items: end;
justify-content: space-between;
gap: 22px;
}

.fia-lp .carousel-controls {
display: flex;
gap: 9px;
}

.fia-lp .carousel-btn {
display: grid;
place-items: center;
width: 45px;
height: 45px;
border: 1px solid var(--line);
border-radius: 50%;
background: #fff;
color: var(--navy);
cursor: pointer;
transition:
background 0.2s ease,
transform 0.2s ease,
border-color 0.2s ease;
}

.fia-lp .carousel-btn:hover {
background: var(--mint);
border-color: var(--mint);
transform: translateY(-2px);
}

.fia-lp .quotes-viewport {
overflow: hidden;
margin-top: 45px;
}

.fia-lp .quotes-track {
display: flex;
gap: 20px;
transition: transform 0.45s cubic-bezier(0.2, 0.75, 0.2, 1);
}

.fia-lp .quote {
flex: 0 0 calc((100% - 40px) / 3);
min-height: 245px;
padding: 28px;
border: 1px solid var(--line);
border-radius: 21px;
background: #fff;
box-shadow: 0 14px 38px rgba(4, 40, 79, 0.05);
}

.fia-lp .stars {
color: #e1a72b;
letter-spacing: 2px;
font-size: 0.88rem;
}

.fia-lp .quote-mark {
display: block;
height: 31px;
margin-top: 15px;
color: var(--mint);
font-family: var(--display);
font-size: 3rem;
line-height: 0.7;
}

.fia-lp .quote p {
margin: 7px 0 19px;
color: var(--text);
font-size: 1.04rem;
font-weight: 550;
}

.fia-lp .quote-by {
color: var(--muted);
font-family: var(--mono);
font-size: 0.76rem;
}

.fia-lp .carousel-dots {
display: flex;
justify-content: center;
gap: 7px;
margin-top: 22px;
}

.fia-lp .carousel-dot {
width: 8px;
height: 8px;
border: 0;
border-radius: 50%;
background: rgba(6, 55, 108, 0.23);
cursor: pointer;
transition:
width 0.2s ease,
background 0.2s ease,
border-radius 0.2s ease;
}

.fia-lp .carousel-dot.active {
width: 25px;
border-radius: 999px;
background: var(--mint-deep);
}

.fia-lp .faq-section {
padding-top: 0;
}

.fia-lp .faq-title {
text-align: center;
margin-inline: auto;
max-width: none;
}

.fia-lp .faq {
max-width: 780px;
margin: 43px auto 0;
border: 1px solid var(--line);
border-radius: 22px;
background: #fff;
overflow: hidden;
box-shadow: 0 20px 52px rgba(4, 40, 79, 0.07);
}

.fia-lp .faq-item+.faq-item {
border-top: 1px solid var(--line);
}

.fia-lp .faq-question {
display: flex;
justify-content: space-between;
align-items: center;
gap: 18px;
width: 100%;
min-height: 70px;
padding: 20px 22px;
border: 0;
background: #fff;
text-align: left;
color: var(--navy);
font-family: var(--display);
font-size: 1.12rem;
font-weight: 700;
cursor: pointer;
}

.fia-lp .faq-question:hover {
background: #fbfaf7;
}

.fia-lp .faq-plus {
position: relative;
width: 25px;
height: 25px;
flex: none;
border-radius: 50%;
background: var(--mint-soft);
}

.fia-lp .faq-plus::before,
.fia-lp .faq-plus::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 11px;
height: 2px;
border-radius: 2px;
background: var(--mint-deep);
transform: translate(-50%, -50%);
transition: transform 0.22s ease;
}

.fia-lp .faq-plus::after {
transform: translate(-50%, -50%) rotate(90deg);
}

.fia-lp .faq-question[aria-expanded="true"] .faq-plus::after {
transform: translate(-50%, -50%) rotate(0);
}

.fia-lp .faq-answer {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 0.3s ease;
}

.fia-lp .faq-answer>div {
overflow: hidden;
}

.fia-lp .faq-answer p {
padding: 0 22px 22px;
color: var(--muted);
}

.fia-lp .faq-answer.open {
grid-template-rows: 1fr;
}

.fia-lp .final {
position: relative;
overflow: hidden;
text-align: center;
color: var(--cream-on-navy);
background: radial-gradient(80% 170% at 50% -20%, var(--navy-2), var(--navy));
}

.fia-lp .final::before,
.fia-lp .final::after {
content: "";
position: absolute;
border: 1px solid rgba(79, 209, 161, 0.14);
border-radius: 50%;
pointer-events: none;
}

.fia-lp .final::before {
width: 560px;
height: 560px;
left: -340px;
top: -220px;
}

.fia-lp .final::after {
width: 480px;
height: 480px;
right: -280px;
bottom: -300px;
}

.fia-lp .final .wrap {
position: relative;
z-index: 1;
}

.fia-lp .final h2 {
max-width: 16ch;
margin: 0 auto 15px;
color: #fff;
font-size: clamp(2.2rem, 5vw, 3.6rem);
text-wrap: balance;
}

.fia-lp .final p {
margin-bottom: 28px;
color: var(--mut-on-navy);
font-size: 1.08rem;
}

.fia-lp .final-actions {
display: flex;
justify-content: center;
gap: 13px;
flex-wrap: wrap;
}

.fia-lp .footer {
padding: 45px 0;
background: var(--navy-deep);
color: var(--mut-on-navy);
}

.fia-lp .footer-grid {
display: grid;
grid-template-columns: 1fr auto auto;
gap: 30px;
align-items: center;
font-size: 0.9rem;
}

.fia-lp .footer-logo {
display: flex;
align-items: center;
gap: 9px;
color: #fff;
font-family: var(--display);
font-size: 1.15rem;
font-weight: 800;
}

.fia-lp .footer-logo img {
width: auto;
height: 29px;
}

.fia-lp .footer-tag {
margin-top: 4px;
color: var(--mint);
font-family: var(--mono);
font-size: 0.76rem;
}

.fia-lp .footer-links {
display: flex;
gap: 19px;
flex-wrap: wrap;
justify-content: center;
}

.fia-lp .footer-links a:hover {
color: #fff;
}

.fia-lp .floating-actions {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 75;
display: grid;
gap: 10px;
justify-items: end;
}

.fia-lp .float-action {
display: grid;
place-items: center;
width: 51px;
height: 51px;
border: 0;
border-radius: 50%;
cursor: pointer;
line-height: 1;
box-shadow: 0 15px 34px rgba(4, 40, 79, 0.2);
transition:
transform 0.2s ease,
opacity 0.2s ease,
visibility 0.2s ease;
}

.fia-lp .float-action svg {
display: block;
width: 23px;
height: 23px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}

.fia-lp .float-action:hover {
transform: translateY(-3px) scale(1.03);
}

.fia-lp .wa-float {
background: var(--mint);
color: var(--navy-deep);
font-size: 1.25rem;
}

.fia-lp .to-top {
background: var(--navy);
color: #fff;
opacity: 0;
visibility: hidden;
transform: translateY(8px);
}

.fia-lp .to-top.show {
opacity: 1;
visibility: visible;
transform: none;
}

.fia-lp .modal {
position: fixed;
inset: 0;
z-index: 130;
display: grid;
place-items: center;
padding: 20px;
background: rgba(3, 24, 47, 0.72);
backdrop-filter: blur(8px);
opacity: 0;
visibility: hidden;
transition:
opacity 0.25s ease,
visibility 0.25s ease;
}

.fia-lp .modal.open {
opacity: 1;
visibility: visible;
}

.fia-lp .modal-card {
position: relative;
width: min(760px, 100%);
max-height: min(720px, 90vh);
overflow: auto;
padding: clamp(24px, 4vw, 40px);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 26px;
background: var(--cream);
box-shadow: 0 45px 100px rgba(0, 0, 0, 0.34);
transform: translateY(18px) scale(0.98);
transition: transform 0.28s ease;
}

.fia-lp .modal.open .modal-card {
transform: none;
}

.fia-lp .modal-close {
position: absolute;
top: 16px;
right: 16px;
display: grid;
place-items: center;
width: 42px;
height: 42px;
border: 1px solid var(--line);
border-radius: 50%;
background: #fff;
color: var(--navy);
font-size: 1.25rem;
cursor: pointer;
}

.fia-lp .modal-badge {
display: inline-flex;
padding: 6px 11px;
margin-bottom: 15px;
border-radius: 999px;
background: var(--mint-soft);
color: var(--mint-deep);
font-family: var(--mono);
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
}

.fia-lp .modal h2 {
padding-right: 45px;
font-size: clamp(1.8rem, 4vw, 2.7rem);
}

.fia-lp .modal-lead {
max-width: 55ch;
margin: 12px 0 25px;
color: var(--muted);
}

.fia-lp .modal-flow {
display: grid;
gap: 11px;
padding: 20px;
border-radius: 19px;
background: var(--navy-deep);
}

.fia-lp .modal-step {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 14px;
border-radius: 14px;
background: #fff;
color: var(--text);
}

.fia-lp .modal-step-num {
display: grid;
place-items: center;
width: 29px;
height: 29px;
flex: none;
border-radius: 9px;
background: var(--mint);
color: var(--navy-deep);
font-family: var(--mono);
font-size: 0.72rem;
font-weight: 800;
}

.fia-lp .modal-step b {
display: block;
color: var(--navy);
}

.fia-lp .modal-step span {
display: block;
color: var(--muted);
font-size: 0.88rem;
}

.fia-lp .modal-actions {
display: flex;
gap: 11px;
flex-wrap: wrap;
margin-top: 24px;
}

.fia-lp [data-reveal] {
opacity: 0;
transform: translateY(25px);
transition:
opacity 0.7s ease,
transform 0.7s cubic-bezier(0.2, 0.75, 0.2, 1);
transition-delay: var(--reveal-delay, 0ms);
}

.fia-lp [data-reveal="left"] {
transform: translateX(-28px);
}

.fia-lp [data-reveal="right"] {
transform: translateX(28px);
}

.fia-lp [data-reveal].in {
opacity: 1;
transform: none;
}

@media (max-width: 1024px) {
.fia-lp .hero-grid {
grid-template-columns: minmax(0, 1fr) minmax(310px, 0.8fr);
gap: 30px;
}

.fia-lp .float-chip {
font-size: 0.75rem;
}

.fia-lp .chip-one {
left: -4%;
}

.fia-lp .chip-two {
right: -4%;
}

.fia-lp .feature-card {
grid-column: span 6;
}

.fia-lp .quote {
flex-basis: calc((100% - 20px) / 2);
}
}

@media (max-width: 860px) {
.fia-lp .nav-main {
display: none;
}

.fia-lp .menu-toggle {
display: block;
}

.fia-lp .hero-grid {
grid-template-columns: 1fr;
padding-top: 56px;
text-align: center;
}

.fia-lp .hero-copy {
margin-inline: auto;
}

.fia-lp .hero h1 {
margin-inline: auto;
}

.fia-lp .lead {
margin-inline: auto;
}

.fia-lp .hero-actions,
.fia-lp .trust {
justify-content: center;
}

.fia-lp .phone-stage {
min-height: 520px;
margin-top: 8px;
}

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

.fia-lp .proof-item:nth-child(3),
.fia-lp .proof-item:nth-child(4) {
border-top: 1px solid var(--line);
}

.fia-lp .proof-item:nth-child(3) {
border-left: 0;
}

.fia-lp .steps {
grid-template-columns: 1fr;
}

.fia-lp .step {
min-height: auto;
}

.fia-lp .tab-panel,
.fia-lp .diff-grid {
grid-template-columns: 1fr;
}

.fia-lp .care-grid {
grid-template-columns: 1fr;
}

.fia-lp .plans {
grid-template-columns: 1fr;
}

.fia-lp .plan.popular,
.fia-lp .plan.popular:hover {
transform: none;
}

.fia-lp .footer-grid {
grid-template-columns: 1fr;
text-align: center;
}

.fia-lp .footer-logo {
justify-content: center;
}

.fia-lp .footer-links {
justify-content: center;
}
}

@media (max-width: 680px) {
.fia-lp .wrap {
width: min(100% - 32px, 1140px);
}

.fia-lp .section {
padding: 64px 0;
}

.fia-lp .nav-in {
height: 68px;
}

.fia-lp .logo {
font-size: 1.16rem;
}

.fia-lp .logo img {
height: 31px;
}

.fia-lp .hero h1 {
font-size: clamp(2.45rem, 12vw, 3.45rem);
}

.fia-lp .hero-actions {
display: grid;
grid-template-columns: 1fr;
width: 100%;
}

.fia-lp .hero-actions .btn {
width: 100%;
}

.fia-lp .trust {
display: grid;
justify-items: center;
}

.fia-lp .phone-stage {
min-height: 470px;
}

.fia-lp .phone {
width: 300px;
}

.fia-lp .chat {
min-height: 378px;
}

.fia-lp .float-chip {
display: none;
}

.fia-lp .proof {
margin-top: -22px;
}

.fia-lp .proof-item {
min-height: 82px;
padding: 14px;
}

.fia-lp .proof-icon {
width: 38px;
height: 38px;
}

.fia-lp .proof-icon svg {
width: 20px;
height: 20px;
}

.fia-lp .proof-item strong {
font-size: 1rem;
}

.fia-lp .agitate {
padding-top: 62px;
}

.fia-lp .tabs-shell {
border-radius: 19px;
}

.fia-lp .tabs-nav {
padding: 9px;
}

.fia-lp .tab-btn {
min-width: 135px;
font-size: 0.9rem;
}

.fia-lp .tab-panel {
padding: 24px;
}

.fia-lp .bento {
grid-template-columns: 1fr;
}

.fia-lp .feature-card,
.fia-lp .feature-card.wide {
grid-column: auto;
min-height: auto;
}

.fia-lp .testimonial-head {
align-items: flex-start;
}

.fia-lp .quote {
flex-basis: 100%;
}

.fia-lp .faq-question {
font-size: 1.02rem;
padding: 18px;
}

.fia-lp .faq-answer p {
padding: 0 18px 19px;
}

.fia-lp .final-actions {
display: grid;
}

.fia-lp .final-actions .btn {
width: 100%;
}

.fia-lp .floating-actions {
right: 14px;
bottom: 14px;
}

.fia-lp .float-action {
width: 47px;
height: 47px;
}

.fia-lp .modal-actions {
display: grid;
}

.fia-lp .modal-actions .btn {
width: 100%;
}
}

@media (max-width: 470px) {
.fia-lp .proof-grid {
grid-template-columns: 1fr;
}

.fia-lp .proof-item+.proof-item {
border-left: 0;
border-top: 1px solid var(--line);
}

.fia-lp .proof-item {
justify-content: flex-start;
padding-left: 22px;
}

.fia-lp .phone-stage {
min-height: 445px;
}

.fia-lp .phone {
width: 278px;
border-width: 7px;
border-radius: 37px;
}

.fia-lp .chat {
min-height: 355px;
padding: 12px;
}

.fia-lp .bubble {
font-size: 0.78rem;
}

.fia-lp .carousel-controls {
display: none;
}

.fia-lp .quotes-viewport {
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}

.fia-lp .quotes-viewport::-webkit-scrollbar {
display: none;
}

.fia-lp .quotes-track {
transform: none !important;
}

.fia-lp .quote {
scroll-snap-align: start;
}
}

@media (prefers-reduced-motion: reduce) {

.fia-lp *,
.fia-lp *::before,
.fia-lp *::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}

.fia-lp [data-reveal] {
opacity: 1;
transform: none;
}

.fia-lp .phone {
transform: none;
}

.fia-lp .bubble {
opacity: 1;
transform: none;
animation: none;
}

.fia-lp .typing {
display: none;
}
}

.fia-lp svg.bi {
display: inline-block;
fill: currentColor !important;
stroke: none !important;
stroke-width: 0 !important;
overflow: visible;
shape-rendering: geometricPrecision;
}

.fia-lp .proof-icon svg.bi,
.fia-lp .feature-icon svg.bi,
.fia-lp .float-action svg.bi,
.fia-lp .btn .icon svg.bi {
fill: currentColor !important;
stroke: none !important;
}

:root {
--brand-navy: #06376c;
--brand-navy-deep: #04284f;
--brand-blue: #0a4583;
--brand-mint: #4fd1a1;
--brand-mint-deep: #23a87c;
--brand-cream: #f7f4ef;
--brand-ink: #1b2f45;
--brand-muted: #5e6f7a;
--brand-line: rgba(6, 55, 108, 0.14);
color-scheme: light;
font-family: "Hanken Grotesk", "Segoe UI", sans-serif;
background: var(--brand-cream);
}

* {
box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

html,
body {
width: 100%;
min-height: 100%;
margin: 0;
}

body {
background:
radial-gradient(circle at 92% -5%,
  rgba(79, 209, 161, 0.2),
  transparent 27rem),
radial-gradient(circle at 0% 28%,
  rgba(6, 55, 108, 0.07),
  transparent 30rem),
var(--brand-cream);
color: var(--brand-ink);
}

.landing-shell {
width: 100%;
min-height: 100dvh;
}

.landing-frame {
display: block;
width: 100%;
min-height: 100dvh;
border: 0;
background: var(--brand-cream);
}

.fia-lp {
--navy: var(--brand-navy);
--navy-2: var(--brand-blue);
--navy-deep: var(--brand-navy-deep);
--mint: var(--brand-mint);
--mint-deep: var(--brand-mint-deep);
--cream: var(--brand-cream);
--text: var(--brand-ink);
--muted: var(--brand-muted);
--line: var(--brand-line);
--surface: #ffffff;
--surface-subtle: #fbfcfd;
--shadow-sm: 0 8px 24px rgba(4, 40, 79, 0.07);
--shadow-md: 0 18px 48px rgba(4, 40, 79, 0.11);
--shadow-lg: 0 28px 80px rgba(4, 40, 79, 0.16);
background:
linear-gradient(rgba(6, 55, 108, 0.025) 1px, transparent 1px),
linear-gradient(90deg, rgba(6, 55, 108, 0.025) 1px, transparent 1px),
var(--cream);
background-size: 64px 64px;
}

.fia-lp .wrap {
width: min(1180px, calc(100% - 48px));
}

.fia-lp .section {
padding: clamp(82px, 9vw, 124px) 0;
}

.fia-lp h1,
.fia-lp h2,
.fia-lp h3 {
text-wrap: balance;
}

.fia-lp .section-title {
max-width: 21ch;
letter-spacing: -0.04em;
}

.fia-lp .section-intro {
max-width: 62ch;
line-height: 1.75;
}

.fia-lp .realtime {
position: relative;
overflow: hidden;
padding: clamp(54px, 7vw, 88px) 0;
background: radial-gradient(120% 120% at 50% -10%, #fbfaf7, var(--cream) 60%);
}

.fia-lp .realtime-grid {
position: absolute;
inset: 0;
pointer-events: none;
background-image: radial-gradient(rgba(35, 168, 124, 0.22) 1.4px,
  transparent 1.4px);
background-size: 26px 26px;
-webkit-mask: radial-gradient(75% 75% at 50% 45%, #000, transparent 78%);
mask: radial-gradient(75% 75% at 50% 45%, #000, transparent 78%);
}

.fia-lp .realtime-inner {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
min-height: clamp(300px, 42vw, 420px);
justify-content: center;
}

.fia-lp .realtime-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 16px;
border: 1px solid rgba(35, 168, 124, 0.32);
border-radius: 999px;
background: rgba(255, 255, 255, 0.72);
backdrop-filter: blur(8px);
color: var(--mint-deep);
font-family: var(--mono);
font-size: 0.74rem;
letter-spacing: 0.14em;
text-transform: uppercase;
font-weight: 600;
}

.fia-lp .realtime-badge .rt-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--mint);
box-shadow: 0 0 0 0 rgba(79, 209, 161, 0.6);
animation: rtPulse 2s ease-out infinite;
}

@keyframes rtPulse {
0% {
box-shadow: 0 0 0 0 rgba(79, 209, 161, 0.55);
}

70% {
box-shadow: 0 0 0 10px rgba(79, 209, 161, 0);
}

100% {
box-shadow: 0 0 0 0 rgba(79, 209, 161, 0);
}
}

.fia-lp .realtime-counter {
display: block;
margin: 25px 0 15px;
padding: 0.08em 0.15em;
line-height: 1;
overflow: visible;
}

.fia-lp .realtime-number {
display: inline-block;
padding: 0.04em 0.08em 0.1em;

font-family: "Hanken Grotesk", Arial;
font-size: clamp(3.5rem, 11vw, 7rem);
font-weight: 700;
line-height: 1;
letter-spacing: -0.045em;
font-variant-numeric: tabular-nums lining-nums;
white-space: nowrap;

color: var(--navy);

background: none;
-webkit-background-clip: initial;
background-clip: initial;
-webkit-text-fill-color: currentColor;

text-shadow: 0 14px 28px rgba(4, 40, 79, 0.12);
filter: none;
}

.fia-lp .realtime-caption {
font-family: var(--display);
font-weight: 700;
font-size: clamp(1.15rem, 2.4vw, 1.7rem);
color: var(--navy);
letter-spacing: -0.02em;
}

.fia-lp .realtime-caption .hl {
color: var(--mint-deep);
}

.fia-lp .realtime-sub {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 14px;
color: var(--muted);
font-size: 0.9rem;
}

.fia-lp .realtime-sub .rt-live {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--mint-deep);
animation: rtBlink 1.6s ease-in-out infinite;
}

@keyframes rtBlink {
50% {
opacity: 0.25;
}
}

.fia-lp .rt-num-pop {
animation: rtPop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes rtPop {
35% {
transform: translateY(-6px) scale(1.04);
}

100% {
transform: none;
}
}

.fia-lp .rt-card {
position: absolute;
z-index: 3;
display: flex;
align-items: center;
gap: 11px;
padding: 11px 15px 11px 12px;
border: 1px solid rgba(6, 55, 108, 0.1);
border-radius: 15px;
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 18px 40px rgba(4, 40, 79, 0.14);
backdrop-filter: blur(10px);
text-align: left;
white-space: nowrap;
opacity: 0;
transform: translateY(12px);
animation: rtCardIn 0.6s ease forwards;
will-change: transform;
transition:
box-shadow 0.3s ease,
border-color 0.3s ease;
}

.fia-lp .rt-card.rt-hit {
z-index: 5;
border-color: rgba(79, 209, 161, 0.75);
box-shadow:
0 22px 52px rgba(35, 168, 124, 0.32),
inset 0 0 0 2px rgba(79, 209, 161, 0.55);
}

.fia-lp .rt-card .rt-ic {
display: grid;
place-items: center;
width: 34px;
height: 34px;
flex: none;
border-radius: 10px;
background: var(--mint-soft);
color: var(--mint-deep);
transition:
background 0.3s ease,
color 0.3s ease;
}

.fia-lp .rt-card.rt-hit .rt-ic {
background: var(--mint);
color: var(--navy-deep);
}

.fia-lp .rt-card .rt-ic svg {
width: 17px;
height: 17px;
fill: currentColor;
}

.fia-lp .rt-card b {
display: block;
color: var(--navy);
font-size: 0.86rem;
font-weight: 750;
line-height: 1.15;
}

.fia-lp .rt-card small {
display: flex;
align-items: center;
gap: 5px;
margin-top: 2px;
color: var(--muted);
font-size: 0.72rem;
}

.fia-lp .rt-card small::before {
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--mint);
flex: none;
}

.fia-lp .rt-card.floaty {
animation:
rtCardIn 0.6s ease forwards,
rtFloat 5.5s ease-in-out infinite;
}

@keyframes rtCardIn {
to {
opacity: 1;
transform: none;
}
}

@keyframes rtFloat {
50% {
transform: translateY(-9px);
}
}

.fia-lp .rt-1 {
top: 6%;
left: 2%;
animation-delay: 0.2s, 1s;
}

.fia-lp .rt-2 {
top: 40%;
left: -2%;
animation-delay: 0.5s, 0s;
}

.fia-lp .rt-3 {
bottom: 8%;
left: 6%;
animation-delay: 0.8s, 2.2s;
}

.fia-lp .rt-4 {
top: 12%;
right: 3%;
animation-delay: 0.35s, 1.6s;
}

.fia-lp .rt-5 {
bottom: 12%;
right: 1%;
animation-delay: 0.65s, 0.6s;
}

.fia-lp .rt-today {
position: absolute;
z-index: 3;
top: -15%;
right: 3%;

display: grid;
place-items: center;
place-content: center;
grid-auto-rows: max-content;
row-gap: 10px;

width: clamp(84px, 9vw, 104px);
aspect-ratio: 1;
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.5);

background: radial-gradient(120% 120% at 30% 20%, #7be4bd, var(--mint) 70%);

box-shadow:
0 20px 40px rgba(35, 168, 124, 0.32),
inset 0 1px 0 rgba(255, 255, 255, 0.6);

color: var(--navy-deep);
text-align: center;
animation: rtFloat 6s ease-in-out infinite;
}

.fia-lp .rt-today-label {
font-size: 0.62rem;
font-weight: 700;
line-height: 1;
letter-spacing: 0.02em;
opacity: 0.85;
}

.fia-lp .rt-today-num {
font-family: var(--display);
font-weight: 850;
font-size: clamp(1.9rem, 2.4vw, 2.5rem);
line-height: 0.85;
transform: translateY(-1px);
}

.fia-lp .nav {
background: rgba(247, 244, 239, 0.76);
border-bottom: 1px solid rgba(6, 55, 108, 0.08);
backdrop-filter: blur(20px) saturate(165%);
}

.fia-lp .nav.is-scrolled {
background: rgba(247, 244, 239, 0.94);
box-shadow: 0 14px 40px rgba(4, 40, 79, 0.08);
}

.fia-lp .nav-in {
height: 72px;
}

.fia-lp .nav-main {
gap: 28px;
}

.fia-lp .nav-main>a:not(.btn) {
color: #526679;
font-size: 0.93rem;
font-weight: 650;
}

.fia-lp .nav-main>a:not(.btn)::after {
bottom: 0;
height: 1.5px;
}

.fia-lp .btn,
.fia-lp .menu-toggle,
.fia-lp .float-action,
.fia-lp .modal-close,
.fia-lp .faq-question {
min-height: 44px;
transition:
transform 220ms cubic-bezier(0.2, 0.75, 0.2, 1),
box-shadow 220ms ease,
border-color 220ms ease,
background-color 220ms ease,
color 220ms ease;
}

.fia-lp .btn {
border-radius: 14px;
padding-inline: 22px;
}

.fia-lp .btn-sm {
border-radius: 12px;
}

.fia-lp .btn-primary {
background: linear-gradient(135deg, #5bdcaf, var(--mint));
box-shadow:
0 12px 26px rgba(35, 168, 124, 0.24),
inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

.fia-lp .btn-secondary {
background: rgba(255, 255, 255, 0.78);
box-shadow: 0 8px 24px rgba(4, 40, 79, 0.06);
}

@media (hover: hover) {
.fia-lp .btn:hover {
transform: translateY(-2px);
}

.fia-lp .btn-primary:hover {
box-shadow:
  0 18px 34px rgba(35, 168, 124, 0.3),
  inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
}

.fia-lp .hero {
background:
radial-gradient(circle at 78% 28%,
  rgba(79, 209, 161, 0.16),
  transparent 22rem),
linear-gradient(rgba(6, 55, 108, 0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(6, 55, 108, 0.035) 1px, transparent 1px),
linear-gradient(180deg, #fbfaf7 0%, var(--cream) 100%);
background-size:
auto,
54px 54px,
54px 54px,
auto;
}

.fia-lp .hero::before {
opacity: 0.7;
}

.fia-lp .hero::after {
width: min(34vw, 31rem);
height: 11rem;
inset: auto 7% 0 auto;
background: radial-gradient(ellipse,
  rgba(79, 209, 161, 0.17),
  transparent 70%);
filter: blur(14px);
animation: none;
}

.fia-lp .hero-grid {
gap: clamp(48px, 7vw, 88px);
padding: clamp(78px, 9vw, 116px) 0 clamp(92px, 10vw, 132px);
}

.fia-lp .eyebrow {
border-color: rgba(35, 168, 124, 0.3);
background: rgba(255, 255, 255, 0.72);
box-shadow: 0 8px 24px rgba(4, 40, 79, 0.05);
}

.fia-lp .hero h1 {
max-width: 12ch;
letter-spacing: -0.055em;
}

.fia-lp .lead {
line-height: 1.68;
}

.fia-lp .trust {
border-top-color: rgba(6, 55, 108, 0.1);
}

.fia-lp .phone {
box-shadow:
0 36px 90px rgba(4, 40, 79, 0.22),
0 8px 24px rgba(4, 40, 79, 0.11);
}

.fia-lp .float-chip {
border: 1px solid rgba(6, 55, 108, 0.1);
box-shadow: 0 16px 38px rgba(4, 40, 79, 0.12);
}

.fia-lp .proof {
margin-top: -42px;
}

.fia-lp .proof-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: stretch;
gap: 12px;
overflow: visible;
padding: 12px;
border: 1px solid rgba(6, 55, 108, 0.11);
border-radius: 24px;
background: rgba(255, 255, 255, 0.74);
box-shadow: var(--shadow-lg);
backdrop-filter: blur(18px) saturate(145%);
}

.fia-lp .proof-item,
.fia-lp .proof-item+.proof-item {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
align-items: center;
justify-content: initial;
gap: 14px;
min-height: 108px;
padding: 20px;
border: 1px solid rgba(6, 55, 108, 0.1);
border-radius: 17px;
background: rgba(255, 255, 255, 0.93);
box-shadow: 0 8px 24px rgba(4, 40, 79, 0.05);
text-align: left;
transition:
transform 240ms cubic-bezier(0.2, 0.75, 0.2, 1),
box-shadow 240ms ease,
border-color 240ms ease,
background-color 240ms ease;
}

.fia-lp .proof-icon,
.fia-lp .proof-item .proof-icon {
display: grid;
width: 48px;
height: 48px;
place-items: center;
border-radius: 14px;
color: var(--navy);
background: linear-gradient(145deg, #e6fbf3, var(--mint-soft));
box-shadow: inset 0 0 0 1px rgba(35, 168, 124, 0.16);
transition: transform 240ms cubic-bezier(0.2, 0.75, 0.2, 1);
}

.fia-lp .proof-icon svg,
.fia-lp .proof-icon svg.bi {
display: block;
width: 22px;
height: 22px;
color: currentColor;
}

.fia-lp .proof-item>div {
min-width: 0;
}

.fia-lp .proof-item strong {
margin-bottom: 4px;
font-size: 1.05rem;
letter-spacing: -0.02em;
}

.fia-lp .proof-item>div>span {
color: var(--muted);
font-size: 0.79rem;
line-height: 1.45;
}

@media (hover: hover) {
.fia-lp .proof-item:hover {
z-index: 2;
transform: translateY(-5px);
border-color: rgba(35, 168, 124, 0.35);
background: #fff;
box-shadow: 0 20px 44px rgba(4, 40, 79, 0.13);
}

.fia-lp .proof-item:hover .proof-icon {
transform: translateY(-1px) scale(1.04);
}
}

.fia-lp .step,
.fia-lp .quote,
.fia-lp .faq,
.fia-lp .modal-card {
border-color: rgba(6, 55, 108, 0.12);
box-shadow: var(--shadow-sm);
}

.fia-lp .step {
border-radius: 24px;
}

.fia-lp .step:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-md);
}

.fia-lp .step-num {
box-shadow: 0 12px 28px rgba(4, 40, 79, 0.2);
}

.fia-lp .agitate {
padding: 92px 0 66px;
}

.fia-lp .smart-components {
position: relative;
isolation: isolate;
overflow: hidden;
color: var(--cream-on-navy);
background:
radial-gradient(circle at 8% 8%,
  rgba(79, 209, 161, 0.16),
  transparent 25rem),
radial-gradient(circle at 100% 88%,
  rgba(10, 69, 131, 0.78),
  transparent 34rem),
linear-gradient(rgba(234, 242, 248, 0.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(234, 242, 248, 0.045) 1px, transparent 1px),
var(--navy-deep);
background-size:
auto,
auto,
48px 48px,
48px 48px,
auto;
}

.fia-lp .smart-components::before {
content: "";
position: absolute;
z-index: -1;
inset: 0;
pointer-events: none;
background: linear-gradient(180deg,
  rgba(255, 255, 255, 0.025),
  transparent 24%,
  rgba(0, 0, 0, 0.08));
}

.fia-lp .smart-heading {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
align-items: end;
gap: clamp(28px, 6vw, 72px);
}

.fia-lp .smart-components .label {
color: var(--mint);
}

.fia-lp .smart-components .section-title {
max-width: 19ch;
color: #fff;
}

.fia-lp .smart-components .section-intro {
margin: 0 0 4px;
color: var(--mut-on-navy);
}

.fia-lp .task-grid {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
align-items: stretch;
gap: 18px;
margin-top: 52px;
}

.fia-lp .task-card {
position: relative;
isolation: isolate;
display: flex;
grid-column: span 2;
min-width: 0;
min-height: 430px;
flex-direction: column;
overflow: hidden;
border: 1px solid rgba(234, 242, 248, 0.16);
border-radius: 24px;
background: linear-gradient(180deg,
  rgba(255, 255, 255, 0.98),
  rgba(248, 251, 253, 0.98));
color: var(--text);
box-shadow:
0 18px 46px rgba(0, 0, 0, 0.18),
inset 0 1px 0 rgba(255, 255, 255, 0.9);
transition:
transform 260ms cubic-bezier(0.2, 0.75, 0.2, 1),
box-shadow 260ms ease,
border-color 260ms ease;
}

.fia-lp .task-card:nth-last-child(2) {
grid-column: 2 / span 2;
}

.fia-lp .task-card:last-child {
grid-column: 4 / span 2;
}

.fia-lp .task-card::before {
content: "";
position: absolute;
z-index: -1;
inset: 0 0 auto;
height: 140px;
pointer-events: none;
background: radial-gradient(circle at 18% 0%,
  rgba(79, 209, 161, 0.15),
  transparent 62%);
opacity: 0.7;
transition:
opacity 260ms ease,
transform 260ms ease;
}

.fia-lp .task-card-head {
display: grid;
grid-template-columns: 46px minmax(0, 1fr) auto;
align-items: center;
gap: 12px;
min-height: 88px;
padding: 19px 20px;
border-bottom: 1px solid rgba(6, 55, 108, 0.09);
}

.fia-lp .task-icon {
display: grid;
width: 46px;
height: 46px;
place-items: center;
border: 1px solid rgba(35, 168, 124, 0.18);
border-radius: 14px;
color: var(--navy);
background: linear-gradient(145deg, #effcf7, var(--mint-soft));
box-shadow: 0 8px 18px rgba(35, 168, 124, 0.11);
transition: transform 260ms cubic-bezier(0.2, 0.75, 0.2, 1);
}

.fia-lp .task-icon svg {
width: 23px;
height: 23px;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
}

.fia-lp .task-kicker {
display: block;
margin-bottom: 2px;
color: var(--mint-deep);
font-family: var(--mono);
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.11em;
text-transform: uppercase;
}

.fia-lp .task-card h3 {
color: var(--navy);
font-size: 1.08rem;
letter-spacing: -0.025em;
}

.fia-lp .task-status {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 8px;
border: 1px solid rgba(35, 168, 124, 0.18);
border-radius: 999px;
color: #16795d;
background: rgba(221, 248, 238, 0.72);
font-size: 0.66rem;
font-weight: 750;
white-space: nowrap;
}

.fia-lp .task-status::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--mint-deep);
box-shadow: 0 0 0 3px rgba(35, 168, 124, 0.11);
}

.fia-lp .task-conversation {
display: flex;
min-height: 0;
flex: 1;
flex-direction: column;
gap: 10px;
padding: 20px;
background:
radial-gradient(rgba(6, 55, 108, 0.055) 0.75px, transparent 0.75px),
linear-gradient(180deg, rgba(245, 248, 250, 0.55), rgba(255, 255, 255, 0.9));
background-size:
14px 14px,
auto;
}

.fia-lp .task-message {
width: fit-content;
max-width: 92%;
padding: 11px 13px;
border: 1px solid rgba(6, 55, 108, 0.08);
border-radius: 14px 14px 14px 5px;
background: #fff;
color: #31485f;
font-size: 0.82rem;
line-height: 1.48;
box-shadow: 0 5px 16px rgba(4, 40, 79, 0.055);
}

.fia-lp .task-user {
align-self: flex-end;
border-color: rgba(35, 168, 124, 0.2);
border-radius: 14px 14px 5px 14px;
background: linear-gradient(135deg, #e5fbf3, var(--mint-soft));
color: var(--navy-deep);
font-weight: 650;
}

.fia-lp .task-assistant {
color: #395064;
}

.fia-lp .task-options {
display: flex;
flex-wrap: wrap;
gap: 7px;
}

.fia-lp .task-options span {
display: inline-flex;
min-height: 34px;
align-items: center;
padding: 7px 10px;
border: 1px solid rgba(6, 55, 108, 0.13);
border-radius: 10px;
color: var(--navy);
background: rgba(255, 255, 255, 0.88);
font-size: 0.72rem;
font-weight: 700;
box-shadow: 0 3px 10px rgba(4, 40, 79, 0.04);
}

.fia-lp .task-options-compact span {
padding-inline: 9px;
}

.fia-lp .task-result {
display: flex;
align-items: flex-start;
gap: 8px;
margin-top: auto;
padding-top: 13px;
border-top: 1px solid rgba(6, 55, 108, 0.08);
color: var(--muted);
font-size: 0.73rem;
line-height: 1.5;
}

.fia-lp .result-dot {
width: 7px;
height: 7px;
flex: none;
margin-top: 0.32rem;
border-radius: 50%;
background: var(--mint-deep);
box-shadow: 0 0 0 4px rgba(35, 168, 124, 0.1);
}

.fia-lp .task-file {
display: flex;
align-items: center;
gap: 11px;
padding: 11px;
border: 1px solid rgba(6, 55, 108, 0.11);
border-radius: 13px;
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 6px 18px rgba(4, 40, 79, 0.06);
}

.fia-lp .task-file-icon {
display: grid;
width: 38px;
height: 38px;
flex: none;
place-items: center;
border-radius: 10px;
color: #fff;
background: var(--navy);
font-family: var(--mono);
font-size: 0.61rem;
font-weight: 800;
}

.fia-lp .task-file b,
.fia-lp .task-file small {
display: block;
}

.fia-lp .task-file b {
color: var(--navy);
font-size: 0.78rem;
}

.fia-lp .task-file small {
margin-top: 2px;
color: var(--muted);
font-size: 0.68rem;
}

.fia-lp .task-processing {
display: flex;
align-items: center;
gap: 9px;
}

.fia-lp .task-processing>span {
width: 13px;
height: 13px;
flex: none;
border: 2px solid rgba(35, 168, 124, 0.25);
border-top-color: var(--mint-deep);
border-radius: 50%;
animation: taskSpin 0.8s linear infinite;
}

.fia-lp .task-success {
position: relative;
padding-left: 36px;
color: #147657;
background:
linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, rgba(35, 168, 124, 0.35), rgba(79, 209, 161, 0.08)) border-box;
}

.fia-lp .task-success::before {
content: "✓";
position: absolute;
top: 50%;
left: 13px;
color: var(--mint-deep);
font-weight: 900;
transform: translateY(-50%);
}

.fia-lp .task-input-preview {
display: flex;
min-height: 42px;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 7px 7px 7px 12px;
border: 1px solid rgba(6, 55, 108, 0.14);
border-radius: 12px;
color: #81909c;
background: rgba(255, 255, 255, 0.96);
font-size: 0.73rem;
box-shadow: inset 0 1px 2px rgba(4, 40, 79, 0.03);
}

.fia-lp .task-input-preview span {
display: inline-flex;
min-height: 28px;
align-items: center;
padding: 5px 9px;
border-radius: 8px;
color: var(--navy-deep);
background: var(--mint);
font-weight: 750;
}

.fia-lp .smart-note {
max-width: 66ch;
margin: 28px auto 0;
color: var(--mut-on-navy);
font-size: 0.78rem;
line-height: 1.65;
text-align: center;
}

@keyframes taskSpin {
to {
transform: rotate(360deg);
}
}

@media (hover: hover) {
.fia-lp .task-card:hover {
transform: translateY(-6px);
border-color: rgba(79, 209, 161, 0.38);
box-shadow:
  0 30px 62px rgba(0, 0, 0, 0.25),
  0 0 0 1px rgba(79, 209, 161, 0.08);
}

.fia-lp .task-card:hover::before {
opacity: 1;
transform: scale(1.04);
}

.fia-lp .task-card:hover .task-icon {
transform: translateY(-2px) scale(1.045);
}
}

.fia-lp .quote {
border-radius: 22px;
transition:
transform 220ms cubic-bezier(0.2, 0.75, 0.2, 1),
box-shadow 220ms ease,
border-color 220ms ease;
}

.fia-lp .faq {
border-radius: 24px;
box-shadow: var(--shadow-md);
}

.fia-lp .faq-question:hover {
background: #f8fbfa;
}

.fia-lp .final {
background:
radial-gradient(circle at 50% -20%,
  rgba(79, 209, 161, 0.24),
  transparent 29rem),
linear-gradient(135deg, var(--navy-deep), var(--navy));
}

.fia-lp .footer {
border-top: 1px solid rgba(234, 242, 248, 0.08);
}

.fia-lp [data-reveal] {
opacity: 0;
filter: blur(4px);
transform: translateY(22px);
transition:
opacity 680ms ease,
filter 680ms ease,
transform 680ms cubic-bezier(0.2, 0.75, 0.2, 1);
transition-delay: var(--reveal-delay, 0ms);
}

.fia-lp [data-reveal="left"] {
transform: translateX(-24px);
}

.fia-lp [data-reveal="right"] {
transform: translateX(24px);
}

.fia-lp [data-reveal].in {
opacity: 1;
filter: none;
transform: none;
}

.fia-lp :focus-visible {
outline: 3px solid rgba(79, 209, 161, 0.9);
outline-offset: 4px;
border-radius: 10px;
}

@media (max-width: 1040px) {
.fia-lp .proof-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fia-lp .proof-item:nth-child(n),
.fia-lp .proof-item+.proof-item {
border: 1px solid rgba(6, 55, 108, 0.1);
}

.fia-lp .task-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.fia-lp .task-card,
.fia-lp .task-card:nth-last-child(2),
.fia-lp .task-card:last-child {
grid-column: auto;
}

.fia-lp .smart-heading {
grid-template-columns: 1fr;
align-items: start;
gap: 18px;
}

.fia-lp .smart-components .section-intro {
margin: 0;
}
}

@media (max-width: 860px) {
.fia-lp .hero-grid {
padding-top: 64px;
}

.fia-lp .proof {
margin-top: -28px;
}
}

@media (max-width: 700px) {
.fia-lp .wrap {
width: min(100% - 32px, 1180px);
}

.fia-lp .section {
padding: 72px 0;
}

.fia-lp .proof-grid {
gap: 10px;
padding: 10px;
border-radius: 21px;
}

.fia-lp .proof-item,
.fia-lp .proof-item+.proof-item {
min-height: 98px;
padding: 16px;
}

.fia-lp .task-grid {
grid-template-columns: 1fr;
margin-top: 38px;
}

.fia-lp .task-card {
min-height: 0;
}

.fia-lp .task-card-head {
grid-template-columns: 44px minmax(0, 1fr) auto;
padding-inline: 16px;
}

.fia-lp .task-conversation {
min-height: 300px;
padding: 17px 16px;
}

.fia-lp .btn {
min-height: 48px;
}

.fia-lp .hero::after {
width: 80vw;
height: 8rem;
}
}

@media (max-width: 500px) {
.fia-lp .proof-grid {
grid-template-columns: 1fr;
}

.fia-lp .proof-item,
.fia-lp .proof-item+.proof-item {
grid-template-columns: 46px minmax(0, 1fr);
min-height: 92px;
padding: 15px;
}

.fia-lp .proof-icon,
.fia-lp .proof-item .proof-icon {
width: 46px;
height: 46px;
}

.fia-lp .task-status {
padding-inline: 7px;
font-size: 0.61rem;
}

.fia-lp .task-card h3 {
font-size: 1rem;
}

.fia-lp .task-conversation {
min-height: 285px;
}
}

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

.fia-lp *,
.fia-lp *::before,
.fia-lp *::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}

.fia-lp [data-reveal] {
opacity: 1;
filter: none;
transform: none;
}
}

.skip-link {
position: fixed;
top: 0.75rem;
left: 0.75rem;
z-index: 1000;
padding: 0.7rem 1rem;
border-radius: 0.7rem;
color: #fff;
background: var(--brand-navy-deep);
box-shadow: 0 10px 28px rgba(4, 40, 79, 0.2);
font-weight: 700;
text-decoration: none;
transform: translateY(-150%);
transition: transform 180ms ease;
}

.skip-link:focus {
transform: translateY(0);
outline: 3px solid var(--brand-mint);
outline-offset: 3px;
}

.fia-lp {
width: 100%;
max-width: 100%;
overflow-x: clip;
}

@supports not (overflow: clip) {
.fia-lp {
overflow-x: hidden;
}
}

.fia-lp :where(.wrap,
.hero-grid,
.hero-copy,
.phone-stage,
.proof-grid,
.steps,
.tabs-shell,
.tabs-nav,
.tab-panel,
.tab-copy,
.workflow,
.diff-grid,
.diff-copy,
.care-grid,
.bento,
.plans,
.testimonial-head,
.quotes-viewport,
.footer-grid,
.task-grid,
.task-card,
.smart-heading) {
min-width: 0;
}

.fia-lp .wrap {
width: min(1180px, calc(100% - clamp(24px, 5vw, 48px)));
}

.fia-lp .section {
padding-block: clamp(56px, 8vw, 112px);
}

.fia-lp :where(h1, h2, h3, p, li, a, button, small, strong, span) {
overflow-wrap: break-word;
}

.fia-lp :where(.hero h1 .hl, .agitate .underline) {
white-space: normal;
}

.fia-lp .tabs-shell {
overflow: hidden;
}

.fia-lp .tabs-nav {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
overflow: visible;
overscroll-behavior-inline: contain;
}

.fia-lp .tab-btn {
width: 100%;
min-width: 0;
min-height: 48px;
padding: 11px clamp(10px, 1.8vw, 18px);
white-space: normal;
text-align: center;
line-height: 1.2;
text-wrap: balance;
}

.fia-lp .tab-panel {
grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
gap: clamp(24px, 4vw, 42px);
padding: clamp(24px, 5vw, 52px);
}

.fia-lp .tab-copy h3 {
font-size: clamp(1.8rem, 3.2vw, 2.35rem);
}

.fia-lp .tab-copy p,
.fia-lp .mini-list li,
.fia-lp .flow-msg {
line-height: 1.55;
}

.fia-lp .workflow {
width: 100%;
min-width: 0;
padding: clamp(15px, 2.5vw, 21px);
}

.fia-lp .flow-msg {
max-width: min(88%, 38rem);
overflow-wrap: anywhere;
}

.fia-lp .flow-msg.user {
justify-self: end;
}

.fia-lp :where(img, video, canvas) {
max-width: 100%;
height: auto;
}

.fia-lp .phone {
width: min(326px, 100%);
max-width: 100%;
}

.fia-lp :where(.step,
.care-card,
.feature-card,
.plan,
.quote,
.demo-card,
.task-card) {
min-width: 0;
}

.fia-lp .floating-actions {
right: max(14px, env(safe-area-inset-right));
bottom: max(14px, env(safe-area-inset-bottom));
}

@media (max-width: 900px) {

.fia-lp .hero-grid,
.fia-lp .tab-panel,
.fia-lp .diff-grid {
grid-template-columns: 1fr;
}

.fia-lp .hero-grid {
gap: 36px;
}

.fia-lp .tab-panel {
align-items: start;
}

.fia-lp .workflow {
max-width: 720px;
}

.fia-lp .steps,
.fia-lp .plans,
.fia-lp .care-grid {
grid-template-columns: 1fr;
}

.fia-lp .plan.popular,
.fia-lp .plan.popular:hover {
transform: none;
}

.fia-lp .footer-grid {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
}
}

@media (max-width: 700px) {
.fia-lp .wrap {
width: min(1180px, calc(100% - 32px));
}

.fia-lp .section {
padding-block: clamp(56px, 12vw, 76px);
}

.fia-lp .section-title {
font-size: clamp(2rem, 8.5vw, 2.8rem);
line-height: 1.03;
}

.fia-lp .section-intro {
font-size: 1rem;
line-height: 1.65;
}

.fia-lp .tabs-shell {
margin-top: 34px;
border-radius: 20px;
}

.fia-lp .tabs-nav {
grid-template-columns: 1fr;
gap: 6px;
padding: 8px;
}

.fia-lp .tab-btn {
min-height: 44px;
justify-content: flex-start;
padding: 10px 13px;
text-align: left;
text-wrap: pretty;
}

.fia-lp .tab-panel {
gap: 26px;
padding: clamp(18px, 5vw, 24px);
}

.fia-lp .tab-copy h3 {
font-size: clamp(1.75rem, 8vw, 2.2rem);
}

.fia-lp .tab-copy p {
margin-block: 14px 20px;
font-size: 1rem;
}

.fia-lp .mini-list {
gap: 13px;
}

.fia-lp .mini-list li {
gap: 10px;
font-size: 0.96rem;
}

.fia-lp .workflow {
gap: 9px;
padding: 14px;
border-radius: 16px;
}

.fia-lp .flow-msg {
max-width: 94%;
padding: 11px 12px;
font-size: 0.92rem;
}

.fia-lp .hero-grid {
padding-block: 52px 76px;
}

.fia-lp .phone-stage {
min-height: auto;
padding-block: 20px;
}

.fia-lp .proof-grid {
grid-template-columns: 1fr;
}

.fia-lp .bento {
grid-template-columns: 1fr;
}

.fia-lp .feature-card,
.fia-lp .feature-card.wide {
grid-column: auto;
}

.fia-lp .testimonial-head {
align-items: flex-start;
flex-direction: column;
}

.fia-lp .modal {
padding: 12px;
}

.fia-lp .modal-card {
max-height: calc(100dvh - 24px);
border-radius: 20px;
}
}

@media (max-width: 480px) {
.fia-lp .wrap {
width: calc(100% - 24px);
}

.fia-lp .section {
padding-block: 56px;
}

.fia-lp .label {
font-size: 0.7rem;
letter-spacing: 0.11em;
}

.fia-lp .tabs-shell {
border-radius: 17px;
}

.fia-lp .tab-panel {
padding: 18px 15px 20px;
}

.fia-lp .tab-copy h3 {
font-size: clamp(1.65rem, 9vw, 2rem);
}

.fia-lp .workflow {
padding: 12px;
}

.fia-lp .flow-msg,
.fia-lp .flow-msg.user {
max-width: 100%;
}

.fia-lp :where(.step, .care-card, .feature-card, .plan, .quote, .demo-card) {
padding: 22px 18px;
}

.fia-lp .hero-actions,
.fia-lp .final-actions,
.fia-lp .modal-actions {
display: grid;
grid-template-columns: 1fr;
width: 100%;
}

.fia-lp :where(.hero-actions, .final-actions, .modal-actions) .btn {
width: 100%;
}
}

@media (max-width: 360px) {
.fia-lp .wrap {
width: calc(100% - 20px);
}

.fia-lp .tabs-nav {
padding: 6px;
}

.fia-lp .tab-panel {
padding-inline: 12px;
}

.fia-lp .tab-btn,
.fia-lp .flow-msg,
.fia-lp .mini-list li {
font-size: 0.9rem;
}
}

@media (hover: none) {

.fia-lp :where(.btn,
.step,
.care-card,
.feature-card,
.plan,
.quote,
.float-action):hover {
transform: none;
}
}

@media (pointer: coarse) {
.fia-lp :where(button, .btn, .tab-btn, .carousel-btn, .float-action, .menu-toggle) {
min-height: 44px;
}
}


.fia-lp .realtime {
position: relative;
overflow: hidden;
}

.fia-lp .realtime-inner {
position: relative;
min-width: 0;
min-height: clamp(340px, 42vw, 420px);
padding-inline: clamp(16px, 3vw, 32px);
}

.fia-lp .realtime-badge,
.fia-lp .realtime-counter,
.fia-lp .realtime-caption,
.fia-lp .realtime-sub {
position: relative;
z-index: 6;
}

.fia-lp .realtime-counter {
max-width: 100%;
}

.fia-lp .realtime-number {
max-width: 100%;
font-size: clamp(3.5rem, 11vw, 7rem);
}

.fia-lp .realtime-caption {
max-width: min(100%, 34rem);
line-height: 1.15;
text-wrap: balance;
}

.fia-lp .realtime-sub {
justify-content: center;
max-width: 100%;
text-align: center;
}

.fia-lp .rt-card {
max-width: min(240px, 36vw);
}


@media (max-width: 920px) {
.fia-lp .realtime {
padding-block: clamp(48px, 9vw, 68px);
}

.fia-lp .realtime-inner {
min-height: auto;
padding-block: 24px;
}

.fia-lp .rt-card,
.fia-lp .rt-today {
display: none !important;
}

.fia-lp .realtime-number {
font-size: clamp(4rem, 16vw, 6rem);
}
}


@media (max-width: 560px) {
.fia-lp .realtime {
padding-block: 44px;
}

.fia-lp .realtime-inner {
width: 100%;
padding: 12px 14px 20px;
}

.fia-lp .realtime-badge {
gap: 7px;
padding: 7px 13px;

font-size: 0.68rem;
letter-spacing: 0.11em;
}

.fia-lp .realtime-counter {
margin: 22px 0 12px;
padding: 0;
}

.fia-lp .realtime-number {
padding: 0.04em 0.03em 0.08em;

font-size: clamp(4rem, 23vw, 5.75rem);
line-height: 0.95;
letter-spacing: -0.055em;
}

.fia-lp .realtime-caption {
font-size: clamp(1.18rem, 6.5vw, 1.55rem);
line-height: 1.12;
}

.fia-lp .realtime-sub {
flex-wrap: wrap;
gap: 7px;
margin-top: 13px;

font-size: 0.84rem;
}
}

@media (max-width: 360px) {
.fia-lp .realtime-inner {
padding-inline: 10px;
}

.fia-lp .realtime-number {
font-size: clamp(3.65rem, 22vw, 4.75rem);
}

.fia-lp .realtime-caption {
font-size: 1.12rem;
}
}

.fia-lp .instant-alerts {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 3% 8%, rgba(79, 209, 161, 0.13), transparent 26rem),
radial-gradient(circle at 96% 88%, rgba(10, 69, 131, 0.1), transparent 29rem),
#f5f8fa;
}

.fia-lp .instant-alerts-grid {
display: grid;
grid-template-columns: minmax(0, 0.86fr) minmax(360px, 1.14fr);
align-items: center;
gap: clamp(36px, 7vw, 92px);
}

.fia-lp .instant-alerts .section-title {
max-width: 12ch;
}

.fia-lp .instant-alerts .section-intro {
max-width: 54ch;
}

.fia-lp .alert-checklist {
display: grid;
gap: 13px;
margin: 28px 0 22px;
padding: 0;
list-style: none;
}

.fia-lp .alert-checklist li {
display: flex;
align-items: flex-start;
gap: 11px;
color: var(--text);
font-size: 0.95rem;
font-weight: 650;
line-height: 1.45;
}

.fia-lp .alert-check-icon,
.fia-lp .fiscal-warning-icon,
.fia-lp .context-alert-icon {
display: grid;
flex: none;
place-items: center;
}

.fia-lp .alert-check-icon {
width: 22px;
height: 22px;
border-radius: 50%;
color: #0e7c59;
background: #daf5eb;
}

.fia-lp .alert-check-icon svg,
.fia-lp .fiscal-warning-icon svg,
.fia-lp .context-alert-icon svg {
width: 14px;
height: 14px;
fill: none;
stroke: currentColor;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2;
}

.fia-lp .text-link {
display: inline-flex;
gap: 7px;
color: var(--navy);
font-size: 0.94rem;
font-weight: 800;
text-decoration: none;
}

.fia-lp .text-link:hover {
color: var(--mint-deep);
}

.fia-lp .alert-console {
overflow: hidden;
border: 1px solid rgba(6, 55, 108, 0.14);
border-radius: 25px;
background: #fff;
box-shadow: 0 28px 65px rgba(4, 40, 79, 0.14);
}

.fia-lp .alert-console-top {
display: flex;
align-items: center;
gap: 10px;
min-height: 76px;
padding: 15px 19px;
border-bottom: 1px solid rgba(6, 55, 108, 0.1);
color: #fff;
background: linear-gradient(120deg, var(--navy-deep), var(--navy));
}

.fia-lp .alert-console-avatar {
display: grid;
width: 38px;
height: 38px;
flex: none;
place-items: center;
border-radius: 12px;
color: var(--navy-deep);
background: var(--mint);
font-weight: 900;
}

.fia-lp .alert-console-top div {
display: grid;
gap: 2px;
min-width: 0;
}

.fia-lp .alert-console-top strong {
font-size: 0.92rem;
}

.fia-lp .alert-console-top div span {
color: var(--mut-on-navy);
font-size: 0.72rem;
}

.fia-lp .alert-console-status {
display: inline-flex;
align-items: center;
gap: 6px;
margin-left: auto;
color: #dff6eb;
font-size: 0.67rem;
font-weight: 750;
white-space: nowrap;
}

.fia-lp .alert-console-status i,
.fia-lp .analysis-dot {
width: 7px;
height: 7px;
flex: none;
border-radius: 50%;
background: var(--mint);
box-shadow: 0 0 0 4px rgba(79, 209, 161, 0.16);
}

.fia-lp .alert-console-body {
display: grid;
gap: 12px;
padding: 20px;
background:
radial-gradient(rgba(6, 55, 108, 0.045) 0.75px, transparent 0.75px),
#f8fbfc;
background-size: 14px 14px;
}

.fia-lp .alert-bubble {
width: fit-content;
max-width: 91%;
margin: 0;
padding: 10px 13px;
border: 1px solid rgba(6, 55, 108, 0.09);
border-radius: 14px 14px 14px 5px;
color: #395064;
background: #fff;
font-size: 0.82rem;
line-height: 1.45;
box-shadow: 0 5px 15px rgba(4, 40, 79, 0.05);
}

.fia-lp .alert-bubble-user {
justify-self: end;
border-color: rgba(35, 168, 124, 0.22);
border-radius: 14px 14px 5px 14px;
color: var(--navy-deep);
background: #e5fbf3;
font-weight: 650;
}

.fia-lp .alert-bubble-system {
display: flex;
align-items: center;
gap: 10px;
}

.fia-lp .fiscal-alert-card {
padding: 15px;
border: 1px solid #efc06b;
border-radius: 16px;
background: linear-gradient(135deg, #fffaf0, #fffdf8);
box-shadow: 0 9px 22px rgba(148, 96, 14, 0.08);
}

.fia-lp .fiscal-alert-heading {
display: flex;
align-items: flex-start;
gap: 10px;
}

.fia-lp .fiscal-warning-icon {
width: 30px;
height: 30px;
border-radius: 10px;
color: #a75c00;
background: #ffe4ad;
}

.fia-lp .fiscal-alert-heading div {
display: grid;
gap: 2px;
}

.fia-lp .fiscal-alert-heading span {
color: #9c5900;
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.fia-lp .fiscal-alert-heading strong {
color: #5f3a00;
font-size: 0.88rem;
line-height: 1.3;
}

.fia-lp .fiscal-alert-card>p {
margin: 10px 0 12px;
color: #785725;
font-size: 0.75rem;
line-height: 1.46;
}

.fia-lp .fiscal-alert-options {
display: flex;
flex-wrap: wrap;
gap: 6px;
}

.fia-lp .fiscal-alert-options span {
padding: 5px 8px;
border: 1px solid rgba(167, 92, 0, 0.18);
border-radius: 8px;
color: #79500e;
background: #fff;
font-size: 0.67rem;
font-weight: 750;
}

.fia-lp .context-alerts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 9px;
}

.fia-lp .context-alerts>div {
display: flex;
gap: 8px;
min-width: 0;
padding: 11px;
border: 1px solid rgba(6, 55, 108, 0.1);
border-radius: 13px;
background: rgba(255, 255, 255, 0.86);
}

.fia-lp .context-alert-icon {
width: 28px;
height: 28px;
border-radius: 9px;
}

.fia-lp .context-activity {
color: #166c8f;
background: #e4f5fb;
}

.fia-lp .context-property {
color: #7046a4;
background: #f1e9fb;
}

.fia-lp .context-alerts p {
margin: 0;
color: #657684;
font-size: 0.68rem;
line-height: 1.4;
}

.fia-lp .context-alerts b {
display: block;
margin-bottom: 2px;
color: var(--navy);
font-size: 0.73rem;
}

.fia-lp .alert-console-note {
margin: 0;
padding: 11px 20px 13px;
color: #74838e;
background: #fff;
font-size: 0.68rem;
line-height: 1.45;
}

.fia-lp .tab-panel>.tab-copy,
.fia-lp .tab-panel>.workflow {
display: none;
}

.fia-lp .real-tab-content {
display: grid;
grid-column: 1 / -1;
grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
align-items: center;
gap: clamp(24px, 4vw, 42px);
}

.fia-lp .example-chip {
display: inline-flex;
margin-bottom: 13px;
padding: 5px 8px;
border: 1px solid rgba(35, 168, 124, 0.2);
border-radius: 999px;
color: #137a59;
background: #e8f9f1;
font-size: 0.67rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}

.fia-lp .flow-msg-alert {
border-color: #efc06b;
color: #654710;
background: #fff8e9;
}

.fia-lp .flow-msg-alert b {
color: #9b5d00;
}

@media (max-width: 900px) {

.fia-lp .instant-alerts-grid,
.fia-lp .real-tab-content {
grid-template-columns: 1fr;
}

.fia-lp .instant-alerts .section-title {
max-width: 17ch;
}

.fia-lp .alert-console {
width: min(100%, 680px);
}
}

@media (max-width: 520px) {
.fia-lp .instant-alerts-grid {
gap: 34px;
}

.fia-lp .alert-console-top,
.fia-lp .alert-console-body {
padding-inline: 14px;
}

.fia-lp .alert-console-status {
display: none;
}

.fia-lp .context-alerts {
grid-template-columns: 1fr;
}

.fia-lp .fiscal-alert-options span {
font-size: 0.63rem;
}
}

.fia-lp .reveal-delay-80 {
--reveal-delay: 80ms
}

.fia-lp .reveal-delay-160 {
--reveal-delay: 160ms
}

.fia-lp .reveal-delay-240 {
--reveal-delay: 240ms
}

.fia-lp .text-center {
text-align: center
}

.fia-lp .packages-section {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 12% 5%, rgba(79, 209, 161, .18), transparent 28rem),
radial-gradient(circle at 92% 95%, rgba(79, 209, 161, .12), transparent 24rem),
#06376c;
color: #eaf2f8;
}

.fia-lp .packages-section::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
background-size: 38px 38px;
mask-image: linear-gradient(to bottom, black, transparent 85%);
}

.fia-lp .packages-section .wrap {
position: relative;
z-index: 1
}

.fia-lp .packages-section .label {
color: #4fd1a1
}

.fia-lp .packages-section .section-title {
color: #fff
}

.fia-lp .packages-section .section-intro {
color: #b7cee2;
max-width: 680px
}

.fia-lp .packages-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin-top: 44px;
align-items: stretch;
}

.fia-lp .package-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
padding: 30px 26px;
border: 1px solid rgba(234, 242, 248, .15);
border-radius: 24px;
background: rgba(10, 69, 131, .76);
box-shadow: 0 24px 55px -42px rgba(0, 0, 0, .8);
backdrop-filter: blur(8px);
transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.fia-lp .package-card:hover {
transform: translateY(-6px);
border-color: rgba(79, 209, 161, .7);
box-shadow: 0 30px 60px -38px rgba(0, 0, 0, .9);
}

.fia-lp .package-card.featured {
color: #1b2f45;
background: #f7f4ef;
border: 2px solid #4fd1a1;
transform: translateY(-8px);
box-shadow: 0 30px 70px -38px rgba(0, 0, 0, .85), 0 0 0 1px rgba(79, 209, 161, .08);
}

.fia-lp .package-card.featured:hover {
transform: translateY(-12px)
}

.fia-lp .package-badge {
position: absolute;
top: -14px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
padding: 6px 14px;
border-radius: 999px;
background: #4fd1a1;
color: #04284f;
font-size: .72rem;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
box-shadow: 0 10px 25px -12px rgba(79, 209, 161, .9);
}

.fia-lp .package-name {
color: #b7cee2;
font-size: .78rem;
font-weight: 800;
letter-spacing: .12em;
text-transform: uppercase;
}

.fia-lp .featured .package-name {
color: #23a87c
}

.fia-lp .package-price {
margin: 14px 0 5px;
color: #fff;
font-size: clamp(2.35rem, 4vw, 3rem);
font-weight: 800;
line-height: 1;
letter-spacing: -.04em;
}

.fia-lp .featured .package-price {
color: #06376c
}

.fia-lp .package-price small {
font-size: 1rem;
font-weight: 600;
color: #b7cee2;
letter-spacing: 0
}

.fia-lp .featured .package-price small {
color: #5e6f7a
}

.fia-lp .package-folios {
margin-bottom: 22px;
color: #b7cee2;
font-size: .94rem
}

.fia-lp .featured .package-folios {
color: #5e6f7a
}

.fia-lp .package-list {
display: flex;
flex-direction: column;
gap: 11px;
margin: 0 0 27px;
padding: 0;
list-style: none;
flex: 1;
}

.fia-lp .package-list li {
display: flex;
gap: 10px;
align-items: flex-start;
font-size: .95rem
}

.fia-lp .package-list li::before {
content: "✓";
flex: 0 0 auto;
color: #4fd1a1;
font-weight: 900
}

.fia-lp .featured .package-list li::before {
color: #23a87c
}

.fia-lp .package-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 13px 20px;
border: 1.5px solid rgba(234, 242, 248, .32);
border-radius: 999px;
color: #fff;
font-weight: 800;
text-decoration: none;
transition: transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
}

.fia-lp .package-cta:hover {
transform: translateY(-2px);
border-color: #4fd1a1;
color: #4fd1a1
}

.fia-lp .featured .package-cta {
border-color: #4fd1a1;
background: #4fd1a1;
color: #04284f;
box-shadow: 0 14px 30px -16px rgba(35, 168, 124, .9)
}

.fia-lp .featured .package-cta:hover {
color: #04284f;
background: #62ddb1
}

.fia-lp .packages-note {
text-align: center;
margin-top: 26px;
color: #b7cee2;
font-size: .92rem
}

.fia-lp .packages-note strong {
display: block;
margin-bottom: 7px;
color: #eaf2f8
}

.fia-lp .packages-note a {
color: #4fd1a1;
font-weight: 800
}

.fia-lp .advisory-wrap {
margin-top: 38px
}

.fia-lp .advisory-details {
overflow: hidden;
border: 1px solid rgba(79, 209, 161, .58);
border-radius: 24px;
background: #f7f4ef;
color: #1b2f45;
box-shadow: 0 30px 75px -46px rgba(0, 0, 0, .95);
}

.fia-lp .advisory-summary {
position: relative;
display: block;
padding: 26px 76px 26px 28px;
list-style: none;
cursor: pointer;
color: #06376c;
font-size: 1.28rem;
font-weight: 800;
transition: background .2s ease;
}

.fia-lp .advisory-summary::-webkit-details-marker {
display: none
}

.fia-lp .advisory-summary:hover {
background: rgba(79, 209, 161, .09)
}

.fia-lp .advisory-summary:focus-visible {
outline: 3px solid #4fd1a1;
outline-offset: -3px
}

.fia-lp .advisory-summary p {
margin: 5px 0 0;
color: #5e6f7a;
font-size: .98rem;
font-weight: 500
}

.fia-lp .advisory-summary::after {
content: "+";
position: absolute;
top: 50%;
right: 26px;
display: grid;
place-items: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: #06376c;
color: #4fd1a1;
font-size: 1.6rem;
line-height: 1;
transform: translateY(-50%);
transition: transform .32s cubic-bezier(.2, .8, .2, 1), background .2s ease, color .2s ease;
}

.fia-lp .advisory-details[open] .advisory-summary::after {
transform: translateY(-50%) rotate(45deg);
background: #4fd1a1;
color: #04284f;
}

.fia-lp .advisory-body {
display: grid;
grid-template-rows: 0fr;
opacity: 0;
transition: grid-template-rows .46s cubic-bezier(.2, .8, .2, 1), opacity .28s ease;
}

.fia-lp .advisory-details[open] .advisory-body {
grid-template-rows: 1fr;
opacity: 1
}

.fia-lp .advisory-body-inner {
overflow: hidden
}

.fia-lp #asesoriaForm {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
padding: 6px 28px 30px;
border-top: 1px solid rgba(6, 55, 108, .13);
}

.fia-lp .advisory-field {
display: flex;
flex-direction: column;
gap: 7px;
padding-top: 18px
}

.fia-lp .advisory-field.full {
grid-column: 1/-1
}

.fia-lp .advisory-field label {
color: #06376c;
font-size: .92rem;
font-weight: 800
}

.fia-lp .advisory-consent {
grid-column: 1/-1;
display: grid;
gap: 7px;
color: #526577;
font-size: .86rem;
line-height: 1.55
}

.fia-lp .advisory-consent label {
display: flex;
gap: 10px;
align-items: flex-start;
cursor: pointer
}

.fia-lp .advisory-consent input {
flex: 0 0 auto;
width: 19px;
height: 19px;
margin: 2px 0 0;
accent-color: #23a87c;
cursor: pointer
}

.fia-lp .advisory-consent a {
color: #06376c;
font-weight: 800;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px
}

.fia-lp .advisory-consent a:hover {
color: #167f61
}

.fia-lp .advisory-consent small {
margin-left: 29px;
font-size: .78rem
}

.fia-lp .advisory-required {
font-weight: 700
}

.fia-lp .advisory-control {
width: 100%;
min-height: 49px;
padding: 12px 14px;
border: 1px solid rgba(6, 55, 108, .22);
border-radius: 12px;
outline: none;
background: #fff;
color: #1b2f45;
font: inherit;
transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.fia-lp textarea.advisory-control {
min-height: 116px;
resize: vertical
}

.fia-lp .advisory-control::placeholder {
color: #8b98a2
}

.fia-lp .advisory-control:focus {
border-color: #23a87c;
box-shadow: 0 0 0 4px rgba(79, 209, 161, .18)
}

.fia-lp .advisory-submit {
grid-column: 1/-1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 52px;
margin-top: 5px;
padding: 14px 22px;
border: 0;
border-radius: 999px;
cursor: pointer;
background: #4fd1a1;
color: #04284f;
font: inherit;
font-weight: 900;
box-shadow: 0 14px 30px -16px rgba(35, 168, 124, .9);
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.fia-lp .advisory-submit:hover {
transform: translateY(-2px);
background: #62ddb1;
box-shadow: 0 20px 34px -17px rgba(35, 168, 124, .95)
}

.fia-lp .advisory-details[open] .advisory-field,
.fia-lp .advisory-details[open] .advisory-consent,
.fia-lp .advisory-details[open] .advisory-submit {
animation: fiaFormRise .46s both
}

.fia-lp .advisory-details[open] .advisory-field:nth-child(2) {
animation-delay: .045s
}

.fia-lp .advisory-details[open] .advisory-field:nth-child(3) {
animation-delay: .09s
}

.fia-lp .advisory-details[open] .advisory-field:nth-child(4) {
animation-delay: .135s
}

.fia-lp .advisory-details[open] .advisory-field:nth-child(5) {
animation-delay: .18s
}

.fia-lp .advisory-details[open] .advisory-submit {
animation-delay: .27s
}

.fia-lp .advisory-details[open] .advisory-consent {
animation-delay: .225s
}

@keyframes fiaFormRise {
from {
opacity: 0;
transform: translateY(12px)
}

to {
opacity: 1;
transform: none
}
}

@media (max-width:860px) {
.fia-lp .packages-grid {
grid-template-columns: 1fr;
max-width: 620px;
margin-left: auto;
margin-right: auto
}

.fia-lp .package-card.featured,
.fia-lp .package-card.featured:hover {
transform: none
}
}

@media (max-width:680px) {
.fia-lp #asesoriaForm {
grid-template-columns: 1fr;
padding-left: 20px;
padding-right: 20px
}

.fia-lp .advisory-field.full,
.fia-lp .advisory-consent,
.fia-lp .advisory-submit {
grid-column: auto
}

.fia-lp .advisory-summary {
padding: 23px 68px 23px 20px;
font-size: 1.16rem
}

.fia-lp .advisory-summary::after {
right: 20px
}
}

@media (prefers-reduced-motion:reduce) {

.fia-lp .package-card,
.fia-lp .package-cta,
.fia-lp .advisory-body,
.fia-lp .advisory-summary::after {
transition: none
}

.fia-lp .advisory-details[open] .advisory-field,
.fia-lp .advisory-details[open] .advisory-consent,
.fia-lp .advisory-details[open] .advisory-submit {
animation: none
}
}

.fia-lp .modal-card {
max-width: 960px
}

.fia-lp .modal .modal-lead {
max-width: 760px;
margin-left: auto;
margin-right: auto;
text-align: center
}

.fia-lp .modal .modal-flow {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin-top: 26px;
}

.fia-lp .modal .modal-step {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap: 13px;
min-width: 0;
padding: 22px 16px;
border: 1px solid rgba(6, 55, 108, .13);
border-radius: 18px;
background: #fff;
text-align: center;
box-shadow: 0 18px 38px -34px rgba(6, 55, 108, .55);
}

.fia-lp .modal .modal-step-num {
display: grid;
place-items: center;
flex: 0 0 48px;
width: 48px;
height: 48px;
margin: 0 auto;
border-radius: 50%;
background: #06376c;
color: #4fd1a1;
font-family: var(--mono, 'JetBrains Mono', monospace);
font-size: .82rem;
font-weight: 800;
line-height: 1;
letter-spacing: .04em;
box-shadow: 0 0 0 7px rgba(79, 209, 161, .14);
}

.fia-lp .modal .modal-step>div {
display: flex;
flex-direction: column;
gap: 7px;
align-items: center
}

.fia-lp .modal .modal-step b {
color: #06376c;
font-size: 1rem;
line-height: 1.2
}

.fia-lp .modal .modal-step span:not(.modal-step-num) {
color: #5e6f7a;
font-size: .88rem;
line-height: 1.48
}

.fia-lp .modal .modal-actions {
justify-content: center;
margin-top: 24px
}

.fia-lp .pricing-promo {
display: grid;
grid-template-columns: auto 1fr;
gap: 4px 18px;
align-items: center;
margin-top: 30px;
padding: 18px 22px;
border: 1px solid rgba(79, 209, 161, .55);
border-radius: 18px;
background: rgba(4, 40, 79, .55);
box-shadow: 0 22px 50px -38px rgba(0, 0, 0, .9);
}

.fia-lp .pricing-promo .promo-kicker {
grid-row: 1/4;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 7px 12px;
border-radius: 999px;
background: #4fd1a1;
color: #04284f;
font-size: .72rem;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
white-space: nowrap;
}

.fia-lp .pricing-promo strong {
color: #fff;
font-size: 1.06rem;
line-height: 1.3
}

.fia-lp .pricing-promo p {
margin: 0;
color: #b7cee2;
font-size: .9rem
}

.fia-lp .pricing-promo .promo-validity {
display: flex;
align-items: center;
gap: 8px;
margin-top: 7px;
color: #eaf2f8;
font-size: .92rem;
line-height: 1.45
}

.fia-lp .promo-validity svg {
width: 18px;
height: 18px;
flex: 0 0 auto;
fill: none;
stroke: #4fd1a1;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round
}

.fia-lp .promo-validity time {
color: #72e2b8;
font-weight: 800;
white-space: nowrap
}

.fia-lp .package-description {
min-height: 48px;
margin: 12px 0 22px;
color: #d6e4ef;
font-size: .95rem;
line-height: 1.5
}

.fia-lp .featured .package-description {
color: #5e6f7a
}

.fia-lp .package-price-anchor {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 9px
}

.fia-lp .package-price-anchor span {
color: #b7cee2;
font-size: .76rem;
font-weight: 800;
letter-spacing: .07em;
text-transform: uppercase
}

.fia-lp .featured .package-price-anchor span {
color: #6f7e88
}

.fia-lp .package-price-anchor del {
color: #b7cee2;
font-size: 1rem;
font-weight: 700;
text-decoration-thickness: 2px;
text-decoration-color: #ff8d8d
}

.fia-lp .featured .package-price-anchor del {
color: #6f7e88
}

.fia-lp .package-price-row {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 14px
}

.fia-lp .package-price-row .package-price {
margin: 0
}

.fia-lp .package-discount {
display: inline-flex;
align-items: center;
min-height: 28px;
margin-bottom: 5px;
padding: 5px 9px;
border-radius: 999px;
background: rgba(79, 209, 161, .16);
color: #76e5bb;
font-size: .74rem;
font-weight: 900;
white-space: nowrap;
}

.fia-lp .featured .package-discount {
background: rgba(35, 168, 124, .12);
color: #17855f
}

.fia-lp .package-lock {
margin: 8px 0 20px;
color: #4fd1a1;
font-size: .86rem;
font-weight: 800
}

.fia-lp .featured .package-lock {
color: #17855f
}

.fia-lp .package-divider {
height: 1px;
margin: 0 0 20px;
border: 0;
background: rgba(234, 242, 248, .16)
}

.fia-lp .featured .package-divider {
background: rgba(6, 55, 108, .13)
}

.fia-lp .package-cta-note {
margin: 10px 0 0;
text-align: center;
color: #b7cee2;
font-size: .78rem
}

.fia-lp .featured .package-cta-note {
color: #6f7e88
}

.fia-lp .testimonial-marquee-section {
overflow: hidden;
background: #fff
}

.fia-lp .testimonial-marquee-head {
text-align: center;
max-width: 760px;
margin: 0 auto 28px
}

.fia-lp .testimonial-marquee-head .section-title {
margin-left: auto;
margin-right: auto
}

.fia-lp .testimonial-marquee-head .section-intro {
margin-left: auto;
margin-right: auto
}

.fia-lp .testimonial-marquee-shell {
display: flex;
flex-direction: column;
gap: 16px
}

.fia-lp .testimonial-marquee-row {
position: relative;
width: min(1180px, 100%);
margin: 0 auto;
overflow: hidden;
padding: 5px 0
}

.fia-lp .testimonial-marquee-row::before,
.fia-lp .testimonial-marquee-row::after {
content: "";
position: absolute;
z-index: 3;
top: 0;
bottom: 0;
width: clamp(36px, 8vw, 120px);
pointer-events: none;
}

.fia-lp .testimonial-marquee-row::before {
left: 0;
background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0))
}

.fia-lp .testimonial-marquee-row::after {
right: 0;
background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0))
}

.fia-lp .testimonial-marquee-track {
display: flex;
width: max-content;
will-change: transform;
animation: fiaTestimonialMarquee 34s linear infinite
}

.fia-lp .testimonial-marquee-row.reverse .testimonial-marquee-track {
animation-direction: reverse;
animation-duration: 40s
}

.fia-lp .testimonial-marquee-row:hover .testimonial-marquee-track,
.fia-lp .testimonial-marquee-row:focus-within .testimonial-marquee-track {
animation-play-state: paused
}

.fia-lp .testimonial-marquee-group {
display: flex;
gap: 18px;
padding-right: 18px
}

.fia-lp .testimonial-card {
display: flex;
flex-direction: column;
width: clamp(280px, 31vw, 360px);
min-height: 220px;
padding: 22px;
border: 1px solid rgba(6, 55, 108, .12);
border-radius: 20px;
background: #fdfcf9;
box-shadow: 0 22px 48px -38px rgba(6, 55, 108, .65);
}

.fia-lp .testimonial-user {
display: grid;
grid-template-columns: 44px 1fr auto;
gap: 11px;
align-items: center
}

.fia-lp .testimonial-avatar {
display: grid;
place-items: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: #06376c;
color: #4fd1a1;
font-size: .78rem;
font-weight: 900;
letter-spacing: .04em
}

.fia-lp .testimonial-user strong {
display: block;
color: #06376c;
font-size: .92rem;
line-height: 1.2
}

.fia-lp .testimonial-user small {
display: block;
margin-top: 3px;
color: #6f7e88;
font-size: .75rem
}

.fia-lp .testimonial-verified {
display: grid;
place-items: center;
width: 21px;
height: 21px;
border-radius: 50%;
background: #2196f3;
color: #fff;
font-size: .72rem;
font-weight: 900
}

.fia-lp .testimonial-card blockquote {
margin: 22px 0 20px;
color: #1b2f45;
font-size: 1rem;
font-weight: 600;
line-height: 1.55;
flex: 1
}

.fia-lp .testimonial-card footer {
display: flex;
justify-content: space-between;
gap: 12px;
color: #6f7e88;
font-size: .76rem
}

.fia-lp .testimonial-stars {
color: #e4aa22;
letter-spacing: .08em
}

@keyframes fiaTestimonialMarquee {
to {
transform: translateX(-50%)
}
}

@media(max-width:820px) {
.fia-lp .modal .modal-flow {
grid-template-columns: repeat(2, minmax(0, 1fr))
}

.fia-lp .pricing-promo {
grid-template-columns: 1fr;
text-align: center;
justify-items: center
}

.fia-lp .pricing-promo .promo-kicker {
grid-row: auto
}

.fia-lp .pricing-promo .promo-validity {
justify-content: center
}

.fia-lp .package-description {
min-height: 0
}
}

@media(max-width:520px) {
.fia-lp .modal .modal-flow {
grid-template-columns: 1fr
}

.fia-lp .modal .modal-step {
padding: 18px 15px
}

.fia-lp .package-price-row {
align-items: flex-start;
flex-direction: column;
gap: 3px
}

.fia-lp .testimonial-card {
width: 82vw;
min-height: 210px
}
}

@media(prefers-reduced-motion:reduce) {
.fia-lp .testimonial-marquee-track {
animation: none;
transform: none
}

.fia-lp .testimonial-marquee-row {
overflow-x: auto;
scrollbar-width: thin
}

.fia-lp .testimonial-marquee-row::before,
.fia-lp .testimonial-marquee-row::after {
display: none
}
}

.fia-lp .phone-stage:has([data-phone-demo]) {
min-height: 620px;
}

.fia-lp .phone-stage:has([data-phone-demo]) .float-chip {
pointer-events: none;
transition: opacity .18s ease;
}

.fia-lp .phone-stage:has(.wa-menu-panel.is-open) .float-chip {
opacity: 0
}

.fia-lp .phone.wa-phone {
display: flex;
flex-direction: column;
width: 332px;
height: 590px;
max-width: calc(100vw - 40px);
padding: 0;
overflow: hidden;
border-color: #07141d;
border-radius: 42px;
background: #0b141a;
transform: none;
animation: none;
isolation: isolate;
}

.fia-lp .wa-phone .phone-notch {
top: 0;
width: 90px;
height: 18px;
border-radius: 0 0 13px 13px;
background: #07141d;
}

.fia-lp .wa-phone-bar {
position: relative;
z-index: 2;
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 7px;
min-height: 63px;
padding: 20px 9px 8px;
background: #202c33;
box-shadow: 0 1px 0 rgba(255, 255, 255, .04);
}

.fia-lp .wa-header-icon,
.fia-lp .wa-compose-icon {
display: grid;
place-items: center;
flex: 0 0 32px;
width: 32px;
height: 32px;
color: #aebac1;
}

.fia-lp .wa-header-icon svg,
.fia-lp .wa-compose-icon svg,
.fia-lp .wa-menu-close svg {
width: 21px;
height: 21px;
fill: none;
stroke: currentColor;
stroke-width: 1.9;
stroke-linecap: round;
stroke-linejoin: round;
}

.fia-lp .wa-avatar {
flex: 0 0 35px;
width: 35px;
height: 35px;
overflow: hidden;
background: #fff;
}

.fia-lp .wa-avatar img {
width: 100%;
height: 100%;
object-fit: contain;
padding: 4px;
}

.fia-lp .wa-contact {
min-width: 0;
flex: 1;
}

.fia-lp .wa-phone .phone-name {
overflow: hidden;
color: #f3f6f7;
font-size: .82rem;
text-overflow: ellipsis;
white-space: nowrap;
}

.fia-lp .wa-phone .phone-status {
overflow: hidden;
color: #aebac1;
font-size: .61rem;
text-overflow: ellipsis;
white-space: nowrap;
}

.fia-lp .wa-phone .phone-status::before {
display: none
}

.fia-lp .wa-header-actions {
display: flex;
align-items: center;
margin-left: auto;
}

.fia-lp .wa-header-actions .wa-header-icon {
flex-basis: 29px;
width: 29px;
}

.fia-lp .wa-header-actions svg {
width: 18px;
height: 18px
}

.fia-lp .chat.wa-chat {
position: relative;
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 9px;
min-height: 0;
padding: 13px 10px 16px;
overflow-x: hidden;
overflow-y: auto;
border-radius: 0;
background-color: #0b141a;
background-image:
linear-gradient(rgba(11, 20, 26, .88), rgba(11, 20, 26, .88)),
radial-gradient(circle at 20% 30%, rgba(134, 150, 160, .22) 0 1px, transparent 1.5px),
radial-gradient(circle at 80% 70%, rgba(134, 150, 160, .17) 0 1px, transparent 1.5px);
background-position: 0 0, 0 0, 10px 10px;
background-size: auto, 20px 20px, 20px 20px;
scrollbar-width: none;
}

.fia-lp .wa-chat::-webkit-scrollbar {
display: none
}

.fia-lp .wa-day {
align-self: center;
padding: 4px 9px;
border-radius: 7px;
background: #182229;
color: #d6e0e5;
font-size: .61rem;
font-weight: 700;
box-shadow: 0 1px 2px rgba(0, 0, 0, .24);
}

.fia-lp .wa-msg {
position: relative;
max-width: 88%;
padding: 8px 9px 6px;
color: #e9edef;
font-size: .71rem;
line-height: 1.38;
box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

.fia-lp .wa-msg p {
margin: 0 0 7px
}

.fia-lp .wa-msg p:last-of-type {
margin-bottom: 4px
}

.fia-lp .wa-msg strong {
display: block;
margin-bottom: 4px;
color: #fff;
font-size: .72rem
}

.fia-lp .wa-msg-user {
align-self: flex-end;
min-width: 76px;
padding-right: 8px;
border-radius: 8px 2px 8px 8px;
background: #005c4b;
}

.fia-lp .wa-msg-bot {
align-self: flex-start;
border-radius: 2px 8px 8px 8px;
background: #202c33;
}

.fia-lp .wa-welcome {
max-width: 94%;
padding: 10px 10px 0
}

.fia-lp .wa-helper {
display: block;
margin: 5px 0 1px;
color: #aebac1;
font-size: .65rem;
}

.fia-lp .wa-time {
display: block;
margin-top: 2px;
color: #aebac1;
font-size: .56rem;
line-height: 1;
text-align: right;
}

.fia-lp .wa-msg-user .wa-time span {
color: #53bdeb
}

.fia-lp .wa-list-trigger {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: calc(100% + 20px);
min-height: 46px;
margin: 8px -10px 0;
padding: 8px 10px;
border: 0;
border-top: 1px solid rgba(134, 150, 160, .2);
border-radius: 0 0 8px 8px;
cursor: pointer;
background: transparent;
color: #00d084;
font: inherit;
font-size: .72rem;
font-weight: 800;
transition: background-color .18s ease, color .18s ease;
}

.fia-lp .wa-list-trigger:hover {
background: rgba(255, 255, 255, .055);
color: #35e69c
}

.fia-lp .wa-list-trigger:active {
background: rgba(255, 255, 255, .1)
}

.fia-lp .wa-list-trigger svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 2.2;
stroke-linecap: round
}

.fia-lp .wa-list-trigger,
.fia-lp .wa-menu-close,
.fia-lp .wa-menu-options button {
touch-action: manipulation
}

.fia-lp .wa-composer {
position: relative;
z-index: 2;
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 5px;
min-height: 50px;
padding: 6px 7px;
background: #0b141a;
}

.fia-lp .wa-compose-field {
display: flex;
flex: 1;
align-items: center;
min-width: 0;
height: 38px;
border-radius: 22px;
background: #202c33;
color: #8696a0;
font-size: .72rem;
}

.fia-lp .wa-compose-field .wa-compose-icon {
flex-basis: 36px;
width: 36px
}

.fia-lp .wa-compose-field+.wa-compose-icon {
color: #d4dee3
}

.fia-lp .wa-menu-backdrop {
position: absolute;
z-index: 8;
inset: 0;
background: rgba(0, 0, 0, .42);
opacity: 0;
transition: opacity .2s ease;
}

.fia-lp .wa-menu-backdrop.is-open {
opacity: 1
}

.fia-lp .wa-menu-panel {
position: absolute;
z-index: 10;
inset: 0;
display: flex;
flex-direction: column;
padding: 18px 10px 16px;
overflow: hidden;
background: #111b21;
color: #e9edef;
opacity: 0;
transform: translateY(100%);
transition: transform .24s cubic-bezier(.2, .8, .2, 1), opacity .18s ease;
}

.fia-lp .wa-menu-panel.is-open {
opacity: 1;
transform: translateY(0)
}

.fia-lp .wa-menu-panel[hidden],
.fia-lp .wa-menu-backdrop[hidden] {
display: none
}

.fia-lp .wa-menu-header {
display: flex;
align-items: center;
gap: 6px;
min-height: 50px;
padding: 4px 2px 8px;
}

.fia-lp .wa-menu-header h2 {
margin: 0;
color: #f2f5f6;
font-family: var(--body);
font-size: .83rem;
font-weight: 700;
}

.fia-lp .wa-menu-close {
display: grid;
place-items: center;
flex: 0 0 44px;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 50%;
cursor: pointer;
background: transparent;
color: #aebac1;
transition: background-color .18s ease, color .18s ease;
}

.fia-lp .wa-menu-close:hover {
background: #202c33;
color: #fff
}

.fia-lp .wa-menu-options {
display: flex;
flex: 1;
flex-direction: column;
padding-top: 4px;
}

.fia-lp .wa-menu-options button {
display: flex;
flex: 1 1 0;
align-items: center;
justify-content: space-between;
gap: 14px;
width: 100%;
min-height: 54px;
padding: 10px 12px;
border: 0;
border-radius: 8px;
cursor: pointer;
background: transparent;
color: #e9edef;
font: inherit;
font-size: .76rem;
font-weight: 650;
text-align: left;
transition: background-color .18s ease;
}

.fia-lp .wa-menu-options button:hover {
background: #202c33
}

.fia-lp .wa-menu-options button:active {
background: #2a3942
}

.fia-lp .wa-menu-options i {
flex: 0 0 20px;
width: 20px;
height: 20px;
border: 2px solid #667781;
border-radius: 50%;
}

.fia-lp .wa-list-trigger:focus-visible,
.fia-lp .wa-menu-close:focus-visible,
.fia-lp .wa-menu-options button:focus-visible {
outline: 3px solid #5ee7b1;
outline-offset: 2px;
}

.fia-lp .wa-demo-result {
display: flex;
flex-direction: column;
gap: 8px;
}

.fia-lp .wa-demo-result .wa-msg {
animation: waMessageIn .25s ease both;
}

.fia-lp .wa-demo-result .wa-msg-bot {
animation-delay: .12s
}

.fia-lp .wa-response-title {
display: block;
margin-bottom: 5px;
color: #fff;
font-weight: 800;
}

.fia-lp .wa-response-lines {
display: grid;
gap: 3px;
margin-top: 7px;
color: #d8e1e5;
}

@keyframes waMessageIn {
from {
opacity: 0;
transform: translateY(8px) scale(.98)
}

to {
opacity: 1;
transform: none
}
}

@media(max-width:520px) {
.fia-lp .phone-stage:has([data-phone-demo]) {
min-height: 585px;
padding-block: 8px
}

.fia-lp .phone.wa-phone {
width: min(326px, calc(100vw - 34px));
height: 560px;
border-width: 7px;
border-radius: 38px
}

.fia-lp .wa-phone .phone-notch {
width: 82px;
height: 16px
}

.fia-lp .wa-phone-bar {
min-height: 60px;
padding-top: 18px
}

.fia-lp .wa-menu-options button {
min-height: 51px
}
}

@media(max-width:360px) {
.fia-lp .phone-stage:has([data-phone-demo]) {
min-height: 560px
}

.fia-lp .phone.wa-phone {
height: 540px
}

.fia-lp .wa-menu-panel {
padding-inline: 7px
}

.fia-lp .wa-menu-options button {
min-height: 48px
}
}

@media(prefers-reduced-motion:reduce) {

.fia-lp .wa-menu-panel,
.fia-lp .wa-menu-backdrop,
.fia-lp .wa-demo-result .wa-msg {
transition: none;
animation: none
}
}

.fia-lp .case-chat-demo {
display: flex;
flex-direction: column;
width: 100%;
min-width: 0;
height: 540px;
overflow: hidden;
border: 1px solid rgba(134, 150, 160, .24);
border-radius: 22px;
background: #0b141a;
box-shadow: 0 28px 60px -38px rgba(0, 0, 0, .72);
}

.fia-lp .case-chat-header {
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 10px;
min-height: 62px;
padding: 10px 14px;
background: #202c33;
color: #e9edef;
box-shadow: 0 1px 0 rgba(255, 255, 255, .05);
}

.fia-lp .case-chat-avatar {
display: grid;
place-items: center;
flex: 0 0 38px;
width: 38px;
height: 38px;
overflow: hidden;
border-radius: 50%;
background: #fff;
}

.fia-lp .case-chat-avatar img {
width: 100%;
height: 100%;
padding: 4px;
object-fit: contain;
}

.fia-lp .case-chat-header>div {
display: grid;
gap: 2px;
min-width: 0
}

.fia-lp .case-chat-header strong {
color: #fff;
font-size: .82rem;
line-height: 1.15
}

.fia-lp .case-chat-header small {
color: #aebac1;
font-size: .65rem
}

.fia-lp .case-chat-demo-label {
margin-left: auto;
padding: 5px 9px;
border: 1px solid rgba(0, 208, 132, .32);
border-radius: 999px;
color: #5ee7b1;
background: rgba(0, 168, 132, .12);
font-size: .58rem;
font-weight: 850;
letter-spacing: .08em;
text-transform: uppercase;
}

.fia-lp .case-chat-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 9px;
min-height: 0;
padding: 13px 13px 18px;
overflow-x: hidden;
overflow-y: auto;
background-color: #0b141a;
background-image:
linear-gradient(rgba(11, 20, 26, .9), rgba(11, 20, 26, .9)),
radial-gradient(circle at 20% 30%, rgba(134, 150, 160, .22) 0 1px, transparent 1.5px),
radial-gradient(circle at 80% 70%, rgba(134, 150, 160, .17) 0 1px, transparent 1.5px);
background-position: 0 0, 0 0, 10px 10px;
background-size: auto, 20px 20px, 20px 20px;
overscroll-behavior: contain;
scrollbar-color: #37464f transparent;
scrollbar-width: thin;
}

.fia-lp .case-chat-encryption {
align-self: center;
max-width: 88%;
margin-bottom: 2px;
padding: 5px 9px;
border-radius: 7px;
color: #d6e0e5;
background: #182229;
font-size: .61rem;
line-height: 1.35;
text-align: center;
}

.fia-lp .case-message {
display: grid;
gap: 3px;
max-width: min(88%, 420px);
padding: 9px 10px 6px;
color: #e9edef;
box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
animation: caseMessageIn .24s ease both;
}

.fia-lp .case-message p {
margin: 0;
color: inherit;
font-size: .77rem;
line-height: 1.43;
overflow-wrap: anywhere;
white-space: pre-line;
}

.fia-lp .case-message time {
justify-self: end;
color: #aebac1;
font-size: .57rem;
line-height: 1;
}

.fia-lp .case-message-bot {
align-self: flex-start;
border-radius: 2px 10px 10px 10px;
background: #202c33;
}

.fia-lp .case-message-user {
align-self: flex-end;
border-radius: 10px 2px 10px 10px;
background: #005c4b;
}

.fia-lp .case-message-user time {
color: #8fcdd8
}

.fia-lp .case-chat-controls {
display: grid;
grid-template-columns: auto 1fr auto;
flex: 0 0 auto;
align-items: center;
gap: 10px;
min-height: 62px;
padding: 8px 10px;
border-top: 1px solid rgba(134, 150, 160, .16);
background: #111b21;
}

.fia-lp .case-chat-controls button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
min-width: 48px;
min-height: 46px;
padding: 9px 13px;
border: 1px solid rgba(134, 150, 160, .22);
border-radius: 12px;
cursor: pointer;
background: #202c33;
color: #e9edef;
font: inherit;
font-size: .7rem;
font-weight: 800;
touch-action: manipulation;
transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.fia-lp .case-chat-controls button:hover:not(:disabled) {
border-color: rgba(0, 208, 132, .52);
background: #263740;
color: #5ee7b1
}

.fia-lp .case-chat-controls button:active:not(:disabled) {
background: #2f414b
}

.fia-lp .case-chat-controls button:disabled {
cursor: not-allowed;
opacity: .38
}

.fia-lp .case-chat-controls button:focus-visible {
outline: 3px solid #5ee7b1;
outline-offset: 2px
}

.fia-lp .case-chat-controls svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round
}

.fia-lp .case-chat-controls [data-case-prev] {
padding-inline: 12px
}

.fia-lp .case-chat-progress {
color: #aebac1;
font-size: .66rem;
font-weight: 700;
text-align: center;
}

@keyframes caseMessageIn {
from {
opacity: 0;
transform: translateY(7px) scale(.985)
}

to {
opacity: 1;
transform: none
}
}

@media(max-width:900px) {
.fia-lp .case-chat-demo {
width: min(100%, 680px);
height: 520px;
margin-inline: auto
}
}

@media(max-width:520px) {
.fia-lp .case-chat-demo {
height: 500px;
border-radius: 18px
}

.fia-lp .case-chat-header {
min-height: 58px;
padding-inline: 11px
}

.fia-lp .case-chat-body {
padding-inline: 10px
}

.fia-lp .case-message {
max-width: 94%
}

.fia-lp .case-message p {
font-size: .73rem
}

.fia-lp .case-chat-controls {
gap: 7px;
padding-inline: 8px
}

.fia-lp .case-chat-controls button {
min-height: 44px;
padding-inline: 10px
}
}

@media(prefers-reduced-motion:reduce) {
.fia-lp .case-message {
animation: none
}

.fia-lp .case-chat-controls button {
transition: none
}
}

.fia-lp .instant-alerts .alert-review-demo {
width: min(100%, 620px);
height: 440px;
justify-self: end;
}

.fia-lp .alert-review-demo .case-chat-demo-label {
max-width: 118px;
text-align: center;
}

@media(max-width:900px) {
.fia-lp .instant-alerts .alert-review-demo {
width: min(100%, 680px);
height: 440px;
justify-self: center;
}
}

@media(max-width:520px) {
.fia-lp .instant-alerts .alert-review-demo {
height: 430px
}

.fia-lp .alert-review-demo .case-chat-demo-label {
max-width: 92px;
padding-inline: 7px;
font-size: .52rem;
}
}

.package-cta-note {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3px;
text-align: center;
}

.package-iva {
display: block;
margin: 0;
font-size: 15px;
font-weight: 600;
line-height: 1.2;
opacity: 0.75;
}

:root {
--ips-network-bar-height: 42px;
}

.ips-network-bar {
position: fixed;
inset: 0 0 auto 0;
z-index: 10000;

min-height: var(--ips-network-bar-height);

display: flex;
align-items: center;
justify-content: flex-end;

gap: clamp(18px, 4vw, 52px);

padding:
7px max(16px, env(safe-area-inset-right))
7px max(16px, env(safe-area-inset-left));

background: linear-gradient(90deg, #052e5f, #0a4f8f);

color: #fff;

box-sizing: border-box;

box-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
}



.ips-network-links {
display: flex;
align-items: center;
justify-content: flex-end;

gap: clamp(14px, 2.5vw, 34px);

min-width: 0;
}



.ips-network-bar a {
color: #fff;

text-decoration: none;

font-size: 12px;
font-weight: 700;
line-height: 1.2;

white-space: nowrap;

transition:
opacity 0.2s ease,
color 0.2s ease;
}



.ips-network-bar a:hover {
opacity: 0.8;
}



.ips-network-bar a:focus-visible {
outline: 2px solid rgba(255, 255, 255, 0.9);
outline-offset: 4px;

border-radius: 3px;
}



.ips-network-main {
display: inline-flex;

align-items: center;
justify-content: center;

padding: 0;

margin: 0;

border: none;

border-radius: 0;

background: transparent;

box-shadow: none;
}



.fia-lp {
padding-top: var(--ips-network-bar-height);
}



.fia-lp .nav {
top: var(--ips-network-bar-height) !important;
}



@media (max-width: 760px) {

:root {
--ips-network-bar-height: 44px;
}


.ips-network-bar {
justify-content: flex-end;

gap: 16px;

overflow-x: auto;

overflow-y: hidden;

scrollbar-width: none;

-webkit-overflow-scrolling: touch;
}


.ips-network-bar::-webkit-scrollbar {
display: none;
}


.ips-network-links {
justify-content: flex-end;

gap: 16px;

flex-shrink: 0;
}


.ips-network-main {
flex-shrink: 0;

margin: 0;

padding: 0;

border: none;

background: transparent;
}

}


@media (max-width: 480px) {

.ips-network-bar {
padding-left: 12px;
padding-right: 12px;

gap: 14px;
}


.ips-network-links {
gap: 14px;
}


.ips-network-bar a {
font-size: 11px;
}

}


.about-page {
  --about-blue: #06376C;
  --about-blue-dark: #052e5f;
  --about-blue-light: #0a4f8f;
  --about-soft: #f5f8fc;
  --about-border: rgba(6, 55, 108, 0.14);
  --about-text: #172033;
  --about-muted: #627084;
}

.about-wrap {
  width: min(1120px, calc(100% - 40px));
  margin-inline: auto;
}

.about-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--about-blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.about-kicker::before {
  content: "";
  width: 28px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.about-title {
  margin: 0;
  color: var(--about-text);
  font-size: clamp(38px, 6vw, 68px);
  line-height: 1;
  letter-spacing: -.05em;
}

.about-title .hl {
  color: var(--about-blue);
}

.about-lead {
  max-width: 720px;
  margin: 26px 0 0;
  color: var(--about-muted);
  font-size: clamp(18px, 2vw, 21px);
  line-height: 1.7;
}

.about-section {
  padding: clamp(56px, 7vw, 88px) 0;
}

.about-section--soft {
  background: var(--about-soft);
}


.about-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(88px, 10vw, 126px) 0 clamp(58px, 7vw, 84px);
  background:
    radial-gradient(circle at 88% 18%, rgba(10, 79, 143, .13), transparent 30%),
    linear-gradient(180deg, #fff 0%, #f8fbff 100%);
}

.about-hero::after {
  content: "";
  position: absolute;
  top: 0;
  right: -180px;
  width: 520px;
  height: 520px;
  border: 1px solid rgba(6, 55, 108, .08);
  border-radius: 50%;
  pointer-events: none;
}

.about-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
  gap: clamp(34px, 6vw, 72px);
  align-items: end;
}

.about-statement {
  padding-left: 28px;
  border-left: 3px solid var(--about-blue);
}

.about-statement p {
  margin: 0;
  color: var(--about-text);
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 650;
  line-height: 1.35;
  letter-spacing: -.025em;
}

.about-statement small {
  display: block;
  margin-top: 18px;
  color: var(--about-muted);
  font-size: 14px;
  line-height: 1.6;
}


.about-story-grid {
  display: grid;
  grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
  gap: clamp(50px, 8vw, 108px);
  align-items: start;
}

.about-story-number {
  color: var(--about-blue);
  font-size: clamp(72px, 10vw, 128px);
  font-weight: 850;
  line-height: .85;
  letter-spacing: -.08em;
  opacity: .12;
}

.about-copy h2,
.about-leadership-copy h2,
.about-values-head h2,
.about-group-copy h2 {
  margin: 0;
  color: var(--about-text);
  font-size: clamp(32px, 4.5vw, 54px);
  line-height: 1.06;
  letter-spacing: -.045em;
}

.about-copy p,
.about-leadership-copy p,
.about-group-copy p {
  margin: 22px 0 0;
  color: var(--about-muted);
  font-size: 17px;
  line-height: 1.8;
}

.about-copy p strong,
.about-leadership-copy p strong {
  color: var(--about-text);
}


.about-leadership-grid {
  display: grid;
  grid-template-columns: minmax(310px, .88fr) minmax(0, 1.12fr);
  gap: clamp(34px, 6vw, 72px);
  align-items: center;
}

.about-portrait {
  position: relative;
  min-height: 500px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 38px;
  border-radius: 26px;
  background: var(--about-blue-dark);
  color: #fff;
  box-shadow: 0 22px 55px rgba(6, 55, 108, .15);
}

.about-portrait-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.about-portrait-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    to bottom,
    rgba(3, 25, 48, 0) 35%,
    rgba(3, 25, 48, 0.24) 58%,
    rgba(3, 25, 48, 0.92) 100%
  );
  pointer-events: none;
}

.about-portrait-info {
  position: relative;
  z-index: 2;
}

.about-portrait-info span {
  display: block;
  margin-bottom: 8px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.about-portrait-info strong {
  display: block;
  max-width: 330px;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.06;
  letter-spacing: -.04em;
}

.about-role {
  margin: 12px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 15px;
  font-weight: 700;
}

.about-credentials {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-top: 28px;
  border-top: 1px solid var(--about-border);
  border-left: 1px solid var(--about-border);
}

.about-credential {
  min-height: 116px;
  padding: 22px;
  border-right: 1px solid var(--about-border);
  border-bottom: 1px solid var(--about-border);
  background: #fff;
}

.about-credential b {
  display: block;
  margin-bottom: 7px;
  color: var(--about-blue);
  font-size: 15px;
}

.about-credential span {
  color: var(--about-muted);
  font-size: 13px;
  line-height: 1.55;
}


.about-recognition {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr) auto;
  gap: 28px;
  align-items: center;
  margin-top: 30px;
  padding: 26px 30px;
  border: 1px solid var(--about-border);
  border-radius: 18px;
  background: #fff;
}

.about-recognition-label {
  color: var(--about-blue);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.about-recognition strong {
  display: block;
  margin-bottom: 5px;
  color: var(--about-text);
  font-size: 17px;
  line-height: 1.4;
}

.about-recognition p {
  margin: 0;
  color: var(--about-muted);
  font-size: 13px;
  line-height: 1.55;
}

.about-recognition a {
  color: var(--about-blue);
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.about-recognition a:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}


.about-values-head {
  max-width: 760px;
}

.about-values-head p {
  margin: 22px 0 0;
  color: var(--about-muted);
  font-size: 17px;
  line-height: 1.75;
}

.about-values-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 52px;
  border-top: 1px solid var(--about-border);
  border-left: 1px solid var(--about-border);
}

.about-value {
  padding: 34px 30px;
  border-right: 1px solid var(--about-border);
  border-bottom: 1px solid var(--about-border);
  background: #fff;
}

.about-value span {
  color: var(--about-blue);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .1em;
}

.about-value h3 {
  margin: 34px 0 12px;
  color: var(--about-text);
  font-size: 23px;
  line-height: 1.2;
  letter-spacing: -.025em;
}

.about-value p {
  margin: 0;
  color: var(--about-muted);
  font-size: 14px;
  line-height: 1.75;
}


.about-group-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(420px, 1.05fr);
  gap: clamp(48px, 7vw, 84px);
  align-items: center;
}

.about-section--ecosystem {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 10%, rgba(10, 79, 143, .08), transparent 28%),
    linear-gradient(180deg, #f6f9fd 0%, #f2f6fb 100%);
}

.about-section--ecosystem::before {
  content: "";
  position: absolute;
  left: -170px;
  bottom: -240px;
  width: 440px;
  height: 440px;
  border: 1px solid rgba(6, 55, 108, .07);
  border-radius: 50%;
  pointer-events: none;
}

.about-group-copy {
  max-width: 590px;
}

.about-group-copy h2 {
  text-wrap: balance;
}

.about-group-copy p {
  max-width: 62ch;
}

.about-group-copy p + p {
  margin-top: 16px;
}

.about-network {
  overflow: hidden;
  border: 1px solid var(--about-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(6, 55, 108, .09);
}

.about-network a {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 18px;
  min-height: 102px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--about-border);
  color: var(--about-text);
  text-decoration: none;
  touch-action: manipulation;
  transition: background .2s ease, color .2s ease;
}

.about-network a:last-child {
  border-bottom: 0;
}

.about-network-index {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(6, 55, 108, .14);
  border-radius: 50%;
  background: var(--about-soft);
  color: var(--about-blue);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .06em;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.about-network-content {
  display: block;
  min-width: 0;
}

.about-network-content strong {
  display: block;
  color: var(--about-text);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
  transition: color .2s ease;
}

.about-network-content > span {
  display: block;
  margin-top: 5px;
  color: var(--about-muted);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.about-network-arrow {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: var(--about-blue);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .2s ease;
}

.about-network a:hover {
  background: var(--about-soft);
}

.about-network a:hover .about-network-content strong {
  color: var(--about-blue);
}

.about-network a:hover .about-network-index {
  border-color: var(--about-blue);
  background: var(--about-blue);
  color: #fff;
}

.about-network a:hover .about-network-arrow {
  transform: translate(2px, -2px);
}

.about-network a:focus-visible {
  z-index: 1;
  outline: 3px solid rgba(10, 79, 143, .36);
  outline-offset: -3px;
}

.about-press {
  position: relative;
  overflow: hidden;
  border-top: 1px solid var(--about-border);
  background:
    radial-gradient(circle at 90% 15%, rgba(79, 209, 161, .12), transparent 24%),
    #fff;
}

.about-press-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .72fr) minmax(460px, 1.28fr);
  gap: clamp(44px, 7vw, 84px);
  align-items: center;
}

.about-press-copy h2 {
  margin: 0;
  color: var(--about-text);
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.08;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.about-press-copy p {
  max-width: 48ch;
  margin: 20px 0 0;
  color: var(--about-muted);
  font-size: 16px;
  line-height: 1.7;
}

.about-press-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px;
  gap: 28px;
  align-items: start;
  min-width: 0;
  padding: clamp(26px, 3vw, 36px);
  border: 1px solid var(--about-border);
  border-radius: 24px;
  background: #fff;
  color: var(--about-text);
  text-decoration: none;
  box-shadow: 0 22px 60px rgba(6, 55, 108, .09);
  touch-action: manipulation;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.about-press-content {
  display: block;
  min-width: 0;
}

.about-press-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
  color: var(--about-muted);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.about-press-meta strong {
  color: var(--about-blue);
  font-weight: 850;
}

.about-press-meta time {
  position: relative;
  padding-left: 14px;
}

.about-press-meta time::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--about-border);
  transform: translateY(-50%);
}

.about-press-title {
  display: block;
  margin-top: 18px;
  color: var(--about-text);
  font-size: clamp(24px, 2.7vw, 32px);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -.035em;
  text-wrap: balance;
}

.about-press-summary {
  display: block;
  max-width: 58ch;
  margin-top: 14px;
  color: var(--about-muted);
  font-size: 15px;
  line-height: 1.65;
}

.about-press-link {
  display: inline-block;
  margin-top: 22px;
  color: var(--about-blue);
  font-size: 14px;
  font-weight: 800;
}

.about-press-icon {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 50%;
  background: var(--about-blue);
  color: #fff;
  transition: background .22s ease, transform .22s ease;
}

.about-press-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.about-press-card:hover {
  border-color: rgba(6, 55, 108, .26);
  box-shadow: 0 28px 68px rgba(6, 55, 108, .13);
  transform: translateY(-3px);
}

.about-press-card:hover .about-press-icon {
  background: var(--about-blue-light);
  transform: translate(2px, -2px);
}

.about-press-card:focus-visible {
  outline: 3px solid rgba(10, 79, 143, .36);
  outline-offset: 4px;
}


.about-closing {
  position: relative;
  z-index: 2;
  padding: clamp(56px, 7vw, 80px) 0;
  background: linear-gradient(135deg, var(--about-blue-dark), var(--about-blue));
  color: #fff;
  overflow: hidden;
}

.about-closing::after {
  content: "";
  position: absolute;
  right: -120px;
  top: -180px;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 50%;
  pointer-events: none;
}

.about-closing h2,
.about-closing p {
  position: relative;
  z-index: 1;
  color: #fff;
}

.about-closing-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.about-closing h2 {
  max-width: 760px;
  margin: 0;
  color: #fff;
  font-size: clamp(32px, 4.5vw, 50px);
  line-height: 1.08;
  letter-spacing: -.045em;
}

.about-closing p {
  max-width: 680px;
  margin: 16px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 16px;
  line-height: 1.7;
}

.about-closing .btn {
  flex: 0 0 auto;
}

@media (max-width: 900px) {
  .about-hero-grid,
  .about-story-grid,
  .about-leadership-grid,
  .about-group-grid {
    grid-template-columns: 1fr;
  }

  .about-group-grid {
    gap: 40px;
  }

  .about-press-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .about-press-copy {
    max-width: 720px;
  }

  .about-group-copy {
    max-width: 760px;
  }

  .about-statement {
    max-width: 720px;
  }

  .about-portrait {
    min-height: 400px;
  }

  .about-values-grid {
    grid-template-columns: 1fr;
  }

  .about-recognition {
    grid-template-columns: 1fr;
  }

  .about-recognition a {
    white-space: normal;
  }

  .about-closing-inner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 620px) {
  .about-wrap {
    width: min(100% - 28px, 1120px);
  }

  .about-hero {
    padding-top: 88px;
  }

  .about-credentials {
    grid-template-columns: 1fr;
  }

  .about-portrait {
    min-height: 360px;
    padding: 28px;
    border-radius: 20px;
  }

  .about-recognition {
    padding: 22px;
  }

  .about-value {
    padding: 28px 24px;
  }

  .about-section--ecosystem {
    padding-block: 56px;
  }

  .about-group-grid {
    gap: 32px;
  }

  .about-group-copy p {
    font-size: 16px;
    line-height: 1.7;
  }

  .about-network {
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(6, 55, 108, .08);
  }

  .about-network a {
    grid-template-columns: 38px minmax(0, 1fr) 22px;
    gap: 14px;
    min-height: 92px;
    padding: 18px 16px;
  }

  .about-network-index {
    width: 38px;
    height: 38px;
  }

  .about-network-content strong {
    font-size: 15px;
  }

  .about-network-content > span {
    font-size: 14px;
    line-height: 1.45;
  }

  .about-press-grid {
    gap: 28px;
  }

  .about-press-card {
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 16px;
    padding: 24px 20px;
    border-radius: 20px;
  }

  .about-press-icon {
    width: 44px;
    height: 44px;
  }

  .about-press-title {
    font-size: 23px;
  }

  .about-press-summary {
    font-size: 14px;
  }
}

@media (max-width: 380px) {
  .about-network a {
    grid-template-columns: 34px minmax(0, 1fr) 20px;
    gap: 11px;
    padding-inline: 13px;
  }

  .about-network-index {
    width: 34px;
    height: 34px;
    font-size: 10px;
  }

  .about-network-arrow {
    width: 20px;
    height: 20px;
  }

  .about-press-card {
    grid-template-columns: 1fr;
  }

  .about-press-icon {
    grid-row: 1;
    width: 42px;
    height: 42px;
  }

  .about-press-content {
    grid-row: 2;
  }
}