/* First screen from the published landing, isolated from the local benefits and pricing. */
@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}
@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}
@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}
main>section:first-child{min-height:0;display:block;padding:46px 48px 74px;overflow:hidden}
main>section:first-child>div[aria-hidden],main>section:first-child>div:last-child:not(.hero-layout){display:none}
.hero-layout{display:grid!important;grid-template-columns:0.88fr 1.12fr!important;max-width:1200px!important;gap:20px 0!important;align-items:center!important}
.hero-copy{position:relative;z-index:2;padding:20px 0 20px 14px;container-type:normal!important}
.hero-copy:before{content:'Lizard Sandboxes';display:block;font-size:11px;letter-spacing:.15em;font-weight:600;color:#858B94;margin-bottom:28px}
.hero-copy h1{font-size:clamp(38px,4.3vw,62px)!important;line-height:1.05!important;letter-spacing:-.048em!important;font-weight:600;max-width:540px;animation:none!important}
.hero-copy>p{font-size:16px;line-height:1.7;max-width:400px;margin-top:26px}
.hero-copy>div{margin-top:30px}
.quickstart-wrap{grid-column:1/-1;margin:30px 14px 0;animation:none!important}
.quickstart-wrap [data-sandbox-quickstart]{position:relative;border:1px solid #2e2e2e;border-radius:10px;background:#141414!important;box-shadow:none!important;display:grid;grid-template-columns:270px 1fr;padding:23px 22px;gap:0 28px}
.quickstart-wrap [data-sandbox-quickstart]>div:first-child{padding:0;align-self:start}
.quickstart-wrap [data-sandbox-quickstart]>div:nth-child(2){padding:12px 0 0;grid-column:1;grid-row:2}
.quickstart-wrap [data-sandbox-quickstart]>div:nth-child(2)>div{background:transparent!important;padding-left:0}
.quickstart-wrap [data-sandbox-quickstart]>div:nth-child(2) code{font-size:11px;line-height:1.8}
.quickstart-wrap #sandbox-quickstart-code{grid-column:2;grid-row:1/3;padding:0!important;border-left:1px solid #2e2e2e;padding-left:26px!important}
.quickstart-wrap dl{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 18px!important}
.quickstart-wrap dl>div{padding:0!important}
.quickstart-wrap dt{font-size:11px!important}
.quickstart-wrap dd{font-size:10px!important;line-height:1.5!important;margin-top:3px}
.quickstart-wrap code{font-size:11px}
.quickstart-wrap [role=group]{background:#070707!important;padding:3px}
.quickstart-wrap button[aria-pressed=true]{background:#2e2e2e!important;color:#E9EDF4!important;box-shadow:0 1px 3px #203f3312!important}
.quickstart-wrap [aria-label='Copy to clipboard']{opacity:.65}
.hero-copy a[href*='/login']{background:#10B981!important;border:1px solid #10B981!important;box-shadow:none!important;border-radius:6px!important;color:#fff!important;padding:13px 22px!important}
.hero-copy a[href*='/login'] *{color:#fff!important}
.hero-copy a[href*='/login']:hover{background:#059669!important}
.hero-copy a[href*='/docs/']{background:transparent!important;border:1px solid #2e2e2e!important;color:#E9EDF4!important;border-radius:6px!important;padding:13px 22px!important}
@media(max-width:1000px){.hero-copy h1{font-size:45px!important}
main>section:first-child{padding:32px 30px 60px}
.quickstart-wrap [data-sandbox-quickstart]{grid-template-columns:220px 1fr}
.quickstart-wrap dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){main>section:first-child{padding:42px 22px 48px}
.hero-layout{grid-template-columns:1fr!important;gap:0!important}
.hero-copy{padding:0 3px}
.hero-copy:before{margin-bottom:20px;font-size:10px}
.hero-copy h1{font-size:43px!important;max-width:500px}
.hero-copy>p{font-size:15px;max-width:400px;margin-top:20px}
.hero-copy>div{margin-top:24px}
.quickstart-wrap{margin:32px 0 0}
.quickstart-wrap [data-sandbox-quickstart]{display:block;padding:16px}
.quickstart-wrap #sandbox-quickstart-code{border-left:0;border-top:1px solid #2e2e2e;margin-top:18px;padding:20px 0 0!important}
.quickstart-wrap dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px!important}
.quickstart-wrap dt,.quickstart-wrap code{font-size:10px!important}
.quickstart-wrap dd{font-size:10px!important}
.quickstart-wrap [data-sandbox-quickstart]>div:nth-child(2){padding-top:12px}
.hero-copy a{font-size:13px!important}}
.quickstart-wrap dl>div{grid-column:auto!important;display:block!important;background:transparent!important;position:relative}
.quickstart-wrap dt{white-space:normal!important;padding:0!important;line-height:1.65!important}
.quickstart-wrap dt span{min-width:0!important}
.quickstart-wrap dd{padding:0!important}
.quickstart-wrap [data-sandbox-quickstart]>div:nth-child(2){align-self:start}
.quickstart-wrap #sandbox-quickstart-code{min-height:0!important}
.quickstart-wrap [data-sandbox-quickstart]{grid-template-rows:auto 1fr}
.quickstart-wrap [data-sandbox-quickstart]>div:first-child{grid-column:1;grid-row:1}
.quickstart-wrap dd{color:#858b94!important}
@media(max-width:700px){.hero-copy h1{font-size:clamp(34px,9.8vw,43px)!important}
.hero-copy h1 span{white-space:normal!important}}
.quickstart-wrap dt>span:nth-child(2){margin-right:.4em}
.quickstart-wrap dt .absolute{right:0!important;top:0!important}
.hero-copy a[href*='/login'],.hero-copy a[href*='/login'] *{color:#070707!important}
.hero-copy a[href*='/login']:hover{background:#059669!important}
body .hero-copy .lz-button{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;height:40px;min-height:40px;gap:8px!important;padding:9px 24px!important;border-radius:8px!important;font-family:Geist,sans-serif;font-size:14px!important;font-weight:600;line-height:20px;letter-spacing:0;text-decoration:none;box-shadow:none!important;color:var(--lz-text)!important;transition:background-color .15s,border-color .15s}
body .hero-copy .lz-button *{color:var(--lz-text)!important}
body .hero-copy .lz-button.lz-primary{background:var(--lz-primary-fill)!important;border:1px solid var(--lz-primary)!important}
body .hero-copy .lz-button.lz-primary:hover{background:var(--lz-primary)!important}
body .hero-copy .lz-button.lz-secondary{background:var(--lz-secondary)!important;border:1px solid transparent!important}
body .hero-copy .lz-button.lz-secondary:hover{background:var(--lz-secondary-hover)!important}
body .quickstart-wrap [role=group]{background:var(--lz-surface)!important;padding:4px!important;border-radius:12px!important;gap:0!important;border:0!important}
body .quickstart-wrap [role=group] button{height:32px;min-height:32px;min-width:32px;padding:6px 10px!important;border-radius:10px!important;border:0!important;background:transparent!important;font:600 14px/20px Geist,sans-serif;gap:8px;color:var(--lz-muted)!important}
body .quickstart-wrap [role=group] button[aria-pressed=true]{background:var(--lz-secondary)!important;color:var(--lz-text)!important;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000001a!important}
body .quickstart-wrap [role=group] button svg{width:20px;height:20px}
body .quickstart-wrap dd{color:var(--lz-muted)!important}
body .quickstart-wrap [data-sandbox-quickstart]{background:var(--lz-surface)!important;border-color:var(--lz-border)!important;border-radius:12px!important}
body .quickstart-wrap #sandbox-quickstart-code{border-color:var(--lz-border-subtle)!important}
body .hero-copy:before{content:none}
body .hero-copy>div{gap:12px!important}
body main .hero-copy a.lz-button.lz-primary{background:var(--lz-primary-fill)!important;border:1px solid var(--lz-primary)!important}
body main .hero-copy a.lz-button.lz-primary:hover{background:var(--lz-primary)!important}
body main .hero-copy a.lz-button.lz-secondary{background:var(--lz-secondary)!important;border:1px solid transparent!important}
body main .hero-copy a.lz-button.lz-secondary:hover{background:var(--lz-secondary-hover)!important}
body main>section:first-child{padding:64px 48px 72px;background:#070707}
body .hero-layout{position:relative;isolation:isolate;display:block!important;max-width:1200px!important}
body .hero-copy{position:relative;width:45%;min-height:460px;display:flex;flex-direction:column;justify-content:center;padding:24px 0 36px 14px}
body .hero-copy>p{max-width:370px}
body .hero-copy:after{content:'';position:absolute;z-index:-1;inset:-24px -45px 0 -100px;background:linear-gradient(90deg,#070707 30%,#070707f2 65%,transparent);mask-image:linear-gradient(0deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(0deg,transparent,#000 25%);pointer-events:none}
body .quickstart-wrap{position:relative;margin:32px 14px 0;z-index:2}
body .quickstart-wrap [data-sandbox-quickstart]{background:#141414!important}
@media(max-width:1000px){body main>section:first-child{padding:40px 30px 60px}
body .hero-copy{width:49%;min-height:420px}}
@media(max-width:700px){body main>section:first-child{padding:36px 22px 48px}
body .hero-copy{width:100%;min-height:0;display:block;padding:0 3px 12px}
body .hero-copy:after{display:none}
body .quickstart-wrap{margin:16px 0 0}}
@media(min-width:701px){body .hero-copy{min-height:430px}
body .hero-copy:after{background:linear-gradient(90deg,#070707 20%,#070707bd 58%,transparent)}}
body .hero-layout{max-width:var(--page-width)!important}
body main>section:first-child{padding-top:40px;padding-left:48px;padding-right:48px;overflow:hidden}
body .hero-copy{width:40%;min-height:630px;padding-left:0}
body .hero-copy h1{font-size:clamp(46px,4.1vw,70px)!important;max-width:620px;line-height:1.04!important}
body .hero-copy>p{max-width:390px;font-size:17px}
body .hero-copy:after{inset:-40px -85px -10px -150px;background:linear-gradient(90deg,#070707 12%,#070707e6 45%,#07070760 77%,transparent);mask-image:linear-gradient(0deg,transparent,#000 25%,#000 90%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 25%,#000 90%,transparent)}
.hero-motion-toggle{position:absolute;right:20px;top:580px;z-index:3;border:1px solid #ffffff14;border-radius:8px;color:#858b94;background:#141414aa;padding:6px 10px;font:400 12px/20px Geist,sans-serif;cursor:pointer}
.hero-motion-toggle:hover{color:#e9edf4;background:#2e2e2e}
body .quickstart-wrap{margin:20px 0 0}
@media(min-width:1800px){body .hero-copy{min-height:700px}
.hero-motion-toggle{top:650px}}
@media(max-width:1100px){body .hero-copy{min-height:540px;width:46%}
.hero-motion-toggle{top:495px}
body .hero-copy h1{font-size:48px!important}}
@media(max-width:700px){body main>section:first-child{padding:30px 20px 48px}
body .hero-copy{width:100%;min-height:0;padding:0}
body .hero-copy h1{font-size:clamp(36px,9.8vw,48px)!important}
body .hero-copy>p{font-size:15px}
body .hero-copy:after{display:none}
.hero-motion-toggle{position:relative;top:auto;right:auto;display:block;margin:0 0 20px auto}
body .quickstart-wrap{margin:0}}
@media(prefers-reduced-motion:reduce){.hero-motion-toggle{display:none}}
body .quickstart-wrap{margin-top:64px}
@media(max-width:700px){body .quickstart-wrap{margin-top:24px}}
body main>section:first-child{padding-top:36px;padding-bottom:64px}
body .hero-layout{min-height:620px}
body .hero-copy{width:48%;min-height:0;padding:68px 0 0}
body .hero-copy h1{font-size:clamp(44px,3.8vw,62px)!important;max-width:650px}
body .hero-copy>p{font-size:16px;line-height:1.6;max-width:390px;margin-top:22px}
body .hero-copy>div{margin-top:24px}
body .quickstart-wrap{width:560px;max-width:100%;margin:32px 0 0!important}
body .quickstart-wrap [data-sandbox-quickstart]{display:block;padding:18px 20px;background:rgba(20,20,20,.94)!important;backdrop-filter:blur(16px);border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 12px 36px #0003!important}
body .quickstart-wrap [data-sandbox-quickstart]>div:nth-child(2){padding-top:12px}
body .quickstart-wrap [data-sandbox-quickstart]>div:nth-child(2)>div{padding:8px 42px 8px 0!important}
body .quickstart-wrap code{font-size:12px!important;white-space:normal;overflow-wrap:anywhere}
body .quickstart-wrap [aria-label='Copy to clipboard']{opacity:1}
.quickstart-details{margin-top:12px;border-top:1px solid #ffffff12}
.quickstart-details summary{padding-top:12px;font-size:12px;color:#858b94;cursor:pointer;list-style:revert}
body .quickstart-wrap #sandbox-quickstart-code{border:0;margin:0;padding:18px 0 0!important}
body .quickstart-wrap dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
body .quickstart-wrap .sdk-panel{font-size:11px;line-height:1.6}
body .hero-motion-toggle{top:570px;right:12px}
@media(min-width:1800px){body .hero-layout{min-height:650px}
body .hero-copy{padding-top:80px}}
@media(max-width:1100px){body .hero-copy{width:60%;padding-top:40px}
body .hero-copy h1{font-size:48px!important}
body .quickstart-wrap{width:510px}
body .hero-motion-toggle{top:580px}}
@media(max-width:700px){body main>section:first-child{padding-top:28px;padding-bottom:48px}
body .hero-layout{min-height:0}
body .hero-copy{width:100%;padding:0}
body .hero-copy h1{font-size:clamp(36px,9vw,46px)!important}
body .hero-copy>p{font-size:14px;max-width:320px}
body .hero-motion-toggle{position:relative;inset:auto;margin:-52px 0 20px auto}
body .quickstart-wrap{width:100%;margin:-8px 0 0!important}
body .quickstart-wrap [data-sandbox-quickstart]{padding:16px}
body .quickstart-wrap dl{grid-template-columns:1fr}}
@media(min-width:701px){body .hero-layout{min-height:730px}
body .quickstart-wrap{margin:180px 0 0 auto!important;width:560px}
body .hero-motion-toggle{top:470px;right:12px}}
@media(min-width:1800px){body .quickstart-wrap{margin-top:200px!important}
body .hero-motion-toggle{top:490px}}
@media(min-width:701px) and (max-width:1100px){body .quickstart-wrap{margin-top:150px!important;width:490px}
body .hero-motion-toggle{top:510px}}
@media(min-width:701px){body .quickstart-wrap .hero-motion-toggle{top:-44px;right:0}}
@media(max-width:700px){body .quickstart-wrap .hero-motion-toggle{margin:0 0 12px auto}}
body main>section:first-child{padding:32px 40px 72px}
body .hero-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:auto auto;gap:0 40px!important;max-width:1280px!important;min-height:0;align-items:start!important}
body .hero-copy{grid-column:1;grid-row:1/3;width:100%;min-height:0;padding:92px 0 0;align-self:start}
body .hero-copy:before{content:'Lizard Sandboxes';display:block;margin-bottom:22px;color:#858b94;font-size:12px;font-weight:500;letter-spacing:.04em}
body .hero-copy h1{font-size:clamp(42px,4.2vw,60px)!important;line-height:1.07!important;letter-spacing:-.045em!important;max-width:580px;text-wrap:balance}
body .hero-copy h1 .hero-line{display:block;white-space:nowrap!important}
body .hero-copy>p{max-width:350px;font-size:16px;line-height:1.65;margin-top:24px;color:#858b94}
body .hero-copy>div{margin-top:28px}
body .hero-copy:after{inset:-10px -70px -90px -80px;background:linear-gradient(90deg,#070707 25%,#070707dc 60%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 78%,transparent)}
body .quickstart-wrap{grid-column:2;grid-row:2;width:calc(100% - 40px);max-width:560px;margin:-34px 0 0 auto!important;align-self:start}
body .quickstart-wrap [data-sandbox-quickstart]{padding:16px 18px;background:#141414f5!important;border-color:#ffffff18;box-shadow:0 12px 32px #0002!important}
body .quickstart-wrap .hero-motion-toggle{top:-38px;right:0;padding:3px 7px;font-size:10px;border-color:transparent;background:#07070790}
body .quickstart-wrap [data-sandbox-quickstart]>div:nth-child(2){padding-top:8px}
body .quickstart-wrap .quickstart-details{margin-top:8px}
body .quickstart-wrap .quickstart-details summary{padding-top:10px}
body .hero-capabilities{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:36px;color:#858b94;font-size:12px}
.hero-capabilities span{display:flex;align-items:center;gap:7px}
.hero-capabilities span:before{content:'';width:4px;height:4px;background:#10b981;border-radius:50%}
@media(min-width:1600px){body .hero-layout{max-width:1400px!important;gap:0 56px!important}
body .hero-copy{padding-top:105px}
body .quickstart-wrap{margin-top:-38px!important}}
@media(min-width:701px) and (max-width:1050px){body main>section:first-child{padding-left:28px;padding-right:28px}
body .hero-layout{gap:0 24px!important}
body .hero-copy{padding-top:56px}
body .hero-copy h1{font-size:clamp(32px,4.4vw,44px)!important}
body .quickstart-wrap{width:100%;margin-top:-10px!important}
body .quickstart-wrap code{font-size:11px!important}
body .hero-copy>p{font-size:14px;max-width:280px}}
@media(max-width:700px){body main>section:first-child{padding:28px 20px 48px}
body .hero-layout{display:flex!important;flex-direction:column;gap:0!important}
body .hero-copy{padding:0}
body .hero-copy:before{margin-bottom:16px}
body .hero-copy h1{font-size:clamp(32px,8.8vw,48px)!important}
body .hero-copy>p{font-size:14px;max-width:320px;margin-top:20px}
body .hero-capabilities{margin-top:24px;gap:10px 16px;font-size:11px}
body .quickstart-wrap{width:100%;max-width:none;margin:0!important;padding-top:22px}
body .quickstart-wrap .hero-motion-toggle{position:absolute;top:-16px;right:0;margin:0}
body .hero-copy:after{display:none}}
body main>section:first-child{padding-top:28px;padding-bottom:56px}
body .hero-layout{position:relative;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:510px auto;gap:24px 40px!important;max-width:1400px!important;isolation:isolate}
body .hero-copy{grid-column:1;grid-row:1;padding:68px 0 0 24px;max-width:610px}
body .hero-copy:after{inset:-40px -70px -50px -100px;background:linear-gradient(90deg,#070707 12%,#070707ed 55%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 78%,transparent)}
body .quickstart-wrap{grid-column:2;grid-row:2;width:100%;max-width:560px;margin:0 0 0 auto!important}
body .quickstart-wrap [data-sandbox-quickstart]{padding:12px 16px;border-radius:8px!important;background:#141414!important;border-color:#ffffff12!important;box-shadow:none!important;backdrop-filter:none}
body .quickstart-wrap [data-sandbox-quickstart]>div:first-child{display:inline-flex}
body .quickstart-wrap [data-sandbox-quickstart]>div:nth-child(2){padding-top:4px}
body .quickstart-wrap [data-sandbox-quickstart]>div:nth-child(2)>div{padding:4px 0!important}
body .quickstart-wrap .quickstart-details{margin-top:4px}
body .quickstart-wrap .quickstart-details summary{font-size:11px;padding-top:8px}
body .quickstart-wrap .hero-motion-toggle{top:-32px;right:0}
@media(min-width:1800px){body .hero-layout{grid-template-rows:550px auto}
body .hero-copy{padding-top:80px}}
@media(min-width:701px) and (max-width:1050px){body .hero-layout{grid-template-rows:450px auto;gap:20px!important}
body .hero-copy{padding:52px 0 0}
body .quickstart-wrap{grid-column:2;width:100%}}
@media(max-width:700px){body .hero-layout{display:flex!important;gap:0!important}
body .hero-copy{padding:0;max-width:none}
body .hero-copy:after{display:none}
body .quickstart-wrap{margin:0!important;padding-top:22px}
body .quickstart-wrap .hero-motion-toggle{top:-12px}}
body .hero-copy h1 .hero-line{white-space:normal!important}
body .hero-copy>p{max-width:450px}
@media(max-width:700px){body .hero-copy>p{max-width:360px}}
@media(min-width:701px){body .hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:minmax(600px,auto) auto;gap:24px 40px!important;max-width:1440px!important;min-height:0}
body .hero-copy{grid-column:1/-1;grid-row:1;width:100%;max-width:920px;min-height:0;margin:0 auto;padding:24px 0 8px;justify-content:flex-start;align-items:center;text-align:center}
html body .hero-copy h1{max-width:920px;font-size:clamp(56px,4.4vw,72px)!important;line-height:1.04!important;letter-spacing:-.05em!important;text-wrap:initial}
body .hero-copy h1 .hero-line{white-space:nowrap!important}
body .hero-copy>p{max-width:500px;margin-top:24px;font-size:16px;line-height:1.65;text-wrap:balance}
body .hero-copy>div{margin-top:26px;justify-content:center}
body .hero-copy .hero-capabilities{margin-top:24px}
body .hero-copy:after{inset:-60px -100px -65px;background:radial-gradient(ellipse 56% 66% at 50% 38%,#070707f5 22%,#070707d9 50%,#07070765 77%,transparent 100%);mask-image:none;-webkit-mask-image:none}
body .quickstart-wrap{grid-column:2;grid-row:2;max-width:500px;padding-top:0;margin-right:48px!important}}
@media(min-width:1800px){body .hero-copy{padding-top:24px}
body .hero-layout{grid-template-rows:minmax(620px,auto) auto}}
@media(min-width:1051px) and (max-width:1250px){body .hero-layout{grid-template-rows:minmax(560px,auto) auto}
body .hero-copy{max-width:760px;padding-top:16px}
html body .hero-copy h1{font-size:58px!important}
body .hero-copy>p{max-width:480px}
body .quickstart-wrap{margin-right:0!important}}
@media(min-width:701px) and (max-width:1050px){body .hero-layout{grid-template-rows:minmax(510px,auto) auto;gap:24px 20px!important}
body .hero-copy{max-width:100%;padding-top:16px}
html body .hero-copy h1{font-size:clamp(38px,5.1vw,52px)!important}
body .hero-copy>p{max-width:460px;font-size:14px;margin-top:20px}
body .hero-copy>div{margin-top:22px}
body .hero-copy .hero-capabilities{margin-top:20px}
body .quickstart-wrap{grid-column:1/-1;width:500px;max-width:75%;margin-right:0!important}}
body .hero-copy h1{font-size:clamp(40px,4vw,60px)!important;line-height:1.12!important;letter-spacing:-.02em!important}
html body .hero-copy h1{line-height:1.12!important;letter-spacing:-.02em!important}
@media(min-width:701px) and (max-width:1050px){body .hero-copy h1{font-size:clamp(30px,4vw,42px)!important}}
@media(max-width:700px){body .hero-copy h1{font-size:clamp(28px,8vw,44px)!important}}
body .quickstart-wrap code,body .quickstart-wrap .sdk-panel{letter-spacing:-.01em;line-height:1.7}
html body :is(.hero-eyebrow,.workflow-eyebrow,.workflow-terminal-label,.install-title),html body :is(.hero-eyebrow,.workflow-eyebrow,.workflow-terminal-label,.install-title) *{font-family:Geist,-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif!important;font-weight:500!important;letter-spacing:.035em}
body .hero-copy::before{content:none}
body .hero-copy>.hero-eyebrow{display:block;margin-bottom:22px;color:#858b94;font-size:12px;font-weight:500;letter-spacing:.04em}
@media(max-width:700px){body .hero-copy>.hero-eyebrow{margin-bottom:16px}}
body .hero-copy:after{display:none}
@media(min-width:701px){body .hero-layout{min-height:780px;align-items:start!important}
body .hero-copy{padding-top:20px;min-height:0}
body .hero-motion-toggle{top:auto;bottom:24px;right:0}}
@media(min-width:1800px){body .hero-layout{max-width:1600px!important;min-height:850px}}
@media(min-width:701px) and (max-width:1300px){body .hero-layout{min-height:850px}}
@media(max-width:700px){body .hero-layout{min-height:0}
body .hero-motion-toggle{margin:4px 0 0}}
body .hero-copy .hero-capabilities{margin-top:16px;font-size:11px}
body .hero-copy .quickstart-wrap{position:relative;grid-area:auto;width:600px;max-width:100%;margin:24px auto 0!important;padding:0;text-align:left}
body .hero-copy .quickstart-wrap [data-sandbox-quickstart]{display:block;margin:0;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none;overflow:visible}
body .hero-copy .quickstart-strip{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:center;gap:12px;min-height:132px;padding:16px!important;background:#141414f2;border:1px solid #ffffff24;border-radius:12px}
body .hero-copy .install-tabs{padding:0!important;display:flex;justify-content:space-between;align-items:center;gap:16px;justify-self:stretch;width:100%}
body .hero-copy .install-title{font-size:14px;font-weight:500;line-height:1.4;color:#e9edf4}
body .hero-copy .install-tabs [role=group]{padding:2px!important;background:#070707!important;border-radius:10px!important}
body .hero-copy .install-tabs [role=group] button{font-size:13px!important;padding:8px 13px!important;min-height:40px;height:40px;border-radius:8px!important}
body .hero-copy .install-tabs svg{display:none}
body .hero-copy .install-command{min-width:0;padding:12px 0 0!important;border-top:1px solid #ffffff0e}
body .hero-copy .install-command>div{align-items:center;gap:12px;padding:0!important;background:transparent!important}
body .hero-copy .install-command code{padding:0;font-size:13px!important;line-height:1.6;white-space:normal;overflow-wrap:anywhere;color:#858b94!important}
body .hero-copy .install-command>div>span{padding:0;font-size:14px}
body .hero-copy .install-copy{width:auto;min-width:88px;height:44px;gap:8px;padding:0 12px;border-radius:8px;background:#2e2e2e;color:#e9edf4!important;opacity:1}
body .hero-copy .install-copy svg{width:16px;height:16px}
body .hero-copy .install-copy .copy-label{font-size:13px;line-height:20px}
body .hero-copy .install-copy:hover{background:#3b3b3b;color:#fff!important}
body .hero-copy .install-copy[data-copied]{color:#10b981!important;background:rgba(16,185,129,.12)}
@media(min-width:701px){body .hero-layout{grid-template-rows:auto;min-height:760px;gap:0!important}
body .hero-copy{padding-top:20px}}
@media(min-width:701px) and (max-width:1250px){body .hero-layout{min-height:700px}}
@media(min-width:701px) and (max-width:1050px){body .hero-layout{min-height:660px}}
@media(max-width:700px){body .hero-copy .hero-capabilities{margin-top:16px;justify-content:flex-start}
body .hero-copy .quickstart-wrap{width:100%;margin-top:20px!important}
body .hero-copy .quickstart-strip{grid-template-columns:1fr;gap:12px;padding:12px!important}
body .hero-copy .install-tabs{justify-self:stretch;gap:8px}
body .hero-copy .install-title{font-size:12px}
body .hero-copy .install-command{padding-top:12px!important;border-top:1px solid #ffffff0e}
body .hero-copy .install-command code{font-size:12px!important}
body .hero-copy .install-copy{min-width:56px;height:44px;padding:0 8px}
body .hero-copy .install-copy svg{display:none}}
html body main .hero-copy a.lz-button.lz-primary{
  background: var(--lz-primary-fill) !important;
  border: 1px solid var(--lz-primary) !important;
}
html body main .hero-copy a.lz-button.lz-primary:hover{
  background: var(--lz-primary-hover) !important;
  border-color: #10b981 !important;
}
html body main .hero-copy a.lz-button.lz-primary:active{ background: #059669 !important; }
html body main .hero-copy a.lz-button.lz-secondary{
  background: var(--lz-secondary) !important;
  border: 1px solid var(--lz-border-control) !important;
}
html body main .hero-copy a.lz-button.lz-secondary:hover{
  background: var(--lz-secondary-hover) !important;
  border-color: #3b3b3b !important;
}
html body .hero-copy .quickstart-strip{
  background: var(--lz-surface);
  border-color: var(--lz-border-control);
  padding: 0 20px 18px !important;
  gap: 0;
}
html body .hero-copy .install-tabs{ min-height: 62px; }
html body .hero-copy .install-title{ color: #e9edf4; }
html body .hero-copy .install-tabs [role="group"]{
  align-self: stretch;
  align-items: stretch;
  padding: 0 !important;
  gap: 6px !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body .hero-copy .install-tabs [role="group"] button{
  height: auto;
  min-height: 44px;
  min-width: 48px;
  padding: 10px 8px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--lz-muted) !important;
}
html body .hero-copy .install-tabs [role="group"] button[aria-pressed="true"]{
  color: var(--lz-text) !important;
  border-bottom-color: var(--lz-primary) !important;
}
html body .hero-copy .install-tabs [role="group"] button:hover{ color: var(--lz-text) !important; }
html body .hero-copy .install-command{
  border-top-color: var(--lz-border-subtle);
  padding: 16px 0 0 !important;
}
html body .hero-copy .install-command code{ color: #e9edf4 !important; }
html body .hero-copy .install-copy{
  min-width: 88px;
  background: transparent !important;
  border: 1px solid var(--lz-border-control);
  color: #e9edf4 !important;
  transition: background-color .2s, border-color .2s;
}
html body .hero-copy .install-copy:hover,html body .hero-copy .install-copy[data-copied]{
  background: rgba(16,185,129,.12) !important;
  border-color: var(--lz-primary);
  color: #10b981 !important;
}
@media (max-width:700px){html body .hero-copy .quickstart-strip{ padding: 0 14px 14px !important; }
html body .hero-copy .install-copy{ min-width: 64px; }
html body .hero-copy .install-tabs{ gap: 8px; min-height: 58px; }}
@media (prefers-reduced-motion:reduce){html body :is(.lz-button, .install-copy, .workflow-play){ transition: none !important; }}
html body .hero-copy>p{
  position:relative;
  isolation:isolate;
  z-index:2;
  color:#e9edf4!important;
  text-shadow:0 1px 3px #070707;
}
html body .hero-copy>p::before{
  content:'';
  position:absolute;
  inset:-18px -28px;
  z-index:-1;
  pointer-events:none;
  background:#070707;
  border-radius:24px;
  filter:blur(16px);
  opacity:.94;
}
html body .hero-copy>h1{position:relative;isolation:isolate;z-index:2}
html body .hero-copy>h1::before{content:'';position:absolute;inset:-18px -28px;z-index:-1;pointer-events:none;background:#070707;border-radius:24px;filter:blur(22px);opacity:.88}
@media(max-width:700px){body main>section:first-child{padding:26px 20px 24px}
html body .hero-copy h1{font-size:clamp(28px,7.8vw,46px)!important;line-height:1.12!important;letter-spacing:-.035em!important}
body .hero-copy h1 .hero-line{white-space:normal!important}
body .hero-copy>p{max-width:100%;font-size:14px;line-height:1.65}
body .hero-copy a.lz-button{min-height:48px;padding-inline:18px!important}
body .hero-copy .quickstart-wrap{padding-top:0;margin-top:22px!important}
body .hero-copy .install-tabs{min-height:48px}
body .hero-copy .install-command code{font-size:11px!important;line-height:1.7}
body .hero-copy .install-copy{min-width:60px}}
@media(max-width:360px){body main>section:first-child{padding-inline:16px}
html body .hero-copy h1{font-size:28px!important}
body .hero-copy a.lz-button{padding-inline:14px!important;font-size:12px!important}
body .hero-copy .install-title{font-size:11px}}
@media(pointer:coarse){.hero-copy button{touch-action:manipulation}}
html body .hero-copy h1{ line-height: 1.08 !important; letter-spacing: -0.02em !important; }
@media (min-width: 1101px){html body .hero-copy h1{ font-size: clamp(44px, 4.3vw, 54px) !important; }}
html body .hero-copy > p{ color: var(--text-secondary) !important; }
html body :is(.workflow-eyebrow, .workflow-terminal-label, .install-title){ letter-spacing: normal !important; }
html body main .hero-copy .lz-button{
  height: 40px !important; min-height: 40px !important; padding: 0 24px !important; border-radius: 8px !important;
  font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important;
}
html body main .hero-copy a.lz-button.lz-secondary{ background: #2e2e2e !important; border: 1px solid transparent !important; color: var(--text-primary) !important; }
html body main .hero-copy a.lz-button.lz-secondary:hover{ background: #3b3b3b !important; border-color: transparent !important; }
html body main .install-tabs [role="group"]{ align-self: center !important; }
html body .hero-copy .install-command code{ color: var(--text-secondary) !important; font-family: 'Geist Mono', ui-monospace, monospace !important; }
html body .hero-copy .install-copy{ background: #2e2e2e !important; border: 1px solid transparent !important; color: var(--text-primary) !important; }
html body .hero-copy .install-copy:hover{ background: #3b3b3b !important; color: #fff !important; }
html body .hero-copy .install-copy[data-copied]{ background: #2e2e2e !important; color: #10b981 !important; }
html body .hero-copy .install-tabs [role="group"] button{ gap: 6px !important; }
html body .hero-copy .install-tabs [role="group"] button svg{ display: inline-block !important; width: 16px !important; height: 16px !important; flex-shrink: 0; }
html body main > section:first-child > .hero-waves{
  display: block !important; position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 22%, #000 70%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 22%, #000 70%, transparent 100%);
}
html body .hero-waves .gradient-waves-canvas{ position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
html body main > section:first-child > div:is(.hero-waves, .absolute){ max-width: none; }
html body .hero-copy > :is(h1, p)::before{ content: none !important; }
html body .hero-copy > p{ text-shadow: none; }
@media (max-width: 700px){html body main > section:first-child > .hero-waves{
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, transparent 45%, #000 78%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0, transparent 45%, #000 78%, transparent 100%);
  }}
html body main > section:first-child{
  display: flex !important; flex-direction: column; align-items: center; justify-content: center;
  min-height: 100vh; min-height: 100svh; box-sizing: border-box;
  padding: 96px 24px 96px !important;
}
html body main > section:first-child > .hero-layout{
  display: flex !important; flex-direction: column; align-items: center; justify-content: center;
  width: 100%; min-height: 0 !important; margin: 0 auto;
}
html body main > section:first-child > .hero-layout > .hero-copy{ padding: 0 !important; }
html body main > section:first-child > div:last-child:not(.hero-layout){ display: flex !important; bottom: 24px; }
html body main > section:first-child > div:last-child > a{
  width: 44px; height: 44px; color: var(--text-secondary) !important;
  background: none !important; border: 0 !important; box-shadow: none !important; transition: color 0.15s ease;
}
html body main > section:first-child > div:last-child > a:hover{ color: var(--text-primary) !important; }
html body main > section:first-child > div:last-child > a svg{ width: 20px; height: 20px; }
@media (max-width: 700px){html body main > section:first-child{ padding: 88px 16px 88px !important; }}
@media (max-width: 700px){html body main > section:first-child .hero-copy{ align-items: center !important; text-align: center !important; }
html body main > section:first-child .hero-copy > :is(h1, p){ text-align: center !important; margin-left: auto; margin-right: auto; }
html body main > section:first-child .hero-copy > div:not(.quickstart-wrap){ justify-content: center !important; }}
html body main > section:first-child{ padding-bottom: 136px !important; }
html body main > section:first-child > .hero-agents{
  position: absolute; left: 0; right: 0; bottom: 88px; z-index: 10;
  width: 100%; max-width: 1152px; margin: 0 auto; padding: 0 24px; box-sizing: border-box;
}
html body .hero-agents-window{
  height: 22px; overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
  mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
}
html body .hero-agents-marquee{ display: flex; width: max-content; animation: marquee 56s linear infinite; }
html body .hero-agents-window:hover .hero-agents-marquee{ animation-play-state: paused; }
html body .hero-agents-track{ display: flex; align-items: center; gap: 40px; padding-right: 40px; flex-shrink: 0; }
html body .hero-agents .agent-logo{ display: flex; align-items: center; flex-shrink: 0; color: var(--text-secondary); }
@media (prefers-reduced-motion: reduce){html body .hero-agents-marquee{ animation: none; }}
@media (max-width: 700px){html body main > section:first-child{ padding-bottom: 120px !important; }
html body main > section:first-child > .hero-agents{ bottom: 80px; padding: 0 16px; }}
html body main > section:first-child .hero-copy > p{ max-width: 620px !important; text-wrap: balance; }
/* Remove the earlier local hero experiment's layout overrides. */
html body main { padding-top: 0 !important; }
html body main > section:first-child { min-height: 100svh !important; }
html body .hero-copy { min-height: 0 !important; }
html body .hero-copy > div:not(.quickstart-wrap) { margin-top: 24px; }
html body .hero-copy .lz-button { height:40px!important;min-height:40px!important;padding:0 24px!important;border-radius:8px!important;font-size:14px!important;line-height:20px!important;font-weight:600!important; }
html body .hero-copy .lz-primary { background:rgba(16,185,129,.5)!important;border:1px solid #10b981!important;color:#fff!important; }
html body .hero-copy .lz-primary:hover {background:#10b981!important;}
html body .hero-copy .lz-secondary {background:#2e2e2e!important;border:1px solid transparent!important;color:#e9edf4!important;}
html body .hero-copy .install-tabs [role="group"] {background:#070707!important;border:1px solid #ffffff0f!important;border-radius:12px!important;padding:4px!important;gap:4px!important;}
html body .hero-copy .install-tabs [role="group"] button {height:32px!important;min-height:32px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;color:#a1a6ae!important;font-size:13px!important;font-weight:600!important;}
html body .hero-copy .install-tabs [role="group"] button[aria-pressed="true"] {background:#2e2e2e!important;color:#fff!important;}
html body .hero-copy .install-tabs [role="group"] button svg {width:16px!important;height:16px!important;}
html body .hero-copy .install-title {letter-spacing:normal!important;}
html body .hero-copy .install-command code {font-family:'Geist Mono',monospace!important;}
html body main > section:first-child > .hero-agents {display:block!important;}
html body .hero-copy .quickstart-strip {background:#141414!important;border-color:#2e2e2e!important;}

/* Brand signature above the opening headline. */
html body main > section:first-child .hero-copy > .hero-brand{display:flex;align-items:center;justify-content:center;align-self:center;gap:10px!important;margin:0 0 24px!important;color:#e9edf4;font-size:26px;line-height:1;font-weight:600;letter-spacing:-.04em}
html body .hero-brand .hero-brand-mark{display:block;width:42px;height:42px;color:#10b981}
@media(max-width:700px){
 html body main > section:first-child .hero-copy > .hero-brand{font-size:23px;margin-bottom:20px!important}
 html body .hero-brand .hero-brand-mark{width:36px;height:36px}
}

/* Production account controls. */
html body .production-header .nav-avatar { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 9999px; transition: opacity .15s; }
html body .production-header .nav-avatar:hover { opacity: .8; }
html body .production-header .nav-avatar img { display: block; width: 32px; height: 32px; border-radius: 9999px; box-shadow: 0 0 0 1px var(--border-primary); }
html body .production-header .nav-avatar span { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 9999px; background: rgba(255,255,255,.06); box-shadow: 0 0 0 1px var(--border-primary); font-size: 11px; font-weight: 500; color: var(--text-secondary); }

/* Last in the cascade, after the hero button rules above. Hero buttons follow DESIGN.md: Primary and Secondary, Large size (40px, 24px padding, 8px radius,
   14px Semibold). Primary: 50% emerald with an emerald border, solid emerald on hover and press.
   Secondary: #2E2E2E with no border, #3B3B3B on hover. Text is --text-primary. */
html body main .hero-copy a.lz-button:is(.lz-primary, .lz-secondary) { height: 40px !important; min-height: 40px !important; padding: 0 24px !important; border-radius: 8px !important; font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; color: #E9EDF4 !important; box-shadow: none !important; }
html body main .hero-copy a.lz-button:is(.lz-primary, .lz-secondary) :is(span, .decode-original) { color: #E9EDF4 !important; }
html body main .hero-copy a.lz-button.lz-primary { background: rgba(16, 185, 129, 0.5) !important; border: 1px solid #10B981 !important; }
html body main .hero-copy a.lz-button.lz-primary:is(:hover, :active) { background: #10B981 !important; border-color: #10B981 !important; }
html body main .hero-copy a.lz-button.lz-secondary { background: #2E2E2E !important; border: 0 !important; }
html body main .hero-copy a.lz-button.lz-secondary:is(:hover, :active) { background: #3B3B3B !important; }

/* Closing section as before e948060 (7559d94): shared landing rules for headings, login links and
   buttons reach it, so its container, heading and the two buttons are pinned to their earlier values. */
html body main > section:last-child > div:first-child { max-width: 900px !important; }
@media (min-width: 768px) { html body main > section:last-child h2 { font-size: 32px !important; line-height: 40px !important; letter-spacing: normal !important; } }
html body main > section:last-child a.lz-button.lz-primary { height: 40px !important; min-height: 40px !important; padding: 0 24px !important; border-radius: 8px !important; font-weight: 600 !important; color: #fff !important; }
html body main > section:last-child a.lz-button.lz-primary :is(span, svg) { color: #fff !important; }
html body main > section:last-child button.lz-button.lz-secondary { height: 40px !important; min-height: 40px !important; padding: 0 24px !important; border-radius: 8px !important; font-weight: 600 !important; border: 1px solid transparent !important; }

/* Talk to the engineer: lead form dialog, laid out like the homepage demo dialog (DESIGN.md tokens). */
html body .talk-dialog { width: min(480px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 32px); margin: auto; padding: 0; overflow: auto; border: 1px solid #2E2E2E; border-radius: 8px; background: #141414; color: #E9EDF4; font-family: inherit; animation: talk-in 180ms cubic-bezier(0.32, 0.72, 0, 1); }
html body .talk-dialog::backdrop { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
@keyframes talk-in { from { opacity: 0; transform: scale(0.97); } }
.talk-dialog .talk-body { padding: 32px; }
html body .talk-dialog h2 { margin: 0 0 8px; padding-right: 32px; font-size: 24px !important; line-height: 32px !important; font-weight: 600 !important; letter-spacing: 0 !important; color: #E9EDF4; }
.talk-dialog .talk-lead { margin: 0 0 24px; font-size: 14px; line-height: 20px; color: #858B94; }
.talk-dialog form { display: grid; gap: 16px; margin: 0; }
.talk-dialog label > span { display: block; margin-bottom: 6px; font-size: 12px; line-height: 16px; font-weight: 500; color: #E9EDF4; }
.talk-dialog :is(input, textarea) { display: block; width: 100%; margin: 0; padding: 9px 12px; border: 1px solid #2E2E2E; border-radius: 8px; background: #070707; color: #E9EDF4; font-family: inherit; font-size: 14px; line-height: 20px; font-weight: 400; outline: none; transition: border-color 150ms; }
.talk-dialog textarea { min-height: 96px; resize: vertical; }
.talk-dialog :is(input, textarea)::placeholder { color: #5F646D; opacity: 1; }
.talk-dialog :is(input, textarea):focus { border-color: rgba(255, 255, 255, 0.16); }
.talk-dialog input[aria-invalid="true"] { border-color: rgba(248, 113, 113, 0.5); }
.talk-dialog .talk-error { display: block; margin: 6px 0 0; font-style: normal; font-size: 12px; line-height: 16px; color: #F87171; }
.talk-dialog .talk-error[hidden] { display: none; }
.talk-dialog .talk-send-error { margin: 0; }
.talk-dialog .talk-trap { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
html body .talk-dialog .talk-submit { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 40px; margin: 0; padding: 0 24px; border: 1px solid #10B981; border-radius: 8px; background: rgba(16, 185, 129, 0.5); color: #E9EDF4; font-family: inherit; font-size: 14px; line-height: 20px; font-weight: 600; cursor: pointer; transition: background-color 150ms; }
html body .talk-dialog .talk-submit:is(:hover, :active):not(:disabled) { background: #10B981; }
html body .talk-dialog .talk-submit:disabled { opacity: 0.6; cursor: default; }
html body .talk-dialog .talk-submit:focus-visible, .talk-dialog .talk-close:focus-visible { outline: 2px solid #10B981; outline-offset: 2px; }
.talk-dialog .talk-note { margin: 0; text-align: center; font-size: 12px; line-height: 16px; color: #5F646D; }
.talk-dialog .talk-note a { color: #858B94; text-decoration: underline; text-underline-offset: 2px; }
.talk-dialog .talk-note a:hover { color: #E9EDF4; }
html body .talk-dialog .talk-close { position: absolute; top: 16px; right: 16px; display: grid; place-items: center; width: 32px; height: 32px; margin: 0; padding: 0; border: 0; border-radius: 8px; background: transparent; color: #5F646D; cursor: pointer; transition: color 150ms; }
html body .talk-dialog .talk-close:hover { color: #858B94; }
.talk-dialog .talk-done { padding-top: 8px; }
@media (max-width: 480px) { .talk-dialog .talk-body { padding: 24px; } }
@media (prefers-reduced-motion: reduce) { html body .talk-dialog { animation: none; } }

/* The server hub links to /login, so the page's login-link rules painted its lizard #070707. */
html body main .server-edge .server-edge-hub-link :is(.server-edge-logo, .server-edge-logo *) { color: #9de5b8 !important; }
html body main .server-edge .server-edge-hub-link:is(:hover, :focus-visible) :is(.server-edge-logo, .server-edge-logo *) { color: #d1fae5 !important; }

#sandbox-benchmark-method { max-width: 850px; margin-top: 20px; color: #858B94; font-size: 12px; line-height: 18px; }
#sandbox-benchmark-method p { margin: 0 0 8px; }
#sandbox-benchmark-method .benchmark-method-links { display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 8px; }
#sandbox-benchmark-method a { color: #10B981; text-decoration: underline; text-underline-offset: 4px; }
#sandbox-benchmark-method a:hover { color: #E9EDF4; }
#sandbox-benchmark-method a:focus-visible { outline: 2px solid #10B981; outline-offset: 4px; }
/* Ask in Discord: a white Discord mark that tilts on hover, a soft white glow, no Blurple. */
html body main .hero-copy a.lz-button.hero-discord .discord-mark{
  flex: none; width: 18px; height: 18px; color: #fff !important;
  transition: transform .25s cubic-bezier(.34,1.56,.64,1);
}
html body main .hero-copy a.lz-button.hero-discord:hover{
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.04), 0 6px 20px rgba(255,255,255,.06);
}
html body main .hero-copy a.lz-button.hero-discord:hover .discord-mark{ transform: rotate(-12deg) scale(1.15); }
@media (prefers-reduced-motion: reduce){
  html body main .hero-copy a.lz-button.hero-discord .discord-mark{ transition: none; }
  html body main .hero-copy a.lz-button.hero-discord:hover .discord-mark{ transform: none; }
}

/* Up to 700px the command sits on one line. A long command scrolls sideways
   and fades at the right edge, so the card keeps one height on every tab.
   Up to 520px the title gets its own row, the tabs fill the width and Copy
   shrinks to an icon (its label stays for screen readers). */
@media(max-width:700px){
html body main .hero-copy .quickstart-strip{padding:14px!important;gap:0!important}
html body main .hero-copy .install-tabs{min-height:0!important;padding:0 0 14px!important}
html body main .hero-copy .install-title{font-size:14px!important;line-height:20px!important}
html body main .hero-copy .install-command{padding:14px 0 0!important}
html body main .hero-copy .install-command>div{align-items:center!important;gap:10px!important}
html body main .hero-copy .install-command>div>span{padding:0!important;font-size:13px!important;line-height:20px!important}
html body main .hero-copy .install-command code{padding:12px 20px 12px 0!important;font-size:12px!important;line-height:20px!important;white-space:nowrap!important;overflow-x:auto!important;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 28px),transparent)}
html body main .hero-copy .install-command code::-webkit-scrollbar{display:none}
html body main .hero-copy .install-command code wbr{display:none}
html body main .hero-copy .install-copy{min-width:0!important;height:44px!important;padding:0 14px!important;gap:8px!important}
html body main .hero-copy .install-copy svg{display:block!important;width:18px!important;height:18px!important}
}
@media(max-width:520px){
html body main .hero-copy .install-tabs{flex-wrap:wrap!important;gap:12px!important}
html body main .hero-copy .install-tabs [role=group]{flex:1 1 100%!important}
html body main .hero-copy .install-tabs [role=group] button{flex:1 1 0!important;padding:0 6px!important}
html body main .hero-copy .install-copy{width:44px!important;padding:0!important}
html body main .hero-copy .install-copy .copy-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}