/* 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; }