/* ===========================================================================
   Handling Plan, 2026-10-26 redesign. The whole marketing site in one sheet.
   Loaded by inc/lux.php in place of landing.css, pages.css and the home sheets.

   Rules of the design, so later edits keep them:
   - One typeface (Inter), one accent (deep green #0F5740) for every primary button.
   - Ink #0B1F19 (17.2:1 on white), muted #4E625C (6.5:1), small green text #2C6B52
     (6.3:1). Mint #A8EBCB and #C9E9D9 only on the deep band.
   - White and one soft ground (#FAFBFA). Hairlines #E8ECEA. Radius 22px cards, pills.
   - No em dashes, no emoji. Targets 44px.
   ========================================================================= */

body.lx-site{margin:0;background:#FFFFFF;color:#0B1F19;font-family:Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.lx,.lx *{box-sizing:border-box}
.lx{font-family:Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#0B1F19;font-size:16px;line-height:1.55;background:#FFFFFF}
.lx a{color:#0F5740}
.lx a:hover{color:#0B1F19}
.lx :focus-visible{outline:2px solid #0F5740;outline-offset:3px;border-radius:6px}
.lx img,.lx video,.lx svg{max-width:100%}
.lx h1,.lx h2,.lx h3,.lx h4{font-family:inherit;color:#0B1F19;margin:0;font-weight:600;letter-spacing:-.02em}
.lx p{margin:0}
.lx [hidden]{display:none!important}
.lx .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.lx-locked,html.lx-locked body{overflow:hidden}

/* Skip link */
.lx .lp__skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#0F5740;color:#FFFFFF;padding:12px 18px;border-radius:999px;font-weight:500;text-decoration:none}
.lx .lp__skip:focus{left:12px}
.lx main:focus{outline:none}

/* Buttons. .lx-btn works outside the marketing wrapper too (pricing, help, contact). */
.lx-btn,.lx .lp__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;background:#0F5740;color:#FFFFFF;font-size:16px;font-weight:500;text-decoration:none;border:1px solid #0F5740;transition:background .2s ease,border-color .2s ease}
.lx-btn:hover,.lx .lp__btn:hover{background:#0B1F19;border-color:#0B1F19;color:#FFFFFF}
.lx-btn--ghost,.lx .lp__btn--ghost{background:transparent;color:#0F5740;border-color:#CFDCD5}
.lx-btn--ghost:hover,.lx .lp__btn--ghost:hover{background:#F1F5F2;color:#0B1F19;border-color:#CFDCD5}
.lx-btn--sm{min-height:38px;padding:0 18px;font-size:14px}
.lx-head,.lx-foot{font-family:Inter,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}
.lx-head *,.lx-foot *{box-sizing:border-box}
.lx-head a:focus-visible,.lx-foot a:focus-visible,.lx-head button:focus-visible{outline:2px solid #0F5740;outline-offset:3px;border-radius:6px}

/* ---- Header ---------------------------------------------------------- */
.lx-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(160%) blur(16px);backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid transparent;transition:border-color .2s ease}
.lx-head.is-scrolled{border-bottom-color:#E8ECEA}
.lx-head__in{max-width:1180px;margin:0 auto;height:64px;padding:0 24px;display:flex;align-items:center;gap:32px}
a.lx-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#0B1F19;flex:none}
.lx-brand img{width:28px;height:28px;object-fit:contain}
.lx-brand span{font-size:17px;letter-spacing:-.01em;color:#0B1F19}
.lx-brand .lx-brand__a{font-weight:400}
.lx-brand .lx-brand__b{font-weight:700}
.lx-nav{flex:1;display:flex;align-items:center;gap:24px}
.lx-nav__links{list-style:none;margin:0;padding:0;display:flex;gap:28px}
.lx-nav__links a{color:#0B1F19;text-decoration:none;font-size:14px;padding:8px 0}
.lx-nav__links a:hover,.lx-nav__links a[aria-current="page"]{color:#0F5740}
.lx-nav__links a[aria-current="page"]{font-weight:500}
.lx-nav__acts{margin-left:auto;display:flex;align-items:center;gap:20px}
a.lx-nav__quiet{color:#4E625C;text-decoration:none;font-size:14px;padding:8px 0}
a.lx-nav__quiet:hover{color:#0B1F19}
.lx-burger{display:none;width:44px;height:44px;margin-left:auto;border:0;background:none;padding:0;cursor:pointer;position:relative}
.lx-burger i{position:absolute;left:11px;right:11px;height:1.6px;background:#0B1F19;border-radius:2px;transition:transform .25s ease,top .25s ease}
.lx-burger i:first-child{top:17px}
.lx-burger i:last-child{top:26px}
.lx-head.is-open .lx-burger i:first-child{top:21.5px;transform:rotate(45deg)}
.lx-head.is-open .lx-burger i:last-child{top:21.5px;transform:rotate(-45deg)}

@media (max-width:900px){
  /* backdrop-filter makes the header the containing block for fixed children, which
     trapped the full-screen menu inside the 64px bar. Open, the bar goes solid. */
  .lx-head.is-open{-webkit-backdrop-filter:none;backdrop-filter:none;background:#FFFFFF;border-bottom-color:#E8ECEA}
  .lx-burger{display:block}
  .lx-nav{position:fixed;left:0;right:0;top:64px;bottom:0;background:#FFFFFF;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 32px;overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
  .lx-head.is-open .lx-nav{visibility:visible;opacity:1;transform:none;transition:opacity .2s ease,transform .2s ease}
  .lx-nav__links{flex-direction:column;gap:0}
  .lx-nav__links a{display:block;padding:16px 0;font-size:22px;font-weight:600;letter-spacing:-.02em;border-bottom:1px solid #EEF1EF}
  .lx-nav__acts{margin:28px 0 0;flex-direction:column;align-items:stretch;gap:12px}
  a.lx-nav__quiet{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid #CFDCD5;border-radius:999px;font-size:16px;color:#0B1F19}
  .lx-nav__acts .lx-btn{min-height:48px;font-size:16px}
}

/* ---- Shared section frame -------------------------------------------- */
.lx-wrap{max-width:1080px;margin:0 auto}
.lx-wrap--md{max-width:880px}
.lx-center{text-align:center}
.lx-sec{padding:112px 24px}
.lx-sec--soft{background:#FAFBFA}
.lx-sec--deep{background:#0B2A22;color:#FFFFFF}
.lx .lx-sec--deep h2,.lx .lx-sec--deep h3{color:#FFFFFF}
.lx .lx-eyebrow,.lx .lp__eyebrow{display:block;margin:0 0 16px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#2C6B52}
.lx .lp__eyebrow::before,.lx .lp__eyebrow::after{content:none}
.lx .lx-h1{font-size:clamp(2.6rem,6.2vw,4.4rem);line-height:1.04;letter-spacing:-.035em}
.lx .lx-h2{font-size:clamp(2rem,4.2vw,2.9rem);line-height:1.1;letter-spacing:-.03em}
.lx .lx-lede{margin:20px auto 0;max-width:600px;font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.5;color:#4E625C}
.lx .lx-sec--deep .lx-lede{color:#A8EBCB}
.lx .lx-fine{margin-top:16px;font-size:13px;color:#4E625C}
.lx .lx-ctas{margin-top:36px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---- Home ------------------------------------------------------------ */
.lx-hero{padding:112px 24px 0;text-align:center}
.lx-hero .lx-h1{max-width:900px;margin:0 auto}
.lx-stage{margin:72px auto 0;max-width:980px;padding:40px;border-radius:28px;background:linear-gradient(180deg,#F1F6F2 0%,#FFFFFF 100%);border:1px solid #E8ECEA}
.lx-plan{max-width:560px;margin:0 auto;text-align:left;background:#FFFFFF;border:1px solid #E3E8E5;border-radius:18px;box-shadow:0 30px 60px -30px rgba(11,31,25,.25);padding:28px}
.lx-plan__top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.lx-plan__k{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#2C6B52}
.lx-plan__code{font-size:12px;color:#4E625C;font-variant-numeric:tabular-nums}
.lx .lx-plan__t{margin:10px 0 14px;font-size:22px;font-weight:600;letter-spacing:-.02em}
.lx-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.lx-chips span{font-size:12px;padding:5px 10px;border-radius:999px;background:#F1F5F2;color:#0B1F19}
.lx .lx-plan__steps{margin:0;padding-left:20px;font-size:15px;line-height:1.7;list-style:decimal}
.lx .lx-plan__note{margin-top:18px;padding:12px 14px;border-radius:12px;background:#FBF6E9;font-size:14px;color:#5A4512}
.lx .lx-plan__read{margin-top:18px;padding-top:16px;border-top:1px solid #EEF1EF;display:flex;align-items:center;gap:8px;font-size:13px;color:#2C6B52}
.lx-plan__read svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lx-hero + .lx-sec{margin-top:112px}

.lx-grid3,.lx-grid2{list-style:none;margin:56px 0 0;padding:0;display:grid;gap:20px}
.lx-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lx-grid2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:44px}
.lx-card{background:#FFFFFF;border:1px solid #E8ECEA;border-radius:22px;padding:32px}
.lx-card svg{fill:none;stroke:#0F5740;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lx .lx-card h3{margin:22px 0 8px;font-size:21px;letter-spacing:-.015em}
.lx .lx-card p{font-size:16px;color:#4E625C}

.lx-tiles{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(168,235,203,.18);border-radius:22px;overflow:hidden}
.lx-tiles li{background:#0B2A22;padding:32px}
.lx .lx-tiles h3{margin:0 0 8px;font-size:19px}
.lx .lx-tiles p{font-size:15px;color:#C9E9D9}
.lx-soon{display:inline-block;margin-bottom:12px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:rgba(212,166,58,.18);color:#F0D49A}

.lx-pairs{margin:48px 0 0;border-top:1px solid #E8ECEA}
.lx-pairs > div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:22px 0;border-bottom:1px solid #E8ECEA;font-size:16px}
.lx-pairs dt{color:#4E625C}
.lx-pairs dd{margin:0;font-weight:500}

.lx-pills{list-style:none;margin:40px 0 0;padding:0;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.lx .lx-pills a{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid #E3E8E5;background:#FFFFFF;color:#0B1F19;text-decoration:none;font-size:15px}
.lx .lx-pills a:hover{border-color:#0F5740;color:#0F5740}

.lx-price{display:flex;flex-direction:column;align-items:flex-start}
.lx .lx-price__name{font-size:14px;font-weight:600;color:#2C6B52}
.lx .lx-price__fig{margin:14px 0 4px;font-size:44px;font-weight:600;letter-spacing:-.03em;color:#0B1F19}
.lx .lx-price__per{margin-bottom:28px;font-size:14px;color:#4E625C}
.lx-close{text-align:center;padding-top:120px;padding-bottom:120px}
.lx-close .lx-btn{margin-top:32px}

/* ---- Inner pages: the blocks inc/hp-pages.php supplies ----------------- */
.lx .lp__tiles{display:block;padding:0;margin:0;background:#FFFFFF}
.lx .lp__tile{padding:104px 24px;background:#FFFFFF;border:0;border-radius:0;margin:0;box-shadow:none;min-height:0}
.lx .lp__tile:nth-of-type(even){background:#FAFBFA}
.lx .lp__tileText{max-width:760px;margin:0 auto;text-align:center}
.lx .lp__tileText h2,.lx .lp__tile > h2{font-size:clamp(2rem,4.2vw,2.75rem);line-height:1.1;letter-spacing:-.03em}
.lx .lp__sub{margin:18px auto 0;max-width:620px;font-size:clamp(1.0625rem,1.5vw,1.1875rem);line-height:1.55;color:#4E625C}
.lx .lp__links{margin-top:32px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.lx .hp__hero{padding:120px 24px 96px;background:#FFFFFF!important}
.lx .hp__hero h1{font-size:clamp(2.5rem,5.6vw,4rem);line-height:1.05;letter-spacing:-.035em}
.lx .hp__hero h1 .lp__hl,.lx .lp__hl{color:#0F5740;background:none}

.lx .hp__splitIn{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}
.lx .hp__split.is-flip .hp__splitMedia{order:-1}
.lx .hp__splitText h2{font-size:clamp(1.75rem,3.2vw,2.4rem);line-height:1.12;letter-spacing:-.03em}
.lx .hp__splitText > p{margin-top:16px;font-size:17px;color:#4E625C}
.lx .hp__ticks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.lx .hp__ticks li{position:relative;padding-left:28px;font-size:15px;color:#0B1F19}
.lx .hp__ticks li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;background:#E3F2E9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F5740' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/10px no-repeat}

.lx .lp__moreGrid{max-width:1080px;margin:56px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0}
.lx .lp__moreGrid.hp__cols2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lx .lp__moreGrid.hp__cols4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lx .lp__moreItem{position:relative;background:#FFFFFF;border:1px solid #E8ECEA;border-radius:22px;padding:30px;transform:none!important;opacity:1}
.lx .lp__moreNum,.lx .lp__glare{display:none}
.lx .lp__moreIcon{display:inline-flex;width:28px;height:28px;color:#0F5740}
.lx .lp__moreIcon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lx .lp__moreItem h3{margin:20px 0 8px;font-size:19px}
.lx .lp__moreItem p{font-size:15px;color:#4E625C}

.lx .hp__stepList{max-width:880px;margin:56px auto 0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:none}
.lx .hp__stepList li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:20px;align-items:start;background:#FFFFFF;border:1px solid #E8ECEA;border-radius:20px;padding:24px 28px}
.lx .hp__stepNum{grid-row:span 2;width:40px;height:40px;border-radius:50%;background:#E3F2E9;color:#0F5740;display:flex;align-items:center;justify-content:center;font-weight:600}
.lx .hp__stepList h3{font-size:18px}
.lx .hp__stepList p{margin-top:4px;font-size:15px;color:#4E625C}

.lx .lp__facts{max-width:1080px;margin:56px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.lx .lp__factCol{background:#FFFFFF;border:1px solid #E8ECEA;border-radius:22px;padding:30px}
.lx .lp__factCol h3{font-size:18px;margin-bottom:16px}
.lx .lp__factCol ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.lx .lp__factCol li{display:flex;flex-direction:column;gap:2px;font-size:15px}
.lx .lp__factCol li b{font-weight:600}
.lx .lp__factCol li span{color:#4E625C}

.lx .hp__timeList{max-width:820px;margin:48px auto 0;padding:0;list-style:none;border-top:1px solid #E8ECEA}
.lx .hp__timeList li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;padding:24px 0;border-bottom:1px solid #E8ECEA}
.lx .hp__timeDate{font-size:14px;color:#4E625C}
.lx .hp__timeTag{display:inline-block;margin-bottom:6px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#2C6B52}
.lx .hp__timeList h3{font-size:18px}
.lx .hp__timeList p{margin-top:4px;font-size:15px;color:#4E625C}

.lx .hp__linkGrid{max-width:1080px;margin:56px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lx .hp__linkCard{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E8ECEA;border-radius:22px;padding:30px;text-decoration:none;color:#0B1F19;transition:border-color .2s ease,transform .2s ease}
.lx .hp__linkCard:hover{border-color:#0F5740;color:#0B1F19;transform:translateY(-2px)}
.lx .hp__linkCard h3{margin:20px 0 8px;font-size:19px}
.lx .hp__linkCard p{font-size:15px;color:#4E625C;flex:1}
.lx .hp__linkGo{margin-top:20px;font-size:14px;font-weight:500;color:#0F5740}

.lx .hp__cta,.lx .lp__tile--dark{background:#0B2A22!important;color:#FFFFFF;text-align:center}
.lx .hp__cta h2,.lx .lp__tile--dark h2{color:#FFFFFF}
.lx .hp__cta .lp__sub,.lx .lp__tile--dark .lp__sub{color:#A8EBCB}
.lx .hp__cta .lp__btn{background:#FFFFFF;color:#0B2A22;border-color:#FFFFFF}
.lx .hp__cta .lp__btn:hover{background:#E3F2E9;border-color:#E3F2E9;color:#0B2A22}
.lx .hp__cta .lp__btn--ghost{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.4)}
.lx .hp__cta .lp__btn--ghost:hover{background:rgba(255,255,255,.08);color:#FFFFFF}

/* Screen guides */
.lx .lp__v{position:relative;border-radius:20px;overflow:hidden;background:#0B2A22;box-shadow:0 30px 60px -30px rgba(11,31,25,.35);border:1px solid #E3E8E5}
.lx .lp__vZoom{line-height:0}
.lx .lp__v video,.lx .lp__v img{display:block;width:100%;height:auto}
.lx .lp__vBtn{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(11,31,25,.72);cursor:pointer}
.lx .lp__vBtn i{position:absolute;left:50%;top:50%;width:12px;height:14px;transform:translate(-50%,-50%);border-left:4px solid #FFFFFF;border-right:4px solid #FFFFFF}
.lx .lp__vBtn[aria-pressed="true"] i,.lx .lp__v.is-paused .lp__vBtn i{width:0;height:0;border-left:12px solid #FFFFFF;border-right:0;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:2px}
.lx .lp__vText{margin-top:14px;font-size:14px;color:#4E625C;text-align:left}
.lx .lp__vText summary{cursor:pointer;color:#0F5740;font-weight:500;min-height:32px;display:flex;align-items:center}
.lx .lp__vText p{margin-top:8px;font-weight:500;color:#0B1F19}
.lx .lp__vText ol{list-style:decimal;padding-left:1.4em;margin:6px 0 0}
.lx .lp__vText li{margin:4px 0;line-height:1.5}

/* Library */
.lx .hp__lib{padding-top:56px}
.lx .hp__libBar,.lx .hp__chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.lx .hp__libBar button,.lx .hp__chips button{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid #D5DED9;background:#FFFFFF;color:#0B1F19;font:inherit;font-size:14px;cursor:pointer}
.lx .hp__libBar button.is-on,.lx .hp__libBar button[aria-pressed="true"],.lx .hp__chips button.is-on,.lx .hp__chips button[aria-pressed="true"]{background:#0B1F19;border-color:#0B1F19;color:#FFFFFF}
.lx .hp__libFind{max-width:560px;margin:20px auto 0;text-align:center}
.lx .hp__libSearch,.lx .hp__search{position:relative;display:block}
.lx .hp__libSearch svg,.lx .hp__search svg{position:absolute;left:16px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#4E625C;stroke-width:2;stroke-linecap:round;pointer-events:none}
.lx .hp__libSearch input,.lx .hp__search input{width:100%;height:50px;padding:0 16px 0 46px;border-radius:999px;border:1px solid #D5DED9;background:#FFFFFF;font:inherit;font-size:16px;color:#0B1F19}
.lx .hp__libCount{margin-top:10px;font-size:13px;color:#4E625C}
.lx .hp__libGroups{max-width:1080px;margin:40px auto 0;columns:2 420px;column-gap:24px}
.lx .hp__libGroup{break-inside:avoid;margin:0 0 24px;background:#FFFFFF;border:1px solid #E8ECEA;border-radius:22px;padding:24px 26px}
.lx .hp__libGroup h3{font-size:17px;display:flex;align-items:baseline;gap:8px}
.lx .hp__libGroup h3 small{font-size:13px;font-weight:500;color:#4E625C}
.lx .hp__libGroup ul{list-style:none;margin:12px 0 0;padding:0}
.lx .hp__libGroup li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #F1F4F2;font-size:15px}
.lx .hp__libGroup li em{flex:none;font-style:normal;font-size:12px;color:#4E625C}
.lx .hp__libNone,.lx .hp__none{text-align:center;margin-top:24px;color:#4E625C}

/* Blog */
.lx .hp__blogBar{max-width:1080px;margin:0 auto;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.lx .hp__blogBar .hp__search{flex:0 1 320px}
.lx .hp__posts{max-width:1080px;margin:40px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lx .hp__post{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E8ECEA;border-radius:22px;overflow:hidden;text-decoration:none;color:#0B1F19;transition:border-color .2s ease,transform .2s ease}
.lx .hp__post:hover{border-color:#0F5740;color:#0B1F19;transform:translateY(-2px)}
.lx .hp__post.is-lead{grid-column:1/-1;flex-direction:row}
.lx .hp__cover{display:flex;flex-direction:column;justify-content:space-between;min-height:160px;padding:22px;background:linear-gradient(160deg,#EEF4F0,#E1ECE5);color:#0F5740}
.lx .hp__post.is-lead .hp__cover{flex:0 0 42%;min-height:260px}
.lx .hp__coverIcon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.lx .hp__cover em{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#2C6B52}
.lx .hp__postText{display:flex;flex-direction:column;gap:8px;padding:24px}
.lx .hp__postText small{font-size:12px;color:#4E625C}
.lx .hp__postText b{font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3}
.lx .hp__post.is-lead .hp__postText b{font-size:26px}
.lx .hp__postText > span{font-size:15px;color:#4E625C}
.lx .hp__read{font-style:normal;margin-top:6px;font-size:14px;font-weight:500;color:#0F5740}

/* Articles */
.lx .hp__article{padding-top:24px}
.lx .hp__prose{max-width:700px;margin:0 auto;font-size:18px;line-height:1.7;color:#1F2D29}
.lx .hp__prose h2{margin:48px 0 14px;font-size:28px;line-height:1.2}
.lx .hp__prose h3{margin:32px 0 10px;font-size:21px}
.lx .hp__prose p,.lx .hp__prose ul,.lx .hp__prose ol{margin:0 0 18px}
.lx .hp__prose ul{list-style:disc;padding-left:1.3em}
.lx .hp__prose ol{list-style:decimal;padding-left:1.3em}
.lx .hp__prose li{margin:6px 0}
.lx .hp__prose blockquote{margin:28px 0;padding:4px 0 4px 20px;border-left:3px solid #0F5740;color:#4E625C}
.lx .hp__prose table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px;display:block;overflow-x:auto}
.lx .hp__prose th,.lx .hp__prose td{text-align:left;padding:10px 12px;border-bottom:1px solid #E8ECEA;vertical-align:top}

/* ---- Footer ------------------------------------------------------------ */
.lx-foot{background:#F5F7F5;padding:64px 24px 40px;font-size:13px;color:#4E625C}
.lx-foot__in{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:32px}
p.lx-foot__h{margin:0 0 14px;font-size:13px;font-weight:500;color:#0B1F19}
.lx-foot__col ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.lx-foot__col a{display:inline-flex;align-items:center;min-height:28px;color:#4E625C;text-decoration:none;font-size:13px}
.lx-foot__col a:hover{color:#0B1F19;text-decoration:underline}
p.lx-foot__legal{max-width:1080px;margin:48px auto 0;padding-top:20px;border-top:1px solid #E3E8E5;font-size:12px;line-height:1.6;color:#4E625C}
.lx-foot__legal a{color:#4E625C}

/* Buttons keep their own colours whatever link colour an older sheet sets around them. */
html body a.lx-btn,html body a.lx-btn:visited,html body .lx a.lp__btn,html body .lx a.lp__btn:visited{color:#FFFFFF!important;text-decoration:none!important}
html body a.lx-btn--ghost,html body a.lx-btn--ghost:visited,html body .lx a.lp__btn--ghost,html body .lx a.lp__btn--ghost:visited{color:#0F5740!important}
html body .lx .hp__cta a.lp__btn{color:#0B2A22!important}
html body .lx .hp__cta a.lp__btn--ghost{color:#FFFFFF!important}

html body .lx-nav__links a{color:#0B1F19!important}
html body .lx-nav__links a:hover,html body .lx-nav__links a[aria-current="page"]{color:#0F5740!important}
html body a.lx-nav__quiet{color:#4E625C!important}
html body a.lx-nav__quiet:hover{color:#0B1F19!important}
html body .lx-foot__col a{color:#4E625C!important}
html body .lx-foot__col a:hover{color:#0B1F19!important}
html body a.lx-brand,html body a.lx-brand span{color:#0B1F19!important}

/* Room to breathe (owner, 2026-10-26: "how close the header is to the buttons"). The
   sticky header is 64px, so anything scrolled to lands clear of it, and controls never
   sit closer than 14px to one another. */
.lx [id],.lx-pr [id]{scroll-margin-top:96px}
html{scroll-padding-top:88px}
.lx .lx-ctas,.lx .lp__links{gap:14px}
.lx .lp__links{margin-top:40px}
.lx .lx-pills{gap:14px}
.lx .hp__lib{padding-top:88px}
.lx .hp__libBar{gap:12px}
.lx .hp__libFind{margin-top:28px}
.lx .hp__libGroups{margin-top:48px}
.lx .hp__blogBar{gap:20px}
.lx .hp__chips{gap:12px}
.lx .hp__splitText .hp__ticks{margin-top:28px}
.lx-head__in{gap:40px}
.lx-nav__acts{gap:24px}

/* Hide the old chrome's leftovers if any template still prints them. */
.lx .lp__bar,.lx .lp__head,.lx .lp__float,.lx .lp__codeLink{display:none!important}

/* ---- Responsive -------------------------------------------------------- */
@media (max-width:980px){
  .lx .lp__moreGrid,.lx .lp__moreGrid.hp__cols4,.lx .hp__linkGrid,.lx .hp__posts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx .hp__splitIn{grid-template-columns:1fr;gap:40px}
  .lx .hp__split.is-flip .hp__splitMedia{order:0}
  .lx-foot__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-foot__brand{grid-column:1/-1}
}
@media (max-width:720px){
  .lx-sec,.lx .lp__tile{padding:72px 20px}
  .lx-hero{padding:64px 20px 0}
  .lx-hero + .lx-sec{margin-top:72px}
  .lx-stage{margin-top:48px;padding:16px;border-radius:22px}
  .lx-plan{padding:20px}
  .lx-grid3,.lx-grid2,.lx-tiles,.lx .lp__moreGrid,.lx .lp__moreGrid.hp__cols2,.lx .lp__moreGrid.hp__cols4,.lx .hp__linkGrid,.lx .hp__posts{grid-template-columns:1fr}
  .lx-pairs > div{grid-template-columns:1fr;gap:4px}
  .lx .hp__timeList li{grid-template-columns:1fr;gap:6px}
  .lx .hp__post.is-lead{flex-direction:column}
  .lx .hp__post.is-lead .hp__cover{min-height:160px}
  .lx .lx-ctas{flex-direction:column;align-items:stretch}
  .lx .lp__links{flex-direction:column;align-items:stretch}
  .lx .hp__hero{padding:72px 20px 56px}
  .lx-head__in{padding:0 12px 0 20px}
}
/* ---- Motion --------------------------------------------------------------
   Every movement says something the product does. Content is never hidden without
   the script: .lx-js is set by inc/lux.php, so without it everything simply shows. */

/* Scroll reveal: a short rise, staggered inside a group. */
.lx-js .lx [data-lx-r]:not(.is-in){opacity:0}
.lx-js .lx [data-lx-r].is-in{animation:lx-rise .9s cubic-bezier(.2,.7,.2,1) var(--lx-d,0ms) both}
@keyframes lx-rise{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}

/* The hero plan plays a twelve-second clinical sequence. */
.lx-stage{position:relative;overflow:hidden}
.lx-stage__scan{position:absolute;left:0;right:0;top:0;height:120px;background:linear-gradient(180deg,rgba(15,87,64,0) 0%,rgba(15,87,64,.07) 60%,rgba(15,87,64,0) 100%);animation:lx-scan 12s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
@keyframes lx-scan{0%{transform:translateY(-140px)}30%{transform:translateY(520px)}100%{transform:translateY(520px)}}
.lx-plan{position:relative;animation:lx-float 9s ease-in-out infinite}
@keyframes lx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.lx .lx-plan__steps{list-style:none;padding:0}
.lx .lx-plan__steps li{display:flex;gap:12px;align-items:flex-start;padding:6px 0}
.lx-tick{flex:none;margin-top:4px;width:20px;height:20px;border-radius:50%;border:1.5px solid #CFDCD5;display:flex;align-items:center;justify-content:center;animation:lx-tick 12s infinite}
.lx-tick svg{fill:none;stroke:#FFFFFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;animation:lx-draw 12s infinite}
.lx-plan__steps li:nth-child(1) .lx-tick,.lx-plan__steps li:nth-child(1) .lx-tick svg{animation-delay:.6s}
.lx-plan__steps li:nth-child(2) .lx-tick,.lx-plan__steps li:nth-child(2) .lx-tick svg{animation-delay:1.4s}
.lx-plan__steps li:nth-child(3) .lx-tick,.lx-plan__steps li:nth-child(3) .lx-tick svg{animation-delay:2.2s}
@keyframes lx-tick{0%{background:transparent;border-color:#CFDCD5}5%,88%{background:#0F5740;border-color:#0F5740}95%,100%{background:transparent;border-color:#CFDCD5}}
@keyframes lx-draw{0%{stroke-dashoffset:24}6%,88%{stroke-dashoffset:0}95%,100%{stroke-dashoffset:24}}
.lx-chip--wb{background:#E3F2E9!important;color:#14543B!important}
.lx .lx-plan__note{animation:lx-note 12s infinite;animation-delay:3s;transform-origin:left center}
@keyframes lx-note{0%{opacity:0;transform:translateY(6px)}5%,85%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(6px)}}
.lx-plan__code{animation:lx-code 12s infinite;animation-delay:4.2s;border-radius:6px;padding:2px 6px}
@keyframes lx-code{0%,100%{background:transparent;color:#4E625C}3%,14%{background:#0F5740;color:#FFFFFF}22%{background:transparent;color:#4E625C}}
.lx-toast{position:absolute;right:28px;top:24px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#0B1F19;color:#FFFFFF;font-size:13px;font-weight:500;box-shadow:0 18px 40px -18px rgba(11,31,25,.5);opacity:0;animation:lx-toast 12s infinite;animation-delay:4.4s}
.lx-toast svg{fill:none;stroke:#A8EBCB;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes lx-toast{0%{opacity:0;transform:translateY(-10px)}4%,22%{opacity:1;transform:none}28%,100%{opacity:0;transform:translateY(-10px)}}
.lx-plan__reads{margin-top:18px;padding-top:16px;border-top:1px solid #EEF1EF;display:flex;gap:8px;flex-wrap:wrap;min-height:46px}
.lx-read{display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;border-radius:999px;background:#E3F2E9;color:#14543B;font-size:12px;opacity:0;animation:lx-read 12s infinite}
.lx-read::before{content:"";width:7px;height:7px;border-radius:50%;background:#0F5740;box-shadow:0 0 0 3px rgba(15,87,64,.18)}
.lx-read b{font-weight:600}
.lx-read:nth-child(1){animation-delay:5.6s}
.lx-read:nth-child(2){animation-delay:6.4s}
.lx-read:nth-child(3){animation-delay:7.2s}
@keyframes lx-read{0%{opacity:0;transform:translateY(8px) scale(.96)}4%,30%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(8px) scale(.96)}}

/* The deep band breathes: a slow light across it, never behind text contrast. */
.lx-sec--deep{position:relative;overflow:hidden}
.lx-sec--deep::before{content:"";position:absolute;inset:-40%;background:radial-gradient(40% 30% at 50% 50%,rgba(168,235,203,.10),transparent 70%);animation:lx-glow 18s ease-in-out infinite alternate;pointer-events:none}
.lx-sec--deep > *{position:relative}
@keyframes lx-glow{0%{transform:translate(-18%,-10%)}100%{transform:translate(18%,12%)}}
.lx-tiles li{transition:background .3s ease}
.lx-tiles li:hover{background:#0E3329}

/* Cards answer the pointer with a lift, as a physical card would. */
.lx-card,.lx .lp__moreItem{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease,opacity .8s cubic-bezier(.2,.7,.2,1)}
.lx-card:hover,.lx .lp__moreItem:hover{transform:translateY(-3px)!important;box-shadow:0 24px 48px -28px rgba(11,31,25,.28);border-color:#D5E2DA}

@media (prefers-reduced-motion:reduce){
  .lx *,.lx *::before,.lx *::after{transition:none!important;animation:none!important}
  .lx-js .lx [data-lx-r]:not(.is-in){opacity:1}
  .lx-tick{background:#0F5740;border-color:#0F5740}
  .lx-tick svg{stroke-dashoffset:0}
  .lx-read,.lx-toast{opacity:1}
  .lx-toast{display:none}
}
@media print{
  .lx-head,.lx-foot{display:none}
}

/* ===========================================================================
   Second pass, 2026-10-26 (owner): the lockup's strapline, the three menus,
   the screen-guide carousel and the case study on the home page.
   ========================================================================= */

/* The lockup with its strapline, "Optimised moving and handling", exactly as wide as the
   wordmark, as before (owner, 2026-10-26). In Inter the uppercase strapline sets about
   17.96px of width per point and the wordmark 6.32, so the strapline must be under .352 of
   the wordmark's size or it overhangs: justify can only add space, never take it away.
   26px + 9px is 164.3 against 161.7; the tracking spreads most of the slack over the
   letters, and justify closes the last half pixel. The strapline's width:0 + min-width:100%
   lets the wordmark alone decide the width of the column.
   The whole lockup hangs off --lk, the wordmark's size, so it scales as one piece on a
   tablet and a phone (owner, 2026-10-26): strapline .3462, mark 1.54 tall, gaps .154. */
a.lx-brand{--lk:26px;align-items:center;gap:calc(var(--lk) * .4)}
.lx-brand__txt{display:grid;line-height:1}
.lx-brand .lx-brand__name{font-size:var(--lk);letter-spacing:0;color:#0B1F19;font-weight:400;white-space:nowrap}
.lx-brand .lx-brand__name b{font-weight:700}
.lx-brand small{display:block;width:0;min-width:100%;margin-top:calc(var(--lk) * .154);font-size:calc(var(--lk) * .3462);font-weight:600;letter-spacing:.008em;text-transform:uppercase;color:#2C6B52;text-align:justify;text-align-last:justify;overflow:visible}
.lx-brand img{width:calc(var(--lk) * 1.346);height:calc(var(--lk) * 1.54)}
@media (max-width:1100px){ a.lx-brand{--lk:23px} }
@media (max-width:600px){ a.lx-brand{--lk:21px} }

/* One lockup everywhere (owner, 2026-10-26: "use same for footers and everywhere there is
   logo and tagline, same width"). The header's formula, pinned hard because other sheets
   reach these: hp26.css sizes every footer small on the welcome page at 12px, and the app
   screens' .tp-logo drew the name in Archivo 300 with a strapline 2.5px wider than it.
   Screen only, so the printed plan's cover is untouched. */
@media screen{
  html body a.lx-brand .lx-brand__name,html body .tp-logo > span > i{font-family:Inter,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-style:normal!important;font-weight:400!important;letter-spacing:0!important;line-height:1!important;white-space:nowrap!important;color:#0B1F19}
  html body a.lx-brand .lx-brand__name{font-size:var(--lk)!important}
  html body .tp-logo > span > i{font-size:var(--lk,26px)!important;display:block!important}
  html body a.lx-brand .lx-brand__name b,html body .tp-logo > span > i b{font-size:inherit!important;font-family:inherit!important;font-weight:700!important;letter-spacing:0!important;margin-left:0!important;color:inherit!important}
  html body .tp-logo > span{display:grid!important;line-height:1!important}
  html body a.lx-brand small,html body .tp-logo > span > small{display:block!important;width:0!important;min-width:100%!important;max-width:none!important;font-family:Inter,-apple-system,"Segoe UI",Roboto,sans-serif!important;font-weight:600!important;letter-spacing:.008em!important;text-transform:uppercase!important;line-height:1!important;text-align:justify!important;text-align-last:justify!important;white-space:normal!important;overflow:visible!important;color:#2C6B52!important}
  html body a.lx-brand small{font-size:calc(var(--lk) * .3462)!important;margin-top:calc(var(--lk) * .154)!important}
  html body .tp-logo > span > small{font-size:calc(var(--lk,26px) * .3462)!important;margin-top:calc(var(--lk,26px) * .154)!important}
  html body .tp-logo > img{width:auto!important;height:calc(var(--lk,26px) * 1.54)!important}
}
html body a.lx-brand small{color:#2C6B52!important}

/* Menus: Solutions, About, Resources as dropdowns; Pricing a plain link. */
.lx-nav__links{align-items:center;gap:6px}
.lx-dd{position:relative}
.lx-dd__btn,a.lx-nav__plain{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#0B1F19;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}
html body .lx-nav__links a.lx-nav__plain{padding:0 12px}
.lx-dd__btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.lx-dd__btn:hover,.lx-dd.is-open .lx-dd__btn,.lx-dd__btn.is-here{background:#F1F5F2;color:#0F5740}
.lx-dd.is-open .lx-dd__btn svg{transform:rotate(180deg)}
.lx-dd__panel{position:absolute;left:-12px;top:calc(100% + 10px);display:flex;gap:28px;min-width:300px;padding:22px 24px;background:#FFFFFF;border:1px solid #E8ECEA;border-radius:20px;box-shadow:0 30px 60px -30px rgba(11,31,25,.3);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;z-index:60}
.lx-dd.is-open .lx-dd__panel{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease}
.lx-dd__col{min-width:220px}
p.lx-dd__label{margin:0 0 10px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#2C6B52}
.lx-dd__col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
html body .lx-dd__col a{display:flex;flex-direction:column;gap:2px;padding:9px 10px;margin:0 -10px;border-radius:12px;color:#0B1F19!important;text-decoration:none;font-size:14px;border:0}
html body .lx-dd__col a:hover,html body .lx-dd__col a[aria-current="page"]{background:#F1F5F2}
.lx-dd__col a b{font-weight:600}
.lx-dd__col a small{font-size:12.5px;color:#4E625C}

/* Footer with every page back. */
.lx-foot__in{grid-template-columns:1.2fr repeat(4,minmax(0,1fr))}

@media (max-width:1100px){
  .lx-nav__acts a.lx-nav__quiet:first-child{display:none}
}
@media (max-width:900px){
  .lx-nav__links{flex-direction:column;align-items:stretch;gap:0}
  .lx-dd{border-bottom:1px solid #EEF1EF}
  .lx-dd__btn,html body .lx-nav__links a.lx-nav__plain{width:100%;justify-content:space-between;min-height:56px;padding:0;border-radius:0;font-size:20px;font-weight:600;letter-spacing:-.02em;background:transparent!important}
  html body .lx-nav__links a.lx-nav__plain{border-bottom:1px solid #EEF1EF}
  .lx-dd__panel{position:static;display:none;flex-direction:column;gap:12px;min-width:0;padding:0 0 16px;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none;transition:none}
  .lx-dd.is-open .lx-dd__panel{display:flex}
  .lx-dd__col{min-width:0}
  .lx-nav__acts a.lx-nav__quiet:first-child{display:flex}
  .lx-foot__in{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ---- The screen-guide carousel ----------------------------------------- */
.lx-guides{padding-bottom:96px;background:#FAFBFA}
.lx-car{position:relative;max-width:1180px;margin:48px auto 0;padding:0;overflow:hidden}
.lx-car__track{display:flex;transition:transform .9s cubic-bezier(.65,0,.2,1);will-change:transform;touch-action:pan-y}
.lx-car__slide{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:center;padding:8px 32px 40px}
.lx-car__media{opacity:.35;transform:scale(.94);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.lx-car__slide.is-on .lx-car__media{opacity:1;transform:none}
.lx-car__text{opacity:0;transform:translateX(24px);transition:opacity .6s ease .25s,transform .8s cubic-bezier(.2,.7,.2,1) .25s}
.lx-car__slide.is-on .lx-car__text{opacity:1;transform:none}
.lx-car__n{display:block;font-size:13px;font-weight:600;letter-spacing:.08em;color:#2C6B52}
.lx .lx-car__text h3{margin:10px 0 10px;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.03em}
.lx .lx-car__text p{font-size:17px;line-height:1.55;color:#4E625C}
.lx-car__bar{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:12px}
.lx-car__btn{width:44px;height:44px;border-radius:50%;border:1px solid #CFDCD5;background:#FFFFFF;color:#0B1F19;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease;padding:0}
.lx-car__btn:hover{background:#F1F5F2;border-color:#0F5740}
.lx-car__btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lx-car__play i{display:block;width:10px;height:12px;border-left:3px solid #0B1F19;border-right:3px solid #0B1F19}
.lx-car.is-paused .lx-car__play i{width:0;height:0;border-left:10px solid #0B1F19;border-right:0;border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:3px}
.lx-car__dots{display:flex;gap:2px}
.lx-car__dots button{width:26px;height:44px;border:0;background:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.lx-car__dots span{display:block;width:8px;height:8px;border-radius:999px;background:#CFDCD5;transition:width .35s ease,background .35s ease}
.lx-car__dots button[aria-current="true"] span{width:22px;background:#0F5740}

/* The guide button shows Play whenever its film is not running. */
.lx .lp__v:not(.is-playing) .lp__vBtn i{width:0;height:0;border-left:12px solid #FFFFFF;border-right:0;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:2px}

/* The hero headline: the strapline, then where the plan goes. */
.lx-h1__sub{display:block;margin-top:.18em;font-size:.62em;font-weight:600;letter-spacing:-.025em;color:#2C6B52}

/* ---- The case study, on the home page ----------------------------------- */
.lx-case{background:#FFFFFF}
.lx-case__intro{max-width:760px;margin:0 auto;text-align:center}
.lx-case__facts{list-style:none;margin:36px auto 0;padding:0;max-width:960px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left}
.lx-case__facts li{padding:20px 22px;border:1px solid #E8ECEA;border-radius:18px;background:#FAFBFA;font-size:15px;line-height:1.5;color:#4E625C}
.lx-case__facts b{display:block;margin-bottom:6px;color:#0B1F19;font-size:15px}
.lx-case .lc-sec{padding:40px 0 0;background:transparent}
.lx-case__more{margin-top:32px;text-align:center}

@media (max-width:860px){
  .lx-car__slide{grid-template-columns:1fr;gap:24px;padding:8px 20px 32px}
  .lx-car__text{transform:translateY(16px)}
  .lx-car__bar{flex-wrap:wrap;padding:0 20px}
  .lx-car__dots{order:-1;flex-basis:100%;justify-content:center}
  .lx-car__dots button{width:24px}
  .lx-case__facts{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .lx-car__track,.lx-car__media,.lx-car__text{transition:none!important}
}