/* CAQA Digital - creative agency */
:root{
  --violet:#6C2BD9;--pink:#FF3D8A;--cyan:#7860D8;--amber:#FFB224;
  --ink:#12264F;--deep:#0B1F4E;--body:#473F63;--muted:#6A6387;/* cq-a11y: was #7A7396, 4.45:1 on white; darkened on-hue to pass 4.5:1 */--line:#E7E4F4;
  --paper:#FFFFFF;--soft:#F7F6FD;
  --grad:linear-gradient(110deg,#6C2BD9,#FF3D8A 55%,#FFB224);
  --grad2:linear-gradient(110deg,#7860D8,#6C2BD9);
  --shadow:0 12px 32px rgba(18,38,79,.1);--shadow-lg:0 32px 70px rgba(18,38,79,.2);--max:1200px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Montserrat','Inter',sans-serif;color:var(--body);background:var(--paper);line-height:1.72;font-size:16.5px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;color:var(--ink);line-height:1.08;font-weight:700;letter-spacing:-.02em}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:color .2s}
ul{list-style:none}
.container{max-width:var(--max);margin:0 auto;padding:0 24px}
.center{text-align:center}
.mt-1{margin-top:10px}.mt-2{margin-top:22px}.mt-3{margin-top:32px}
.h-xl{font-size:clamp(2rem,4.6vw,3.4rem)}
.h-lg{font-size:clamp(1.55rem,3vw,2.2rem)}
.gx{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gx2{background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:0.8125rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--violet)}
.eyebrow::before{content:"";width:30px;height:3px;border-radius:2px;background:var(--grad)}
.lead{font-size:1.12rem;color:var(--muted);max-width:780px}
#scrollbar{position:fixed;top:0;left:0;height:3px;background:var(--grad);z-index:200;width:0}
/* header */
.topbar{background:var(--ink);color:#A9A2C6;font-size:0.8125rem}
.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:14px}
.topbar a{color:#fff;font-weight:600}
.topbar a:hover{color:#FF8BB8}
.header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:transform .4s,box-shadow .3s}
.header.hide{transform:translateY(-110%)}
.header.scrolled{box-shadow:var(--shadow)}
.header .container{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:16px}
.brand img{height:61px;width:auto}
.nav{display:flex;align-items:center;gap:2px}
.nav>div{position:relative}
.nav a.top,.nav>a{padding:12px 14px;font-size:.9rem;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:6px;position:relative}
.nav a.top::after,.nav>a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:3px;border-radius:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:.28s}
.nav a.top:hover::after,.nav>a:hover::after,.nav>a.on::after,.nav a.top.on::after{transform:scaleX(1)}
.caret{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:.3s}
.nav>div:hover .caret{transform:rotate(225deg) translateY(-3px)}
.drop{position:absolute;top:100%;left:0;min-width:320px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:12px;opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s;z-index:95;max-height:72vh;overflow:auto}
.nav>div:hover .drop{opacity:1;visibility:visible;transform:none}
.drop.mega{left:50%;transform:translateX(-50%) translateY(12px);width:min(900px,94vw);display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;padding:18px}
.nav>div:hover .drop.mega{transform:translateX(-50%) translateY(0)}
.drop a{display:block;padding:8px 14px;font-size:.85rem;font-weight:600;color:var(--body);border-radius:10px;transition:.2s;border-left:2px solid transparent}
.drop a:hover{background:var(--soft);color:var(--violet);border-left-color:var(--pink);padding-left:18px}
.drop .dl{font-size:0.8125rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--pink);padding:10px 14px 4px;display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 30px;border-radius:50px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.88rem;cursor:pointer;border:0;position:relative;overflow:hidden;transition:.25s;will-change:transform}
.btn-grad{background:var(--grad);background-size:170% 100%;color:#fff;box-shadow:0 12px 28px rgba(108,43,217,.35)}
.btn-grad:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(255,61,138,.4);background-position:90% 0}
.btn-ink{background:var(--ink);color:#fff}
.btn-ink:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(18,38,79,.35)}
.btn-line{background:transparent;color:var(--ink);border:2px solid var(--ink)}
.btn-line:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}
.btn-white{background:#fff;color:var(--ink)}
.btn-white:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.3)}
.btn:active{transform:scale(.97)}
.btn-grad::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .55s}
.btn-grad:hover::after{left:130%}
.nav-toggle{display:none;background:0;border:0;cursor:pointer;width:44px;height:44px}
.nav-toggle span{display:block;width:24px;height:2.5px;background:var(--ink);margin:5px auto;border-radius:2px}
.ripple{position:absolute;border-radius:50%;background:rgba(108,43,217,.18);transform:scale(0);animation:rip .6s ease-out forwards;pointer-events:none}
@keyframes rip{to{transform:scale(3.4);opacity:0}}
/* hero */
.mast{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden;background:var(--soft)}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:drift 14s ease-in-out infinite alternate}
.blob.b1{width:480px;height:480px;background:#D9C6FF;left:-130px;top:-140px}
.blob.b2{width:420px;height:420px;background:#FFD0E3;right:6%;bottom:-160px;animation-delay:2s}
.blob.b3{width:300px;height:300px;background:#C8D6F9;right:-90px;top:-80px;animation-delay:4s}
@keyframes drift{from{transform:translate(0,0) scale(1)}to{transform:translate(46px,-32px) scale(1.14)}}
.mast .container{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding-top:64px;padding-bottom:64px}
.mast h1{font-size:clamp(2.5rem,5.4vw,4.3rem)}
.mast .lead{margin-top:20px}
.hero-cta{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}
.hchips{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.hchip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:50px;padding:8px 16px;font-size:0.8125rem;font-weight:700;color:var(--ink);box-shadow:var(--shadow);transition:.3s;transform:rotate(0)}
.hchip:hover{transform:translateY(-4px) rotate(-2deg);border-color:var(--pink)}
.hchip i{width:9px;height:9px;border-radius:50%;background:var(--grad)}
.hero-art{position:relative}
.hero-art .frame{border-radius:26px;overflow:hidden;box-shadow:var(--shadow-lg);transform:rotate(2deg);transition:transform .6s;border:6px solid #fff}
.hero-art:hover .frame{transform:rotate(0)}
.hero-art .frame img{width:100%;height:440px;object-fit:cover}
.float-card{position:absolute;background:#fff;border-radius:18px;padding:14px 20px;box-shadow:var(--shadow-lg);animation:floaty 5s ease-in-out infinite;z-index:3}
.float-card b{font-family:'Space Grotesk',sans-serif;font-size:1.4rem;display:block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.float-card span{font-size:0.8125rem;color:var(--muted);font-weight:700;letter-spacing:.06em}
.fc1{top:26px;left:-30px}.fc2{bottom:34px;right:-24px;animation-delay:2.2s}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}
@media(prefers-reduced-motion:no-preference){
  .split-line{display:inline-block;overflow:hidden;vertical-align:bottom}
  .split-word{display:inline-block;transform:translateY(110%) rotate(4deg);animation:wordup .9s cubic-bezier(.22,1,.36,1) forwards}
  @keyframes wordup{to{transform:none}}
  .mast .eyebrow{opacity:0;animation:fadein .8s .1s forwards}
  .mast .lead,.mast .hero-cta,.mast .hchips{opacity:0;animation:riseup 1s .5s cubic-bezier(.22,1,.36,1) forwards}
  @keyframes fadein{to{opacity:1}}
  @keyframes riseup{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
}
/* outline display text */
.giant{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(3rem,9vw,5rem);line-height:1;color:transparent;-webkit-text-stroke:1.5px #D9D3F0;letter-spacing:-.02em;user-select:none;white-space:nowrap;overflow:hidden}
/* marquee */
.ticker{background:var(--ink);overflow:hidden;padding:13px 0}
.tk-track{display:flex;white-space:nowrap;animation:mq 34s linear infinite}
.tk-track span{display:inline-flex;align-items:center;gap:18px;padding:0 18px;font-family:'Space Grotesk',sans-serif;font-size:.9rem;color:#B9B2D8;letter-spacing:.06em}
.tk-track i{width:8px;height:8px;background:var(--grad);border-radius:50%;flex:none}
.ticker:hover .tk-track{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
/* sections */
.section{padding:76px 0}
.section.soft{background:var(--soft)}
.section.ink{background:var(--ink);color:#fff}
.section.ink h2,.section.ink h3{color:#fff}
.section:has(.cta-band){padding-top:14px;padding-bottom:54px}
/* service cards */
.sv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.sv{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:28px 26px;display:block;position:relative;overflow:hidden;transition:.35s;transform-style:preserve-3d}
.sv::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:.4s}
.sv:hover{transform:translateY(-9px) rotate(-.5deg);box-shadow:var(--shadow-lg);border-color:transparent}
.sv:hover::before{transform:scaleX(1)}
.sv .ic{width:54px;height:54px;border-radius:16px;background:var(--grad);display:grid;place-items:center;color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.05rem;margin-bottom:16px;transition:.4s;box-shadow:0 10px 22px rgba(108,43,217,.3)}
.sv:nth-child(3n+2) .ic{background:var(--grad2)}
.sv:nth-child(3n) .ic{background:linear-gradient(110deg,#FF3D8A,#FFB224)}
.sv:hover .ic{transform:rotate(-8deg) scale(1.1)}
.sv h3{font-size:1.1rem;margin-bottom:8px;transition:color .3s}
.sv:hover h3{color:var(--violet)}
.sv p{font-size:.87rem;color:var(--muted)}
.sv .go{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-weight:700;font-size:0.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--pink)}
.sv .go svg{width:15px;height:15px;stroke:currentColor;transition:transform .3s}
.sv:hover .go svg{transform:translateX(6px)}
/* portfolio */
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}
.work{position:relative;border-radius:20px;overflow:hidden;border:1.5px solid var(--line);background:#fff;transition:.4s;display:block}
.work img{width:100%;height:240px;object-fit:cover;object-position:top;transition:transform 4s ease,filter .4s}
.work:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.work:hover img{transform:translateY(calc(-100% + 240px));filter:saturate(1.1)}
.work .cap{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1.5px solid var(--line)}
.work .cap b{font-family:'Space Grotesk',sans-serif;color:var(--ink);font-size:.95rem}
.work .cap span{font-size:0.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pink)}
/* stats */
.statwall{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}
.stat{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:26px;text-align:center;transition:.3s}
.stat:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:var(--shadow-lg);border-color:#E6C6FF}
.stat b{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:700;display:block;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font-size:0.8125rem;color:var(--muted);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
/* check list, split */
.check-list li{padding:9px 0 9px 32px;position:relative;font-size:.95rem;transition:.25s;border-radius:8px}
.check-list li::before{content:"";position:absolute;left:0;top:13px;width:19px;height:19px;border-radius:50%;background:var(--grad);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.check-list li:hover{background:rgba(108,43,217,.06);padding-left:38px;color:var(--ink)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.split .ph{border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative;border:6px solid #fff}
.split .ph img{width:100%;height:400px;object-fit:cover;transition:transform .7s}
.split .ph:hover img{transform:scale(1.05)}
/* page hero */
.page-hero{position:relative;background:var(--ink);color:#fff;padding:50px 0 44px;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(640px 300px at 88% 0%,rgba(108,43,217,.4),transparent 60%),radial-gradient(520px 280px at 5% 100%,rgba(255,61,138,.25),transparent 60%)}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{color:#fff;font-size:clamp(2rem,4.2vw,3.1rem);max-width:880px}
.page-hero .lead{color:#C4BDE2;margin-top:14px}
.crumbs{font-size:0.8125rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8F87B5;margin-bottom:16px}
.crumbs a{color:#FF8BB8}
.page-hero .eyebrow{color:#FF8BB8}
.page-hero .eyebrow::before{background:var(--grad)}
/* service detail blocks */
.bp{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:32px 0;border-bottom:1px solid var(--line)}
.bp .num{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.25rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;position:sticky;top:112px;align-self:start}
.bp h2{font-size:1.4rem;margin-bottom:10px}
.bp h3{font-size:1.05rem;margin:18px 0 8px;color:var(--violet)}
.bp p{color:var(--body);font-size:.95rem;margin-bottom:12px;max-width:820px}
.bp ul{margin:0 0 12px}
.bp li{padding:5px 0 5px 26px;position:relative;font-size:.93rem}
.bp li::before{content:"";position:absolute;left:2px;top:13px;width:8px;height:8px;border-radius:50%;background:var(--grad)}
/* accordion, forms */
.acc{background:#fff;border:1.5px solid var(--line);border-radius:16px;margin-bottom:12px;overflow:hidden;transition:.3s}
.acc:hover{border-color:#E0C9FF;box-shadow:var(--shadow)}
.acc summary{cursor:pointer;padding:20px 26px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1rem;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.acc summary::after{content:"+";font-size:1.5rem;color:var(--pink);transition:.3s;line-height:1}
.acc[open] summary::after{transform:rotate(45deg)}
.acc .ac-body{padding:0 26px 22px;font-size:.92rem;color:var(--muted)}
.field{margin-bottom:18px}
.field label{display:block;font-size:0.8125rem;font-weight:700;color:var(--ink);margin-bottom:7px;letter-spacing:.1em;text-transform:uppercase}
.field input,.field select,.field textarea{width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:14px;font:inherit;font-size:.93rem;color:var(--ink);background:#fff;transition:.25s}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--violet);box-shadow:0 0 0 4px rgba(108,43,217,.14)}
.form-card{background:#fff;border:1.5px solid var(--line);border-radius:24px;padding:38px;box-shadow:var(--shadow)}
.info-card{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:30px;transition:.3s}
.info-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.info-card .row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:.89rem}
.info-card .row b{text-align:right;color:var(--ink)}
/* cta */
.cta-band{background:var(--grad);border-radius:26px;padding:42px 48px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}
.cta-band::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.14);right:-80px;top:-120px}
.cta-band h2{color:#fff;font-size:clamp(1.4rem,2.6vw,2rem)}
.cta-band p{opacity:.95;margin-top:8px;max-width:600px;font-size:.93rem}
/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}
/* footer (CAQA Digital dark) */
.footer{background:var(--ink);color:#A9A2C6;padding:56px 0 0;border-top:5px solid transparent;border-image:linear-gradient(110deg,#6C2BD9,#FF3D8A,#FFB224) 1}
.footer h4{color:#fff;font-size:.82rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:16px;font-family:'Space Grotesk',sans-serif}
.footer h4::after{content:"";display:block;width:30px;height:3px;border-radius:2px;background:var(--grad);margin-top:8px}
.footer li{margin-bottom:9px;font-size:.86rem}
.footer li a{transition:.25s;display:inline-block}
.footer li a:hover{color:#fff;transform:translateX(5px)}
.footer .f-grid{display:grid;grid-template-columns:1.25fr 1fr 1.1fr 1fr;gap:38px;padding-bottom:40px}
.footer .f-brand img{height:56px;margin-bottom:16px}
.footer .f-brand p{font-size:.86rem;line-height:1.7}
.f-news-form{display:flex;gap:0;margin-top:12px;background:#fff;border-radius:999px;padding:5px;max-width:360px}
.f-news-form input{flex:1;padding:10px 18px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:.88rem;min-width:0;border-radius:999px}
.f-news-form input:focus{outline:none}
.f-news-form button{padding:11px 24px;border:0;background:var(--grad);color:#fff;font-weight:700;cursor:pointer;transition:.25s;border-radius:999px;font-size:.85rem}
.f-news-form button:hover{transform:scale(1.04)}
.socials{display:flex;gap:10px;margin-top:16px}
.socials a{width:38px;height:38px;border-radius:50%;border:1.5px solid #2B2350;display:grid;place-items:center;transition:.3s}
.socials a:hover{background:var(--grad);border-color:transparent;transform:translateY(-4px) rotate(8deg)}
.socials svg{width:15px;height:15px;fill:#fff}
.f-sis{padding:0 0 22px;font-size:0.8125rem;line-height:2}
.f-sis a{color:#A9A2C6}.f-sis a:hover{color:#fff}
.f-bottom{border-top:1px solid #241D45;padding:18px 0;font-size:0.8125rem}
.f-bottom .container{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.f-bottom a{color:#FF8BB8}
/* responsive */
@media(max-width:1020px){
  .sv-grid,.work-grid{grid-template-columns:1fr 1fr}
  .statwall{grid-template-columns:1fr 1fr}
  .mast .container,.split{grid-template-columns:1fr}
  .footer .f-grid{grid-template-columns:1fr 1fr}
  .drop.mega{grid-template-columns:1fr;width:94vw}
}
@media(max-width:760px){
  .nav{position:fixed;inset:80px 0 auto 0;background:#fff;flex-direction:column;align-items:stretch;padding:14px 22px 24px;box-shadow:var(--shadow-lg);transform:translateY(-130%);transition:.4s;z-index:80;max-height:75vh;overflow:auto}
  .nav.open{transform:none}
  .drop{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;display:none}
  .nav>div:hover .drop{display:block}
  .nav-toggle{display:block}
  .header .btn{display:none}
  .sv-grid,.work-grid,.statwall{grid-template-columns:1fr}
  .cta-band{flex-direction:column;padding:34px 24px}
  .footer .f-grid{grid-template-columns:1fr}
  .mast{min-height:480px}
  .section{padding:38px 0}
  .fc1{left:0}.fc2{right:0}
}

/* CAQA family dome footer + floating newsletter card */
.f-news{position:relative;z-index:3;width:min(1120px,90%);margin:0 auto -52px;background:var(--grad);border-radius:24px;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;box-shadow:0 30px 70px rgba(18,38,79,.4);overflow:hidden;color:#fff}
.f-news::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.14);right:-70px;top:-110px}
.f-news h3{color:#fff;font-size:1.4rem;font-family:'Space Grotesk',sans-serif}
.f-news p{color:rgba(255,255,255,.92);font-size:.9rem}
.f-news .f-news-form{margin-top:0;flex:1;min-width:300px;max-width:520px;background:#fff;border-radius:999px;padding:6px;display:flex}
.f-news .f-news-form button{background:var(--ink)}
.footer{position:relative;padding:112px 0 0;margin-top:58px;border-top:0;border-image:none}
.footer::before{content:"";position:absolute;top:-66px;left:50%;transform:translateX(-50%);width:130%;height:140px;background:var(--ink);border-radius:50% 50% 0 0}
.footer>.container,.footer .f-bottom{position:relative;z-index:2}
.footer .f-brand .f-news-form{display:none}
@media(max-width:760px){.f-news{padding:24px 20px}}

/* CTA redesigned: ink-ticket style, distinct from gradient newsletter card */
.cta-band{background:#fff;color:var(--ink);border:2.5px solid var(--ink);border-radius:22px;box-shadow:10px 10px 0 var(--pink);padding:44px 48px;transition:.3s}
.cta-band:hover{box-shadow:14px 14px 0 var(--violet);transform:translate(-3px,-3px)}
.cta-band::before{display:none}
.cta-band h2{color:var(--ink)}
.cta-band p{color:var(--muted);opacity:1}
.cta-band .btn-white{background:var(--ink);color:#fff;border-radius:14px}
.cta-band .btn-white:hover{background:var(--violet);box-shadow:0 12px 26px rgba(108,43,217,.35)}
.section:has(.cta-band){padding-bottom:30px}
/* fix: gradient text inside split-word spans */
.gx .split-word{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.gx2 .split-word{background:var(--grad2);-webkit-background-clip:text;background-clip:text;color:transparent}
.tk-track{width:max-content}

/* UX-FIX rendered-contrast (light-bg text to AA; dark contexts restored) */
.lead{color:#696281}
.mast .lead,[class*="hero"] .lead,.page-hero .lead,.banner .lead,footer .lead,.foot .lead,.dark .lead,.invert .lead,.topbar .lead,.drawer .lead,.overlay .lead{color:#7a7396}
/* cq-a11y: .page-hero is dark (--ink); #7a7396 was 4.35:1 there. Restore the designed lavender tint (10.8:1). */
.page-hero .lead{color:#C4BDE2}
.drop .dl{color:#bd2c66}
.mast .drop .dl,[class*="hero"] .drop .dl,.page-hero .drop .dl,.banner .drop .dl,footer .drop .dl,.foot .drop .dl,.dark .drop .dl,.invert .drop .dl,.topbar .drop .dl,.drawer .drop .dl,.overlay .drop .dl{color:#ff3d8a}
.float-card span{color:#696281}
.mast .float-card span,[class*="hero"] .float-card span,.page-hero .float-card span,.banner .float-card span,footer .float-card span,.foot .float-card span,.dark .float-card span,.invert .float-card span,.topbar .float-card span,.drawer .float-card span,.overlay .float-card span{color:#7a7396}
.tk-track span{color:#6c697e}
.mast .tk-track span,[class*="hero"] .tk-track span,.page-hero .tk-track span,.banner .tk-track span,footer .tk-track span,.foot .tk-track span,.dark .tk-track span,.invert .tk-track span,.topbar .tk-track span,.drawer .tk-track span,.overlay .tk-track span{color:#b9b2d8}
.sv p{color:#696281}
.mast .sv p,[class*="hero"] .sv p,.page-hero .sv p,.banner .sv p,footer .sv p,.foot .sv p,.dark .sv p,.invert .sv p,.topbar .sv p,.drawer .sv p,.overlay .sv p{color:#7a7396}
.sv .go{color:#bd2c66}
.mast .sv .go,[class*="hero"] .sv .go,.page-hero .sv .go,.banner .sv .go,footer .sv .go,.foot .sv .go,.dark .sv .go,.invert .sv .go,.topbar .sv .go,.drawer .sv .go,.overlay .sv .go{color:#ff3d8a}
.work .cap span{color:#bd2c66}
.mast .work .cap span,[class*="hero"] .work .cap span,.page-hero .work .cap span,.banner .work .cap span,footer .work .cap span,.foot .work .cap span,.dark .work .cap span,.invert .work .cap span,.topbar .work .cap span,.drawer .work .cap span,.overlay .work .cap span{color:#ff3d8a}
.stat span{color:#696281}
.mast .stat span,[class*="hero"] .stat span,.page-hero .stat span,.banner .stat span,footer .stat span,.foot .stat span,.dark .stat span,.invert .stat span,.topbar .stat span,.drawer .stat span,.overlay .stat span{color:#7a7396}
.crumbs{color:#696386}
.mast .crumbs,[class*="hero"] .crumbs,.page-hero .crumbs,.banner .crumbs,footer .crumbs,.foot .crumbs,.dark .crumbs,.invert .crumbs,.topbar .crumbs,.drawer .crumbs,.overlay .crumbs{color:#8f87b5}
.crumbs a{color:#96506c}
.mast .crumbs a,[class*="hero"] .crumbs a,.page-hero .crumbs a,.banner .crumbs a,footer .crumbs a,.foot .crumbs a,.dark .crumbs a,.invert .crumbs a,.topbar .crumbs a,.drawer .crumbs a,.overlay .crumbs a{color:#ff8bb8}
.acc summary::after{color:#bd2c66}
.mast .acc summary::after,[class*="hero"] .acc summary::after,.page-hero .acc summary::after,.banner .acc summary::after,footer .acc summary::after,.foot .acc summary::after,.dark .acc summary::after,.invert .acc summary::after,.topbar .acc summary::after,.drawer .acc summary::after,.overlay .acc summary::after{color:#ff3d8a}
.acc .ac-body{color:#696281}
.mast .acc .ac-body,[class*="hero"] .acc .ac-body,.page-hero .acc .ac-body,.banner .acc .ac-body,footer .acc .ac-body,.foot .acc .ac-body,.dark .acc .ac-body,.invert .acc .ac-body,.topbar .acc .ac-body,.drawer .acc .ac-body,.overlay .acc .ac-body{color:#7a7396}
.f-sis a{color:#6b667e}
.mast .f-sis a,[class*="hero"] .f-sis a,.page-hero .f-sis a,.banner .f-sis a,footer .f-sis a,.foot .f-sis a,.dark .f-sis a,.invert .f-sis a,.topbar .f-sis a,.drawer .f-sis a,.overlay .f-sis a{color:#a9a2c6}
.f-bottom a{color:#96506c}
.mast .f-bottom a,[class*="hero"] .f-bottom a,.page-hero .f-bottom a,.banner .f-bottom a,footer .f-bottom a,.foot .f-bottom a,.dark .f-bottom a,.invert .f-bottom a,.topbar .f-bottom a,.drawer .f-bottom a,.overlay .f-bottom a{color:#ff8bb8}

/* ============ LAUNCH 2026-07: a11y + forms ============ */
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:#0B1633;color:#fff;padding:12px 22px;border-radius:0 0 10px 0;font-weight:600}
.skip-link:focus{left:0}
.menu li:focus-within .dropdown,.menu li:focus-within .drop,nav li:focus-within .dropdown{opacity:1;visibility:visible;transform:none}
.cq-pause{position:absolute;right:18px;bottom:16px;z-index:6;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(10,16,40,.45);color:#fff;cursor:pointer;font-size:.8rem;display:grid;place-items:center;backdrop-filter:blur(4px)}
.cq-pause:hover{background:rgba(10,16,40,.75)}
.form-ok{background:#F0F7F0;border:1px solid #CFE8D2;border-left:4px solid #00800b;border-radius:12px;padding:20px 24px;font-size:.98rem;line-height:1.7}
.form-err{color:#B4232A;font-weight:600;margin-top:12px}
.consent-row{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;line-height:1.6;margin:4px 0 6px;grid-column:1/-1}
.consent-row input{width:auto!important;min-height:0!important;margin-top:4px;accent-color:#00800b}
.news-consent{font-size:.75rem;margin-top:8px;opacity:.85}
.news-consent a{text-decoration:underline}
@media (prefers-reduced-motion:reduce){.cqsvc-track,.marquee-track{animation:none!important}.reveal{opacity:1!important;transform:none!important}}

/* ============ FAMILY FEEDBACK 2026-07: brighter secondary text on dark surfaces ============ */
.marquee span{color:#DFE7FA}.marquee i{opacity:1}
.band p,.band .proof p{color:#C6CFE8}
.stats-row span,.sigband span{opacity:.92}
.f-news p{opacity:.95}
.f-bottom a{opacity:1}
/* footer: brand block as full-width first row, columns in a wider second row */
.f-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;width:min(1240px,92%)!important;gap:38px}
.f-grid>div:first-child,.f-grid>.f-about{grid-column:1/-1;max-width:920px}
.f-bottom .container,.f-bottom>.container{justify-content:center!important;text-align:center;flex-direction:column;gap:8px}
@media(max-width:1024px){.f-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:680px){.f-grid{grid-template-columns:1fr!important}}

/* ============ FOOTER-FAMILY 2026-07: consulting-style footer ============ */
.footer{padding-top:26px}
.footer .f-news{position:relative;z-index:2;width:min(1120px,90%);margin:6px auto 0;background:linear-gradient(135deg,#10286B,#183E99);border-radius:26px;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;box-shadow:0 30px 70px rgba(11,22,51,.3)}
.footer .f-news h3{color:#fff;font-size:1.5rem;margin:0 0 4px;font-family:inherit}
.footer .f-news>div>p{color:#C7D0EC;font-size:.93rem;margin:0}
.footer .f-news-form{display:flex;align-items:center;background:#fff;border-radius:999px;padding:7px;flex:1;min-width:280px;max-width:560px}
.footer .f-news-form input[type="email"]{flex:1;border:0;outline:none;padding:11px 22px;font-family:inherit;font-size:.93rem;border-radius:999px;min-width:0;color:#13203A;background:#fff}
.footer .f-news-form button{border-radius:999px;padding:13px 26px;flex:none;border:0;cursor:pointer;background:#00800B;color:#fff;font-weight:700;font-family:inherit;font-size:.9rem;transition:.25s}
.footer .f-news-form button:hover{background:#026A0C}
.footer .news-consent{flex-basis:100%;font-size:.75rem;opacity:.9;margin:2px 0 0;color:#C7D0EC}
.footer .news-consent a{text-decoration:underline;color:#DFF3E1}
.footer .f-brandrow{width:min(1240px,92%);margin:0 auto;padding:44px 0 4px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.footer .f-brandrow p{font-size:.95rem;line-height:1.85;max-width:900px;margin:0}
.footer .f-brandrow .socials{margin-top:4px}
.footer .f-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:40px;width:min(1240px,92%);margin:26px auto 0;padding:34px 0;border-top:1px solid rgba(255,255,255,.12)}
.footer .f-grid>div:first-child{grid-column:auto!important;max-width:none!important}
.footer .f-sis{grid-column:1/-1!important}
.footer .f-bottom .container{flex-direction:column;justify-content:center!important;text-align:center;gap:8px}
.footer .form-ok{color:#9FE6AE;font-weight:600;padding:10px 18px}
@media(max-width:680px){.footer .f-news{padding:22px}}

.footer .f-brandrow>img,.footer .f-brandrow>a>img{height:56px;width:auto}
.footer .f-brandrow>svg{height:56px;width:auto}
.footer .f-brandrow .socials svg{height:16px;width:16px}
.footer .f-brandrow .socials a{width:42px;height:42px}

.footer .f-brandrow .brand span{color:#fff}
.footer .f-brandrow .brand small{color:#B9C6EE}
.footer .f-brandrow .brand .bx{box-shadow:0 6px 18px rgba(0,0,0,.35)}

/* FTR3 2026-07 - centred footer brand row + balanced link columns */
.f-brandrow{align-items:center;text-align:center}
.f-brandrow p{margin-left:auto;margin-right:auto;max-width:860px}
.f-brandrow .socials{justify-content:center;margin-left:auto;margin-right:auto}
.f-grid{gap:30px 44px;padding:40px 0 26px}
.f-grid ul{margin:0;padding:0;list-style:none}
.f-grid li{margin:0 0 9px;padding:0}
.f-grid li a{line-height:1.45;display:inline-block}
.f-grid h4{margin-bottom:15px}

/* A11Y 2026-07 - WCAG 2.2 AA support layer */
:focus-visible{outline:3px solid #E8772E;outline-offset:2px;border-radius:3px}
.skip-link{position:absolute;left:-9999px;top:0;z-index:99999;background:#0B1E4B;color:#fff!important;padding:10px 18px;border-radius:0 0 10px 0;font-weight:600}
.skip-link:focus{left:0}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* FTR4 2026-07 - tight footer link rows */
.f-grid li{line-height:1.5;margin:0 0 10px;padding:0}
.f-grid li a{line-height:1.5;display:inline-block;padding:0}
.f-grid ul{margin:0;padding:0;list-style:none}
/* FTR4B 2026-07 - footer link rows at WCAG AA target size */
.f-grid li a, .foot2 li a, footer .f-links li a{min-height:24px}

/* FTR5 2026-07 - footcenter.css interplay fix: the earlier
   ".f-grid{...repeat(auto-fit,minmax(200px,1fr))!important}" rules in this
   file out-rank the shared footcenter.css centered grid (which carries no
   !important). Restore the canonical capped, centered 3-column footer grid
   here instead of editing the shared file. */
.footer .container.f-grid,.footer .f-grid{grid-template-columns:repeat(3,minmax(220px,320px))!important;justify-content:center}
@media(max-width:1020px){.footer .container.f-grid,.footer .f-grid{grid-template-columns:repeat(2,minmax(200px,300px))!important}}
@media(max-width:640px){.footer .container.f-grid,.footer .f-grid{grid-template-columns:minmax(0,340px)!important}}

/* ============ CINE-INTERACT 2026-07: Vex character panel + creative work gallery + interaction layer ============ */
/* character hero panel (cine-charpanel) */
.cine-charpanel{position:relative;width:min(1160px,92%);margin:34px auto 8px;border-radius:18px;overflow:hidden;max-height:52vh;background:var(--deep);box-shadow:0 26px 64px rgba(108,43,217,.3),0 0 0 1px rgba(108,43,217,.16)}
.cine-charpanel video{display:block;width:100%;height:auto;max-height:52vh;object-fit:cover}
.cine-charpanel::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(to top,rgba(18,38,79,.8),transparent);pointer-events:none}
.cine-charname{position:absolute;left:16px;bottom:14px;z-index:2;display:inline-block;max-width:calc(100% - 32px);background:rgba(18,38,79,.74);border:1px solid rgba(120,96,216,.4);border-radius:999px;padding:9px 18px;color:#E9E5FA;font:600 .84rem/1.5 'Montserrat','Inter',sans-serif;backdrop-filter:blur(8px)}
.cine-charname b{color:#fff;font-weight:700}
@media(max-width:760px){.cine-charpanel{margin:22px auto 4px}.cine-charname{font-size:.76rem;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:7px 14px}}
/* creative work gallery (cine-workgallery) */
.cine-workgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}
.cine-workcard{position:relative;margin:0;border-radius:18px;overflow:hidden;border:1.5px solid var(--line);background:#fff;box-shadow:var(--shadow)}
.cine-workcard img{width:100%;height:100%;aspect-ratio:16/12;object-fit:cover;display:block;transition:transform .6s ease,filter .4s}
.cine-workcard::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(to top,rgba(18,38,79,.55),transparent);pointer-events:none}
.cine-workcard figcaption{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;background:rgba(18,38,79,.8);color:#fff;font:700 .76rem/1.4 'Space Grotesk',sans-serif;letter-spacing:.04em;padding:8px 12px;border-radius:999px;text-align:center}
.cine-workcard:hover img{transform:scale(1.06);filter:saturate(1.12)}
@media(max-width:1020px){.cine-workgrid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.cine-workgrid{grid-template-columns:1fr}}
/* interaction layer (interact.js) */
.ix-cursorblob{position:absolute;left:0;top:0;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle at 38% 36%,rgba(108,43,217,.55),rgba(255,61,138,.4) 46%,rgba(120,96,216,.26) 68%,rgba(120,96,216,0) 72%);filter:blur(44px);opacity:0;pointer-events:none;z-index:1;will-change:transform,opacity}
.ix-gl{display:inline-block;will-change:transform}
.section.ink{position:relative}
.section.ink>.container{position:relative;z-index:1}
.ix-inkblobs{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 1.2s ease}
.ix-inkblobs.ix-on{opacity:1}
.ix-inkblobs svg{width:100%;height:100%;display:block}
.ix-ctagrad{background:linear-gradient(var(--ixa,110deg),#6C2BD9,#FF3D8A 55%,#FFB224);-webkit-background-clip:text;background-clip:text;color:transparent}
.cta-band h2.ix-ctagrad{color:transparent}
@media (prefers-reduced-motion:reduce){.ix-cursorblob{display:none}.ix-gl{transform:none!important}.cine-workcard:hover img{transform:none}}

/* ============ LX BUILD ENGINE 2026-07: Builder A (S1-S5) ============ */
/* lx:base */
.lx-lock{overflow:hidden!important}
[id]{scroll-margin-top:88px}
[hidden]{display:none!important}
.lx-kicker{display:inline-block;font:700 .72rem/1.5 Consolas,'Courier New',monospace;letter-spacing:.3em;color:#193E99;text-transform:uppercase}
.lx-hero .lx-kicker{color:#193E99}
.lx-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;border-radius:999px;font:700 .92rem 'Montserrat','Inter',sans-serif;letter-spacing:.02em;transition:transform .25s,box-shadow .25s,background .25s,color .25s,border-color .25s}
.lx-btn-em{background:linear-gradient(110deg,#7860D8,#39FF88);color:#040A1A;box-shadow:0 14px 34px rgba(120,96,216,.32)}
.lx-btn-em:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(57,255,136,.38);color:#040A1A}
.lx-btn-line{border:1px solid rgba(16,24,40,.35);color:#101828;background:#fff}
.lx-btn-line:hover{border-color:#2F5BD6;color:#2F5BD6}
.lx-hero .lx-btn-line{border-color:rgba(16,24,40,.35);color:#101828;background:#fff}
.lx-hero .lx-btn-line:hover{border-color:#2F5BD6;color:#2F5BD6}
.lx-cursor{position:fixed;left:-100px;top:-100px;width:22px;height:22px;border:1.5px solid #193E99;border-radius:50%;z-index:9999;pointer-events:none;transform:translate(-50%,-50%);transition:width .22s,height .22s,background .22s,border-color .22s;display:flex;align-items:center;justify-content:center}
.lx-cursor .tx{font:700 .58rem Consolas,'Courier New',monospace;letter-spacing:.12em;color:#fff;opacity:0;transition:opacity .2s}
.lx-cursor.grow{width:44px;height:44px;background:rgba(25,62,153,.14)}
.lx-cursor.view{width:64px;height:64px;background:#193E99;border-color:#193E99}
.lx-cursor.view .tx{opacity:1}
html.lx-cursor-live body,html.lx-cursor-live a,html.lx-cursor-live button{cursor:none}
@media(max-width:767px){.lx-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.lx-cursor{display:none}html.lx-cursor-live body,html.lx-cursor-live a,html.lx-cursor-live button{cursor:auto}}
/* lx:base:end */

/* lx:nav */
.lx-nav{position:sticky;top:0;z-index:1500;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #E4E7EC;transition:box-shadow .35s}
.lx-nav.lx-scrolled{box-shadow:0 8px 24px rgba(16,24,40,.08)}
.lx-nav-in{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:16px;min-height:76px}
.lx-brand{display:flex;align-items:center;gap:12px}
.lx-brand-bx{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#6C2BD9,#7860D8);color:#fff;font:800 .95rem 'Space Grotesk',sans-serif;box-shadow:0 8px 22px rgba(108,43,217,.4)}
.lx-brand-tx{display:flex;flex-direction:column;font:700 1.02rem 'Space Grotesk',sans-serif;color:#101828;line-height:1.15}
.lx-brand-tx small{font:600 .58rem Consolas,'Courier New',monospace;letter-spacing:.28em;color:#193E99}
.lx-navlinks{display:flex;align-items:center;gap:2px;margin-left:auto}
.lx-navlink{position:relative;padding:10px 12px;font:600 .88rem 'Montserrat',sans-serif;color:#344054;overflow:hidden}
.lx-navlink::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:2px;background:repeating-linear-gradient(90deg,#193E99 0 9px,transparent 9px 13px,#2F5BD6 13px 24px,transparent 24px 28px);transform:translateX(-110%);opacity:0}
.lx-navlink:hover{color:#101828}
.lx-navlink:hover::after{animation:lxScanIn .5s cubic-bezier(.22,.75,.25,1) forwards,lxCodeDrift 1.1s linear .5s infinite}
@keyframes lxScanIn{0%{transform:translateX(-110%);opacity:0}30%{opacity:1}100%{transform:translateX(0);opacity:1}}
@keyframes lxCodeDrift{0%{background-position:0 0}100%{background-position:28px 0}}
.lx-live{display:inline-flex;align-items:center;gap:12px;padding:9px 16px;border:1px solid #E4E7EC;border-radius:999px;background:rgba(255,255,255,.92)}
.lx-live-i{display:inline-flex;align-items:center;gap:6px;font:700 .58rem Consolas,'Courier New',monospace;letter-spacing:.2em;color:#344054}
.lx-live-i i{width:7px;height:7px;border-radius:50%;flex:none}
.lx-live-i i.b{background:#2F5BD6;animation:lxPulse 2.4s ease infinite}
.lx-live-i i.t{background:#B45309;animation:lxPulse 2.4s ease .8s infinite}
.lx-live-i i.s{background:#193E99;animation:lxPulse 2.4s ease 1.6s infinite}
@keyframes lxPulse{0%{box-shadow:0 0 0 0 rgba(16,24,40,.25)}60%{box-shadow:0 0 0 6px rgba(16,24,40,0)}100%{box-shadow:0 0 0 0 rgba(16,24,40,0)}}
.lx-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:999px;color:#2F5BD6;font:700 .88rem 'Montserrat',sans-serif;background:rgba(255,255,255,.92);border:1px solid rgba(47,91,214,.45);transition:background .3s;will-change:transform}
.lx-cta:hover{background:rgba(25,62,153,.08);color:#193E99}
.lx-cta-ring{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);pointer-events:none}
.lx-cta-ring rect{fill:none;stroke:url(#lxCtaGrad);stroke-width:2;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 7px rgba(57,255,136,.8));transition:stroke-dashoffset .9s cubic-bezier(.6,.05,.2,1)}
.lx-cta:hover .lx-cta-ring rect{stroke-dashoffset:0}
.lx-burger{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.92);border:1px solid #D0D5DD;border-radius:999px;padding:11px 16px;color:#101828;cursor:pointer;transition:border-color .3s,background .3s}
.lx-burger:hover{border-color:#193E99}
.lx-burger-b{display:flex;flex-direction:column;gap:5px}
.lx-burger-b i{display:block;width:20px;height:2px;background:#193E99;transition:width .3s}
.lx-burger:hover .lx-burger-b i:last-child{width:12px}
.lx-burger-tx{font:700 .62rem Consolas,'Courier New',monospace;letter-spacing:.26em}
@media(max-width:1220px){.lx-live{display:none}}
@media(max-width:1080px){.lx-navlinks{display:none}}
@media(max-width:767px){.lx-cta{display:none}.lx-nav-in{min-height:64px}}
@media(prefers-reduced-motion:reduce){.lx-navlink:hover::after{animation:none;transform:none;opacity:1}.lx-cta-ring rect{transition:none;stroke-dashoffset:0;opacity:0}.lx-cta:hover .lx-cta-ring rect{opacity:1}.lx-live-i i{animation:none}}
/* lx:nav:end */

/* lx:menu */
.lx-menu{position:fixed;inset:0;z-index:2300;background:rgba(255,255,255,.93);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transition:opacity .4s}
.lx-menu.lx-open{opacity:1}
.lx-menu-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.6}
.lx-menu-in{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;max-width:1100px;margin:0 auto;padding:26px 28px 30px}
.lx-menu-head{display:flex;justify-content:space-between;align-items:center}
.lx-menu-sys{font:700 .72rem Consolas,'Courier New',monospace;letter-spacing:.3em;color:#2F5BD6}
.lx-menu-sys b{color:#193E99;font-weight:700}
.lx-menu-x{width:46px;height:46px;border-radius:50%;border:1px solid rgba(16,24,40,.3);background:transparent;color:#101828;font-size:1.05rem;cursor:pointer;transition:border-color .3s,transform .3s}
.lx-menu-x:hover{border-color:#193E99;transform:rotate(90deg)}
.lx-menu-nav{display:flex;flex-direction:column;justify-content:center;flex:1;gap:2px;padding:20px 0}
html.lx-js .lx-mitem{opacity:0;transform:translateX(-14px)}
.lx-mitem{display:flex;align-items:baseline;gap:22px;padding:11px 14px;border-radius:12px;transition:opacity .45s,transform .45s,background .3s}
html.lx-js .lx-mitem.lx-on,html.lx-js .lx-menu.lx-static .lx-mitem{opacity:1;transform:none}
.lx-mitem:hover{background:rgba(47,91,214,.08)}
.lx-mnum{font:700 .8rem Consolas,'Courier New',monospace;color:#193E99;letter-spacing:.2em}
.lx-mlabel{font:600 clamp(1.7rem,4.6vh,2.6rem)/1.12 'Space Grotesk',sans-serif;color:#101828;letter-spacing:-.01em;min-height:1.15em}
.lx-mitem:hover .lx-mlabel{color:#2F5BD6}
.lx-mlabel.lx-typing::after{content:"";display:inline-block;width:10px;height:.9em;margin-left:6px;background:#193E99;vertical-align:baseline;animation:lxCaret .7s steps(1) infinite}
@keyframes lxCaret{50%{opacity:0}}
.lx-msys{margin-left:auto;font:600 .64rem Consolas,'Courier New',monospace;letter-spacing:.24em;color:rgba(47,91,214,.85)}
.lx-menu-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid rgba(16,24,40,.12);padding-top:18px}
.lx-menu-tag{font:700 .66rem Consolas,'Courier New',monospace;letter-spacing:.3em;color:#475467}
.lx-menu-cta{font:700 .9rem 'Montserrat',sans-serif;color:#101828;border:1px solid rgba(25,62,153,.5);border-radius:999px;padding:12px 24px;transition:background .3s}
.lx-menu-cta:hover{background:rgba(25,62,153,.1);color:#193E99}
@media(max-width:700px){.lx-msys{display:none}.lx-mlabel{font-size:1.5rem}.lx-menu-tag{display:none}}
@media(prefers-reduced-motion:reduce){.lx-menu{transition:none}html.lx-js .lx-mitem{opacity:1;transform:none;transition:none}.lx-mlabel.lx-typing::after{display:none}.lx-menu-x:hover{transform:none}}
/* lx:menu:end */

/* lx:hero */
.lx-hero{position:relative;background:#FFFFFF;overflow:hidden;border-bottom:1px solid #EEF1F5}
.lx-hero-in{position:relative;width:min(1200px,92%);margin:0 auto;padding:64px 0 72px;display:grid;grid-template-columns:1fr 1.1fr;gap:52px;align-items:center}
.lx-hero-copy{max-width:560px}
.lx-hero-h{font:700 clamp(2.4rem,4.4vw,3.8rem)/1.06 'Space Grotesk',sans-serif;color:#101828;letter-spacing:-.02em;max-width:15ch;margin:18px 0 0}
.lx-hero-h em{font-style:normal;background:linear-gradient(100deg,#2F5BD6,#193E99);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-hero-p{max-width:56ch;margin-top:20px;color:#475467;font-size:1.06rem;line-height:1.75}
.lx-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.lx-hero-media{position:relative;overflow:hidden;z-index:0;border-radius:22px;border:1px solid #E4E7EC;box-shadow:0 24px 60px rgba(16,24,40,.14);background:#070B1E;aspect-ratio:16/10;min-height:300px}
.lx-hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
#dgHeroPoster{display:none}
@media(max-width:960px){.lx-hero-in{grid-template-columns:1fr;gap:36px}.lx-hero-copy{max-width:none}}
@media(max-width:767px){.lx-hero-in{padding:40px 0 52px}.lx-hero-media{min-height:220px;border-radius:18px}#dgLiquid{display:none}}
@media(prefers-reduced-motion:reduce){#dgLiquid{display:none}}
/* lx:hero:end */

/* lx:cue */
.lx-cue{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:36px;transition:opacity .4s}
.lx-cue.lx-hide{opacity:0}
.lx-cue-tx{font:700 .62rem Consolas,'Courier New',monospace;letter-spacing:.34em;color:#475467;white-space:nowrap}
.lx-pipe{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.lx-pipe i{font:700 .56rem/1 Consolas,'Courier New',monospace;font-style:normal;letter-spacing:.16em;color:#344054;background:#fff;border:1px solid #E4E7EC;border-radius:999px;padding:6px 10px;box-shadow:0 2px 6px rgba(16,24,40,.06);animation:lxPipeStep 4.8s ease infinite}
.lx-pipe i:nth-of-type(2){animation-delay:.8s}
.lx-pipe i:nth-of-type(3){animation-delay:1.6s}
.lx-pipe i:nth-of-type(4){animation-delay:2.4s}
.lx-pipe i:nth-of-type(5){animation-delay:3.2s}
.lx-pipe i:nth-of-type(6){animation-delay:4s}
.lx-pipe b{width:12px;height:1px;background:#D0D5DD}
@keyframes lxPipeStep{0%,3%{color:#344054;border-color:#E4E7EC;box-shadow:0 2px 6px rgba(16,24,40,.06)}8%{color:#193E99;border-color:rgba(25,62,153,.55);box-shadow:0 0 10px rgba(25,62,153,.25)}20%,100%{color:#344054;border-color:#E4E7EC;box-shadow:0 2px 6px rgba(16,24,40,.06)}}
.lx-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:1200;display:flex;flex-direction:column;gap:14px;padding:14px 10px;border-radius:16px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #E4E7EC;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.lx-rst{display:flex;align-items:center;gap:9px;flex-direction:row-reverse}
.lx-rst i{width:8px;height:8px;border-radius:50%;background:rgba(16,24,40,.22);transition:background .3s,box-shadow .3s;flex:none}
.lx-rst span{font:600 .6rem Consolas,'Courier New',monospace;letter-spacing:.16em;color:#475467;opacity:0;transform:translateX(6px);transition:opacity .25s,transform .25s;text-transform:uppercase;white-space:nowrap}
.lx-rst:hover span,.lx-rst.lx-on span{opacity:1;transform:none;color:#193E99}
.lx-rst.lx-lit i{background:rgba(47,91,214,.55)}
.lx-rst.lx-on i{background:#193E99;box-shadow:0 0 10px rgba(25,62,153,.5)}
@media(max-width:1099px){.lx-rail{display:none}}
@media(prefers-reduced-motion:reduce){.lx-pipe i{animation:none;color:#193E99;text-shadow:none}.lx-rail{display:none}}
/* lx:cue:end */

/* lx:vex */
.lx-vex{position:fixed;right:22px;bottom:26px;z-index:1300;display:flex;align-items:center;gap:10px;transition:transform .9s cubic-bezier(.3,.7,.25,1),opacity .4s}
.lx-vex[hidden]{display:none}
.lx-vex-orb{position:relative;width:72px;height:72px;flex:none;display:block}
.lx-vex-orb video{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1.5px solid rgba(47,91,214,.45);box-shadow:0 0 24px rgba(47,91,214,.18),0 14px 34px rgba(16,24,40,.18);background:#070B1E}
.lx-vex-line{max-width:230px;padding:9px 14px;border-radius:12px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(25,62,153,.35);color:#193E99;font:600 .7rem/1.4 Consolas,'Courier New',monospace;letter-spacing:.06em;transition:opacity .3s;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.lx-vex-line:empty{opacity:0;padding:0;border:0}
.lx-vex-x{position:absolute;top:-9px;right:-5px;width:22px;height:22px;border-radius:50%;border:1px solid rgba(16,24,40,.3);background:rgba(255,255,255,.95);color:#101828;font-size:.6rem;line-height:1;cursor:pointer;z-index:2}
.lx-vex-x:hover{border-color:#193E99;color:#193E99}
@media(max-width:1099px){.lx-vex{display:none!important}}
@media(prefers-reduced-motion:reduce){.lx-vex{display:none!important}}
.lx-vexpanel{position:relative;background:radial-gradient(900px 480px at 78% 18%,#EDF1FA,#FFFFFF 65%);padding:110px 0;overflow:hidden}
.lx-vexpanel-in{width:min(1100px,92%);margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:64px;align-items:center}
.lx-vexpanel-orb{position:relative;width:290px;height:290px;justify-self:center}
.lx-vexpanel-orb video{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1.5px solid rgba(47,91,214,.4);box-shadow:0 0 60px rgba(108,43,217,.18),0 30px 70px rgba(16,24,40,.16)}
.lx-vexpanel-ring{position:absolute;inset:-16px;border-radius:50%;border:1px dashed rgba(25,62,153,.45);animation:lxSpin 26s linear infinite;pointer-events:none}
@keyframes lxSpin{to{transform:rotate(360deg)}}
.lx-vexpanel-copy h2{color:#101828;font-size:clamp(1.9rem,3.4vw,2.7rem);margin:14px 0 0}
.lx-vexpanel-copy p{color:#475467;margin-top:16px;max-width:58ch}
.lx-vexpanel-lines{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.lx-vexpanel-lines li{font:600 .68rem Consolas,'Courier New',monospace;letter-spacing:.08em;color:#193E99;border:1px solid rgba(25,62,153,.35);border-radius:999px;padding:7px 14px;background:rgba(25,62,153,.06)}
@media(max-width:900px){.lx-vexpanel{padding:70px 0}.lx-vexpanel-in{grid-template-columns:1fr;gap:40px}.lx-vexpanel-orb{width:200px;height:200px}}
@media(prefers-reduced-motion:reduce){.lx-vexpanel-ring{animation:none}}
/* lx:vex:end */

/* lx:modes */
.lx-modes{background:#FFFFFF;padding:34px 0}
.lx-mode{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden;width:min(1340px,94%);margin:0 auto;border-radius:24px;box-shadow:0 18px 44px rgba(16,24,40,.14);background:#070B1E}
.lx-mode+.lx-mode{margin-top:30px}
.lx-mode-media{position:absolute;inset:0;z-index:0}
.lx-mode-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
html.lx-js .lx-mode-media video{transform:scale(1.12);transition:transform 1.4s cubic-bezier(.22,.7,.25,1)}
html.lx-js .lx-mode.lx-in .lx-mode-media video{transform:scale(1.02)}
.lx-mode-scrim{position:absolute;inset:0;background:linear-gradient(95deg,rgba(5,8,26,.9) 12%,rgba(5,8,26,.55) 46%,rgba(5,8,26,.16) 78%)}
.lx-mode:nth-child(even) .lx-mode-scrim{background:linear-gradient(265deg,rgba(5,8,26,.9) 12%,rgba(5,8,26,.55) 46%,rgba(5,8,26,.16) 78%)}
.lx-mode-in{position:relative;z-index:2;width:min(1200px,92%);margin:0 auto;display:flex}
.lx-mode:nth-child(even) .lx-mode-in{justify-content:flex-end}
.lx-mode-copy{max-width:520px;padding:70px 0}
html.lx-js .lx-mode-copy{opacity:0;transform:translateY(46px) scale(.96);transition:opacity .8s ease,transform .9s cubic-bezier(.22,.7,.25,1)}
html.lx-js .lx-mode.lx-in .lx-mode-copy{opacity:1;transform:none}
.lx-mode-tag{font:700 .7rem Consolas,'Courier New',monospace;letter-spacing:.3em;color:var(--ac,#39FF88)}
.lx-mode-copy h2{font-size:clamp(2rem,4vw,3.2rem);color:#fff;margin:14px 0 0;letter-spacing:-.015em}
.lx-mode-copy p{color:#C7D2E8;font-size:1.05rem;margin-top:16px}
.lx-mode-link{display:inline-flex;align-items:center;gap:10px;margin-top:26px;color:var(--ac,#7860D8);font:700 .92rem 'Montserrat',sans-serif;border-bottom:1px solid rgba(120,96,216,.4);padding-bottom:6px;transition:gap .3s,border-color .3s}
.lx-mode-link:hover{gap:16px;border-color:var(--ac,#7860D8);color:var(--ac,#7860D8)}
.lx-mode-link svg{width:18px;height:18px}
@media(max-width:767px){.lx-mode{min-height:72vh}.lx-mode-in,.lx-mode:nth-child(even) .lx-mode-in{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html.lx-js .lx-mode-copy{opacity:1;transform:none;transition:none}html.lx-js .lx-mode-media video,html.lx-js .lx-mode.lx-in .lx-mode-media video{transform:none;transition:none}}
/* lx:modes:end */

/* ============ LX BUILD ENGINE 2026-07: Builder B (S6-S9) ============ */
/* lx:stmt */
.lx-stmt{background:#F6F8FB;padding:5vh 0;overflow:hidden}
.lx-stmt-band{padding:8vh 0}
.lx-stmt-in{width:min(1180px,92%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:56px}
.lx-stmt-band:nth-child(even) .lx-stmt-in{flex-direction:row-reverse}
.lx-stmt-w{font:700 clamp(2.9rem,8vw,6.2rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.025em;color:var(--wc,#101828);margin:0}
html.lx-js .lx-stmt-tx{opacity:0;transform:translateY(38px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,.7,.25,1)}
html.lx-js .lx-stmt-band.lx-in .lx-stmt-tx{opacity:1;transform:none}
.lx-stmt-p{margin:14px 0 0;color:#475467;font:400 .96rem/1.7 'Montserrat','Inter',sans-serif;max-width:40ch}
.lx-stmt-vis{flex:0 0 310px;display:flex;justify-content:center}
/* DESIGN: wireframe -> UI */
.lx-wf{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:58px 58px;gap:10px;width:280px}
.lx-wf i{position:relative;border:1.5px dashed rgba(190,24,93,.45);border-radius:10px}
.lx-wf i::after{content:"";position:absolute;inset:-1.5px;border-radius:10px;opacity:.92}
.lx-wf i:nth-child(1)::after{background:linear-gradient(120deg,#FF8BB8,#B08CFF)}
.lx-wf i:nth-child(2)::after{background:linear-gradient(120deg,#7860D8,#39FF88)}
.lx-wf i:nth-child(3)::after{background:linear-gradient(120deg,#FFB224,#FF6B5E)}
.lx-wf i:nth-child(4)::after{background:linear-gradient(120deg,#6C2BD9,#7860D8)}
html.lx-js .lx-wf i::after{opacity:0;transform:scale(.82);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.7,.25,1)}
html.lx-js .lx-stmt-band.lx-in .lx-wf i::after{opacity:.92;transform:none}
html.lx-js .lx-stmt-band.lx-in .lx-wf i:nth-child(2)::after{transition-delay:.18s}
html.lx-js .lx-stmt-band.lx-in .lx-wf i:nth-child(3)::after{transition-delay:.36s}
html.lx-js .lx-stmt-band.lx-in .lx-wf i:nth-child(4)::after{transition-delay:.54s}
/* CODE: types + compiles */
.lx-cw{width:300px;border-radius:12px;background:#FFFFFF;border:1px solid #E4E7EC;padding:12px 16px 14px;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.lx-cw-bar{display:flex;gap:6px;margin-bottom:12px}
.lx-cw-bar i{width:8px;height:8px;border-radius:50%;background:#F43F5E}
.lx-cw-bar i:nth-child(2){background:#F59E0B}
.lx-cw-bar i:nth-child(3){background:#1443B5}
.lx-cw-line{display:block;min-height:1.5em;font:600 .8rem/1.5 Consolas,'Courier New',monospace;color:#2F5BD6;letter-spacing:.02em;white-space:nowrap;overflow:hidden}
.lx-cw-line.lx-typing::after{content:"";display:inline-block;width:8px;height:.95em;margin-left:3px;background:#193E99;vertical-align:text-bottom;animation:lxCaretB .7s steps(1) infinite}
@keyframes lxCaretB{50%{opacity:0}}
.lx-cw-ok{display:inline-block;margin-top:10px;font:700 .6rem Consolas,'Courier New',monospace;letter-spacing:.18em;color:#193E99;border:1px solid rgba(25,62,153,.4);border-radius:999px;padding:5px 11px}
html.lx-js .lx-cw-ok{opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s}
html.lx-js .lx-stmt-band.lx-in .lx-cw-ok{opacity:1;transform:none;transition-delay:1.7s}
/* BUILD: blocks stack */
.lx-bk{display:flex;flex-direction:column-reverse;gap:8px;width:250px}
.lx-bk i{height:20px;border-radius:6px;background:linear-gradient(100deg,rgba(255,178,36,.9),rgba(255,107,94,.72))}
.lx-bk i:nth-child(2){width:84%}
.lx-bk i:nth-child(3){width:66%}
.lx-bk i:nth-child(4){width:48%}
.lx-bk i:nth-child(5){width:30%}
html.lx-js .lx-bk i{opacity:0;transform:translateY(-26px);transition:opacity .5s ease,transform .55s cubic-bezier(.3,.7,.3,1.25)}
html.lx-js .lx-stmt-band.lx-in .lx-bk i{opacity:1;transform:none}
html.lx-js .lx-stmt-band.lx-in .lx-bk i:nth-child(2){transition-delay:.14s}
html.lx-js .lx-stmt-band.lx-in .lx-bk i:nth-child(3){transition-delay:.28s}
html.lx-js .lx-stmt-band.lx-in .lx-bk i:nth-child(4){transition-delay:.42s}
html.lx-js .lx-stmt-band.lx-in .lx-bk i:nth-child(5){transition-delay:.56s}
/* TEST: QA checklist scans green */
.lx-qa{position:relative;width:280px;border:1px solid #E4E7EC;border-radius:12px;background:#FFFFFF;padding:16px 18px;overflow:hidden;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.lx-qa i{position:relative;display:block;font:700 .62rem/1.4 Consolas,'Courier New',monospace;letter-spacing:.2em;font-style:normal;color:#193E99;padding-left:22px}
.lx-qa i::before{content:"";position:absolute;left:0;top:0;width:11px;height:11px;border-radius:3px;border:1.5px solid #193E99;background:#193E99}
.lx-qa i::after{content:"";position:absolute;left:2.5px;top:2px;width:6px;height:3.5px;border-left:1.8px solid #fff;border-bottom:1.8px solid #fff;transform:rotate(-45deg)}
html.lx-js .lx-qa i{color:#98A2B3;transition:color .4s}
html.lx-js .lx-qa i::before{background:transparent;border-color:#CBD5E1;transition:background .4s,border-color .4s}
html.lx-js .lx-qa i::after{transform:rotate(-45deg) scale(0);transition:transform .3s}
html.lx-js .lx-stmt-band.lx-in .lx-qa i{color:#193E99}
html.lx-js .lx-stmt-band.lx-in .lx-qa i::before{background:#193E99;border-color:#193E99}
html.lx-js .lx-stmt-band.lx-in .lx-qa i::after{transform:rotate(-45deg) scale(1)}
html.lx-js .lx-stmt-band.lx-in .lx-qa i:nth-of-type(1),html.lx-js .lx-stmt-band.lx-in .lx-qa i:nth-of-type(1)::before,html.lx-js .lx-stmt-band.lx-in .lx-qa i:nth-of-type(1)::after{transition-delay:.25s}
html.lx-js .lx-stmt-band.lx-in .lx-qa i:nth-of-type(2),html.lx-js .lx-stmt-band.lx-in .lx-qa i:nth-of-type(2)::before,html.lx-js .lx-stmt-band.lx-in .lx-qa i:nth-of-type(2)::after{transition-delay:.55s}
html.lx-js .lx-stmt-band.lx-in .lx-qa i:nth-of-type(3),html.lx-js .lx-stmt-band.lx-in .lx-qa i:nth-of-type(3)::before,html.lx-js .lx-stmt-band.lx-in .lx-qa i:nth-of-type(3)::after{transition-delay:.85s}
html.lx-js .lx-stmt-band.lx-in .lx-qa i:nth-of-type(4),html.lx-js .lx-stmt-band.lx-in .lx-qa i:nth-of-type(4)::before,html.lx-js .lx-stmt-band.lx-in .lx-qa i:nth-of-type(4)::after{transition-delay:1.15s}
.lx-qa-scan{position:absolute;left:0;right:0;top:-12%;height:12px;background:linear-gradient(180deg,rgba(25,62,153,0),rgba(25,62,153,.22));opacity:0}
.lx-stmt-band.lx-in .lx-qa-scan{opacity:1;animation:lxbScanY 1.5s cubic-bezier(.45,0,.55,1) .1s 2}
@keyframes lxbScanY{from{top:-12%}to{top:104%}}
/* LAUNCH: upward upload bar */
.lx-up{display:flex;align-items:center;gap:18px}
.lx-up-track{position:relative;width:14px;height:132px;border-radius:999px;background:rgba(16,24,40,.08);border:1px solid rgba(190,18,60,.35);overflow:hidden;display:block}
.lx-up-track i{position:absolute;left:0;right:0;bottom:0;height:100%;border-radius:999px;background:linear-gradient(180deg,#FFB224,#FF6B5E)}
html.lx-js .lx-up-track i{height:4%;transition:height 1.5s cubic-bezier(.3,.6,.2,1)}
html.lx-js .lx-stmt-band.lx-in .lx-up-track i{height:100%}
.lx-up-tx{font:700 .62rem Consolas,'Courier New',monospace;letter-spacing:.26em;color:#BE123C;writing-mode:vertical-rl;transform:rotate(180deg)}
html.lx-js .lx-up-tx{opacity:0;transition:opacity .5s}
html.lx-js .lx-stmt-band.lx-in .lx-up-tx{opacity:1;transition-delay:1.35s}
/* AUTOMATE: nodes connect */
.lx-nd{width:290px;height:auto;overflow:visible}
.lx-nd .p{fill:none;stroke:rgba(109,40,217,.6);stroke-width:1.6;stroke-dasharray:100;stroke-dashoffset:0}
html.lx-js .lx-nd .p{stroke-dashoffset:100;transition:stroke-dashoffset 1.3s ease .15s}
html.lx-js .lx-nd .pb{transition-delay:.75s}
html.lx-js .lx-stmt-band.lx-in .lx-nd .p{stroke-dashoffset:0}
.lx-nd .n{fill:#7C3AED;opacity:1}
html.lx-js .lx-nd .n{opacity:.3;transition:opacity .5s}
html.lx-js .lx-stmt-band.lx-in .lx-nd .n{opacity:1;animation:lxbNode 2.6s ease infinite}
html.lx-js .lx-stmt-band.lx-in .lx-nd .n:nth-of-type(odd){animation-delay:1.3s}
@keyframes lxbNode{0%,100%{opacity:.55}50%{opacity:1}}
/* GROW: analytics rise + audience dots */
.lx-an{display:flex;align-items:flex-end;gap:26px}
.lx-an-bars{display:flex;align-items:flex-end;gap:7px;height:112px}
.lx-an-bars i{width:15px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#1443B5,rgba(47,91,214,.55));display:block}
.lx-an-bars i:nth-child(1){height:20%}
.lx-an-bars i:nth-child(2){height:36%}
.lx-an-bars i:nth-child(3){height:30%}
.lx-an-bars i:nth-child(4){height:54%}
.lx-an-bars i:nth-child(5){height:74%}
.lx-an-bars i:nth-child(6){height:96%}
html.lx-js .lx-an-bars i{transform:scaleY(0);transform-origin:bottom;transition:transform .7s cubic-bezier(.25,.7,.3,1)}
html.lx-js .lx-stmt-band.lx-in .lx-an-bars i{transform:scaleY(1)}
html.lx-js .lx-stmt-band.lx-in .lx-an-bars i:nth-child(2){transition-delay:.1s}
html.lx-js .lx-stmt-band.lx-in .lx-an-bars i:nth-child(3){transition-delay:.2s}
html.lx-js .lx-stmt-band.lx-in .lx-an-bars i:nth-child(4){transition-delay:.3s}
html.lx-js .lx-stmt-band.lx-in .lx-an-bars i:nth-child(5){transition-delay:.4s}
html.lx-js .lx-stmt-band.lx-in .lx-an-bars i:nth-child(6){transition-delay:.5s}
.lx-an-dots{display:grid;grid-template-columns:repeat(4,10px);gap:9px;padding-bottom:4px}
.lx-an-dots i{width:9px;height:9px;border-radius:50%;background:#1443B5;display:block}
html.lx-js .lx-an-dots i{opacity:0;transform:scale(.4);transition:opacity .4s,transform .45s cubic-bezier(.3,.7,.3,1.4)}
html.lx-js .lx-stmt-band.lx-in .lx-an-dots i{opacity:1;transform:none}
html.lx-js .lx-stmt-band.lx-in .lx-an-dots i:nth-child(2){transition-delay:.65s}
html.lx-js .lx-stmt-band.lx-in .lx-an-dots i:nth-child(3){transition-delay:.72s}
html.lx-js .lx-stmt-band.lx-in .lx-an-dots i:nth-child(4){transition-delay:.79s}
html.lx-js .lx-stmt-band.lx-in .lx-an-dots i:nth-child(5){transition-delay:.86s}
html.lx-js .lx-stmt-band.lx-in .lx-an-dots i:nth-child(6){transition-delay:.93s}
html.lx-js .lx-stmt-band.lx-in .lx-an-dots i:nth-child(7){transition-delay:1s}
html.lx-js .lx-stmt-band.lx-in .lx-an-dots i:nth-child(8){transition-delay:1.07s}
html.lx-js .lx-stmt-band.lx-in .lx-an-dots i:nth-child(1){transition-delay:.58s}
@media(max-width:900px){.lx-stmt-in,.lx-stmt-band:nth-child(even) .lx-stmt-in{flex-direction:column;align-items:flex-start;gap:34px}.lx-stmt-vis{flex:none}}
@media(max-width:767px){.lx-stmt-band{padding:6.5vh 0}.lx-stmt-w{font-size:clamp(2.3rem,11vw,3.4rem)}.lx-wf{width:240px}.lx-cw{width:262px}.lx-qa{width:250px}}
@media(prefers-reduced-motion:reduce){
.lx-stmt *{transition:none!important;animation:none!important}
html.lx-js .lx-stmt-tx{opacity:1;transform:none}
html.lx-js .lx-wf i::after{opacity:.92;transform:none}
html.lx-js .lx-cw-ok{opacity:1;transform:none}
.lx-cw-line.lx-typing::after{display:none}
html.lx-js .lx-bk i{opacity:1;transform:none}
html.lx-js .lx-qa i{color:#193E99}
html.lx-js .lx-qa i::before{background:#193E99;border-color:#193E99}
html.lx-js .lx-qa i::after{transform:rotate(-45deg) scale(1)}
.lx-qa-scan{display:none}
html.lx-js .lx-up-track i{height:100%}
html.lx-js .lx-up-tx{opacity:1}
html.lx-js .lx-nd .p{stroke-dashoffset:0}
html.lx-js .lx-nd .n{opacity:1}
html.lx-js .lx-an-bars i{transform:none}
html.lx-js .lx-an-dots i{opacity:1;transform:none}
}
/* lx:stmt:end */

/* lx:services */
.lx-services{position:relative;background:#FFFFFF;padding:110px 0}
.lx-services-in{width:min(1300px,94%);margin:0 auto}
.lx-services-head h2{font:600 clamp(1.9rem,3.6vw,2.9rem)/1.15 'Space Grotesk',sans-serif;color:#101828;margin:14px 0 0;letter-spacing:-.015em;max-width:24ch}
.lx-services-head h2 em{font-style:normal;background:linear-gradient(100deg,#2F5BD6,#193E99);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-services-head p{color:#475467;margin:14px 0 0;max-width:60ch;font:400 .98rem/1.7 'Montserrat','Inter',sans-serif}
.lx-svgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px}
.lxs-card{--tempo:1;position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #E4E7EC;border-radius:16px;background:#FFFFFF;overflow:hidden;transition:opacity .6s ease,transform .6s cubic-bezier(.22,.7,.25,1),border-color .35s,background .35s,box-shadow .35s;will-change:transform;box-shadow:0 8px 24px rgba(16,24,40,.06)}
html.lx-js .lxs-card{opacity:0;transform:translateY(26px)}
html.lx-js .lxs-card.lx-in{opacity:1;transform:none}
.lxs-card:hover,.lxs-card:focus{--tempo:.42;border-color:var(--sa,#2F5BD6);background:#FFFFFF;box-shadow:0 14px 34px rgba(16,24,40,.14)}
.lxs-num{font:700 .68rem Consolas,'Courier New',monospace;letter-spacing:.24em;color:var(--sa,#2F5BD6)}
.lxs-card h3{font:600 1rem/1.3 'Space Grotesk',sans-serif;color:#101828;margin:0}
.lxs-card p{font:400 .82rem/1.62 'Montserrat','Inter',sans-serif;color:#475467;margin:0}
.lxs-tag{margin-top:auto;font:700 .56rem Consolas,'Courier New',monospace;letter-spacing:.2em;color:var(--sa,#2F5BD6);opacity:0;transform:translateX(-12px);transition:opacity .35s,transform .35s;white-space:nowrap}
.lxs-card:hover .lxs-tag,.lxs-card:focus .lxs-tag{opacity:1;transform:none}
.lxs-sim{position:relative;display:block;height:76px;border-radius:10px;background:#F6F8FB;border:1px solid #EDF0F4;overflow:hidden;transition:filter .35s;flex:none}
.lxs-card:hover .lxs-sim,.lxs-card:focus .lxs-sim{filter:saturate(1.3)}
.lxs-sim i,.lxs-sim b,.lxs-sim s{position:absolute;display:block;font-style:normal;text-decoration:none;font-weight:400}
.lxs-sim i,.lxs-sim b,.lxs-sim s,.lxs-sim i::before,.lxs-sim i::after{animation-play-state:paused}
.lxs-card.lx-run .lxs-sim i,.lxs-card.lx-run .lxs-sim b,.lxs-card.lx-run .lxs-sim s,.lxs-card.lx-run .lxs-sim i::before,.lxs-card.lx-run .lxs-sim i::after{animation-play-state:running}
/* 01 CMS blocks rearrange */
.sim-cms i{left:12%;width:76%;height:9px;border-radius:5px}
.sim-cms i:nth-child(1){top:14px;background:rgba(47,91,214,.8);animation:lxbDown 2.8s cubic-bezier(.5,0,.4,1) infinite alternate;animation-duration:calc(2.8s*var(--tempo,1))}
.sim-cms i:nth-child(2){top:33px;background:rgba(109,40,217,.45)}
.sim-cms i:nth-child(3){top:52px;background:rgba(25,62,153,.65);animation:lxbUp 2.8s cubic-bezier(.5,0,.4,1) infinite alternate;animation-duration:calc(2.8s*var(--tempo,1))}
@keyframes lxbDown{to{transform:translateY(38px)}}
@keyframes lxbUp{to{transform:translateY(-38px)}}
/* 02 wireframe -> screen */
.sim-wire i:nth-child(1){left:22%;right:22%;top:14px;bottom:14px;border:1.5px dashed rgba(25,62,153,.5);border-radius:8px}
.sim-wire i:nth-child(2){left:22%;right:22%;top:14px;bottom:14px;border-radius:8px;background:linear-gradient(120deg,rgba(47,91,214,.75),rgba(25,62,153,.75));animation:lxbFade 3s ease infinite alternate;animation-duration:calc(3s*var(--tempo,1))}
@keyframes lxbFade{0%,25%{opacity:0;transform:scale(.9)}75%,100%{opacity:1;transform:none}}
/* 03 code compiles */
.sim-code i{left:14%;height:5px;border-radius:3px;background:rgba(47,91,214,.65);transform-origin:left;animation:lxbType 2.6s ease infinite alternate;animation-duration:calc(2.6s*var(--tempo,1))}
.sim-code i:nth-child(1){top:18px;width:52%}
.sim-code i:nth-child(2){top:33px;width:34%;background:rgba(109,40,217,.6);animation-delay:.3s}
.sim-code i:nth-child(3){top:48px;width:60%;background:rgba(180,83,9,.6);animation-delay:.6s}
.sim-code b{right:12%;bottom:14px;width:8px;height:8px;border-radius:50%;background:#193E99;animation:lxbBlink 1.6s steps(1) infinite;animation-duration:calc(1.6s*var(--tempo,1))}
@keyframes lxbType{from{transform:scaleX(.12)}to{transform:scaleX(1)}}
@keyframes lxbBlink{50%{opacity:.15}}
/* 04 phones rotate */
.sim-app{perspective:320px}
.sim-app i,.sim-app b{top:14px;width:26px;height:48px;border:1.5px solid rgba(190,18,60,.7);border-radius:7px;background:rgba(190,18,60,.08)}
.sim-app i{left:calc(50% - 36px);animation:lxbFlip 3.4s cubic-bezier(.5,.1,.4,.9) infinite;animation-duration:calc(3.4s*var(--tempo,1))}
.sim-app b{left:calc(50% + 10px);border-color:rgba(180,83,9,.7);background:rgba(180,83,9,.08);animation:lxbFlip 3.4s cubic-bezier(.5,.1,.4,.9) 1.7s infinite;animation-duration:calc(3.4s*var(--tempo,1))}
@keyframes lxbFlip{0%,18%{transform:rotateY(0)}55%,70%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
/* 05 checkout completes */
.sim-cart i{left:10%;right:10%;top:46px;height:2px;background:rgba(16,24,40,.12)}
.sim-cart b{left:10%;top:41px;width:12px;height:12px;border-radius:3px;background:#B45309;animation:lxbCart 3s cubic-bezier(.45,.05,.4,1) infinite;animation-duration:calc(3s*var(--tempo,1))}
@keyframes lxbCart{0%,12%{left:10%}68%,100%{left:82%}}
.sim-cart s{right:12%;top:16px;width:12px;height:7px;border-left:2.5px solid #193E99;border-bottom:2.5px solid #193E99;transform:rotate(-45deg);animation:lxbTick 3s ease infinite;animation-duration:calc(3s*var(--tempo,1))}
@keyframes lxbTick{0%,60%{opacity:0}72%,100%{opacity:1}}
/* 06 brand system animates */
.sim-brand i{top:31px;width:15px;height:15px;border-radius:50%;animation:lxbPulseD 2.4s ease infinite;animation-duration:calc(2.4s*var(--tempo,1))}
.sim-brand i:nth-child(1){left:26%;background:#DB2777}
.sim-brand i:nth-child(2){left:calc(50% - 7px);background:#2F5BD6;animation-delay:.4s}
.sim-brand i:nth-child(3){right:26%;background:#B45309;animation-delay:.8s}
@keyframes lxbPulseD{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.45);opacity:1}}
/* 07 uptime pulses */
.sim-uptime i{left:10%;right:10%;top:50px;height:2px;background:linear-gradient(90deg,rgba(25,62,153,.1),rgba(25,62,153,.6),rgba(25,62,153,.1))}
.sim-uptime b{left:calc(50% - 5px);top:45px;width:11px;height:11px;border-radius:50%;background:#193E99;animation:lxbPing 1.9s ease-out infinite;animation-duration:calc(1.9s*var(--tempo,1))}
@keyframes lxbPing{0%{box-shadow:0 0 0 0 rgba(25,62,153,.45)}75%,100%{box-shadow:0 0 0 14px rgba(25,62,153,0)}}
.sim-uptime s{right:10%;top:13px;font:700 .6rem Consolas,'Courier New',monospace;letter-spacing:.14em;color:#193E99}
/* 08 data -> table */
.sim-data i{width:8px;height:8px;border-radius:50%;background:rgba(109,40,217,.7);animation:lxbAlign 3.2s cubic-bezier(.5,.05,.3,1) infinite alternate;animation-duration:calc(3.2s*var(--tempo,1))}
.sim-data i:nth-child(1){left:16%;top:10px;--ax:6px;--ay:36px}
.sim-data i:nth-child(2){left:38%;top:52px;--ax:-4px;--ay:-6px}
.sim-data i:nth-child(3){left:55%;top:16px;--ax:-2px;--ay:30px}
.sim-data i:nth-child(4){left:72%;top:44px;--ax:-6px;--ay:2px}
.sim-data i:nth-child(5){left:30%;top:30px;--ax:2px;--ay:16px}
@keyframes lxbAlign{55%,100%{transform:translate(var(--ax,0px),var(--ay,0px))}}
/* 09 tests pass */
.sim-test i{left:30%;height:6px;width:52%;border-radius:3px;background:rgba(16,24,40,.1)}
.sim-test i:nth-child(1){top:16px}
.sim-test i:nth-child(2){top:34px}
.sim-test i:nth-child(3){top:52px}
.sim-test i::before{content:"";position:absolute;left:-18px;top:-2px;width:10px;height:10px;border-radius:3px;background:rgba(16,24,40,.14);animation:lxbGoGreen 3.3s ease infinite;animation-duration:calc(3.3s*var(--tempo,1))}
.sim-test i:nth-child(2)::before{animation-delay:.55s}
.sim-test i:nth-child(3)::before{animation-delay:1.1s}
@keyframes lxbGoGreen{0%,35%{background:rgba(16,24,40,.14)}50%,88%{background:#193E99}100%{background:rgba(16,24,40,.14)}}
/* 10 ranking rises */
.sim-rank i{bottom:12px;width:11%;border-radius:4px 4px 0 0;background:rgba(16,24,40,.12)}
.sim-rank i:nth-child(1){left:14%;height:22px}
.sim-rank i:nth-child(2){left:30%;height:34px}
.sim-rank i:nth-child(3){left:46%;height:52px;background:linear-gradient(180deg,#FFB224,#FF6B5E);transform-origin:bottom;animation:lxbRiseT 2.8s cubic-bezier(.4,0,.3,1) infinite alternate;animation-duration:calc(2.8s*var(--tempo,1))}
.sim-rank i:nth-child(4){left:62%;height:28px}
@keyframes lxbRiseT{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
/* 11 cubes scale */
.sim-cloud i{width:16px;height:16px;border-radius:4px;background:rgba(47,91,214,.7);animation:lxbCube 2.6s ease infinite;animation-duration:calc(2.6s*var(--tempo,1))}
.sim-cloud i:nth-child(1){left:24%;top:38px}
.sim-cloud i:nth-child(2){left:calc(50% - 8px);top:20px;background:rgba(19,62,167,.7);animation-delay:.4s}
.sim-cloud i:nth-child(3){right:24%;top:38px;background:rgba(25,62,153,.6);animation-delay:.8s}
@keyframes lxbCube{0%,100%{transform:scale(.8)}50%{transform:scale(1.3)}}
/* 12 legacy -> cloud */
.sim-legacy i{left:14%;top:31px;width:15px;height:15px;background:rgba(25,62,153,.85);border-radius:50%;animation:lxbMigrate 3.4s cubic-bezier(.5,.05,.4,1) infinite;animation-duration:calc(3.4s*var(--tempo,1))}
@keyframes lxbMigrate{0%,12%{left:14%;background:rgba(16,24,40,.25);border-radius:2px;opacity:1}60%,78%{left:74%;background:rgba(25,62,153,.85);border-radius:50%;opacity:1}100%{left:74%;opacity:0}}
.sim-legacy b{right:15%;top:26px;width:24px;height:24px;border:1.5px dashed rgba(25,62,153,.5);border-radius:50%}
/* 13 roadmap unlocks */
.sim-roadmap b{left:12%;right:12%;top:37px;height:2px;background:rgba(16,24,40,.12)}
.sim-roadmap i{top:32px;width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(109,40,217,.55);background:rgba(109,40,217,.65);animation:lxbUnlock 3.6s ease infinite;animation-duration:calc(3.6s*var(--tempo,1))}
.sim-roadmap i:nth-of-type(1){left:calc(12% - 6px)}
.sim-roadmap i:nth-of-type(2){left:calc(36% - 6px);animation-delay:.5s}
.sim-roadmap i:nth-of-type(3){left:calc(60% - 6px);animation-delay:1s}
.sim-roadmap i:nth-of-type(4){left:calc(84% - 6px);animation-delay:1.5s}
@keyframes lxbUnlock{0%,10%{background:transparent;box-shadow:none}25%,80%{background:#7C3AED;box-shadow:0 0 10px rgba(124,58,237,.5)}95%,100%{background:transparent;box-shadow:none}}
/* 14 iPhone screen */
.sim-ios i{left:calc(50% - 15px);top:12px;width:30px;height:52px;border:1.5px solid rgba(190,18,60,.7);border-radius:8px;background:rgba(190,18,60,.05);overflow:hidden}
.sim-ios i::before{content:"";position:absolute;left:3px;right:3px;top:8px;height:64px;background:repeating-linear-gradient(180deg,rgba(16,24,40,.25) 0 6px,transparent 6px 14px);animation:lxbScroll 3s ease infinite alternate;animation-duration:calc(3s*var(--tempo,1))}
@keyframes lxbScroll{to{transform:translateY(-18px)}}
.sim-ios s{left:calc(50% - 5px);top:15px;width:10px;height:3px;border-radius:2px;background:rgba(190,18,60,.7);z-index:2}
/* 15 device grid */
.sim-android i{border:1.5px solid rgba(180,83,9,.65);border-radius:5px;background:rgba(180,83,9,.08);animation:lxbDevice 2.8s ease infinite;animation-duration:calc(2.8s*var(--tempo,1))}
.sim-android i:nth-child(1){left:18%;top:22px;width:16px;height:30px}
.sim-android i:nth-child(2){left:36%;top:18px;width:24px;height:36px;animation-delay:.4s}
.sim-android i:nth-child(3){left:56%;top:22px;width:20px;height:30px;animation-delay:.8s}
.sim-android i:nth-child(4){left:74%;top:28px;width:14px;height:18px;border-radius:6px;animation-delay:1.2s}
@keyframes lxbDevice{0%,100%{background:rgba(180,83,9,.08)}50%{background:rgba(180,83,9,.32)}}
/* 16 same app across screens */
.sim-xplat i{border:1.5px solid rgba(47,91,214,.65);background:rgba(47,91,214,.06);border-radius:4px;overflow:hidden}
.sim-xplat i:nth-child(1){left:14%;top:22px;width:34px;height:26px}
.sim-xplat i:nth-child(2){left:46%;top:20px;width:24px;height:30px}
.sim-xplat i:nth-child(3){left:68%;top:22px;width:15px;height:26px;border-radius:5px}
.sim-xplat i::before{content:"";position:absolute;left:2px;right:2px;top:2px;height:5px;border-radius:2px;background:rgba(47,91,214,.7);animation:lxbSync 2.6s ease infinite alternate;animation-duration:calc(2.6s*var(--tempo,1))}
@keyframes lxbSync{to{transform:translateY(14px)}}
/* 17 sprint timeline */
.sim-mvp i{left:12%;right:12%;top:42px;height:6px;border-radius:3px;background:rgba(16,24,40,.1);overflow:hidden}
.sim-mvp i::before{content:"";position:absolute;left:0;top:0;bottom:0;width:88%;border-radius:3px;background:linear-gradient(90deg,#193E99,#2F5BD6);animation:lxbSprint 3.8s linear infinite;animation-duration:calc(3.8s*var(--tempo,1))}
@keyframes lxbSprint{0%,14%{width:8%}20%,38%{width:34%}44%,62%{width:60%}68%,86%{width:88%}92%,100%{width:100%}}
.sim-mvp b{left:12%;top:20px;font:700 .56rem Consolas,'Courier New',monospace;letter-spacing:.2em;color:#193E99}
/* 18 nodes connect */
.sim-auto b{left:18%;right:18%;top:37px;height:2px;background:linear-gradient(90deg,#6D28D9,#2F5BD6);transform-origin:left;animation:lxbLink 2.8s ease infinite alternate;animation-duration:calc(2.8s*var(--tempo,1))}
@keyframes lxbLink{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sim-auto i{top:32px;width:12px;height:12px;border-radius:50%;background:#7C3AED;animation:lxbPulseD 2.8s ease infinite;animation-duration:calc(2.8s*var(--tempo,1))}
.sim-auto i:nth-of-type(1){left:calc(18% - 6px)}
.sim-auto i:nth-of-type(2){left:calc(50% - 6px);background:#133EA7;animation-delay:.45s}
.sim-auto i:nth-of-type(3){right:calc(18% - 6px);background:#2F5BD6;animation-delay:.9s}
/* 19 live charts */
.sim-chart i{bottom:12px;width:12%;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#E11D48,rgba(225,29,72,.3));transform-origin:bottom;animation:lxbChart 2.2s ease-in-out infinite alternate;animation-duration:calc(2.2s*var(--tempo,1))}
.sim-chart i:nth-child(1){left:16%;height:40px}
.sim-chart i:nth-child(2){left:34%;height:52px;animation-delay:.3s}
.sim-chart i:nth-child(3){left:52%;height:30px;animation-delay:.6s}
.sim-chart i:nth-child(4){left:70%;height:46px;animation-delay:.9s}
@keyframes lxbChart{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
@media(max-width:1230px){.lx-svgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:930px){.lx-svgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.lx-svgrid{grid-template-columns:1fr}}
@media(hover:none){.lxs-tag{opacity:.8;transform:none}}
@media(max-width:767px){.lx-services{padding:80px 0}.lxs-sim{height:66px}}
@media(prefers-reduced-motion:reduce){
html.lx-js .lxs-card{opacity:1;transform:none;transition:none}
.lxs-sim i,.lxs-sim b,.lxs-sim s,.lxs-sim i::before,.lxs-sim i::after{animation:none!important}
.lxs-card:hover .lxs-sim{filter:none}
.lxs-tag{opacity:.8;transform:none;transition:none}
}
/* lx:services:end */

/* lx:signal */
.lx-signal{background:#F6F8FB;padding:110px 0 90px;overflow:hidden}
.lx-signal-head{width:min(1300px,94%);margin:0 auto 36px;position:relative}
.lx-signal-head h2{font:600 clamp(1.9rem,3.6vw,2.9rem)/1.15 'Space Grotesk',sans-serif;color:#101828;margin:14px 0 0;letter-spacing:-.015em}
.lx-signal-head h2 em{font-style:normal;background:linear-gradient(100deg,#2F5BD6,#6D28D9);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-signal-head p{color:#475467;margin:14px 0 0;max-width:62ch;font:400 .98rem/1.7 'Montserrat','Inter',sans-serif}
.lx-sig-hint{position:absolute;right:0;bottom:4px;font:700 .62rem Consolas,'Courier New',monospace;letter-spacing:.3em;color:#475467}
.lx-sig-vp{display:flex;gap:18px;overflow-x:auto;padding:8px 3vw 26px;padding-left:calc((100vw - min(1300px,94vw))/2);padding-right:calc((100vw - min(1300px,94vw))/2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:thin;scrollbar-color:rgba(47,91,214,.4) transparent}
.lx-sig-vp.lx-drag{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}
.lx-sig-vp::-webkit-scrollbar{height:8px}
.lx-sig-vp::-webkit-scrollbar-thumb{background:rgba(47,91,214,.35);border-radius:4px}
.lx-sig-vp::-webkit-scrollbar-track{background:rgba(16,24,40,.06)}
.lx-sigcard{position:relative;flex:0 0 clamp(300px,36vw,470px);scroll-snap-align:center;margin:0;border-radius:20px;overflow:hidden;border:1px solid #E4E7EC;background:#FFFFFF;box-shadow:0 8px 24px rgba(16,24,40,.06);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.7,.25,1),flex-basis .55s cubic-bezier(.25,.8,.25,1),border-color .4s,box-shadow .4s}
html.lx-js .lx-sigcard{opacity:0;transform:translateY(30px)}
html.lx-js .lx-sigcard.lx-in{opacity:1;transform:none}
.lx-sigcard:hover,.lx-sigcard:focus{flex-basis:clamp(340px,44vw,580px);border-color:rgba(47,91,214,.5);box-shadow:0 16px 40px rgba(16,24,40,.14);outline:none}
.lx-sig-media{position:relative;height:300px;overflow:hidden}
.lx-sig-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,.7,.25,1)}
.lx-sigcard:hover .lx-sig-media img,.lx-sigcard:focus .lx-sig-media img{transform:scale(1.06)}
.lx-sig-ripple{position:absolute;left:-30%;right:-30%;top:-30%;bottom:-30%;background:radial-gradient(circle at 50% 45%,rgba(188,205,248,.28),rgba(188,205,248,.06) 34%,transparent 58%);opacity:0;transform:scale(.35);transition:opacity .5s ease,transform 1.1s cubic-bezier(.2,.7,.3,1);pointer-events:none}
.lx-sigcard:hover .lx-sig-ripple,.lx-sigcard:focus .lx-sig-ripple{opacity:1;transform:scale(1)}
.lx-sig-note{position:absolute;font:700 .56rem Consolas,'Courier New',monospace;letter-spacing:.16em;color:#2F5BD6;background:rgba(255,255,255,.9);border:1px solid rgba(47,91,214,.45);padding:5px 9px;border-radius:6px;opacity:0;transform:translateY(8px);transition:opacity .4s ease .06s,transform .4s ease .06s;pointer-events:none;white-space:nowrap}
.lx-sig-note::after{content:"";position:absolute;left:12px;top:100%;width:1px;height:14px;background:rgba(47,91,214,.5)}
.lx-sig-note.n1{top:16px;left:16px}
.lx-sig-note.n2{top:16px;right:16px;transition-delay:.18s}
.lx-sigcard:hover .lx-sig-note,.lx-sigcard:focus .lx-sig-note{opacity:1;transform:none}
.lx-sigcard figcaption{padding:16px 18px 18px;display:flex;flex-direction:column;gap:9px}
.lx-sig-num{font:700 .6rem Consolas,'Courier New',monospace;letter-spacing:.26em;color:#2F5BD6}
.lx-sigcard figcaption b{font:600 1.05rem 'Space Grotesk',sans-serif;color:#101828}
.lx-sig-del{display:flex;gap:7px;flex-wrap:wrap}
.lx-sig-del i{font:600 .62rem Consolas,'Courier New',monospace;letter-spacing:.08em;font-style:normal;color:#475467;border:1px solid #D0D5DD;border-radius:999px;padding:4px 10px;opacity:0;transform:translateX(-10px);transition:opacity .35s,transform .35s}
.lx-sig-del i:nth-child(2){transition-delay:.08s}
.lx-sig-del i:nth-child(3){transition-delay:.16s}
.lx-sigcard:hover .lx-sig-del i,.lx-sigcard:focus .lx-sig-del i{opacity:1;transform:none}
@media(hover:none){.lx-sig-note,.lx-sig-del i{opacity:1;transform:none}.lx-sigcard,.lx-sigcard:hover{flex-basis:82vw}.lx-sig-vp{padding:8px 5vw 22px;cursor:auto}}
@media(max-width:767px){.lx-signal{padding:80px 0 60px}.lx-sig-media{height:220px}.lx-sig-hint{position:static;display:inline-block;margin-top:12px}}
@media(prefers-reduced-motion:reduce){
html.lx-js .lx-sigcard{opacity:1;transform:none;transition:none}
.lx-sigcard:hover,.lx-sigcard:focus{flex-basis:clamp(300px,36vw,470px)}
.lx-sig-ripple{display:none}
.lx-sig-note,.lx-sig-del i{opacity:1;transform:none;transition:none}
.lx-sig-media img{transition:none}
.lx-sigcard:hover .lx-sig-media img,.lx-sigcard:focus .lx-sig-media img{transform:none}
}
/* lx:signal:end */

/* lx:studio */
.lx-studio{position:relative;background:radial-gradient(1100px 600px at 16% -10%,#F5EFFA,#FFFFFF 60%);padding:110px 0;overflow:hidden}
.lx-studio-in{width:min(1300px,94%);margin:0 auto}
.lx-studio-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;flex-wrap:wrap}
.lx-studio-head h2{font:600 clamp(1.9rem,3.6vw,2.9rem)/1.15 'Space Grotesk',sans-serif;color:#101828;margin:14px 0 0;letter-spacing:-.015em;max-width:24ch}
.lx-studio-head h2 em{font-style:normal;background:linear-gradient(105deg,#BE185D,#B45309);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-stgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px}
.lxst-card{--tempo:1;position:relative;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;border:1px solid #E4E7EC;border-top:2px solid var(--sa,#BE185D);background:#FFFFFF;overflow:hidden;transition:opacity .6s ease,transform .6s cubic-bezier(.22,.7,.25,1),border-color .35s,box-shadow .35s;will-change:transform;box-shadow:0 8px 24px rgba(16,24,40,.06)}
.lxst-card::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(165deg,var(--sa,#BE185D),transparent 55%);opacity:.06;transition:opacity .4s;pointer-events:none}
.lxst-card:hover::before,.lxst-card:focus::before{opacity:.12}
html.lx-js .lxst-card{opacity:0;transform:translateY(26px)}
html.lx-js .lxst-card.lx-in{opacity:1;transform:none}
.lxst-card:hover,.lxst-card:focus{--tempo:.42;box-shadow:0 14px 34px rgba(16,24,40,.14);border-color:var(--sa,#BE185D)}
.lxst-num{font:700 .68rem Consolas,'Courier New',monospace;letter-spacing:.24em;color:var(--sa,#BE185D);position:relative}
.lxst-card h3{font:600 1rem/1.3 'Space Grotesk',sans-serif;color:#101828;margin:0;position:relative}
.lxst-card p{font:400 .82rem/1.62 'Montserrat','Inter',sans-serif;color:#475467;margin:0;position:relative}
.lxst-go{margin-top:auto;font:700 .76rem 'Montserrat',sans-serif;letter-spacing:.04em;color:var(--sa,#BE185D);opacity:.9;transition:opacity .3s,letter-spacing .3s;position:relative}
.lxst-card:hover .lxst-go,.lxst-card:focus .lxst-go{opacity:1;letter-spacing:.08em}
.lxst-art{position:relative;display:block;height:86px;border-radius:10px;background:#F6F8FB;border:1px solid #EDF0F4;overflow:hidden;flex:none;transition:filter .35s}
.lxst-card:hover .lxst-art,.lxst-card:focus .lxst-art{filter:saturate(1.3)}
.lxst-art i,.lxst-art b,.lxst-art s{position:absolute;display:block;font-style:normal;text-decoration:none}
.lxst-art i,.lxst-art b,.lxst-art s{animation-play-state:paused}
.lxst-card.lx-run .lxst-art i,.lxst-card.lx-run .lxst-art b,.lxst-card.lx-run .lxst-art s{animation-play-state:running}
/* 01 typography motion */
.art-type i{font:700 2.3rem/1 'Space Grotesk',sans-serif;background:linear-gradient(120deg,#BE185D,#B45309);-webkit-background-clip:text;background-clip:text;color:transparent;animation:lxbLetter 3s ease infinite;animation-duration:calc(3s*var(--tempo,1))}
.art-type i:nth-child(1){left:32%;top:22px}
.art-type i:nth-child(2){left:54%;top:28px;font-size:1.8rem;font-style:italic;animation-delay:1.5s}
@keyframes lxbLetter{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(-7deg)}}
/* 02 social tile stacks */
.art-social i{left:calc(50% - 16px);top:26px;width:32px;height:32px;border-radius:9px;border:1.5px solid rgba(47,91,214,.65);background:rgba(47,91,214,.1);animation:lxbFan 2.8s ease infinite alternate;animation-duration:calc(2.8s*var(--tempo,1))}
.art-social i:nth-child(1){--fx:-26px;--fr:-12deg;background:rgba(190,24,93,.12);border-color:rgba(190,24,93,.6)}
.art-social i:nth-child(2){--fx:0px;--fr:0deg;z-index:2}
.art-social i:nth-child(3){--fx:26px;--fr:12deg;background:rgba(25,62,153,.1);border-color:rgba(25,62,153,.55)}
@keyframes lxbFan{from{transform:none}to{transform:translateX(var(--fx,0px)) rotate(var(--fr,0deg))}}
/* 03 e-learning / SCORM */
.art-elearn i{left:24%;top:21px;width:44px;height:44px;border-radius:50%;border:3px solid rgba(25,62,153,.2);border-top-color:#193E99;animation:lxbSpinB 1.8s linear infinite;animation-duration:calc(1.8s*var(--tempo,1))}
@keyframes lxbSpinB{to{transform:rotate(360deg)}}
.art-elearn b{right:18%;top:30px;width:34px;height:6px;border-radius:3px;background:rgba(25,62,153,.5);box-shadow:0 12px 0 rgba(25,62,153,.32),0 24px 0 rgba(25,62,153,.18)}
/* 04 print mockup tilts */
.art-print i{top:18px;width:36px;height:50px;border-radius:4px;background:#FFFFFF;border:1px solid #E4E7EC;box-shadow:0 8px 18px rgba(16,24,40,.16)}
.art-print i::after{content:"";position:absolute;left:5px;right:5px;top:8px;height:26px;background:repeating-linear-gradient(180deg,rgba(18,38,79,.25) 0 3px,transparent 3px 8px)}
.art-print i:nth-child(1){left:calc(50% - 36px);transform:rotate(-9deg);animation:lxbTiltA 3.2s ease infinite alternate;animation-duration:calc(3.2s*var(--tempo,1))}
.art-print i:nth-child(2){left:calc(50% + 2px);transform:rotate(7deg);background:linear-gradient(180deg,#D97706,#E11D48);border:0;animation:lxbTiltB 3.2s ease infinite alternate;animation-duration:calc(3.2s*var(--tempo,1))}
@keyframes lxbTiltA{from{transform:rotate(-9deg)}to{transform:rotate(-2deg) translateY(-4px)}}
@keyframes lxbTiltB{from{transform:rotate(7deg)}to{transform:rotate(13deg) translateY(-3px)}}
/* 05 photography */
.art-photo i{left:calc(50% - 30px);top:20px;width:60px;height:44px;border:1.5px solid rgba(190,18,60,.65);border-radius:6px}
.art-photo b{left:calc(50% - 6px);top:36px;width:12px;height:12px;border-radius:50%;border:2px solid #BE123C;animation:lxbFocus 2.2s ease infinite;animation-duration:calc(2.2s*var(--tempo,1))}
@keyframes lxbFocus{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}
.art-photo s{left:calc(50% + 14px);top:13px;width:8px;height:4px;border-radius:2px;background:rgba(190,18,60,.7)}
/* 06 AI sparks */
.art-ai i{left:calc(50% - 1px);top:calc(50% - 11px);width:2px;height:22px;border-radius:2px;background:linear-gradient(180deg,#6D28D9,#2F5BD6);animation:lxbSpark 2s ease infinite;animation-duration:calc(2s*var(--tempo,1))}
.art-ai i:nth-child(2){transform:rotate(45deg);animation-delay:.25s}
.art-ai i:nth-child(3){transform:rotate(90deg);animation-delay:.5s}
.art-ai i:nth-child(4){transform:rotate(135deg);animation-delay:.75s}
@keyframes lxbSpark{0%,100%{opacity:.35}50%{opacity:1}}
/* 07 accessibility grid pulses */
.art-a11y i{left:calc(50% - 22px);width:9px;height:9px;border-radius:50%;color:var(--sa,#2F5BD6);background:currentColor;box-shadow:17px 0 0 currentColor,34px 0 0 currentColor;animation:lxbRowPulse 2.4s ease infinite;animation-duration:calc(2.4s*var(--tempo,1))}
.art-a11y i:nth-child(1){top:20px}
.art-a11y i:nth-child(2){top:38px;animation-delay:.4s}
.art-a11y i:nth-child(3){top:56px;animation-delay:.8s}
@keyframes lxbRowPulse{0%,100%{opacity:.4}50%{opacity:1}}
/* 08 illustration fragments */
.art-illus i{animation:lxbDriftB 3.4s ease infinite alternate;animation-duration:calc(3.4s*var(--tempo,1))}
.art-illus i:nth-child(1){left:26%;top:24px;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:19px solid rgba(217,119,6,.85);--dx:6px;--dy:-7px}
.art-illus i:nth-child(2){left:48%;top:34px;width:18px;height:18px;border-radius:50%;background:rgba(219,39,119,.8);--dx:-5px;--dy:6px;animation-delay:.5s}
.art-illus i:nth-child(3){left:66%;top:22px;width:16px;height:16px;background:rgba(47,91,214,.75);--dx:5px;--dy:8px;animation-delay:1s}
@keyframes lxbDriftB{from{transform:translate(0,0)}to{transform:translate(var(--dx,6px),var(--dy,-6px))}}
@media(max-width:1230px){.lx-stgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:930px){.lx-stgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.lx-stgrid{grid-template-columns:1fr}}
@media(max-width:767px){.lx-studio{padding:80px 0}}
@media(prefers-reduced-motion:reduce){
html.lx-js .lxst-card{opacity:1;transform:none;transition:none}
.lxst-art i,.lxst-art b,.lxst-art s{animation:none!important}
.lxst-card:hover .lxst-art{filter:none}
}
/* lx:studio:end */
/* lx:why */
.lx-why{position:relative;background:radial-gradient(1000px 560px at 86% -12%,#E9EDF8,#FFFFFF 62%);padding:110px 0;overflow:hidden}
.lx-why-in{width:min(1300px,94%);margin:0 auto;display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center}
.lx-why-copy{transition:opacity .7s ease,transform .7s cubic-bezier(.22,.7,.25,1)}
html.lx-js .lx-why-copy{opacity:0;transform:translateY(26px)}
html.lx-js .lx-why-copy.lx-in{opacity:1;transform:none}
.lx-why-copy h2{font:600 clamp(1.9rem,3.6vw,2.9rem)/1.15 'Space Grotesk',sans-serif;color:#101828;margin:14px 0 0;letter-spacing:-.015em;max-width:22ch}
.lx-why-copy h2 em{font-style:normal;background:linear-gradient(100deg,#2F5BD6,#193E99);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-why-copy p{color:#475467;margin:16px 0 0;max-width:56ch;font:400 .98rem/1.75 'Montserrat','Inter',sans-serif}
.lx-why-proof{margin:22px 0 28px;display:flex;flex-direction:column;gap:10px;padding:0}
.lx-why-proof li{display:flex;align-items:center;gap:12px;color:#344054;font:600 .93rem 'Montserrat','Inter',sans-serif}
.lx-why-proof li i{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(25,62,153,.65);position:relative}
.lx-why-proof li i::after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border-right:2px solid #193E99;border-bottom:2px solid #193E99;transform:rotate(40deg)}
.lx-machine{position:relative;border:1px solid #E4E7EC;border-radius:20px;background:#FFFFFF;padding:26px 26px 26px 30px;box-shadow:0 8px 24px rgba(16,24,40,.08)}
.lx-mc-title{display:block;font:700 .62rem Consolas,'Courier New',monospace;letter-spacing:.3em;color:#2F5BD6;margin:0 0 18px}
.lx-mc-line{position:absolute;left:51px;top:72px;bottom:30px;width:2px;background:rgba(16,24,40,.08);border-radius:1px;overflow:hidden}
.lx-mc-line i{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,#2F5BD6,#193E99);transition:height .35s ease-out}
html.lx-js .lx-mc-line i{height:0}
.lx-mc-stages{position:relative;display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}
.lx-mc-stage{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;transition:opacity .5s ease,transform .5s cubic-bezier(.22,.7,.25,1)}
html.lx-js .lx-mc-stage{opacity:.3;transform:translateX(12px)}
html.lx-js .lx-mc-stage.lx-on{opacity:1;transform:none}
.lx-mc-viz{position:relative;width:44px;height:44px;border-radius:12px;border:1px solid #E4E7EC;background:#F6F8FB;overflow:hidden}
.lx-mc-tx b{display:block;font:600 .98rem 'Space Grotesk',sans-serif;color:#101828}
.lx-mc-tx span{display:block;font:400 .78rem 'Montserrat','Inter',sans-serif;color:#475467}
.lx-mc-chip{font:700 .56rem Consolas,'Courier New',monospace;letter-spacing:.16em;font-style:normal;color:var(--sa,#193E99);border:1px solid var(--sa,#193E99);border-radius:6px;padding:4px 8px;white-space:nowrap;transition:color .4s,border-color .4s}
html.lx-js .lx-mc-stage:not(.lx-on) .lx-mc-chip{color:#667085;border-color:#E4E7EC}
.mv-idea i{position:absolute;left:16px;top:16px;width:12px;height:12px;border-radius:50%;background:#B45309;animation:lxbPing 2.2s ease-out infinite}
html.lx-js .lx-mc-stage:not(.lx-on) .mv-idea i{background:rgba(180,83,9,.3);animation:none}
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:9px}
.mv-grid i{border-radius:3px;background:rgba(109,40,217,.7);transform:scale(1);transition:transform .45s cubic-bezier(.2,.9,.3,1.4),background .45s}
.mv-grid i:nth-child(2){transition-delay:.1s}
.mv-grid i:nth-child(3){transition-delay:.2s}
.mv-grid i:nth-child(4){transition-delay:.3s}
html.lx-js .lx-mc-stage:not(.lx-on) .mv-grid i{transform:scale(0);background:rgba(109,40,217,.25)}
.mv-code i{position:absolute;left:9px;height:3px;border-radius:2px;background:rgba(47,91,214,.75);transition:width .5s ease .1s}
.mv-code i:nth-child(1){top:13px;width:24px}
.mv-code i:nth-child(2){top:20px;width:17px;background:rgba(25,62,153,.7);transition-delay:.24s}
.mv-code i:nth-child(3){top:27px;width:21px;background:rgba(109,40,217,.7);transition-delay:.38s}
html.lx-js .lx-mc-stage:not(.lx-on) .mv-code i{width:0}
.mv-qa i{position:absolute;left:15px;top:10px;width:9px;height:17px;border-right:3px solid #193E99;border-bottom:3px solid #193E99;transform:rotate(40deg);transition:border-color .45s .1s,filter .45s .1s;filter:drop-shadow(0 0 6px rgba(25,62,153,.4))}
html.lx-js .lx-mc-stage:not(.lx-on) .mv-qa i{border-color:#CBD5E1;filter:none}
.mv-deploy i{position:absolute;left:19px;bottom:8px;width:6px;height:26px;border-radius:3px;background:linear-gradient(180deg,#BE123C,rgba(190,18,60,.08));transform:scaleY(1);transform-origin:bottom;transition:transform .6s cubic-bezier(.2,.8,.3,1.1) .1s}
html.lx-js .lx-mc-stage:not(.lx-on) .mv-deploy i{transform:scaleY(.15)}
.mv-market i{position:absolute;bottom:8px;width:6px;border-radius:2px;background:rgba(180,83,9,.85);transform-origin:bottom;transform:scaleY(1);transition:transform .55s ease .12s}
.mv-market i:nth-child(1){left:11px;height:10px}
.mv-market i:nth-child(2){left:20px;height:17px;transition-delay:.26s}
.mv-market i:nth-child(3){left:29px;height:25px;transition-delay:.4s}
html.lx-js .lx-mc-stage:not(.lx-on) .mv-market i{transform:scaleY(.2)}
.mv-support i{position:absolute;left:16px;top:16px;width:12px;height:12px;border-radius:50%;background:#193E99;animation:lxbPing 2.6s ease-out infinite .4s}
html.lx-js .lx-mc-stage:not(.lx-on) .mv-support i{background:rgba(25,62,153,.35);animation:none}
@media(max-width:1000px){.lx-why-in{grid-template-columns:1fr;gap:40px}}
@media(max-width:767px){
.lx-why{padding:80px 0}
.lx-mc-chip{display:none}
.lx-mc-stage{grid-template-columns:40px 1fr;gap:12px}
.lx-mc-viz{width:40px;height:40px}
.lx-mc-line{left:50px}
}
@media(prefers-reduced-motion:reduce){
html.lx-js .lx-why-copy{opacity:1;transform:none;transition:none}
html.lx-js .lx-mc-stage{opacity:1;transform:none;transition:none}
.lx-mc-line i{transition:none}
.lx-mc-viz i{transition:none;animation:none!important}
.mv-idea i,.mv-support i{animation:none!important}
}
/* lx:why:end */
/* lx:facts */
.lx-facts{background:#F6F8FB;padding:104px 0;overflow:hidden}
.lx-facts-in{width:min(1300px,94%);margin:0 auto}
.lx-facts-head h2{font:600 clamp(1.9rem,3.6vw,2.9rem)/1.15 'Space Grotesk',sans-serif;color:#101828;margin:14px 0 0;letter-spacing:-.015em}
.lx-facts-head h2 em{font-style:normal;background:linear-gradient(105deg,#BE185D,#B45309);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-factgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:42px}
.lx-factcard{position:relative;overflow:hidden;border:1px solid #E4E7EC;border-top:2px solid var(--sa,#2F5BD6);border-radius:18px;background:#FFFFFF;padding:34px 24px 30px;box-shadow:0 8px 24px rgba(16,24,40,.06);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.7,.25,1),border-color .35s,box-shadow .35s}
html.lx-js .lx-factcard{opacity:0;transform:translateY(26px)}
html.lx-js .lx-factcard.lx-in{opacity:1;transform:none}
.lx-factcard:hover,.lx-factcard:focus{border-color:var(--sa,#2F5BD6);box-shadow:0 14px 34px rgba(16,24,40,.14);outline:none}
.lx-factcard b{position:relative;display:block;font:700 clamp(2.2rem,3.4vw,2.9rem)/1 'Space Grotesk',sans-serif;color:var(--sa,#2F5BD6);letter-spacing:-.02em}
.lx-fact-t{position:relative;display:block;margin-top:10px;color:#475467;font:600 .86rem 'Montserrat','Inter',sans-serif}
.lx-fact-bg{position:absolute;left:0;right:0;top:0;bottom:0;opacity:.5;pointer-events:none}
.lx-fact-bg i,.lx-fact-bg s{position:absolute;display:block}
.fb-timeline::after{content:"";position:absolute;right:12px;bottom:14px;width:124px;height:1px;background:rgba(47,91,214,.35)}
.fb-timeline i{bottom:16px;width:2px;height:12px;background:rgba(47,91,214,.55)}
.fb-timeline i:nth-child(odd){height:20px}
.fb-timeline i:nth-child(1){right:16px}
.fb-timeline i:nth-child(2){right:38px}
.fb-timeline i:nth-child(3){right:60px}
.fb-timeline i:nth-child(4){right:82px}
.fb-timeline i:nth-child(5){right:104px}
.fb-timeline i:nth-child(6){right:126px}
.lx-factcard.lx-run .fb-timeline i{animation:lxbRowPulse 2.6s ease infinite}
.lx-factcard.lx-run .fb-timeline i:nth-child(2){animation-delay:.3s}
.lx-factcard.lx-run .fb-timeline i:nth-child(3){animation-delay:.6s}
.lx-factcard.lx-run .fb-timeline i:nth-child(4){animation-delay:.9s}
.lx-factcard.lx-run .fb-timeline i:nth-child(5){animation-delay:1.2s}
.lx-factcard.lx-run .fb-timeline i:nth-child(6){animation-delay:1.5s}
.fb-brands i{width:8px;height:8px;border-radius:2px;background:rgba(190,24,93,.45)}
.fb-brands i:nth-child(3n+1){right:46px}
.fb-brands i:nth-child(3n+2){right:32px}
.fb-brands i:nth-child(3n){right:18px}
.fb-brands i:nth-child(-n+3){top:16px}
.fb-brands i:nth-child(n+4):nth-child(-n+6){top:30px}
.fb-brands i:nth-child(n+7){top:44px}
.lx-factcard.lx-run .fb-brands i{animation:lxbRowPulse 3s ease infinite}
.lx-factcard.lx-run .fb-brands i:nth-child(2n){animation-delay:.5s}
.lx-factcard.lx-run .fb-brands i:nth-child(3n){animation-delay:1s}
.fb-team i{width:6px;height:6px;border-radius:50%;background:rgba(109,40,217,.6)}
.fb-team i:nth-child(1){right:18px;top:16px}
.fb-team i:nth-child(2){right:58px;top:26px}
.fb-team i:nth-child(3){right:34px;top:44px}
.fb-team i:nth-child(4){right:82px;top:14px}
.fb-team i:nth-child(5){right:74px;top:50px}
.fb-team s{right:22px;top:20px;width:64px;height:1px;background:rgba(109,40,217,.3);transform:rotate(24deg);transform-origin:right center}
.fb-team s::after{content:"";position:absolute;right:14px;top:14px;width:52px;height:1px;background:rgba(109,40,217,.24);transform:rotate(-38deg);transform-origin:right center}
.lx-factcard.lx-run .fb-team i{animation:lxbPulseD 2.8s ease infinite}
.lx-factcard.lx-run .fb-team i:nth-child(2){animation-delay:.4s}
.lx-factcard.lx-run .fb-team i:nth-child(3){animation-delay:.8s}
.lx-factcard.lx-run .fb-team i:nth-child(4){animation-delay:1.2s}
.lx-factcard.lx-run .fb-team i:nth-child(5){animation-delay:1.6s}
.fb-tick i{right:20px;top:12px;width:16px;height:30px;border-right:4px solid rgba(25,62,153,.45);border-bottom:4px solid rgba(25,62,153,.45);transform:rotate(40deg)}
.lx-factcard.lx-run .fb-tick i{animation:lxbRowPulse 2.4s ease infinite}
@media(max-width:1000px){.lx-factgrid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lx-factgrid{grid-template-columns:1fr}}
@media(max-width:767px){.lx-facts{padding:78px 0}}
@media(prefers-reduced-motion:reduce){
html.lx-js .lx-factcard{opacity:1;transform:none;transition:none}
.lx-fact-bg i,.lx-fact-bg s{animation:none!important}
}
/* lx:facts:end */
/* lx:awards */
.lx-awards{position:relative;overflow:hidden;text-align:center;background:radial-gradient(1000px 620px at 50% -20%,#F3EEFA,#FFFFFF 62%);padding:110px 0;border-top:1px solid rgba(109,40,217,.2)}
.lx-aw-in{position:relative;width:min(1200px,94%);margin:0 auto}
.lx-aw-head h2{font:600 clamp(1.9rem,3.6vw,2.9rem)/1.15 'Space Grotesk',sans-serif;color:#101828;margin:14px 0 0;letter-spacing:-.015em}
.lx-aw-head h2 em{font-style:normal;background:linear-gradient(100deg,#BE185D,#B45309);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-aw-head p{color:#475467;margin:14px auto 0;max-width:62ch;font:400 .96rem/1.75 'Montserrat','Inter',sans-serif}
.lx-aw-orbit{position:relative;height:470px;margin:26px auto 8px;max-width:860px;transition:opacity .8s ease}
html.lx-js .lx-aw-orbit{opacity:0}
html.lx-js .lx-aw-orbit.lx-in{opacity:1}
.lx-aw-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px dashed rgba(109,40,217,.3);border-radius:50%}
.lx-aw-ring.r1{width:340px;height:340px}
.lx-aw-ring.r2{width:466px;height:466px;border-color:rgba(47,91,214,.22)}
.lx-aw-orbit.lx-run .lx-aw-ring.r1{animation:lxbSpinB 70s linear infinite}
.lx-aw-orbit.lx-run .lx-aw-ring.r2{animation:lxbSpinB 110s linear infinite reverse}
.lx-aw-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:rgba(255,255,255,.92);border:1px solid rgba(190,24,93,.45);box-shadow:0 0 60px rgba(109,40,217,.15),0 8px 24px rgba(16,24,40,.08)}
.lx-aw-core b{font:700 2rem/1 'Space Grotesk',sans-serif;background:linear-gradient(100deg,#BE185D,#B45309);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-aw-core i{font:700 .56rem Consolas,'Courier New',monospace;letter-spacing:.28em;color:#475467;font-style:normal}
.lx-aw-sat{--r:235px;position:absolute;left:50%;top:50%;width:0;height:0}
.lx-aw-sat.s1{transform:rotate(-35deg) translateX(var(--r)) rotate(35deg)}
.lx-aw-sat.s2{transform:rotate(35deg) translateX(var(--r)) rotate(-35deg)}
.lx-aw-sat.s3{transform:rotate(145deg) translateX(var(--r)) rotate(-145deg)}
.lx-aw-sat.s4{transform:rotate(215deg) translateX(var(--r)) rotate(-215deg)}
.lx-aw-orbit.lx-run .lx-aw-sat{animation:lxcOrbit 44s linear infinite}
.lx-aw-orbit.lx-run .lx-aw-sat.s2{animation-delay:-11s}
.lx-aw-orbit.lx-run .lx-aw-sat.s3{animation-delay:-22s}
.lx-aw-orbit.lx-run .lx-aw-sat.s4{animation-delay:-33s}
@keyframes lxcOrbit{from{transform:rotate(0deg) translateX(var(--r,235px)) rotate(0deg)}to{transform:rotate(360deg) translateX(var(--r,235px)) rotate(-360deg)}}
.lx-aw-tile{display:block;transform:translate(-50%,-50%);width:max-content;max-width:230px;position:relative;overflow:hidden;border:1px solid rgba(190,24,93,.4);border-radius:12px;padding:10px 16px;background:rgba(255,255,255,.94);color:#344054;font:600 .8rem/1.4 'Montserrat','Inter',sans-serif;box-shadow:0 8px 24px rgba(16,24,40,.1)}
.lx-aw-tile::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:40%;background:linear-gradient(100deg,transparent,rgba(190,24,93,.12),transparent);transform:skewX(-18deg)}
.lx-aw-orbit.lx-run .lx-aw-tile::after{animation:lxcShine 5.5s ease infinite}
@keyframes lxcShine{0%,55%{left:-70%}85%,100%{left:140%}}
.lx-aw-cities{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px 0 30px;padding:0;list-style:none}
.lx-aw-cities li{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(190,24,93,.4);border-radius:999px;padding:8px 16px;font:600 .8rem 'Montserrat','Inter',sans-serif;color:#344054;background:#FFFFFF}
.lx-aw-cities li i{width:7px;height:7px;border-radius:50%;background:#B45309}
.lx-awards.lx-run .lx-aw-cities li i{animation:lxbPulseD 2.6s ease infinite}
.lx-awards.lx-run .lx-aw-cities li:nth-child(2) i{animation-delay:.35s}
.lx-awards.lx-run .lx-aw-cities li:nth-child(3) i{animation-delay:.7s}
.lx-awards.lx-run .lx-aw-cities li:nth-child(4) i{animation-delay:1.05s}
.lx-awards.lx-run .lx-aw-cities li:nth-child(5) i{animation-delay:1.4s}
.lx-awards.lx-run .lx-aw-cities li:nth-child(6) i{animation-delay:1.75s}
.lx-aw-cta{margin-top:4px}
@media(max-width:860px){.lx-aw-sat{--r:175px}.lx-aw-orbit{height:400px}.lx-aw-ring.r1{width:250px;height:250px}.lx-aw-ring.r2{width:352px;height:352px}.lx-aw-core{width:124px;height:124px}.lx-aw-tile{max-width:170px;font-size:.72rem}}
@media(max-width:640px){
.lx-aw-orbit{height:auto;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:8px 0}
.lx-aw-ring{display:none}
.lx-aw-core{position:static;transform:none;flex:0 0 130px;height:130px;margin:0 auto 10px;order:-1}
.lx-aw-sat{position:static;width:auto;height:auto;transform:none!important;animation:none!important}
.lx-aw-tile{transform:none;max-width:none;font-size:.78rem}
}
@media(max-width:767px){.lx-awards{padding:80px 0}}
@media(prefers-reduced-motion:reduce){
html.lx-js .lx-aw-orbit{opacity:1;transition:none}
.lx-aw-sat,.lx-aw-ring,.lx-aw-tile::after,.lx-aw-cities li i{animation:none!important}
}
/* lx:awards:end */
/* lx:work */
.lx-work{background:#FFFFFF;padding:110px 0 90px;overflow:hidden}
.lx-work-head{width:min(1300px,94%);margin:0 auto 34px;display:flex;justify-content:space-between;align-items:flex-end;gap:22px;flex-wrap:wrap}
.lx-work-head h2{font:600 clamp(1.9rem,3.6vw,2.9rem)/1.15 'Space Grotesk',sans-serif;color:#101828;margin:14px 0 0;letter-spacing:-.015em}
.lx-work-head h2 em{font-style:normal;background:linear-gradient(100deg,#2F5BD6,#6D28D9);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-work-head p{color:#475467;margin:14px 0 0;max-width:56ch;font:400 .98rem/1.7 'Montserrat','Inter',sans-serif}
.lx-wk-side{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.lx-wk-hint{font:700 .62rem Consolas,'Courier New',monospace;letter-spacing:.3em;color:#475467}
.lx-wk-vp{display:flex;gap:18px;overflow-x:auto;padding:8px 3vw 26px;padding-left:calc((100vw - min(1300px,94vw))/2);padding-right:calc((100vw - min(1300px,94vw))/2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:thin;scrollbar-color:rgba(47,91,214,.4) transparent}
.lx-wk-vp.lx-drag{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}
.lx-wk-vp::-webkit-scrollbar{height:8px}
.lx-wk-vp::-webkit-scrollbar-thumb{background:rgba(47,91,214,.35);border-radius:4px}
.lx-wk-vp::-webkit-scrollbar-track{background:rgba(16,24,40,.06)}
.lx-wkcard{position:relative;flex:0 0 clamp(300px,34vw,440px);scroll-snap-align:center;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid #E4E7EC;background:#FFFFFF;box-shadow:0 8px 24px rgba(16,24,40,.06);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.7,.25,1),border-color .4s,box-shadow .4s}
html.lx-js .lx-wkcard{opacity:0;transform:translateY(30px)}
html.lx-js .lx-wkcard.lx-in{opacity:1;transform:none}
.lx-wkcard:hover,.lx-wkcard:focus{border-color:var(--wa,#2F5BD6);box-shadow:0 16px 40px rgba(16,24,40,.14);transform:translateY(-6px);outline:none}
html.lx-js .lx-wkcard.lx-in:hover,html.lx-js .lx-wkcard.lx-in:focus{transform:translateY(-6px)}
.lx-wk-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F2F4F7;border-bottom:1px solid #E4E7EC}
.lx-wk-bar i{width:9px;height:9px;border-radius:50%}
.lx-wk-bar i.r{background:#F04438}
.lx-wk-bar i.a{background:#F79009}
.lx-wk-bar i.g{background:#1443B5}
.lx-wk-bar em{margin-left:8px;font:700 .62rem Consolas,'Courier New',monospace;letter-spacing:.08em;font-style:normal;color:#475467;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lx-wk-media{position:relative;height:228px;overflow:hidden;display:block}
.lx-wk-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,.7,.25,1)}
.lx-wkcard:hover .lx-wk-media img,.lx-wkcard:focus .lx-wk-media img{transform:scale(1.06)}
.lx-wk-tint{position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,transparent 42%,rgba(5,8,26,.55)),linear-gradient(120deg,var(--wa,#2F5BD6),transparent 58%);opacity:.28;transition:opacity .5s;pointer-events:none}
.lx-wkcard:hover .lx-wk-tint,.lx-wkcard:focus .lx-wk-tint{opacity:.4}
.lx-wk-cap{display:flex;flex-direction:column;gap:9px;padding:16px 18px 18px}
.lx-wk-cap b{font:600 1.06rem 'Space Grotesk',sans-serif;color:#101828}
.lx-wk-svc{font:700 .62rem Consolas,'Courier New',monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--wa,#2F5BD6)}
.lx-wk-tags{display:flex;gap:7px;flex-wrap:wrap}
.lx-wk-tags i{font:600 .62rem Consolas,'Courier New',monospace;letter-spacing:.08em;font-style:normal;color:#475467;border:1px solid #D0D5DD;border-radius:999px;padding:4px 10px;opacity:0;transform:translateX(-10px);transition:opacity .35s,transform .35s}
.lx-wk-tags i.oc{border-color:rgba(25,62,153,.45);color:#193E99;transition-delay:.09s}
.lx-wkcard:hover .lx-wk-tags i,.lx-wkcard:focus .lx-wk-tags i{opacity:1;transform:none}
.lx-wk-url{font:600 .72rem 'Montserrat','Inter',sans-serif;color:#2F5BD6}
html.lx-cursor-live .lx-cursor.view{width:auto;min-width:64px;padding:0 10px;border-radius:999px}
html.lx-cursor-live .lx-cursor .tx{white-space:nowrap;text-transform:uppercase;letter-spacing:.1em}
@media(hover:none){.lx-wk-tags i{opacity:1;transform:none}.lx-wkcard,.lx-wkcard:hover{flex-basis:82vw}.lx-wk-vp{padding:8px 5vw 22px;cursor:auto}}
@media(max-width:767px){.lx-work{padding:80px 0 60px}.lx-wk-media{height:200px}.lx-work-head{flex-direction:column;align-items:flex-start}.lx-wk-side{align-items:flex-start;flex-direction:row;align-items:center;gap:18px}}
@media(prefers-reduced-motion:reduce){
html.lx-js .lx-wkcard{opacity:1;transform:none;transition:none}
.lx-wkcard:hover,.lx-wkcard:focus,html.lx-js .lx-wkcard.lx-in:hover,html.lx-js .lx-wkcard.lx-in:focus{transform:none}
.lx-wk-media img{transition:none}
.lx-wkcard:hover .lx-wk-media img,.lx-wkcard:focus .lx-wk-media img{transform:none}
.lx-wk-tags i{opacity:1;transform:none;transition:none}
}
/* lx:work:end */
/* lx:starter */
.lx-starter{position:relative;overflow:hidden;background:radial-gradient(900px 560px at 10% -6%,#EAEEF7,#FFFFFF 60%);padding:110px 0}
.lx-st-in{width:min(1300px,94%);margin:0 auto}
.lx-st-head h2{font:600 clamp(1.9rem,3.6vw,2.9rem)/1.15 'Space Grotesk',sans-serif;color:#101828;margin:14px 0 0;letter-spacing:-.015em}
.lx-st-head h2 em{font-style:normal;background:linear-gradient(100deg,#193E99,#2F5BD6);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-st-head p{color:#475467;margin:14px 0 0;max-width:60ch;font:400 .98rem/1.75 'Montserrat','Inter',sans-serif}
.lx-st-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:36px;margin-top:42px;align-items:start}
.lx-st-step{border:1px solid #E4E7EC;border-radius:16px;background:#FFFFFF;padding:18px 20px 20px;margin:0 0 16px;min-width:0;box-shadow:0 8px 24px rgba(16,24,40,.05)}
.lx-st-step legend{font:700 .64rem Consolas,'Courier New',monospace;letter-spacing:.28em;color:#2F5BD6;padding:0 8px}
.lx-st-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.lx-chip{font:600 .84rem 'Montserrat','Inter',sans-serif;color:#344054;background:transparent;border:1px solid #D0D5DD;border-radius:999px;padding:9px 16px;cursor:pointer;transition:border-color .25s,color .25s,background .25s,transform .25s}
.lx-chip:hover,.lx-chip:focus{border-color:#2F5BD6;color:#101828;outline:none;transform:translateY(-1px)}
.lx-chip.lx-sel{background:linear-gradient(110deg,#7860D8,#39FF88);border-color:transparent;color:#040A1A;font-weight:700}
.lx-st-card{position:sticky;top:96px;display:flex;flex-direction:column;gap:16px;border:1px solid rgba(25,62,153,.35);border-radius:20px;background:#FFFFFF;padding:24px 24px 26px;box-shadow:0 8px 24px rgba(16,24,40,.08);transition:opacity .6s ease,transform .6s cubic-bezier(.22,.7,.25,1)}
html.lx-js .lx-st-card{opacity:0;transform:translateY(24px)}
html.lx-js .lx-st-card.lx-in{opacity:1;transform:none}
.lx-st-k{font:700 .62rem Consolas,'Courier New',monospace;letter-spacing:.3em;color:#193E99}
.lx-st-sum{margin:0;color:#475467;font:400 .9rem/1.65 'Montserrat','Inter',sans-serif}
.lx-st-path{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.lx-st-path li{display:flex;gap:12px;align-items:flex-start;border:1px solid #E4E7EC;border-radius:12px;padding:10px 12px;transition:opacity .3s,border-color .3s,background .3s}
.lx-st-path li i{font:700 .62rem Consolas,'Courier New',monospace;color:#2F5BD6;font-style:normal;margin-top:4px}
.lx-st-path li b{display:block;font:600 .92rem 'Space Grotesk',sans-serif;color:#101828}
.lx-st-path li span span{display:block;font:400 .74rem 'Montserrat','Inter',sans-serif;color:#475467}
.lx-st-path.lx-cfg li{opacity:.55}
.lx-st-path.lx-cfg li.lx-hot{opacity:1;border-color:rgba(25,62,153,.5);background:rgba(25,62,153,.06)}
.lx-st-path.lx-cfg li.lx-hot i{color:#193E99}
.lx-st-card .lx-btn{align-self:flex-start}
.lx-st-note{font:400 .78rem 'Montserrat','Inter',sans-serif;color:#475467}
.lx-st-note a{color:#2F5BD6;text-decoration:underline}
@media(max-width:1000px){.lx-st-grid{grid-template-columns:1fr}.lx-st-card{position:static}}
@media(max-width:767px){.lx-starter{padding:80px 0}}
@media(prefers-reduced-motion:reduce){
html.lx-js .lx-st-card{opacity:1;transform:none;transition:none}
.lx-chip{transition:none}
.lx-chip:hover,.lx-chip:focus{transform:none}
}
/* lx:starter:end */
/* lx:footcta */
.lx-footcta{position:relative;overflow:hidden;text-align:center;background:#F6F8FB;padding:128px 0}
.lx-fc-scene{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none}
.lx-fc-grid{position:absolute;left:0;right:0;top:-56px;bottom:0;background-image:linear-gradient(rgba(47,91,214,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(47,91,214,.1) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(closest-side at 50% 42%,#000,transparent);mask-image:radial-gradient(closest-side at 50% 42%,#000,transparent)}
.lx-footcta.lx-run .lx-fc-grid{animation:lxcGridMove 16s linear infinite}
@keyframes lxcGridMove{from{background-position:0 0,0 0}to{background-position:0 56px,56px 0}}
.lx-fc-code{position:absolute;bottom:-24px;font:700 .66rem Consolas,'Courier New',monospace;letter-spacing:.12em;color:rgba(25,62,153,.5);white-space:nowrap;opacity:0}
.lx-fc-code.c1{left:8%}
.lx-fc-code.c2{left:27%;color:rgba(47,91,214,.5)}
.lx-fc-code.c3{right:23%;color:rgba(109,40,217,.45)}
.lx-fc-code.c4{right:6%;color:rgba(180,83,9,.45)}
.lx-footcta.lx-run .lx-fc-code{animation:lxcFloatUp 13s linear infinite}
.lx-footcta.lx-run .lx-fc-code.c2{animation-delay:-3.5s}
.lx-footcta.lx-run .lx-fc-code.c3{animation-delay:-7s}
.lx-footcta.lx-run .lx-fc-code.c4{animation-delay:-10.5s}
@keyframes lxcFloatUp{0%{transform:translateY(0);opacity:0}8%{opacity:1}82%{opacity:1}100%{transform:translateY(-540px);opacity:0}}
.lx-fc-trail{position:absolute;left:-4%;right:-4%;top:30%;height:0;border-top:1px dashed rgba(25,62,153,.25);transform:rotate(-5deg)}
.lx-fc-trail i{position:absolute;left:-2%;top:-4px;width:8px;height:8px;border-radius:50%;background:#193E99;box-shadow:0 0 14px rgba(25,62,153,.5);opacity:0}
.lx-footcta.lx-run .lx-fc-trail i{animation:lxcFlight 9s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes lxcFlight{0%{left:-2%;opacity:0}6%{opacity:1}46%{opacity:1}50%{left:102%;opacity:0}100%{left:102%;opacity:0}}
.lx-fc-in{position:relative;width:min(920px,92%);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}
.lx-fc-in h2{font:600 clamp(2.1rem,5vw,3.5rem)/1.12 'Space Grotesk',sans-serif;color:#101828;letter-spacing:-.02em;margin:6px 0 0}
.lx-fc-in h2 span{display:inline-block;transition:opacity .6s ease,transform .6s cubic-bezier(.22,.7,.25,1)}
html.lx-js .lx-fc-in h2 span{opacity:0;transform:translateY(22px)}
html.lx-js .lx-footcta.lx-in h2 span{opacity:1;transform:none}
.lx-fc-in h2 .w2{transition-delay:.14s;background:linear-gradient(100deg,#2F5BD6,#133EA7);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-fc-in h2 .w3{transition-delay:.28s;background:linear-gradient(100deg,#193E99,#2F5BD6);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-fc-deploy{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(460px,88%)}
.lx-fc-bar{display:block;width:100%;height:6px;border-radius:3px;background:rgba(16,24,40,.1);overflow:hidden}
.lx-fc-bar i{display:block;height:100%;width:100%;border-radius:3px;background:linear-gradient(90deg,#2F5BD6,#193E99);transform-origin:left;transition:transform 1.5s cubic-bezier(.2,.7,.3,1) .3s}
html.lx-js .lx-fc-bar i{transform:scaleX(0)}
html.lx-js .lx-footcta.lx-in .lx-fc-bar i{transform:scaleX(1)}
.lx-fc-status{display:inline-flex;align-items:center;gap:9px;font:700 .66rem Consolas,'Courier New',monospace;letter-spacing:.2em;color:#475467;text-transform:uppercase}
.lx-fc-status b{width:8px;height:8px;border-radius:50%;background:#193E99}
.lx-footcta.lx-run .lx-fc-status b{animation:lxbPing 2.2s ease-out infinite}
@media(max-width:767px){.lx-footcta{padding:92px 0}.lx-fc-code{display:none}}
@media(prefers-reduced-motion:reduce){
html.lx-js .lx-fc-in h2 span{opacity:1;transform:none;transition:none}
html.lx-js .lx-fc-bar i{transform:none;transition:none}
.lx-fc-grid,.lx-fc-code,.lx-fc-trail i,.lx-fc-status b{animation:none!important}
.lx-fc-trail{display:none}
}
/* lx:footcta:end */
/* lx:darkcut */
.lx-sigcard.lx-darkcut .lx-sig-media{background:#0B0F19}
.lx-sigcard.lx-darkcut .lx-sig-media video{width:100%;height:100%;object-fit:cover;display:block;background:#0B0F19;transition:transform .8s cubic-bezier(.22,.7,.25,1)}
.lx-sigcard.lx-darkcut:hover .lx-sig-media video,.lx-sigcard.lx-darkcut:focus .lx-sig-media video{transform:scale(1.06)}
.lx-darkcut-cap{display:block;font:400 .78rem/1.5 'Inter','Space Grotesk',sans-serif;color:#667085}
@media(max-width:767.98px){
.lx-darkcut-cap{font-size:.74rem}
}
@media(prefers-reduced-motion:reduce){
.lx-sigcard.lx-darkcut .lx-sig-media video{transition:none}
.lx-sigcard.lx-darkcut:hover .lx-sig-media video,.lx-sigcard.lx-darkcut:focus .lx-sig-media video{transform:none}
}
/* lx:darkcut:end */

/* cq-dgt-dock: floating BUILD-palette overlay trigger, shown once the lusion
   lx-nav bar is hidden by the v3 two-section header (mega-menu owns the bar). */
.cq-dgt-dock{position:fixed;right:20px;bottom:20px;z-index:210}
.cq-dgt-dock .lx-burger{box-shadow:0 12px 32px rgba(16,24,40,.22)}
@media (prefers-reduced-motion:reduce){.cq-dgt-dock .lx-burger{transition:none}}

/* cq-foot-v3 */
.cqf3{background:#121C36;color:#E9ECF3;font-size:.95rem;line-height:1.7;margin-top:0}
.cqf3 a{color:#ABBBE3;text-decoration:none}
.cqf3 a:hover{color:#fff;text-decoration:underline}
.cqf3 h4{color:#B6C6ED;font-size:.9rem;letter-spacing:.07em;text-transform:uppercase;margin:0 0 14px;font-weight:700}
.cqf3-wrap{max-width:1200px;margin:0 auto;padding:64px 24px 26px}
.cqf3-cols{display:grid;grid-template-columns:1.4fr 1fr 1.1fr 1.2fr;gap:42px}
.cqf3 ul{list-style:none;margin:0;padding:0}
.cqf3 li{margin:0 0 9px}
.cqf3-logo{max-width:220px;height:auto;display:block;margin:0 0 16px}
.cqf3-blurb{margin:0 0 16px}
.cqf3-socials{display:flex;gap:10px;margin:0 0 22px}
.cqf3-socials a{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.09)}
.cqf3-socials a:hover{background:rgba(255,255,255,.18)}
.cqf3-socials svg{width:17px;height:17px;fill:#ABBBE3}
.cqf3-socials a:hover svg{fill:#fff}
.cqf3-news form{display:flex;gap:8px;flex-wrap:wrap;margin:0;background:transparent;border-radius:0;padding:0;min-width:0;max-width:none;box-shadow:none}
.cqf3-news form input[type=email]{flex:1 1 170px;min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:10px 12px;color:#fff;font:inherit}
.cqf3-news form button{flex:none;border-radius:8px;padding:10px 18px}
.cqf3-news input[type=email]{flex:1 1 170px;min-width:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:10px 12px;color:#fff;font:inherit}
.cqf3-news input[type=email]::placeholder{color:#AEB4C2}
.cqf3-news button{background:#95ACE4;color:#121C36;border:0;border-radius:8px;padding:10px 18px;font-weight:700;font-family:inherit;cursor:pointer}
.cqf3-news button:hover{filter:brightness(1.08)}
.cqf3-news .news-consent{font-size:.8rem;color:#AEB4C2;margin:8px 0 0;flex-basis:100%}
.cqf3-info b{display:block;color:#B6C6ED;font-weight:600}
.cqf3-info li{margin:0 0 13px}
.cqf3-band{border-top:1px solid rgba(255,255,255,.13);margin-top:44px;padding-top:20px}
.cqf3-band h4{margin-bottom:10px}
.cqf3-band ul{display:flex;flex-wrap:wrap;gap:6px 26px}
.cqf3-band li{margin:0}
.cqf3-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:30px;padding-top:20px;font-size:.85rem;color:#AEB4C2;text-align:center}
@media(max-width:1020px){.cqf3-cols{grid-template-columns:1fr 1fr;gap:34px}}
@media(max-width:600px){.cqf3-cols{grid-template-columns:1fr}.cqf3-wrap{padding:48px 18px 22px}}
/* /cq-foot-v3 */

/* cq-foot-top */
.cqft{position:relative;background:#F7F8FA;padding:56px 0 0;overflow:hidden}
.cqft-card{position:relative;z-index:2;max-width:1180px;margin:0 auto;background:#0F3185;border-radius:24px;padding:52px 56px;display:flex;align-items:center;justify-content:space-between;gap:14px 36px;flex-wrap:wrap}
.cqft-copy h2{color:#fff;font-size:2.35rem;font-weight:700;margin:0 0 6px;line-height:1.15}
.cqft-copy p{color:#DFE6F6;font-size:1.1rem;margin:0}
.cqft-card form{display:flex;flex:1 1 420px;max-width:620px;background:#fff;border-radius:999px;padding:5px;align-items:center;gap:0;margin:0;flex-wrap:nowrap;border:0;box-shadow:none;min-width:0}
.cqft-card form input[type=email]{flex:1 1 auto;border:0;background:transparent;padding:14px 24px;font-family:inherit;font-size:1rem;font-weight:500;color:#202233;min-width:0;outline-offset:2px;border-radius:999px;box-shadow:none}
.cqft-card form input[type=email]::placeholder{color:#8A8FA3}
.cqft-card form button{flex:none;background:#BB1B27;color:#fff;border:0;border-radius:999px;padding:16px 34px;font-family:inherit;font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:filter .3s;white-space:nowrap}
.cqft-card form button:hover{filter:brightness(1.12)}
.cqft-card form button:focus-visible{outline:2px solid #202233;outline-offset:2px}
.cqft-card .cqft-consent{flex-basis:100%;color:rgba(255,255,255,.88);font-size:.85rem;margin:0}
.cqft-card .cqft-consent a{color:#fff;text-decoration:underline}
.cqft-curve{position:relative;z-index:1;margin:34px 0 0;line-height:0}
.cqft-curve svg{width:100%;height:140px;display:block}
.cqft+.cqf3{margin-top:0}
@media (max-width:760px){.cqft-card{padding:36px 24px;border-radius:18px;margin-inline:16px}.cqft-copy h2{font-size:1.7rem}.cqft-card form{flex:1 1 100%}.cqft-card form button{padding:14px 22px}.cqft-curve svg{height:90px}}
/* /cq-foot-top */


/* cq-lightfix */
/* ============================================================
   CAQA family wall (.cqsvc, engine cq.css) — page-scoped LIGHT
   override per light-first mandate (2026-07-12 dark audit).
   Precedents: caqa-data lightfirst.css §3 / VET Website v3.css §5.
   White/ivory wall, white cards, accent-ink labels, dark ink
   titles. !important required: this sheet loads before cq.css.
   ============================================================ */
.cqsvc,.cqsvc::after{background:linear-gradient(180deg,#FFFFFF 0%,#F7F6FD 100%)!important}
.cqsvc{border-top:1px solid #E7E4F4}
.cqsvc::before{background-image:linear-gradient(rgba(108,43,217,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(108,43,217,.05) 1px,transparent 1px)!important}
.cqsvc-head .t{color:#6C2BD9!important}
.cqsvc-head h2{color:var(--ink)!important}
.cqsvc-head p{color:var(--muted)!important}
.cqsvc-card{background:#fff!important;border:1px solid #E7E4F4!important;box-shadow:0 8px 24px rgba(16,24,40,.06)!important}
.cqsvc-card::before{background:linear-gradient(110deg,#6C2BD9,#FF3D8A 55%,#FFB224)!important}
.cqsvc-card:hover{background:#fff!important;border-color:rgba(108,43,217,.45)!important;box-shadow:0 18px 40px rgba(16,24,40,.14)!important}
.cqsvc-card .b{color:#6C2BD9!important}
.cqsvc-card .s{color:var(--ink)!important}
.cqsvc-card .g{color:var(--muted)!important}
.cqsvc-card:hover .g{color:#6C2BD9!important}
/* /cq-lightfix */

/* cq-audit-13jul: WCAG contrast fixes (hue-preserving) */
.ticker .tk-track span{color:#A6A1C0}                    /* was #6c697e on #12264F (3.65:1) */
html.lx-js .lx-qa i{color:#64748B}                        /* unchecked state was #98A2B3 on #fff (2.58:1) */
.cqft-card{background:#0C286D}                            /* newsletter card: darken teal so light copy passes AA */
.cqft-copy p{color:#EAEEF8}
.cqft-card .cqft-consent{color:rgba(255,255,255,.92)}