/* Link2Machine cinematic launch layer */
:root{
  --l2m-bg:#05070b;
  --l2m-panel:#09111c;
  --l2m-panel-2:#0d1725;
  --l2m-ink:#eef5ff;
  --l2m-muted:#8ea1bc;
  --l2m-line:rgba(150,178,220,.16);
  --l2m-blue:#4d6fff;
  --l2m-cyan:#6df0d6;
  --l2m-white:#f7fbff;
}
body.l2m-page{
  background:var(--l2m-bg);
  color:var(--l2m-ink);
  overflow-x:hidden;
}
body.l2m-page:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(540px circle at var(--mx,50vw) var(--my,24vh),rgba(88,118,255,.065),transparent 68%);
}
body.l2m-page:after{display:none}
.l2m-page main,.l2m-footer{position:relative;z-index:1}
.l2m-header{
  background:rgba(5,7,11,.72);
  border-bottom:1px solid rgba(150,178,220,.12);
  color:#eaf2ff;
  backdrop-filter:blur(22px) saturate(140%);
}
.l2m-company-mark{background:#eef5ff;color:#07111f}
.l2m-wordmark{border-left-color:rgba(150,178,220,.2)}
.l2m-navlinks{color:#aabbd1}
.l2m-navlinks a{position:relative}
.l2m-navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--l2m-cyan);transition:.22s ease}
.l2m-navlinks a:hover:after{right:0}
.l2m-nav-cta{
  background:rgba(255,255,255,.035);
  color:#dce8f8;
  border:1px solid rgba(220,232,248,.22);
  border-radius:999px;
  box-shadow:none;
}
.l2m-nav-cta:hover{
  background:rgba(109,240,214,.08);
  border-color:rgba(109,240,214,.55);
  color:#f4fbff;
}
.l2m-hero{
  position:relative;
  isolation:isolate;
  min-height:calc(100vh - 68px);
  display:grid;
  align-items:center;
  overflow:hidden;
  color:#edf4ff;
  background:
    radial-gradient(circle at 73% 35%,rgba(55,83,255,.22),transparent 28%),
    radial-gradient(circle at 18% 12%,rgba(109,240,214,.10),transparent 24%),
    linear-gradient(180deg,#05070b 0%,#07101a 58%,#091522 100%);
  border-bottom:1px solid rgba(150,178,220,.11);
}
.l2m-hero:before{display:none}
.l2m-field{display:none}
.l2m-orbit{
  position:absolute;
  border:1px solid rgba(86,116,255,.18);
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
  animation:l2mOrbit 22s linear infinite;
}
.l2m-orbit:before,.l2m-orbit:after{
  content:"";
  position:absolute;
  width:8px;height:8px;border-radius:50%;
  background:var(--l2m-cyan);
  box-shadow:0 0 20px var(--l2m-cyan);
}
.l2m-orbit:before{top:12%;left:24%}.l2m-orbit:after{right:10%;bottom:28%;background:var(--l2m-blue);box-shadow:0 0 22px var(--l2m-blue)}
.orbit-a{width:660px;height:660px;right:-190px;top:8%;transform:rotate(18deg)}
.orbit-b{width:420px;height:420px;right:11%;top:24%;animation-duration:29s;animation-direction:reverse}
@keyframes l2mOrbit{to{transform:rotate(378deg)}}
.l2m-hero-grid{position:relative;z-index:2}
.l2m-kicker,.l2m-label{color:#7ea3dd}
.l2m-hero h1{
  color:#f6f9ff;
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.02);
}
.l2m-hero h1 em{color:var(--l2m-cyan)}
.l2m-hero-lead{color:#d9e5f5}
.l2m-deck{color:#9fb2ca}
.l2m-btn{
  border-color:rgba(226,237,255,.28);
  color:#eef5ff;
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(12px);
}
.l2m-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(109,240,214,.55);
  box-shadow:0 12px 36px rgba(34,71,156,.18);
}
.l2m-btn.primary{
  background:#f6f9ff;
  color:#07111f;
  border-color:#f6f9ff;
  box-shadow:0 12px 36px rgba(102,130,255,.15);
}
.l2m-availability{color:#7890ae}
.l2m-stage{
  position:relative;
  background:linear-gradient(180deg,rgba(12,22,37,.94),rgba(5,11,20,.98));
  border:1px solid rgba(151,180,226,.2);
  box-shadow:
    0 42px 100px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 100px rgba(63,87,255,.10);
  border-radius:22px;
  transition:transform .16s ease-out,box-shadow .25s ease;
  transform-style:preserve-3d;
}
.l2m-stage:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(460px circle at var(--sx,72%) var(--sy,22%),rgba(109,240,214,.12),transparent 58%);
}
.l2m-stage-head{
  position:relative;
  z-index:2;
  padding:15px 18px;
  color:#8ca4c4;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.l2m-chat{position:relative;z-index:2;padding:28px}
.l2m-chat-row{
  background:rgba(255,255,255,.035);
  border-color:rgba(182,206,241,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.l2m-route{position:relative;overflow:hidden}
.l2m-route:before{
  content:"";
  position:absolute;
  left:7%;right:7%;top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(77,111,255,.55),rgba(109,240,214,.75),transparent);
  z-index:-1;
}
.l2m-route:after{
  content:"";
  position:absolute;
  top:calc(50% - 2px);
  width:36px;height:4px;border-radius:99px;
  background:var(--l2m-cyan);
  filter:blur(.2px);
  box-shadow:0 0 16px var(--l2m-cyan);
  animation:l2mPacket 2.2s ease-in-out infinite;
}
@keyframes l2mPacket{0%{left:9%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:84%;opacity:0}}
.l2m-receipt-card{
  background:linear-gradient(135deg,rgba(109,240,214,.095),rgba(77,111,255,.055));
  border-color:rgba(109,240,214,.46);
  box-shadow:0 0 50px rgba(109,240,214,.06),inset 0 0 30px rgba(109,240,214,.025);
}
.l2m-receipt-card>strong{color:#7ef5dd}
.l2m-receipt-card [data-loop-text].flash{animation:l2mFlash .45s ease}
@keyframes l2mFlash{50%{color:#fff;text-shadow:0 0 18px #6df0d6}}
.l2m-punch{
  position:relative;
  overflow:hidden;
  background:#f4f7fb;
  color:#07111f;
}
.l2m-punch:before{
  content:"LINK  /  ROUTE  /  EXECUTE  /  VERIFY  /  RETURN  /  ";
  position:absolute;
  white-space:nowrap;
  left:-5vw;bottom:-18px;
  font:500 clamp(68px,12vw,190px)/1 "Fragment Mono",monospace;
  letter-spacing:-.08em;
  color:rgba(7,17,31,.035);
}
.l2m-punch .l2m-label{color:#315a92}
.l2m-punch h2 em{color:#1d56ff}
.l2m-strip{background:#070b12;border-block-color:rgba(150,178,220,.12)}
.l2m-strip-grid>div{border-right-color:rgba(150,178,220,.12)}
.l2m-strip strong{color:#eef5ff}
.l2m-strip span{color:#7f93ae}
.l2m-section{background:#080d15;color:#eef5ff}
.l2m-section-head>p{color:#91a5bf}
.l2m-section-head h2,.l2m-usage-grid h2,.l2m-security-grid h2,.l2m-section.compare>div>h2{color:#f4f8ff}
.l2m-card-grid{border-color:rgba(150,178,220,.14)}
.l2m-card-grid article{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#0a111b,#080d15);
  border-right-color:rgba(150,178,220,.14);
}
.l2m-card-grid article:after{
  content:"";
  position:absolute;
  width:160px;height:160px;border-radius:50%;
  right:-90px;top:-90px;
  background:radial-gradient(circle,rgba(77,111,255,.18),transparent 68%);
  transition:.35s ease;
}
.l2m-card-grid article:hover:after{right:-38px;top:-45px}
.l2m-card-grid h3{color:#f3f7ff}
.l2m-card-grid p{color:#879bb5}
.l2m-usage-save{background:linear-gradient(135deg,#092018,#0a1618 46%,#09121b);border-block:1px solid rgba(109,240,214,.14)}
.l2m-usage-grid p{color:#dbe9e5}
.l2m-usage-grid small{color:#6e9389}
.l2m-section.dark{background:#05070b}
.l2m-steps{border-color:rgba(150,178,220,.14)}
.l2m-steps article{border-right-color:rgba(150,178,220,.14);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.l2m-steps p{color:#8fa2bb}
.l2m-section.compare{background:#090f18}
.l2m-diff-grid{border-color:rgba(150,178,220,.14)}
.l2m-diff-grid article{border-color:rgba(150,178,220,.14);background:rgba(255,255,255,.018)}
.l2m-diff-grid p{color:#8fa2bb}
.l2m-section.pricing{background:#05080d}
.l2m-price-grid{border-color:rgba(150,178,220,.15)}
.l2m-price-grid article{border-right-color:rgba(150,178,220,.15);background:#090f18}
.l2m-price-grid article.featured{
  background:linear-gradient(145deg,rgba(109,240,214,.12),rgba(77,111,255,.08)),#081018;
  box-shadow:inset 0 0 60px rgba(109,240,214,.035);
}
.l2m-price-grid p{color:#8fa2bb}
.l2m-section.security{background:linear-gradient(135deg,#dffcf4,#bdeedd);color:#07111f}
.l2m-section.security h2{color:#07111f}
.l2m-section.security .l2m-label{color:#154c40}
.l2m-final{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 100%,rgba(77,111,255,.20),transparent 30%),
    #05070b;
  color:#eef5ff;
}
.l2m-final:before{
  content:"";
  position:absolute;
  left:50%;top:54%;
  width:min(760px,82vw);height:min(760px,82vw);
  transform:translate(-50%,-50%);
  border:1px solid rgba(90,119,255,.14);
  border-radius:50%;
  box-shadow:0 0 0 80px rgba(90,119,255,.025),0 0 0 160px rgba(90,119,255,.018);
}
.l2m-final>div{position:relative;z-index:2}
.l2m-final h2 em{color:var(--l2m-cyan)}
.l2m-final p{color:#91a5bf}
.l2m-footer{background:#05070b;border-top-color:rgba(150,178,220,.12)}
.l2m-footer-row{color:#758aa7}

/* Interactive exact-machine control room */
.l2m-control-room{
  position:relative;
  overflow:hidden;
  padding:118px 0;
  background:
    radial-gradient(circle at 50% 42%,rgba(55,83,255,.15),transparent 29%),
    linear-gradient(180deg,#05070b,#07101b);
  border-block:1px solid rgba(150,178,220,.12);
}
.l2m-control-room:before{display:none}
.l2m-control-room>.l2m-max{position:relative;z-index:2}
.l2m-control-head{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:end;margin-bottom:56px}
.l2m-control-head h2{margin:14px 0 0;font:500 clamp(56px,7vw,94px)/.87 "Host Grotesk",sans-serif;letter-spacing:-.06em;color:#f5f8ff}
.l2m-control-head p{margin:0;color:#91a5bf;font-size:19px;line-height:1.5}
.l2m-control-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:18px;align-items:stretch}
.l2m-machine-list{display:grid;gap:10px}
.l2m-machine-list button{
  min-height:102px;
  text-align:left;
  padding:15px;
  border:1px solid rgba(150,178,220,.14);
  background:rgba(255,255,255,.02);
  color:#c8d7e9;
  cursor:pointer;
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  transition:.2s ease;
}
.l2m-machine-list button span{grid-row:1/3;color:#5f7698;font:400 9px/1 "JetBrains Mono",monospace}
.l2m-machine-list button strong{font:500 14px/1 "Fragment Mono",monospace}
.l2m-machine-list button small{margin-top:7px;color:#6f84a0;font:400 8px/1 "JetBrains Mono",monospace}
.l2m-machine-list button:hover,.l2m-machine-list button.active{
  border-color:rgba(109,240,214,.55);
  background:linear-gradient(90deg,rgba(109,240,214,.08),rgba(77,111,255,.035));
  color:#f2f7ff;
  transform:translateX(4px);
}
.l2m-routing-visual{
  position:relative;
  min-height:430px;
  border:1px solid rgba(150,178,220,.14);
  background:rgba(4,9,16,.68);
  display:grid;
  grid-template-columns:1fr 90px 1.15fr 90px 1.2fr;
  align-items:center;
  padding:34px;
  overflow:hidden;
}
.l2m-routing-visual:before{display:none}
.l2m-proof-node,.l2m-machine-card{position:relative;z-index:2;border:1px solid rgba(150,178,220,.2);background:rgba(8,18,31,.86);padding:18px;min-height:130px;display:flex;flex-direction:column;justify-content:center}
.l2m-proof-node span,.l2m-machine-card>span{font:400 8px/1 "JetBrains Mono",monospace;letter-spacing:.13em;color:#718cad}
.l2m-proof-node b,.l2m-machine-card>strong{margin-top:10px;font:500 19px/1 "Fragment Mono",monospace;color:#eef5ff}
.l2m-proof-node em{margin-top:10px;font:400 8px/1 "JetBrains Mono",monospace;font-style:normal;color:#6df0d6}
.l2m-proof-node.core{border-color:rgba(109,240,214,.48);box-shadow:0 0 40px rgba(109,240,214,.07)}
.l2m-proof-node.core b{color:#6df0d6}
.l2m-beam{position:relative;z-index:1;height:1px;background:linear-gradient(90deg,rgba(77,111,255,.25),#5877ff,#6df0d6)}
.l2m-beam i{position:absolute;top:-2px;width:40px;height:5px;border-radius:99px;background:#6df0d6;box-shadow:0 0 16px #6df0d6;animation:l2mBeam 1.9s linear infinite}
.beam-two i{animation-delay:.7s}
@keyframes l2mBeam{from{left:-20px;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 10px);opacity:0}}
.l2m-machine-card{border-color:rgba(77,111,255,.5);box-shadow:0 0 60px rgba(77,111,255,.07)}
.l2m-machine-card>span{color:#6df0d6}
.l2m-machine-card dl{margin:18px 0 0}
.l2m-machine-card dl div{display:grid;grid-template-columns:64px 1fr;gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}
.l2m-machine-card dt,.l2m-machine-card dd{margin:0;font:400 8px/1.25 "JetBrains Mono",monospace}
.l2m-machine-card dt{color:#657c9b}.l2m-machine-card dd{color:#b9cbe0;overflow-wrap:anywhere}
.l2m-machine-card.pulse{animation:l2mMachinePulse .55s ease}
@keyframes l2mMachinePulse{50%{border-color:#6df0d6;box-shadow:0 0 80px rgba(109,240,214,.18)}}
.l2m-receipt-stack{display:grid;gap:10px}
.l2m-mini-receipt{min-height:88px;padding:14px;border:1px solid rgba(150,178,220,.14);background:rgba(255,255,255,.02);display:flex;flex-direction:column;justify-content:center}
.l2m-mini-receipt span{font:400 8px/1 "JetBrains Mono",monospace;color:#657c9b}
.l2m-mini-receipt strong{margin-top:9px;font:500 11px/1.2 "Fragment Mono",monospace;color:#d9e6f5}
.l2m-mini-receipt.verified{border-color:rgba(109,240,214,.45);background:rgba(109,240,214,.055)}
.l2m-mini-receipt.verified strong{color:#6df0d6}


.l2m-page-progress{position:fixed;left:0;right:0;top:68px;height:2px;z-index:60;pointer-events:none;background:transparent}.l2m-page-progress i{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#6df0d6,#6d82ff);box-shadow:0 0 14px rgba(109,240,214,.45)}
/* Full-screen ecosystem story */
.l2m-ecosystem{
  position:relative;
  min-height:760vh;
  background:#05070b;
  color:#eef5ff;
  border-top:1px solid rgba(150,178,220,.10);
}
.l2m-ecosystem-sticky{
  position:sticky;
  top:68px;
  height:calc(100vh - 68px);
  display:flex;
  align-items:center;
  overflow:hidden;
}
.l2m-ecosystem-sticky:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 58% 48%,rgba(77,111,255,.16),transparent 30%),
    radial-gradient(circle at 70% 64%,rgba(109,240,214,.07),transparent 22%);
}
.l2m-ecosystem-shell{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:68px;
  align-items:center;
}
.l2m-ecosystem-copy h2{
  margin:16px 0 26px;
  font:500 clamp(62px,7.6vw,116px)/.84 "Host Grotesk",sans-serif;
  letter-spacing:-.065em;
  max-width:780px;
}
.l2m-ecosystem-copy h2 em{font-style:normal;color:#6df0d6}
.l2m-ecosystem-copy p{
  max-width:620px;
  margin:0;
  color:#8fa3bd;
  font-size:19px;
  line-height:1.5;
}
.l2m-ecosystem-scene{
  position:relative;
  min-height:650px;
  display:grid;
  grid-template-columns:230px minmax(360px,1fr);
  grid-template-rows:1fr auto;
  gap:22px;
  align-items:center;
}
.l2m-client-ring{
  display:grid;
  gap:7px;
  align-content:center;
}
.l2m-client-pill{
  position:relative;
  display:grid;
  grid-template-columns:36px 1fr;
  grid-template-rows:auto auto;
  gap:2px 11px;
  align-items:center;
  min-height:64px;
  padding:11px 13px;
  border:0;
  border-left:1px solid rgba(150,178,220,.16);
  background:transparent;
  color:#70839d;
  text-align:left;
  cursor:pointer;
  transition:.28s cubic-bezier(.2,.7,.2,1);
}
.l2m-client-pill:before{
  content:"";
  position:absolute;
  left:-1px;top:50%;
  width:1px;height:0;
  background:#6df0d6;
  box-shadow:0 0 16px #6df0d6;
  transition:.28s ease;
}
.l2m-client-pill:hover,.l2m-client-pill.active{
  color:#f2f7ff;
  background:linear-gradient(90deg,rgba(109,240,214,.045),transparent);
  padding-left:18px;
}
.l2m-client-pill.active:before{height:64%;top:18%}
.l2m-client-logo{
  grid-row:1/3;
  width:30px;height:30px;
  display:grid;place-items:center;
  opacity:.55;
  transition:.28s ease;
}
.l2m-client-logo img{
  width:22px;height:22px;
  filter:invert(1);
}
.l2m-client-pill.active .l2m-client-logo{opacity:1;transform:scale(1.08)}
.l2m-client-pill>span:not(.l2m-client-logo){font:500 14px/1.1 "Fragment Mono",monospace}
.l2m-client-pill small{
  color:#566b89;
  font:400 7px/1.1 "JetBrains Mono",monospace;
  letter-spacing:.12em;
}
.l2m-client-pill.active small{color:#6f8fb8}
.l2m-ecosystem-core{
  position:relative;
  min-height:550px;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.l2m-ecosystem-brand{
  position:absolute;
  top:5%;
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
  font:500 clamp(68px,9vw,142px)/.78 "Host Grotesk",sans-serif;
  letter-spacing:-.07em;
  color:rgba(244,248,255,.055);
  transition:opacity .22s ease,transform .22s ease;
  z-index:-1;
}
.l2m-ecosystem-brand.swap{
  opacity:0;
  transform:translate(-50%,10px) scale(.98);
}
.l2m-core-orbit{
  position:absolute;
  width:390px;height:390px;
  border:1px solid rgba(98,126,255,.18);
  border-radius:50%;
  animation:l2mCoreSpin 22s linear infinite;
}
.l2m-core-orbit:after{
  content:"";
  position:absolute;
  width:7px;height:7px;border-radius:50%;
  left:18%;top:10%;
  background:#6df0d6;
  box-shadow:0 0 18px #6df0d6;
}
.l2m-core-orbit.orbit-two{
  width:285px;height:285px;
  border-color:rgba(109,240,214,.16);
  animation-duration:17s;
  animation-direction:reverse;
}
@keyframes l2mCoreSpin{to{transform:rotate(360deg)}}
.l2m-core-mark{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:180px;height:180px;
  border:1px solid rgba(109,240,214,.46);
  background:rgba(7,16,27,.92);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-shadow:0 0 80px rgba(109,240,214,.08),inset 0 0 50px rgba(109,240,214,.03);
}
.l2m-core-mark img{width:48px;height:48px;margin-bottom:14px}
.l2m-core-mark span{font:500 15px/1 "Fragment Mono",monospace;color:#eef5ff}
.l2m-core-mark small{
  width:130px;
  margin-top:10px;
  color:#6f89a9;
  font:400 7px/1.5 "JetBrains Mono",monospace;
  letter-spacing:.08em;
}
.l2m-core-beam{
  position:absolute;
  left:calc(50% + 90px);
  right:31px;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,#6df0d6,#6683ff,rgba(102,131,255,.25));
}
.l2m-core-beam i{
  position:absolute;
  width:48px;height:5px;top:-2px;
  border-radius:99px;
  background:#6df0d6;
  box-shadow:0 0 16px #6df0d6;
  animation:l2mCoreBeam 1.9s linear infinite;
}
@keyframes l2mCoreBeam{from{left:-10px;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 25px);opacity:0}}
.l2m-core-machine{
  position:absolute;
  right:0;top:50%;
  transform:translateY(-50%);
  width:190px;
  min-height:132px;
  padding:18px;
  border:1px solid rgba(102,131,255,.46);
  background:rgba(7,16,27,.94);
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-shadow:0 0 60px rgba(77,111,255,.08);
}
.l2m-core-machine span{font:400 8px/1 "JetBrains Mono",monospace;letter-spacing:.12em;color:#7289a8}
.l2m-core-machine strong{margin-top:10px;font:500 15px/1 "Fragment Mono",monospace;color:#f0f6ff}
.l2m-core-machine small{margin-top:10px;color:#637b9b;font:400 8px/1.35 "JetBrains Mono",monospace}
.l2m-ecosystem-status{
  grid-column:1/-1;
  min-height:58px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  border-top:1px solid rgba(150,178,220,.12);
  padding-top:16px;
}
.l2m-ecosystem-status span{
  color:#6df0d6;
  font:400 9px/1.2 "JetBrains Mono",monospace;
  letter-spacing:.08em;
}
.l2m-ecosystem-status b{
  color:#8196b2;
  font:400 11px/1.3 "JetBrains Mono",monospace;
}
.l2m-ecosystem-steps{
  position:absolute;
  inset:0 0 auto;
  width:1px;
  pointer-events:none;
}
.l2m-ecosystem-steps>div{height:78vh}

/* Infinite ecosystem rail */
.l2m-brand-rail{
  position:relative;
  overflow:hidden;
  background:#f2f4f7;
  color:#0a1018;
  padding:26px 0 18px;
  border-block:1px solid #dce2ea;
}
.l2m-brand-rail:before,.l2m-brand-rail:after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;bottom:0;
  width:12vw;
  pointer-events:none;
}
.l2m-brand-rail:before{left:0;background:linear-gradient(90deg,#f2f4f7,transparent)}
.l2m-brand-rail:after{right:0;background:linear-gradient(-90deg,#f2f4f7,transparent)}
.l2m-brand-track{
  display:flex;
  width:max-content;
  gap:52px;
  animation:l2mBrandRail 36s linear infinite;
}
.l2m-brand-track:hover{animation-play-state:paused}
.l2m-brand-track span{
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  font:500 18px/1 "Host Grotesk",sans-serif;
}
.l2m-brand-track img{width:22px;height:22px;opacity:.8}
@keyframes l2mBrandRail{to{transform:translateX(-50%)}}
.l2m-brand-rail p{
  margin:18px auto 0;
  width:min(1220px,calc(100% - 48px));
  color:#7a8492;
  font:400 8px/1.4 "JetBrains Mono",monospace;
  letter-spacing:.04em;
  text-align:center;
}

@media(max-width:1100px){
  .l2m-ecosystem{min-height:720vh}
  .l2m-ecosystem-shell{grid-template-columns:1fr;gap:24px}
  .l2m-ecosystem-copy h2{font-size:64px}
  .l2m-ecosystem-copy p{display:none}
  .l2m-ecosystem-scene{min-height:560px;grid-template-columns:180px 1fr}
  .l2m-client-pill{min-height:54px}
  .l2m-core-orbit{width:320px;height:320px}
  .l2m-core-orbit.orbit-two{width:230px;height:230px}
  .l2m-core-machine{width:160px}
}
@media(max-width:760px){
  .l2m-ecosystem{
    min-height:auto;
    padding:82px 0 76px;
  }
  .l2m-ecosystem-sticky{
    position:relative;
    top:auto;
    height:auto;
    overflow:visible;
  }
  .l2m-ecosystem-shell{display:block}
  .l2m-ecosystem-copy h2{font-size:56px}
  .l2m-ecosystem-copy p{display:block;font-size:17px}
  .l2m-ecosystem-scene{display:block;min-height:auto;margin-top:44px}
  .l2m-client-ring{
    grid-template-columns:1fr 1fr;
    gap:0;
    border-top:1px solid rgba(150,178,220,.12);
    border-left:1px solid rgba(150,178,220,.12);
  }
  .l2m-client-pill{
    min-height:68px;
    border-left:0;
    border-right:1px solid rgba(150,178,220,.12);
    border-bottom:1px solid rgba(150,178,220,.12);
  }
  .l2m-ecosystem-core{min-height:440px;margin-top:28px}
  .l2m-ecosystem-brand{top:4%;font-size:58px}
  .l2m-core-orbit{width:270px;height:270px}
  .l2m-core-orbit.orbit-two{width:196px;height:196px}
  .l2m-core-mark{width:150px;height:150px}
  .l2m-core-machine{
    position:absolute;
    top:auto;right:50%;bottom:5px;
    transform:translateX(50%);
    width:190px;
  }
  .l2m-core-beam{
    left:50%;right:auto;top:calc(50% + 75px);
    width:1px;height:95px;
    background:linear-gradient(#6df0d6,#6683ff);
  }
  .l2m-core-beam i{
    top:-6px;left:-2px;width:5px;height:32px;
    animation:l2mCoreBeamV 1.8s linear infinite;
  }
  @keyframes l2mCoreBeamV{to{top:70px;opacity:0}}
  .l2m-ecosystem-status{display:grid;text-align:center}
  .l2m-ecosystem-steps{display:none}
  .l2m-brand-track{gap:34px}
  .l2m-brand-track span{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .l2m-core-orbit,.l2m-core-beam i,.l2m-brand-track{animation:none!important}
}

/* Motion choreography */
.l2m-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.l2m-reveal.is-visible{opacity:1;transform:none}
.l2m-card-grid article:nth-child(2),.l2m-steps article:nth-child(2),.l2m-diff-grid article:nth-child(2),.l2m-price-grid article:nth-child(2){transition-delay:.07s}
.l2m-card-grid article:nth-child(3),.l2m-steps article:nth-child(3),.l2m-diff-grid article:nth-child(3),.l2m-price-grid article:nth-child(3){transition-delay:.14s}
.l2m-card-grid article:nth-child(4),.l2m-steps article:nth-child(4),.l2m-diff-grid article:nth-child(4){transition-delay:.21s}


/* Editorial treatment: less SaaS grid, more launch-page spacing */
.l2m-card-grid,
.l2m-steps,
.l2m-diff-grid,
.l2m-price-grid{
  border:0;
  gap:0;
}
.l2m-card-grid article,
.l2m-steps article,
.l2m-diff-grid article,
.l2m-price-grid article{
  background:transparent;
  box-shadow:none;
}
.l2m-card-grid article{
  border-right:0;
  border-top:1px solid rgba(150,178,220,.15);
  padding:30px 28px 42px 0;
  min-height:360px;
}
.l2m-card-grid article:nth-child(odd){padding-right:48px}
.l2m-card-grid article:after{display:none}
.l2m-steps article{
  border-right:0;
  border-top:1px solid rgba(150,178,220,.14);
  padding:30px 28px 40px 0;
  min-height:300px;
}
.l2m-diff-grid{
  border:0;
}
.l2m-diff-grid article{
  border:0;
  border-top:1px solid rgba(150,178,220,.14);
  min-height:210px;
  padding:30px 42px 34px 0;
}
.l2m-price-grid article{
  border-right:0;
  border-top:1px solid rgba(150,178,220,.16);
  padding:30px 34px 36px 0;
  min-height:410px;
}
.l2m-price-grid article.featured{
  background:transparent;
  box-shadow:none;
}
.l2m-section{padding-top:132px;padding-bottom:132px}
.l2m-section-head{margin-bottom:78px}
.l2m-section-head h2,
.l2m-section.compare>div>h2{
  max-width:900px;
}
.l2m-steps strong,
.l2m-card-grid h3,
.l2m-diff-grid strong{
  letter-spacing:-.035em;
}
.l2m-text-logo{
  grid-row:1/3;
  width:30px;height:30px;
  display:grid;place-items:center;
  border:1px solid currentColor;
  border-radius:50%;
  font:500 9px/1 "JetBrains Mono",monospace;
  letter-spacing:-.05em;
  font-style:normal;
}
.l2m-brand-track .l2m-text-logo{
  display:inline-grid;
  width:22px;height:22px;
  margin-right:0;
}
@media(max-width:760px){
  .l2m-card-grid article,
  .l2m-steps article,
  .l2m-diff-grid article,
  .l2m-price-grid article{
    padding:26px 0 34px;
    min-height:0;
    border-bottom:0;
  }
}

/* ChatGPT setup page keeps same premium language */
.l2m-connect-hero{
  color:#eef5ff;
  background:radial-gradient(circle at 74% 20%,rgba(77,111,255,.18),transparent 30%),linear-gradient(180deg,#05070b,#081321);
  border-bottom-color:rgba(150,178,220,.12);
}
.l2m-connect-hero h1{color:#f6f9ff}.l2m-connect-hero h1 em{color:#6df0d6}.l2m-connect-hero p{color:#9fb2ca}
.l2m-endpoint-card{background:linear-gradient(180deg,#0b1421,#07101a);border-color:rgba(150,178,220,.18);box-shadow:0 34px 80px rgba(0,0,0,.36)}
.l2m-connect-steps{border-color:rgba(150,178,220,.14)}
.l2m-connect-steps article{background:#090f18;border-right-color:rgba(150,178,220,.14);color:#eef5ff}
.l2m-connect-steps p{color:#8fa2bb}
.l2m-prompt-grid div{border-color:rgba(150,178,220,.14);background:rgba(255,255,255,.025)}

@media(max-width:1100px){
  .l2m-control-head{grid-template-columns:1fr}
  .l2m-control-grid{grid-template-columns:1fr}
  .l2m-machine-list{grid-template-columns:repeat(3,1fr)}
  .l2m-routing-visual{min-height:390px}
  .l2m-receipt-stack{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:760px){
  body.l2m-page:before{display:none}
  .l2m-hero{min-height:auto}
  .orbit-a{width:420px;height:420px;right:-240px}.orbit-b{display:none}
  .l2m-stage{transform:none!important}
  .l2m-control-room{padding:78px 0}
  .l2m-control-head h2{font-size:56px}
  .l2m-machine-list{grid-template-columns:1fr}
  .l2m-routing-visual{grid-template-columns:1fr;gap:14px;padding:18px}
  .l2m-beam{width:1px;height:44px;margin:0 auto;background:linear-gradient(#5877ff,#6df0d6)}
  .l2m-beam i{left:-2px;top:0;width:5px;height:22px;animation:l2mBeamV 1.8s linear infinite}
  @keyframes l2mBeamV{from{top:-8px;opacity:0}15%{opacity:1}85%{opacity:1}to{top:30px;opacity:0}}
  .l2m-receipt-stack{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .l2m-orbit,.l2m-route:after,.l2m-beam i{animation:none!important}
  .l2m-reveal{opacity:1;transform:none;transition:none}
}