body.immersive-home{

      --screen-bg:#f7fbff;

      --screen-bg-2:#eef6fd;

      --screen-panel:rgba(255,255,255,.82);

      --screen-panel-strong:rgba(255,255,255,.94);

      --screen-line:rgba(91,119,148,.18);

      --screen-line-strong:rgba(72,104,138,.32);

      --screen-text:var(--ink);

      --screen-muted:var(--ink-muted);

      --screen-soft:#6f839a;

      --screen-blue-soft:#e8f3ff;

      --screen-blue-line:#b8d7f2;

      background:var(--screen-bg);

      overflow-x:hidden;

    }

    .js-enabled body.immersive-home.intro-pending{

      overflow:hidden;

    }

    body.immersive-home main.immersive-main{

      padding-top:0;

    }

    .home-intro-section{

      position:relative;

      z-index:1;

      display:grid;

      place-items:center;

      min-height:100svh;

      padding:clamp(72px,10svh,144px) var(--page-gutter);

      overflow:hidden;

      color:#071426;

      background:#fbfdff url("assets/intro_hero/intro_hero_innoa.jpg") center/cover no-repeat;

      pointer-events:auto;

      opacity:1;

      transform:translate3d(0,0,0);

      visibility:visible;

      isolation:isolate;

      contain:layout paint style;

    }

    @supports (height:100dvh){

      .home-intro-section{

        min-height:100dvh;

      }

    }

    .home-intro-media{

      position:absolute;

      inset:0;

      z-index:0;

      overflow:hidden;

      pointer-events:none;

    }

    .home-intro-media::after{

      content:"";

      position:absolute;

      inset:0;

      z-index:1;

      background:

        radial-gradient(circle at 50% 46%,rgba(255,255,255,.26),rgba(255,255,255,.46) 48%,rgba(247,252,255,.70) 100%),

        linear-gradient(120deg,rgba(255,255,255,.54),rgba(224,248,246,.36),rgba(232,246,255,.48));

    }

    .home-intro-media__video{

      position:absolute;

      inset:0;

      width:100%;

      height:100%;

      object-fit:cover;

      opacity:.52;

      filter:saturate(1.12) contrast(1.06);

      transform:scale(1.02);

    }

    .home-intro__copy{

      position:relative;

      z-index:2;

      width:min(92vw,1280px);

      text-align:center;

      transform-origin:center;

      backface-visibility:hidden;

      transform:translate3d(0,0,0);

      opacity:1;

      pointer-events:none;

      will-change:transform,opacity;

    }

    .home-intro__copy::before{

      content:"";

      position:absolute;

      left:50%;

      top:50%;

      z-index:-1;

      width:min(72vw,860px);

      height:min(34vh,280px);

      border-radius:999px;

      background:linear-gradient(90deg,rgba(255,255,255,.64),rgba(214,250,242,.42),rgba(221,242,255,.52),rgba(255,255,255,.58));

      filter:blur(34px);

      transform:translate3d(-50%,-48%,0);

      opacity:.82;

    }

    .home-intro-section .home-intro__copy::before{

      opacity:.5;

    }

    .home-intro__line{

      display:block;

      margin:0 auto;

      font-weight:700;

      letter-spacing:0;

      line-height:1.08;

      word-break:keep-all;

      text-wrap:balance;

      text-shadow:0 18px 52px rgba(15,98,254,.14);

      backface-visibility:hidden;

      transform:translate3d(0,0,0);

      will-change:transform,opacity;

    }

    .home-intro-section .home-intro__line{

      display:inline-block;

      width:max-content;

      max-width:none;

      margin:0;

      overflow:visible;

      overflow-wrap:normal;

      transform-origin:center center;

    }

    .home-intro-section .home-intro__line--primary{

      max-width:min(92vw,1120px);

      color:#0c365e;

      font-size:clamp(18px,2vw,50px);

      white-space:nowrap;

      text-wrap:nowrap;

    }

    .home-intro-section .home-intro__line--secondary{

      inline-size:92vw;

      max-inline-size:1120px;

      box-sizing:border-box;

      margin-top:clamp(8px,1.1vw,16px);

      color:#05101f;

      font-size:clamp(18px,2.4vw,50px);

      overflow-wrap:anywhere;

    }

    .home-intro-services{

      position:absolute;

      inset:0;

      z-index:1;

      pointer-events:none;

      perspective:1400px;

      transform-style:preserve-3d;

    }

    .intro-service-card{
      --card-depth:1;
      --float-x:0px;
      --float-y:0px;
      --intro-card-scale:1;
      position:absolute;

      display:flex;

      align-items:center;

      min-height:59px;

      width:clamp(152px,14.4vw,208px);

      padding:14px 16px;

      border:1px solid rgba(116,149,181,.28);

      background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(240,248,255,.52));

      color:#0b2540;

      text-decoration:none;

      font-size:clamp(12px,.84vw,14px);

      line-height:1.25;

      font-weight:600;

      letter-spacing:.01em;

      min-width:0;

      overflow-wrap:anywhere;

      box-shadow:0 16px 42px rgba(29,78,128,.14),0 0 0 1px rgba(255,255,255,.60) inset;

      backdrop-filter:blur(18px);

      pointer-events:auto;

      transform:
        perspective(1400px)
        translate3d(
          calc(var(--intro-card-mx,0) * var(--card-depth) * 8px + var(--float-x)),

          calc(var(--intro-card-my,0) * var(--card-depth) * 7px + var(--float-y)),

          calc(var(--card-depth) * 8px)

        )
        rotateY(calc(var(--intro-card-mx,0) * var(--card-depth) * 1.7deg))
        rotateX(calc(var(--intro-card-my,0) * var(--card-depth) * -1.5deg))
        scale(var(--intro-card-scale));
      animation:introServiceFloat 9.6s ease-in-out infinite alternate;
      filter:blur(0);
      transition:
        border-color .22s var(--ease),
        box-shadow .22s var(--ease),
        background .22s var(--ease),
        opacity .86s ease-in-out,
        filter .86s ease-in-out,
        --intro-card-scale .86s ease-in-out;
      will-change:transform,opacity,filter;
    }
    @property --intro-card-scale{
      syntax:"<number>";
      inherits:false;
      initial-value:1;
    }
    .intro-service-card:before{

      content:"";

      width:8px;

      height:8px;

      margin-right:10px;

      flex:0 0 auto;

      border-radius:50%;

      background:var(--primary);

      box-shadow:0 0 0 6px rgba(15,98,254,.10);

    }

    .intro-service-card:after{

      content:"";

      position:absolute;

      left:16px;

      right:16px;

      bottom:0;

      height:2px;

      background:linear-gradient(90deg,var(--primary),transparent);

      opacity:.36;

    }

    .intro-service-card:hover,

    .intro-service-card:focus-visible{

      border-color:rgba(15,98,254,.42);

      background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(236,246,255,.68));

      box-shadow:0 22px 56px rgba(29,78,128,.20),0 0 0 1px rgba(15,98,254,.12) inset;

      outline:0;

    }

    .intro-service-card:nth-child(1){

      left: 19%;

      top: 28%;

      width: clamp(176px, 13vw, 240px);

      --card-depth:.86;

      --float-x:3px;

      animation-delay:-.7s;

    }

    .intro-service-card:nth-child(2){

      right: 19%;

      top: 28%;

      width: clamp(194px, 14.6vw, 264px);

      --card-depth:1.12;

      --float-y:-4px;

      animation-delay:-2.1s;

    }

    .intro-service-card:nth-child(3){

      left: 16%;

      top: 64%;

      width: clamp(176px, 14vw, 240px);

      --card-depth:.96;

      --float-x:-4px;

      animation-delay:-3.2s;

    }

    .intro-service-card:nth-child(4){

      right: 15%;

      top: 64%;

      width: clamp(200px, 15.4vw, 272px);

      --card-depth:1.2;

      --float-y:5px;

      animation-delay:-1.4s;

    }

    .intro-service-card:nth-child(5){

      left: 26%;

      top: 79%;

      width: clamp(200px, 10.4vw, 272px);

      --card-depth:.78;

      --float-x:2px;

      animation-delay:-4.3s;

    }

    .intro-service-card:nth-child(6){
      right: 26%;

      top: 79%;

      width: clamp(216px, 16vw, 288px);

      --card-depth:1.04;

      --float-y:3px;

      animation-delay:-2.8s;
    }
    .js-enabled body.immersive-home.intro-pending .intro-service-card{
      opacity:0;
      --intro-card-scale:1.22;
      filter:blur(5px);
      pointer-events:none;
    }
    .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card{
      opacity:1;
      --intro-card-scale:1;
      filter:blur(0);
      pointer-events:auto;
    }
    .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card:nth-child(1){transition-delay:0s}
    .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card:nth-child(2){transition-delay:.06s}
    .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card:nth-child(3){transition-delay:.12s}
    .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card:nth-child(4){transition-delay:.18s}
    .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card:nth-child(5){transition-delay:.24s}
    .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card:nth-child(6){transition-delay:.30s}
    .js-enabled body.immersive-home.intro-pending .home-intro-section .home-intro__line--primary{

      animation:introPrimaryType 3.1s ease-in-out both;

    }

    .js-enabled body.immersive-home.intro-pending .home-intro-section .home-intro__line--secondary{

      animation:introSecondaryType 3.6s ease-in-out both;

    }

    .js-enabled body.immersive-home.intro-pending .home-intro__copy{

      pointer-events:none;

    }

    .js-enabled body.immersive-home.intro-pending .site-header{

      z-index:1000;

    }

    .js-enabled body.immersive-home.intro-pending .mega-panel{

      z-index:1002;

    }

    .js-enabled body.immersive-home.intro-pending .home-intro-section{

      pointer-events:auto;

    }

    .js-enabled body.immersive-home .site-header,

    .js-enabled body.immersive-home .scroll-progress{

      transition:

        opacity .82s ease-in-out,

        transform .82s ease-in-out;

      will-change:opacity,transform;

    }

    .js-enabled body.immersive-home.intro-pending .site-header,

    .js-enabled body.immersive-home.intro-pending .scroll-progress{

      opacity:0;

      transform:translateY(-100%);

    }

    .js-enabled body.immersive-home.intro-pending.intro-header-in .site-header,

    .js-enabled body.immersive-home.intro-pending.intro-header-in .scroll-progress{

      opacity:1;

      transform:translateY(0);

    }

    .js-enabled body.immersive-home .main-nav > .nav-item > a,

    .js-enabled body.immersive-home .main-nav > a,

    .js-enabled body.immersive-home .language-nav > .language-trigger,

    .js-enabled body.immersive-home .nav-cta{

      transition:

        opacity .58s ease-in-out,

        transform .58s ease-in-out;

      will-change:opacity,transform;

    }

    .js-enabled body.immersive-home.intro-pending .main-nav > .nav-item > a,

    .js-enabled body.immersive-home.intro-pending .main-nav > a,

    .js-enabled body.immersive-home.intro-pending .language-nav > .language-trigger,

    .js-enabled body.immersive-home.intro-pending .nav-cta{

      opacity:0;

      transform:translate3d(0,-18px,0);

      pointer-events:none;

      transition-delay:0s;

    }

    .js-enabled body.immersive-home.intro-pending.intro-nav-in .main-nav > .nav-item > a,

    .js-enabled body.immersive-home.intro-pending.intro-nav-in .main-nav > a,

    .js-enabled body.immersive-home.intro-pending.intro-nav-in .language-nav > .language-trigger,

    .js-enabled body.immersive-home.intro-pending.intro-nav-in .nav-cta{

      opacity:1;

      transform:translate3d(0,0,0);

      pointer-events:auto;

    }

    .js-enabled body.immersive-home.intro-pending.intro-nav-in .main-nav > .nav-item:nth-of-type(1) > a{transition-delay:0s}

    .js-enabled body.immersive-home.intro-pending.intro-nav-in .main-nav > .nav-item:nth-of-type(2) > a{transition-delay:.1s}

    .js-enabled body.immersive-home.intro-pending.intro-nav-in .main-nav > .nav-item:nth-of-type(3) > a{transition-delay:.2s}

    .js-enabled body.immersive-home.intro-pending.intro-nav-in .main-nav > a{transition-delay:.3s}

    .js-enabled body.immersive-home.intro-pending.intro-nav-in .main-nav > .nav-item:nth-of-type(4) > a{transition-delay:.4s}

    .js-enabled body.immersive-home.intro-pending.intro-nav-in .language-nav > .language-trigger{transition-delay:.5s}

    .js-enabled body.immersive-home.intro-pending.intro-nav-in .nav-cta{transition-delay:.6s}

    @keyframes introAurora{

      0%{transform:translate3d(-4%,1.6%,0) scale(1.12) rotate(-2deg)}

      100%{transform:translate3d(3.5%,-2.4%,0) scale(1.2) rotate(2.5deg)}

    }

    @keyframes introPrimaryType{

      0%{opacity:0;transform:translate3d(0,20px,0) scale(2.9)}

      8%{opacity:1}

      100%{opacity:1;transform:translate3d(0,0,0) scale(1)}

    }

    @keyframes introSecondaryType{

      0%,21%{opacity:0;transform:translate3d(0,72px,0) scale(2.72)}

      27%{opacity:1}

      100%{opacity:1;transform:translate3d(0,0,0) scale(1)}

    }

    @keyframes introServiceFloat{

      0%{

        transform:

          perspective(1400px)

          translate3d(

            calc(var(--intro-card-mx,0) * var(--card-depth) * 8px + var(--float-x)),

            calc(var(--intro-card-my,0) * var(--card-depth) * 7px + var(--float-y)),

            calc(var(--card-depth) * 8px)

          )
          rotateY(calc(var(--intro-card-mx,0) * var(--card-depth) * 1.7deg))
          rotateX(calc(var(--intro-card-my,0) * var(--card-depth) * -1.5deg))
          scale(var(--intro-card-scale));
      }
      100%{
        transform:
          perspective(1400px)

          translate3d(

            calc(var(--intro-card-mx,0) * var(--card-depth) * 8px + var(--float-x) + 5px),

            calc(var(--intro-card-my,0) * var(--card-depth) * 7px + var(--float-y) - 6px),

            calc(var(--card-depth) * 8px)

          )
          rotateY(calc(var(--intro-card-mx,0) * var(--card-depth) * 1.7deg + .32deg))
          rotateX(calc(var(--intro-card-my,0) * var(--card-depth) * -1.5deg - .24deg))
          scale(var(--intro-card-scale));
      }
    }
    @media(max-width:672px){
      .home-intro-section{

        min-height:100svh;

        padding:72px var(--page-gutter) 56px;

      }

      .home-intro__copy{

        width:min(88vw,560px);

        align-self:center;

        transform:translateY(-12vh);

      }

      .home-intro-section .home-intro__line--primary{

        font-size:clamp(18px,5.2vw,30px);

      }

      .home-intro-section .home-intro__line--secondary{

        inline-size:min(88vw,560px);

        max-inline-size:min(88vw,560px);

        margin-top:10px;

        font-size:clamp(18px,6vw,34px);

        line-height:1.16;

      }

      .intro-service-card{
        --intro-card-mobile-scale:1;
        position:static;
        display:flex;
        min-height:46px;
        width:auto;
        height:100%;
        padding:10px 11px;
        font-size:11px;
        line-height:1.2;
        transform:scale(var(--intro-card-mobile-scale));
        animation:none;
        transition:
          border-color .22s var(--ease),
          box-shadow .22s var(--ease),
          background .22s var(--ease),
          opacity .76s ease-in-out,
          filter .76s ease-in-out,
          transform .76s ease-in-out;
        will-change:opacity,filter,transform;
      }
      .home-intro-services{

        inset:auto var(--page-gutter) clamp(52px,8vh,82px);

        z-index:3;

        display:grid;

        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:8px;

        perspective:none;
        align-items:stretch;
      }
      .intro-service-card:before{

        width:6px;

        height:6px;

        margin-right:8px;

        box-shadow:0 0 0 5px rgba(15,98,254,.10);

      }

      .intro-service-card:after{

        left:12px;

        right:12px;

      }

      .intro-service-card:nth-child(1),

      .intro-service-card:nth-child(2),

      .intro-service-card:nth-child(3),

      .intro-service-card:nth-child(4),

      .intro-service-card:nth-child(5),

      .intro-service-card:nth-child(6){

        left:auto;

        right:auto;

        top:auto;

        bottom:auto;
        width:auto;
      }
      .js-enabled body.immersive-home.intro-pending .intro-service-card{
        opacity:0;
        --intro-card-scale:1;
        --intro-card-mobile-scale:1.14;
        filter:blur(4px);
        pointer-events:none;
      }
      .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card{
        opacity:1;
        --intro-card-mobile-scale:1;
        filter:blur(0);
        pointer-events:auto;
      }
      .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card:nth-child(1){transition-delay:0s}
      .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card:nth-child(2){transition-delay:.06s}
      .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card:nth-child(3){transition-delay:.12s}
      .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card:nth-child(4){transition-delay:.18s}
      .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card:nth-child(5){transition-delay:.24s}
      .js-enabled body.immersive-home.intro-pending.intro-cards-in .intro-service-card:nth-child(6){transition-delay:.30s}
      .js-enabled body.immersive-home.intro-pending .language-nav > .language-trigger{
        opacity:1;

        transform:none;

        pointer-events:auto;

        transition-delay:0s;

      }

      .js-enabled body.immersive-home.intro-pending .nav-cta{

        opacity:1;

        transform:none;

      }

      .js-enabled body.immersive-home.intro-pending.intro-nav-in .main-nav > .nav-item > a,

      .js-enabled body.immersive-home.intro-pending.intro-nav-in .main-nav > a,

      .js-enabled body.immersive-home.intro-pending.intro-nav-in .main-nav > .mobile-nav-cta{

        opacity:1;

        transform:none;

      }

    }

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

      .home-intro-section,

      .home-intro__copy,

      .home-intro__line,

      .intro-service-card{

        animation:none!important;

        transition:none!important;

      }

      .home-intro__copy{

        opacity:1!important;

        transform:translate3d(0,0,0)!important;

      }

      .js-enabled body.immersive-home.intro-pending .site-header,

      .js-enabled body.immersive-home.intro-pending .scroll-progress,

      .js-enabled body.immersive-home.intro-pending .main-nav > .nav-item > a,

      .js-enabled body.immersive-home.intro-pending .main-nav > a,

      .js-enabled body.immersive-home.intro-pending .language-nav > .language-trigger,

      .js-enabled body.immersive-home.intro-pending .nav-cta{

        opacity:1;

        transform:none;

        pointer-events:auto;

      }

    }

    .immersive-home main.immersive-main{

      background:

        radial-gradient(circle at 10% 4%,rgba(15,98,254,.10),transparent 32vw),

        radial-gradient(circle at 88% 6%,rgba(55,178,255,.15),transparent 34vw),

        linear-gradient(180deg,#ffffff 0%,var(--screen-bg) 42%,#f3f8fd 100%);

      color:var(--screen-text);

    }

    .immersive-home main.immersive-main > section{

      position:relative;

      isolation:isolate;

      border-bottom:1px solid var(--screen-line);

      background:transparent;

      overflow:hidden;

    }

    .immersive-home main.immersive-main > section:before{

      content:"";

      position:absolute;

      inset:0;

      z-index:-2;

      pointer-events:none;

      opacity:.58;

      background:

        linear-gradient(rgba(76,108,142,.045) 1px,transparent 1px);

      background-size:64px 64px;

      mask-image:linear-gradient(180deg,transparent,black 14%,black 86%,transparent);

    }

    .immersive-home main.immersive-main > section:after{

      content:"";

      position:absolute;

      inset:auto 0 0;

      z-index:-1;

      height:1px;

      background:linear-gradient(90deg,transparent,rgba(15,98,254,.42),transparent);

      opacity:.7;

    }

    .immersive-home main.immersive-main > .home-intro-section:before{

      opacity:.28;

      background:

        radial-gradient(circle at 50% 0%,rgba(15,98,254,.10),transparent 34vw),

        linear-gradient(rgba(76,108,142,.04) 1px,transparent 1px);

      background-size:auto,64px 64px;

      mask-image:linear-gradient(180deg,transparent,black 16%,black 84%,transparent);

    }

    .immersive-home .hero{

      min-height:calc(100svh - var(--nav-h));

      grid-template-columns:minmax(460px,.82fr) minmax(0,1.18fr);

      column-gap:clamp(24px,2.8vw,56px);

      padding:0 var(--page-gutter);

      color:var(--screen-text);

      background:

        radial-gradient(circle at calc(56% + (var(--mx,0) * 14%)) calc(28% + (var(--my,0) * 14%)),rgba(15,98,254,.14),transparent 31vw),

        radial-gradient(circle at 86% 70%,rgba(56,189,248,.16),transparent 28vw),

        linear-gradient(135deg,#ffffff 0%,#f5faff 48%,#eaf4fc 100%);

      border-bottom:1px solid var(--screen-line);

      overflow:hidden;

    }

    .immersive-home .hero:before{

      content:"";

      position:absolute;

      inset:0;

      pointer-events:none;

      background:

        linear-gradient(rgba(15,98,254,.04) 1px,transparent 1px);

      background-size:72px 72px;

      opacity:.32;

      mask-image:radial-gradient(circle at 64% 46%,black,transparent 76%);

    }

    .immersive-home .hero-copy{

      position:relative;

      z-index:2;

      align-self:center;

      width:min(100%,600px);

      max-width:600px;

      padding:clamp(72px,8vw,128px) 0;

    }

    .immersive-home .hero h1{

      max-width:600px;

      color:var(--screen-text);

      font-size:clamp(38px,3vw,58px);

      line-height:1.16;

      letter-spacing:-1px;

      word-break:keep-all;

      text-wrap:balance;

    }

    .immersive-home .hero .lead{

      color:var(--screen-muted);

      font-size:clamp(18px,1.35vw,22px);

      line-height:1.62;

    }

    .immersive-home .hero .eyebrow,

    .immersive-home .hero-dark .eyebrow{

      color:var(--primary);

    }

    .immersive-home .hero-actions{

      gap:8px;

    }

    .immersive-home .hero .btn{

      border-color:rgba(15,98,254,.26);

      background:rgba(255,255,255,.76);

      color:var(--primary);

      backdrop-filter:blur(18px);

      box-shadow:0 12px 32px rgba(28,84,140,.10);

    }

    .immersive-home .hero .btn.primary{

      border-color:var(--primary);

      background:var(--primary);

      color:var(--on-primary);

    }

    .immersive-home .chip-row{

      max-width:760px;

      border-color:rgba(15,98,254,.14);

      background:rgba(255,255,255,.64);

      backdrop-filter:blur(16px);

      box-shadow:0 18px 48px rgba(28,84,140,.10);

    }

    .immersive-home .chip-row span,

    .immersive-home .hero-dark .chip-row span{

      color:var(--screen-muted);

      border-color:rgba(15,98,254,.12);

      background:transparent;

    }

    .immersive-home .hero-visual{

      position:relative;

      z-index:1;

      display:grid;

      align-items:center;

      min-height:calc(100svh - var(--nav-h));

      padding:clamp(36px,5vw,84px) 0;

      border-left:0;

      perspective:1400px;

    }

    .immersive-home .hero .visual-frame{

      position:relative;

      grid-area:1 / 1;

      width:100%;

      height:min(72vh,780px);

      min-height:540px;

      border:1px solid var(--screen-line-strong);

      background:#f1f6fb;

      box-shadow:

        0 40px 110px rgba(37,85,132,.18),

        0 0 0 1px rgba(255,255,255,.86) inset,

        0 0 90px rgba(15,98,254,.10);

      transform:

        perspective(1400px)

        rotateY(calc(var(--mx,0) * -2.8deg))

        rotateX(calc(var(--my,0) * 2.2deg))

        translate3d(calc(var(--mx,0) * 7px),calc(var(--my,0) * 7px),0);

      transition:transform .18s var(--ease),box-shadow .2s var(--ease);

    }

    .immersive-home .hero .visual-frame:before{

      content:"";

      position:absolute;

      inset:0;

      z-index:2;

      pointer-events:none;

      background:

        linear-gradient(180deg,rgba(255,255,255,.34),transparent 24%),

        linear-gradient(90deg,rgba(15,98,254,.10),transparent 30%,transparent 72%,rgba(52,199,255,.11));

      mix-blend-mode:soft-light;

    }

    .immersive-home .hero .visual-frame:after{

      content:"";

      position:absolute;

      left:24px;

      right:24px;

      top:22px;

      z-index:3;

      height:1px;

      background:linear-gradient(90deg,rgba(15,98,254,.42),transparent 38%,rgba(76,166,230,.52),transparent);

      opacity:.9;

    }

    .immersive-home .hero .visual-frame img{

      position:absolute;

      inset:0;

      z-index:1;

      filter:saturate(.98) contrast(1.02) brightness(1.04);

      transform:scale(1.025);

    }

    .immersive-screen-ui{

      position:relative;

      grid-area:1 / 1;

      width:100%;

      height:min(72vh,780px);

      min-height:540px;

      z-index:4;

      pointer-events:none;

      transform:

        perspective(1400px)

        rotateY(calc(var(--mx,0) * -2.8deg))

        rotateX(calc(var(--my,0) * 2.2deg))

        translate3d(calc(var(--mx,0) * 7px),calc(var(--my,0) * 7px),0);

      transition:transform .18s var(--ease);

    }

    .screen-service-card{

      position:absolute;

      display:flex;

      align-items:center;

      min-height:74px;

      width:clamp(190px,18vw,260px);

      padding:18px 20px;

      border:1px solid rgba(116,149,181,.30);

      background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(242,248,255,.78));

      color:#0b2540;

      text-decoration:none;

      font-size:clamp(15px,1.05vw,18px);

      line-height:1.25;

      font-weight:600;

      letter-spacing:.01em;

      min-width:0;

      overflow-wrap:anywhere;

      box-shadow:0 20px 54px rgba(29,78,128,.18),0 0 0 1px rgba(255,255,255,.78) inset;

      backdrop-filter:blur(18px);

      pointer-events:auto;

      transition:transform .22s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease);

    }

    .screen-service-card:before{

      content:"";

      width:10px;

      height:10px;

      margin-right:12px;

      flex:0 0 auto;

      border-radius:50%;

      background:var(--primary);

      box-shadow:0 0 0 7px rgba(15,98,254,.11);

    }

    .screen-service-card:after{

      content:"";

      position:absolute;

      left:20px;

      right:20px;

      bottom:0;

      height:2px;

      background:linear-gradient(90deg,var(--primary),transparent);

      opacity:.44;

    }

    .screen-service-card:hover,

    .screen-service-card:focus-visible{

      transform:translateY(-6px);

      border-color:rgba(15,98,254,.38);

      box-shadow:0 26px 70px rgba(29,78,128,.24),0 0 0 1px rgba(15,98,254,.13) inset;

      outline:0;

    }

    .screen-service-card:nth-child(1){left:8%;top:7%;width:clamp(220px,20vw,300px)}

    .screen-service-card:nth-child(2){left:56%;top:12%;width:clamp(240px,22vw,330px)}

    .screen-service-card:nth-child(3){left:10%;top:45%;width:clamp(220px,20vw,300px)}

    .screen-service-card:nth-child(4){left:58%;top:50%;width:clamp(250px,23vw,340px)}

    .screen-service-card:nth-child(5){left:13%;bottom:7%;width:clamp(250px,23vw,340px)}

    .screen-service-card:nth-child(6){left:56%;bottom:10%;width:clamp(270px,25vw,360px)}

    .immersive-screen-ui:before{

      content:"";

      position:absolute;

      left:50%;

      top:48%;

      width:12px;

      height:12px;

      border-radius:50%;

      background:var(--primary);

      box-shadow:0 0 0 9px rgba(15,98,254,.13),0 0 34px rgba(15,98,254,.44);

    }

    .immersive-home .section{

      padding:clamp(88px,9vw,132px) var(--page-gutter);

      color:var(--screen-text);

    }

    .immersive-home .intro-band,

    .immersive-home .story-section,

    .immersive-home .dark-section{

      background:

        radial-gradient(circle at 84% 12%,rgba(15,98,254,.095),transparent 30vw),

        rgba(255,255,255,.68);

    }

    .immersive-home .section-head{

      position:relative;

      z-index:1;

      max-width:1080px;

    }

    .immersive-home .section-head h2,

    .immersive-home .cta-section h2{

      color:var(--screen-text);

      font-size:clamp(38px,4.7vw,72px);

      line-height:1.08;

      letter-spacing:-1px;

    }

    .immersive-home .section-head p,

    .immersive-home .cta-section p{

      color:var(--screen-muted);

      font-size:clamp(17px,1.25vw,20px);

      line-height:1.72;

    }

    .immersive-home .eyebrow{

      color:var(--primary);

    }

    .immersive-home .card-grid,

    .immersive-home .hex-grid,

    .immersive-home .split-grid,

    .immersive-home .scroll-story{

      position:relative;

      z-index:1;

      border-color:var(--screen-line);

      background:rgba(255,255,255,.72);

      box-shadow:0 30px 84px rgba(49,86,124,.12);

      backdrop-filter:blur(20px);

    }

    .immersive-home .info-card,

    .immersive-home .hex-card,

    .immersive-home .stack-list article{

      color:var(--screen-text);

      background:var(--screen-panel);

      border-color:var(--screen-line);

      transition:

        transform .22s var(--ease),

        background .22s var(--ease),

        border-color .22s var(--ease),

        box-shadow .22s var(--ease);

    }

    .immersive-home .info-card h3,

    .immersive-home .hex-card b,

    .immersive-home .stack-list b{

      color:var(--screen-text);

    }

    .immersive-home .info-card p,

    .immersive-home .hex-card p,

    .immersive-home .stack-list p,

    .immersive-home .dark-section .hex-card p{

      color:var(--screen-muted);

    }

    .immersive-home .info-card:hover,

    .immersive-home .info-card:focus-within,

    .immersive-home .hex-card:hover,

    .immersive-home .hex-card:focus-visible,

    .immersive-home .stack-list article:hover{

      transform:translateY(-8px);

      background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(232,243,255,.82));

      border-color:rgba(15,98,254,.34);

      box-shadow:0 28px 78px rgba(42,90,140,.18),0 0 0 1px rgba(15,98,254,.10) inset;

      outline:0;

    }

    .immersive-home .card-grid.four .info-card{

      min-height:260px;

    }

    .immersive-home .split-grid > *{

      border-color:var(--screen-line);

      background:rgba(255,255,255,.025);

    }

    .immersive-home .split-grid .visual-frame,

    .immersive-home .section .visual-frame{

      border-color:var(--screen-line);

      background:#f4f9fe;

      box-shadow:0 30px 84px rgba(49,86,124,.14);

    }

    .immersive-home .split-grid .visual-frame img,

    .immersive-home .section .visual-frame img{

      filter:saturate(.98) contrast(1.02) brightness(1.03);

    }

    .immersive-home .text-link,

    .immersive-home .stack-list a{

      color:var(--primary);

    }

    .immersive-home .scroll-story{

      grid-template-columns:minmax(260px,340px) 1fr;

    }

    .immersive-home .story-nav{

      border-color:var(--screen-line);

      background:rgba(255,255,255,.82);

    }

    .immersive-home .story-tab{

      color:var(--screen-muted);

      border-color:var(--screen-line);

      background:transparent;

    }

    .immersive-home .story-tab span{

      color:var(--primary);

    }

    .immersive-home .story-tab.active,

    .immersive-home .story-tab:hover,

    .immersive-home .story-tab:focus-visible{

      color:var(--screen-text);

      background:rgba(15,98,254,.08);

      box-shadow:inset 3px 0 0 var(--primary);

    }

    .immersive-home .story-stage{

      min-height:min(72vh,760px);

      background:#f4f9fe;

    }

    .immersive-home .story-stage:before{

      content:"";

      position:absolute;

      inset:0;

      z-index:1;

      pointer-events:none;

      background:

        linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.34)),

        linear-gradient(90deg,rgba(15,98,254,.08),transparent 42%,rgba(52,199,255,.08));

      mix-blend-mode:screen;

    }

    .immersive-home .story-stage .visual-frame{

      min-height:min(72vh,760px);

      border:0;

      box-shadow:none;

    }

    .immersive-home .story-panels{

      z-index:2;

      right:24px;

      bottom:24px;

      width:min(620px,calc(100% - 48px));

    }

    .immersive-home .story-panel{

      color:var(--screen-text);

      background:rgba(255,255,255,.88);

      border:1px solid var(--screen-line-strong);

      box-shadow:0 30px 76px rgba(42,90,140,.18);

      backdrop-filter:blur(24px);

    }

    .immersive-home .story-panel small{

      color:var(--primary);

    }

    .immersive-home .story-panel h3{

      color:var(--screen-text);

    }

    .immersive-home .story-panel p{

      color:var(--screen-muted);

    }

    .immersive-home .hex-card span{

      color:var(--primary);

    }

    .immersive-home .cta-section{

      display:flex;

      align-items:center;

      justify-content:space-between;

      gap:40px;

      margin:0;

      padding:clamp(88px,9vw,132px) var(--page-gutter);

      border-radius:0;

      color:var(--screen-text);

      background:

        radial-gradient(circle at 80% 20%,rgba(15,98,254,.14),transparent 34vw),

        linear-gradient(135deg,#ffffff,#eef6fd);

      box-shadow:none;

    }

    .immersive-home .cta-section > div:first-child{

      max-width:960px;

    }

    .immersive-home .cta-section .stack-list{

      display:flex;

      min-width:280px;

      gap:8px;

    }

    .immersive-home .cta-section .stack-list a{

      margin-top:0;

    }

    .immersive-home .btn.light{

      border-color:rgba(15,98,254,.22);

      background:rgba(255,255,255,.82);

      color:var(--primary);

      backdrop-filter:blur(16px);

    }

    .immersive-home .is-immersive-active .section-head:before{

      content:"";

      position:absolute;

      left:0;

      top:-18px;

      width:72px;

      height:2px;

      background:linear-gradient(90deg,var(--primary),transparent);

      box-shadow:0 0 18px rgba(15,98,254,.22);

    }

    @media(max-width:1056px){

      .immersive-home .hero{

        grid-template-columns:1fr;

        column-gap:0;

      }

      .immersive-home .hero-copy{

        width:100%;

        max-width:100%;

        padding:72px 0 40px;

      }

      .immersive-home .hero-visual{

        min-height:auto;

        padding:0 0 64px;

        border-left:0;

      }

      .immersive-home .hero .visual-frame{

        height:520px;

        min-height:520px;

      }

      .immersive-screen-ui{

        height:520px;

        min-height:520px;

      }

      .screen-service-card{

        width:min(260px,36vw);

      }

      .screen-service-card:nth-child(1){left:6%;top:7%;width:min(290px,40vw)}

      .screen-service-card:nth-child(2){left:54%;top:12%;width:min(320px,42vw)}

      .screen-service-card:nth-child(3){left:7%;top:43%;width:min(290px,40vw)}

      .screen-service-card:nth-child(4){left:53%;top:48%;width:min(330px,43vw)}

      .screen-service-card:nth-child(5){left:10%;bottom:8%;width:min(320px,42vw)}

      .screen-service-card:nth-child(6){left:54%;bottom:12%;width:min(340px,44vw)}

      .immersive-home .scroll-story{

        grid-template-columns:1fr;

      }

      .immersive-home .story-nav{

        border-right:0;

      }

      .immersive-home .cta-section{

        display:block;

      }

      .immersive-home .cta-section .stack-list{

        width:100%;

        margin-top:32px;

      }

    }

    @media(max-width:672px){

      .immersive-home .hero-copy{

        max-width:100%;

        width:100%;

        min-width:0;

      }

      .immersive-home .hero h1{

        display:block;

        width:100%;

        max-width:calc(100vw - (var(--page-gutter) * 2));

        font-size:clamp(32px,8.8vw,36px);

        line-height:1.18;

        letter-spacing:-.8px;

        overflow-wrap:anywhere;

        word-break:keep-all;

        text-wrap:balance;

      }

      .immersive-home .hero .lead{

        max-width:calc(100vw - (var(--page-gutter) * 2));

        overflow-wrap:anywhere;

        word-break:keep-all;

      }

      .immersive-home .hero-visual{

        display:block;

        max-width:100%;

        overflow:hidden;

      }

      .immersive-home .hero .visual-frame{

        width:100%;

        height:360px;

        min-height:360px;

      }

      .immersive-screen-ui{

        position:relative;

        inset:auto;

        display:grid;

        grid-template-columns:1fr 1fr;

        gap:10px;

        width:100%;

        height:auto;

        min-height:0;

        margin-top:14px;

        pointer-events:auto;

        transform:none;

        transition:none;

      }

      .immersive-screen-ui:before{

        display:none;

      }

      .screen-service-card,

      .screen-service-card:nth-child(1),

      .screen-service-card:nth-child(2),

      .screen-service-card:nth-child(3),

      .screen-service-card:nth-child(4),

      .screen-service-card:nth-child(5),

      .screen-service-card:nth-child(6){

        position:relative;

        inset:auto;

        width:auto;

        min-height:62px;

        padding:14px;

        font-size:14px;

      }

      .immersive-home .section{

        padding:72px var(--page-gutter);

      }

      .immersive-home .section-head h2,

      .immersive-home .cta-section h2{

        font-size:36px;

      }

      .immersive-home .story-nav{

        scroll-snap-type:x mandatory;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none;

      }

      .immersive-home .story-nav::-webkit-scrollbar{

        display:none;

      }

      .immersive-home .story-tab{

        min-width:min(74vw,250px);

        min-height:88px;

        padding:14px 16px;

        scroll-snap-align:start;

      }

      .immersive-home .story-panels{

        position:relative;

        z-index:3;

        width:calc(100% - 28px);

        margin:-16px auto 0;

      }

      .immersive-home .story-stage,

      .immersive-home .story-stage .visual-frame,

      .immersive-home .story-image{

        min-height:0;

      }

      .immersive-home .story-stage{

        display:flex;

        flex-direction:column;

        overflow:visible;

        background:transparent;

      }

      .immersive-home .story-stage .visual-frame,

      .immersive-home .story-image{

        height:clamp(300px,74vw,360px);

      }

      .immersive-home .story-panel{

        padding:18px 20px 22px;

        border:1px solid var(--screen-line-strong);

        background:rgba(255,255,255,.98);

        box-shadow:0 22px 54px rgba(42,90,140,.16);

        backdrop-filter:none;

      }

      .immersive-home .story-panel h3{

        margin:8px 0 10px;

        font-size:clamp(25px,7vw,32px);

        line-height:1.28;

      }

      .immersive-home .story-panel p{

        font-size:16px;

        line-height:1.68;

      }

      .immersive-home .cta-section .stack-list{

        display:grid;

      }

    }

    @media(max-width:520px){

      .immersive-home .hero h1,

      .immersive-home .hero .lead{

        max-width:350px;

      }

      .immersive-screen-ui{

        grid-template-columns:1fr;

      }

    }