/* Landing page (version B, Apple style). Every selector is scoped to .lb. */
.lb{--bg: #090a12;
    --s1: #12142a;
    --s2: #1a1d38;
    --line: rgba(255,255,255,.07);
    --line-2: rgba(255,255,255,.12);
    --text: #f5f5f7;
    --muted: #8e93b0;
    --muted-2: #6a6f92;
    --accent: #c9f26b;
    --accent-ink: #0a0b0d;
    --violet: #9d8cff;
    --sky: #7aa7ff;
    --coral: #ff8a7a;
    --ease: cubic-bezier(.16,1,.3,1);
    --max: 1120px;}
.lb,.lb *{box-sizing: border-box; margin: 0; padding: 0;}
.lb{font-family: "Inter", -apple-system, sans-serif; font-feature-settings: "cv11", "ss01";
    -webkit-font-smoothing: antialiased; letter-spacing: -.011em; color: var(--text);
    background: transparent; overflow-x: clip; line-height: 1.5;}
.lb a{color: inherit; text-decoration: none;}
.lb button{font: inherit; color: inherit; background: none; border: 0; cursor: pointer;}
.lb :focus-visible{outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 8px;}
.lb svg.i{width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; flex: none;}
.lb .wrap{position: relative; z-index: 1;}
.lb .container{max-width: var(--max); margin: 0 auto; padding: 0 24px;}
.lb .btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 22px; border-radius: 99px; font-size: 15px; font-weight: 600; white-space: nowrap; transition: filter .15s, transform .15s var(--ease), background .15s;}
.lb .btn:active{transform: scale(.97);}
.lb .btn.primary{background: var(--accent); color: var(--accent-ink);}
.lb .btn.primary:hover{filter: brightness(1.07);}
.lb .btn.lg{min-height: 54px; padding: 0 30px; font-size: 17px;}
.lb .btn.sm{min-height: 32px; padding: 0 14px; font-size: 13px;}
.lb .link{display: inline-flex; align-items: center; gap: 4px; color: var(--accent); font-size: 17px; font-weight: 500; min-height: 44px;}
.lb .link:hover{text-decoration: underline; text-underline-offset: 4px;}
.lb .link svg{width: 14px; height: 14px; stroke-width: 2.2;}
.lb .subnav{position: sticky; top: 0; z-index: 50; border-bottom: 1px solid var(--line); background: rgba(9,10,18,.6); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px);}
.lb .subnav .container{height: 52px; display: flex; align-items: center; gap: 24px;}
.lb .subnav .logo{display: flex; align-items: center; gap: 8px; font-size: 19px; font-weight: 600; letter-spacing: -.02em; margin-right: auto; color: var(--text);}
.lb .subnav .logo svg{width: 22px; height: 22px; color: var(--accent);}
.lb .subnav .login{font-size: 14px; color: rgba(245,245,247,.85); padding: 12px 0;}
.lb .subnav .login:hover{color: var(--text);}
.lb .subnav a.s{font-size: 12px; color: var(--muted);}
.lb .subnav a.s:hover{color: var(--text);}
.lb .lb-hero{text-align: center; padding: 96px 0 0;}
.lb .lb-eyebrow{font-size: 19px; font-weight: 600; color: var(--accent); letter-spacing: -.01em;}
.lb .lb-hero h1{font-size: clamp(48px, 8.4vw, 104px); font-weight: 700; letter-spacing: -.05em; line-height: 1.02; margin-top: 10px;}
.lb .lb-hero h1 .grad{background: linear-gradient(100deg, #fff 10%, #c9f26b 45%, #9d8cff 85%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.lb .lb-hero p.lead{font-size: clamp(19px, 2vw, 24px); color: var(--muted); max-width: 640px; margin: 22px auto 0; letter-spacing: -.02em; line-height: 1.4;}
.lb .lb-hero .ctas{display: flex; gap: 28px; justify-content: center; align-items: center; margin-top: 34px; flex-wrap: wrap;}
.lb .lb-hero .fine{font-size: 13px; color: var(--muted-2); margin-top: 16px;}
.lb .hero-stage{position: relative; margin: 72px auto 0; max-width: 1180px; padding: 0 24px; perspective: 1600px;}
.lb .hero-glow{position: absolute; left: 50%; top: 10%; width: 80%; height: 70%; transform: translateX(-50%); background: radial-gradient(closest-side, rgba(157,140,255,.35), transparent); filter: blur(40px); pointer-events: none;}
.lb .win{position: relative; border-radius: 16px; overflow: hidden; background: #0b0c16; box-shadow: 0 0 0 1px var(--line-2), 0 60px 120px -40px rgba(0,0,0,.9), 0 30px 80px -30px rgba(157,140,255,.35); transform-origin: 50% 0; will-change: transform;}
.lb .chrome{height: 40px; display: flex; align-items: center; gap: 8px; padding: 0 16px; background: #14152a; border-bottom: 1px solid var(--line);}
.lb .chrome i{width: 12px; height: 12px; border-radius: 50%; background: #3a3d5c;}
.lb .chrome i:nth-child(1){background: #ff5f57;}
.lb .chrome i:nth-child(2){background: #febc2e;}
.lb .chrome i:nth-child(3){background: #28c840;}
.lb .chrome .url{flex: 1; max-width: 360px; margin: 0 auto; height: 26px; border-radius: 8px; background: rgba(255,255,255,.06); display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 12px; color: var(--muted); transform: translateX(-30px);}
.lb .chrome .url svg{width: 11px; height: 11px;}
.lb .viewport{position: relative; overflow: hidden;}
.lb .screen{position: absolute; left: 0; top: 0; width: 1160px; height: 720px; transform-origin: 0 0;}
.lb .m{display: grid; grid-template-columns: 220px 1fr; height: 100%; text-align: left; background: radial-gradient(900px 500px at 75% -10%, #1c1a48 0%, transparent 60%), var(--bg);}
.lb .m-side{border-right: 1px solid var(--line); background: rgba(12,13,23,.85); padding: 20px 14px; display: flex; flex-direction: column;}
.lb .m-brand{display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 15px; padding: 4px 10px 24px;}
.lb .m-brand svg{width: 22px; height: 22px; color: var(--accent);}
.lb .m-nav div{display: flex; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 10px; font-size: 14px; font-weight: 500; color: var(--muted);}
.lb .m-nav div.on{color: var(--text); background: rgba(255,255,255,.07);}
.lb .m-foot{margin-top: auto;}
.lb .m-foot .astro{width: 64px; margin: 0 auto 6px;}
.lb .m-level{padding: 12px; border-radius: 14px; background: var(--s1); box-shadow: inset 0 0 0 1px var(--line); font-size: 12px;}
.lb .m-level .t{display: flex; justify-content: space-between;}
.lb .m-level .t span{color: var(--muted);}
.lb .track{height: 4px; border-radius: 4px; background: rgba(255,255,255,.08); overflow: hidden; margin-top: 8px;}
.lb .track b{display: block; height: 100%; background: var(--accent); border-radius: inherit;}
.lb .m-top{height: 56px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line);}
.lb .m-top .tt{font-size: 14px; font-weight: 600;}
.lb .m-top .r{display: flex; gap: 8px; align-items: center;}
.lb .chip{display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 99px; font-size: 13px; font-weight: 500; background: var(--s1); box-shadow: inset 0 0 0 1px var(--line); white-space: nowrap;}
.lb .chip svg{width: 14px; height: 14px;}
.lb .chip.flame svg{color: #ffb36b;}
.lb .chip.xp svg{color: var(--accent);}
.lb .av{width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 600; background: linear-gradient(135deg, var(--violet), var(--sky)); margin-left: 4px;}
.lb .m-main{padding: 28px 40px;}
.lb .m-greet h3{font-size: 30px; font-weight: 600; letter-spacing: -.035em;}
.lb .m-greet p{font-size: 14px; color: var(--muted); margin-top: 4px;}
.lb .card{background: rgba(18,20,42,.82); border-radius: 20px; box-shadow: inset 0 0 0 1px var(--line);}
.lb .m-orbit{margin-top: 22px; padding: 26px 32px 0; position: relative; overflow: hidden;}
.lb .m-orbit .kick{font-size: 12px; font-weight: 600; color: var(--accent); letter-spacing: .04em;}
.lb .m-orbit h4{font-size: 28px; font-weight: 600; letter-spacing: -.035em; margin-top: 4px;}
.lb .m-orbit .sub{font-size: 14px; color: var(--muted); margin-top: 4px;}
.lb .m-orbit .go{position: absolute; right: 32px; top: 30px; text-align: center;}
.lb .m-orbit .go .btn{min-height: 46px; padding: 0 24px;}
.lb .m-orbit .go small{display: block; font-size: 12px; color: var(--muted); margin-top: 8px;}
.lb .orbit-wrap{position: relative; height: 230px; margin: 6px -32px 0;}
.lb .orbit-wrap svg.traj{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}
.lb .done-path{stroke: var(--accent); stroke-width: 2.5; fill: none; stroke-linecap: round;}
.lb .todo-path{stroke: rgba(255,255,255,.18); stroke-width: 2; fill: none; stroke-dasharray: 2 8; stroke-linecap: round;}
.lb .station{position: absolute; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center;}
.lb .station .dot{width: 18px; height: 18px; border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(255,255,255,.22); background: var(--bg); display: grid; place-items: center; transition: background .4s, box-shadow .4s;}
.lb .station.done .dot{background: var(--accent); box-shadow: none; color: var(--accent-ink);}
.lb .station.done .dot svg{width: 11px; height: 11px; stroke-width: 3;}
.lb .station.current .dot{width: 24px; height: 24px; background: var(--violet); box-shadow: 0 0 0 6px rgba(157,140,255,.18), 0 0 30px rgba(157,140,255,.6);}
.lb .station.current .dot::after{content: ""; position: absolute; width: 24px; height: 24px; border-radius: 50%; border: 2px solid rgba(157,140,255,.6); animation: lb-halo 2.4s ease-out infinite;}
@keyframes lb-halo{ from { transform: scale(1); opacity: 1; } to { transform: scale(2.4); opacity: 0; } }
.lb .station .nm{position: absolute; top: calc(100% + 10px); font-size: 12px; color: var(--muted-2); white-space: nowrap; font-weight: 500;}
.lb .station.done .nm{color: var(--muted);}
.lb .station.current .nm{color: var(--text); font-weight: 600;}
.lb .rider{position: absolute; width: 84px; transform: translate(-50%, -112%); pointer-events: none;}
.lb .lb-planet{position: absolute; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #ffe1a8, #f2a65e 55%, #9c4f2f); box-shadow: 0 0 40px rgba(242,166,94,.25);}
.lb .lb-planet::after{content: ""; position: absolute; left: -35%; right: -35%; top: 42%; height: 18%; border-radius: 50%; box-shadow: 0 0 0 2px rgba(255,255,255,.35); transform: rotate(-16deg);}
.lb .m-orbit .lb-planet{right: 7%; top: 40%; width: 58px; height: 58px; opacity: .85;}
.lb .lb-sat{position: absolute; width: 50px; animation: lb-sat 18s linear infinite; opacity: .8;}
@keyframes lb-sat{ 0%,100% { transform: translate(0,0) rotate(-10deg); } 50% { transform: translate(40px, 18px) rotate(10deg); } }
.lb .m-tiles{display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px;}
.lb .m-tile{padding: 18px 20px; min-height: 150px;}
.lb .lbl{font-size: 12px; font-weight: 600; color: var(--muted); letter-spacing: .04em;}
.lb .big{font-size: 28px; font-weight: 600; letter-spacing: -.035em; margin-top: 10px;}
.lb .big small{font-size: 14px; color: var(--muted); font-weight: 500; margin-left: 4px; letter-spacing: -.01em;}
.lb .goalbar{height: 8px; border-radius: 99px; background: rgba(255,255,255,.07); margin-top: 14px; overflow: hidden;}
.lb .goalbar b{display: block; height: 100%; background: var(--accent); border-radius: inherit;}
.lb .days{display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; margin-top: 12px;}
.lb .days div{text-align: center; font-size: 11px; color: var(--muted-2);}
.lb .days i{display: block; height: 24px; border-radius: 7px; background: rgba(255,255,255,.05); margin-bottom: 6px;}
.lb .days .done i{background: var(--accent);}
.lb .bars{display: flex; align-items: flex-end; gap: 6px; height: 56px; margin-top: 12px;}
.lb .bars div{flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; justify-content: flex-end; font-size: 11px; color: var(--muted-2);}
.lb .bars i{width: 100%; border-radius: 5px; background: rgba(157,140,255,.35);}
.lb .bars .tm i{background: var(--violet);}
.lb .astro{overflow:visible;display:block;width:100%}
.lb .astro .bodyg{animation:lb-bob 4s ease-in-out infinite;transform-origin:80px 92px}
.lb .astro .arm-r{transform-origin:108px 98px;animation:lb-wave 3.4s ease-in-out infinite}
.lb .astro .arm-l{transform-origin:52px 98px;transition:transform .25s}
.lb .astro .eyes{transform-origin:80px 53px;animation:lb-blink 5s infinite;transition:opacity .15s}
.lb .astro .look{animation:lb-look 9s ease-in-out infinite}
.lb .astro .led{filter:drop-shadow(0 0 2.5px rgba(122,167,255,.95))}
.lb .astro .eyes-happy,.lb .astro .brows{opacity:0;transition:opacity .15s}
.lb .astro .mouth{transform-origin:80px 65px;transition:transform .2s}
.lb .astro .shine{animation:lb-shine 6.5s ease-in-out infinite}
.lb .astro .beacon{animation:lb-beacon 1.6s ease-in-out infinite}
.lb .astro .jet{opacity:0;transform-origin:80px 161px;transition:opacity .2s}
.lb .astro.calm .arm-r{animation:none}
.lb .astro.float .bodyg{animation:lb-floaty 7s ease-in-out infinite}
.lb .astro.happy .eyes{opacity:0}
.lb .astro.happy .eyes-happy{opacity:1}
.lb .astro.happy .mouth{transform:scale(1.3)}
.lb .astro.happy .look,.lb .astro.sad .look{animation:none}
.lb .astro.happy .bodyg{animation:lb-hop .7s cubic-bezier(.3,1.5,.5,1)}
.lb .astro.happy .arm-l{transform:rotate(42deg)}
.lb .astro.happy .arm-r{animation:none;transform:rotate(-42deg)}
.lb .astro.sad .eyes{animation:none;transform:translateY(2.5px) scaleY(.55)}
.lb .astro.sad .brows{opacity:1}
.lb .astro.sad .mouth{transform:scaleY(-1)}
.lb .astro.sad .arm-r{animation:none}
.lb .astro.sad .bodyg{animation:lb-tilt .6s ease-in-out}
.lb .astro.boost .jet{opacity:1;animation:lb-jet .12s linear infinite alternate}
@keyframes lb-look{0%,36%,100%{transform:translateX(0)}40%,50%{transform:translateX(-3.5px)}56%,66%{transform:translateX(3.5px)}70%{transform:translateX(0)}}
@keyframes lb-shine{0%,78%{transform:translateX(0);opacity:0}80%{opacity:1}92%{transform:translateX(95px);opacity:1}94%,100%{transform:translateX(95px);opacity:0}}
@keyframes lb-tilt{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}55%{transform:rotate(5deg)}80%{transform:rotate(-2deg)}}
@keyframes lb-jet{from{transform:scaleY(1)}to{transform:scaleY(.7)}}
@keyframes lb-bob{ 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes lb-floaty{ 0%,100% { transform: translate(0,0) rotate(-6deg); } 50% { transform: translate(4px,-8px) rotate(6deg); } }
@keyframes lb-wave{ 0%,60%,100% { transform: rotate(0); } 70% { transform: rotate(-34deg); } 80% { transform: rotate(-10deg); } 90% { transform: rotate(-34deg); } }
@keyframes lb-blink{ 0%,95%,100% { transform: scaleY(1); } 97.5% { transform: scaleY(.1); } }
@keyframes lb-beacon{ 0%,100% { opacity: 1; } 50% { opacity: .3; } }
@keyframes lb-hop{ 0%,100% { transform: translateY(0); } 45% { transform: translateY(-16px); } }
.lb section{position: relative;}
.lb .sec-pad{padding: 160px 0;}
.lb .kicker{font-size: 17px; font-weight: 600; color: var(--violet); letter-spacing: -.01em;}
.lb .h2{font-size: clamp(40px, 6vw, 72px); font-weight: 700; letter-spacing: -.045em; line-height: 1.04;}
.lb .h2 .dim{color: var(--muted-2);}
.lb .lead2{font-size: clamp(18px, 1.8vw, 21px); color: var(--muted); max-width: 620px; margin-top: 20px; letter-spacing: -.015em; line-height: 1.45;}
.lb .center{text-align: center;}
.lb .center .lead2{margin-left: auto; margin-right: auto;}
.lb .reveal{opacity: 0; transform: translateY(32px); transition: opacity .9s var(--ease), transform .9s var(--ease);}
.lb .reveal.in{opacity: 1; transform: none;}
.lb .statement p{font-size: clamp(34px, 5.2vw, 64px); font-weight: 700; letter-spacing: -.045em; line-height: 1.12; max-width: 980px;}
.lb .statement .w{color: #2a2d48; transition: color .4s;}
.lb .statement .w.on{color: var(--text);}
.lb .statement .w.hl.on{color: var(--accent);}
.lb .traj-sec{height: 360vh;}
.lb .traj-sticky{position: sticky; top: 52px; height: calc(100vh - 52px); display: flex; flex-direction: column; justify-content: center; overflow: hidden;}
.lb .traj-sticky > .container{width: 100%;}
.lb .traj-head{display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: end;}
.lb .steps{position: relative; min-height: 150px;}
.lb .step{position: absolute; inset: 0; opacity: 0; transform: translateY(16px); transition: opacity .5s var(--ease), transform .5s var(--ease);}
.lb .step.on{opacity: 1; transform: none;}
.lb .step .n{font-size: 14px; font-weight: 600; color: var(--accent); font-variant-numeric: tabular-nums;}
.lb .step h3{font-size: clamp(26px, 3vw, 36px); font-weight: 600; letter-spacing: -.035em; margin-top: 6px;}
.lb .step p{font-size: 17px; color: var(--muted); margin-top: 8px; max-width: 440px;}
.lb .big-orbit{position: relative; margin-top: clamp(90px, 14vh, 150px); height: clamp(220px, 40vh, 400px); width: 100%;}
.lb .big-orbit svg.traj{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}
.lb .big-orbit .done-path{stroke-width: 3.5; filter: drop-shadow(0 0 10px rgba(201,242,107,.5));}
.lb .big-orbit .station .dot{width: 22px; height: 22px;}
.lb .big-orbit .station .nm{font-size: 14px;}
.lb .big-orbit .rider{width: 110px; transform: translate(-50%, -108%);}
.lb .big-orbit .lb-planet{right: 2%; top: 4%; width: 90px; height: 90px;}
.lb .progress-dots{display: flex; gap: 8px; margin-top: 28px;}
.lb .progress-dots i{width: 8px; height: 8px; border-radius: 99px; background: rgba(255,255,255,.18); transition: width .4s var(--ease), background .4s;}
.lb .progress-dots i.on{width: 28px; background: var(--accent);}
.lb .session-demo{margin: 64px auto 0; max-width: 820px; padding: 36px 40px; position: relative; overflow: visible;}
.lb .sd-top{display: flex; align-items: center; gap: 16px;}
.lb .sd-prog{flex: 1; display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px;}
.lb .sd-prog i{height: 6px; border-radius: 99px; background: rgba(255,255,255,.08); transition: background .4s;}
.lb .sd-prog i.done{background: var(--accent);}
.lb .sd-prog i.cur{background: var(--violet);}
.lb .sd-count{font-size: 13px; color: var(--muted); font-variant-numeric: tabular-nums;}
.lb .sd-q{margin-top: 30px;}
.lb .sd-q .pl{font-size: 15px; color: var(--muted);}
.lb .sd-q .en{font-size: clamp(24px, 3vw, 34px); font-weight: 600; letter-spacing: -.03em; margin-top: 8px;}
.lb .lb-gap{display: inline-block; min-width: 140px; border-bottom: 2px dashed rgba(255,255,255,.3); text-align: center; color: var(--accent); transition: border-color .3s;}
.lb .lb-gap.filled{border-bottom-color: var(--accent); border-bottom-style: solid;}
.lb .opts{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 28px;}
.lb .opt{display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 0 18px; border-radius: 14px; background: var(--s1); box-shadow: inset 0 0 0 1px var(--line-2); font-size: 16px; font-weight: 500; transition: box-shadow .2s, background .2s, color .2s;}
.lb .opt kbd{width: 24px; height: 24px; border-radius: 7px; display: grid; place-items: center; font: 600 12px Inter, sans-serif; color: var(--muted); box-shadow: inset 0 0 0 1px var(--line-2);}
.lb .opt.pick{box-shadow: inset 0 0 0 1.5px var(--violet); background: rgba(157,140,255,.08);}
.lb .opt.ok{box-shadow: inset 0 0 0 1.5px var(--accent); background: rgba(201,242,107,.08); color: var(--accent);}
.lb .fb{display: inline-flex; align-items: center; gap: 12px; padding: 10px 16px 10px 10px; border-radius: 14px; background: var(--s1); box-shadow: inset 0 0 0 1px var(--line); margin-top: 22px; opacity: 0; transform: translateY(8px); transition: opacity .35s var(--ease), transform .35s var(--ease);}
.lb .fb.show{opacity: 1; transform: none;}
.lb .fb .ic{width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--accent); color: var(--accent-ink);}
.lb .fb .ic svg{width: 14px; height: 14px; stroke-width: 3;}
.lb .fb span{color: var(--muted);}
.lb .sd-buddy{position: absolute; right: -34px; bottom: -30px; width: 120px;}
.lb .bento{display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin-top: 64px;}
.lb .tile{border-radius: 28px; background: rgba(18,20,42,.82); box-shadow: inset 0 0 0 1px var(--line); padding: 34px; position: relative; overflow: hidden; min-height: 300px; display: flex; flex-direction: column;}
.lb .tile.c2{grid-column: span 2;}
.lb .tile.c3{grid-column: span 3;}
.lb .tile.c4{grid-column: span 4;}
.lb .tile .t-k{font-size: 15px; font-weight: 600; color: var(--muted);}
.lb .tile .t-h{font-size: clamp(26px, 2.8vw, 34px); font-weight: 700; letter-spacing: -.04em; line-height: 1.1; margin-top: 8px;}
.lb .tile .t-h em{font-style: normal; color: var(--accent);}
.lb .tile .t-p{font-size: 15px; color: var(--muted); margin-top: 10px; max-width: 360px;}
.lb .tile .huge{font-size: clamp(80px, 9vw, 128px); font-weight: 700; letter-spacing: -.06em; line-height: .9; margin-top: auto; background: linear-gradient(180deg, #fff, #8e93b0); -webkit-background-clip: text; background-clip: text; color: transparent;}
.lb .tile .huge.lime{background: linear-gradient(180deg, #e6ff9e, #8fc23a); -webkit-background-clip: text; background-clip: text;}
.lb .tile .days{margin-top: auto;}
.lb .tile .days i{height: 40px; border-radius: 10px;}
.lb .tile .bars{height: 110px; margin-top: auto;}
.lb .tile .astro-big{position: absolute; right: 20px; bottom: -10px; width: 170px;}
.lb .tile.browser .mini-chrome{margin-top: auto; border-radius: 14px; overflow: hidden; box-shadow: inset 0 0 0 1px var(--line-2);}
.lb .mini-chrome .bar{height: 30px; background: #14152a; display: flex; align-items: center; gap: 6px; padding: 0 12px;}
.lb .mini-chrome .bar i{width: 9px; height: 9px; border-radius: 50%; background: #3a3d5c;}
.lb .mini-chrome .bar span{margin-left: 10px; font-size: 11px; color: var(--muted);}
.lb .mini-chrome .body{height: 70px; background: radial-gradient(400px 120px at 70% 0, #1c1a48, transparent), var(--bg); display: grid; place-items: center; font-size: 13px; color: var(--muted);}
.lb .tile .glow-planet{position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; opacity: .9;}
.lb .langs{display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; margin-top: 56px;}
.lb .lang{display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 20px; border-radius: 20px; background: rgba(18,20,42,.6); box-shadow: inset 0 0 0 1px var(--line); transition: transform .25s var(--ease), box-shadow .25s; cursor: pointer; min-height: 44px;}
.lb .lang:hover{transform: translateY(-4px); box-shadow: inset 0 0 0 1px var(--line-2), 0 20px 40px -20px rgba(157,140,255,.4);}
.lb .lang b{width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; font-size: 13px; font-weight: 700; background: var(--s2); box-shadow: inset 0 0 0 1px var(--line-2);}
.lb .lang.hot b{background: var(--accent); color: var(--accent-ink); box-shadow: none;}
.lb .lang span{font-size: 15px; font-weight: 600;}
.lb .lang small{font-size: 12px; color: var(--muted); margin-top: -10px;}
.lb .final{padding: 140px 0 0; text-align: center; overflow: hidden;}
.lb .final .astro-wrap{width: 170px; margin: 0 auto 28px;}
.lb .final .ctas{display: flex; gap: 28px; justify-content: center; align-items: center; margin-top: 34px; flex-wrap: wrap;}
.lb .horizon{position: relative; height: 320px; margin-top: 90px;}
.lb .horizon::before{content: ""; position: absolute; left: 50%; top: 0; width: 1800px; height: 1800px; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle at 50% 0%, #2c2766 0%, #13142c 22%, var(--bg) 40%); box-shadow: 0 -2px 0 rgba(201,242,107,.5), 0 -30px 120px rgba(157,140,255,.35);}
.lb footer{position: relative; z-index: 1; border-top: 1px solid var(--line); padding: 28px 0 40px; font-size: 12px; color: var(--muted-2);}
.lb footer .container{display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap;}
.lb footer nav{display: flex; gap: 20px;}
.lb footer a:hover{color: var(--text);}
@media (max-width: 1000px){
.lb .bento{grid-template-columns: repeat(2, 1fr);}
.lb .tile.c2,.lb .tile.c3,.lb .tile.c4{grid-column: span 1;}
.lb .tile.wide{grid-column: span 2;}
.lb .langs{grid-template-columns: repeat(3, 1fr);}
.lb .traj-head{grid-template-columns: 1fr; gap: 20px;}
}
@media (max-width: 720px){
.lb .subnav a.s{display: none;}
.lb .subnav .container{gap: 16px;}
.lb .lb-hero{padding-top: 64px;}
.lb .hero-stage{margin-top: 48px; padding: 0 16px;}
.lb .container{padding: 0 20px;}
.lb .sec-pad{padding: 110px 0;}
.lb .bento{grid-template-columns: 1fr;}
.lb .tile.wide{grid-column: span 1;}
.lb .tile{min-height: 260px; padding: 28px;}
.lb .langs{grid-template-columns: repeat(2, 1fr);}
.lb .session-demo{padding: 26px 20px 30px;}
.lb .opts{grid-template-columns: 1fr;}
.lb .sd-buddy{width: 84px; right: -6px; bottom: -40px;}
.lb .traj-sec{height: 300vh;}
.lb .big-orbit{height: 260px; margin-top: 110px;}
.lb .big-orbit .station .nm{display: none;}
.lb .big-orbit .station.current .nm{display: block;}
.lb .big-orbit .rider{width: 70px;}
.lb .big-orbit .lb-planet{width: 54px; height: 54px;}
.lb .steps{min-height: 170px;}
}
@media (prefers-reduced-motion: reduce){
.lb,.lb *,.lb *::before,.lb *::after{animation: none !important; transition-duration: 1ms !important;}
.lb .reveal{opacity: 1; transform: none;}
}