#scr-landing{
  --black:#000000;
  --panel:#0a0a0b;
  --panel-2:#0e0e10;
  --raise:#151518;

  --white:#ffffff;
  --t1:#ededed;
  --t2:#a3a3a8;
  --t3:#727277;
  --t4:#4e4e54;

  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.145);
  --line-3:rgba(255,255,255,.24);

  --violet:#b06cff;
  --violet-soft:rgba(176,108,255,.14);
  --magenta:#ff5ce1;
  --green:#3ecf8e;

  --sans:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --rail:min(1180px,calc(100% - 48px));
  --nav-h:58px;
  --ease:cubic-bezier(.22,.8,.3,1);

  color-scheme:dark;
}
@media (max-width:640px){#scr-landing{ --rail:calc(100% - 32px); } }#scr-landing *,#scr-landing *::before,#scr-landing *::after{ box-sizing:border-box; }#scr-landing{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }#scr-landing{
  margin:0; background:var(--black); color:var(--t2);
  font-family:var(--sans); font-size:16px; line-height:1.6;
  font-feature-settings:"cv02","cv03","cv04","cv11";
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}#scr-landing h1,#scr-landing h2,#scr-landing h3,#scr-landing h4,#scr-landing p,#scr-landing figure,#scr-landing blockquote{ margin:0; }#scr-landing ul,#scr-landing ol{ margin:0; padding:0; list-style:none; }#scr-landing a{ color:inherit; text-decoration:none; }#scr-landing button{ font:inherit; color:inherit; }#scr-landing img,#scr-landing svg{ max-width:100%; display:block; }#scr-landing ::selection{ background:var(--violet); color:#12021f; }#scr-landing :focus-visible{ outline:2px solid var(--violet); outline-offset:3px; border-radius:6px; }#scr-landing .rail{ width:var(--rail); margin-inline:auto; }#scr-landing .sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }#scr-landing.js [data-rise]{ opacity:0; transform:translateY(14px); }#scr-landing.js [data-rise].in{
  opacity:1; transform:none;
  transition:opacity .62s var(--ease) var(--d,0ms), transform .62s var(--ease) var(--d,0ms);
}#scr-landing .ann{
  position:relative; z-index:60;
  display:flex; align-items:center; justify-content:center; gap:10px;
  height:36px; padding:0 16px;
  background:linear-gradient(90deg,#0b0416,#170a2b 50%,#0b0416);
  border-bottom:1px solid var(--line);
  font-size:13px; color:var(--t2);
}#scr-landing .ann b{ color:var(--white); font-weight:500; }#scr-landing .ann .go{
  position:relative; isolation:isolate; display:inline-flex; align-items:center;
  height:23px; padding:1px; border-radius:999px; overflow:hidden;
  background:#100a18;
  transition:transform .2s var(--ease);
}#scr-landing .ann .go::before{
  content:""; position:absolute; z-index:-1;
  top:50%; left:50%; width:220%; aspect-ratio:1; translate:-50% -50%;
  background:conic-gradient(from 0deg, #ff5ce1, #b06cff, #4aa8ff, #3ecf8e, #e8b73a, #ff5ce1);
  animation:lp-edgespin 5.5s linear infinite;
}
@media (prefers-reduced-motion:reduce){#scr-landing .ann .go::before{ animation:none; } }#scr-landing .ann .go i{
  display:inline-flex; align-items:center; gap:5px; font-style:normal;
  height:100%; padding:0 11px; border-radius:999px;
  background:linear-gradient(180deg,#14101c,#0a0710);
  color:var(--t1); font-size:12px; font-weight:500;
}#scr-landing .ann .go:hover{ transform:translateY(-1px); }#scr-landing .ann .go:hover i{ background:linear-gradient(180deg,#1c1628,#100a18); color:#fff; }
@media (max-width:560px){#scr-landing .ann .hide{ display:none; } }#scr-landing .nav{
  position:sticky; top:0; z-index:50;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid var(--line);
}#scr-landing .nav-in{
  width:var(--rail); margin-inline:auto;
  height:var(--nav-h); display:flex; align-items:center; gap:4px;
}#scr-landing .brand{
  display:flex; align-items:center; gap:9px;
  font-size:19px; font-weight:700; letter-spacing:-.045em; color:var(--white);
  padding-right:14px;
}#scr-landing .brand .glyph{
  width:25px; height:25px; flex:0 0 auto;
  filter:drop-shadow(0 0 7px rgba(176,108,255,.55));
  transition:transform .4s var(--ease), filter .3s;
}#scr-landing .brand:hover .glyph{ transform:rotate(-14deg) scale(1.06); filter:drop-shadow(0 0 11px rgba(176,108,255,.8)); }#scr-landing .foot-brand .glyph{ width:29px; height:29px; }#scr-landing .menu{ display:flex; align-items:center; gap:2px; }#scr-landing .menu > li{ position:relative; }#scr-landing .menu button,#scr-landing .menu > li > a{
  display:inline-flex; align-items:center; gap:5px;
  background:none; border:0; cursor:pointer;
  padding:7px 11px; border-radius:7px;
  font-size:14px; font-weight:450; color:var(--t2);
  transition:color .15s, background .15s;
}#scr-landing .menu button:hover,#scr-landing .menu > li > a:hover,#scr-landing .menu button[aria-expanded="true"]{ color:var(--white); background:rgba(255,255,255,.055); }#scr-landing .menu .chev{ width:9px; height:9px; transition:transform .2s var(--ease); opacity:.6; }#scr-landing .menu button[aria-expanded="true"] .chev{ transform:rotate(180deg); }#scr-landing .drop{
  position:absolute; top:calc(100% + 9px); left:-8px;
  min-width:322px; padding:7px;
  background:#0a0610; border:1px solid var(--line-2); border-radius:13px;
  box-shadow:0 20px 60px -12px rgba(0,0,0,.95), 0 0 0 1px rgba(0,0,0,.6);
  opacity:0; visibility:hidden; transform:translateY(-6px) scale(.985);
  transition:opacity .17s var(--ease), transform .17s var(--ease), visibility .17s;
}#scr-landing .drop[data-open]{ opacity:1; visibility:visible; transform:none; }#scr-landing .drop a{
  display:grid; grid-template-columns:auto 1fr; gap:11px;
  padding:9px 10px; border-radius:9px; transition:background .15s;
}#scr-landing .drop a:hover{ background:rgba(255,255,255,.06); }#scr-landing .drop .ic{
  width:28px; height:28px; border-radius:7px;
  border:1px solid var(--line-2); background:var(--raise);
  display:grid; place-items:center; color:var(--t2);
  transition:color .16s, border-color .16s;
}#scr-landing .drop a:hover .ic{ color:var(--violet); border-color:rgba(176,108,255,.45); }#scr-landing .drop .tt{ font-size:13.5px; font-weight:500; color:var(--t1); line-height:1.3; }#scr-landing .drop .dd{ font-size:12.5px; color:var(--t3); line-height:1.4; margin-top:2px; }#scr-landing .nav-right{ margin-left:auto; display:flex; align-items:center; gap:8px; }#scr-landing .btn{
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  height:36px; padding:0 15px; border-radius:8px;
  font-size:14px; font-weight:500; letter-spacing:-.011em;
  cursor:pointer; border:1px solid transparent; white-space:nowrap;
  transition:background .17s, border-color .17s, color .17s,
             transform .17s var(--ease), box-shadow .17s;
}#scr-landing .btn::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(105deg, transparent 32%, rgba(255,255,255,.5) 50%, transparent 68%);
  transform:translateX(-130%);
  transition:transform .62s var(--ease);
}#scr-landing .btn:hover::after{ transform:translateX(130%); }#scr-landing .btn-primary{
  background:linear-gradient(180deg,#ffffff,#e4e4e7);
  color:#08080a;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(0,0,0,.16),
    0 1px 2px rgba(0,0,0,.65);
}#scr-landing .btn-primary:hover{ background:linear-gradient(180deg,#ffffff,#f4f4f5); transform:translateY(-1px); }#scr-landing .btn-primary:active{ transform:translateY(0); box-shadow:inset 0 1px 3px rgba(0,0,0,.3); }#scr-landing .btn-violet{
  background:linear-gradient(180deg,#bd80ff,#8f3ff0);
  color:#fff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 1px 2px rgba(0,0,0,.6), 0 6px 22px -8px rgba(176,108,255,.7);
}#scr-landing .btn-violet:hover{ background:linear-gradient(180deg,#c992ff,#9a4dfb); transform:translateY(-1px); }#scr-landing .btn-violet:active{ transform:translateY(0); }#scr-landing .btn-ghost{
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02));
  color:var(--t1); border-color:var(--line-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}#scr-landing .btn-ghost:hover{ border-color:var(--line-3); color:var(--white); transform:translateY(-1px); }#scr-landing .btn-ghost::after{ background:linear-gradient(105deg, transparent 32%, rgba(255,255,255,.13) 50%, transparent 68%); }#scr-landing .btn-quiet{ background:transparent; color:var(--t2); }#scr-landing .btn-quiet:hover{ color:var(--white); background:rgba(255,255,255,.055); }#scr-landing .btn-quiet::after{ display:none; }#scr-landing .btn-lg{ height:44px; padding:0 22px; font-size:15px; border-radius:9px; }#scr-landing .burger{
  display:none; width:36px; height:36px; border-radius:8px;
  border:1px solid var(--line-2); background:transparent; cursor:pointer;
  align-items:center; justify-content:center; color:var(--t1);
}
@media (max-width:940px){#scr-landing .menu{ display:none; }#scr-landing .burger{ display:inline-flex; }#scr-landing .nav-right .btn-quiet{ display:none; }
}#scr-landing .msheet{
  position:fixed; inset:var(--nav-h) 0 0; z-index:45;
  background:rgba(0,0,0,.97); backdrop-filter:blur(10px);
  padding:18px 0 40px; overflow-y:auto;
}#scr-landing .msheet[hidden]{ display:none; }#scr-landing .msheet h4{
  font-size:11px; font-weight:600; letter-spacing:.14em; text-transform:uppercase;
  color:var(--t4); margin:22px 0 10px;
}#scr-landing .msheet a{ display:block; padding:10px 0; font-size:16px; color:var(--t1); border-bottom:1px solid var(--line); }#scr-landing .msheet .acts{ display:grid; gap:10px; margin-top:26px; }#scr-landing .msheet .btn{ height:44px; }#scr-landing .icon3d{
  position:relative; display:block; isolation:isolate;
  width:var(--s,92px); height:var(--s,92px); flex:0 0 auto;
}#scr-landing .icon3d .face{
  position:absolute; inset:0; border-radius:26px; overflow:hidden;
  background:
    radial-gradient(112% 118% at 50% -8%, #2a2a31 0%, #131317 44%, #0a0a0c 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    inset 0 0 0 1px rgba(255,255,255,.055),
    0 1px 2px rgba(0,0,0,.85),
    0 16px 34px -14px rgba(0,0,0,.95);
  display:grid; place-items:center;
  transition:transform .35s var(--ease), box-shadow .35s;
}#scr-landing .icon3d .face::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  opacity:.4; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E");
}#scr-landing .icon3d .obj{ position:relative; z-index:1; width:62%; height:62%; overflow:visible; }#scr-landing .icon3d::after{
  content:""; position:absolute; z-index:-1;
  left:6%; right:6%; bottom:-16%; height:40%;
  background:radial-gradient(ellipse at 50% 30%, var(--g,rgba(176,108,255,.75)), transparent 70%);
  filter:blur(11px); opacity:.85;
  transition:opacity .35s, transform .35s var(--ease);
}#scr-landing .icon3d:hover .face{ transform:translateY(-3px); box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 1px 2px rgba(0,0,0,.85),
    0 22px 44px -14px rgba(0,0,0,.95); }#scr-landing .icon3d:hover::after{ opacity:1; transform:translateY(3px) scale(1.06); }#scr-landing .head-mid{ text-align:center; display:grid; justify-items:center; }#scr-landing .head-mid .icon3d{ margin-bottom:clamp(20px,2.6vw,30px); }#scr-landing .head-mid h2{ margin-top:0; max-width:22ch; }#scr-landing .head-mid .sec-lede{ margin-inline:auto; }#scr-landing .head-mid .eyebrow{ margin-bottom:14px; }#scr-landing .copy .icon3d{ --s:66px; margin-bottom:20px; }#scr-landing .copy .icon3d .face{ border-radius:19px; }

@media (max-width:640px){#scr-landing .icon3d{ --s:78px; }#scr-landing .copy .icon3d{ --s:60px; } }#scr-landing .icon3d .orbit,#scr-landing .icon3d .beat,#scr-landing .icon3d .sway,#scr-landing .icon3d .turn,#scr-landing .icon3d .bob,#scr-landing .icon3d .fall,#scr-landing .icon3d .land,#scr-landing .icon3d .tab,#scr-landing .icon3d .lift,#scr-landing .icon3d .rise,#scr-landing .icon3d .ring,#scr-landing .icon3d .glint,#scr-landing .icon3d .glow,#scr-landing .icon3d .pool,#scr-landing .icon3d .spark,#scr-landing .icon3d .wire path{
  transform-box:view-box; transform-origin:32px 32px;
}#scr-landing .icon3d .obj{ transition:filter .3s; }#scr-landing .icon3d:hover .obj{ filter:brightness(1.1); }


@keyframes lp-ic-fall{
  0%   { transform:translateY(-9px); opacity:0; }
  18%  { opacity:.75; }
  46%  { transform:translateY(0); opacity:.75; }
  84%  { transform:translateY(0); opacity:.75; }
  100% { transform:translateY(0); opacity:0; }
}
@keyframes lp-ic-land{
  0%,40%  { transform:scaleY(1); }
  49%     { transform:scaleY(.86) translateY(1px); }
  62%,100%{ transform:scaleY(1); }
}#scr-landing .icon3d.live[data-ic="stack"] .fall{ animation:lp-ic-fall 3.4s var(--ease) infinite; }#scr-landing .icon3d.live[data-ic="stack"] .f2{ animation-delay:.45s; }#scr-landing .icon3d.live[data-ic="stack"] .land{ animation:lp-ic-land 3.4s var(--ease) infinite; }


@keyframes lp-ic-bob{ 50%{ transform:translateY(-2.4px); } }#scr-landing .icon3d.live[data-ic="kinds"] .bob{ animation:lp-ic-bob 3.6s ease-in-out infinite; }#scr-landing .icon3d.live[data-ic="kinds"] .b2{ animation-duration:4.4s; animation-delay:-.7s; }#scr-landing .icon3d.live[data-ic="kinds"] .b3{ animation-duration:3.1s; animation-delay:-1.4s; }#scr-landing .icon3d.live[data-ic="kinds"] .b4{ animation-duration:4.9s; animation-delay:-2.1s; }


@keyframes lp-ic-spin{ to{ transform:rotate(360deg); } }
@keyframes lp-ic-twinkle{ 0%,100%{ opacity:.35; } 50%{ opacity:1; } }#scr-landing .icon3d.live[data-ic="how"] .orbit{ animation:lp-ic-spin 9s linear infinite; }#scr-landing .icon3d.live[data-ic="how"] .tw{ animation:lp-ic-twinkle 2.6s ease-in-out infinite; }#scr-landing .icon3d.live[data-ic="how"] .t2{ animation-duration:3.4s; animation-delay:-1.1s; }


@keyframes lp-ic-beat{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.07); } }#scr-landing .icon3d.live[data-ic="orbs"] .orbit{ animation:lp-ic-spin 24s linear infinite; }#scr-landing .icon3d.live[data-ic="orbs"] .beat{ animation:lp-ic-beat 3.2s ease-in-out infinite; }#scr-landing .icon3d[data-ic="note"] .write{ stroke-dasharray:24; }
@keyframes lp-ic-write{
  0%      { stroke-dashoffset:24; }
  30%,70% { stroke-dashoffset:0; }
  100%    { stroke-dashoffset:24; }
}
@keyframes lp-ic-tab{
  0%,14%  { transform:translateY(-2.5px); }
  30%     { transform:translateY(.8px); }
  40%,100%{ transform:translateY(0); }
}#scr-landing .icon3d.live[data-ic="note"] .write{ animation:lp-ic-write 5s var(--ease) infinite; }#scr-landing .icon3d.live[data-ic="note"] .w2{ animation-delay:.22s; }#scr-landing .icon3d.live[data-ic="note"] .w3{ animation-delay:.44s; }#scr-landing .icon3d.live[data-ic="note"] .tab{ animation:lp-ic-tab 5s var(--ease) infinite; animation-delay:.6s; }


@keyframes lp-ic-rows{
  0%   { transform:translateY(0); opacity:0; }
  16%  { opacity:1; }
  78%  { opacity:1; }
  100% { transform:translateY(26px); opacity:0; }
}
@keyframes lp-ic-glint{ 0%,100%{ opacity:.18; } 50%{ opacity:.46; } }#scr-landing .icon3d.live[data-ic="drum"] .ring{ animation:lp-ic-rows 3.2s linear infinite; }#scr-landing .icon3d.live[data-ic="drum"] .r2{ animation-delay:-1.6s; }#scr-landing .icon3d.live[data-ic="drum"] .glint{ animation:lp-ic-glint 4s ease-in-out infinite; }


@keyframes lp-ic-lift{
  0%   { transform:translateY(3px); opacity:0; }
  25%  { opacity:1; }
  70%  { opacity:1; }
  100% { transform:translateY(-4px); opacity:0; }
}#scr-landing .icon3d.live[data-ic="box"] .lift{ animation:lp-ic-lift 2.8s var(--ease) infinite; }#scr-landing .icon3d[data-ic="net"] .wire path{ stroke-dasharray:7 46; stroke-dashoffset:0; }
@keyframes lp-ic-pulse{ 0%{ stroke-dashoffset:7; opacity:0; } 12%{ opacity:1; }
  70%{ opacity:1; } 100%{ stroke-dashoffset:-40; opacity:0; } }
@keyframes lp-ic-lamp{ 0%,64%{ opacity:.5; } 78%{ opacity:1; } 100%{ opacity:.5; } }#scr-landing .icon3d.live[data-ic="net"] .wire path{ animation:lp-ic-pulse 2.6s linear infinite; }#scr-landing .icon3d.live[data-ic="net"] .wire path:nth-child(2){ animation-delay:.18s; }#scr-landing .icon3d.live[data-ic="net"] .wire path:nth-child(3){ animation-delay:.36s; }#scr-landing .icon3d.live[data-ic="net"] .wire path:nth-child(4){ animation-delay:.54s; }#scr-landing .icon3d.live[data-ic="net"] .wire path:nth-child(5){ animation-delay:.72s; }#scr-landing .icon3d.live[data-ic="net"] .wire path:nth-child(6){ animation-delay:.9s; }#scr-landing .icon3d.live[data-ic="net"] .lamps{ animation:lp-ic-lamp 2.6s linear infinite; }#scr-landing .icon3d.live[data-ic="net"] .beat{ animation:lp-ic-beat 2.6s ease-in-out infinite; }


@keyframes lp-ic-sway{ 0%,100%{ transform:rotate(-2.5deg); } 50%{ transform:rotate(2.5deg); } }
@keyframes lp-ic-spark{ 0%,100%{ opacity:.25; transform:scale(.8); } 50%{ opacity:1; transform:scale(1.12); } }#scr-landing .icon3d.live[data-ic="moon"] .sway{ animation:lp-ic-sway 7s ease-in-out infinite; }#scr-landing .icon3d.live[data-ic="moon"] .spark{ animation:lp-ic-spark 2.4s ease-in-out infinite; transform-origin:center; }#scr-landing .icon3d[data-ic="moon"] .s1{ transform-origin:48px 14px; }#scr-landing .icon3d[data-ic="moon"] .s2{ transform-origin:56px 29.6px; }#scr-landing .icon3d[data-ic="moon"] .s3{ transform-origin:14px 52px; }#scr-landing .icon3d.live[data-ic="moon"] .s2{ animation-duration:3.2s; animation-delay:-.9s; }#scr-landing .icon3d.live[data-ic="moon"] .s3{ animation-duration:4s; animation-delay:-1.8s; }


@keyframes lp-ic-rise{
  0%,100%{ transform:translateY(0); }
  40%,60%{ transform:translateY(-3.5px); }
}
@keyframes lp-ic-glow{ 0%,100%{ opacity:.55; } 50%{ opacity:1; } }#scr-landing .icon3d.live[data-ic="mail"] .rise{ animation:lp-ic-rise 4.2s var(--ease) infinite; }#scr-landing .icon3d.live[data-ic="mail"] .glow{ animation:lp-ic-glow 4.2s ease-in-out infinite; }


@keyframes lp-ic-turn{ to{ transform:translateX(-8px); } }
@keyframes lp-ic-pool{ 0%,100%{ opacity:.7; } 50%{ opacity:1; } }#scr-landing .icon3d.live[data-ic="glass"] .turn{ animation:lp-ic-turn 11s linear infinite; }#scr-landing .icon3d.live[data-ic="glass"] .pool{ animation:lp-ic-pool 5s ease-in-out infinite; }

@media (prefers-reduced-motion:reduce){#scr-landing .icon3d .obj *{ animation:none !important; }#scr-landing .icon3d[data-ic="note"] .write{ stroke-dashoffset:0; }#scr-landing .icon3d[data-ic="net"] .wire{ display:none; }
}#scr-landing .btn-edge{
  position:relative; isolation:isolate;
  display:inline-flex; align-items:center;
  height:32px; padding:1px; border:0; border-radius:999px;
  background:#101014; color:var(--t1);
  font-size:13px; font-weight:500; letter-spacing:-.008em;
  overflow:hidden; cursor:pointer;
  transition:transform .2s var(--ease), box-shadow .25s;
}#scr-landing .btn-edge::before{
  content:""; position:absolute; z-index:-1;
  top:50%; left:50%; width:190%; aspect-ratio:1;
  translate:-50% -50%;
  background:conic-gradient(from 0deg,
    #ff5ce1, #b06cff, #4aa8ff, #3ecf8e, #e8b73a, #ff5ce1);
  animation:lp-edgespin 5.5s linear infinite;
}
@keyframes lp-edgespin{ to{ rotate:360deg; } }#scr-landing .btn-edge span,#scr-landing .btn-edge i{
  display:inline-flex; align-items:center; gap:6px; font-style:normal;
  height:100%; padding:0 14px; border-radius:999px;
  background:linear-gradient(180deg,#17171c,#0b0b0e);
  transition:background .2s;
}#scr-landing .btn-edge::after{ display:none; }#scr-landing .btn-edge:hover{ transform:translateY(-1px); box-shadow:0 6px 20px -8px rgba(176,108,255,.6); }#scr-landing .btn-edge:hover span,#scr-landing .btn-edge:hover i{ background:linear-gradient(180deg,#232329,#141418); }
@media (prefers-reduced-motion:reduce){#scr-landing .btn-edge::before{ animation:none; } }#scr-landing section{ position:relative; }#scr-landing .sec{ padding:clamp(56px,6.6vw,102px) 0; }#scr-landing .eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--mono); font-size:11.5px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--violet);
}#scr-landing .eyebrow::before{ content:""; width:5px; height:5px; border-radius:50%; background:var(--violet); box-shadow:0 0 9px var(--violet); }#scr-landing h2{
  margin-top:16px;
  font-size:clamp(27px,3.6vw,43px); font-weight:600;
  letter-spacing:-.037em; line-height:1.08; color:var(--white);
  max-width:19ch; text-wrap:balance;
}#scr-landing .sec-lede{
  margin-top:15px; max-width:56ch;
  font-size:clamp(15.5px,1.3vw,17.5px); line-height:1.6; color:var(--t2);
}#scr-landing .sec-lede b{ color:var(--t1); font-weight:500; }#scr-landing .rule{ height:1px; background:var(--line); border:0; margin:0; }#scr-landing .hero{ position:relative; overflow:hidden; padding:clamp(44px,6vw,78px) 0 0; border-bottom:1px solid var(--line); }#scr-landing .hero-glow{
  position:absolute; inset:-30% -10% auto; height:120%; pointer-events:none;
  background:
    radial-gradient(38% 44% at 50% 8%, rgba(176,108,255,.2), transparent 70%),
    radial-gradient(62% 50% at 50% 0%, rgba(255,255,255,.055), transparent 72%);
}#scr-landing .hero-grid{
  position:absolute; inset:0; pointer-events:none; opacity:.5;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:radial-gradient(70% 60% at 50% 20%, #000, transparent 78%);
  mask-image:radial-gradient(70% 60% at 50% 20%, #000, transparent 78%);
}#scr-landing .hero-in{ position:relative; text-align:center; }#scr-landing .hero-pill{ height:32px; font-size:12.5px; color:var(--t2); max-width:100%; }#scr-landing .hero-pill i{ padding:0 13px 0 5px; gap:8px; }#scr-landing .hero-pill .tag{
  font-size:10.5px; font-weight:600; letter-spacing:.04em;
  background:var(--violet-soft); color:var(--violet);
  border-radius:999px; padding:2px 7px; flex:0 0 auto;
}#scr-landing .hero-pill .chv{ opacity:.45; flex:0 0 auto; transition:transform .2s var(--ease), opacity .2s; }#scr-landing .hero-pill:hover{ color:var(--t1); }#scr-landing .hero-pill:hover .chv{ transform:translateX(2px); opacity:.85; }
@media (max-width:460px){#scr-landing .hero-pill{ height:auto; }#scr-landing .hero-pill i{ padding:6px 12px 6px 5px; line-height:1.35; text-align:left; }
}#scr-landing h1{
  margin-top:clamp(20px,2.6vw,28px);
  font-size:clamp(38px,6.6vw,82px); font-weight:600;
  letter-spacing:-.052em; line-height:.98; color:var(--white);
  text-wrap:balance;
}#scr-landing h1 .muted{ color:var(--t3); }#scr-landing .hero-sub{
  margin:clamp(16px,2vw,22px) auto 0; max-width:52ch;
  font-size:clamp(16px,1.45vw,19px); line-height:1.55; color:var(--t2);
}#scr-landing .hero-acts{ display:flex; gap:11px; justify-content:center; flex-wrap:wrap; margin-top:clamp(22px,2.8vw,32px); }#scr-landing .hero-note{ margin-top:16px; font-family:var(--mono); font-size:11.5px; letter-spacing:.04em; color:var(--t4); }#scr-landing .stage{
  position:relative; height:clamp(268px,35vw,430px);
  margin-top:clamp(20px,3vw,36px); padding-bottom:clamp(14px,2vw,26px);
  display:grid; place-items:center; perspective:1500px;
}#scr-landing .beams{
  position:absolute; inset:-46% -40%; pointer-events:none; opacity:.9;
  background:repeating-conic-gradient(from 0deg,
    rgba(198,158,255,.085) 0 1.9deg, transparent 1.9deg 20deg);
  -webkit-mask-image:radial-gradient(circle at 50% 47%, #000 3%, rgba(0,0,0,.4) 17%, transparent 44%);
  mask-image:radial-gradient(circle at 50% 47%, #000 3%, rgba(0,0,0,.4) 17%, transparent 44%);
  filter:blur(.4px);
  animation:lp-sweep 150s linear infinite;
}
@media (prefers-reduced-motion:reduce){#scr-landing .beams{ animation:none; } }
@keyframes lp-sweep{ to{ transform:rotate(360deg); } }#scr-landing .halo{
  position:absolute; width:min(600px,90vw); aspect-ratio:1; pointer-events:none;
  background:radial-gradient(circle, rgba(176,108,255,.2), rgba(255,92,225,.06) 40%, transparent 66%);
}#scr-landing .ball-wrap{ position:relative; width:clamp(190px,27vw,320px); aspect-ratio:1; }#scr-landing .ball{
  display:block; width:100%; height:100%;
  filter:drop-shadow(0 0 34px rgba(176,108,255,.34));
}#scr-landing .ball-shadow{
  position:absolute; left:2%; bottom:-21%; width:96%; height:22%; pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 40%, rgba(176,108,255,.24), transparent 66%),
    radial-gradient(ellipse at 50% 18%, rgba(0,0,0,.85), transparent 60%);
  filter:blur(9px);
}#scr-landing .hanger{
  position:absolute; left:50%; bottom:100%; width:1px; height:clamp(24px,4vw,54px);
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.45));
}#scr-landing .ball-wrap{ transform-origin:50% -18%; touch-action:pan-y; cursor:grab; }#scr-landing .ball-wrap.holding{ cursor:grabbing; }#scr-landing .spin-ctl{
  position:absolute; left:50%; bottom:4px; translate:-50% 0; z-index:2;
  display:flex; align-items:center; gap:5px;
  padding:4px; border-radius:999px;
  background:rgba(8,6,12,.62); backdrop-filter:blur(9px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.075), 0 10px 26px -14px rgba(0,0,0,.95);
  opacity:0; transform:translateY(5px);
  transition:opacity .28s var(--ease), transform .28s var(--ease);
}#scr-landing .stage:hover .spin-ctl,#scr-landing .spin-ctl:focus-within,#scr-landing .spin-ctl.shown{ opacity:1; transform:none; }
@media (hover:none){#scr-landing .spin-ctl{ opacity:1; transform:none; } }#scr-landing .sc{
  width:26px; height:26px; border:0; border-radius:50%; cursor:pointer;
  display:grid; place-items:center; color:var(--t2);
  background:radial-gradient(112% 120% at 50% -10%, #2a2a31 0%, #16161b 52%, #0c0c0f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 1px 2px rgba(0,0,0,.7);
  transition:color .16s, box-shadow .16s, transform .16s var(--ease);
}#scr-landing .sc:hover{ color:#e4cdf7; transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 0 0 1px rgba(176,108,255,.36),
    0 1px 2px rgba(0,0,0,.7), 0 6px 16px -8px rgba(176,108,255,.9); }#scr-landing .sc:active{ transform:translateY(0); }#scr-landing .sc[disabled]{ opacity:.35; pointer-events:none; }#scr-landing .sc-main .i-play{ display:none; }#scr-landing .sc-main[aria-pressed="true"] .i-pause{ display:none; }#scr-landing .sc-main[aria-pressed="true"] .i-play{ display:block; }#scr-landing .spin-hint{
  position:absolute; left:50%; bottom:-16px; translate:-50% 0;
  font-family:var(--mono); font-size:10px; letter-spacing:.06em;
  color:var(--t4); white-space:nowrap; opacity:0;
  transition:opacity .28s var(--ease);
}#scr-landing .stage:hover .spin-hint{ opacity:1; }
@media (hover:none){#scr-landing .spin-hint{ display:none; } }
@media (prefers-reduced-motion:reduce){#scr-landing .spin-ctl,#scr-landing .spin-hint{ display:none; } }#scr-landing .strip{ border-block:1px solid var(--line); background:var(--panel); }#scr-landing .strip-in{ padding:clamp(28px,3.4vw,42px) 0; text-align:center; }#scr-landing .strip p{ font-size:14.5px; color:var(--t3); }#scr-landing .strip p b{ color:var(--t1); font-weight:500; }#scr-landing .chips{ display:flex; flex-wrap:wrap; gap:9px; justify-content:center; margin-top:20px; }#scr-landing .chip{
  display:inline-flex; align-items:center; gap:8px;
  height:33px; padding:0 14px; border-radius:8px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
  font-size:13px; color:var(--t2);
  transition:border-color .16s, color .16s, background .16s, transform .16s var(--ease);
}#scr-landing .chip:hover{ border-color:var(--line-3); color:var(--white); transform:translateY(-1px); }#scr-landing .dotlight{ width:6px; height:6px; border-radius:50%; background:var(--violet); box-shadow:0 0 8px var(--violet); flex:0 0 auto; }#scr-landing .split{
  display:grid; gap:clamp(28px,4vw,64px);
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
}#scr-landing .split.flip{ grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); }#scr-landing .split.flip .copy{ order:2; }
@media (max-width:900px){#scr-landing .split,#scr-landing .split.flip{ grid-template-columns:1fr; }#scr-landing .split.flip .copy{ order:0; }
}#scr-landing .copy .facts{ margin-top:22px; display:grid; gap:12px; }#scr-landing .copy .facts li{ position:relative; padding-left:27px; font-size:15px; color:var(--t2); line-height:1.5; }#scr-landing .copy .facts li::before{
  content:""; position:absolute; left:0; top:4px;
  width:18px; height:18px; border-radius:6px;
  background:var(--violet-soft); box-shadow:inset 0 0 0 1px rgba(176,108,255,.34);
}#scr-landing .copy .facts li::after{
  content:""; position:absolute; left:5.5px; top:9.5px;
  width:7px; height:3.5px; border-radius:1px;
  border-left:1.8px solid var(--violet); border-bottom:1.8px solid var(--violet);
  transform:rotate(-45deg);
}#scr-landing .copy .facts li b{ color:var(--t1); font-weight:500; }#scr-landing .more{
  display:inline-flex; align-items:center; gap:6px; margin-top:22px;
  font-size:14.5px; font-weight:500; color:var(--violet);
}#scr-landing .more svg{ transition:transform .18s var(--ease); }#scr-landing .more:hover svg{ transform:translateX(3px); }#scr-landing .win{
  border:1px solid var(--line-2); border-radius:14px; overflow:hidden;
  background:var(--panel); position:relative;
  box-shadow:0 1px 2px rgba(0,0,0,.6), 0 26px 60px -26px rgba(0,0,0,.9);
}#scr-landing .win-bar{
  display:flex; align-items:center; gap:8px; height:40px; padding:0 14px;
  border-bottom:1px solid var(--line); background:var(--panel-2);
  font-size:13px; color:var(--t3);
}#scr-landing .win-bar .lab{ font-weight:500; color:var(--t2); }#scr-landing .win-tag{
  margin-left:auto; font-size:11px; letter-spacing:.02em;
  color:var(--green); display:inline-flex; align-items:center; gap:6px; flex:0 0 auto;
}#scr-landing .win-tag::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); }#scr-landing .win-body{ padding:18px; }#scr-landing .models{ display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
@media (max-width:420px){#scr-landing .models{ grid-template-columns:repeat(2,1fr); } }#scr-landing .pick{
  display:grid; gap:7px; place-items:center; cursor:pointer;
  padding:15px 8px 13px; border-radius:11px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.01));
  transition:border-color .17s, background .17s, transform .17s var(--ease);
}#scr-landing .pick:hover{ border-color:var(--line-3); transform:translateY(-2px); }#scr-landing .pick[aria-pressed="true"]{
  border-color:rgba(176,108,255,.65);
  background:linear-gradient(180deg, rgba(176,108,255,.16), rgba(176,108,255,.05));
  box-shadow:0 0 0 3px rgba(176,108,255,.12);
}#scr-landing .pick .mk{
  width:32px; height:32px; border-radius:10px; display:grid; place-items:center;
  font-size:13px; font-weight:600; letter-spacing:-.03em; color:var(--t1);
  background:radial-gradient(110% 120% at 50% -10%, #2b2b32 0%, #16161b 52%, #0c0c0f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 1px 2px rgba(0,0,0,.7);
  transition:background .2s, color .2s, box-shadow .2s;
}#scr-landing .pick:hover .mk{ color:var(--white); }#scr-landing .pick[aria-pressed="true"] .mk{
  color:#140720;
  background:linear-gradient(180deg,#e4cdf7,#a370e0);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 1px 2px rgba(0,0,0,.6), 0 5px 18px -7px rgba(176,108,255,.9);
}#scr-landing .pick span{ font-size:12.5px; color:var(--t2); }#scr-landing .pick[aria-pressed="true"] span{ color:var(--white); }#scr-landing .pick-note{
  margin-top:14px; padding-top:14px; border-top:1px solid var(--line);
  font-size:14px; color:var(--t2); min-height:46px;
}#scr-landing .pick-note.flash{ animation:lp-flash .5s var(--ease); }
@keyframes lp-flash{ from{ opacity:.25; transform:translateY(3px) } to{ opacity:1; transform:none } }#scr-landing .notes{ display:grid; gap:9px; }#scr-landing .note{
  display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center;
  padding:13px 14px; border-radius:11px;
  border:1px solid var(--line); background:rgba(255,255,255,.022);
  transition:border-color .17s, background .17s, transform .17s var(--ease);
}#scr-landing .note:hover{ border-color:var(--line-3); background:rgba(255,255,255,.045); transform:translateX(3px); }#scr-landing .note .star{ color:var(--violet); flex:0 0 auto; }#scr-landing .note .txt{ font-size:14px; color:var(--t1); line-height:1.4; }#scr-landing .note .when{ font-size:12px; color:var(--t4); white-space:nowrap; }
@media (max-width:480px){#scr-landing .note .when{ display:none; } }#scr-landing .stores{ display:grid; gap:9px; }#scr-landing .store{
  display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:center;
  padding:14px; border-radius:11px; border:1px solid var(--line);
  background:rgba(255,255,255,.022);
  transition:border-color .17s, background .17s;
}#scr-landing .store:hover{ border-color:var(--line-3); background:rgba(255,255,255,.045); }#scr-landing .store .badge{
  width:36px; height:36px; border-radius:10px; display:grid; place-items:center;
  color:var(--t2); font-size:12px; font-weight:600; flex:0 0 auto;
  background:radial-gradient(112% 120% at 50% -10%, #2a2a31 0%, #16161b 52%, #0c0c0f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 1px 2px rgba(0,0,0,.7);
  transition:color .18s, box-shadow .18s;
}#scr-landing .store:hover .badge{ color:var(--t1); }#scr-landing .store:has(.on) .badge{
  color:#d9b3ff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 0 1px rgba(176,108,255,.35),
    0 1px 2px rgba(0,0,0,.7), 0 6px 20px -10px rgba(176,108,255,.8);
}#scr-landing .store .nm{ display:block; font-size:14.5px; color:var(--t1); font-weight:500; line-height:1.35; }#scr-landing .store .sub{ display:block; font-size:12.5px; color:var(--t3); margin-top:3px; line-height:1.45; }#scr-landing .store .on{ font-size:11.5px; color:var(--green); display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }#scr-landing .store .on::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--green); }#scr-landing .store .off{ font-size:11.5px; color:var(--t4); white-space:nowrap; }#scr-landing .boxes{ display:grid; gap:9px; }#scr-landing .box{
  display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:center;
  padding:14px; border-radius:11px; border:1px solid var(--line);
  background:rgba(255,255,255,.022);
}#scr-landing .box .ic{ color:var(--violet); }#scr-landing .box .nm{ font-size:14.5px; color:var(--t1); }#scr-landing .box .sz{ font-family:var(--mono); font-size:11.5px; color:var(--t4); white-space:nowrap; }#scr-landing .box-foot{
  margin-top:14px; padding-top:14px; border-top:1px solid var(--line);
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  font-size:13.5px; color:var(--t3);
}#scr-landing .netwrap{ display:grid; place-items:center; padding:6px 0 2px; }#scr-landing .net{ width:100%; max-width:480px; overflow:visible; }#scr-landing .net .ring{
  fill:none; stroke:rgba(176,108,255,.2); stroke-width:1;
  stroke-dasharray:2 7; stroke-linecap:round;
}#scr-landing .net .link line{ stroke:rgba(176,108,255,.24); stroke-width:1; }#scr-landing .net .comet .tail{ fill:url(#lp-nt-tail); }#scr-landing .net .hhalo{ fill:url(#lp-nt-halo); opacity:.3; }#scr-landing .net .hbody{ fill:url(#lp-nt-node); }#scr-landing .net .hrim{ fill:none; stroke:rgba(255,255,255,.13); stroke-width:1; }#scr-landing .net .hpage{ fill:url(#lp-nt-page); opacity:.92; }#scr-landing .net .hlines{ stroke:rgba(22,7,36,.6); stroke-width:1.2; stroke-linecap:round; fill:none; }#scr-landing .net .hlamp{ fill:#3ecf8e; filter:drop-shadow(0 0 3px rgba(62,207,142,.85)); }#scr-landing .net .host.mine .hrim{ stroke:rgba(255,92,225,.7); stroke-width:1.4; }#scr-landing .net .host.mine .hhalo{ opacity:.55; }#scr-landing .net .mark path{ stroke:rgba(255,92,225,.4); stroke-width:1; stroke-dasharray:2 3; }#scr-landing .net .mark text{
  fill:var(--magenta); font-family:var(--mono); font-size:7.6px;
  letter-spacing:.09em; text-transform:uppercase;
}#scr-landing .net .chalo{ fill:url(#lp-nt-halo); }#scr-landing .net .core{ fill:url(#lp-nt-core); }#scr-landing .net .crim{ fill:none; stroke:rgba(255,255,255,.26); stroke-width:1; }#scr-landing .net .cgloss{ fill:#fff; opacity:.24; }#scr-landing .net .clabel{
  fill:var(--white); font-size:11.5px; font-weight:600; letter-spacing:-.014em;
}
@media (prefers-reduced-motion:reduce){#scr-landing .net .comets{ display:none; } }#scr-landing .net-legend{
  margin-top:14px; padding-top:14px; border-top:1px solid var(--line);
  display:flex; gap:18px; flex-wrap:wrap; font-size:12.5px; color:var(--t3);
}#scr-landing .net-legend span{ display:inline-flex; align-items:center; gap:7px; }#scr-landing .net-legend i{ width:8px; height:8px; border-radius:50%; background:var(--violet); flex:0 0 auto; }#scr-landing .net-legend i.b{ background:var(--magenta); }#scr-landing .soon{
  display:inline-flex; align-items:center; gap:6px;
  font-size:10.5px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  color:var(--magenta); background:rgba(255,92,225,.12);
  border:1px solid rgba(255,92,225,.3); border-radius:999px; padding:3px 9px;
  vertical-align:middle;
}#scr-landing .swaps{
  display:grid; gap:1px; margin-top:clamp(28px,3.4vw,44px);
  background:var(--line); border:1px solid var(--line); border-radius:14px; overflow:hidden;
}#scr-landing .swap{
  display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1.05fr);
  gap:clamp(12px,2vw,24px); align-items:center;
  background:var(--black); padding:clamp(15px,1.9vw,20px) clamp(16px,2vw,24px);
  transition:background .2s;
}#scr-landing .swap:hover{ background:var(--panel); }#scr-landing .swap .from{ font-size:14.5px; color:var(--t3); line-height:1.45; }#scr-landing .swap .tool{
  display:inline-flex; align-items:center; gap:7px;
  font-weight:600; color:var(--t1);
}#scr-landing .swap .tool i{
  width:19px; height:19px; border-radius:5px; flex:0 0 auto;
  display:grid; place-items:center; font-style:normal;
  font-size:10px; font-weight:700; color:var(--t2);
  border:1px solid var(--line-2); background:var(--raise);
}#scr-landing .swap .arrow{ color:var(--t4); flex:0 0 auto; }#scr-landing .swap .to{
  font-size:14.5px; color:var(--t1); line-height:1.45;
  position:relative; padding-left:26px;
}#scr-landing .swap .to::before{
  content:""; position:absolute; left:0; top:2px;
  width:17px; height:17px; border-radius:5px;
  background:var(--violet-soft); box-shadow:inset 0 0 0 1px rgba(176,108,255,.34);
}#scr-landing .swap .to::after{
  content:""; position:absolute; left:5px; top:7px;
  width:7px; height:3.5px; border-radius:1px;
  border-left:1.8px solid var(--violet); border-bottom:1.8px solid var(--violet);
  transform:rotate(-45deg);
}#scr-landing .swap .to b{ color:var(--white); font-weight:600; }
@media (max-width:760px){#scr-landing .swap{ grid-template-columns:1fr; gap:10px; }#scr-landing .swap .arrow{ transform:rotate(90deg); justify-self:start; margin-left:4px; }
}#scr-landing .swaps-note{
  margin-top:20px; font-size:13.5px; color:var(--t4); line-height:1.55;
  max-width:68ch; margin-inline:auto; text-align:center;
}#scr-landing .kinds{
  display:flex; flex-wrap:wrap; justify-content:center; gap:9px;
  margin-top:clamp(26px,3vw,38px);
}#scr-landing .kind{
  display:flex; align-items:center; gap:10px;
  flex:0 1 auto; padding:14px 17px; border-radius:11px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.032), rgba(255,255,255,.01));
  font-size:14px; color:var(--t2);
  transition:border-color .17s, color .17s, transform .17s var(--ease), background .17s;
}#scr-landing .kind:hover{ border-color:var(--line-3); color:var(--white); transform:translateY(-2px); background:rgba(255,255,255,.05); }#scr-landing .kind .ic{ color:var(--violet); flex:0 0 auto; }#scr-landing .flow{
  display:grid; gap:1px; margin-top:clamp(28px,3.4vw,44px);
  grid-template-columns:repeat(3,1fr);
  background:var(--line); border:1px solid var(--line); border-radius:14px; overflow:hidden;
}
@media (max-width:860px){#scr-landing .flow{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){#scr-landing .flow{ grid-template-columns:1fr; } }#scr-landing .step{
  position:relative; background:var(--black); isolation:isolate;
  padding:clamp(20px,2.3vw,26px);
  transition:background .2s;
}#scr-landing .step:hover{ background:var(--panel); }#scr-landing .step .n{
  display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border-radius:9px;
  font-family:var(--mono); font-size:11.5px; font-weight:500; letter-spacing:0;
  color:var(--t2);
  background:radial-gradient(112% 120% at 50% -10%, #2a2a31 0%, #16161b 52%, #0c0c0f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    inset 0 0 0 1px rgba(255,255,255,.055),
    0 1px 2px rgba(0,0,0,.7);
  transition:color .2s, box-shadow .2s;
}#scr-landing .step:hover .n{
  color:#e4cdf7;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 0 1px rgba(176,108,255,.34),
    0 1px 2px rgba(0,0,0,.7), 0 6px 18px -9px rgba(176,108,255,.85);
}#scr-landing .step h3{ margin-top:14px; font-size:16px; font-weight:600; color:var(--white); letter-spacing:-.018em; }#scr-landing .step p{ margin-top:7px; font-size:14px; line-height:1.55; color:var(--t3); }#scr-landing .log{ display:grid; gap:0; }#scr-landing .log li{
  display:grid; grid-template-columns:auto auto 1fr; gap:13px; align-items:start;
  padding:13px 0; border-bottom:1px solid var(--line);
}#scr-landing .log li:last-child{ border-bottom:0; padding-bottom:2px; }#scr-landing .log .at{
  font-family:var(--mono); font-size:11px; color:var(--t4);
  padding-top:3px; white-space:nowrap;
}#scr-landing .log .who{
  width:26px; height:26px; border-radius:8px; display:grid; place-items:center;
  border:1px solid var(--line-2); background:var(--raise); color:var(--violet);
  flex:0 0 auto;
}#scr-landing .log .did{ font-size:14px; color:var(--t2); line-height:1.5; }#scr-landing .log .did b{ color:var(--t1); font-weight:500; }#scr-landing .log-foot{
  margin-top:15px; padding-top:14px; border-top:1px solid var(--line);
  display:flex; align-items:center; gap:9px;
  font-size:13px; color:var(--t3);
}#scr-landing .log-foot .zz{ color:var(--violet); }
@media (max-width:440px){#scr-landing .log li{ grid-template-columns:auto 1fr; }#scr-landing .log .at{ display:none; } }#scr-landing .agents{
  display:grid; gap:1px; margin-top:clamp(24px,3vw,36px);
  grid-template-columns:repeat(5,1fr);
  background:var(--line); border:1px solid var(--line); border-radius:14px; overflow:hidden;
}
@media (max-width:1000px){#scr-landing .agents{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:660px){#scr-landing .agents{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:420px){#scr-landing .agents{ grid-template-columns:1fr; } }#scr-landing .agent{
  position:relative; background:var(--black); isolation:isolate;
  padding:clamp(18px,2vw,24px); transition:background .2s;
}#scr-landing .agent:hover{ background:var(--panel); }#scr-landing .agent .ic{
  width:30px; height:30px; border-radius:9px;
  border:1px solid var(--line-2); background:var(--raise);
  display:grid; place-items:center; color:var(--t2);
  transition:color .2s, border-color .2s;
}#scr-landing .agent:hover .ic{ color:var(--violet); border-color:rgba(176,108,255,.45); }#scr-landing .agent h3{ margin-top:13px; font-size:14.5px; font-weight:550; color:var(--white); letter-spacing:-.012em; line-height:1.3; }#scr-landing .agent p{ margin-top:6px; font-size:13.3px; line-height:1.5; color:var(--t3); }#scr-landing .mail{ display:grid; gap:9px; }#scr-landing .mail-row{
  display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center;
  padding:12px 13px; border-radius:11px;
  border:1px solid var(--line); background:rgba(255,255,255,.022);
  transition:border-color .17s, background .17s;
}#scr-landing .mail-row:hover{ border-color:var(--line-3); background:rgba(255,255,255,.045); }#scr-landing .mail-row .av{
  width:31px; height:31px; border-radius:50%; display:grid; place-items:center;
  font-size:11px; font-weight:600; letter-spacing:.01em; color:var(--t2);
  background:radial-gradient(112% 120% at 50% -10%, #2c2c34 0%, #17171d 54%, #0c0c0f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    inset 0 0 0 1px rgba(255,255,255,.055),
    0 1px 2px rgba(0,0,0,.7);
  flex:0 0 auto; transition:color .18s;
}#scr-landing .mail-row:hover .av{ color:var(--t1); }#scr-landing .mail-row .subj{ display:block; font-size:13.8px; color:var(--t1); line-height:1.35; }#scr-landing .mail-row .prev{ display:block; font-size:12.5px; color:var(--t3); margin-top:3px; line-height:1.45; }#scr-landing .mail-row .tagme{
  font-size:10.5px; font-weight:600; letter-spacing:.04em;
  border-radius:5px; padding:3px 8px; white-space:nowrap;
  background:var(--violet-soft); color:var(--violet);
}#scr-landing .mail-row .tagme.sent{ background:rgba(62,207,142,.13); color:var(--green); }
@media (max-width:460px){#scr-landing .mail-row .tagme{ display:none; } }#scr-landing .conns{ display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
@media (max-width:400px){#scr-landing .conns{ grid-template-columns:repeat(2,1fr); } }#scr-landing .conn{
  display:grid; gap:9px; place-items:center; text-align:center;
  padding:15px 8px; border-radius:11px;
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.008));
  transition:border-color .17s, transform .17s var(--ease), background .17s;
}#scr-landing .conn:hover{ border-color:var(--line-3); transform:translateY(-2px); background:rgba(255,255,255,.05); }#scr-landing .conn .ic{
  width:34px; height:34px; border-radius:10px; display:grid; place-items:center;
  color:var(--t2);
  background:radial-gradient(112% 120% at 50% -10%, #2a2a31 0%, #16161b 52%, #0c0c0f 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    inset 0 0 0 1px rgba(255,255,255,.055),
    0 1px 2px rgba(0,0,0,.7);
  transition:color .18s, box-shadow .18s;
}#scr-landing .conn:hover .ic{
  color:#d9b3ff;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 0 1px rgba(176,108,255,.32),
    0 1px 2px rgba(0,0,0,.7), 0 6px 18px -9px rgba(176,108,255,.85);
}#scr-landing .conn span{ font-size:12.5px; color:var(--t2); line-height:1.3; }#scr-landing .conn.more{ border-style:dashed; }#scr-landing .conn.more .ic{ background:none; box-shadow:inset 0 0 0 1px rgba(255,255,255,.07); }#scr-landing .conn.more span{ color:var(--t3); }#scr-landing .grid-feat{
  display:grid; gap:1px; margin-top:clamp(26px,3.2vw,40px);
  grid-template-columns:repeat(3,1fr);
  background:var(--line); border:1px solid var(--line); border-radius:14px; overflow:hidden;
}
@media (max-width:900px){#scr-landing .grid-feat{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px){#scr-landing .grid-feat{ grid-template-columns:1fr; } }#scr-landing .feat{
  position:relative; background:var(--black); isolation:isolate;
  padding:clamp(20px,2.4vw,28px); transition:background .2s;
}#scr-landing .feat:hover{ background:var(--panel); }#scr-landing [data-lit-on] .feat::before{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  opacity:0; transition:opacity .25s;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), rgba(176,108,255,.13), transparent 70%);
}#scr-landing [data-lit-on]:hover .feat::before{ opacity:1; }#scr-landing .feat .ic{
  width:32px; height:32px; border-radius:9px;
  border:1px solid var(--line-2); background:var(--raise);
  display:grid; place-items:center; color:var(--t2);
  transition:color .2s, border-color .2s;
}#scr-landing .feat:hover .ic{ color:var(--violet); border-color:rgba(176,108,255,.45); }#scr-landing .feat h3{ margin-top:15px; font-size:15.5px; font-weight:550; color:var(--white); letter-spacing:-.015em; }#scr-landing .feat p{ margin-top:7px; font-size:14px; line-height:1.55; color:var(--t3); }#scr-landing .quote{ border-block:1px solid var(--line); background:var(--panel); }#scr-landing .quote-in{ padding:clamp(48px,6vw,86px) 0; text-align:center; }#scr-landing .quote blockquote{
  font-size:clamp(22px,3.2vw,38px); font-weight:500; letter-spacing:-.035em;
  line-height:1.2; color:var(--white); max-width:20ch; margin-inline:auto; text-wrap:balance;
}#scr-landing .quote .who{
  margin-top:20px; font-family:var(--mono); font-size:11.5px;
  letter-spacing:.1em; text-transform:uppercase; color:var(--t4);
}#scr-landing .marq{ overflow:hidden; border-block:1px solid var(--line); padding:20px 0; display:flex; }#scr-landing .marq-track{ display:flex; flex:0 0 auto; gap:10px; animation:lp-slide 52s linear infinite; }#scr-landing .marq:hover .marq-track{ animation-play-state:paused; }
@keyframes lp-slide{ to{ transform:translateX(-50%); } }#scr-landing .marq-track .chip{ white-space:nowrap; }#scr-landing .close{ position:relative; overflow:hidden; text-align:center; padding:clamp(64px,9vw,130px) 0; }#scr-landing .close-glow{
  position:absolute; inset:auto -10% -60%; height:150%; pointer-events:none;
  background:radial-gradient(42% 52% at 50% 92%, rgba(176,108,255,.24), transparent 70%);
}#scr-landing .close h2{ margin:0 auto; max-width:16ch; font-size:clamp(30px,5.2vw,58px); }#scr-landing .close p{ margin:16px auto 0; max-width:44ch; font-size:clamp(15.5px,1.3vw,17.5px); color:var(--t2); }#scr-landing .field{
  position:relative; margin:clamp(24px,3vw,34px) auto 0; max-width:580px; text-align:left;
  background:linear-gradient(180deg,#141018,#0a070d);
  border:1px solid var(--line-2); border-radius:13px; padding:14px 15px 11px;
  box-shadow:0 1px 2px rgba(0,0,0,.6), 0 22px 44px -18px rgba(0,0,0,.9);
  transition:border-color .2s, box-shadow .2s;
}#scr-landing .field:focus-within{
  border-color:rgba(176,108,255,.6);
  box-shadow:0 0 0 4px rgba(176,108,255,.11), 0 22px 44px -18px rgba(0,0,0,.9);
}#scr-landing .field textarea{
  width:100%; border:0; outline:none; resize:none; background:transparent;
  font-family:var(--sans); font-size:16px; line-height:1.45; color:var(--white);
  caret-color:var(--violet); overflow:hidden;
}#scr-landing .field textarea::placeholder{ color:var(--t4); }#scr-landing .field-row{ display:flex; align-items:center; gap:10px; margin-top:12px; }#scr-landing .field-slug{
  font-family:var(--mono); font-size:11.5px; color:var(--t4);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0;
}#scr-landing .field-slug .tail{ transition:color .2s; }#scr-landing .field-slug.on .tail{ color:var(--white); }#scr-landing .field .btn{ margin-left:auto; flex:0 0 auto; }#scr-landing .tries{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:16px; }#scr-landing .tries button{
  cursor:pointer; border:1px solid var(--line); border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
  color:var(--t3); font-size:12.5px; padding:7px 14px;
  transition:color .16s, border-color .16s, transform .16s var(--ease);
}#scr-landing .tries button:hover{ color:var(--white); border-color:var(--line-3); transform:translateY(-1px); }#scr-landing footer{ border-top:1px solid var(--line); padding:clamp(44px,5vw,68px) 0 40px; }#scr-landing .foot-top{ display:grid; gap:clamp(28px,4vw,48px); grid-template-columns:minmax(200px,1fr) 3fr; }
@media (max-width:820px){#scr-landing .foot-top{ grid-template-columns:1fr; } }#scr-landing .foot-brand p{ margin-top:14px; font-size:14px; color:var(--t3); max-width:30ch; line-height:1.55; }#scr-landing .socials{ display:flex; gap:8px; margin-top:18px; }#scr-landing .socials a{
  width:32px; height:32px; border-radius:8px; border:1px solid var(--line);
  display:grid; place-items:center; color:var(--t3);
  transition:color .16s, border-color .16s, background .16s;
}#scr-landing .socials a:hover{ color:var(--white); border-color:var(--line-3); background:rgba(255,255,255,.05); }#scr-landing .foot-cols{ display:grid; gap:clamp(20px,3vw,32px); grid-template-columns:repeat(4,1fr); }
@media (max-width:640px){#scr-landing .foot-cols{ grid-template-columns:repeat(2,1fr); } }#scr-landing .foot-cols h4{
  font-size:11px; font-weight:600; letter-spacing:.13em; text-transform:uppercase;
  color:var(--t4); margin-bottom:14px;
}#scr-landing .foot-cols a{ display:block; padding:5px 0; font-size:14px; color:var(--t2); transition:color .15s; }#scr-landing .foot-cols a:hover{ color:var(--white); }#scr-landing .foot-bot{
  display:flex; flex-wrap:wrap; gap:14px 26px; align-items:center;
  margin-top:clamp(34px,4vw,52px); padding-top:22px; border-top:1px solid var(--line);
  font-size:13px; color:var(--t4);
}#scr-landing .status{ display:inline-flex; align-items:center; gap:7px; margin-left:auto; color:var(--t3); }#scr-landing .status::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); }

@media (prefers-reduced-motion: reduce){#scr-landing{ scroll-behavior:auto; }#scr-landing *{ animation-duration:0s !important; animation-iteration-count:1 !important; transition-duration:.01s !important; }#scr-landing.js [data-rise]{ opacity:1 !important; transform:none !important; }
}


@media (max-width:640px){#scr-landing a,#scr-landing button{ min-height:44px; }#scr-landing .burger,#scr-landing .sc,#scr-landing .socials a{ min-width:44px; min-height:44px; }#scr-landing .go,#scr-landing .brand,#scr-landing .hero-pill,#scr-landing .pick,#scr-landing .chip,#scr-landing .btn-quiet{ display:inline-flex; align-items:center; justify-content:center; }#scr-landing .more,#scr-landing .tries button{ display:inline-flex; align-items:center; }#scr-landing .win-tag,#scr-landing .soon{ font-size:12px; }#scr-landing .msheet h4,#scr-landing .foot-cols h4,#scr-landing h4{ font-size:12.5px; }
}

@media (prefers-reduced-motion: reduce){
#scr-landing .ann .go::before{animation:none}
#scr-landing .icon3d.live[data-ic="stack"] .fall{animation:none}
#scr-landing .icon3d.live[data-ic="stack"] .land{animation:none}
#scr-landing .icon3d.live[data-ic="kinds"] .bob{animation:none}
#scr-landing .icon3d.live[data-ic="how"] .orbit{animation:none}
#scr-landing .icon3d.live[data-ic="how"] .tw{animation:none}
#scr-landing .icon3d.live[data-ic="orbs"] .orbit{animation:none}
#scr-landing .icon3d.live[data-ic="orbs"] .beat{animation:none}
#scr-landing .icon3d.live[data-ic="note"] .write{animation:none}
#scr-landing .icon3d.live[data-ic="note"] .tab{animation:none}
#scr-landing .icon3d.live[data-ic="drum"] .ring{animation:none}
#scr-landing .icon3d.live[data-ic="drum"] .glint{animation:none}
#scr-landing .icon3d.live[data-ic="box"] .lift{animation:none}
#scr-landing .icon3d.live[data-ic="net"] .wire path{animation:none}
#scr-landing .icon3d.live[data-ic="net"] .lamps{animation:none}
#scr-landing .icon3d.live[data-ic="net"] .beat{animation:none}
#scr-landing .icon3d.live[data-ic="moon"] .sway{animation:none}
#scr-landing .icon3d.live[data-ic="moon"] .spark{animation:none}
#scr-landing .icon3d.live[data-ic="mail"] .rise{animation:none}
#scr-landing .icon3d.live[data-ic="mail"] .glow{animation:none}
#scr-landing .icon3d.live[data-ic="glass"] .turn{animation:none}
#scr-landing .icon3d.live[data-ic="glass"] .pool{animation:none}
#scr-landing .btn-edge::before{animation:none}
#scr-landing .beams{animation:none}
#scr-landing .pick-note.flash{animation:none}
#scr-landing .marq-track{animation:none}
}