/* Page d'accueil publique (Prépa Cockpit) : toujours de nuit, indépendante du thème de l'appli. */
body.lx-on{background:#04060B!important}
body.lx-on #decor{display:none!important}
#root.lp-root{position:relative;z-index:1;max-width:none;padding:0;margin:0}
.lx{
  --lx-bg:#04060B; --lx-ink:#ECF1F6; --lx-dim:#9DA8B6; --lx-faint:#5D6878; --lx-line:rgba(255,255,255,.08);
  --lx-cyan:#36D6E7; --lx-mag:#D946EF; --lx-hud:#96FFC4; --lx-amber:#F2B33D;
  --lx-card:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  color:var(--lx-ink);font-family:var(--font);background:var(--lx-bg);overflow-x:clip;min-width:0;-webkit-font-smoothing:antialiased
}
.lx *{box-sizing:border-box}
.lx a{color:inherit}
.lx .grow{flex:1}

/* ---------- en-tête ---------- */
.lx-top{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:14px;
  padding:calc(12px + env(safe-area-inset-top,0px)) max(18px,calc((100vw - 1180px)/2)) 12px;transition:background .35s,border-color .35s,backdrop-filter .35s;border-bottom:1px solid transparent}
.lx-top.solid{background:rgba(4,6,11,.72);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-bottom-color:var(--lx-line)}
.lx-brand{display:flex;align-items:center;gap:10px;font:800 1.06rem var(--display);letter-spacing:-.01em;text-decoration:none;color:var(--lx-ink)}
.lx-brand img{width:30px;height:30px;border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 6px 18px rgba(0,0,0,.4)}
.lx-nav{display:flex;gap:22px;margin-left:26px}
.lx-nav a,.lx-link{font:500 .9rem var(--font);color:var(--lx-dim);text-decoration:none;background:none;border:0;padding:6px 2px;cursor:pointer;transition:color .2s}
.lx-nav a:hover,.lx-link:hover{color:var(--lx-ink)}

/* ---------- boutons ---------- */
.lx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;text-decoration:none;
  font:700 .95rem var(--font);letter-spacing:.005em;color:#0A0612;padding:12px 20px;border-radius:12px;
  background:linear-gradient(180deg,#F5E9FF,#E2C8FF);box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 10px 30px -8px rgba(217,70,239,.55),0 2px 6px rgba(0,0,0,.3);
  transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s}
.lx-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,255,255,.5) inset,0 16px 40px -8px rgba(217,70,239,.7),0 2px 6px rgba(0,0,0,.3)}
.lx-btn:active{transform:translateY(0) scale(.98)}
.lx-btn.ghost{color:var(--lx-ink);background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.14) inset;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lx-btn.ghost:hover{background:rgba(255,255,255,.1);box-shadow:0 0 0 1px rgba(255,255,255,.26) inset}
.lx-btn.big{padding:15px 24px;font-size:1rem;border-radius:14px}
.lx-btn.sm{padding:9px 14px;font-size:.86rem;border-radius:10px}
.lx-btn:focus-visible,.lx-link:focus-visible,.lx-nav a:focus-visible,.lx-q summary:focus-visible{outline:2px solid var(--lx-cyan);outline-offset:3px}

/* ---------- typographie ---------- */
.lx-eyebrow{display:inline-block;font:600 .72rem var(--mono);letter-spacing:.2em;color:var(--lx-hud);margin-bottom:14px;text-shadow:0 0 12px rgba(120,255,180,.35)}
.lx-h1{font:800 clamp(2.5rem,6.4vw,5.4rem)/.98 var(--display);letter-spacing:-.035em;margin:0 0 20px;text-wrap:balance}
.lx-h1 em{font-style:normal;background:linear-gradient(100deg,#FFFFFF 0%,#E9D5FF 38%,#C4B5FD 62%,#7DD3FC 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lx-h2{font:800 clamp(1.9rem,4.2vw,3.3rem)/1.03 var(--display);letter-spacing:-.03em;margin:0 0 16px;text-wrap:balance}
.lx-h2.big{font-size:clamp(4rem,13vw,9.5rem);letter-spacing:-.05em;line-height:.9}
.lx-h3{font:800 clamp(1.5rem,3vw,2.3rem)/1.06 var(--display);letter-spacing:-.025em;margin:0 0 14px;text-wrap:balance}
.lx-sub{font:500 clamp(1rem,1.5vw,1.18rem)/1.55 var(--font);color:#C9D2DD;max-width:560px;margin:0 0 26px}
.lx-lead{font:500 1.08rem/1.6 var(--font);color:var(--lx-dim);max-width:620px;margin:0 auto}
.lx-note{font:500 .8rem var(--mono);letter-spacing:.04em;color:var(--lx-faint);margin:16px 0 0}
.lx-note.center{text-align:center;margin-top:26px}
.lx-dim{color:var(--lx-dim)}
.lx-cta{display:flex;flex-wrap:wrap;gap:12px}
.lx-cta.center{justify-content:center}

/* ---------- 1. approche 3D ---------- */
.lx-approach{position:relative;height:340vh;height:340svh}
.lx-stick{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.lx-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.4s ease}
.lx-approach.ready .lx-canvas{opacity:1}
.lx-stick{background:radial-gradient(120% 70% at 50% 52%,#1A2033 0%,#0A0F1C 45%,#04060B 100%)}
.lx-vignette{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(4,6,11,.82) 0%,rgba(4,6,11,.35) 38%,rgba(4,6,11,0) 60%),
             linear-gradient(0deg,#04060B 0%,rgba(4,6,11,0) 22%),
             linear-gradient(180deg,rgba(4,6,11,.55) 0%,rgba(4,6,11,0) 18%)}
.lx-ov{position:absolute;left:max(22px,calc((100vw - 1180px)/2));right:22px;max-width:760px;top:50%;transform:translateY(-50%);
  transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1),filter .6s;will-change:opacity,transform}
.lx-ov-a{opacity:1}
.lx-ov-b,.lx-ov-c{opacity:0;pointer-events:none;transform:translateY(calc(-50% + 30px));filter:blur(6px)}
.lx-approach[data-ph="b"] .lx-ov-a,.lx-approach[data-ph="c"] .lx-ov-a{opacity:0;pointer-events:none;transform:translateY(calc(-50% - 40px));filter:blur(6px)}
.lx-approach[data-ph="b"] .lx-ov-b{opacity:1;pointer-events:auto;transform:translateY(-50%);filter:none}
.lx-approach[data-ph="c"] .lx-ov-b{opacity:0;transform:translateY(calc(-50% - 40px));filter:blur(6px)}
.lx-approach[data-ph="c"] .lx-ov-c{opacity:1;pointer-events:auto;transform:translateY(-50%);filter:none}
.lx-ov-c{text-align:left}
.lx-huds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px;max-width:720px}
.lx-hud{border:1px solid rgba(150,255,196,.35);border-radius:10px;padding:14px 14px 12px;background:rgba(6,14,12,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  box-shadow:0 0 24px -10px rgba(120,255,180,.5) inset}
.lx-hud b{display:block;font:600 clamp(1.6rem,3vw,2.3rem) var(--mono);color:var(--lx-hud);text-shadow:0 0 14px rgba(120,255,180,.45);line-height:1.1}
.lx-hud span{font:500 .78rem var(--font);color:#BFD8CB}
.lx-cue{position:absolute;left:50%;bottom:calc(26px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;
  font:500 .7rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:rgba(236,241,246,.55);transition:opacity .4s}
.lx-cue i{width:1px;height:38px;background:linear-gradient(180deg,rgba(255,255,255,.6),rgba(255,255,255,0));position:relative;overflow:hidden}
.lx-cue i::after{content:"";position:absolute;left:-1px;width:3px;height:10px;border-radius:2px;background:#fff;animation:lxCue 1.8s cubic-bezier(.6,0,.4,1) infinite}
@keyframes lxCue{0%{top:-12px;opacity:0}30%{opacity:1}100%{top:40px;opacity:0}}
.lx-approach:not([data-ph="a"]) .lx-cue{opacity:0}
.lx-approach.still{height:auto}
.lx-approach.still .lx-stick{position:relative;height:100svh}
.lx-approach.still .lx-ov-b,.lx-approach.still .lx-ov-c{display:none}

/* ---------- sections ---------- */
.lx-body{position:relative;z-index:2;background:linear-gradient(180deg,#04060B 0%,#060912 40%,#04060B 100%)}
.lx-body::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(900px 600px at 85% 8%,rgba(125,90,255,.10),transparent 60%),radial-gradient(800px 500px at 10% 38%,rgba(54,214,231,.06),transparent 60%),radial-gradient(900px 600px at 70% 72%,rgba(217,70,239,.07),transparent 60%)}
.lx-sec{position:relative;max-width:1180px;margin:0 auto;padding:110px 22px 40px}
.lx-head{text-align:center;max-width:760px;margin:0 auto 60px}

/* chapitres */
.lx-chap{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;min-height:86vh;padding:40px 0}
.lx-chap.flip .lx-chap-t{order:2}
.lx-chap-t p{font:500 1.06rem/1.65 var(--font);color:var(--lx-dim);margin:0 0 22px;max-width:520px}
.lx-kick{display:flex;align-items:center;gap:12px;font:600 .74rem var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--lx-dim);margin-bottom:18px}
.lx-kick b{font:600 .74rem var(--mono);color:#0A0612;background:linear-gradient(180deg,#F5E9FF,#D8B4FE);border-radius:6px;padding:3px 7px;letter-spacing:.06em}
.lx-chips{display:flex;flex-wrap:wrap;gap:8px}
.lx-chip{font:500 .8rem var(--mono);color:#D6DEE7;border:1px solid var(--lx-line);background:rgba(255,255,255,.035);border-radius:999px;padding:7px 12px}
.lx-stage{--k:0;perspective:1400px;display:flex;justify-content:center;align-items:center;position:relative}
.lx-stage::before{content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.28),rgba(54,214,231,.08) 45%,transparent 70%);filter:blur(30px);z-index:0}
.lx-chap.flip .lx-stage::before{background:radial-gradient(circle,rgba(54,214,231,.24),rgba(217,70,239,.08) 45%,transparent 70%)}

/* téléphone */
.lx-phone{position:relative;z-index:1;width:min(330px,74vw);aspect-ratio:360/779;border-radius:46px;padding:11px;
  background:linear-gradient(145deg,#2B3038,#0F1217 40%,#1D2128);
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 0 2px #06080B,0 60px 120px -30px rgba(0,0,0,.85),0 30px 60px -20px rgba(80,40,140,.35);
  transform:rotateY(calc(var(--k,0) * -22deg)) rotateX(calc(var(--k,0) * 8deg + 4deg)) rotateZ(calc(var(--k,0) * -2deg)) translateY(calc(var(--k,0) * 40px));
  transform-style:preserve-3d;transition:transform .12s linear;will-change:transform}
.lx-chap.flip .lx-phone{transform:rotateY(calc(var(--k,0) * 22deg)) rotateX(calc(var(--k,0) * 8deg + 4deg)) rotateZ(calc(var(--k,0) * 2deg)) translateY(calc(var(--k,0) * 40px))}
.lx-phone-in{width:100%;height:100%;border-radius:36px;overflow:hidden;background:#000;position:relative}
.lx-phone img{width:100%;height:100%;object-fit:cover;display:block}
.lx-phone-glare{position:absolute;inset:11px;border-radius:36px;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,calc(.10 + var(--k,0) * .06)) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 70%,rgba(255,255,255,.04) 100%)}

/* ordinateur + téléphone */
.lx-devices .lx-head{margin-bottom:40px}
.lx-duo{--k:0;position:relative;perspective:1800px;max-width:1040px;margin:0 auto;padding-bottom:40px}
.lx-laptop{position:relative;width:88%;margin:0 auto;transform:rotateX(calc(14deg + var(--k,0) * 16deg)) scale(calc(1 - var(--k,0) * .06));transform-origin:50% 100%;transition:transform .12s linear;will-change:transform}
.lx-lid{border-radius:18px 18px 6px 6px;padding:12px;background:linear-gradient(180deg,#2A2F37,#14171C);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 50px 100px -30px rgba(0,0,0,.9),0 30px 80px -30px rgba(54,214,231,.25)}
.lx-lid-in{border-radius:8px;overflow:hidden;aspect-ratio:16/10;background:#000}
.lx-lid-in img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.lx-base{height:16px;margin:0 -6%;border-radius:0 0 18px 18px;background:linear-gradient(180deg,#3A3F48,#1A1D22);box-shadow:0 20px 40px -10px rgba(0,0,0,.8)}
.lx-base::after{content:"";display:block;width:16%;height:6px;margin:0 auto;border-radius:0 0 8px 8px;background:#0E1013}
.lx-duo-phone{position:absolute;right:2%;bottom:0;width:min(230px,26%);border-radius:34px;padding:8px;
  transform:translateY(calc(var(--k,0) * 80px)) rotateY(-14deg) rotateX(4deg)!important}
.lx-duo-phone .lx-phone-in{border-radius:27px}
.lx-duo-phone .lx-phone-glare{inset:8px;border-radius:27px}

/* tuiles */
.lx-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lx-tile,.lx-card,.lx-price{position:relative;border-radius:22px;background:var(--lx-card);border:1px solid var(--lx-line);overflow:hidden;isolation:isolate}
.lx-tile::after,.lx-card::after,.lx-price::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .3s;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(196,181,253,.13),transparent 60%)}
.lx-tile:hover::after,.lx-card:hover::after,.lx-price:hover::after{opacity:1}
.lx-tile{padding:26px 24px 24px;min-height:210px;display:flex;flex-direction:column}
.lx-tile.wide{grid-column:span 2}
.lx-tile b{font:800 1.18rem var(--display);letter-spacing:-.01em;margin:auto 0 8px}
.lx-tile p{margin:0;color:var(--lx-dim);font:500 .95rem/1.55 var(--font)}
.lx-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:26px;
  background:linear-gradient(180deg,rgba(196,181,253,.18),rgba(196,181,253,.06));box-shadow:0 0 0 1px rgba(196,181,253,.25) inset}
.lx-ic svg{width:22px;height:22px;fill:none;stroke:#E9D5FF;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* plan de vol */
.lx-route{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:26px}
.lx-route::before{content:"";position:absolute;top:33px;left:8%;right:8%;height:2px;
  background:repeating-linear-gradient(90deg,var(--lx-mag) 0 14px,transparent 14px 24px);opacity:.7;filter:drop-shadow(0 0 6px rgba(217,70,239,.6))}
.lx-wpt{position:relative;text-align:center;padding:0 8px}
.lx-wpt-dot{display:block;width:16px;height:16px;margin:0 auto 22px;transform:rotate(45deg);border:2px solid var(--lx-mag);background:#04060B;box-shadow:0 0 14px rgba(217,70,239,.7)}
.lx-wpt-code{display:block;font:600 .74rem var(--mono);letter-spacing:.2em;color:var(--lx-mag);margin-bottom:10px}
.lx-wpt b{display:block;font:800 1.3rem var(--display);margin-bottom:8px}
.lx-wpt p{margin:0 auto;max-width:300px;color:var(--lx-dim);font:500 .97rem/1.55 var(--font)}

/* histoire + écoles */
.lx-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lx-card{padding:34px 32px}
.lx-card p{color:#C3CCD7;font:500 1rem/1.65 var(--font);margin:0 0 14px}
.lx-card .lx-btn{margin-top:8px}
.lx-story{background:linear-gradient(160deg,rgba(167,139,250,.14),rgba(255,255,255,.02) 55%)}

/* tarifs */
.lx-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.lx-price{padding:30px 26px;display:flex;flex-direction:column}
.lx-price.main{border-color:transparent;background:linear-gradient(180deg,rgba(40,24,64,.9),rgba(14,12,26,.9)) padding-box,linear-gradient(160deg,#F5E9FF,#A78BFA 40%,#36D6E7) border-box;border:1px solid transparent;
  box-shadow:0 30px 80px -30px rgba(167,139,250,.55);transform:translateY(-8px)}
.lx-tag{font:600 .7rem var(--mono);letter-spacing:.18em;color:var(--lx-dim)}
.lx-price.main .lx-tag{color:#E9D5FF}
.lx-amt{margin:16px 0 10px;display:flex;align-items:baseline;gap:6px}
.lx-amt b{font:800 2.7rem var(--display);letter-spacing:-.03em}
.lx-amt span{color:var(--lx-dim);font:500 .95rem var(--font)}
.lx-price p{color:var(--lx-dim);margin:0 0 18px;font:500 .97rem/1.55 var(--font)}
.lx-price ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px}
.lx-price li{position:relative;padding-left:24px;font:500 .93rem var(--font);color:#D7DEE7}
.lx-price li::before{content:"";position:absolute;left:2px;top:4px;width:10px;height:6px;border-left:2px solid var(--lx-hud);border-bottom:2px solid var(--lx-hud);transform:rotate(-45deg)}
.lx-price .lx-btn{margin-top:auto;width:100%}

/* questions */
.lx-qs{max-width:820px;margin:0 auto;border-top:1px solid var(--lx-line)}
.lx-q{border-bottom:1px solid var(--lx-line)}
.lx-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;font:700 1.06rem var(--font);color:var(--lx-ink)}
.lx-q summary::-webkit-details-marker{display:none}
.lx-q summary::after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--lx-dim);border-bottom:2px solid var(--lx-dim);transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s}
.lx-q[open] summary::after{transform:rotate(225deg) translate(-3px,-3px)}
.lx-q p{margin:0 4px 22px;color:var(--lx-dim);font:500 1rem/1.65 var(--font);max-width:700px}

/* fin + pied de page */
.lx-final{position:relative;text-align:center;padding:130px 22px 110px;overflow:hidden}
.lx-final::before{content:"";position:absolute;left:50%;top:48%;width:min(900px,120vw);aspect-ratio:2/1;transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at center,rgba(167,139,250,.22),rgba(54,214,231,.06) 45%,transparent 70%);filter:blur(10px);pointer-events:none}
.lx-final img{width:72px;height:72px;border-radius:18px;margin-bottom:26px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 20px 60px -10px rgba(167,139,250,.6)}
.lx-final .lx-lead{margin-bottom:28px}
.lx-foot{max-width:1180px;margin:0 auto;padding:40px 22px calc(40px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--lx-line);text-align:center;color:var(--lx-faint);font:500 .85rem/1.6 var(--font)}
.lx-foot .lx-brand{justify-content:center;margin-bottom:14px;font-size:.98rem}
.lx-foot .lx-brand img{width:24px;height:24px;border-radius:6px}
.lx-foot .legal-links .navlink{color:var(--lx-dim)}
.lx-foot a{color:var(--lx-dim)}

/* apparitions */
.lx-rv{opacity:0;transform:translateY(28px);filter:blur(4px);transition:opacity .9s cubic-bezier(.2,.8,.2,1) var(--d,0ms),transform 1s cubic-bezier(.2,.8,.2,1) var(--d,0ms),filter .9s var(--d,0ms)}
.lx-rv.in{opacity:1;transform:none;filter:none}

/* ---------- tablette ---------- */
@media (max-width:980px){
  .lx-nav{display:none}
  .lx-chap{grid-template-columns:1fr;gap:34px;min-height:0;padding:30px 0 60px}
  .lx-chap.flip .lx-chap-t{order:0}
  .lx-chap-t{text-align:left}
  .lx-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-prices{grid-template-columns:1fr;max-width:460px;margin:0 auto}
  .lx-price.main{transform:none}
  .lx-two{grid-template-columns:1fr}
}
/* ---------- téléphone ---------- */
@media (max-width:640px){
  .lx-top{gap:8px;padding-left:16px;padding-right:16px}
  .lx-brand span{font-size:.98rem}
  .lx-link{font-size:.84rem}
  .lx-approach{height:300vh;height:300svh}
  .lx-vignette{background:linear-gradient(0deg,rgba(4,6,11,.96) 0%,rgba(4,6,11,.7) 34%,rgba(4,6,11,0) 62%),linear-gradient(180deg,rgba(4,6,11,.6) 0%,rgba(4,6,11,0) 16%)}
  .lx-ov{left:16px;right:16px;top:auto;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:none}
  .lx-ov-b,.lx-ov-c{transform:translateY(30px)}
  .lx-approach[data-ph="b"] .lx-ov-a,.lx-approach[data-ph="c"] .lx-ov-a,.lx-approach[data-ph="c"] .lx-ov-b{transform:translateY(-30px)}
  .lx-approach[data-ph="b"] .lx-ov-b,.lx-approach[data-ph="c"] .lx-ov-c{transform:none}
  .lx-h1{font-size:clamp(2.3rem,11vw,3.2rem);margin-bottom:14px}
  .lx-sub{font-size:1rem;margin-bottom:20px}
  .lx-cta .lx-btn{flex:1 1 100%}
  .lx-huds{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lx-cue{bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  .lx-cue span{display:none}
  .lx-sec{padding:80px 16px 24px}
  .lx-head{margin-bottom:40px;text-align:left}
  .lx-lead{margin:0}
  .lx-bento{grid-template-columns:1fr}
  .lx-tile.wide{grid-column:auto}
  .lx-tile{min-height:0}
  .lx-route{grid-template-columns:1fr;gap:34px;padding-top:0;padding-left:34px}
  .lx-route::before{top:6px;bottom:6px;left:7px;right:auto;width:2px;height:auto;background:repeating-linear-gradient(180deg,var(--lx-mag) 0 14px,transparent 14px 24px)}
  .lx-wpt{text-align:left;padding:0}
  .lx-wpt-dot{position:absolute;left:-34px;top:2px;margin:0}
  .lx-wpt p{margin:0}
  .lx-card{padding:26px 22px}
  .lx-laptop{width:100%}
  .lx-duo{padding-bottom:70px}
  .lx-duo-phone{width:34%;right:-2%}
  .lx-final{padding:100px 16px 80px}
}
@media (prefers-reduced-motion:reduce){
  .lx-rv{opacity:1;transform:none;filter:none;transition:none}
  .lx-phone,.lx-laptop{transform:none!important;transition:none}
  .lx-cue i::after{animation:none}
}
@media (max-height:720px){.lx-cue{display:none}}