/* ============ DESIGN TOKENS ============ */
.lgx{--az:#007cf5;--azD:#045ab4;--azX:#0347a0;--azy:#e8f5ff;--cy:#00c3ff;--mn:#3bb174;--mnD:#1f7a51;--mny:#eafbf3;--vi:#605ef5;--viy:#efeeff;--sn:#ffd23f;--snD:#5e4800;--sny:#fff8e2;--co:#ff533f;--coy:#fff0ed;--ink:#0a2540;--mut:#4a6076;--mutD:#3b5069;--line:rgba(10,37,64,.09);--line2:rgba(0,124,245,.18);--shS:0 6px 18px rgba(9,45,80,.055);--shM:0 18px 44px rgba(9,45,80,.09);--shL:0 34px 76px rgba(9,45,80,.14);--eo:cubic-bezier(.16,1,.3,1);--es:cubic-bezier(.4,0,.2,1);
position:relative;margin:-120px 0 -120px;padding:0;background:#fff;font-family:"dana",sans-serif;color:var(--mut);text-align:right;line-height:2;letter-spacing:0;overflow-x:clip;isolation:isolate;-webkit-font-smoothing:antialiased}
.lgx *,.lgx *::before,.lgx *::after{box-sizing:border-box}
.lgx p,.lgx h1,.lgx h2,.lgx h4,.lgx ul,.lgx ol,.lgx li{margin:0;padding:0;letter-spacing:0;list-style:none;font-weight:400}
.lgx svg{display:block;overflow:visible}
.lgx a{text-decoration:none;transition:color .35s var(--es),background-color .35s var(--es),border-color .35s var(--es),box-shadow .45s var(--es),transform .5s var(--eo)}
.lgx a:not(.lgx-btn){color:inherit}
.lgx button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:right;-webkit-appearance:none;appearance:none}
.lgx :focus-visible{outline:2.5px solid var(--azD);outline-offset:3px;border-radius:8px}
.lgx-w{position:relative;width:100%;max-width:1160px;margin:0 auto;padding:0 22px}

/* ============ LAYOUT / TYPE ============ */
.lgx-b{position:relative;padding:clamp(52px,6vw,92px) 0}
.lgx-b--i{background:linear-gradient(180deg,#fff,#f2fbff 42%,#fff)}
.lgx-b--i2{background:linear-gradient(180deg,#fff,#f4fdf8 46%,#fff)}
.lgx-h1{font-family:"aviny",sans-serif;font-size:clamp(29px,4.5vw,50px);line-height:1.66;color:var(--ink)}
.lgx-h2{font-family:"aviny",sans-serif;font-size:clamp(22px,3vw,35px);line-height:1.72;color:var(--ink)}
.lgx-h4{font-family:"aviny",sans-serif;font-size:clamp(17px,1.9vw,21px);line-height:1.85;color:var(--ink)}
.lgx-lead{font-size:16px;line-height:2.35;color:var(--mutD)}
.lgx-p{font-size:15px;line-height:2.4;color:var(--mutD)}
.lgx-sm{font-size:13.6px;line-height:2.1;color:var(--mut)}
.lgx-x{font-style:normal;background:linear-gradient(96deg,var(--az),var(--vi) 48%,var(--mn));-webkit-background-clip:text;background-clip:text;color:transparent}
.lgx-head{max-width:740px;margin:0 auto clamp(28px,3.6vw,46px);text-align:center}
.lgx-head .lgx-lead{margin-bottom:14px}
.lgx-eye{display:inline-flex;align-items:center;gap:9px;padding:6px 16px;font-size:13px;color:var(--azD);background:#fff;border:1px solid var(--line2);border-radius:100px;box-shadow:var(--shS)}
.lgx-head .lgx-eye{margin-bottom:16px}
.lgx-head .lgx-h2{margin-bottom:12px}
.lgx-eye i{width:7px;height:7px;border-radius:50%;background:var(--co);animation:lgx-pulse 2.6s var(--es) infinite}
.lgx-dot{display:inline-block;width:6px;height:6px;border-radius:2px;background:var(--az);transform:rotate(45deg)}
@keyframes lgx-pulse{0%{box-shadow:0 0 0 0 rgba(255,83,63,.5)}70%,100%{box-shadow:0 0 0 9px rgba(255,83,63,0)}}

/* ============ REVEAL ============ */
.lgx[data-rdy] [data-rv]{opacity:0;will-change:translate,opacity,scale}
.lgx[data-rdy] [data-rv="up"]{translate:0 26px}
.lgx[data-rdy] [data-rv="right"]{translate:28px 0}
.lgx[data-rdy] [data-rv="left"]{translate:-28px 0}
.lgx[data-rdy] [data-rv="scale"]{scale:.955}
.lgx[data-rdy] [data-rv].is-in{opacity:1;translate:0 0;scale:1;transition:opacity .8s var(--eo) var(--d,0ms),translate .95s var(--eo) var(--d,0ms),scale .95s var(--eo) var(--d,0ms)}
.lgx-mask{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.lgx-mask>span{display:block}
.lgx[data-rdy] .lgx-mask>span{transform:translate3d(0,112%,0)}
.lgx[data-rdy] .lgx-mask.is-in>span{transform:none;transition:transform 1s var(--eo) var(--d,0ms)}
.lgx[data-rdy] .lgx-draw path,.lgx[data-rdy] .lgx-draw circle.lg-stroke{stroke-dasharray:var(--l);stroke-dashoffset:var(--l)}
.lgx[data-rdy] .is-in .lgx-draw path,.lgx[data-rdy] .is-in .lgx-draw circle.lg-stroke{stroke-dashoffset:0;transition:stroke-dashoffset 1.3s var(--eo) calc(var(--d,0ms) + 150ms)}

/* ============ BUTTONS ============ */
.lgx-acts{display:flex;flex-wrap:wrap;gap:14px 18px;margin-top:30px}
.lgx-btn{position:relative;display:inline-flex;align-items:center;gap:10px;overflow:hidden;padding:14px 28px;border-radius:100px;font-family:"aviny",sans-serif;font-size:16.5px;line-height:1.5;border:1.5px solid transparent;white-space:nowrap}
.lgx-btn svg{width:19px;height:19px;flex:0 0 19px;margin-inline-end:2px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s var(--eo)}
.lgx-btn--a{color:#fff;background:linear-gradient(100deg,#0568d6,#0347a0);box-shadow:0 14px 32px rgba(3,71,160,.28)}
.lgx-btn--b{color:var(--ink);background:#fff;border-color:rgba(10,37,64,.18);box-shadow:var(--shS)}
.lgx-btn--w{color:#0a3d78;background:#fff;border-color:rgba(255,255,255,.9);box-shadow:0 14px 30px rgba(3,50,110,.14)}
.lgx-btn--g{color:var(--azD);background:transparent;border-color:transparent;text-decoration:underline;text-decoration-color:rgba(0,124,245,.35);text-underline-offset:7px}
.lgx-btn::after{content:"";position:absolute;top:-60%;left:-32%;width:30%;height:220%;transform:rotate(18deg) translateX(-160%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transition:transform .75s var(--es);pointer-events:none}
.lgx-btn:hover::after,.lgx-btn:focus-visible::after{transform:rotate(18deg) translateX(420%)}
.lgx-btn:hover,.lgx-btn:focus-visible{transform:translateY(-4px)}
.lgx-btn:hover svg,.lgx-btn:focus-visible svg{transform:translateX(-4px)}
.lgx-btn--a:hover,.lgx-btn--a:focus-visible{color:#fff;box-shadow:0 22px 44px rgba(3,71,160,.34)}
.lgx-btn--b:hover,.lgx-btn--b:focus-visible{color:var(--azD);border-color:var(--az);background:#f5fbff;box-shadow:var(--shM)}
.lgx-btn--w:hover,.lgx-btn--w:focus-visible{color:var(--azX);box-shadow:0 20px 40px rgba(3,50,110,.2)}
.lgx-btn--g:hover,.lgx-btn--g:focus-visible{color:var(--azX);transform:none}
.lgx-btn--g::after{display:none}

/* ============ HERO ============ */
.lgx-hero{position:relative;overflow:hidden;padding:clamp(34px,4.4vw,58px) 0 clamp(56px,6.4vw,96px);background:linear-gradient(180deg,#eefaff 0,#f6fdff 38%,#fff 96%)}
.lgx-blob{position:absolute;border-radius:50%;filter:blur(56px);pointer-events:none;z-index:0}
.lgx-blob--1{width:46%;padding-top:46%;right:-10%;top:-18%;background:radial-gradient(circle,rgba(0,195,255,.34),rgba(0,195,255,0) 68%);animation:lgx-f1 20s var(--es) infinite alternate}
.lgx-blob--2{width:40%;padding-top:40%;left:-12%;top:16%;background:radial-gradient(circle,rgba(96,94,245,.16),rgba(96,94,245,0) 70%);animation:lgx-f2 25s var(--es) infinite alternate}
.lgx-blob--3{width:30%;padding-top:30%;left:34%;bottom:-16%;background:radial-gradient(circle,rgba(255,210,63,.34),rgba(255,210,63,0) 70%);animation:lgx-f3 18s var(--es) infinite alternate}
@keyframes lgx-f1{to{transform:translate3d(-8%,12%,0) scale(1.12)}}
@keyframes lgx-f2{to{transform:translate3d(11%,-9%,0) scale(1.15)}}
@keyframes lgx-f3{to{transform:translate3d(-13%,-12%,0) scale(.9)}}
.lgx-mesh{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:linear-gradient(to left,rgba(0,124,245,.10) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,124,245,.10) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:radial-gradient(86% 66% at 66% 20%,#000,transparent 74%);mask-image:radial-gradient(86% 66% at 66% 20%,#000,transparent 74%)}
.lgx-hero__g{position:relative;z-index:1;display:grid;grid-template-columns:.98fr 1.02fr;gap:clamp(20px,3.4vw,54px);align-items:center}
.lgx-hero .lgx-eye{margin-bottom:18px}
.lgx-hero .lgx-h1{margin-bottom:16px}
.lgx-hero .lgx-lead{max-width:520px}
.lgx-chips{display:flex;flex-wrap:wrap;gap:10px 9px;margin-top:30px!important}
.lgx-chips li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:100px;font-size:13.4px;color:var(--ink);background:#fff;border:1px solid var(--line);box-shadow:var(--shS)}
.lgx-chips svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:var(--mn);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lgx-chips li:nth-child(2) svg{stroke:var(--az)}
.lgx-chips li:nth-child(3) svg{stroke:var(--vi)}

/* hero art */
.lgx-hero__art{position:relative;perspective:1100px}
.lgx-tilt{position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .55s var(--es);will-change:transform}
.lgx-panel{position:relative;border-radius:26px;background:linear-gradient(160deg,#ffffff,#f4fbff 62%,#fff);border:1px solid var(--line);box-shadow:var(--shL);overflow:hidden;transform:translateZ(24px)}
.lgx-panel__bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.7)}
.lgx-panel__bar b{width:9px;height:9px;border-radius:50%;background:#ffd0c7}
.lgx-panel__bar b:nth-child(2){background:#ffe9ae}
.lgx-panel__bar b:nth-child(3){background:#c9f0d8}
.lgx-panel__bar em{margin-right:auto;font-size:11.5px;font-style:normal;letter-spacing:.06em;color:#7189a1}
.lgx-canvas{position:relative;padding:12px 10px 18px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(70% 60% at 50% 8%,#fff 0,rgba(240,250,255,0) 70%)}
.lgx-gridlines{position:absolute;inset:0;pointer-events:none;opacity:.65;background-image:linear-gradient(to left,rgba(0,124,245,.09) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,124,245,.09) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(64% 62% at 50% 46%,#000,transparent 82%);mask-image:radial-gradient(64% 62% at 50% 46%,#000,transparent 82%)}
.lgx-mark{position:relative;width:min(252px,62%);z-index:2;overflow:visible}
.lgx-mark .lg-fill{fill:#eef9ff}
.lgx-mark .lg-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round}
.lgx-mark .lg-soft{stroke:rgba(0,124,245,.16);stroke-dasharray:3 9;stroke-width:1.4}
.lgx-mark .lg-dot{filter:drop-shadow(0 6px 12px rgba(255,83,63,.4))}
.lgx-lock{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-top:2px;direction:ltr;font-size:13.5px;letter-spacing:.34em;color:#183a5e;font-weight:500}
.lgx-lock i{display:block;width:26px;height:1px;background:rgba(24,58,94,.32)}
.lgx-swatches{position:relative;z-index:2;display:flex;align-items:center;gap:8px;margin-top:14px}
.lgx-swatches i{display:block;width:17px;height:17px;border-radius:50%;background:var(--c);box-shadow:0 4px 10px rgba(9,45,80,.14);transform:scale(var(--s,1));transition:transform .45s var(--eo)}
.lgx-canvas:hover .lgx-swatches i{--s:1.22}
.lgx-canvas:hover .lgx-swatches i:nth-child(1){transition-delay:0ms}
.lgx-canvas:hover .lgx-swatches i:nth-child(2){transition-delay:35ms}
.lgx-canvas:hover .lgx-swatches i:nth-child(3){transition-delay:70ms}
.lgx-canvas:hover .lgx-swatches i:nth-child(4){transition-delay:105ms}
.lgx-canvas:hover .lgx-swatches i:nth-child(5){transition-delay:140ms}
.lgx-swatches b{margin-right:4px;font-size:11px;font-weight:400;letter-spacing:.05em;color:#7189a1}
.lgx-float{position:absolute;z-index:3;display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shM);font-size:12.2px;color:var(--ink);font-family:"aviny",sans-serif;transform:translateZ(46px)}
.lgx-float svg{width:16px;height:16px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lgx-float--1{right:-14px;top:12%;color:var(--mnD);animation:lgx-b1 6.5s var(--es) infinite alternate}
.lgx-float--2{left:-16px;top:46%;color:var(--azD);animation:lgx-b2 7.6s var(--es) infinite alternate}
.lgx-float--3{right:-8px;bottom:9%;color:var(--snD);animation:lgx-b1 8.2s var(--es) infinite alternate}
@keyframes lgx-b1{to{transform:translateZ(46px) translateY(-11px)}}
@keyframes lgx-b2{to{transform:translateZ(46px) translateY(12px)}}

/* ============ VALUE CARDS ============ */
.lgx-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lgx-vcard{position:relative;overflow:hidden;padding:28px 26px 30px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shS);transition:transform .55s var(--eo),box-shadow .55s var(--es),border-color .45s var(--es)}
.lgx-vcard::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .5s var(--es);background:radial-gradient(240px 240px at var(--mx,50%) var(--my,0%),rgba(0,195,255,.15),transparent 72%);pointer-events:none}
.lgx-vcard:hover{transform:translateY(-8px);box-shadow:var(--shM);border-color:var(--line2)}
.lgx-vcard:hover::before{opacity:1}
.lgx-vcard__ic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:18px;border-radius:18px;background:linear-gradient(150deg,#e9f6ff,#f7fdff);border:1px solid rgba(0,124,245,.14);color:var(--azD);transition:transform .6s var(--eo),border-color .4s}
.lgx-vcard__ic svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.lgx-vcard:hover .lgx-vcard__ic{transform:translateY(-3px) rotate(-6deg);border-color:rgba(0,124,245,.3)}
.lgx-vcard:nth-child(2) .lgx-vcard__ic{background:linear-gradient(150deg,#e9fbf3,#f7fffb);border-color:rgba(59,177,116,.18);color:var(--mnD)}
.lgx-vcard:nth-child(3) .lgx-vcard__ic{background:linear-gradient(150deg,#f0efff,#faf9ff);border-color:rgba(96,94,245,.18);color:#4a48c8}
.lgx-vcard .lgx-sm{margin-top:7px}
.lgx-vcard__n{position:absolute;left:20px;top:14px;font-size:34px;line-height:1;font-family:"aviny",sans-serif;color:rgba(10,37,64,.07);transition:color .45s var(--es),transform .55s var(--eo)}
.lgx-vcard:hover .lgx-vcard__n{color:rgba(0,124,245,.16);transform:translateY(-2px)}

/* ============ WHY + STEPS ============ */
.lgx-why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,58px);align-items:center}
.lgx-why__t .lgx-eye{margin-bottom:14px}
.lgx-why__t .lgx-h2{margin-bottom:16px}
.lgx-why__t .lgx-p+.lgx-p{margin-top:12px}
.lgx-why__s{position:relative}
.lgx-steps{position:relative;display:grid;gap:6px}
.lgx-rail{position:absolute;right:26px;top:30px;bottom:30px;width:2px;border-radius:100px;background:rgba(10,37,64,.09);z-index:0}
.lgx-rail__f{position:absolute;inset:0;border-radius:100px;background:linear-gradient(180deg,var(--cy),var(--az) 52%,var(--mn));transform:scaleY(var(--f,0));transform-origin:top;transition:transform .18s linear}
.lgx-step{position:relative;z-index:1;display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;padding:14px 0}
.lgx-step__n{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#fff;border:1.5px solid rgba(10,37,64,.12);font-family:"aviny",sans-serif;font-size:16px;color:var(--azD);box-shadow:0 4px 14px rgba(9,45,80,.06);transition:background .5s var(--es),color .4s var(--es),border-color .4s,transform .55s var(--eo),box-shadow .5s}
.lgx-step__b{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px;box-shadow:var(--shS);transition:transform .5s var(--eo),box-shadow .5s var(--es),border-color .4s}
.lgx-step:hover .lgx-step__b{transform:translateX(-5px);box-shadow:var(--shM);border-color:var(--line2)}
.lgx-step.is-hot .lgx-step__n{background:linear-gradient(140deg,var(--az),var(--vi));border-color:transparent;color:#fff;transform:scale(1.06);box-shadow:0 12px 26px rgba(3,71,160,.3)}
.lgx-step.is-hot .lgx-step__b{border-color:var(--line2)}

/* ============ SAMPLES ============ */
.lgx-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lgx-sample{position:relative;display:block;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shS);transition:transform .6s var(--eo),box-shadow .6s var(--es),border-color .4s}
.lgx-sample:hover{transform:translateY(-8px);box-shadow:var(--shM);border-color:var(--line2)}
.lgx-sample__f{position:relative;overflow:hidden;aspect-ratio:1/1;background:#f4fbff}
.lgx-sample img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--eo),filter .7s var(--es)}
.lgx-sample:hover img{transform:scale(1.07)}
.lgx-sample__f::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,37,64,0) 52%,rgba(10,37,64,.42));opacity:0;transition:opacity .5s var(--es)}
.lgx-sample:hover .lgx-sample__f::after{opacity:1}
.lgx-sample__tag{position:absolute;z-index:2;right:14px;bottom:14px;padding:5px 13px;border-radius:100px;background:rgba(255,255,255,.94);font-size:12px;color:var(--ink);opacity:0;transform:translateY(10px);transition:opacity .45s var(--es),transform .55s var(--eo);box-shadow:0 8px 18px rgba(9,45,80,.18)}
.lgx-sample:hover .lgx-sample__tag{opacity:1;transform:none}
.lgx-sample__c{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-top:1px solid var(--line)}
.lgx-sample__c b{display:block;font-family:"aviny",sans-serif;font-size:16px;font-weight:400;color:var(--ink)}
.lgx-sample__c em{display:block;font-size:12.6px;font-style:normal;color:var(--mut);margin-top:2px}
.lgx-sample__c svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:var(--azD);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--eo)}
.lgx-sample:hover .lgx-sample__c svg{transform:translateX(-5px)}

/* ============ DELIVERABLES ============ */
.lgx-kit{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(22px,3.4vw,48px);align-items:center;padding:clamp(24px,3.2vw,44px);border-radius:28px;background:linear-gradient(150deg,#f7fcff,#ffffff 48%,#f6fff9);border:1px solid var(--line);box-shadow:var(--shM);overflow:hidden}
.lgx-kit::before{content:"";position:absolute;width:44%;padding-top:44%;left:-8%;bottom:-22%;border-radius:50%;background:radial-gradient(circle,rgba(0,195,255,.18),transparent 68%);filter:blur(18px);pointer-events:none}
.lgx-kit__t .lgx-eye{margin-bottom:14px}
.lgx-kit__t .lgx-h2{margin-bottom:6px}
.lgx-checks{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin-top:20px}
.lgx-checks li{display:flex;gap:10px;align-items:flex-start}
.lgx-checks svg{width:19px;height:19px;flex:0 0 19px;margin-top:6px;fill:none;stroke:var(--mn);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.lgx-checks b{display:block;font-family:"aviny",sans-serif;font-size:15.5px;font-weight:400;color:var(--ink);line-height:1.8}
.lgx-checks em{display:block;font-size:12.8px;font-style:normal;color:var(--mut);line-height:1.9}
.lgx-kitv{position:relative;display:grid;gap:14px;justify-items:center;direction:ltr}
.lgx-files{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.lgx-files span{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid var(--line2);box-shadow:var(--shS);font-size:12.5px;letter-spacing:.08em;color:var(--azX);transition:transform .5s var(--eo),box-shadow .5s var(--es)}
.lgx-files span b{width:7px;height:7px;border-radius:50%;background:var(--c,var(--az))}
.lgx-kitv:hover .lgx-files span{transform:translateY(-4px);box-shadow:var(--shM)}
.lgx-kitv:hover .lgx-files span:nth-child(2){transition-delay:40ms}
.lgx-kitv:hover .lgx-files span:nth-child(3){transition-delay:80ms}
.lgx-kitv:hover .lgx-files span:nth-child(4){transition-delay:120ms}
.lgx-kitv:hover .lgx-files span:nth-child(5){transition-delay:160ms}
.lgx-pal{display:flex;gap:7px;margin-top:4px}
.lgx-pal i{width:38px;height:38px;border-radius:12px;background:var(--c);box-shadow:0 8px 18px rgba(9,45,80,.12);transform:rotate(var(--r,0deg));transition:transform .55s var(--eo)}
.lgx-pal i:nth-child(odd){--r:-6deg}
.lgx-pal i:nth-child(even){--r:6deg;margin-top:8px}
.lgx-kitv:hover .lgx-pal i{transform:rotate(0) translateY(-3px)}
.lgx-kitv em{font-size:11.6px;font-style:normal;letter-spacing:.14em;color:#7b91a8}

/* ============ FAQ (اکاردئون فقط با CSS — بدون نیاز به جاوااسکریپت) ============ */
.lgx-faqw{max-width:900px}
.lgx-faqs{display:grid;gap:12px}
.lgx-faq{position:relative;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shS);overflow:hidden;transition:box-shadow .5s var(--es),border-color .4s,background .4s}
.lgx-faq:hover{box-shadow:var(--shM);border-color:var(--line2)}
.lgx-faq::before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--cy),var(--az));transform:scaleY(0);transform-origin:top;transition:transform .55s var(--eo)}
.lgx-faq__i{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.lgx-faq__q{display:flex;align-items:center;gap:13px;width:100%;padding:17px 20px;font-family:"aviny",sans-serif;font-size:16.4px;line-height:1.8;color:var(--ink);cursor:pointer;transition:color .35s var(--es),background .35s var(--es)}
.lgx-faq__q:hover{background:#f6fcff}
.lgx-faq__i:focus-visible+.lgx-faq__q{outline:2.5px solid var(--azD);outline-offset:-4px;border-radius:18px}
.lgx-faq__ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#eff8ff;border:1px solid rgba(0,124,245,.16);color:var(--azD);transition:transform .55s var(--eo),background .4s,color .4s,border-color .4s}
.lgx-faq__ic svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.lgx-faq:has(.lgx-faq__i:checked){border-color:var(--line2);background:linear-gradient(180deg,#fff,#f8fdff);box-shadow:var(--shM)}
.lgx-faq:has(.lgx-faq__i:checked)::before{transform:scaleY(1)}
.lgx-faq:has(.lgx-faq__i:checked) .lgx-faq__ic{transform:rotate(180deg);background:linear-gradient(140deg,var(--az),var(--vi));border-color:transparent;color:#fff}
.lgx-faq__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--eo)}
.lgx-faq__a>div{overflow:hidden}
.lgx-faq__i:checked~.lgx-faq__a{grid-template-rows:1fr}
.lgx-faq__a p{padding:0 20px 20px;font-size:14.6px;line-height:2.35;color:var(--mutD);opacity:0;transform:translateY(-6px);transition:opacity .45s var(--es) .05s,transform .5s var(--eo) .05s}
.lgx-faq__i:checked~.lgx-faq__a p{opacity:1;transform:none}

/* ============ CTA ============ */
.lgx-b--cta{padding-bottom:clamp(40px,5vw,70px)}
.lgx-cta{position:relative;overflow:hidden;padding:clamp(30px,4.4vw,58px) clamp(22px,4vw,56px);border-radius:30px;text-align:center;background:linear-gradient(150deg,#eaf8ff,#ffffff 46%,#f3fff9);border:1px solid var(--line);box-shadow:var(--shM)}
.lgx-cta::before{content:"";position:absolute;width:52%;padding-top:52%;right:-12%;top:-28%;border-radius:50%;background:radial-gradient(circle,rgba(0,195,255,.26),transparent 68%);filter:blur(14px);pointer-events:none;animation:lgx-f1 22s var(--es) infinite alternate}
.lgx-cta::after{content:"";position:absolute;width:40%;padding-top:40%;left:-10%;bottom:-26%;border-radius:50%;background:radial-gradient(circle,rgba(255,210,63,.3),transparent 66%);filter:blur(16px);pointer-events:none;animation:lgx-f3 19s var(--es) infinite alternate}
.lgx-cta>*{position:relative;z-index:1}
.lgx-cta .lgx-h2{max-width:820px;margin:0 auto 14px}
.lgx-cta .lgx-lead{max-width:760px;margin:0 auto}
.lgx-cta .lgx-acts{justify-content:center;margin-top:32px}
.lgx-cta__note{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:26px;font-size:12.8px;color:var(--mut)}
.lgx-cta__note span{display:inline-flex;align-items:center;gap:7px}
.lgx-cta__note i{width:6px;height:6px;border-radius:50%;background:var(--mn)}
.lgx-cta__note span:nth-child(2) i{background:var(--az)}
.lgx-cta__note span:nth-child(3) i{background:var(--vi)}

/* ============ RESPONSIVE ============ */
@media (max-width:991px){
 .lgx-hero__g{grid-template-columns:1fr;gap:34px}
 .lgx-hero__art{order:2;max-width:520px;margin:0 auto;width:100%}
 .lgx-vals{grid-template-columns:1fr;gap:14px}
 .lgx-why{grid-template-columns:1fr;gap:26px}
 .lgx-samples{grid-template-columns:1fr 1fr}
 .lgx-kit{grid-template-columns:1fr}
 .lgx-kitv{order:2;padding-top:6px}
 .lgx-checks{grid-template-columns:1fr}
}
@media (max-width:767px){
 .lgx{margin:-80px 0 -80px}
 .lgx-h1{line-height:1.7}
 .lgx-samples{grid-template-columns:1fr}
 .lgx-acts{gap:12px}
 .lgx-btn{width:100%;justify-content:center}
 .lgx-float--1{right:-6px}
 .lgx-float--2{left:-6px}
 .lgx-step{grid-template-columns:46px 1fr;gap:12px}
 .lgx-step__n{width:46px;height:46px;font-size:14px}
 .lgx-rail{right:22px}
 .lgx-faq__q{font-size:15px;gap:10px;padding:15px 16px}
}
@media (prefers-reduced-motion:reduce){
 .lgx *,.lgx *::before,.lgx *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* همترازی با بنر: حذف پدینگ wrapper قالب — این قاعده در سایت اصلی وجود داشت و در برداشت فراموش شده بود */
.contact-page-wrapper{padding:0!important}