/* Linden hero v1.3.9 — SINGLE canonical layout (supersedes accumulated patches).
   All rules apply only to the hero preview. No global header/footer changes. */
.lhn-hero-section {
 position:relative!important; isolation:isolate!important; overflow:hidden!important;
 display:flex!important; flex-direction:column!important; flex-wrap:nowrap!important;
 width:100%!important; max-width:none!important; min-height:0!important;
 height:auto!important; box-sizing:border-box!important;
 margin:0!important; padding:clamp(24px,2.5vw,42px) clamp(18px,1.8vw,36px) 48px!important;
 background:radial-gradient(1100px 620px at 75% 48%,#0d3442,#061a22 69%)!important;
 color:#fff;
}
/* Position the widget wrapper itself: do not let its canvas form a layout row.
   Works whether older previews have it under .lhn-inner or at hero level. */
.lhn-hero-section .elementor-widget-linden-strand-background,
.lhn-hero-section .lhn136-full-hero-motion,
.lhn-hero-section .lhn133-background-layer {
 position:absolute!important; inset:0!important; top:0!important;left:0!important;
 display:block!important; width:100%!important; height:100%!important;
 max-width:none!important; min-width:0!important; min-height:0!important;
 margin:0!important; padding:0!important; flex:0 0 0px!important;
 align-self:auto!important; z-index:0!important; pointer-events:none!important;
}
.lhn-hero-section .elementor-widget-linden-strand-background>.elementor-widget-container,
.lhn-hero-section .lhn136-full-hero-motion>.elementor-widget-container,
.lhn-hero-section .lhn133-background-layer>.elementor-widget-container,
.lhn-hero-section canvas.lhn-strands-canvas {
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 max-width:none!important;display:block!important;pointer-events:none!important;
}
.lhn-hero-section .lhn-inner {
 position:relative!important; z-index:2!important; isolation:auto!important;
 box-sizing:border-box!important; display:grid!important;
 width:100%!important; max-width:none!important; min-width:0!important;
 height:auto!important; min-height:0!important;
 margin:0!important; padding:0!important;
 grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)!important;
 column-gap:clamp(26px,3vw,58px)!important; row-gap:32px!important;
 align-items:center!important;align-content:start!important;justify-content:stretch!important;
}
.lhn-hero-section .lhn-inner>.lhn-left,
.lhn-hero-section .lhn-inner>.lhn-right {
 position:relative!important;z-index:3!important;align-self:center!important;
 min-width:0!important;max-width:none!important;width:100%!important;
 margin:0!important;padding:0!important;transform:none!important;
}
.lhn-hero-section .lhn-left {display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;}
.lhn-hero-section .lhn-kicker h6 {font:700 13px/1.4 Archivo,sans-serif!important;letter-spacing:2px!important;color:#8fe3ff!important;margin:0 0 14px!important;}
.lhn-hero-section .lhn-title h1 {font:800 clamp(44px,4.8vw,82px)/1.035 Archivo,sans-serif!important;letter-spacing:-.035em!important;color:#fff!important;margin:0 0 24px!important;}
.lhn-hero-section .lhn-title .linden-hero-accent {background:linear-gradient(90deg,#fff,#8fe3ff,#80d6bc);-webkit-background-clip:text;background-clip:text;color:transparent!important;}
.lhn-hero-section .lhn-description p {font:400 clamp(16px,1.28vw,20px)/1.68 'IBM Plex Sans',sans-serif!important;color:#bacbd1!important;margin:0!important;}
.lhn-hero-section .lhn-cta-row {display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;margin:26px 0 22px!important;}
.lhn-hero-section .lhn-cta-row .elementor-widget-button{width:auto!important;flex:0 0 auto!important;}
.lhn-hero-section .lhn-cta-row .elementor-button {border-radius:40px!important;padding:15px 27px!important;font:700 15px Archivo,sans-serif!important;min-height:52px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
.lhn-hero-section .lhn-green-btn .elementor-button {background:#5dbb46!important;color:#061a22!important;border:2px solid #5dbb46!important;}
.lhn-hero-section .lhn-outline-btn .elementor-button {background:transparent!important;color:#fff!important;border:2px solid #536e76!important;}
.lhn-hero-section .lhn-proof-row {display:flex!important;gap:18px!important;flex-wrap:wrap!important;border-top:1px solid rgba(143,227,255,.18);padding-top:18px!important;margin-top:0!important;}
.lhn-hero-section .lhn-proof-item{width:auto!important;flex:1 1 132px!important;}
.lhn-hero-section .lhn-proof-item p{font:600 12px/1.5 'IBM Plex Sans',sans-serif!important;color:#bacbd1!important;margin:0!important;}
.lhn-hero-section .lhn-proof-item strong{font-size:21px!important;color:#fff!important;display:block!important;}
/* Original SVG animated slider; other content remains Elementor editable. */
.lhn-hero-section .lhn-right {display:block!important;overflow:visible!important;background:none!important;border:0!important;box-shadow:none!important;}
.lhn-hero-section .lhn-right:has(.stage) .lhn13-native-image{display:none!important;}
.lhn-hero-section .lhn-right .elementor-widget-linden-animated-slider{display:block!important;width:100%!important;}
.lhn-hero-section .lhn-right .stage{position:relative!important;display:block!important;width:100%!important;max-width:none!important;aspect-ratio:5/4!important;min-height:340px!important;margin:0!important;isolation:isolate;}
.lhn-hero-section .lhn-right .stage-frame{position:absolute!important;inset:0!important;overflow:hidden!important;border-radius:28px 28px 28px 120px!important;background:#0a2832;}
.lhn-hero-section .lhn-right .stage-frame .lhn-slide-fallback{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0;}
.lhn-hero-section .lhn-right .stage-frame svg.slides{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:1;display:block!important;}
.lhn-hero-section .lhn-right .stage .stage-mode{position:absolute;left:28px;top:22px;z-index:5;color:#e4f3f8!important;font-size:13px!important;}
.lhn-hero-section .lhn-right .stage .stage-ticks{position:absolute;right:22px;top:22px;z-index:5;display:flex;gap:7px;}
.lhn-hero-section .lhn-right .stage .stage-ticks button{width:24px;height:4px;border:0;border-radius:5px;padding:0;background:rgba(255,255,255,.35)}
.lhn-hero-section .lhn-right .stage .stage-ticks button.on{width:40px;background:#8fe3ff}
.lhn-hero-section .lhn-right .stage .stage-nav{position:absolute;left:-18px;top:48%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:10px}
.lhn-hero-section .lhn-right .stage .stage-nav button{width:42px;height:42px;border-radius:50%;background:rgba(6,26,34,.83);border:1px solid rgba(143,227,255,.35);color:#fff;display:flex;align-items:center;justify-content:center}
.lhn-hero-section .lhn-right .stage .stage-cap{position:absolute!important;bottom:0!important;left:0!important;right:0!important;z-index:8!important;display:flex!important;gap:18px!important;align-items:flex-end!important;justify-content:space-between!important;box-sizing:border-box!important;padding:85px 22px 24px 32px!important;background:linear-gradient(to top,rgba(1,14,20,.94),rgba(1,14,20,.5) 47%,transparent)!important;pointer-events:auto;}
.lhn-hero-section .lhn-right .stage .cap-t{font:700 clamp(19px,2vw,27px)/1.15 Archivo,sans-serif!important;color:#fff!important;text-shadow:0 2px 5px #061a22;}
.lhn-hero-section .lhn-right .stage .cap-s{font:400 14px/1.5 'IBM Plex Sans',sans-serif!important;color:#e1eaed!important;text-shadow:0 2px 4px #061a22;}
.lhn-hero-section .lhn-right .stage .stage-cap a{width:48px;height:48px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#5dbb46;color:#061a22;}
.lhn-hero-section .lhn-right .stage .stage-cap a svg{width:25px;height:25px;}
@media(max-width:1024px){.lhn-hero-section{padding:28px 22px 46px!important}.lhn-hero-section .lhn-inner{gap:26px!important}.lhn-hero-section .lhn-title h1{font-size:clamp(39px,5vw,60px)!important}}
@media(max-width:767px){.lhn-hero-section{padding:28px 18px 44px!important}.lhn-hero-section .lhn-inner{grid-template-columns:minmax(0,1fr)!important;gap:26px!important}.lhn-hero-section .lhn-title h1{font-size:clamp(39px,11vw,62px)!important}.lhn-hero-section .lhn-right .stage{min-height:270px!important}.lhn-hero-section .lhn-right .stage-frame{border-radius:24px!important}.lhn-hero-section .lhn-right .stage .stage-nav{left:auto;right:12px;top:58px;transform:none;flex-direction:row}.lhn-hero-section .lhn-right .stage .stage-cap{padding:58px 14px 16px!important}}

/* v1.4.0: deterministic desktop positioning. The strand canvas is not allowed
   to reserve vertical space and the hero grid is anchored at the TOP of the
   hero, rather than centered after any prior flow element. */
@media (min-width: 1025px) {
 .elementor .lhn-hero-section,
 body .lhn-hero-section {
   position:relative!important;
   display:block!important;
   box-sizing:border-box!important;
   min-height:760px!important;
   padding:0!important;
   margin:0!important;
   isolation:isolate!important;
   overflow:hidden!important;
 }
 .elementor .lhn-hero-section > .elementor-widget-linden-strand-background,
 .elementor .lhn-hero-section > .lhn136-full-hero-motion,
 .elementor .lhn-hero-section .elementor-widget-linden-strand-background {
   position:absolute!important;
   inset:0!important;
   width:100%!important;
   height:100%!important;
   min-height:0!important;
   margin:0!important;
   padding:0!important;
   z-index:0!important;
   pointer-events:none!important;
 }
 .elementor .lhn-hero-section > .lhn-inner,
 body .elementor .lhn-hero-section > .lhn-inner {
   position:absolute!important;
   top:28px!important;
   left:clamp(22px,1.8vw,36px)!important;
   right:clamp(22px,1.8vw,36px)!important;
   bottom:auto!important;
   width:auto!important;
   max-width:none!important;
   min-height:0!important;
   padding:0!important;
   margin:0!important;
   display:grid!important;
   grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;
   gap:clamp(24px,3vw,56px)!important;
   align-items:start!important;
   z-index:2!important;
   transform:none!important;
 }
 .elementor .lhn-hero-section .lhn-inner > .lhn-left,
 .elementor .lhn-hero-section .lhn-inner > .lhn-right {
   align-self:start!important;
   margin-top:0!important;
   padding-top:0!important;
   transform:none!important;
 }
}
/* At smaller sizes normal document flow avoids clipping content. */
@media (max-width:1024px) {
 .elementor .lhn-hero-section {display:flex!important;flex-direction:column!important;min-height:0!important;}
 .elementor .lhn-hero-section > .lhn-inner {position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;}
}

/* v1.4.1 — shift the fibre motion artwork slightly upward, without
   moving either hero column, the slider or any other site section. */
.lhn-hero-section canvas.lhn-strands-canvas {
  transform: translate3d(0, -56px, 0) !important;
  transform-origin: center center !important;
  will-change: transform;
}
@media (max-width: 767px) {
  .lhn-hero-section canvas.lhn-strands-canvas {
    transform: translate3d(0, -25px, 0) !important;
  }
}