.features-tiles {
  --ft-base: var(--p3); --ft-card: var(--p3); --ft-ink: var(--p1); --ft-navy: var(--p1);
  --ft-blue: var(--s1); --ft-orange: var(--p2);
  --ft-shadow: 0 5px 12px color-mix(in srgb, var(--p5) 9%, transparent), 0 16px 28px color-mix(in srgb, var(--p5) 12%, transparent);
  position: relative; isolation: isolate; padding: clamp(56px, 6vw, 116px) 0 clamp(64px, 6vw, 116px);
  background: linear-gradient(var(--ft-base), var(--lisam-surface-soft, var(--bgg))); color: var(--ft-ink); font-family: "roc-grotesk", sans-serif;
}
[data-lisam-theme="dark"] .features-tiles {
  --ft-base: var(--p5); --ft-card: var(--lisam-dark-header, var(--p1)); --ft-ink: var(--p3);
  --ft-navy: var(--lisam-dark-header, var(--p1)); --ft-blue: var(--lisam-dark-blue, var(--s1)); --ft-orange: var(--lisam-dark-orange, var(--p2));
  --ft-shadow: 0 5px 12px color-mix(in srgb, var(--p5) 75%, transparent), 0 12px 20px color-mix(in srgb, var(--ft-blue) 7%, transparent);
}
.features-tiles *, .features-tiles *::before, .features-tiles *::after { box-sizing: border-box; }
.ft__intro { width: 88%; max-width: 1440px; margin: 0 auto clamp(38px, 4vw, 76px); text-align: center; }
.features-tiles .ft__heading { color: var(--ft-ink); font-size: clamp(30px, 2.65vw, 50px) !important; font-weight: 500; line-height: 1.15; margin: 0 0 18px; overflow-wrap: anywhere; }
.features-tiles .ft__paragraph { color: var(--ft-ink); font-size: clamp(18px, 1.5vw, 28px); font-weight: 400; line-height: 1.35; max-width: 1260px; margin: 0 auto; overflow-wrap: anywhere; }
.features-tiles b { color: var(--ft-orange); font-weight: inherit; }
.ft__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: clamp(24px, 2.5vw, 48px); max-width: 1264px; width: 86.5%; margin: 0 auto; }
.ft__tile { display: flex; width: 100%; min-width: 0; min-height: clamp(240px, 22vw, 320px); perspective: 1100px; }
.ft__surface { position: relative; isolation: isolate; display: flex; flex: 1; flex-direction: column; justify-content: center; width: 100%; min-width: 0; padding: clamp(25px, 2vw, 40px); background: var(--ft-card); border: 1px solid color-mix(in srgb, var(--ft-blue) 65%, transparent); border-radius: 3px; box-shadow: var(--ft-shadow); transform: rotateX(var(--ft-rx, 0deg)) rotateY(var(--ft-ry, 0deg)); transition: transform .35s ease, box-shadow .35s ease; container-type: inline-size; }
.ft__content { position: relative; width: 100%; z-index: 1; }
.features-tiles .ft__text { font-size: clamp(27px, 2.05vw, 42px); font-weight: 500; line-height: 1.12; color: var(--ft-ink); margin: 0; overflow-wrap: anywhere; }
.ft__tile--simple .ft__surface, .ft__tile--ai .ft__surface { justify-content: flex-start; }
.ft__tile--counter { text-align: center; }
.features-tiles .ft__counter { position: relative; margin: 0 0 14px; color: var(--ft-ink); font: 500 clamp(48px, 5.2vw, 96px)/1.02 "roc-grotesk", sans-serif; font-variant-numeric: tabular-nums; letter-spacing: -.035em; overflow-wrap: anywhere; }
@supports (font-size: 1cqi) { .features-tiles .ft__counter { font-size: clamp(20px, calc(160cqi / var(--ft-count-length, 3)), 96px); } }
.ft__counter-size { display: block; visibility: hidden; white-space: pre-wrap; }
.ft__counter-number { display: flex; align-items: center; justify-content: center; position: absolute; inset: 0; white-space: pre-wrap; }
.ft__tile--counter .ft__text { font-weight: 400; font-size: clamp(24px, 1.75vw, 34px); }
.ft__tile--ai .ft__surface { overflow: hidden; }
.ft__tile--ai .ft__content { margin-bottom: 24px; }
.ft__aura { position: absolute; z-index: 0; inset: -24%; background: radial-gradient(ellipse at var(--ft-mx, var(--ft-aura-x, 75%)) var(--ft-my, var(--ft-aura-y, 80%)), color-mix(in srgb, var(--ft-blue) 48%, transparent), transparent 58%), radial-gradient(ellipse at 80% 15%, color-mix(in srgb, var(--ft-navy) 16%, transparent), transparent 62%); }
.ft__tile--ai:nth-child(even) .ft__aura { --ft-aura-x: 35%; --ft-aura-y: 15%; }
.ft__ai-mark { position: relative; z-index: 1; display: block; width: clamp(72px, 5.8vw, 104px); height: clamp(72px, 5.8vw, 104px); flex: 0 0 auto; align-self: flex-end; margin-top: auto; transform: translate3d(var(--ft-icon-x, 0px), var(--ft-icon-y, 0px), 0); transition: transform .35s ease; }
.ft__ai-mark svg { display: block; width: 100%; height: 100%; max-width: none; max-height: none; filter: drop-shadow(0 5px 8px color-mix(in srgb, var(--p5) 15%, transparent)); }
.ft--motion [data-ft-reveal] { opacity: 0; filter: blur(10px); transform: perspective(1100px) translateY(48px) rotateX(8deg) scale(.94); transform-origin: center bottom; transition: opacity .75s ease var(--ft-delay, 0ms), filter .8s ease var(--ft-delay, 0ms), transform 1s cubic-bezier(.16,1,.3,1) var(--ft-delay, 0ms); }
.ft--motion [data-ft-reveal].is-revealed { opacity: 1; filter: none; transform: none; }
.ft--motion .ft__aura { animation: ft-aura-drift 10s ease-in-out infinite alternate; animation-play-state: paused; }
.ft--motion .is-in-view .ft__aura { animation-play-state: running; }
.ft--motion .is-in-view .ft__ai-mark svg { animation: ft-ai-breathe 5s ease-in-out infinite alternate; }
.ft__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.ft__empty { width: 86.5%; margin: 0 auto; color: var(--ft-ink); font-size: 18px; }
@keyframes ft-aura-drift { from { transform: translate3d(-5%, -3%, 0) scale(.95); } to { transform: translate3d(6%, 7%, 0) scale(1.08); } }
@keyframes ft-ai-breathe { from { transform: scale(.97); } to { transform: scale(1.035); } }
@media (hover: hover) and (pointer: fine) { .ft--motion .ft__tile.is-pointed .ft__surface { box-shadow: var(--ft-shadow), 0 9px 18px color-mix(in srgb, var(--ft-blue) 9%, transparent); } }
@media (max-width: 920px) { .ft__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) {
  .ft__grid { grid-template-columns: minmax(0, 1fr); width: 88%; gap: 26px; grid-auto-rows: auto; }
  .ft__tile { min-height: 240px; }
  .ft__intro { margin-bottom: 34px; }
  .ft__surface { padding: 28px; }
  .features-tiles .ft__text { font-size: clamp(27px, 6.5vw, 34px); }
  .ft__ai-mark { width: 88px; height: 88px; }
}
.ft--editor [data-ft-reveal], .editor-styles-wrapper .features-tiles [data-ft-reveal] { opacity: 1; filter: none; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .features-tiles [data-ft-reveal] { opacity: 1; filter: none; transform: none; transition: none; }
  .features-tiles .ft__surface, .features-tiles .ft__ai-mark { transform: none; transition: none; }
  .features-tiles .ft__aura, .features-tiles .ft__ai-mark svg { animation: none; }
}