/*
 * İla Dijital editorial system
 * This file intentionally loads after all legacy page CSS. It normalizes the
 * visual language without changing routes, data bindings or conversion flows.
 */
:root{
  --ila-ink:#060B0B;
  --ila-surface:#101819;
  --ila-surface-raised:#152322;
  --ila-brand-deep:#152E23;
  --ila-text:#F2F5F3;
  --ila-muted:#AFBCB7;
  --ila-text-secondary:#8C9F96;
  --ila-accent:#50C998;
  --ila-accent-ink:#10251B;
  --ila-cta:#D8F1DF;
  --ila-line:rgba(242,245,243,.14);
  --ila-line-strong:rgba(242,245,243,.24);
  --ila-focus:rgba(80,201,152,.42);
  --ila-radius-xs:6px;
  --ila-radius-sm:10px;
  --ila-radius-md:14px;
  --ila-space-1:8px;
  --ila-space-2:16px;
  --ila-space-3:24px;
  --ila-space-4:40px;
  --ila-space-5:72px;
  --ila-ease:cubic-bezier(.2,.7,.2,1);
}

html{scroll-behavior:smooth}
body{
  font-family:Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--ila-text);
  background:var(--ila-ink);
}
body::before{display:none}
::selection{background:rgba(80,201,152,.28);color:var(--ila-text)}
.site-shell{
  width:100%;max-width:none;margin:0;border:0;border-radius:0;overflow:clip;
  background:var(--ila-ink);
  box-shadow:none;
}
.noise,.visual-glow,.hero-stage__orbit,.hero-copy__line,.theme-catalog-section__visual,
.hero-value-card__flow,.hero-value-wide__signal{display:none!important}
.container{width:min(1280px,calc(100% - 64px))}
.section{padding:clamp(72px,9vw,128px) 0}
.section-sm{padding:clamp(48px,6vw,80px) 0}
.skip-link{position:fixed;left:16px;top:14px;z-index:200;transform:translateY(-160%);padding:11px 14px;border:2px solid var(--ila-accent);border-radius:var(--ila-radius-xs);background:#101714;color:#fff;font-size:14px;font-weight:800;transition:transform .16s var(--ila-ease)}
.skip-link:focus{transform:translateY(0)}

/* Header: one calm, technical navigation bar instead of nested capsules. */
.site-header{
  position:sticky;top:0;margin:0;border:0;border-radius:0;
  background:rgba(10,13,15,.94);backdrop-filter:blur(10px);
  box-shadow:none;border-bottom:1px solid var(--ila-line);z-index:50;
}
.nav-meta{min-height:34px;border-bottom:1px solid rgba(235,242,239,.08);font-size:12px}
.nav-meta__pill{min-height:auto;padding:0;border:0;border-radius:0;background:none;color:var(--ila-muted);font-size:11px;letter-spacing:.12em}
.nav-meta__line,.nav-meta__support,.nav-meta__support a{color:var(--ila-text-secondary);font-size:12px}
.nav-meta__support a{margin-left:14px;color:var(--ila-muted)}
.nav{min-height:74px;gap:28px}
.brand-logo--header{max-height:38px;width:auto}
.nav-menu{gap:26px;font-size:13px}
.nav-menu a,.nav-menu__link{color:var(--ila-muted);font-weight:650;letter-spacing:.005em}
.nav-menu a:hover,.nav-menu a.is-active,.nav-menu__link:hover,.nav-menu__link.is-active{color:var(--ila-text)}
.nav-menu a.is-active::after,.nav-menu__link.is-active::after{height:1px;background:var(--ila-accent);bottom:-12px}
.nav-actions{gap:10px}
.nav-actions__link{border:0!important;border-radius:0!important;background:transparent!important;color:var(--ila-muted)!important;font-weight:650}
.nav-actions .btn{min-height:40px;padding:0 16px;font-size:13px}
.nav-mega-menu{border-radius:var(--ila-radius-sm);background:var(--ila-surface-raised);border:1px solid var(--ila-line-strong);box-shadow:0 22px 50px rgba(0,0,0,.36)}
.nav-mega-menu__link{min-height:0!important;height:auto!important;border:0!important;border-radius:0!important;border-bottom:1px solid var(--ila-line)!important;background:transparent!important;box-shadow:none!important}
.nav-mega-menu__link:last-child{border-bottom:0!important}
.nav-mega-menu__link:hover{background:var(--ila-brand-deep)!important}

/* Only true labels retain the pill shape. */
.tag,.theme-catalog-section__eyebrow,.theme-card__kicker,.service-premium__eyebrow{
  min-height:0;padding:0;border:0;border-radius:0;background:none!important;box-shadow:none!important;
  color:var(--ila-text-secondary)!important;font-size:12px!important;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
}
.tag::before{display:none}

/* Clear CTA hierarchy. */
.btn,.btn.offer-premium,.btn.premium-dark,.btn-idea{
  min-height:48px;padding:0 18px;border-radius:var(--ila-radius-xs)!important;
  font-size:14px;font-weight:780;letter-spacing:.005em;box-shadow:none!important;
  transition:background-color .18s var(--ila-ease),border-color .18s var(--ila-ease),color .18s var(--ila-ease),transform .18s var(--ila-ease);
}
.btn:hover{transform:translateY(-1px)}
.btn.primary,.btn.offer-premium,.btn.premium-dark,.mobile-drawer__cta{
  color:var(--ila-accent-ink)!important;background:var(--ila-cta)!important;border:1px solid var(--ila-cta)!important;
}
.btn.secondary,.btn.ghost,.btn-idea{
  color:var(--ila-text)!important;background:var(--ila-surface)!important;border:1px solid var(--ila-line-strong)!important;
}
.btn.primary:hover,.btn.offer-premium:hover,.btn.premium-dark:hover,.mobile-drawer__cta:hover{background:#F2F5F3!important;border-color:#F2F5F3!important}
.btn.secondary:hover,.btn.ghost:hover,.btn-idea:hover{background:var(--ila-surface-raised)!important;border-color:var(--ila-accent)!important}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.52!important;cursor:not-allowed!important;transform:none!important}
.btn.offer-premium::before,.btn.offer-premium::after,.btn.premium-dark::before,.btn.premium-dark::after{display:none!important}

/* Home: no dashboard ornaments, just hierarchy and a tangible visual. */
.site-shell main>.hero{
  display:block;min-height:0;padding:clamp(72px,9vw,130px) max(32px,calc((100vw - 1280px)/2));
  border-bottom:0;
}
.site-shell main>.hero.hero--architecture{
  position:relative;isolation:isolate;min-height:clamp(560px,46vw,740px);
  background-image:linear-gradient(90deg,#090d0e 0%,rgba(9,13,14,.97) 33%,rgba(9,13,14,.72) 51%,rgba(9,13,14,.22) 76%,rgba(9,13,14,.08) 100%),var(--hero-architecture-image);
  background-repeat:no-repeat;background-position:center;background-size:cover;
}
.site-shell main>.hero>.hero-main{
  display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr)!important;gap:clamp(42px,7vw,112px)!important;
  width:100%!important;min-height:0!important;margin:0!important;padding:0!important;align-items:center!important;
}
.site-shell main>.hero.hero--architecture>.hero-main{display:block!important;min-height:0!important}
.site-shell main>.hero.hero--architecture .hero-copy{position:relative;z-index:1;max-width:590px}
.hero-copy{min-width:0;max-width:690px}
.hero-copy__eyebrow{display:block;margin-bottom:22px}
.hero h1,.hero .hero-title-shell h1{margin:0;max-width:680px;font-size:clamp(48px,5.7vw,86px);line-height:.93;letter-spacing:-.072em;text-wrap:balance}
.hero h1 .accent{color:var(--ila-text)}
.hero p{max-width:580px;margin:28px 0 0;color:var(--ila-muted);font-size:18px;line-height:1.72}
.hero-cta{gap:12px;margin-top:32px}
.hero-cta .btn{min-height:50px;padding:0 20px;border-radius:var(--ila-radius-xs)!important;font-size:14px}
.hero-cta .btn.secondary{background:transparent!important}
.hero-cta .btn.secondary:hover{background:transparent!important;border-color:var(--ila-accent)!important}
.hero-visual{min-width:0;min-height:0!important;height:auto!important;position:relative;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.site-shell main>section.hero .hero-visual.hero-visual--static-mode{display:block!important;width:100%!important;max-width:500px!important;min-height:0!important;height:clamp(420px,33vw,675px)!important;margin:0 auto!important;padding:0!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
.site-shell main>section.hero .hero-visual.hero-visual--static-mode .hero-visual-static-picture{position:static!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;border:1px solid var(--ila-line-strong)!important;border-radius:var(--ila-radius-md)!important;background:var(--ila-surface)!important}
.site-shell main>section.hero .hero-visual.hero-visual--static-mode .hero-visual-static-image{display:block!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center top!important;border-radius:calc(var(--ila-radius-md) - 1px)!important;background:var(--ila-surface)!important;filter:none!important}
.site-shell main>section.hero .hero-visual.hero-visual--static-mode::after{display:none!important}
.hero-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:54px 0 0;padding:0;border-top:1px solid var(--ila-line);list-style:none}
.hero-principles li{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:18px 18px 0 0;border-right:1px solid var(--ila-line)}
.hero-principles li+li{padding-left:18px}.hero-principles li:last-child{border-right:0;padding-right:0}
.hero-principles__index{color:var(--ila-accent);font-size:11px;font-weight:800;letter-spacing:.08em}
.hero-principles strong{display:block;font-size:13px;line-height:1.35}.hero-principles span:not(.hero-principles__index){display:block;margin-top:7px;color:var(--ila-text-secondary);font-size:12px;line-height:1.55}
.hero-mobile-side-icon{display:none!important}

/* Hero capability rail: one platform is highlighted at a time without new JS. */
.hero-platforms{
  display:inline-flex;max-width:100%;padding:6px;border:1px solid var(--ila-line);border-radius:999px;
  background:rgba(16,24,25,.76);box-shadow:inset 0 1px 0 rgba(242,245,243,.035);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
}
.hero-platforms__sr-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-platforms__list{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.hero-platforms__item{
  --platform-delay:0s;display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 9px;
  border:1px solid transparent;border-radius:999px;color:var(--ila-text-secondary);white-space:nowrap;
  animation:ila-platform-surface 24s var(--platform-delay) ease-in-out infinite
}
.hero-platforms__item:nth-child(2){--platform-delay:4s}.hero-platforms__item:nth-child(3){--platform-delay:8s}.hero-platforms__item:nth-child(4){--platform-delay:12s}.hero-platforms__item:nth-child(5){--platform-delay:16s}.hero-platforms__item:nth-child(6){--platform-delay:20s}
.hero-platforms__icon{display:block;flex:0 0 auto;width:20px;height:20px;color:currentColor;font-size:20px;font-weight:850;line-height:20px;text-align:center;letter-spacing:-.06em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-platforms__item--google .hero-platforms__icon{font-size:19px;letter-spacing:-.08em}
.hero-platforms__name{
  display:block;max-width:0;margin-left:0;overflow:hidden;opacity:0;color:var(--ila-text);font-size:12px;font-weight:760;letter-spacing:0;
  animation:ila-platform-label 24s var(--platform-delay) ease-in-out infinite
}
.hero-platforms:is(:hover,:focus-within) :is(.hero-platforms__item,.hero-platforms__name){animation-play-state:paused}
@keyframes ila-platform-surface{
  0%,14%{color:var(--ila-text);background:var(--ila-surface-raised);border-color:var(--ila-line-strong)}
  16.7%,100%{color:var(--ila-text-secondary);background:transparent;border-color:transparent}
}
@keyframes ila-platform-label{
  0%,14%{max-width:88px;margin-left:8px;opacity:1}
  16.7%,100%{max-width:0;margin-left:0;opacity:0}
}

/* Homepage video is one continuous scene: header, navigation and hero share it. */
body.page-mode-home .site-shell{overflow:visible}
.home-hero-stage{position:relative;isolation:isolate}
.home-hero-stage__media,.home-hero-stage__scrim{position:absolute;inset:0 0 auto;width:100%;height:clamp(760px,64vw,900px);pointer-events:none}
.home-hero-stage__media{z-index:0;overflow:hidden;background:var(--ila-ink)}
.home-hero-stage__video{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%;background:var(--ila-ink)}
.home-hero-stage__scrim{
  z-index:1;
  background:
    linear-gradient(180deg,rgba(6,11,11,.72) 0%,rgba(6,11,11,.34) 15%,rgba(6,11,11,0) 30%),
    linear-gradient(90deg,rgba(6,11,11,.96) 0%,rgba(6,11,11,.9) 29%,rgba(6,11,11,.56) 49%,rgba(6,11,11,.12) 74%,rgba(6,11,11,.04) 100%),
    linear-gradient(0deg,#060B0B 0%,#060B0B 18%,rgba(6,11,11,.88) 33%,rgba(6,11,11,.45) 48%,rgba(6,11,11,0) 66%);
}
body.page-mode-home .site-header{
  position:relative;inset:auto;z-index:60;
  background:transparent!important;
  border:0!important;box-shadow:none!important;backdrop-filter:none!important;
}
body.page-mode-home .site-header::before,body.page-mode-home .site-header::after{display:none!important}
body.page-mode-home .nav-meta,body.page-mode-home .nav{background:transparent!important;border:0!important;box-shadow:none!important}
body.page-mode-home .nav-meta{border-bottom-color:transparent!important}
body.page-mode-home .nav-menu a.is-active::after,body.page-mode-home .nav-menu__link.is-active::after{display:none!important}
body.page-mode-home.site-is-scrolled .site-header{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
body.page-mode-home .site-header+.mobile-drawer{z-index:70}
body.page-mode-home main{position:relative;z-index:2}
body.page-mode-home .site-shell main>.hero.hero--architecture{
  min-height:clamp(600px,48vw,710px)!important;
  padding:clamp(72px,8vw,116px) max(32px,calc((100vw - 1280px)/2)) clamp(72px,8vw,116px)!important;
  background:none!important;
}
body.page-mode-home .site-shell main>.hero.hero--architecture .hero-copy{max-width:590px!important}

/* Section heads and common surfaces. */
.headline{max-width:820px;margin:0 auto 46px}.headline h1,.headline h2{margin:14px 0 16px;font-size:clamp(36px,4vw,64px);line-height:1;letter-spacing:-.06em;text-wrap:balance}.headline p{max-width:720px;color:var(--ila-muted);font-size:17px;line-height:1.7}
.ui-reveal{opacity:0!important;transform:translate3d(0,16px,0)!important;transition:opacity .34s var(--ila-ease) var(--reveal-delay,0ms),transform .34s var(--ila-ease) var(--reveal-delay,0ms)!important;will-change:opacity,transform}
.ui-reveal.is-visible{opacity:1!important;transform:translate3d(0,0,0)!important;will-change:auto}
.theme-catalog-section{border-bottom:1px solid var(--ila-line)}
.theme-catalog-section__intro{display:block!important}.theme-catalog-section__copy{max-width:790px}.theme-catalog-section__title{margin:14px 0 16px!important;font-size:clamp(36px,4vw,64px)!important;line-height:1!important;letter-spacing:-.06em!important}.theme-catalog-section__copy>p{max-width:720px!important;color:var(--ila-muted)!important;font-size:17px!important;line-height:1.7!important}
.theme-catalog-section__success-mark,.theme-catalog-section__visual{display:none!important}
.theme-panel-intro{margin-top:44px}.theme-panel-intro__grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;border-top:1px solid var(--ila-line);border-bottom:1px solid var(--ila-line)}
.theme-panel-intro__card{display:block!important;min-height:0!important;padding:24px 26px!important;border:0!important;border-right:1px solid var(--ila-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.theme-panel-intro__card:last-child{border-right:0!important}.theme-panel-intro__icon{display:none!important}.theme-panel-intro__content h3{margin:0!important;font-size:16px!important;letter-spacing:-.03em!important}.theme-panel-intro__content p{margin:10px 0 0!important;color:var(--ila-text-secondary)!important;font-size:14px!important;line-height:1.65!important}
.theme-catalog-grid{gap:24px!important}.theme-card{border-radius:var(--ila-radius-md)!important;border:1px solid var(--ila-line)!important;background:var(--ila-surface)!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}.theme-card:hover{transform:translateY(-3px)!important;border-color:var(--ila-accent)!important;background:var(--ila-surface-raised)!important}.theme-card__visual{background:var(--ila-surface-raised)!important}.theme-card__visual,.theme-card__image{border-radius:calc(var(--ila-radius-md) - 2px)!important}.theme-card__content{padding:22px!important}.theme-card__title-link{font-size:22px!important;letter-spacing:-.045em}.theme-card__description{color:var(--ila-muted)!important}.theme-card__footer{border-top:1px solid var(--ila-line)!important}.theme-card__cta{border-radius:var(--ila-radius-xs)!important}
.theme-catalog-section__footer,.references-showcase__footer{border-radius:0!important;background:transparent!important;border-top:1px solid var(--ila-line)!important;border-bottom:1px solid var(--ila-line)!important;box-shadow:none!important}

/* References should foreground the real work, not a generic sales overlay. */
.references-section{background:var(--ila-ink)}.references-showcase{display:grid!important;grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr)!important;gap:42px!important;align-items:stretch}.references-showcase__reserved{height:100%;padding:30px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;border-top:2px solid var(--ila-accent)!important}.references-showcase__reserved-icon{display:none}.references-showcase__eyebrow{display:block;color:var(--ila-accent);font-size:11px;font-weight:800;letter-spacing:.13em}.references-showcase__reserved strong{display:block;margin-top:18px;font-size:clamp(28px,3vw,45px);line-height:1;letter-spacing:-.06em}.references-showcase__reserved p{color:var(--ila-muted);line-height:1.7}.reference-slider-card__media{border-radius:var(--ila-radius-md)!important;border:1px solid var(--ila-line)!important}.reference-slider-card__overlay{background:linear-gradient(180deg,transparent 42%,rgba(9,14,16,.94) 100%)!important}.reference-slider-card__notice{height:auto!important;display:grid!important;gap:4px;border:0!important;border-radius:0!important;background:none!important;backdrop-filter:none!important;box-shadow:none!important;text-align:left!important}.reference-slider-card__notice span{font-size:11px;color:var(--ila-text-secondary);letter-spacing:.1em;text-transform:uppercase}.reference-slider-card__notice strong{font-size:14px;line-height:1.45}.references-showcase__arrow{border-radius:var(--ila-radius-xs)!important;border-color:var(--ila-line-strong)!important;background:var(--ila-surface)!important;color:var(--ila-text)!important;box-shadow:none!important}.references-showcase__arrow:hover{border-color:var(--ila-accent)!important;background:var(--ila-surface-raised)!important}

/* Service, reference and catalog pages share the same restrained architecture. */
.page-hero-shell,.page-hero-shell__copy,.page-hero-shell__aside,.service-premium__hero,.service-premium__closing,.service-premium__card,.service-premium__workflow-card,.service-premium__benefit-card,.service-premium__proof-card,.service-premium__related-card,.faq-item{
  border-radius:var(--ila-radius-md)!important;box-shadow:none!important;
}
.page-hero-shell,.service-premium__hero,.service-premium__closing{border:1px solid var(--ila-line)!important;background:var(--ila-surface)!important}
.page-hero-shell__copy,.page-hero-shell__aside{background:transparent!important;border:0!important}.page-hero-shell__aside-card,.page-hero-shell__support-card{border-radius:0!important;border:0!important;border-top:1px solid var(--ila-line)!important;background:transparent!important}
.service-premium__hero{padding:clamp(28px,5vw,64px)!important}.service-premium__copy h1{letter-spacing:-.065em!important}.service-premium__intro{color:var(--ila-muted)!important}.service-premium__hero-support,.service-premium__cards,.service-premium__workflow,.service-premium__benefits,.service-premium__proof-grid{gap:0!important;border-top:1px solid var(--ila-line)!important}.service-premium__card,.service-premium__workflow-card,.service-premium__benefit-card,.service-premium__proof-card{border:0!important;border-right:1px solid var(--ila-line)!important;background:transparent!important}.service-premium__card:last-child,.service-premium__workflow-card:last-child,.service-premium__benefit-card:last-child,.service-premium__proof-card:last-child{border-right:0!important}.about-premium__headline-line::after{display:none!important}.about-premium__headline-accent{color:var(--ila-accent)!important;background:none!important}.service-premium__hero-support,.service-premium__hero-emblem,.service-premium__figure,.service-premium__media-figure,.service-premium__media-figure img,.service-premium__figure img{border-radius:var(--ila-radius-xs)!important;box-shadow:none!important}.service-premium__hero-emblem,.service-premium__hero-support{background:transparent!important}.service-premium__hero-support{border:1px solid var(--ila-line)!important}
.service-premium__media-figure,.service-premium__figure{border-radius:var(--ila-radius-md)!important;box-shadow:none!important}.service-premium__figure img,.service-premium__media-figure img{filter:none!important}

/* Mobile uses fewer visual containers, one clear primary action and readable density. */
@media (max-width:860px){
  .container{width:min(100% - 32px,1280px)}
  .site-header{position:sticky}.nav-meta{display:none}.nav{min-height:70px}.brand-logo--header{max-height:36px}.nav-actions{margin-left:auto}.nav-actions__link{display:none!important}.nav-actions .btn{min-height:40px;padding:0 13px;font-size:13px}.nav-mobile{width:40px!important;height:40px!important;border-radius:var(--ila-radius-xs)!important;background:transparent!important;border-color:var(--ila-line-strong)!important}
  .site-shell main>.hero{padding:56px 16px 64px}.site-shell main>.hero.hero--architecture{min-height:640px;background-position:64% center}.site-shell main>.hero>.hero-main{display:flex!important;flex-direction:column!important;gap:36px!important}.hero-copy{max-width:none}.hero h1,.hero .hero-title-shell h1{font-size:clamp(43px,13vw,58px)}.hero p{font-size:16px;line-height:1.7}.hero-cta{display:flex;flex-direction:column}.hero-cta .btn{width:100%}.hero-visual{width:100%;order:2}.site-shell main>section.hero .hero-visual.hero-visual--static-mode{max-width:none!important;margin:0!important}.site-shell main>section.hero .hero-visual.hero-visual--static-mode .hero-visual-static-picture{height:auto!important;border-radius:var(--ila-radius-xs)!important}.site-shell main>section.hero .hero-visual.hero-visual--static-mode .hero-visual-static-image{height:auto!important;border-radius:calc(var(--ila-radius-xs) - 1px)!important}.hero-principles{grid-template-columns:1fr;margin-top:40px}.hero-principles li,.hero-principles li+li{padding:16px 0;border-right:0;border-bottom:1px solid var(--ila-line)}.hero-principles li:last-child{border-bottom:0}
  .home-hero-stage__media,.home-hero-stage__scrim{height:790px}.home-hero-stage__video{object-position:66% 50%}
  body.page-mode-home .site-header,body.page-mode-home.site-is-scrolled .site-header{position:relative;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
  body.page-mode-home .site-shell main>.hero.hero--architecture{min-height:720px!important;padding:64px 16px 64px!important;background:none!important}
  body.page-mode-home .site-shell main>.hero.hero--architecture .hero-copy{max-width:none!important}
  .hero-copy__eyebrow{margin-bottom:20px}.hero-platforms{display:flex;width:max-content;max-width:100%;padding:5px}.hero-platforms__list{gap:0}.hero-platforms__item{min-width:32px;height:34px;padding:0 7px}.hero-platforms__icon{width:18px;height:18px;font-size:18px;line-height:18px}.hero-platforms__item--google .hero-platforms__icon{font-size:17px}.hero-platforms__name{font-size:11px}@keyframes ila-platform-label{0%,14%{max-width:74px;margin-left:6px;opacity:1}16.7%,100%{max-width:0;margin-left:0;opacity:0}}
  .headline{margin-bottom:32px}.headline h1,.headline h2,.theme-catalog-section__title{font-size:clamp(34px,10vw,48px)!important}.headline p,.theme-catalog-section__copy>p{font-size:16px!important}.theme-panel-intro__grid{grid-template-columns:1fr!important}.theme-panel-intro__card{padding:20px 0!important;border-right:0!important;border-bottom:1px solid var(--ila-line)!important}.theme-panel-intro__card:last-child{border-bottom:0!important}
  .references-showcase{grid-template-columns:1fr!important;gap:24px!important}.references-showcase__reserved{padding:0 0 24px!important}.reference-slider-card__media{min-height:360px}.reference-slider-card__image{object-fit:cover}.references-showcase__controls{margin-top:16px}
  .mobile-drawer__panel{width:100%!important;padding:22px 16px!important;background:#0d1113!important}.mobile-drawer__panel::before,.mobile-drawer__composition,.mobile-drawer__hero{display:none!important}.mobile-drawer__link,.mobile-drawer__sublink,.mobile-drawer__panel-link{min-height:auto!important;padding:16px 0!important;border-radius:0!important;border:0!important;border-bottom:1px solid var(--ila-line)!important;background:transparent!important;box-shadow:none!important}.mobile-drawer__link-index{color:var(--ila-accent)!important}.mobile-drawer__link-copy small{display:none!important}.mobile-drawer__action-grid{grid-template-columns:1fr!important}.mobile-drawer__support-card{display:none!important}
  .service-premium__hero{padding:24px!important}.service-premium__cards,.service-premium__workflow,.service-premium__benefits,.service-premium__proof-grid{grid-template-columns:1fr!important}.service-premium__card,.service-premium__workflow-card,.service-premium__benefit-card,.service-premium__proof-card{padding:20px 0!important;border-right:0!important;border-bottom:1px solid var(--ila-line)!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .hero-platforms__item,.hero-platforms__name{animation:none!important}.hero-platforms__item:first-child{color:var(--ila-text);background:var(--ila-surface-raised);border-color:var(--ila-line-strong)}.hero-platforms__item:first-child .hero-platforms__name{max-width:88px;margin-left:8px;opacity:1}
}

/* Homepage closing sequence: editorial hierarchy, real work first, no decorative surfaces. */
body.page-mode-home .references-section--editorial,
body.page-mode-home .faq-section--editorial{
  position:relative;
  isolation:isolate;
  background:var(--ila-ink);
}
body.page-mode-home .references-section--editorial{padding:clamp(88px,11vw,164px) 0 clamp(80px,9vw,128px)}
body.page-mode-home .references-section--editorial .headline{max-width:980px;margin:0 auto clamp(48px,6vw,84px)}
body.page-mode-home .references-section--editorial .headline .tag,
body.page-mode-home .faq-section--editorial .faq-stage__eyebrow,
.footer-shell__closing>div>span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--ila-accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body.page-mode-home .references-section--editorial .headline .tag::before,
body.page-mode-home .faq-section--editorial .faq-stage__eyebrow::before,
.footer-shell__closing>div>span::before{
  content:"";
  width:28px;
  height:1px;
  background:currentColor;
  opacity:.75;
}
body.page-mode-home .references-section--editorial .headline h2{
  max-width:16ch;
  margin:18px 0 18px;
  font-size:clamp(36px,5vw,70px)!important;
  font-weight:700;
  line-height:.98;
  letter-spacing:0!important;
  text-wrap:balance;
}
body.page-mode-home .references-section--editorial .headline p{max-width:60ch;color:var(--ila-muted)!important;font-size:clamp(16px,1.35vw,19px)!important;line-height:1.65}
body.page-mode-home .references-section--editorial .references-showcase{
  grid-template-columns:minmax(260px,.64fr) minmax(0,1.36fr)!important;
  gap:clamp(32px,5vw,84px)!important;
  align-items:start!important;
}
body.page-mode-home .references-section--editorial .references-showcase__reserved{
  position:sticky;
  top:120px;
  min-height:0;
  padding:0 0 0 24px!important;
  border:0!important;
  border-left:1px solid var(--ila-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-mode-home .references-section--editorial .references-showcase__reserved::before{
  content:"";
  position:absolute;
  top:0;
  bottom:auto;
  left:-1px;
  width:1px;
  height:62px;
  background:var(--ila-accent);
  box-shadow:0 0 18px rgba(80,201,152,.42);
}
body.page-mode-home .references-section--editorial .references-showcase__eyebrow{color:var(--ila-text-secondary);font-size:10px;letter-spacing:.14em}
body.page-mode-home .references-section--editorial .references-showcase__reserved strong{
  max-width:11ch;
  margin:22px 0 0;
  color:var(--ila-text);
  font-size:clamp(28px,3vw,44px);
  font-weight:700;
  line-height:1.03;
  letter-spacing:0;
  text-wrap:balance;
}
body.page-mode-home .references-section--editorial .references-showcase__reserved p{max-width:31ch;margin:22px 0 28px;color:var(--ila-muted);font-size:16px;line-height:1.68}
body.page-mode-home .references-section--editorial .references-showcase__rail{min-width:0}
body.page-mode-home .references-section--editorial .references-showcase__viewport{border-top:1px solid var(--ila-line);border-bottom:1px solid var(--ila-line)}
body.page-mode-home .references-section--editorial .reference-slider-card{background:transparent!important}
body.page-mode-home .references-section--editorial .reference-slider-card__media{
  border:0!important;
  border-radius:0!important;
  background:var(--ila-surface)!important;
  aspect-ratio:16/10;
}
body.page-mode-home .references-section--editorial .reference-slider-card__image{filter:none!important}
body.page-mode-home .references-section--editorial .reference-slider-card__overlay{background:linear-gradient(180deg,transparent 38%,rgba(4,11,9,.88) 100%)!important}
body.page-mode-home .references-section--editorial .reference-slider-card__notice{padding:28px!important}
body.page-mode-home .references-section--editorial .reference-slider-card__notice span{color:var(--ila-accent)!important}
body.page-mode-home .references-section--editorial .reference-slider-card__notice strong{font-size:16px!important;letter-spacing:.04em}
body.page-mode-home .references-section--editorial .references-showcase__controls{display:flex;align-items:center;gap:12px;margin-top:18px}
body.page-mode-home .references-section--editorial .references-showcase__arrow{
  width:42px;
  height:42px;
  border-radius:0!important;
  border-color:var(--ila-line)!important;
  background:transparent!important;
  font-size:20px;
  transition:color .18s ease,border-color .18s ease,transform .18s ease!important;
}
body.page-mode-home .references-section--editorial .references-showcase__arrow:hover{color:var(--ila-accent)!important;border-color:var(--ila-accent)!important;transform:translateY(-2px)}
body.page-mode-home .references-section--editorial .references-showcase__dots{flex:1;justify-content:flex-end!important;gap:8px!important}
body.page-mode-home .references-section--editorial .references-showcase__dots button{width:24px!important;height:1px!important;border-radius:0!important;background:var(--ila-line-strong)!important}
body.page-mode-home .references-section--editorial .references-showcase__dots button.is-active{width:48px!important;background:var(--ila-accent)!important}
body.page-mode-home .references-section--editorial .references-showcase__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:clamp(56px,7vw,96px)!important;
  padding:26px 0!important;
  border-radius:0!important;
  border-color:var(--ila-line)!important;
  background:transparent!important;
}
body.page-mode-home .references-section--editorial .references-showcase__footer strong{max-width:48ch;font-size:16px;line-height:1.55}

body.page-mode-home .faq-section--editorial{padding:clamp(72px,9vw,128px) 0;border-top:1px solid var(--ila-line)}
body.page-mode-home .faq-section--editorial .faq-stage{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(42px,8vw,132px);align-items:start}
body.page-mode-home .faq-section--editorial .faq-stage__intro{
  order:0;
  position:sticky;
  top:120px;
  max-width:42ch;
  gap:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-mode-home .faq-section--editorial .faq-stage__intro::before,
body.page-mode-home .faq-section--editorial .faq-stage__intro::after{display:none!important}
body.page-mode-home .faq-section--editorial .faq-stage__intro h2{margin:18px 0 22px;font-size:clamp(34px,4vw,56px)!important;font-weight:700;line-height:1.02;letter-spacing:0!important;text-wrap:balance}
body.page-mode-home .faq-section--editorial .faq-stage__headline-accent{color:var(--ila-text)!important}
body.page-mode-home .faq-section--editorial .faq-stage__intro p{margin:0 0 30px;font-size:17px;line-height:1.68}
body.page-mode-home .faq-section--editorial .faq-stage__questions{order:1}
body.page-mode-home .faq-section--editorial .faq-list{border-top:1px solid var(--ila-line)}
body.page-mode-home .faq-section--editorial .faq-item{
  margin:0!important;
  overflow:visible!important;
  border:0!important;
  border-bottom:1px solid var(--ila-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.page-mode-home .faq-section--editorial .faq-item::before{display:none!important}
body.page-mode-home .faq-section--editorial .faq-item summary{min-height:78px;padding:22px 38px 22px 0!important;color:var(--ila-text)!important;font-size:clamp(17px,1.45vw,20px);font-weight:650;line-height:1.4}
body.page-mode-home .faq-section--editorial .faq-item summary::after{right:2px!important;border-color:var(--ila-text-secondary)!important;border-width:0 1px 1px 0!important;width:8px!important;height:8px!important}
body.page-mode-home .faq-section--editorial .faq-item[open]{background:transparent!important;border-color:rgba(80,201,152,.45)!important}
body.page-mode-home .faq-section--editorial .faq-item[open] summary{color:var(--ila-accent)!important}
body.page-mode-home .faq-section--editorial .faq-item p{max-width:64ch;margin:0!important;padding:0 38px 25px 44px!important;color:var(--ila-muted)!important;font-size:16px;line-height:1.7}
body.page-mode-home .faq-section--editorial .faq-item__index{width:30px!important;margin-right:14px!important;color:var(--ila-accent)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.1em}

.footer{padding:0!important;background:var(--ila-ink)!important}
.footer-shell{border-top:1px solid var(--ila-line)!important;border-radius:0!important;background:var(--ila-ink)!important;box-shadow:none!important}
.footer-shell::before{display:none!important}
.footer-shell__closing{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-top:clamp(72px,9vw,128px);padding-bottom:clamp(64px,8vw,108px);border-bottom:1px solid var(--ila-line)}
.footer-shell__closing h2{max-width:12ch;margin:18px 0 0;color:var(--ila-text);font-size:clamp(34px,4.5vw,64px);font-weight:700;line-height:.98;letter-spacing:0;text-wrap:balance}
.footer-shell__meta{padding-top:22px!important;padding-bottom:22px!important;margin-bottom:0!important;border-bottom:1px solid var(--ila-line)!important}
.footer-shell__meta-pill{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ila-text-secondary)!important;font-size:11px!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase}
.footer-shell__socials a{min-width:0!important;min-height:0!important;padding:5px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ila-text-secondary)!important;font-size:13px!important;font-weight:650!important}
.footer-shell__socials a+a::before{content:"/";margin-right:10px;color:var(--ila-line-strong)}
.footer-shell__socials a:hover{color:var(--ila-accent)!important;transform:none!important}
.footer-shell__bar{padding-top:34px!important;padding-bottom:34px!important;border-bottom:1px solid var(--ila-line)}
.footer-shell__brand-logo{height:54px!important}
.footer-shell__brand-link small{max-width:26ch;color:var(--ila-text-secondary)!important;font-size:11px!important;font-weight:650!important;line-height:1.4}
.footer-shell__menu a{color:var(--ila-muted)!important;font-size:13px!important}
.footer-shell__menu a:hover{color:var(--ila-text)!important}
.footer-shell__bottom{min-height:0!important;padding-top:18px!important;padding-bottom:22px!important;margin-top:0!important;border-top:0!important;color:var(--ila-text-secondary)!important;font-size:12px!important}

@media (max-width:860px){
  body.page-mode-home .references-section--editorial{padding:72px 0 68px}
  body.page-mode-home .references-section--editorial .headline{margin-bottom:36px}
  body.page-mode-home .references-section--editorial .headline h2{font-size:clamp(32px,9.2vw,42px)!important}
  body.page-mode-home .references-section--editorial .references-showcase{gap:32px!important}
  body.page-mode-home .references-section--editorial .references-showcase__reserved{position:relative;top:auto;padding-left:18px!important}
  body.page-mode-home .references-section--editorial .references-showcase__reserved strong{max-width:13ch;font-size:clamp(27px,8vw,36px)}
  body.page-mode-home .references-section--editorial .reference-slider-card__media{aspect-ratio:4/5}
  body.page-mode-home .references-section--editorial .references-showcase__footer{align-items:flex-start;flex-direction:column;margin-top:48px!important}
  body.page-mode-home .faq-section--editorial{padding:72px 0}
  body.page-mode-home .faq-section--editorial .faq-stage{grid-template-columns:1fr;gap:40px}
  body.page-mode-home .faq-section--editorial .faq-stage__intro{position:relative;top:auto}
  body.page-mode-home .faq-section--editorial .faq-stage__intro h2{font-size:clamp(32px,9vw,42px)!important}
  body.page-mode-home .faq-section--editorial .faq-item summary{min-height:0;padding:20px 34px 20px 0!important;font-size:17px}
  body.page-mode-home .faq-section--editorial .faq-item p{padding:0 0 22px 42px!important;font-size:15px}
  .footer-shell__closing{align-items:flex-start;flex-direction:column;padding-top:72px;padding-bottom:58px}
  .footer-shell__closing h2{font-size:clamp(32px,9.2vw,42px)}
  .footer-shell__meta,.footer-shell__bar,.footer-shell__bottom{padding-left:20px!important;padding-right:20px!important}
  .footer-shell__meta{align-items:flex-start!important;gap:14px!important}
  .footer-shell__meta-actions{justify-items:start!important}
  .footer-shell__socials{justify-content:flex-start!important;gap:8px 14px!important}
  .footer-shell__bar{gap:24px!important}
  .footer-shell__menu{justify-content:flex-start!important;gap:10px 17px!important}
}

@media (prefers-reduced-motion:reduce){
  body.page-mode-home .references-section--editorial .references-showcase__arrow{transition:none!important}
}

:where(a,button,input,textarea,select):focus-visible{outline:2px solid var(--ila-accent)!important;outline-offset:3px}

/* Restrained interaction layer: three conversion touchpoints only. */
[data-motion-trace]{position:relative;isolation:isolate}
[data-motion-trace]::before{content:"";position:absolute;inset:-1px;z-index:2;padding:1px;border-radius:inherit;pointer-events:none;opacity:0;background:conic-gradient(from 14deg,transparent 0deg,transparent 292deg,rgba(80,201,152,0) 310deg,rgba(80,201,152,.9) 334deg,rgba(80,201,152,.12) 348deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
[data-motion-trace].is-motion-active::before{opacity:1;animation:ila-edge-trace 10s linear infinite}
html.motion-is-paused [data-motion-trace]::before{animation-play-state:paused!important}
a.btn.offer-premium[data-motion-trace]{overflow:hidden;background:linear-gradient(135deg,#D8F1DF 0%,#C7ECDD 100%)!important}
a.btn.offer-premium[data-motion-trace]::before{display:block!important}
a.btn.offer-premium[data-motion-trace]::after{content:"";display:block!important;position:absolute;top:-35%;bottom:-35%;left:0;width:22%;z-index:0;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:translate3d(-180%,0,0) skewX(-18deg);transition:transform .2s var(--ila-ease),opacity .16s var(--ila-ease)}
a.btn.offer-premium[data-motion-trace]:is(:hover,:focus-visible)::after{opacity:1;transform:translate3d(560%,0,0) skewX(-18deg)}
a.btn.offer-premium[data-motion-trace]:active{transform:translateY(0) scale(.985)}
@keyframes ila-edge-trace{to{transform:rotate(1turn)}}

@media (hover:hover) and (pointer:fine){
  .theme-catalog-grid .theme-card--catalog-grid{transition:transform .2s var(--ila-ease),border-color .2s var(--ila-ease),background-color .2s var(--ila-ease)!important}
  .theme-catalog-grid .theme-card--catalog-grid:hover{transform:translate3d(0,-4px,0)!important;border-color:rgba(80,201,152,.55)!important;background:var(--ila-surface-raised)!important}
  .theme-catalog-grid .theme-card--catalog-grid:hover :is(.theme-card__image,.theme-preview,.theme-card__poster){transform:scale(1.025)!important;filter:none!important}
  .theme-catalog-grid .theme-card--catalog-grid:hover .theme-card__cta{transform:translate3d(3px,0,0)!important}
}

.faq-item summary{grid-template-columns:auto 1fr auto!important;transition:color .18s var(--ila-ease)}
.faq-item summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--ila-line);border-radius:50%;color:var(--ila-muted);font-size:20px;font-weight:500;line-height:1;transition:transform .18s var(--ila-ease),border-color .18s var(--ila-ease),color .18s var(--ila-ease)}
.faq-item[open] summary::after{transform:rotate(45deg);color:var(--ila-accent);border-color:rgba(80,201,152,.56)}

@media (max-width:860px), (prefers-reduced-motion:reduce){
  [data-motion-trace]::before{animation:none!important;opacity:.58!important;transform:none!important}
  a.btn.offer-premium[data-motion-trace]::after{display:none!important}
  .ui-reveal,.ui-reveal.is-visible{opacity:1!important;transform:none!important;transition:none!important}
}

/* Shared color hierarchy: neutral surfaces, precise accent use, and readable states. */
.faq-item{background:var(--ila-surface)!important;border:1px solid var(--ila-line)!important;color:var(--ila-text)!important}
.faq-item[open]{background:var(--ila-surface-raised)!important;border-color:rgba(80,201,152,.62)!important}
.faq-item summary{color:var(--ila-text)!important}
.faq-item p,.faq-stage__intro p{color:var(--ila-muted)!important}
.faq-item summary::marker{color:var(--ila-accent)}
.faq-stage__chips span{background:var(--ila-surface)!important;border-color:var(--ila-line)!important;color:var(--ila-muted)!important}
.theme-card__chip,.theme-card__price,.theme-kicker{background:rgba(242,245,243,.05)!important;border-color:var(--ila-line)!important;color:var(--ila-muted)!important}
.theme-card__chip--accent{background:rgba(80,201,152,.14)!important;color:var(--ila-text)!important;border-color:rgba(80,201,152,.38)!important}
.theme-card__bullets span,.references-stage__lead-copy p,.references-stage__aside span{color:var(--ila-muted)!important}
.theme-card__bullets span::before,.references-stage__lead-points span::before{color:var(--ila-accent)!important}
.reference-slider-card__media,.reference-slider-card,.references-showcase__footer{background:var(--ila-surface)!important}
.references-showcase__dots button{background:var(--ila-text-secondary)!important}.references-showcase__dots button.is-active{background:var(--ila-accent)!important}

/* Keep the reference callout's light trace on its rounded perimeter. */
@property --ila-trace-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:14deg;
}

[data-motion-trace]{overflow:hidden}
[data-motion-trace]::before{
  background:conic-gradient(from var(--ila-trace-angle),transparent 0deg,transparent 292deg,rgba(80,201,152,0) 310deg,rgba(80,201,152,.9) 334deg,rgba(80,201,152,.12) 348deg,transparent 360deg);
  transform:none!important;
}

.references-showcase__reserved[data-motion-trace]{
  padding:30px!important;
  border:1px solid var(--ila-line)!important;
  border-radius:32px!important;
  background:var(--ila-surface)!important;
  box-shadow:inset 0 1px 0 rgba(242,245,243,.035)!important;
}

@keyframes ila-edge-trace{
  to{--ila-trace-angle:374deg}
}

@media (max-width:860px){
  .references-showcase__reserved[data-motion-trace]{
    padding:26px 22px 24px!important;
    border-radius:28px!important;
  }
}

/* Homepage service story: editorial copy with a scroll-led media stage. */
.service-story{
  position:relative;
  isolation:isolate;
  padding:clamp(30px,4vw,64px) 0 clamp(88px,9vw,140px);
  border-top:0;
  background:var(--ila-ink);
}
.service-story__transition{margin:0 0 clamp(42px,5vw,72px);padding:0 clamp(20px,5vw,72px)}
.service-story__transition h2{
  display:grid;
  justify-items:center;
  gap:.08em;
  width:fit-content;
  margin:0 auto;
  color:var(--ila-text);
  font-size:clamp(30px,3.4vw,52px);
  font-weight:700;
  line-height:1;
  letter-spacing:0;
  text-align:center;
}
.service-story__line{
  display:block;
  overflow:hidden;
  padding:.08em 10% .12em;
  margin:-.08em -10% -.12em;
}
.service-story__line>span{display:block}
.service-story__illuminate{
  color:var(--service-transition-color,var(--ila-text));
}
.service-story.is-service-motion-ready .service-story__line>span{
  opacity:0;
  transform:translate3d(0,112%,0);
  transition:transform .72s cubic-bezier(.22,.8,.2,1),opacity .44s ease-out;
}
.service-story.is-service-motion-ready .service-story__transition.is-illuminated .service-story__line:first-child>span{
  opacity:var(--service-transition-biz-opacity,1);
  transform:translate3d(0,var(--service-transition-biz-lift,0),0);
}
.service-story.is-service-motion-ready .service-story__transition.is-illuminated .service-story__line:nth-child(2)>span{
  opacity:1;
  transform:translate3d(0,0,0);
  transition-delay:.13s;
}
.service-story.is-service-motion-ready .service-story__transition.is-scroll-driven .service-story__line>span{
  transition:transform .12s linear,opacity .12s linear,color .12s linear;
}
.service-story__layout{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);
  gap:clamp(56px,7vw,112px);
  align-items:start;
}
.service-story__chapters{min-width:0}
.service-story__chapter{
  min-height:76vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:11vh 0;
  border-top:1px solid var(--ila-line);
  color:var(--ila-text);
}
.service-story__chapter:last-child{border-bottom:1px solid var(--ila-line)}
.service-story.is-enhanced .service-story__chapter{
  opacity:.38;
  transition:opacity .28s var(--ila-ease);
}
.service-story.is-enhanced .service-story__chapter.is-active{opacity:1}
.service-story__chapter-index{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:26px;
  color:var(--ila-text-secondary);
  font-size:11px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.service-story__chapter-index span:first-child{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid var(--ila-line-strong);
  border-radius:50%;
  color:var(--ila-accent);
  letter-spacing:0;
}
.service-story__chapter h3{
  max-width:16ch;
  margin:0;
  font-size:clamp(30px,3vw,44px);
  line-height:1.04;
  font-weight:700;
  letter-spacing:0;
  text-wrap:balance;
}
.service-story__chapter>p{
  max-width:590px;
  margin:26px 0 0;
  color:var(--ila-muted);
  font-size:17px;
  line-height:1.72;
}
.service-story__chapter ul{
  display:grid;
  gap:12px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
  color:var(--ila-text);
  font-size:14px;
}
.service-story__chapter li{position:relative;padding-left:24px}
.service-story__chapter li::before{
  content:"";
  position:absolute;
  left:0;
  top:.56em;
  width:8px;
  height:8px;
  border:1px solid var(--ila-accent);
  border-radius:50%;
}
.service-story__link{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  width:min(100%,390px);
  margin-top:34px;
  padding:15px 0;
  border-bottom:1px solid var(--ila-line-strong);
  color:var(--ila-text);
  font-size:14px;
  font-weight:800;
  transition:border-color .18s var(--ila-ease),color .18s var(--ila-ease);
}
.service-story__link span:last-child{color:var(--ila-accent);font-size:20px;transition:transform .18s var(--ila-ease)}
.service-story__link:hover,.service-story__link:focus-visible{border-color:var(--ila-accent);color:var(--ila-cta)}
.service-story__link:hover span:last-child,.service-story__link:focus-visible span:last-child{transform:translate3d(4px,0,0)}
.service-story__visual{position:sticky;top:112px;height:min(74vh,720px);min-height:560px}
.service-story__frame{
  --ila-trace-angle:14deg;
  position:relative;
  isolation:isolate;
  height:100%;
  overflow:hidden;
  border:1px solid var(--ila-line);
  border-radius:40px;
  background:rgba(16,24,25,.58);
  box-shadow:inset 0 1px 0 rgba(242,245,243,.04),0 30px 90px rgba(0,0,0,.2);
}
.service-story__frame::before,
.service-story__mobile-frame::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:4;
  padding:1px;
  border-radius:inherit;
  pointer-events:none;
  opacity:.28;
  background:conic-gradient(from var(--ila-trace-angle),transparent 0deg,transparent 286deg,rgba(80,201,152,0) 306deg,rgba(80,201,152,.95) 330deg,rgba(80,201,152,.16) 350deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
.service-story__frame.is-motion-active::before{opacity:1;animation:ila-edge-trace 9s linear infinite}
html.motion-is-paused .service-story__frame::before{animation-play-state:paused!important}
.service-story__frame-head{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:72px;
  padding:0 28px;
  border-bottom:1px solid var(--ila-line);
  color:var(--ila-text-secondary);
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.service-story__frame-head strong{color:var(--ila-text);font-size:13px;letter-spacing:.03em;text-align:center}
.service-story__frame-head span:last-child{text-align:right}
.service-story__viewport{position:relative;height:calc(100% - 126px);padding:28px}
.service-story__desktop-scene{position:absolute;inset:28px;opacity:0;transform:translate3d(0,18px,0) scale(.985);pointer-events:none;transition:opacity .34s var(--ila-ease),transform .48s var(--ila-ease)}
.service-story__desktop-scene.is-active{opacity:1;transform:translate3d(0,0,0) scale(1);pointer-events:auto}
.service-story__progress{
  position:absolute;
  z-index:5;
  left:28px;
  right:28px;
  bottom:21px;
  display:flex;
  gap:8px;
}
.service-story__progress button{
  flex:1;
  height:3px;
  padding:0;
  border:0;
  border-radius:0;
  background:rgba(242,245,243,.15);
  cursor:pointer;
  transition:background-color .18s var(--ila-ease),transform .18s var(--ila-ease);
}
.service-story__progress button[aria-current="step"]{background:var(--ila-accent);transform:scaleY(1.7)}

/* Primary CTA perimeter: one lightweight neon runner, active only in view. */
:is(a,button).btn.ila-cta-trace[data-motion-trace],
.mobile-drawer__cta.ila-cta-trace[data-motion-trace]{
  --ila-cta-fill:var(--ila-cta);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(80,201,152,.26)!important;
  background:var(--ila-cta-fill)!important;
}

:is(a,button).btn.ila-cta-trace[data-motion-trace]::before,
.mobile-drawer__cta.ila-cta-trace[data-motion-trace]::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}

.ila-cta-runner{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.ila-cta-runner rect{
  fill:none;
  vector-effect:non-scaling-stroke;
}
.ila-cta-runner__track{
  stroke:rgba(80,201,152,.24);
  stroke-width:1;
}
.ila-cta-runner__tail-5,
.ila-cta-runner__tail-4,
.ila-cta-runner__tail-3,
.ila-cta-runner__tail-2,
.ila-cta-runner__tail-1,
.ila-cta-runner__beam{
  stroke:#55e9ad;
  stroke-linecap:round;
  stroke-width:2;
  stroke-dasharray:4 96;
}
.ila-cta-runner__tail-5{stroke-dashoffset:-15;opacity:.08}
.ila-cta-runner__tail-4{stroke-dashoffset:-12;opacity:.15}
.ila-cta-runner__tail-3{stroke-dashoffset:-9;opacity:.28}
.ila-cta-runner__tail-2{stroke-dashoffset:-6;opacity:.45}
.ila-cta-runner__tail-1{stroke-dashoffset:-3;opacity:.68}
.ila-cta-runner__beam{
  stroke-dashoffset:0;
  opacity:.98;
  filter:drop-shadow(0 0 2px rgba(80,201,152,.94)) drop-shadow(0 0 7px rgba(80,201,152,.3));
}
.ila-cta-trace[data-motion-trace].is-motion-active .ila-cta-runner__tail-5{
  animation:ila-cta-perimeter-tail-5 6.2s linear infinite;
}
.ila-cta-trace[data-motion-trace].is-motion-active .ila-cta-runner__tail-4{
  animation:ila-cta-perimeter-tail-4 6.2s linear infinite;
}
.ila-cta-trace[data-motion-trace].is-motion-active .ila-cta-runner__tail-3{
  animation:ila-cta-perimeter-tail-3 6.2s linear infinite;
}
.ila-cta-trace[data-motion-trace].is-motion-active .ila-cta-runner__tail-2{
  animation:ila-cta-perimeter-tail-2 6.2s linear infinite;
}
.ila-cta-trace[data-motion-trace].is-motion-active .ila-cta-runner__tail-1{
  animation:ila-cta-perimeter-tail-1 6.2s linear infinite;
}
.ila-cta-trace[data-motion-trace].is-motion-active .ila-cta-runner__beam{
  animation:ila-cta-perimeter 6.2s linear infinite;
}

.ila-cta-trace[data-motion-trace]:is(:hover,:focus-visible){
  --ila-cta-fill:#F2F5F3;
  box-shadow:0 0 0 1px rgba(80,201,152,.12),0 0 14px rgba(80,201,152,.14)!important;
}

html.motion-is-paused :is(.ila-cta-runner__tail-5,.ila-cta-runner__tail-4,.ila-cta-runner__tail-3,.ila-cta-runner__tail-2,.ila-cta-runner__tail-1,.ila-cta-runner__beam){animation-play-state:paused!important}

@media (max-width:860px){
  .hero-cta a.btn.offer-premium,
  .hero-cta a.btn.offer-premium:is(:hover,:focus-visible){
    --ila-cta-fill:rgba(6,11,11,.14);
    color:var(--ila-text)!important;
    border-color:rgba(216,241,223,.28)!important;
    background:rgba(6,11,11,.14)!important;
    box-shadow:none!important;
  }

  .hero-cta a.btn.offer-premium .ila-cta-runner{
    display:none!important;
  }
  .hero-cta a.btn.offer-premium :is(.ila-cta-runner__tail-5,.ila-cta-runner__tail-4,.ila-cta-runner__tail-3,.ila-cta-runner__tail-2,.ila-cta-runner__tail-1,.ila-cta-runner__beam){
    animation:none!important;
  }

  .ila-cta-trace[data-motion-trace].is-motion-active .ila-cta-runner__beam{
    animation:ila-cta-perimeter 7.2s linear infinite!important;
  }
  .ila-cta-trace[data-motion-trace].is-motion-active .ila-cta-runner__tail-5{animation:ila-cta-perimeter-tail-5 7.2s linear infinite!important}
  .ila-cta-trace[data-motion-trace].is-motion-active .ila-cta-runner__tail-4{animation:ila-cta-perimeter-tail-4 7.2s linear infinite!important}
  .ila-cta-trace[data-motion-trace].is-motion-active .ila-cta-runner__tail-3{animation:ila-cta-perimeter-tail-3 7.2s linear infinite!important}
  .ila-cta-trace[data-motion-trace].is-motion-active .ila-cta-runner__tail-2{animation:ila-cta-perimeter-tail-2 7.2s linear infinite!important}
  .ila-cta-trace[data-motion-trace].is-motion-active .ila-cta-runner__tail-1{animation:ila-cta-perimeter-tail-1 7.2s linear infinite!important}

  .nav-actions a.btn.ila-cta-trace[data-motion-trace]{
    border:1px solid var(--ila-cta)!important;
    background:var(--ila-cta)!important;
  }

  .nav-actions a.btn.ila-cta-trace[data-motion-trace] .ila-cta-runner{
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  :is(.ila-cta-runner__tail-5,.ila-cta-runner__tail-4,.ila-cta-runner__tail-3,.ila-cta-runner__tail-2,.ila-cta-runner__tail-1,.ila-cta-runner__beam){
    animation:none!important;
  }
  :is(.ila-cta-runner__tail-5,.ila-cta-runner__tail-4,.ila-cta-runner__tail-3,.ila-cta-runner__tail-2,.ila-cta-runner__tail-1){display:none}
  .ila-cta-runner__beam{stroke-dasharray:18 82;opacity:.72}
}

@keyframes ila-cta-perimeter{
  to{stroke-dashoffset:-100}
}
@keyframes ila-cta-perimeter-tail-1{to{stroke-dashoffset:-103}}
@keyframes ila-cta-perimeter-tail-2{to{stroke-dashoffset:-106}}
@keyframes ila-cta-perimeter-tail-3{to{stroke-dashoffset:-109}}
@keyframes ila-cta-perimeter-tail-4{to{stroke-dashoffset:-112}}
@keyframes ila-cta-perimeter-tail-5{to{stroke-dashoffset:-115}}
.service-story__mobile-frame{display:none}
.service-story__scene{position:relative;width:100%;height:100%}
.service-story__video{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:cover;background:transparent}
.service-story__video.is-unavailable{display:none}
.service-demo{
  height:100%;
  display:grid;
  grid-template-rows:58px minmax(0,1fr) 42px;
  overflow:hidden;
  border:1px solid rgba(242,245,243,.13);
  border-radius:28px;
  background:rgba(11,14,16,.74);
}
.service-demo__topbar{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  padding:0 20px;
  border-bottom:1px solid var(--ila-line);
  color:var(--ila-text-secondary);
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.service-demo__brand{color:var(--ila-text);font-size:14px;font-weight:900;letter-spacing:0;text-transform:none}
.service-demo__brand span{color:var(--ila-accent)}
.service-demo__title{color:var(--ila-text);font-weight:800;text-align:center}
.service-demo__status{justify-self:end}
.service-demo__status::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--ila-accent);box-shadow:0 0 14px rgba(80,201,152,.38)}
.service-demo__workspace{display:grid;grid-template-columns:54px minmax(0,1fr);min-height:0}
.service-demo__rail{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:24px;border-right:1px solid var(--ila-line)}
.service-demo__rail i{width:17px;height:17px;border:1px solid var(--ila-line-strong);border-radius:5px}
.service-demo__rail i:first-child{border-color:var(--ila-accent);background:rgba(80,201,152,.13)}
.service-demo__canvas{min-height:0;padding:clamp(18px,2vw,28px);display:flex;flex-direction:column;gap:18px}
.service-demo__headline{display:flex;align-items:center;justify-content:space-between;gap:20px}
.service-demo__headline>span{width:38%;height:8px;background:rgba(242,245,243,.16)}
.service-demo__headline strong{color:var(--ila-accent);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.service-demo__primary{flex:1;min-height:0;display:grid;grid-template-columns:1.05fr .95fr;gap:16px}
.service-demo__copy,.service-demo__signal,.service-demo__cards i{border:1px solid var(--ila-line);background:rgba(21,35,34,.72)}
.service-demo__copy{display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:22px}
.service-demo__copy b{display:block;height:10px;background:rgba(242,245,243,.16)}
.service-demo__copy b:first-child{width:78%;height:24px;background:rgba(242,245,243,.88)}
.service-demo__copy b:nth-child(2){width:92%}.service-demo__copy b:nth-child(3){width:64%}
.service-demo__signal{position:relative;display:flex;align-items:flex-end;gap:9px;padding:22px;overflow:hidden}
.service-demo__signal em{flex:1;border:1px solid rgba(80,201,152,.36);border-bottom:0;background:rgba(80,201,152,.1)}
.service-demo__signal em:first-child{height:34%}.service-demo__signal em:nth-child(2){height:62%}.service-demo__signal em:last-child{height:84%;background:rgba(80,201,152,.2)}
.service-demo__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:70px}
.service-demo__cards i{display:block}
.service-demo__foot{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-top:1px solid var(--ila-line);color:var(--ila-text-secondary);font-size:10px;letter-spacing:.08em;text-transform:uppercase}

.service-story__scene--commerce .service-demo__primary{grid-template-columns:.78fr 1.22fr}
.service-story__scene--commerce .service-demo__signal{order:-1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.service-story__scene--commerce .service-demo__signal em{height:auto!important;border:1px solid var(--ila-line);background:rgba(242,245,243,.07)}
.service-story__scene--software .service-demo__signal{align-items:center;justify-content:center}
.service-story__scene--software .service-demo__signal::before,.service-story__scene--software .service-demo__signal::after{content:"";position:absolute;width:48px;height:48px;border:1px solid var(--ila-accent);border-radius:50%}
.service-story__scene--software .service-demo__signal::before{left:18%;top:22%}.service-story__scene--software .service-demo__signal::after{right:16%;bottom:18%}
.service-story__scene--software .service-demo__signal em{height:1px!important;border:0;background:var(--ila-accent);opacity:.48;transform:rotate(-24deg)}
.service-story__scene--mobile .service-demo__primary{grid-template-columns:.72fr 1.28fr}
.service-story__scene--mobile .service-demo__signal{width:62%;justify-self:center;border-radius:28px;padding:18px 13px}
.service-story__scene--ads .service-demo__primary{grid-template-columns:1.25fr .75fr}
.service-story__scene--ads .service-demo__copy b:first-child{width:54%;height:14px;background:var(--ila-accent)}
.service-story__scene--seo .service-demo__headline>span{width:64%;height:34px;border:1px solid var(--ila-line-strong);background:transparent}
.service-story__scene--seo .service-demo__primary{grid-template-columns:1.3fr .7fr}
.service-story__scene--social .service-demo__primary{grid-template-columns:repeat(2,1fr)}
.service-story__scene--social .service-demo__copy{justify-content:center}.service-story__scene--social .service-demo__copy b:first-child{width:48px;height:48px;border-radius:50%;background:rgba(80,201,152,.24)}

@media (max-width:1080px){
  .service-story__layout{grid-template-columns:minmax(0,.9fr) minmax(400px,1.1fr);gap:44px}
  .service-story__visual{top:94px;height:66vh;min-height:520px}
  .service-story__frame{border-radius:32px}
  .service-story__viewport{padding:20px}.service-story__desktop-scene{inset:20px}
}

@media (max-width:860px){
  .service-story{padding:28px 0 96px}
  .service-story__transition{margin-bottom:42px;padding:0 20px}
  .service-story__transition h2{font-size:clamp(30px,8.4vw,40px);line-height:1}
  .service-story__layout{display:block}
  .service-story__visual{display:none}
  .service-story__chapter,.service-story.is-enhanced .service-story__chapter{
    min-height:0;
    padding:64px 0;
    opacity:1;
  }
  .service-story__chapter h3{max-width:16ch;font-size:clamp(30px,8vw,40px)}
  .service-story__chapter>p{font-size:16px}
  .service-story__chapter ul{font-size:13px}
  .service-story__mobile-frame{
    --ila-trace-angle:132deg;
    position:relative;
    display:block;
    height:auto;
    aspect-ratio:4/5;
    margin-top:36px;
    padding:12px;
    overflow:hidden;
    border:1px solid var(--ila-line);
    border-radius:30px;
    background:rgba(16,24,25,.56);
  }
  .service-story__mobile-frame::before{opacity:.72}
  .service-story__mobile-frame .service-story__video{object-fit:contain;background:#0b0e10}
  .service-demo{grid-template-rows:52px minmax(0,1fr) 38px;border-radius:22px}
  .service-demo__topbar{grid-template-columns:1fr auto;padding:0 15px}
  .service-demo__title{display:none}
  .service-demo__workspace{grid-template-columns:42px minmax(0,1fr)}
  .service-demo__rail{gap:14px;padding-top:19px}
  .service-demo__rail i{width:14px;height:14px}
  .service-demo__canvas{padding:16px;gap:13px}
  .service-demo__primary{grid-template-columns:1fr;grid-template-rows:1fr .78fr;gap:10px}
  .service-demo__cards{height:48px;gap:8px}
  .service-demo__copy{padding:16px;gap:9px}
  .service-demo__signal{padding:16px}
  .service-demo__foot{padding:0 14px}
  .service-story__scene--commerce .service-demo__primary,.service-story__scene--mobile .service-demo__primary,.service-story__scene--ads .service-demo__primary,.service-story__scene--seo .service-demo__primary,.service-story__scene--social .service-demo__primary{grid-template-columns:1fr;grid-template-rows:1fr .78fr}
  .service-story__scene--mobile .service-demo__signal{width:48%}
}

@media (min-width:600px) and (max-width:860px){
  .service-story__mobile-frame{aspect-ratio:16/10}
  .service-demo__primary{grid-template-columns:1.05fr .95fr;grid-template-rows:none}
  .service-story__scene--commerce .service-demo__primary{grid-template-columns:.78fr 1.22fr;grid-template-rows:none}
  .service-story__scene--mobile .service-demo__primary{grid-template-columns:.72fr 1.28fr;grid-template-rows:none}
  .service-story__scene--ads .service-demo__primary{grid-template-columns:1.25fr .75fr;grid-template-rows:none}
  .service-story__scene--seo .service-demo__primary{grid-template-columns:1.3fr .7fr;grid-template-rows:none}
  .service-story__scene--social .service-demo__primary{grid-template-columns:repeat(2,1fr);grid-template-rows:none}
}

@media (prefers-reduced-motion:reduce){
  .service-story.is-enhanced .service-story__chapter{opacity:1;transition:none}
  .service-story__desktop-scene{transition:none;transform:none}
  .service-story__frame::before{animation:none!important;--ila-trace-angle:132deg}
}

/* Service media leads each chapter. Its ratio follows the supplied 1440 x 1200 films. */
.service-story__layout{display:block}
.service-story__chapters{display:grid;gap:clamp(64px,9vw,132px)}
.service-story__chapter,
.service-story.is-enhanced .service-story__chapter{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
  grid-template-areas:"visual content";
  gap:clamp(34px,5vw,84px);
  min-height:0;
  padding:0 0 clamp(64px,8vw,112px);
  border-top:0;
  opacity:1;
}
.service-story__chapter:last-child{border-bottom:0}
.service-story__visual{
  grid-area:visual;
  position:relative;
  top:auto;
  width:100%;
  height:auto;
  min-height:0;
}
.service-story__content{grid-area:content;align-self:center;min-width:0}
.service-story__content>p{max-width:590px;margin:26px 0 0;color:var(--ila-muted);font-size:17px;line-height:1.72}
.service-story__content ul{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none;color:var(--ila-text);font-size:14px}
.service-story__frame{
  --ila-trace-angle:132deg;
  position:relative;
  height:auto;
  min-height:0;
  aspect-ratio:6 / 5;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.service-story__frame::before{
  z-index:3;
  opacity:.42;
  filter:drop-shadow(0 0 5px rgba(80,201,152,.28)) drop-shadow(0 0 14px rgba(80,201,152,.12));
}
.service-story__frame.is-motion-active::before{opacity:1;animation:ila-edge-trace 9s linear infinite}
.service-story__media{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:visible;
  border-radius:0;
  background:#040B09;
  isolation:isolate;
}
.service-story.is-service-motion-ready .service-story__media::before,
.service-story.is-service-motion-ready .service-story__media::after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  bottom:0;
  width:50%;
  pointer-events:none;
  background:#040B09;
  transition:transform .72s cubic-bezier(.22,.8,.2,1);
}
.service-story.is-service-motion-ready .service-story__media::before{left:0}
.service-story.is-service-motion-ready .service-story__media::after{right:0}
.service-story.is-service-motion-ready .service-story__frame.is-motion-active .service-story__media::before{transform:translate3d(-101%,0,0)}
.service-story.is-service-motion-ready .service-story__frame.is-motion-active .service-story__media::after{transform:translate3d(101%,0,0)}
.service-story.is-service-motion-ready .service-story__frame::before{
  opacity:0;
  clip-path:inset(0 9% 0 9%);
  animation:none;
}
.service-story.is-service-motion-ready .service-story__frame.is-motion-active::before{
  animation:ila-shutter-neon .7s linear forwards,ila-edge-trace 9s linear .7s infinite;
}
@keyframes ila-shutter-neon{from{opacity:0}to{opacity:1}}
.service-story__media .service-story__scene{height:100%}
.service-story__media .service-story__video{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#040B09;
}
.service-story__media .service-demo{height:100%}

@media (min-width:861px){
  .service-story__chapters{gap:0}
  .service-story__chapter,
  .service-story.is-enhanced .service-story__chapter{
    min-height:max(820px,calc(100vh + 180px));
    padding-bottom:clamp(72px,9vw,132px);
  }
  .service-story__visual{
    position:sticky;
    top:112px;
    align-self:start;
  }
  .service-story__frame{
    opacity:1;
    transform:none;
    transition:none;
  }
  .service-story__chapter.is-active .service-story__frame{
    opacity:1;
    transform:translate3d(0,0,0) scale(1);
  }
  .service-story__content{
    opacity:.74;
    transform:translate3d(0,14px,0);
    transition:opacity .32s var(--ila-ease),transform .46s var(--ila-ease);
  }
  .service-story__chapter.is-active .service-story__content{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

@media (max-width:860px){
  .service-story__chapters{gap:88px}
  .service-story__chapter,
  .service-story.is-enhanced .service-story__chapter{
    display:flex;
    flex-direction:column;
    gap:28px;
    padding:0;
  }
  .service-story__visual{
    display:block;
    order:0;
    opacity:1;
    transform:none;
    transition:none;
  }
  .service-story__chapter.is-active .service-story__visual{
    opacity:1;
    transform:translate3d(0,0,0);
  }
  .service-story__content{
    order:1;
    width:100%;
    padding:0 4px;
    opacity:.78;
    transform:translate3d(0,12px,0);
    transition:opacity .3s var(--ila-ease),transform .42s var(--ila-ease);
  }
  .service-story__chapter.is-active .service-story__content{opacity:1;transform:translate3d(0,0,0)}
  .service-story__chapter-index{margin-bottom:18px}
  .service-story__chapter-index span:first-child{display:none}
  .service-story__content>p{font-size:16px}
  .service-story__content ul{font-size:13px}
  .service-story__frame{
    aspect-ratio:6 / 5;
    border-radius:0;
    opacity:1;
    transform:none;
    transition:none;
  }
  .service-story__media{inset:0;border-radius:0}
  .service-story__mobile-frame{display:none}
}

@media (prefers-reduced-motion:reduce){
  .service-story.is-service-motion-ready .service-story__line>span{opacity:1;transform:none;transition:none}
  .service-story__visual,.service-story__content{opacity:1;transform:none;transition:none}
  .service-story.is-service-motion-ready .service-story__media::before,
  .service-story.is-service-motion-ready .service-story__media::after{display:none}
  .service-story.is-service-motion-ready .service-story__frame::before{opacity:.42;clip-path:none;animation:none}
  .service-story__frame::before{filter:none}
}