/* landing.css */
*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Geist,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}body{font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea,button{font-family:inherit;outline:none}input[type=radio]{margin:0;height:1rem;width:1rem;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:rgb(46 46 46 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(20 20 20 / var(--tw-bg-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}input[type=radio]:checked{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}input[type=radio]:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(16 185 129 / .5);--tw-ring-offset-width: 2px;--tw-ring-offset-color: #141414}input[type=radio]:hover:enabled{--tw-border-opacity: 1;border-color:rgb(133 139 148 / var(--tw-border-opacity, 1))}input[type=radio]:hover:enabled:checked{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}input[type=radio]:disabled{cursor:not-allowed;opacity:.4}input[type=radio]:checked{background-image:radial-gradient(circle,var(--text-primary) 0 3px,transparent 3px)}@media(forced-colors:active){input[type=radio]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background-image:none}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:#10b98180;border:1px solid var(--control-primary)}.btn-primary:hover{background:var(--control-primary)}.btn-emerald{background:#10b98180;border:1px solid var(--control-primary);color:#fff;transition:background .15s ease,transform .15s ease}.btn-emerald:hover{background:var(--control-primary)}.btn-emerald:disabled{opacity:.5;cursor:not-allowed}.btn-emerald:disabled:hover{background:#10b98180}@keyframes nav-item-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes nav-item-in-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.nav-item-enter-right{animation:nav-item-in-right .25s cubic-bezier(.16,1,.3,1) both}.nav-item-enter-left{animation:nav-item-in-left .25s cubic-bezier(.16,1,.3,1) both}@keyframes glow-pulse{0%,to{box-shadow:0 0 14px #10b98166,0 0 40px #10b98133}50%{box-shadow:0 0 20px #10b98199,0 0 60px #10b98159}}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background:var(--control-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--control-secondary-hover)}.btn-promo{--promo-line: linear-gradient(90deg, #10B981, #D4A574, #10B981);position:relative;z-index:30;isolation:isolate;color:var(--text-primary);background:var(--btn-promo-fill);transition:--btn-promo-fill .15s ease,transform .15s ease}.btn-promo:hover{--btn-promo-fill: var(--control-secondary-hover)}.btn-promo:before,.btn-promo:after{content:"";position:absolute;background:var(--promo-line);background-size:200% 100%;animation:btn-promo 4s linear infinite;pointer-events:none}.btn-promo:after{left:8px;right:8px;bottom:0;height:1px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.btn-promo:before{z-index:-1;left:12px;right:12px;top:calc(100% - 7px);height:14px;filter:blur(10px);opacity:.7}@keyframes btn-promo{0%{background-position:0 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){.btn-promo:before,.btn-promo:after{animation:none}}.card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:9999px;background:var(--control-secondary);cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#10b981;border:2px solid var(--bg-primary);box-shadow:0 0 0 2px #10b98133;cursor:pointer}input[type=range]::-moz-range-track{height:4px;border-radius:9999px;background:var(--control-secondary)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;border:none;background:#10b981;border:2px solid var(--bg-primary);box-shadow:0 0 0 2px #10b98133;cursor:pointer}.gradient-text{background:linear-gradient(135deg,#10b981,#d4a574);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.glass{position:relative;overflow:hidden;border-radius:1.5rem;isolation:isolate;background:linear-gradient(135deg,#ffffff14,#ffffff08,#ffffff0f),#0c0816f2;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff14}.glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 20%,rgba(255,255,255,.3) 50%,rgba(255,255,255,.2) 80%,transparent 100%);pointer-events:none;z-index:1;border-radius:inherit}.tag{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;background:#10b9811f;border:1px solid rgba(16,185,129,.25);color:#34d399}.sandbox-page footer h3{font-size:.75rem;line-height:1rem;font-weight:600;line-height:18px}.sandbox-page .platform-stats dt{font-size:.75rem;font-weight:500;line-height:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-\[-8\%\]{top:-8%;right:-8%;bottom:-8%;left:-8%}.inset-\[15\%\]{top:15%;right:15%;bottom:15%;left:15%}.inset-\[2\%\]{top:2%;right:2%;bottom:2%;left:2%}.inset-\[7\.5\%\]{top:7.5%;right:7.5%;bottom:7.5%;left:7.5%}.inset-x-0{left:0;right:0}.inset-x-4{left:1rem;right:1rem}.inset-x-8{left:2rem;right:2rem}.inset-x-\[76px\]{left:76px;right:76px}.inset-y-0{top:0;bottom:0}.-bottom-20{bottom:-5rem}.-bottom-6{bottom:-1.5rem}.-left-10{left:-2.5rem}.-right-16{right:-4rem}.-right-\[3px\]{right:-3px}.-top-16{top:-4rem}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.bottom-8{bottom:2rem}.bottom-\[calc\(env\(safe-area-inset-bottom\,0px\)\+4\.5rem\)\]{bottom:calc(env(safe-area-inset-bottom,0px) + 4.5rem)}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-3\.5{left:.875rem}.left-4{left:1rem}.left-5{left:1.25rem}.left-\[2px\]{left:2px}.left-full{left:100%}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-2{right:.5rem}.right-2\.5{right:.625rem}.right-3{right:.75rem}.right-3\.5{right:.875rem}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.top-\[2px\]{top:2px}.top-\[30px\]{top:30px}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[61\]{z-index:61}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[81\]{z-index:81}.z-\[82\]{z-index:82}.z-\[90\]{z-index:90}.order-first{order:-9999}.order-last{order:9999}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-full{grid-column:1 / -1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.row-span-2{grid-row:span 2 / span 2}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.-m-1\.5{margin:-.375rem}.m-0{margin:0}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-auto{margin:auto}.-mx-0\.5{margin-left:-.125rem;margin-right:-.125rem}.-mx-1\.5{margin-left:-.375rem;margin-right:-.375rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-3\.5{margin-left:-.875rem;margin-right:-.875rem}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.-my-1\.5{margin-top:-.375rem;margin-bottom:-.375rem}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.\!mt-5{margin-top:1.25rem!important}.-mb-1{margin-bottom:-.25rem}.-mb-px{margin-bottom:-1px}.-mr-1{margin-right:-.25rem}.-mr-3{margin-right:-.75rem}.-mt-0\.5{margin-top:-.125rem}.-mt-1\.5{margin-top:-.375rem}.-mt-\[9px\]{margin-top:-9px}.-mt-px{margin-top:-1px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-\[3px\]{margin-left:3px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mr-2\.5{margin-right:.625rem}.mr-3{margin-right:.75rem}.mr-auto{margin-right:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-\[3px\]{margin-top:3px}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.box-border{box-sizing:border-box}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-\[4\/1\]{aspect-ratio:4/1}.aspect-\[7\/2\]{aspect-ratio:7/2}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-4{width:1rem;height:1rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[0\.85em\]{height:.85em}.h-\[10px\]{height:10px}.h-\[11px\]{height:11px}.h-\[14px\]{height:14px}.h-\[15px\]{height:15px}.h-\[160px\]{height:160px}.h-\[17px\]{height:17px}.h-\[184px\]{height:184px}.h-\[18px\]{height:18px}.h-\[220px\]{height:220px}.h-\[22px\]{height:22px}.h-\[230px\]{height:230px}.h-\[242px\]{height:242px}.h-\[244px\]{height:244px}.h-\[250px\]{height:250px}.h-\[25px\]{height:25px}.h-\[260px\]{height:260px}.h-\[26px\]{height:26px}.h-\[32px\]{height:32px}.h-\[38px\]{height:38px}.h-\[40\%\]{height:40%}.h-\[400px\]{height:400px}.h-\[46px\]{height:46px}.h-\[49px\]{height:49px}.h-\[52px\]{height:52px}.h-\[54px\]{height:54px}.h-\[60dvh\]{height:60dvh}.h-\[60vh\]{height:60vh}.h-\[7px\]{height:7px}.h-\[8px\]{height:8px}.h-\[min\(680px\,calc\(100dvh-2rem\)\)\]{height:min(680px,calc(100dvh - 2rem))}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-44{max-height:11rem}.max-h-48{max-height:12rem}.max-h-52{max-height:13rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.max-h-\[220px\]{max-height:220px}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80dvh\]{max-height:80dvh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[92vh\]{max-height:92vh}.max-h-\[calc\(100dvh-16px\)\]{max-height:calc(100dvh - 16px)}.max-h-\[calc\(100dvh-24px\)\]{max-height:calc(100dvh - 24px)}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-\[calc\(100vh-110px\)\]{max-height:calc(100vh - 110px)}.max-h-\[calc\(100vh-140px\)\]{max-height:calc(100vh - 140px)}.max-h-\[calc\(100vh-240px\)\]{max-height:calc(100vh - 240px)}.max-h-\[min\(80dvh\,600px\)\]{max-height:min(80dvh,600px)}.max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height)}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-10{min-height:2.5rem}.min-h-24{min-height:6rem}.min-h-7{min-height:1.75rem}.min-h-8{min-height:2rem}.min-h-9{min-height:2.25rem}.min-h-\[1\.9em\]{min-height:1.9em}.min-h-\[100px\]{min-height:100px}.min-h-\[104px\]{min-height:104px}.min-h-\[200px\]{min-height:200px}.min-h-\[224px\]{min-height:224px}.min-h-\[22px\]{min-height:22px}.min-h-\[23px\]{min-height:23px}.min-h-\[300px\]{min-height:300px}.min-h-\[32px\]{min-height:32px}.min-h-\[344px\]{min-height:344px}.min-h-\[349px\]{min-height:349px}.min-h-\[34px\]{min-height:34px}.min-h-\[38px\]{min-height:38px}.min-h-\[448px\]{min-height:448px}.min-h-\[44px\]{min-height:44px}.min-h-\[480px\]{min-height:480px}.min-h-\[760px\]{min-height:760px}.min-h-\[76px\]{min-height:76px}.min-h-\[88px\]{min-height:88px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0\.5{width:.125rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-3\/5{width:60%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-4\/6{width:66.666667%}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[0\.85em\]{width:.85em}.w-\[100px\]{width:100px}.w-\[104px\]{width:104px}.w-\[10px\]{width:10px}.w-\[120px\]{width:120px}.w-\[125\%\]{width:125%}.w-\[140px\]{width:140px}.w-\[14px\]{width:14px}.w-\[15px\]{width:15px}.w-\[162px\]{width:162px}.w-\[171px\]{width:171px}.w-\[18px\]{width:18px}.w-\[200px\]{width:200px}.w-\[204px\]{width:204px}.w-\[22px\]{width:22px}.w-\[22rem\]{width:22rem}.w-\[26\%\]{width:26%}.w-\[260px\]{width:260px}.w-\[28\%\]{width:28%}.w-\[37\%\]{width:37%}.w-\[38px\]{width:38px}.w-\[3px\]{width:3px}.w-\[40\%\]{width:40%}.w-\[420px\]{width:420px}.w-\[480px\]{width:480px}.w-\[640px\]{width:640px}.w-\[7px\]{width:7px}.w-\[min\(960px\,calc\(100vw-2rem\)\)\]{width:min(960px,calc(100vw - 2rem))}.w-\[var\(--radix-popover-trigger-width\)\]{width:var(--radix-popover-trigger-width)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-1\.5{min-width:.375rem}.min-w-44{min-width:11rem}.min-w-48{min-width:12rem}.min-w-5{min-width:1.25rem}.min-w-7{min-width:1.75rem}.min-w-8{min-width:2rem}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.min-w-\[15ch\]{min-width:15ch}.min-w-\[180px\]{min-width:180px}.min-w-\[28px\]{min-width:28px}.min-w-\[3\.5rem\]{min-width:3.5rem}.min-w-\[3rem\]{min-width:3rem}.min-w-\[520px\]{min-width:520px}.min-w-\[540px\]{min-width:540px}.min-w-\[560px\]{min-width:560px}.min-w-\[600px\]{min-width:600px}.min-w-\[640px\]{min-width:640px}.min-w-\[680px\]{min-width:680px}.min-w-\[720px\]{min-width:720px}.min-w-\[800px\]{min-width:800px}.min-w-\[880px\]{min-width:880px}.min-w-\[88px\]{min-width:88px}.min-w-\[96px\]{min-width:96px}.min-w-\[980px\]{min-width:980px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-48{max-width:12rem}.max-w-5xl{max-width:64rem}.max-w-60{max-width:15rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[100px\]{max-width:100px}.max-w-\[1040px\]{max-width:1040px}.max-w-\[1152px\]{max-width:1152px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[240px\]{max-width:240px}.max-w-\[260px\]{max-width:260px}.max-w-\[320px\]{max-width:320px}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[440px\]{max-width:440px}.max-w-\[44ch\]{max-width:44ch}.max-w-\[460px\]{max-width:460px}.max-w-\[520px\]{max-width:520px}.max-w-\[540px\]{max-width:540px}.max-w-\[550px\]{max-width:550px}.max-w-\[560px\]{max-width:560px}.max-w-\[576px\]{max-width:576px}.max-w-\[60vw\]{max-width:60vw}.max-w-\[640px\]{max-width:640px}.max-w-\[680px\]{max-width:680px}.max-w-\[720px\]{max-width:720px}.max-w-\[760px\]{max-width:760px}.max-w-\[768px\]{max-width:768px}.max-w-\[80px\]{max-width:80px}.max-w-\[820px\]{max-width:820px}.max-w-\[850px\]{max-width:850px}.max-w-\[860px\]{max-width:860px}.max-w-\[896px\]{max-width:896px}.max-w-\[92px\]{max-width:92px}.max-w-\[960px\]{max-width:960px}.max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-\[calc\(100vw-32px\)\]{max-width:calc(100vw - 32px)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-full{flex-basis:100%}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:left}.origin-top{transform-origin:top}.origin-top-left{transform-origin:top left}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-2{--tw-translate-x: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[14px\]{--tw-translate-x: 14px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[0\.8\]{--tw-scale-x: .8;--tw-scale-y: .8;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-0{--tw-scale-x: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-100{--tw-scale-x: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[-1\]{--tw-scale-x: -1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[spin_46s_linear_infinite\]{animation:spin 46s linear infinite}@keyframes deploy-enter{0%{opacity:0;transform:scaleY(.3) translateY(-8px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.animate-deploy-enter{animation:deploy-enter .5s cubic-bezier(.32,.72,0,1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .2s cubic-bezier(.32,.72,0,1)}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .6s cubic-bezier(.32,.72,0,1) both}@keyframes log-enter{0%{opacity:0;transform:scaleY(.3)}40%{opacity:0}to{opacity:1;transform:scaleY(1)}}.animate-log-enter{animation:log-enter .45s cubic-bezier(.32,.72,0,1) both}@keyframes logo-pulse{0%,to{opacity:.7;transform:scale(1.08)}50%{opacity:.3;transform:scale(1)}}.animate-logo-pulse{animation:logo-pulse 1.8s ease-in-out infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 28s linear infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes rise-up{0%{transform:translateY(24px)}to{transform:translateY(0)}}.animate-rise-up{animation:rise-up .6s cubic-bezier(.32,.72,0,1) both}@keyframes scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .25s cubic-bezier(.32,.72,0,1)}@keyframes scroll-cue{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}.animate-scroll-cue{animation:scroll-cue 1.8s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.touch-manipulation{touch-action:manipulation}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.scroll-mt-24{scroll-margin-top:6rem}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[145px_75px_minmax\(80px\,1fr\)_minmax\(210px\,1\.2fr\)_80px\]{grid-template-columns:145px 75px minmax(80px,1fr) minmax(210px,1.2fr) 80px}.grid-cols-\[145px_minmax\(0\,2fr\)_80px_90px_60px\]{grid-template-columns:145px minmax(0,2fr) 80px 90px 60px}.grid-cols-\[16px_minmax\(0\,1fr\)_auto\]{grid-template-columns:16px minmax(0,1fr) auto}.grid-cols-\[16px_minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)_auto\]{grid-template-columns:16px minmax(0,1fr) minmax(0,1.5fr) auto}.grid-cols-\[180px_1fr\]{grid-template-columns:180px 1fr}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-cols-\[200px_140px_1fr\]{grid-template-columns:200px 140px 1fr}.grid-cols-\[20px_minmax\(0\,1fr\)_minmax\(0\,1fr\)_16px_minmax\(0\,1fr\)_32px\]{grid-template-columns:20px minmax(0,1fr) minmax(0,1fr) 16px minmax(0,1fr) 32px}.grid-cols-\[44px_minmax\(0\,1fr\)\]{grid-template-columns:44px minmax(0,1fr)}.grid-cols-\[52px_1fr_1fr_28px\]{grid-template-columns:52px 1fr 1fr 28px}.grid-cols-\[60px_1fr_1fr_28px\]{grid-template-columns:60px 1fr 1fr 28px}.grid-cols-\[64px_1fr\]{grid-template-columns:64px 1fr}.grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:auto minmax(0,1fr) auto auto}.grid-cols-\[minmax\(0\,1fr\)_72px\]{grid-template-columns:minmax(0,1fr) 72px}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)_160px\]{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 160px}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)_auto\]{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto}.grid-cols-\[minmax\(220px\,1\.7fr\)_repeat\(4\,minmax\(88px\,1fr\)\)\]{grid-template-columns:minmax(220px,1.7fr) repeat(4,minmax(88px,1fr))}.grid-cols-subgrid{grid-template-columns:subgrid}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.grid-rows-\[48px_minmax\(0\,1fr\)\]{grid-template-rows:48px minmax(0,1fr)}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-between{align-content:space-between}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-9{gap:2.25rem}.gap-\[0\.35em\]{gap:.35em}.gap-\[0\.4em\]{gap:.4em}.gap-\[3px\]{gap:3px}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-7{-moz-column-gap:1.75rem;column-gap:1.75rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-1{row-gap:.25rem}.gap-y-1\.5{row-gap:.375rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-5{row-gap:1.25rem}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.25rem * var(--tw-space-x-reverse));margin-left:calc(-.25rem * calc(1 - var(--tw-space-x-reverse)))}.-space-x-1\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.375rem * var(--tw-space-x-reverse));margin-left:calc(-.375rem * calc(1 - var(--tw-space-x-reverse)))}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[var\(--border-primary\)\]>:not([hidden])~:not([hidden]){border-color:var(--border-primary)}.divide-white\/\[0\.04\]>:not([hidden])~:not([hidden]){border-color:#ffffff0a}.divide-white\/\[0\.06\]>:not([hidden])~:not([hidden]){border-color:#ffffff0f}.divide-white\/\[0\.07\]>:not([hidden])~:not([hidden]){border-color:#ffffff12}.divide-white\/\[0\.08\]>:not([hidden])~:not([hidden]){border-color:#ffffff14}.self-start{align-self:flex-start}.self-center{align-self:center}.self-stretch{align-self:stretch}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-clip{overflow-x:clip}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[14px\]{border-radius:14px}.rounded-\[2px\]{border-radius:2px}.rounded-\[5px\]{border-radius:5px}.rounded-\[8px\]{border-radius:8px}.rounded-\[clamp\(6px\,1\.5vw\,16px\)\]{border-radius:clamp(6px,1.5vw,16px)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-t-full{border-top-left-radius:9999px;border-top-right-radius:9999px}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-y{border-top-width:1px;border-bottom-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[\#4a4a4a\]{--tw-border-opacity: 1;border-color:rgb(74 74 74 / var(--tw-border-opacity, 1))}.border-\[var\(--border-primary\)\]{border-color:var(--border-primary)}.border-\[var\(--border-secondary\)\]{border-color:var(--border-secondary)}.border-\[var\(--control-primary\)\]{border-color:var(--control-primary)}.border-accent-purple\/20{border-color:#a855f733}.border-accent-red\/20{border-color:#f8717133}.border-accent-red\/25{border-color:#f8717140}.border-accent-red\/30{border-color:#f871714d}.border-amber-400\/15{border-color:#fbbf2426}.border-amber-500\/20{border-color:#f59e0b33}.border-amber-500\/40{border-color:#f59e0b66}.border-bg-primary{--tw-border-opacity: 1;border-color:rgb(7 7 7 / var(--tw-border-opacity, 1))}.border-bg-secondary{--tw-border-opacity: 1;border-color:rgb(20 20 20 / var(--tw-border-opacity, 1))}.border-border{--tw-border-opacity: 1;border-color:rgb(46 46 46 / var(--tw-border-opacity, 1))}.border-champagne{--tw-border-opacity: 1;border-color:rgb(212 165 116 / var(--tw-border-opacity, 1))}.border-emerald-500\/40{border-color:#10b98166}.border-emerald-brand{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-emerald-brand\/15{border-color:#10b98126}.border-emerald-brand\/20{border-color:#10b98133}.border-emerald-brand\/25{border-color:#10b98140}.border-emerald-brand\/30{border-color:#10b9814d}.border-emerald-brand\/60{border-color:#10b98199}.border-emerald-brand\/\[0\.14\]{border-color:#10b98124}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-500\/15{border-color:#ef444426}.border-red-500\/20{border-color:#ef444433}.border-red-500\/60{border-color:#ef444499}.border-transparent{border-color:transparent}.border-txt-primary{--tw-border-opacity: 1;border-color:rgb(233 237 244 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/40{border-color:#fff6}.border-white\/\[0\.03\]{border-color:#ffffff08}.border-white\/\[0\.045\]{border-color:#ffffff0b}.border-white\/\[0\.04\]{border-color:#ffffff0a}.border-white\/\[0\.05\]{border-color:#ffffff0d}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.07\]{border-color:#ffffff12}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-white\/\[0\.10\]{border-color:#ffffff1a}.border-white\/\[0\.14\]{border-color:#ffffff24}.border-white\/\[0\.16\]{border-color:#ffffff29}.border-white\/\[0\.1\]{border-color:#ffffff1a}.border-yellow-500\/30{border-color:#eab3084d}.border-yellow-500\/40{border-color:#eab30866}.border-l-transparent{border-left-color:transparent}.border-t-accent-purple{--tw-border-opacity: 1;border-top-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-t-emerald-brand{--tw-border-opacity: 1;border-top-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-t-txt-secondary{--tw-border-opacity: 1;border-top-color:rgb(133 139 148 / var(--tw-border-opacity, 1))}.border-t-txt-tertiary{--tw-border-opacity: 1;border-top-color:rgb(95 100 109 / var(--tw-border-opacity, 1))}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-t-white\/60{border-top-color:#fff9}.bg-\[\#050606\]{--tw-bg-opacity: 1;background-color:rgb(5 6 6 / var(--tw-bg-opacity, 1))}.bg-\[\#070707\]{--tw-bg-opacity: 1;background-color:rgb(7 7 7 / var(--tw-bg-opacity, 1))}.bg-\[\#0a0a0a\]{--tw-bg-opacity: 1;background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1))}.bg-\[\#0d0d0d\]{--tw-bg-opacity: 1;background-color:rgb(13 13 13 / var(--tw-bg-opacity, 1))}.bg-\[\#0e0e0e\]{--tw-bg-opacity: 1;background-color:rgb(14 14 14 / var(--tw-bg-opacity, 1))}.bg-\[\#10B981\]{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-\[\#141719\]{--tw-bg-opacity: 1;background-color:rgb(20 23 25 / var(--tw-bg-opacity, 1))}.bg-\[\#1a1a1a\]{--tw-bg-opacity: 1;background-color:rgb(26 26 26 / var(--tw-bg-opacity, 1))}.bg-\[\#202020\]{--tw-bg-opacity: 1;background-color:rgb(32 32 32 / var(--tw-bg-opacity, 1))}.bg-\[\#222222\]{--tw-bg-opacity: 1;background-color:rgb(34 34 34 / var(--tw-bg-opacity, 1))}.bg-\[\#2E2E2E\],.bg-\[\#2e2e2e\]{--tw-bg-opacity: 1;background-color:rgb(46 46 46 / var(--tw-bg-opacity, 1))}.bg-\[\#3B82F6\]{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-\[\#5F646D\]{--tw-bg-opacity: 1;background-color:rgb(95 100 109 / var(--tw-bg-opacity, 1))}.bg-\[\#D4A574\]{--tw-bg-opacity: 1;background-color:rgb(212 165 116 / var(--tw-bg-opacity, 1))}.bg-\[\#D4A574\]\/15{background-color:#d4a57426}.bg-\[\#EF4444\]{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-\[\#EF4444\]\/\[0\.12\]{background-color:#ef44441f}.bg-\[\#F59E0B\]{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-\[\#F5F5F5\]{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.bg-\[\#a855f7\]{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(16\,185\,129\,0\.12\)\]{background-color:#10b9811f}.bg-\[rgba\(16\,185\,129\,0\.5\)\]{background-color:#10b98180}.bg-\[var\(--bg-primary\)\]{background-color:var(--bg-primary)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--border-primary\)\]{background-color:var(--border-primary)}.bg-\[var\(--control-secondary\)\]{background-color:var(--control-secondary)}.bg-\[var\(--pill-bg\)\]{background-color:var(--pill-bg)}.bg-\[var\(--text-tertiary\)\]{background-color:var(--text-tertiary)}.bg-accent-purple{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-accent-red{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.bg-accent-red\/10{background-color:#f871711a}.bg-accent-red\/5{background-color:#f871710d}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-400\/10{background-color:#fbbf241a}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/15{background-color:#f59e0b26}.bg-bg-primary{--tw-bg-opacity: 1;background-color:rgb(7 7 7 / var(--tw-bg-opacity, 1))}.bg-bg-primary\/60{background-color:#07070799}.bg-bg-primary\/70{background-color:#070707b3}.bg-bg-secondary{--tw-bg-opacity: 1;background-color:rgb(20 20 20 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/30{background-color:#0000004d}.bg-black\/40{background-color:#0006}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/15{background-color:#3b82f626}.bg-champagne{--tw-bg-opacity: 1;background-color:rgb(212 165 116 / var(--tw-bg-opacity, 1))}.bg-champagne\/15{background-color:#d4a57426}.bg-champagne\/\[0\.12\]{background-color:#d4a5741f}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-500\/15{background-color:#10b98126}.bg-emerald-500\/5{background-color:#10b9810d}.bg-emerald-500\/50{background-color:#10b98180}.bg-emerald-500\/\[0\.03\]{background-color:#10b98108}.bg-emerald-500\/\[0\.06\]{background-color:#10b9810f}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-emerald-brand{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-brand\/10{background-color:#10b9811a}.bg-emerald-brand\/15{background-color:#10b98126}.bg-emerald-brand\/45{background-color:#10b98173}.bg-emerald-brand\/50{background-color:#10b98180}.bg-emerald-brand\/55{background-color:#10b9818c}.bg-emerald-brand\/70{background-color:#10b981b3}.bg-emerald-brand\/80{background-color:#10b981cc}.bg-emerald-brand\/\[0\.04\]{background-color:#10b9810a}.bg-emerald-brand\/\[0\.05\]{background-color:#10b9810d}.bg-emerald-brand\/\[0\.06\]{background-color:#10b9810f}.bg-emerald-brand\/\[0\.08\]{background-color:#10b98114}.bg-gray-500\/10{background-color:#6b72801a}.bg-orange-500\/15{background-color:#f9731626}.bg-pink-500\/15{background-color:#ec489926}.bg-purple-500\/10{background-color:#a855f71a}.bg-purple-500\/15{background-color:#a855f726}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/15{background-color:#ef444426}.bg-red-500\/50{background-color:#ef444480}.bg-transparent{background-color:transparent}.bg-txt-secondary{--tw-bg-opacity: 1;background-color:rgb(133 139 148 / var(--tw-bg-opacity, 1))}.bg-txt-tertiary{--tw-bg-opacity: 1;background-color:rgb(95 100 109 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/30{background-color:#ffffff4d}.bg-white\/5{background-color:#ffffff0d}.bg-white\/65{background-color:#ffffffa6}.bg-white\/\[0\.015\]{background-color:#ffffff04}.bg-white\/\[0\.01\]{background-color:#ffffff03}.bg-white\/\[0\.025\]{background-color:#ffffff06}.bg-white\/\[0\.02\]{background-color:#ffffff05}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-white\/\[0\.045\]{background-color:#ffffff0b}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-white\/\[0\.055\]{background-color:#ffffff0e}.bg-white\/\[0\.05\]{background-color:#ffffff0d}.bg-white\/\[0\.06\]{background-color:#ffffff0f}.bg-white\/\[0\.07\]{background-color:#ffffff12}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-white\/\[0\.12\]{background-color:#ffffff1f}.bg-white\/\[0\.18\]{background-color:#ffffff2e}.bg-white\/\[0\.1\]{background-color:#ffffff1a}.bg-yellow-500\/10{background-color:#eab3081a}.bg-yellow-500\/20{background-color:#eab30833}.bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.028\)\,rgba\(255\,255\,255\,0\.004\)\)\]{background-image:linear-gradient(180deg,#ffffff07,#ffffff01)}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-px{padding-top:1px;padding-bottom:1px}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-1\.5{padding-bottom:.375rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-60{padding-bottom:15rem}.pb-8{padding-bottom:2rem}.pb-9{padding-bottom:2.25rem}.pb-\[max\(12px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(12px,env(safe-area-inset-bottom))}.pb-\[max\(24px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(24px,env(safe-area-inset-bottom))}.pl-1{padding-left:.25rem}.pl-1\.5{padding-left:.375rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-9{padding-left:2.25rem}.pl-\[188px\]{padding-left:188px}.pr-1{padding-right:.25rem}.pr-10{padding-right:2.5rem}.pr-11{padding-right:2.75rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-20{padding-right:5rem}.pr-3{padding-right:.75rem}.pr-3\.5{padding-right:.875rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-28{padding-top:7rem}.pt-3{padding-top:.75rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-40{padding-top:10rem}.pt-44{padding-top:11rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-baseline{vertical-align:baseline}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.align-\[-0\.125em\]{vertical-align:-.125em}.font-hand{font-family:Fuzzy Bubbles,Comic Sans MS,cursive}.font-mono{font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace}.font-sans{font-family:Geist,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15\.5px\]{font-size:15.5px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[6px\]{font-size:6px}.text-\[72px\]{font-size:72px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-10{line-height:2.5rem}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-\[1\.08\]{line-height:1.08}.leading-\[1\.1\]{line-height:1.1}.leading-\[1\.25\]{line-height:1.25}.leading-\[1\.2\]{line-height:1.2}.leading-\[1\.7\]{line-height:1.7}.leading-\[1\.9\]{line-height:1.9}.leading-\[14px\]{line-height:14px}.leading-\[16px\]{line-height:16px}.leading-\[17px\]{line-height:17px}.leading-\[18px\]{line-height:18px}.leading-\[20px\]{line-height:20px}.leading-\[21px\]{line-height:21px}.leading-\[22px\]{line-height:22px}.leading-\[26px\]{line-height:26px}.leading-\[28px\]{line-height:28px}.leading-\[30px\]{line-height:30px}.leading-\[32px\]{line-height:32px}.leading-\[40px\]{line-height:40px}.leading-\[44px\]{line-height:44px}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.015em\]{letter-spacing:-.015em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[-0\.04em\]{letter-spacing:-.04em}.tracking-\[-0\.065em\]{letter-spacing:-.065em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[\#10B981\]{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-\[\#336791\]{--tw-text-opacity: 1;color:rgb(51 103 145 / var(--tw-text-opacity, 1))}.text-\[\#3B82F6\]{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-\[\#5865F2\]{--tw-text-opacity: 1;color:rgb(88 101 242 / var(--tw-text-opacity, 1))}.text-\[\#5F646D\]{--tw-text-opacity: 1;color:rgb(95 100 109 / var(--tw-text-opacity, 1))}.text-\[\#78bb8a\]{--tw-text-opacity: 1;color:rgb(120 187 138 / var(--tw-text-opacity, 1))}.text-\[\#7dd3a0\]{--tw-text-opacity: 1;color:rgb(125 211 160 / var(--tw-text-opacity, 1))}.text-\[\#858B94\]{--tw-text-opacity: 1;color:rgb(133 139 148 / var(--tw-text-opacity, 1))}.text-\[\#A1A7B0\]{--tw-text-opacity: 1;color:rgb(161 167 176 / var(--tw-text-opacity, 1))}.text-\[\#D4A574\]{--tw-text-opacity: 1;color:rgb(212 165 116 / var(--tw-text-opacity, 1))}.text-\[\#D97757\]{--tw-text-opacity: 1;color:rgb(217 119 87 / var(--tw-text-opacity, 1))}.text-\[\#DC382D\]{--tw-text-opacity: 1;color:rgb(220 56 45 / var(--tw-text-opacity, 1))}.text-\[\#EF4444\]{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-\[\#F59E0B\]{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-\[\#F87171\]{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-\[\#a855f7\]{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-\[\#d97757\]{--tw-text-opacity: 1;color:rgb(217 119 87 / var(--tw-text-opacity, 1))}.text-\[var\(--control-primary\)\]{color:var(--control-primary)}.text-\[var\(--other-blue\)\]{color:var(--other-blue)}.text-\[var\(--text-primary\)\]{color:var(--text-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-accent-blue{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-accent-cyan{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-accent-green{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-accent-purple{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-accent-red{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-accent-red\/90{color:#f87171e6}.text-accent-yellow{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-400\/70{color:#fbbf24b3}.text-amber-400\/80{color:#fbbf24cc}.text-bg-primary{--tw-text-opacity: 1;color:rgb(7 7 7 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-champagne{--tw-text-opacity: 1;color:rgb(212 165 116 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-emerald-400\/60{color:#34d39999}.text-emerald-400\/70{color:#34d399b3}.text-emerald-400\/90{color:#34d399e6}.text-emerald-500,.text-emerald-brand{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-brand\/40{color:#10b98166}.text-emerald-brand\/60{color:#10b98199}.text-emerald-brand\/70{color:#10b981b3}.text-emerald-brand\/90{color:#10b981e6}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-400\/50{color:#f8717180}.text-red-400\/80{color:#f87171cc}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-txt-primary{--tw-text-opacity: 1;color:rgb(233 237 244 / var(--tw-text-opacity, 1))}.text-txt-primary\/90{color:#e9edf4e6}.text-txt-secondary{--tw-text-opacity: 1;color:rgb(133 139 148 / var(--tw-text-opacity, 1))}.text-txt-tertiary{--tw-text-opacity: 1;color:rgb(95 100 109 / var(--tw-text-opacity, 1))}.text-txt-tertiary\/40{color:#5f646d66}.text-txt-tertiary\/60{color:#5f646d99}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/20{color:#fff3}.text-white\/25{color:#ffffff40}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/45{color:#ffffff73}.text-white\/50{color:#ffffff80}.text-white\/55{color:#ffffff8c}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.text-white\/90{color:#ffffffe6}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-400\/70{color:#facc15b3}.text-yellow-500\/70{color:#eab308b3}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-emerald-brand\/40{text-decoration-color:#10b98166}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-txt-tertiary::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(95 100 109 / var(--tw-placeholder-opacity, 1))}.placeholder-txt-tertiary::placeholder{--tw-placeholder-opacity: 1;color:rgb(95 100 109 / var(--tw-placeholder-opacity, 1))}.placeholder-white\/20::-moz-placeholder{color:#fff3}.placeholder-white\/20::placeholder{color:#fff3}.caret-emerald-brand{caret-color:#10b981}.accent-emerald-500{accent-color:#10b981}.accent-emerald-brand{accent-color:#10B981}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[-12px_0_8px_-2px_\#141414\]{--tw-shadow: -12px 0 8px -2px #141414;--tw-shadow-colored: -12px 0 8px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_0_8px_rgba\(16\,185\,129\,0\.5\)\]{--tw-shadow: 0 0 8px rgba(16,185,129,.5);--tw-shadow-colored: 0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_12px_32px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow: 0 12px 32px rgba(0,0,0,.5);--tw-shadow-colored: 0 12px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_16px_40px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow: 0 16px 40px rgba(0,0,0,.45);--tw-shadow-colored: 0 16px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow: 0 1px 2px rgba(0,0,0,.4);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_24px_80px_-24px_rgba\(0\,0\,0\,0\.8\)\]{--tw-shadow: 0 24px 80px -24px rgba(0,0,0,.8);--tw-shadow-colored: 0 24px 80px -24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_0_0_0\.5px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow: inset 0 0 0 .5px rgba(0,0,0,.15);--tw-shadow-colored: inset 0 0 0 .5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.04\)\,0_24px_48px_-24px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow: inset 0 1px 0 rgba(255,255,255,.04),0 24px 48px -24px rgba(0,0,0,.6);--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color), 0 24px 48px -24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-modal{--tw-shadow: 0 32px 100px rgba(0, 0, 0, .7), 0 0 0 .5px rgba(255, 255, 255, .05);--tw-shadow-colored: 0 32px 100px var(--tw-shadow-color), 0 0 0 .5px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-panel{--tw-shadow: -1px 0 60px rgba(0, 0, 0, .7);--tw-shadow-colored: -1px 0 60px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-\[var\(--border-primary\)\]{--tw-ring-color: var(--border-primary)}.ring-bg-primary{--tw-ring-opacity: 1;--tw-ring-color: rgb(7 7 7 / var(--tw-ring-opacity, 1))}.ring-bg-secondary{--tw-ring-opacity: 1;--tw-ring-color: rgb(20 20 20 / var(--tw-ring-opacity, 1))}.ring-emerald-500\/20{--tw-ring-color: rgb(16 185 129 / .2)}.ring-emerald-500\/40{--tw-ring-color: rgb(16 185 129 / .4)}.ring-emerald-brand{--tw-ring-opacity: 1;--tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1))}.ring-emerald-brand\/20{--tw-ring-color: rgb(16 185 129 / .2)}.ring-emerald-brand\/60{--tw-ring-color: rgb(16 185 129 / .6)}.ring-red-500\/60{--tw-ring-color: rgb(239 68 68 / .6)}.ring-transparent{--tw-ring-color: transparent}.ring-white\/10{--tw-ring-color: rgb(255 255 255 / .1)}.ring-white\/15{--tw-ring-color: rgb(255 255 255 / .15)}.ring-white\/\[0\.06\]{--tw-ring-color: rgb(255 255 255 / .06)}.ring-white\/\[0\.08\]{--tw-ring-color: rgb(255 255 255 / .08)}.ring-offset-1{--tw-ring-offset-width: 1px}.ring-offset-bg-secondary{--tw-ring-offset-color: #141414}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0_0_38px_rgba\(16\,185\,129\,0\.4\)\]{--tw-drop-shadow: drop-shadow(0 0 38px rgba(16,185,129,.4));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-2xl{--tw-backdrop-blur: blur(40px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,opacity\]{transition-property:background-color,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[color\,transform\]{transition-property:color,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[filter\,box-shadow\]{transition-property:filter,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[grid-template-rows\,opacity\]{transition-property:grid-template-rows,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,border-color\,box-shadow\]{transition-property:transform,border-color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-75{transition-duration:75ms}.ease-\[cubic-bezier\(0\.32\,0\.72\,0\,1\)\]{transition-timing-function:cubic-bezier(.32,.72,0,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.border-glass{border-color:#ffffff14}.\[--dashboard-gutter\:0\.75rem\]{--dashboard-gutter: .75rem}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.\[color-scheme\:dark\]{color-scheme:dark}.\[container-type\:inline-size\]{container-type:inline-size}.\[mask-image\:linear-gradient\(to_right\,transparent\,black_6\%\,black_94\%\,transparent\)\]{-webkit-mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent);mask-image:linear-gradient(to right,transparent,black 6%,black 94%,transparent)}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[text-wrap\:balance\]{text-wrap:balance}.\[text-wrap\:pretty\]{text-wrap:pretty}:root{--bg-primary: #070707;--bg-secondary: #141414;--border-primary: rgba(255, 255, 255, .06);--border-secondary: rgba(255, 255, 255, .08);--text-primary: #E9EDF4;--text-secondary: #858B94;--text-tertiary: #5F646D;--control-primary: #10B981;--control-primary-hover: #059669;--control-secondary: #2E2E2E;--control-secondary-hover: #3B3B3B;--other-red: #EF4444}[data-sonner-toaster] [data-sonner-toast][data-styled=true]{display:grid;grid-template-columns:18px minmax(0,1fr);-moz-column-gap:8px;column-gap:8px;align-items:flex-start;--toast-button-margin-start: 0px;--toast-button-margin-end: 0px}[data-sonner-toaster] [data-sonner-toast][data-styled=true]>[data-icon]{grid-column:1;grid-row:1;width:18px;height:18px;margin:calc((1.5em - 18px)/2) 0 0}[data-sonner-toaster] [data-sonner-toast][data-styled=true]>[data-icon]>svg{width:18px;height:18px;margin:0}[data-sonner-toaster] [data-sonner-toast][data-styled=true]>[data-content]{display:contents}[data-sonner-toaster] [data-sonner-toast][data-styled=true] [data-title],[data-sonner-toaster] [data-sonner-toast][data-styled=true] [data-description]{grid-column:1 / -1;min-width:0;overflow-wrap:anywhere}[data-sonner-toaster] [data-sonner-toast][data-styled=true]:has(>[data-icon]) [data-title]{grid-column:2;grid-row:1}[data-sonner-toaster] [data-sonner-toast][data-styled=true]>[data-button]{grid-column:1 / -1;justify-self:start;margin-inline:0}[data-sonner-toast][data-styled=true][data-type=error] [data-icon],[data-sonner-toast][data-styled=true][data-type=error] [data-title]{color:var(--other-red)}[data-sonner-toast][data-styled=true][data-type=error] [data-title]{font-weight:600}[data-sonner-toast][data-styled=true][data-type=warning] [data-icon],[data-sonner-toast][data-styled=true][data-type=warning] [data-title]{color:#fbbf24}[data-sonner-toast][data-styled=true][data-type=warning] [data-title]{font-weight:600}[data-sonner-toast][data-styled=true][data-type=success] [data-icon],[data-sonner-toast][data-styled=true][data-type=success] [data-title]{color:var(--control-primary)}[data-sonner-toast][data-styled=true][data-type=success] [data-title]{font-weight:600}@property --btn-promo-fill{syntax: "<color>"; inherits: false; initial-value: #2E2E2E;}@keyframes slide-in-price{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-in-price{animation:slide-in-price .3s cubic-bezier(.16,1,.3,1)}@keyframes progress-fill{0%{width:0%}to{width:100%}}@keyframes progress-fill-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-marquee-left{animation:marquee-left 30s linear infinite}.animate-marquee-right{animation:marquee-right 30s linear infinite}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.animate-caret{animation:caret-blink 1.06s steps(1,end) infinite}.recharts-wrapper:focus,.recharts-surface:focus{outline:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:9999px;background-color:#ffffff0f}::-webkit-scrollbar-thumb:hover{background-color:#ffffff1f}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.cap-wash{opacity:0;transition:opacity .45s cubic-bezier(.32,.72,0,1)}.cap-card:hover .cap-wash{opacity:1}.cap-card .cap-lift{transition:transform .45s cubic-bezier(.32,.72,0,1)}.cap-card:hover .cap-lift{transform:translateY(-2px)}.cap-pulse,.cap-ring{transform-box:fill-box;transform-origin:center}@keyframes cap-march-6{to{stroke-dashoffset:-12}}@keyframes cap-march-7{to{stroke-dashoffset:-14}}@keyframes cap-pulse{0%,26%,to{transform:scale(1)}10%{transform:scale(1.5)}}@keyframes cap-ring{0%{opacity:0;transform:scale(.95)}8%{opacity:.5}55%,to{opacity:0;transform:scale(2.1)}}@keyframes cap-breathe{0%,to{opacity:.78}50%{opacity:1}}@keyframes cap-packet{0%{stroke-dashoffset:8}to{stroke-dashoffset:-100}}.cap-card:hover :is(.cap-march-6,.cap-march-7,.cap-pulse,.cap-ring,.cap-breathe,.cap-packet){animation-iteration-count:infinite;animation-duration:2.4s}.cap-card:hover .cap-march-6{animation-name:cap-march-6;animation-duration:1.2s;animation-timing-function:linear}.cap-card:hover .cap-march-7{animation-name:cap-march-7;animation-duration:1.4s;animation-timing-function:linear}.cap-card:hover .cap-pulse{animation-name:cap-pulse;animation-timing-function:cubic-bezier(.32,.72,0,1)}.cap-card:hover .cap-ring{animation-name:cap-ring;animation-timing-function:ease-out}.cap-card:hover .cap-breathe{animation-name:cap-breathe;animation-timing-function:ease-in-out}.cap-card:hover .cap-packet{animation-name:cap-packet;animation-timing-function:cubic-bezier(.45,0,.35,1)}.cap-seq-1{animation-delay:0s}.cap-seq-2{animation-delay:.5s}.cap-seq-3{animation-delay:1s}@media(prefers-reduced-motion:reduce){.cap-card:hover :is(.cap-march-6,.cap-march-7,.cap-pulse,.cap-ring,.cap-breathe,.cap-packet){animation-name:none}.cap-card:hover .cap-lift{transform:none}}.nav-bar{background:color-mix(in srgb,var(--bg-secondary) 50%,transparent);box-shadow:0 4px 16px #0003}.nav-bar-scrolled{background:color-mix(in srgb,var(--bg-secondary) 75%,transparent);box-shadow:0 8px 32px #0006}.dashboard-grid[data-compact=true]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;height:auto!important}.dashboard-grid[data-compact=true]>[data-tile]{position:relative!important;width:100%!important;transform:none!important;transition:none!important;touch-action:pan-y!important;will-change:auto!important;min-width:0}.dashboard-grid[data-compact=true]>[data-tile=service]{height:auto!important;min-height:180px;cursor:pointer}.dashboard-grid[data-compact=true]>[data-tile=widget]{height:340px!important;cursor:default}@media(max-width:767px){.platform-shell{padding-bottom:env(safe-area-inset-bottom);overflow:hidden}.platform-content{overflow:hidden}.platform-content>*{min-height:0}.platform-content .overflow-y-auto,.mobile-section-scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.mobile-section-scroll{touch-action:pan-y pinch-zoom}.platform-topbar{padding:0 8px;gap:4px;height:48px}.platform-topbar>div:first-child{flex:1}.platform-topbar>div:last-child{flex-shrink:0;gap:4px}.platform-topbar button[aria-label="Choose workspace and project"]{padding:0 4px;gap:6px}.platform-topbar button[aria-label="Choose workspace and project"]>span:nth-of-type(-n+2){display:none}.project-switcher{position:fixed;top:48px;left:8px;right:8px;width:auto;max-height:calc(100dvh - 64px);overflow-y:auto;background:#0d0d0d;border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 16px 48px #0008}.project-switcher>svg{display:none}.project-switcher>div{flex-direction:column}.project-switcher>div>div{width:100%;flex:none}.project-switcher>div>div:first-child{border-bottom:1px solid var(--border-primary)}.project-switcher>div>div>.overflow-y-auto{max-height:30dvh}.platform-nav{display:none}.mobile-settings .settings-section{padding:24px 0 0}.mobile-settings .settings-section-heading{flex-wrap:wrap;gap:12px;margin-bottom:20px}.mobile-settings .settings-row{flex-wrap:wrap;gap:12px;padding:16px}.mobile-settings .settings-row>div:last-child{max-width:100%;flex-wrap:wrap}.mobile-settings .settings-invoice>:nth-child(-n+2){grid-column:1 / -1;max-width:100%}.mobile-settings .settings-invoice>:last-child{justify-content:flex-start}.mobile-settings .settings-row code{overflow-wrap:anywhere}.mobile-settings input,.mobile-settings select,.mobile-settings textarea{max-width:100%}}html[lang=ja]{font-family:Geist,-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-break:strict;word-break:normal}html[lang=ja] .prose{line-height:1.85}.placeholder\:text-txt-tertiary::-moz-placeholder{--tw-text-opacity: 1;color:rgb(95 100 109 / var(--tw-text-opacity, 1))}.placeholder\:text-txt-tertiary::placeholder{--tw-text-opacity: 1;color:rgb(95 100 109 / var(--tw-text-opacity, 1))}.placeholder\:text-txt-tertiary\/50::-moz-placeholder{color:#5f646d80}.placeholder\:text-txt-tertiary\/50::placeholder{color:#5f646d80}.backdrop\:bg-black\/70::backdrop{background-color:#000000b3}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-x-2\.5:before{content:var(--tw-content);left:-.625rem;right:-.625rem}.before\:inset-y-0:before{content:var(--tw-content);top:0;bottom:0}.before\:rounded-lg:before{content:var(--tw-content);border-radius:.5rem}.before\:bg-emerald-brand\/\[0\.08\]:before{content:var(--tw-content);background-color:#10b98114}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:bottom-0:after{content:var(--tw-content);bottom:0}.after\:left-5:after{content:var(--tw-content);left:1.25rem}.after\:right-5:after{content:var(--tw-content);right:1.25rem}.after\:h-px:after{content:var(--tw-content);height:1px}.after\:bg-\[var\(--border-secondary\)\]:after{content:var(--tw-content);background-color:var(--border-secondary)}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.after\:content-\[attr\(data-name\)\]:after{--tw-content: attr(data-name);content:var(--tw-content)}.first\:mt-0:first-child{margin-top:0}.first\:border-t-0:first-child{border-top-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.last\:pr-6:last-child{padding-right:1.5rem}.last\:after\:hidden:last-child:after{content:var(--tw-content);display:none}.odd\:bg-white\/\[0\.03\]:nth-child(odd){background-color:#ffffff08}.checked\:border-emerald-brand:checked{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.checked\:bg-emerald-brand:checked{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.focus-within\:border-emerald-brand\/80:focus-within{border-color:#10b981cc}.focus-within\:border-white\/\[0\.16\]:focus-within{border-color:#ffffff29}.focus-within\:opacity-100:focus-within{opacity:1}.focus-within\:ring-emerald-brand\/50:focus-within{--tw-ring-color: rgb(16 185 129 / .5)}.hover\:border-emerald-brand\/80:hover{border-color:#10b981cc}.hover\:border-transparent:hover{border-color:transparent}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:border-white\/\[0\.08\]:hover{border-color:#ffffff14}.hover\:border-white\/\[0\.12\]:hover{border-color:#ffffff1f}.hover\:border-white\/\[0\.14\]:hover{border-color:#ffffff24}.hover\:border-white\/\[0\.16\]:hover{border-color:#ffffff29}.hover\:border-white\/\[0\.2\]:hover{border-color:#fff3}.hover\:bg-\[\#1B1B1B\]:hover{--tw-bg-opacity: 1;background-color:rgb(27 27 27 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#1d1d1d\]:hover{--tw-bg-opacity: 1;background-color:rgb(29 29 29 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#3B3B3B\]:hover{--tw-bg-opacity: 1;background-color:rgb(59 59 59 / var(--tw-bg-opacity, 1))}.hover\:bg-\[var\(--control-primary\)\]:hover{background-color:var(--control-primary)}.hover\:bg-\[var\(--control-secondary-hover\)\]:hover{background-color:var(--control-secondary-hover)}.hover\:bg-\[var\(--pill-bg-hover\)\]:hover{background-color:var(--pill-bg-hover)}.hover\:bg-amber-400\/10:hover{background-color:#fbbf241a}.hover\:bg-amber-400\/20:hover{background-color:#fbbf2433}.hover\:bg-amber-500\/15:hover{background-color:#f59e0b26}.hover\:bg-bg-primary:hover{--tw-bg-opacity: 1;background-color:rgb(7 7 7 / var(--tw-bg-opacity, 1))}.hover\:bg-bg-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(20 20 20 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500\/25:hover{background-color:#3b82f640}.hover\:bg-emerald-500:hover{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-brand\/15:hover{background-color:#10b98126}.hover\:bg-emerald-brand\/20:hover{background-color:#10b98133}.hover\:bg-emerald-brand\/60:hover{background-color:#10b98199}.hover\:bg-emerald-brand\/90:hover{background-color:#10b981e6}.hover\:bg-red-400\/10:hover{background-color:#f871711a}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-500\/15:hover{background-color:#ef444426}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/\[0\.02\]:hover{background-color:#ffffff05}.hover\:bg-white\/\[0\.035\]:hover{background-color:#ffffff09}.hover\:bg-white\/\[0\.03\]:hover{background-color:#ffffff08}.hover\:bg-white\/\[0\.04\]:hover{background-color:#ffffff0a}.hover\:bg-white\/\[0\.05\]:hover{background-color:#ffffff0d}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}.hover\:bg-white\/\[0\.07\]:hover{background-color:#ffffff12}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}.hover\:bg-white\/\[0\.09\]:hover{background-color:#ffffff17}.hover\:bg-white\/\[0\.10\]:hover{background-color:#ffffff1a}.hover\:bg-white\/\[0\.12\]:hover{background-color:#ffffff1f}.hover\:bg-yellow-500\/30:hover{background-color:#eab3084d}.hover\:text-\[var\(--control-primary\)\]:hover{color:var(--control-primary)}.hover\:text-accent-red:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-amber-400:hover{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.hover\:text-emerald-300:hover{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.hover\:text-emerald-400:hover{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.hover\:text-emerald-brand:hover{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.hover\:text-emerald-hover:hover{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-txt-primary:hover{--tw-text-opacity: 1;color:rgb(233 237 244 / var(--tw-text-opacity, 1))}.hover\:text-txt-secondary:hover{--tw-text-opacity: 1;color:rgb(133 139 148 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-white\/70:hover{color:#ffffffb3}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-emerald-brand:hover{text-decoration-color:#10b981}.hover\:\!opacity-100:hover{opacity:1!important}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:ring-4:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ring-white\/15:hover{--tw-ring-color: rgb(255 255 255 / .15)}.focus\:border-amber-500\/40:focus{border-color:#f59e0b66}.focus\:border-emerald-brand:focus{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.focus\:border-emerald-brand\/50:focus{border-color:#10b98180}.focus\:border-emerald-brand\/80:focus{border-color:#10b981cc}.focus\:border-white\/20:focus{border-color:#fff3}.focus\:border-white\/\[0\.16\]:focus{border-color:#ffffff29}.focus\:border-white\/\[0\.2\]:focus{border-color:#fff3}.focus\:bg-white\/\[0\.06\]:focus{background-color:#ffffff0f}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-emerald-brand\/50:focus{--tw-ring-color: rgb(16 185 129 / .5)}.focus\:ring-white\/\[0\.16\]:focus{--tw-ring-color: rgb(255 255 255 / .16)}.focus-visible\:bg-white\/\[0\.06\]:focus-visible{background-color:#ffffff0f}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-offset-4:focus-visible{outline-offset:4px}.focus-visible\:outline-emerald-400:focus-visible{outline-color:#34d399}.focus-visible\:outline-emerald-brand:focus-visible{outline-color:#10b981}.focus-visible\:outline-white:focus-visible{outline-color:#fff}.focus-visible\:outline-white\/70:focus-visible{outline-color:#ffffffb3}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-4:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset: inset}.focus-visible\:ring-emerald-brand:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(16 185 129 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-emerald-brand\/50:focus-visible{--tw-ring-color: rgb(16 185 129 / .5)}.focus-visible\:ring-emerald-brand\/60:focus-visible{--tw-ring-color: rgb(16 185 129 / .6)}.focus-visible\:ring-white\/70:focus-visible{--tw-ring-color: rgb(255 255 255 / .7)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-bg-secondary:focus-visible{--tw-ring-offset-color: #141414}.active\:scale-\[0\.97\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x: .99;--tw-scale-y: .99;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.enabled\:hover\:border-txt-secondary:hover:enabled{--tw-border-opacity: 1;border-color:rgb(133 139 148 / var(--tw-border-opacity, 1))}.checked\:enabled\:hover\:border-emerald-brand:hover:enabled:checked{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:bg-emerald-brand\/30:disabled{background-color:#10b9814d}.disabled\:text-txt-tertiary:disabled{--tw-text-opacity: 1;color:rgb(95 100 109 / var(--tw-text-opacity, 1))}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:hover\:bg-transparent:hover:disabled{background-color:transparent}.disabled\:hover\:text-txt-secondary:hover:disabled{--tw-text-opacity: 1;color:rgb(133 139 148 / var(--tw-text-opacity, 1))}.disabled\:hover\:text-txt-tertiary:hover:disabled{--tw-text-opacity: 1;color:rgb(95 100 109 / var(--tw-text-opacity, 1))}.group\/lang[open] .group-open\/lang\:rotate-180,.group[open] .group-open\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-\[\#10B981\]\/60{border-color:#10b98199}.group:hover .group-hover\:border-emerald-brand\/40{border-color:#10b98166}.group\/resize:hover .group-hover\/resize\:bg-emerald-500\/40{background-color:#10b98166}.group:hover .group-hover\:bg-\[\#1d1d1d\]{--tw-bg-opacity: 1;background-color:rgb(29 29 29 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-emerald-hover{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-white\/\[0\.04\]{background-color:#ffffff0a}.group:hover .group-hover\:text-current{color:currentColor}.group:hover .group-hover\:text-emerald-brand\/60{color:#10b98199}.group:hover .group-hover\:text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-txt-primary{--tw-text-opacity: 1;color:rgb(233 237 244 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-txt-secondary{--tw-text-opacity: 1;color:rgb(133 139 148 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-txt-tertiary{--tw-text-opacity: 1;color:rgb(95 100 109 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.group\/day:hover .group-hover\/day\:opacity-40{opacity:.4}.group:hover .group-hover\:opacity-100{opacity:1}.group\/hour:hover .group-hover\/hour\:shadow-\[0_0_14px_rgba\(16\,185\,129\,0\.55\)\]{--tw-shadow: 0 0 14px rgba(16,185,129,.55);--tw-shadow-colored: 0 0 14px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:shadow-\[-12px_0_8px_-2px_\#1d1d1d\]{--tw-shadow: -12px 0 8px -2px #1d1d1d;--tw-shadow-colored: -12px 0 8px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:shadow-\[0_0_0_1px_rgba\(16\,185\,129\,0\.12\)\]{--tw-shadow: 0 0 0 1px rgba(16,185,129,.12);--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:shadow-\[0_18px_40px_-16px_rgba\(0\,0\,0\,0\.6\)\,0_0_0_1px_rgba\(16\,185\,129\,0\.35\)\]{--tw-shadow: 0 18px 40px -16px rgba(0,0,0,.6),0 0 0 1px rgba(16,185,129,.35);--tw-shadow-colored: 0 18px 40px -16px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group\/hour:hover .group-hover\/hour\:brightness-110{--tw-brightness: brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:hover .group-hover\:\[animation-play-state\:paused\]{animation-play-state:paused}.group:focus .group-focus\:opacity-100{opacity:1}.group:focus-visible .group-focus-visible\:text-txt-primary{--tw-text-opacity: 1;color:rgb(233 237 244 / var(--tw-text-opacity, 1))}.peer:checked~.peer-checked\:opacity-100{opacity:1}.peer:disabled~.peer-disabled\:text-white\/40{color:#fff6}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-\[current\=page\]\:bg-white\/5[aria-current=page]{background-color:#ffffff0d}.data-\[orientation\=horizontal\]\:h-1[data-orientation=horizontal]{height:.25rem}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal],.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:11rem}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:w-1[data-orientation=vertical]{width:.25rem}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-white\/\[0\.06\][data-selected=true]{background-color:#ffffff0f}.data-\[selected\=true\]\:text-white[data-selected=true]{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}@media(prefers-reduced-motion:no-preference){.motion-safe\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}}@media(prefers-reduced-motion:reduce){.motion-reduce\:transform-none{transform:none}.motion-reduce\:\!animate-none{animation:none!important}.motion-reduce\:animate-none{animation:none}.motion-reduce\:\!transition-none{transition-property:none!important}.motion-reduce\:transition-none{transition-property:none}}.dark\:border-border\/80:is(.dark *){border-color:#2e2e2ecc}.dark\:bg-transparent:is(.dark *){background-color:transparent}@media not all and (min-width:640px){.max-sm\:shadow-\[-16px_0_12px_-2px_\#141414\]{--tw-shadow: -16px 0 12px -2px #141414;--tw-shadow-colored: -16px 0 12px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media(max-width:419px){.max-\[419px\]\:sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}@media(max-width:379px){.max-\[379px\]\:gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}}@media(min-width:360px){.min-\[360px\]\:block{display:block}}@media(min-width:640px){.sm\:bottom-\[calc\(env\(safe-area-inset-bottom\,0px\)\+1rem\)\]{bottom:calc(env(safe-area-inset-bottom,0px) + 1rem)}.sm\:top-1{top:.25rem}.sm\:col-span-1{grid-column:span 1 / span 1}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:col-start-1{grid-column-start:1}.sm\:col-start-2{grid-column-start:2}.sm\:col-start-3{grid-column-start:3}.sm\:col-start-auto{grid-column-start:auto}.sm\:row-span-1{grid-row:span 1 / span 1}.sm\:row-span-4{grid-row:span 4 / span 4}.sm\:row-start-1{grid-row-start:1}.sm\:row-start-3{grid-row-start:3}.sm\:row-start-auto{grid-row-start:auto}.sm\:mt-12{margin-top:3rem}.sm\:mt-2\.5{margin-top:.625rem}.sm\:mt-3{margin-top:.75rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:contents{display:contents}.sm\:h-8{height:2rem}.sm\:h-\[330px\]{height:330px}.sm\:min-h-0{min-height:0px}.sm\:w-56{width:14rem}.sm\:w-\[330px\]{width:330px}.sm\:w-\[40\%\]{width:40%}.sm\:w-auto{width:auto}.sm\:min-w-\[15ch\]{min-width:15ch}.sm\:max-w-\[640px\]{max-width:640px}.sm\:flex-none{flex:none}.sm\:shrink-0{flex-shrink:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-\[105px_minmax\(0\,1fr\)_72px\]{grid-template-columns:105px minmax(0,1fr) 72px}.sm\:grid-cols-\[16px_minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)_auto\]{grid-template-columns:16px minmax(0,1fr) minmax(0,1.5fr) auto}.sm\:grid-cols-\[44px_minmax\(0\,1fr\)_auto\]{grid-template-columns:44px minmax(0,1fr) auto}.sm\:grid-cols-\[max-content_minmax\(0\,1fr\)\]{grid-template-columns:max-content minmax(0,1fr)}.sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.5fr\)_auto\]{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto}.sm\:grid-rows-subgrid{grid-template-rows:subgrid}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:items-center{align-items:center}.sm\:gap-1\.5{gap:.375rem}.sm\:gap-4{gap:1rem}.sm\:gap-5{gap:1.25rem}.sm\:gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.sm\:gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.sm\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.sm\:gap-y-0{row-gap:0px}.sm\:gap-y-1\.5{row-gap:.375rem}.sm\:whitespace-nowrap{white-space:nowrap}.sm\:border-l{border-left-width:1px}.sm\:border-t{border-top-width:1px}.sm\:border-white\/\[0\.06\]{border-color:#ffffff0f}.sm\:border-white\/\[0\.08\]{border-color:#ffffff14}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-2\.5{padding-left:.625rem;padding-right:.625rem}.sm\:px-3{padding-left:.75rem;padding-right:.75rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.sm\:pb-8{padding-bottom:2rem}.sm\:pl-8{padding-left:2rem}.sm\:pt-14{padding-top:3.5rem}.sm\:pt-2\.5{padding-top:.625rem}.sm\:text-left{text-align:left}.sm\:text-\[12\.5px\]{font-size:12.5px}.sm\:text-\[12px\]{font-size:12px}.sm\:text-\[14px\]{font-size:14px}.sm\:text-\[32px\]{font-size:32px}.sm\:text-\[36px\]{font-size:36px}.sm\:text-\[44px\]{font-size:44px}.sm\:text-\[88px\]{font-size:88px}.sm\:leading-\[19px\]{line-height:19px}.sm\:last\:pr-8:last-child{padding-right:2rem}}@media(min-width:768px){.md\:static{position:static}.md\:left-auto{left:auto}.md\:right-0{right:0}.md\:order-none{order:0}.md\:col-span-1{grid-column:span 1 / span 1}.md\:col-span-2{grid-column:span 2 / span 2}.md\:col-span-4{grid-column:span 4 / span 4}.md\:col-span-5{grid-column:span 5 / span 5}.md\:col-span-7{grid-column:span 7 / span 7}.md\:col-span-8{grid-column:span 8 / span 8}.md\:mx-0{margin-left:0;margin-right:0}.md\:mb-0{margin-bottom:0}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-4{margin-bottom:1rem}.md\:mb-5{margin-bottom:1.25rem}.md\:mb-6{margin-bottom:1.5rem}.md\:mb-\[14px\]{margin-bottom:14px}.md\:mb-\[15px\]{margin-bottom:15px}.md\:ml-auto{margin-left:auto}.md\:mr-auto{margin-right:auto}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:table-cell{display:table-cell}.md\:grid{display:grid}.md\:hidden{display:none}.md\:h-5{height:1.25rem}.md\:h-8{height:2rem}.md\:h-\[45\%\]{height:45%}.md\:h-\[52px\]{height:52px}.md\:h-\[92dvh\]{height:92dvh}.md\:min-h-0{min-height:0px}.md\:min-h-\[180px\]{min-height:180px}.md\:min-h-\[min\(760px\,100svh\)\]{min-height:min(760px,100svh)}.md\:w-14{width:3.5rem}.md\:w-32{width:8rem}.md\:w-36{width:9rem}.md\:w-40{width:10rem}.md\:w-5{width:1.25rem}.md\:w-64{width:16rem}.md\:w-8{width:2rem}.md\:w-\[300px\]{width:300px}.md\:w-\[320px\]{width:320px}.md\:w-\[480px\]{width:480px}.md\:w-\[560px\]{width:560px}.md\:w-\[min\(1400px\,96vw\)\]{width:min(1400px,96vw)}.md\:w-auto{width:auto}.md\:max-w-64{max-width:16rem}.md\:max-w-\[680px\]{max-width:680px}.md\:max-w-xs{max-width:20rem}.md\:flex-1{flex:1 1 0%}.md\:flex-none{flex:none}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[0\.85fr_1\.35fr\]{grid-template-columns:.85fr 1.35fr}.md\:grid-cols-\[140px_1fr\]{grid-template-columns:140px 1fr}.md\:grid-cols-\[145px_minmax\(0\,2fr\)_80px_90px_60px\]{grid-template-columns:145px minmax(0,2fr) 80px 90px 60px}.md\:grid-cols-\[180px_1fr\]{grid-template-columns:180px 1fr}.md\:grid-cols-\[1fr_244px\]{grid-template-columns:1fr 244px}.md\:grid-cols-\[1fr_268px\]{grid-template-columns:1fr 268px}.md\:grid-cols-\[200px_140px_1fr\]{grid-template-columns:200px 140px 1fr}.md\:grid-cols-\[72px_72px_1fr\]{grid-template-columns:72px 72px 1fr}.md\:grid-cols-\[minmax\(0\,2fr\)_140px_120px\]{grid-template-columns:minmax(0,2fr) 140px 120px}.md\:grid-cols-\[minmax\(110px\,1fr\)_minmax\(85px\,0\.7fr\)_minmax\(150px\,1\.8fr\)_minmax\(70px\,auto\)_16px\]{grid-template-columns:minmax(110px,1fr) minmax(85px,.7fr) minmax(150px,1.8fr) minmax(70px,auto) 16px}.md\:grid-cols-\[minmax\(120px\,1\.3fr\)_minmax\(80px\,0\.7fr\)_minmax\(130px\,1\.6fr\)_64px\]{grid-template-columns:minmax(120px,1.3fr) minmax(80px,.7fr) minmax(130px,1.6fr) 64px}.md\:grid-cols-\[minmax\(140px\,1fr\)_minmax\(100px\,0\.7fr\)_minmax\(200px\,2fr\)_minmax\(140px\,1fr\)_16px\]{grid-template-columns:minmax(140px,1fr) minmax(100px,.7fr) minmax(200px,2fr) minmax(140px,1fr) 16px}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-start{align-items:flex-start}.md\:justify-start{justify-content:flex-start}.md\:justify-center{justify-content:center}.md\:gap-0{gap:0px}.md\:gap-1\.5{gap:.375rem}.md\:gap-2{gap:.5rem}.md\:gap-2\.5{gap:.625rem}.md\:gap-3{gap:.75rem}.md\:gap-5{gap:1.25rem}.md\:gap-6{gap:1.5rem}.md\:gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.md\:gap-y-0{row-gap:0px}.md\:gap-y-4{row-gap:1rem}.md\:space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.md\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.md\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.md\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.md\:rounded-2xl{border-radius:1rem}.md\:rounded-\[9px\]{border-radius:9px}.md\:border-0{border-width:0px}.md\:border-l{border-left-width:1px}.md\:border-t-0{border-top-width:0px}.md\:p-2{padding:.5rem}.md\:p-4{padding:1rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-0{padding-top:0;padding-bottom:0}.md\:py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.md\:py-24{padding-top:6rem;padding-bottom:6rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:py-\[14px\]{padding-top:14px;padding-bottom:14px}.md\:pb-0{padding-bottom:0}.md\:pb-12{padding-bottom:3rem}.md\:pb-5{padding-bottom:1.25rem}.md\:pb-6{padding-bottom:1.5rem}.md\:pb-8{padding-bottom:2rem}.md\:pl-5{padding-left:1.25rem}.md\:pl-6{padding-left:1.5rem}.md\:pr-5{padding-right:1.25rem}.md\:pr-6{padding-right:1.5rem}.md\:pt-1\.5{padding-top:.375rem}.md\:pt-6{padding-top:1.5rem}.md\:pt-\[13px\]{padding-top:13px}.md\:pt-\[14px\]{padding-top:14px}.md\:pt-\[15px\]{padding-top:15px}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-\[19px\]{font-size:19px}.md\:text-\[20px\]{font-size:20px}.md\:text-\[28px\]{font-size:28px}.md\:text-\[32px\]{font-size:32px}.md\:text-\[36px\]{font-size:36px}.md\:text-\[40px\]{font-size:40px}.md\:text-\[44px\]{font-size:44px}.md\:text-\[48px\]{font-size:48px}.md\:text-\[54px\]{font-size:54px}.md\:leading-10{line-height:2.5rem}.md\:leading-\[30px\]{line-height:30px}.md\:leading-\[40px\]{line-height:40px}.md\:leading-\[48px\]{line-height:48px}.md\:leading-\[58px\]{line-height:58px}.md\:opacity-0{opacity:0}.md\:\[--dashboard-gutter\:1\.5rem\]{--dashboard-gutter: 1.5rem}.md\:\[grid-auto-rows\:300px\]{grid-auto-rows:300px}.group:hover .md\:group-hover\:opacity-100{opacity:1}}@media(min-width:900px){.min-\[900px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.min-\[900px\]\:grid-cols-\[minmax\(0\,1fr\)_320px\]{grid-template-columns:minmax(0,1fr) 320px}.min-\[900px\]\:gap-14{gap:3.5rem}}@media(min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-2{grid-column-start:2}.lg\:row-span-2{grid-row:span 2 / span 2}.lg\:row-start-1{grid-row-start:1}.lg\:row-start-2{grid-row-start:2}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mb-3{margin-bottom:.75rem}.lg\:mt-16{margin-top:4rem}.lg\:mt-4{margin-top:1rem}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-6{height:1.5rem}.lg\:h-\[400px\]{height:400px}.lg\:max-h-\[calc\(100vh-7rem\)\]{max-height:calc(100vh - 7rem)}.lg\:w-2\/3{width:66.666667%}.lg\:w-\[400px\]{width:400px}.lg\:w-\[520px\]{width:520px}.lg\:max-w-\[1080px\]{max-width:1080px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.lg\:grid-cols-\[0\.85fr_1\.55fr\]{grid-template-columns:.85fr 1.55fr}.lg\:grid-cols-\[auto_auto\]{grid-template-columns:auto auto}.lg\:grid-cols-\[minmax\(0\,1fr\)_240px\]{grid-template-columns:minmax(0,1fr) 240px}.lg\:grid-rows-\[minmax\(0\,1fr\)_auto\]{grid-template-rows:minmax(0,1fr) auto}.lg\:flex-col{flex-direction:column}.lg\:items-start{align-items:flex-start}.lg\:justify-start{justify-content:flex-start}.lg\:justify-center{justify-content:center}.lg\:gap-10{gap:2.5rem}.lg\:gap-12{gap:3rem}.lg\:gap-16{gap:4rem}.lg\:gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.lg\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.lg\:border-b-0{border-bottom-width:0px}.lg\:border-r{border-right-width:1px}.lg\:border-white\/\[0\.06\]{border-color:#ffffff0f}.lg\:p-5{padding:1.25rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-2{padding-top:.5rem;padding-bottom:.5rem}.lg\:pb-0{padding-bottom:0}.lg\:pl-5{padding-left:1.25rem}.lg\:pt-3{padding-top:.75rem}.lg\:pt-8{padding-top:2rem}.lg\:text-left{text-align:left}.lg\:text-\[18px\]{font-size:18px}.lg\:text-\[44px\]{font-size:44px}.lg\:last\:pr-5:last-child{padding-right:1.25rem}}@media(min-width:1280px){.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:mt-0{margin-top:0}.xl\:inline{display:inline}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:gap-24{gap:6rem}.xl\:gap-8{gap:2rem}.xl\:text-\[48px\]{font-size:48px}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\>\*\+\*\]\:relative>*+*{position:relative}.\[\&\>\*\+\*\]\:before\:absolute>*+*:before{content:var(--tw-content);position:absolute}.\[\&\>\*\+\*\]\:before\:left-3>*+*:before{content:var(--tw-content);left:.75rem}.\[\&\>\*\+\*\]\:before\:left-4>*+*:before{content:var(--tw-content);left:1rem}.\[\&\>\*\+\*\]\:before\:left-5>*+*:before{content:var(--tw-content);left:1.25rem}.\[\&\>\*\+\*\]\:before\:right-3>*+*:before{content:var(--tw-content);right:.75rem}.\[\&\>\*\+\*\]\:before\:right-4>*+*:before{content:var(--tw-content);right:1rem}.\[\&\>\*\+\*\]\:before\:right-5>*+*:before{content:var(--tw-content);right:1.25rem}.\[\&\>\*\+\*\]\:before\:top-0>*+*:before{content:var(--tw-content);top:0}.\[\&\>\*\+\*\]\:before\:h-px>*+*:before{content:var(--tw-content);height:1px}.\[\&\>\*\+\*\]\:before\:bg-\[var\(--border-primary\)\]>*+*:before{content:var(--tw-content);background-color:var(--border-primary)}.\[\&\>\*\+\*\]\:before\:content-\[\'\'\]>*+*:before{--tw-content: "";content:var(--tw-content)}.\[\&\>\*\]\:shrink-0>*{flex-shrink:0}.\[\&\>a\]\:block>a{display:block}.\[\&\>svg\]\:h-7>svg{height:1.75rem}.\[\&\>svg\]\:h-\[15px\]>svg{height:15px}.\[\&\>svg\]\:w-7>svg{width:1.75rem}.\[\&\>svg\]\:w-\[15px\]>svg{width:15px}.\[\&_img\]\:my-0 img{margin-top:0;margin-bottom:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}@media(hover:none){.\[\@media\(hover\:none\)\]\:opacity-100{opacity:1}}

/* Geist for the whole page: the site's own files (all weights, Latin and Cyrillic), as on the rest of lizard.build. */
@font-face { font-family: 'Geist'; src: url('/fonts/Geist-Regular-latin.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0-36F, U+530-10FFFF; }
@font-face { font-family: 'Geist'; src: url('/fonts/Geist-Regular-cyrillic.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+370-52F; }
@font-face { font-family: 'Geist'; src: url('/fonts/Geist-Medium-latin.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+0-36F, U+530-10FFFF; }
@font-face { font-family: 'Geist'; src: url('/fonts/Geist-Medium-cyrillic.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+370-52F; }
@font-face { font-family: 'Geist'; src: url('/fonts/Geist-SemiBold-latin.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+0-36F, U+530-10FFFF; }
@font-face { font-family: 'Geist'; src: url('/fonts/Geist-SemiBold-cyrillic.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+370-52F; }
@font-face { font-family: 'Geist'; src: url('/fonts/Geist-Bold-latin.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+0-36F, U+530-10FFFF; }
@font-face { font-family: 'Geist'; src: url('/fonts/Geist-Bold-cyrillic.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+370-52F; }
@font-face { font-family: 'Geist Mono'; src: url('/fonts/GeistMono-Regular-latin.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+0-36F, U+530-10FFFF; }
@font-face { font-family: 'Geist Mono'; src: url('/fonts/GeistMono-Regular-cyrillic.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+370-52F; }
@font-face { font-family: 'Geist Mono'; src: url('/fonts/GeistMono-Medium-latin.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+0-36F, U+530-10FFFF; }
@font-face { font-family: 'Geist Mono'; src: url('/fonts/GeistMono-Medium-cyrillic.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+370-52F; }
:root,html{--bg-primary:#070707;--bg-secondary:#141414;--text-primary:#E9EDF4;--text-secondary:#A1A6AE;--text-tertiary:#858B94;--control-primary:#10B981;--border-primary:#292929;--emerald-brand:#10B981;background:#070707;color:#E9EDF4;color-scheme:dark}
body{background:#070707;color:#E9EDF4}*{box-sizing:border-box}::selection{background:#059669;color:#070707}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #10B981!important;outline-offset:4px!important}button{cursor:pointer}img{max-width:100%}.text-white,.text-txt-primary{color:#E9EDF4!important}.text-txt-secondary{color:#A1A6AE!important}.text-txt-tertiary{color:#858B94!important}.text-emerald-brand{color:#10B981!important}.bg-bg-primary{background:#070707!important}.bg-bg-secondary{background:#141414!important}[class*="border-white"],[class*="divide-white"]>*{border-color:#292929!important}[class*="shadow-"]{box-shadow:none!important}[class*="bg-white/"]{background-color:#252525!important}[class*="bg-[#"]{background-color:#191919!important}[class*="text-white/"]{color:#A1A6AE!important}[class*="ring-white"]{--tw-ring-color:#292929!important}svg{flex-shrink:0}
.site-header{height:96px;max-width:1296px;padding:0 48px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242424;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:32px;font-weight:600;letter-spacing:-1.5px}.brand-mark{width:31px;height:36px;color:#10B981}.site-header nav{display:flex;gap:36px;font-size:14px}.site-header nav a:hover{color:#10B981;text-decoration:underline;text-underline-offset:6px}.header-cta{font-size:13px;font-weight:600;display:flex;gap:25px;border:1px solid #343434;border-radius:6px;padding:11px 16px}.header-cta:hover{background:#1C1C1C}.skip-link{position:absolute;left:12px;top:-100px;z-index:100}.skip-link:focus{top:8px;background:#fff;padding:12px}
main>section{border-color:#292929!important;padding-top:96px;padding-bottom:96px}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}.hero-art{margin:0 -50px 0 -5px;position:relative}.hero-art img{width:100%;height:520px;object-fit:contain;mix-blend-mode:normal;display:block}.hero-art:after{content:'01 — A little room to build.';display:block;font-family:Geist,sans-serif;text-align:right;font-size:10px;letter-spacing:.08em;color:#858B94;margin:-26px 66px 12px 0}.quickstart-wrap{grid-column:1/-1;margin:30px 14px 0;animation:none!important}.quickstart-wrap [data-sandbox-quickstart]{position:relative;border:1px solid #292929;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 #292929;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:#202020!important;padding:3px}.quickstart-wrap button[aria-pressed=true]{background:#303030!important;color:#E9EDF4!important;box-shadow:0 1px 3px #203f3312!important}.quickstart-wrap [aria-label='Copy to clipboard']{opacity:.65}.sdk-panel{white-space:pre-wrap;font:12px/1.65 ui-monospace,monospace;color:#E9EDF4;overflow-wrap:anywhere}.sdk-language{border:1px solid #343434;border-radius:5px;padding:4px 10px;margin:0 6px 8px 0;font-size:11px}
.hero-copy a[href*='/login'],main a[href*='/login']:not(.infra-card-link){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'] *,main a[href*='/login']:not(.infra-card-link) *{color:#fff!important}.hero-copy a[href*='/login']:hover,main a[href*='/login']:not(.infra-card-link):hover{background:#059669!important}.btn-secondary,.hero-copy a[href*='/docs/']{background:transparent!important;border:1px solid #343434!important;color:#E9EDF4!important;border-radius:6px!important;padding:13px 22px!important}.animate-fade-up{animation:none!important;opacity:1!important;transform:none!important}h2{font-size:40px!important;line-height:1.15!important;letter-spacing:-.035em!important;font-weight:600!important}h3{letter-spacing:-.012em}main>section>div{max-width:1152px}#sandbox-features>div>div:first-child:before{display:block;font-size:10px;font-weight:600;letter-spacing:.16em;color:#858B94;margin-bottom:20px}#sandbox-features>div>div:first-child:before{content:'02 / MAKE YOURSELF AT HOME'}#sandbox-features article>div:first-child{background:#141414!important;border:1px solid #292929;border-radius:9px}#sandbox-features article{padding-bottom:22px}#sandbox-features article h3{font-size:18px}#sandbox-features article p{line-height:1.6}#sandbox-features article [class*='bg-gradient']{background-image:none!important}#sandbox-features article [class*='shadow']{box-shadow:none!important}#sandbox-features article [style*='background']{background-color:#202020!important}#sandbox-features article [style*='color']{color:#A1A6AE!important}#sandbox-faq>div{max-width:850px}#sandbox-faq h2{margin-bottom:40px}#sandbox-faq h3{font-size:16px}#sandbox-faq p{font-size:14px;line-height:1.7;padding-bottom:24px}#sandbox-faq button{padding:22px 0}#sandbox-faq button[aria-expanded=true] svg{transform:rotate(180deg)}#sandbox-faq button[aria-expanded=true]+div{grid-template-rows:1fr!important;opacity:1!important}footer{align-items:stretch!important;max-width:1200px!important}footer [class*='opacity-']{opacity:1}footer button:hover{color:#10B981!important}#copy-status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#141414;color:white;padding:10px 20px;border-radius:7px;z-index:100;display:none;font-size:13px}#copy-status.show{display:block}.local-dialog{border:1px solid #343434;border-radius:14px;padding:28px;max-width:420px;background:#070707;color:#E9EDF4}.local-dialog::backdrop{background:#203f3366}.local-dialog button,.local-dialog a{display:inline-block;padding:10px;margin-top:16px;border:1px solid #343434;border-radius:5px}.local-dialog a{background:#10B981;color:#fff;margin-right:10px}
@media(min-width:1400px){.hero-art img{height:555px}}@media(max-width:1000px){.site-header{padding:0 30px}.hero-copy h1{font-size:45px!important}.hero-art img{height:420px}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))}.hero-art{margin-right:-30px}}
@media(max-width:700px){.site-header{height:76px;padding:0 22px}.site-header nav{display:none}.brand{font-size:27px}.header-cta{font-size:11px;padding:9px 12px;gap:15px}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}.hero-art{margin:8px -22px 0}.hero-art img{height:350px;width:100%;object-fit:contain}.hero-art:after{margin:-12px 24px 0 0;font-size:9px}.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 #292929;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}main>section{padding:64px 22px}h2{font-size:31px!important;line-height:1.18!important}#sandbox-features article>div:first-child{min-height:180px}#sandbox-faq h3{font-size:14px}.hero-copy a{font-size:13px!important}footer{padding:40px 22px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!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}.hero-art img{mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.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}
html,body{overflow-x:clip}.quickstart-wrap dd{color:#A1A6AE!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-art:after{content:none}

/* Figma Lizard UI kit: neutral dark surfaces and emerald primary controls. */
.hero-copy a[href*='/login'], main a[href*='/login']:not(.infra-card-link), .hero-copy a[href*='/login'] *, main a[href*='/login']:not(.infra-card-link) *{color:#070707!important}
.hero-copy a[href*='/login']:hover,main a[href*='/login']:not(.infra-card-link):hover{background:#059669!important}
.hero-art img{mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.header-cta{background:#141414;color:#E9EDF4}.brand-mark{color:#10B981}.local-dialog a{color:#070707}.skip-link:focus{background:#141414}#copy-status{color:#E9EDF4;border:1px solid #343434}

/* Source: Figma Lizard C6DrQoRJELOgY5t2Bv729q.
   Primary Large 4440:37937 / hover 4440:37953;
   Secondary Large 4440:40538; Tabs Large 4433:28673. */
:root{--lz-bg:#070707;--lz-surface:#141414;--lz-border:#2e2e2e;--lz-border-subtle:rgba(255,255,255,.08);--lz-primary:#10b981;--lz-primary-fill:rgba(5,150,105,.5);--lz-secondary:#2e2e2e;--lz-secondary-hover:#3b3b3b;--lz-text:#e9edf4;--lz-muted:#858b94;--lz-tertiary:#5f646d}
body .lz-button,body main .lz-button,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 .lz-button *,body main .lz-button *,body .hero-copy .lz-button *{color:var(--lz-text)!important}
body .lz-button.lz-primary,body main .lz-button.lz-primary,body .hero-copy .lz-button.lz-primary{background:var(--lz-primary-fill)!important;border:1px solid var(--lz-primary)!important}
body .lz-button.lz-primary:hover,body .lz-button.lz-primary:active,body main .lz-button.lz-primary:hover,body .hero-copy .lz-button.lz-primary:hover{background:var(--lz-primary)!important}
body .lz-button.lz-secondary,body main .lz-button.lz-secondary,body .hero-copy .lz-button.lz-secondary{background:var(--lz-secondary)!important;border:1px solid transparent!important}
body .lz-button.lz-secondary:hover,body main .lz-button.lz-secondary:hover,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 .text-txt-secondary,body .quickstart-wrap dd{color:var(--lz-muted)!important}body .text-txt-tertiary{color:var(--lz-tertiary)!important}
body main>section,body .site-header{border-color:var(--lz-border-subtle)!important}
body .quickstart-wrap [data-sandbox-quickstart], body #sandbox-features article>div:first-child{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, body #sandbox-features>div>div:first-child:before{content:none}
body .hero-copy>div{gap:12px!important}
body main .hero-copy a.lz-button.lz-primary,body main a.lz-button.lz-primary,body header 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,body main a.lz-button.lz-primary:hover,body header a.lz-button.lz-primary:hover{background:var(--lz-primary)!important}
body main .hero-copy a.lz-button.lz-secondary,body main button.lz-button.lz-secondary{background:var(--lz-secondary)!important;border:1px solid transparent!important}
body main .hero-copy a.lz-button.lz-secondary:hover,body main button.lz-button.lz-secondary:hover{background:var(--lz-secondary-hover)!important}

/* Three restrained compositions: hero, pricing, benchmarks. UI tokens live in brand.css. */
body{isolation:isolate}main{position:relative}main>section{position:relative;isolation:isolate;overflow:hidden}
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-art{position:absolute;z-index:-1;pointer-events:none;top:-24px;right:-110px;width:850px;height:570px;margin:0;max-width:none;opacity:.64}
body .hero-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent)}
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}
body main>section>.scenery{position:absolute!important;inset:0!important;z-index:-1!important;max-width:none!important;width:100%;height:100%;margin:0!important;padding:0!important;pointer-events:none;mix-blend-mode:screen;background-repeat:no-repeat;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent)}
body #sandbox-features{padding-top:96px;padding-bottom:96px}
body #sandbox-faq{padding-top:96px;padding-bottom:96px}
body .header-cta{white-space:nowrap;flex-shrink:0}
@media(max-width:1000px){body main>section:first-child{padding:40px 30px 60px}body .hero-copy{width:49%;min-height:420px}body .hero-art{right:-155px;width:740px;height:520px;top:-12px}}
@media(max-width:700px){body main>section:first-child{padding:36px 22px 48px}body header a.header-cta.lz-button{padding:9px 12px!important;font-size:12px!important}body .hero-copy{width:100%;min-height:0;display:block;padding:0 3px 12px}body .hero-copy:after{display:none}body .hero-art{position:relative;top:auto;right:auto;width:calc(100% + 44px);height:265px;margin:-18px -22px -12px;opacity:.7;mask-image:linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent)}body .hero-art img{object-fit:contain;mask-image:none;-webkit-mask-image:none}body .quickstart-wrap{margin:16px 0 0}body #sandbox-features,body #sandbox-faq{padding:64px 22px}}
/* Restore the richer composition at roughly 80% of its former scale. */
@media(min-width:701px){
 body .hero-art{width:840px;height:608px;right:-80px;top:-40px;opacity:.9}
 body .hero-copy{min-height:430px}
 body .hero-copy:after{background:linear-gradient(90deg,#070707 20%,#070707bd 58%,transparent)}
}
@media(max-width:700px){
 body .hero-art{height:300px;opacity:.88}
}
/* Feather scenery at section boundaries in fixed pixels, independent of section height. */
body main>section{border-top-color:transparent!important;border-bottom-color:transparent!important}
body main>section>.scenery{
 mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.06) 32px,rgba(0,0,0,.3) 80px,rgba(0,0,0,.72) 140px,#000 210px,#000 calc(100% - 180px),transparent 100%);
 -webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.06) 32px,rgba(0,0,0,.3) 80px,rgba(0,0,0,.72) 140px,#000 210px,#000 calc(100% - 180px),transparent 100%);
}
body .hero-art{mask-image:linear-gradient(to bottom,transparent,#000 80px,#000 calc(100% - 100px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 80px,#000 calc(100% - 100px),transparent)}
@media(max-width:700px){body main>section>.scenery{mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.3) 65px,#000 150px,#000 calc(100% - 120px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.3) 65px,#000 150px,#000 calc(100% - 120px),transparent)}}
body main>section{border-top-style:none!important;border-bottom-style:none!important}

body #sandbox-features>.scenery{background-image:url('/assets/sandbox-landing-1d175188d06b/assets/hokusai-garden.webp');background-position:right 0 top -260px;background-size:1000px auto;opacity:.85}
@media(max-width:700px){body #sandbox-features>.scenery{background-size:600px auto;background-position:right -25px top -50px;opacity:.55}}
/* Garden follows the complete feature grid rather than only its heading. */
body #sandbox-features>.scenery{background-size:auto 115%;background-position:right center;opacity:.85}
@media(min-width:1800px){body #sandbox-features>.scenery{background-size:auto 130%;background-position:right center}}
@media(max-width:1100px){body #sandbox-features>.scenery{background-size:auto 100%;background-position:right -140px center;opacity:.68}body #sandbox-features>div:not(.scenery){max-width:calc(100% - 64px);margin-left:0}}
@media(max-width:700px){body #sandbox-features>.scenery{background-size:auto 100%;background-position:right -280px center;opacity:.5}body #sandbox-features>div:not(.scenery){max-width:calc(100% - 20px);margin-left:0}}

/* Wider page composition and a quietly animated, full-bleed hero scene. */
:root{--page-width:1600px}
body .site-header{max-width:1760px;padding-left:48px;padding-right:48px}
body main>section>div:not(.scenery):not(.petal-field){max-width:var(--page-width);margin-left:auto;margin-right:auto}
body #sandbox-features>div:not(.scenery){max-width:var(--page-width);margin-left:auto;margin-right:auto}
body #sandbox-faq>div:not(.scenery){max-width:1040px}
body footer{max-width:var(--page-width)!important}
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)}
body .hero-art{width:min(88vw,1440px);height:auto;aspect-ratio:3/2;top:-95px;right:-90px;opacity:1;margin:0;isolation:isolate;mask-image:linear-gradient(0deg,transparent,#000 14%,#000 91%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,#000 14%,#000 91%,transparent)}
body .hero-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 11%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 11%,#000 94%,transparent)}
.lizard-breath{position:absolute;inset:0;background:url('/assets/sandbox-landing-1d175188d06b/assets/hokusai-hero-no-sea.png') center/100% 100% no-repeat;mask-image:radial-gradient(ellipse 28% 26% at 77% 46%,#000 42%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 28% 26% at 77% 46%,#000 42%,transparent 100%);transform-origin:77% 68%;animation:cozy-breath 6.5s ease-in-out infinite;will-change:transform}
@keyframes cozy-breath{0%,100%{transform:translateY(0) scaleY(1)}48%{transform:translateY(-1px) scaleY(1.012)}}
.sakura-petals{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sakura-petal{position:absolute;left:var(--x);top:var(--top);width:var(--size);height:calc(var(--size)*1.55);opacity:0;animation:sakura-fall var(--duration) linear infinite;animation-delay:var(--delay);transform-origin:center}
.sakura-petal-shape{position:relative;display:block;width:100%;height:100%;color:#e6a089;transform-origin:center}
.sakura-petal-shape:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 42%,#48271b26 48%,transparent 55%),currentColor;mask:url('/assets/sandbox-landing-1d175188d06b/assets/sakura-petal.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/sandbox-landing-1d175188d06b/assets/sakura-petal.svg') center/100% 100% no-repeat}
.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}
.motion-paused .lizard-breath,.motion-paused .sakura-petal{animation-play-state:paused}
body .quickstart-wrap{margin:20px 0 0}
@media(min-width:1800px){body .hero-copy{min-height:700px}body .hero-art{width:1580px;right:-75px;top:-140px}.hero-motion-toggle{top:650px}}
@media(max-width:1100px){body .hero-copy{min-height:540px;width:46%}body .hero-art{width:1050px;right:-200px;top:-60px}.hero-motion-toggle{top:495px}body .hero-copy h1{font-size:48px!important}}
@media(max-width:700px){body .site-header{padding:0 20px}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-art{position:relative;inset:auto;width:calc(100% + 40px);height:auto;aspect-ratio:3/2;margin:0 -20px 12px;opacity:1}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}body #sandbox-features>div:not(.scenery){max-width:100%}.sakura-petal{max-width:5px;max-height:8px}}
@media(prefers-reduced-motion:reduce){.lizard-breath,.sakura-petal{animation:none!important}.sakura-petal{display:none}.hero-motion-toggle{display:none}}

/* Visible flutter: individual petals drift, turn and descend from the canopy. */
@keyframes sakura-fall{
 0%{transform:translate3d(0,0,0) rotate(0deg) scaleX(1);opacity:0}
 10%{opacity:.9}
 25%{transform:translate3d(-34px,calc(var(--fall)*.25),0) rotate(75deg) scaleX(.65);opacity:.85}
 50%{transform:translate3d(-16px,calc(var(--fall)*.5),0) rotate(170deg) scaleX(1);opacity:.85}
 75%{transform:translate3d(-75px,calc(var(--fall)*.75),0) rotate(245deg) scaleX(.6);opacity:.7}
 90%{opacity:.5}
 100%{transform:translate3d(-100px,var(--fall),0) rotate(340deg) scaleX(1);opacity:0}
}
@media(max-width:700px){.sakura-petal{max-width:6px;max-height:9px}.sakura-petal:nth-child(n+19){display:none}}

/* Let the scene fade out before the quickstart card instead of touching it. */
body .hero-art{
 --scene-end:725px;
 mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 calc(var(--scene-end) - 180px),transparent var(--scene-end));
 -webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 calc(var(--scene-end) - 180px),transparent var(--scene-end));
}
body .quickstart-wrap{margin-top:64px}
@media(min-width:1800px){body .hero-art{--scene-end:840px}}
@media(max-width:1100px){body .hero-art{--scene-end:600px}}
@media(max-width:700px){
 body .hero-art{--scene-end:100%;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 65%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 65%,transparent)}
 body .quickstart-wrap{margin-top:24px}
}

/* Original public-site navigation, isolated from the illustrated landing. */
.production-header{--bg-secondary:#141719;--control-primary:#10b981;z-index:100;padding-inline:48px}
.production-header .nav-bar{max-width:var(--page-width,1600px);background:rgba(10,12,13,.8)}
.production-header .language-icon{width:20px;height:20px;color:#858b94}
.production-header summary:hover .language-icon{color:#e9edf4}
.production-header button{cursor:pointer}
.production-header [data-dropdown][aria-hidden="false"]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1)}
.production-header a:focus-visible,.production-header button:focus-visible{outline:2px solid #10b981;outline-offset:4px}
.production-header a[style*="control-primary"]:hover{background:#10b981!important}
.production-header .mobile-navigation{position:absolute;top:80px;left:16px;right:16px;padding:20px;background:#141719;border:1px solid #ffffff14;border-radius:16px;max-height:calc(100dvh - 96px);overflow:auto}
.production-header .mobile-navigation[hidden]{display:none}
.production-header .mobile-navigation a{display:flex;align-items:center;gap:12px;padding:10px 8px;font-size:14px;color:#b5bac3}
.production-header .mobile-navigation p{color:#858b94;font-size:12px;margin:12px 8px 6px}
.production-header .mobile-navigation .mobile-actions{display:flex;flex-wrap:wrap;gap:12px;border-top:1px solid #ffffff14;margin-top:12px;padding-top:12px}
body main{padding-top:96px}
@media(min-width:768px){.production-header .mobile-navigation{display:none}}
@media(min-width:768px) and (max-width:1100px){.production-header{padding-inline:30px}}
@media(max-width:767px){.production-header{padding-inline:16px}}
@media(max-width:767px){body main{padding-top:76px}}

/* A quieter scene with the install action in the first-screen composition. */
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 .hero-art{width:min(73vw,1160px);height:auto;aspect-ratio:3/2;right:-25px;top:-35px;opacity:.76;--scene-end:650px}
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-art{width:1250px;right:0;top:-40px;--scene-end:690px}body .hero-copy{padding-top:80px}}
@media(max-width:1100px){body .hero-copy{width:60%;padding-top:40px}body .hero-art{width:880px;right:-175px;top:0;--scene-end:620px}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-art{position:relative;width:calc(100% + 40px);inset:auto;margin:4px -20px 0;opacity:.8;--scene-end:100%}
 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}
}

/* Keep the girl and her workspace visible; anchor installation below the lizard. */
@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}}

/* Shared axes for the promise, scene and first useful action. */
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:#a0a5ad}
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 .hero-art{grid-column:2;grid-row:1;position:relative;inset:auto;width:calc(100% + 230px);max-width:none;height:auto;aspect-ratio:3/2;margin:0 0 0 -125px;opacity:.8;--scene-end:100%;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 77%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 77%,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 .hero-art{width:calc(100% + 170px);margin-left:-110px}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 .hero-art{width:calc(100% + 160px);margin-left:-80px}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 .hero-art{width:calc(100% + 40px);margin:12px -20px 0}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}}

/* The illustration frames the hero; the install surface has its own quiet base. */
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 .hero-art{position:absolute;grid-area:auto;z-index:-1;top:-30px;right:-90px;left:auto;width:1120px;height:auto;aspect-ratio:3/2;margin:0;opacity:.72;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 62%,transparent 88%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 62%,transparent 88%)}
body .hero-art>img{mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,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:#101010!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-art{width:1250px;top:-65px;right:-110px}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 .hero-art{width:850px;right:-170px;top:-5px}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 .hero-art{position:relative;inset:auto;width:calc(100% + 40px);margin:8px -20px 0;opacity:.8;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 65%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 65%,transparent)}body .quickstart-wrap{margin:0!important;padding-top:22px}body .quickstart-wrap .hero-motion-toggle{top:-12px}}
@media(min-width:701px){
 body .hero-art{mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 56%,transparent 80%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 56%,transparent 80%)}
}

/* Two-line promise with enough room for the specific agent workflow. */
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}}

/* Put the promise on the scene's central sightline, above the two characters. */
@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 .hero-art{width:1440px;top:-42px;right:auto;left:50%;transform:translateX(-50%);margin:0;opacity:.68;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 65%,transparent 91%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 65%,transparent 91%)}
 body .hero-art:after{content:'';position:absolute;inset:0;margin:0;pointer-events:none;background:radial-gradient(ellipse 20% 28% at 41% 53%,#07070780,transparent 100%)}
 body .sakura-petals{z-index:1}
 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}
 body .hero-art{width:1520px;top:-60px}
}
@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-art{width:1280px;top:0}
 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 .hero-art{width:calc(100% + 180px);top:35px}
 body .quickstart-wrap{grid-column:1/-1;width:500px;max-width:75%;margin-right:0!important}
}

@font-face{font-family:'Funnel Sans';font-style:normal;font-weight:300 800;font-display:swap;src:url('/assets/sandbox-landing-1d175188d06b/assets/funnel-sans-variable.ttf') format('truetype')}
@font-face{font-family:'DotGothic16';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/sandbox-landing-1d175188d06b/assets/dotgothic16.ttf') format('truetype')}
@font-face{font-family:'Sora';font-style:normal;font-weight:100 800;font-display:swap;src:url('/assets/sandbox-landing-1d175188d06b/assets/sora-variable.ttf') format('truetype')}
@font-face{font-family:'M PLUS 1';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/sandbox-landing-1d175188d06b/assets/m-plus-1-variable.ttf') format('truetype')}

/* Geist typography from the SF Japanese study on the original landing. */
html body,html body :where(*:not(svg):not(svg *)){font-family:Geist,Arial,sans-serif!important}
html body :is(h1,h2,h3,h4,h5,h6),html body :is(h1,h2,h3,h4,h5,h6) *{font-family:Geist,Arial,sans-serif!important;font-weight:600!important;font-synthesis:none}
html body main :is(h1,h2){font-weight:600!important;letter-spacing:-.02em!important;line-height:1.12!important}
html body main h3{font-weight:600!important;letter-spacing:-.015em!important}
html body :is(button,[role="button"],[role="tab"],.lz-button,.header-cta),html body :is(button,[role="button"],[role="tab"],.lz-button,.header-cta) *{font-family:Geist,Arial,sans-serif!important}
html body :is(button,[role="tab"],.lz-button,.header-cta){font-weight:500!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}}

.production-header .nav-bar{gap:16px}
html body :is(code,pre),html body :is(code,pre) *{font-family:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace!important}
body .quickstart-wrap code,body .quickstart-wrap .sdk-panel{letter-spacing:-.01em;line-height:1.7}

/* Technical labels use the same monospace stack as the SF Japanese study. */
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:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-weight:500!important;letter-spacing:.035em}

/* Temporary layers inherit the precise typography of the original text. */
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}}
html body .decode-run,html body .decode-run *{font-family:inherit!important;font-weight:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}
.decode-word{position:relative;display:inline-block;white-space:pre}
/* Keep click targets stable while temporary glyph wrappers appear and disappear. */
:is(button,[role="button"],[role="tab"],.lz-button,.header-cta) .decode-run{pointer-events:none}
.decode-source{opacity:1}
.decode-letters{position:absolute;inset:0;pointer-events:none;user-select:none;opacity:0}
.decode-char{position:absolute;top:0;bottom:0;white-space:pre}
.decode-english{position:absolute;inset:0;opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1)}
.decode-english::after{content:attr(data-letter)}
html body .decode-glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;user-select:none;color:#69d9a6;text-shadow:0 0 6px #10b98140;font-family:'DotGothic16','M PLUS 1','Hiragino Kaku Gothic ProN',sans-serif!important;font-size:min(.78em,var(--decode-slot,1em));font-weight:400;line-height:1;letter-spacing:0!important;transition:opacity .24s ease-in-out}
/* Branded controls normally force their text color and font onto descendants. */
html body :is(button,[role="button"],[role="tab"],.lz-button,.header-cta) .decode-glyph{color:#69d9a6!important;font-family:'DotGothic16','M PLUS 1','Hiragino Kaku Gothic ProN',sans-serif!important}
.decode-glyph::after{content:attr(data-glyph)}
.decode-lit{opacity:.85!important}
.decode-running .decode-source{opacity:0}
.decode-running .decode-letters{opacity:1;animation:decode-arrive .45s ease-out both}
.decode-resolved .decode-english{opacity:1;animation:decode-lock 1s ease-out both}
.decode-resolved .decode-glyph{opacity:0!important;transition-duration:.55s}
@keyframes decode-arrive{from{opacity:.25}to{opacity:1}}
@keyframes decode-lock{0%{color:#91eac0}100%{color:inherit}}
/* Keep the green decode responsive on buttons without changing their metrics. */
html body :is(button,[role="button"],[role="tab"],.lz-button,.header-cta) .decode-running .decode-letters{animation-duration:.12s}
html body :is(button,[role="button"],[role="tab"],.lz-button,.header-cta) .decode-english{transition-duration:.18s}
html body :is(button,[role="button"],[role="tab"],.lz-button,.header-cta) .decode-glyph{transition-duration:.1s}
html body :is(button,[role="button"],[role="tab"],.lz-button,.header-cta) .decode-resolved .decode-glyph{transition-duration:.18s}
html body :is(button,[role="button"],[role="tab"],.lz-button,.header-cta) .decode-resolved .decode-english{animation-duration:.32s}
@media(prefers-reduced-motion:reduce){.decode-source{opacity:1!important}.decode-letters{display:none!important}}

/* Woodblock scenes leave a deliberate clear area for the product and installer. */
body .hero-copy:after,body .hero-art:after{display:none}
body .hero-art{opacity:1;mix-blend-mode:screen;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 92%,transparent)}
body .hero-art>img{mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
body .lizard-breath{mask-image:radial-gradient(ellipse 21% 24% at 83% 71%,#000 48%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 21% 24% at 83% 71%,#000 48%,transparent 100%);transform-origin:87% 88%}
@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-art{--scene-top:180px;width:min(calc(100% + 96px),1680px);height:auto;aspect-ratio:3/2;top:-180px;left:50%;right:auto;transform:translateX(-50%);mask-image:linear-gradient(to bottom,transparent var(--scene-top),#000 calc(var(--scene-top) + 120px),#000 92%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent var(--scene-top),#000 calc(var(--scene-top) + 120px),#000 92%,transparent)}
 body .hero-motion-toggle{top:auto;bottom:24px;right:0}
}
@media(min-width:1800px){
 body .hero-layout{max-width:1600px!important;min-height:850px}
 body .hero-art{--scene-top:220px;top:-220px}
}
@media(min-width:701px) and (max-width:1300px){
 body .hero-layout{min-height:850px}
 body .hero-art{--scene-top:0px;top:calc(610px - 45vw);width:calc(100% + 96px)}
 body .hero-art>img{mask-image:none;-webkit-mask-image:none}
}
body #sandbox-features>.scenery{opacity:.7}
@media(max-width:700px){
 body .hero-layout{min-height:0}
 body .hero-art{position:relative;inset:auto;transform:none;width:calc(100% + 40px);height:calc(100vw * .36);aspect-ratio:auto;overflow:hidden;margin:26px -20px 0;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 89%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 89%,transparent)}
 body .hero-art>img{inset:auto 0 0;width:100%;height:auto;mask-image:none;-webkit-mask-image:none}
 body .lizard-breath{background-size:100% auto;background-position:center bottom;mask-image:radial-gradient(ellipse 24% 50% at 83% 54%,#000 42%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 24% 50% at 83% 54%,#000 42%,transparent 100%);transform-origin:87% 88%}
 body .hero-motion-toggle{margin:4px 0 0}
 body #sandbox-features>.scenery{opacity:.45}
}

/* Use the artwork's own coordinates, also when mobile crops its upper half. */
.girl-glitch{position:absolute;inset:auto 0 0;aspect-ratio:3/2;pointer-events:none;z-index:2}
.girl-glitch>i{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;mask:url('/assets/sandbox-landing-1d175188d06b/assets/girl-glitch-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('/assets/sandbox-landing-1d175188d06b/assets/girl-glitch-mask.svg') center/100% 100% no-repeat;animation-duration:8.8s;animation-iteration-count:infinite;animation-timing-function:linear}
.girl-glitch-ink,.girl-glitch-echo{background:url('/assets/sandbox-landing-1d175188d06b/assets/hokusai-hero-no-sea.png') center/100% 100% no-repeat;filter:grayscale(1) sepia(1) saturate(6) hue-rotate(90deg) brightness(1.8)}
.girl-glitch-ink{animation-name:girl-ink-flicker}
.girl-glitch-echo{animation-name:girl-ink-shift;clip-path:polygon(0 67%,100% 67%,100% 69%,0 69%,0 73%,100% 73%,100% 75%,0 75%,0 79%,100% 79%,100% 81%,0 81%)}
.girl-glitch-scan{background:repeating-linear-gradient(to bottom,transparent 0 5px,#5affb970 5px 6px,transparent 6px 12px);mix-blend-mode:screen;animation-name:girl-scan-flicker}
/* A short synchronized glitch gives way to the unaltered illustration. */
@keyframes girl-ink-flicker{
 0%,23%,43%,100%{opacity:0}
 27%{opacity:.7}
 30%{opacity:.18}
 34%{opacity:.82}
 37%{opacity:.52}
}
@keyframes girl-ink-shift{
 0%,26%,40%,100%{opacity:0;transform:translateX(0)}
 28%{opacity:.65;transform:translateX(3px)}
 30%{opacity:.1;transform:translateX(-2px)}
 34%{opacity:.55;transform:translateX(-4px)}
 37%{opacity:.3;transform:translateX(2px)}
}
@keyframes girl-scan-flicker{
 0%,24%,43%,100%{opacity:0;transform:translateY(0)}
 28%{opacity:.65;transform:translateY(1px)}
 31%{opacity:.2;transform:translateY(0)}
 35%{opacity:.75;transform:translateY(-1px)}
 39%{opacity:.15;transform:translateY(0)}
}
.motion-paused .girl-glitch>i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.girl-glitch{display:none}.girl-glitch>i{animation:none!important}}

/* The overlay shares the illustration's coordinates, including its mobile crop. */
.lizard-contour{position:absolute;inset:auto 0 0;aspect-ratio:3/2;pointer-events:none;z-index:2}
.lizard-contour svg{display:block;width:100%;height:100%;overflow:visible;fill:none}
.lizard-contour-pulse,.lizard-contour-echo{opacity:0;animation-duration:2.8s;animation-iteration-count:infinite;animation-timing-function:linear}
.lizard-contour-pulse{animation-name:lizard-edge-pulse;filter:drop-shadow(0 0 3px #10b98199)}
.lizard-contour-line{stroke:#44eaa8;stroke-width:1.8;opacity:.65}
.lizard-contour-fragments{stroke:#abffdc;stroke-width:2.2;stroke-dasharray:26 54 9 86;animation:lizard-edge-travel 2.8s linear infinite}
.lizard-contour-echo{stroke:#10e99e;stroke-width:2;stroke-dasharray:44 83 13 115;animation-name:lizard-edge-shift;clip-path:polygon(0 39%,100% 39%,100% 43%,0 43%,0 56%,100% 56%,100% 60%,0 60%,0 73%,100% 73%,100% 77%,0 77%,0 83%,100% 83%,100% 87%,0 87%)}
/* A 1.8-second glitch followed by one full second without an outline. */
@keyframes lizard-edge-pulse{
 0%,64.285714%,100%{opacity:0}
 8%{opacity:.46}
 16%{opacity:.1}
 25%{opacity:.7}
 31%{opacity:.25}
 38%{opacity:.58}
 51%{opacity:.18}
}
@keyframes lizard-edge-shift{
 0%,8%,55%,100%{opacity:0;transform:translateX(0)}
 15%{opacity:.5;transform:translateX(2px)}
 21%{opacity:.08;transform:translateX(-1px)}
 28%{opacity:.56;transform:translateX(-3px)}
 34%{opacity:.12;transform:translateX(1px)}
 42%{opacity:.4;transform:translateX(2px)}
}
@keyframes lizard-edge-travel{to{stroke-dashoffset:-175}}
.motion-paused .lizard-contour *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.lizard-contour{display:none}.lizard-contour *{animation:none!important}}

/* Installation is a secondary action in the central hero stack. */
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:#101212f2;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:#c8d2cc}
body .hero-copy .install-tabs [role=group]{padding:2px!important;background:#191b1b!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:#c1c8c4!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:#222625;color:#c3cac7!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:#2e3532;color:#fff!important}
body .hero-copy .install-copy[data-copied]{color:#6ee7b7!important;background:#113629}
@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}
}
/* Let the scene frame the installation surface without a bright wave behind it. */
@media(min-width:701px){
 body .hero-art:after{content:'';display:block;position:absolute;inset:0;margin:0;pointer-events:none;background:radial-gradient(ellipse 26% 12% at 50% 77%,#07070775,transparent 100%)}
}

body #sandbox-benefits{background:#070707;padding:88px 48px 70px;position:relative;isolation:isolate}
.benefits-container{max-width:1320px;margin:auto}
.benefits-heading{text-align:center;margin:0 auto 44px;max-width:880px}
html body .benefits-eyebrow{font-family:Geist,Arial,sans-serif!important;font-size:12px;letter-spacing:.07em;color:#80ac9a;margin:0 0 16px}
html body #sandbox-benefits h2{font-size:clamp(29px,3.2vw,44px)!important;margin:0;line-height:1.16!important}
.infrastructure-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.infra-card{grid-column:span 4;min-width:0;min-height:355px;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,#111a1c,#0d1314 70%);border:1px solid #2c3b3e;border-radius:14px;box-shadow:inset 0 1px 0 #d9e2c306;transition:border-color .3s}
.infra-card:hover{border-color:#416356}
.infra-main{grid-column:span 6;min-height:420px}.infra-volume,.infra-deploy{grid-column:span 3;min-height:420px}
.infra-copy{position:relative;padding:26px 25px 0;z-index:2}
.infra-category{display:flex;gap:9px;align-items:center;font-size:12px;color:#aabbb7;margin-bottom:23px}
.infra-category>span:first-child{color:#79bda3;font-size:18px;line-height:18px}.infra-category svg{width:18px;height:18px;stroke:#79bda3;fill:none;stroke-width:1.3}
html body #sandbox-benefits h3{font-size:22px!important;line-height:1.22!important;letter-spacing:-.02em!important;margin:0 0 12px;color:#e7ecea}
html body #sandbox-benefits .infra-main h3{font-size:32px!important}
.infra-copy>p{font-size:12px;line-height:1.8;color:#9eaaad;margin:0;max-width:340px}
.infra-main .infra-copy{max-width:66%}.infra-main .infra-copy>p{max-width:265px}
.infra-art{position:absolute;pointer-events:none;z-index:0}.infra-art img{width:100%;height:100%;object-fit:contain;display:block;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 74%);opacity:.82}
.infra-sandbox-art{width:68%;right:-12%;bottom:-5%;aspect-ratio:1;transform:rotate(-5deg)}
.infra-checks{list-style:none;padding:0;margin:0;position:absolute;left:25px;bottom:29px;z-index:2;font-size:11px;color:#b9c7c1;line-height:2.15}
.infra-checks li::before{content:'✓';margin-right:8px;color:#65c9a2}
.infra-boot{position:absolute;right:23px;bottom:40px;z-index:3;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px 8px;width:149px;padding:13px;background:#091310ed;border:1px solid #335748;border-radius:6px;font-size:10px;color:#9dc5b4;box-shadow:0 8px 22px #0004}
.boot-dot,.deploy-live i,.desktop-address i{display:inline-block;width:5px;height:5px;background:#72dab0;border-radius:50%}.boot-time{grid-column:1/-1;font-family:Geist,Arial,sans-serif!important;font-size:30px;color:#e0eee6;line-height:1.2}.boot-time small{font-size:12px;color:#7eab94}.boot-line{grid-column:1/-1;height:2px;background:#69d6aa;transform-origin:left;animation:infra-boot 6s ease infinite}
.infra-deploy-art{width:120%;left:-10%;bottom:-25%;aspect-ratio:1}.infra-deploy-art img{opacity:.85}.deploy-live{position:absolute;bottom:34%;left:50%;transform:translateX(-50%);white-space:nowrap;display:flex;align-items:center;gap:7px;background:#0a1713eb;border:1px solid #3b5f4e;border-radius:5px;padding:8px 10px;color:#9dceb6;font-size:10px}.deploy-live i{animation:infra-status 5s ease infinite}
.volume-visual{margin:23px 24px 20px;display:flex;align-items:center;flex-direction:column;position:relative;color:#9cafaa}.volume-session{display:flex;justify-content:space-between;gap:12px;border:1px solid #304139;border-radius:5px;padding:7px 10px;width:100%;font-size:9px;background:#101916}.volume-session span{color:#70bf9b}.volume-path{width:1px;height:18px;background:#294839;position:relative}.volume-path i{width:4px;height:4px;background:#77e1b5;position:absolute;left:-1.5px;top:0;animation:infra-flow 4s ease infinite}.volume-path.second i{animation-delay:1.5s}.volume-disk{position:relative;width:108px;height:77px}.volume-disk svg{width:100%;height:100%;stroke:#8da798;stroke-width:1;fill:#15241e}.volume-disk span{position:absolute;left:0;right:0;text-align:center;bottom:14px;font-size:9px;color:#88c7ab}
.mini-desktop,.sdk-visual,.metrics-visual{margin:24px 24px 0;border:1px solid #2c3e38;border-radius:7px 7px 0 0;background:#09100e;position:relative;overflow:hidden}
.mini-toolbar,.sdk-language,.metrics-top{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid #26362f;font-size:9px;color:#98aaa2}.mini-toolbar>span:first-child{font-size:6px;letter-spacing:3px;color:#607b6d}.sdk-language>span,.metrics-top>span:last-child{color:#657b70;font-size:8px}
.desktop-wallpaper{position:relative;height:163px;padding:15px 28px;background:linear-gradient(150deg,#101d20,#152e30 55%,#203b30)}
.desktop-app{height:150px;border:1px solid #526d5a;border-radius:5px;background:#0d1613;transform:rotate(-2deg);box-shadow:0 8px 20px #0005}.desktop-address{padding:7px 10px;border-bottom:1px solid #2d4035;color:#849a8d;font-size:8px;display:flex;gap:6px;align-items:center}.desktop-address i{width:3px;height:3px}.desktop-page{padding:13px;color:#c1d5c8}.desktop-page>span{color:#81caa5;font-size:17px}.desktop-page b{font-size:9px;display:block;margin:5px 0 10px;font-weight:400}.desktop-page>i{display:block;height:3px;background:#2b3e32;width:80%;margin:6px 0}.desktop-page>i+i{width:60%}.desktop-page>div{height:11px;width:33px;background:#275a43;border-radius:2px;margin-top:10px}.desktop-cursor{position:absolute;width:17px;height:22px;bottom:19px;right:32px;fill:#a6d9bc;stroke:#091a12;stroke-width:1;animation:infra-cursor 7s ease-in-out infinite}
.sdk-visual pre{padding:14px 15px 8px;margin:0;font-size:10px;line-height:1.7;color:#c0cbc6;white-space:pre-wrap;overflow-wrap:anywhere}.code-muted{color:#81988b}.code-green{color:#77c7a3}.sdk-response{border-top:1px solid #273b30;padding:9px 12px;display:flex;align-items:center;gap:7px;color:#829a8b;font-size:8px}.sdk-response>span{color:#76d5a8}.sdk-response i{display:block;width:4px;height:9px;background:#7bdcaf;animation:infra-status 3s ease infinite}
.regions-visual{height:176px;margin:26px 24px 0;position:relative;overflow:hidden;border:1px solid #2c3e38;border-radius:7px 7px 0 0;background:radial-gradient(circle at 50% 50%,#14352a 0,transparent 55%),#09100e}
.regions-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(#29423855 1px,transparent 1px),linear-gradient(90deg,#29423855 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(to bottom,#000,transparent)}
.region-route{position:absolute;left:22%;right:22%;top:64px;height:1px;background:linear-gradient(90deg,#62d6a077,#77e3ad,#62d6a077);box-shadow:0 0 12px #5ee9a655}.region-route:before,.region-route:after{content:'';position:absolute;top:-22px;width:1px;height:45px;background:#62d6a077}.region-route:before{left:0}.region-route:after{right:0}.region-route>i{position:absolute;top:-3px;width:7px;height:7px;border:1px solid #8be8bd;border-radius:50%;background:#10241c;box-shadow:0 0 9px #62d6a0}.region-route>i:first-child{left:-3px}.region-route>i:last-child{right:-3px}.region-route>span{position:absolute;left:0;top:-1px;width:32%;height:3px;background:#c1fbe0;box-shadow:0 0 14px #72e5ad;animation:region-pulse 3.2s ease-in-out infinite}
.region-point{position:absolute;top:88px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;min-width:116px;padding:10px 11px;border:1px solid #345144;border-radius:5px;background:#0d1713cc;box-shadow:0 8px 24px #0005}.region-us{left:8%}.region-eu{right:8%}.region-flag{font-size:21px;line-height:1}.region-point div{display:flex;flex-direction:column;gap:1px}.region-point b{font-size:11px;line-height:1.1;color:#e7efeb;letter-spacing:.08em}.region-point small{font-size:8px;color:#789083}.region-point em{grid-column:1/-1;display:flex;align-items:center;gap:5px;padding-top:7px;border-top:1px solid #23372e;font-size:7px;font-style:normal;text-transform:uppercase;letter-spacing:.1em;color:#6f8e7e}.region-point em i{width:5px;height:5px;border-radius:50%;background:#61d69d;box-shadow:0 0 7px #61d69d;animation:infra-status 2.4s ease infinite}.region-eu em i{animation-delay:.7s}
.region-latency{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#6f887b;text-transform:uppercase;letter-spacing:.1em}.region-latency b{font-size:8px;font-weight:500;color:#8fc8aa}.region-latency b:before{content:'●';margin-right:5px;color:#61d69d;text-shadow:0 0 7px #61d69d}
@keyframes region-pulse{0%{transform:translateX(0);opacity:0}25%,70%{opacity:1}100%{transform:translateX(215%);opacity:0}}
.regions-visual{height:164px;padding:16px 16px 34px;display:grid;grid-template-columns:1fr 1px 1fr;align-items:stretch;gap:16px;background:#09100e}
.regions-grid,.region-route{display:none}
.region-point{position:static;min-width:0;padding:13px 12px;display:grid;grid-template-columns:auto 1fr;align-content:center;align-items:center;gap:5px 12px;border:0;border-radius:5px;background:#111b17;box-shadow:none}
.region-us{grid-column:1}.region-eu{grid-column:3}.regions-visual:after{content:'';grid-column:2;grid-row:1;display:block;width:1px;height:100%;background:#26372f}
.region-flag{font-size:38px;line-height:1}.region-point b{font-size:14px;letter-spacing:.1em}.region-point small{font-size:9px}.region-point em{grid-column:2;padding-top:5px;border:0;font-size:7px}.region-point em i{box-shadow:none;animation:none}
.region-latency{top:auto;bottom:0;left:0;right:0;height:28px;padding:0 16px;border-top:1px solid #26372f;background:#0c1511;font-size:7px}.region-latency b{font-size:7px}.region-latency b:before{display:none}
.metrics-visual svg{width:100%;height:87px;display:block;padding:5px 12px}.chart-grid{stroke:#22372c;stroke-width:1;fill:none}.chart-fill{fill:#234c373d}.chart-curve{stroke:#75c9a3;stroke-width:1.8;fill:none}.chart-scan{stroke:#adf1ce;stroke-width:1;opacity:.4;animation:infra-scan 7s linear infinite}.mini-log{display:flex;gap:9px;border-top:1px solid #1d3025;font-size:9px;color:#91ab9a;padding:8px 10px}.mini-log>span{color:#586f61}.mini-log>b{font-weight:400;color:#72bd97;margin-left:auto}
.infra-card *{animation-play-state:paused!important}.infra-card.in-view *{animation-play-state:running!important}
@keyframes infra-boot{0%,10%{transform:scaleX(.05);opacity:.3}30%,85%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:.3}}
@keyframes infra-flow{0%{transform:translateY(0);opacity:0}20%{opacity:1}80%{opacity:1}100%{transform:translateY(16px);opacity:0}}
@keyframes infra-status{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes infra-cursor{0%,100%{transform:translate(0,0)}40%,65%{transform:translate(-60px,-20px)}}
@keyframes infra-scan{from{transform:translateX(0)}to{transform:translateX(320px)}}
@media(max-width:1100px){.infrastructure-grid{gap:16px}.infra-copy{padding:22px 20px 0}.infra-category{font-size:10px;gap:6px}html body #sandbox-benefits h3{font-size:20px!important}.infra-main .infra-copy{max-width:74%}.infra-boot{right:15px;width:122px}.infra-checks{left:20px;font-size:10px}.infra-copy>p{font-size:11px}.volume-visual{margin:20px 17px}.mini-desktop,.sdk-visual,.metrics-visual,.regions-visual{margin:20px 17px 0}.region-us{left:5%}.region-eu{right:5%}}
@media(max-width:850px){body #sandbox-benefits{padding:72px 24px 48px}.infra-main{grid-column:span 12;min-height:360px}.infra-volume,.infra-deploy,.infra-desktop,.infra-regions{grid-column:span 6;min-height:390px}.infra-metrics{grid-column:span 12;min-height:340px}.infra-main .infra-copy{max-width:65%}.infra-sandbox-art{width:52%;right:0;bottom:-23%}.infra-boot{right:28px;bottom:25px}.infra-deploy-art{bottom:-30%}.infra-copy>p{font-size:13px}.infra-category{font-size:12px}.infra-metrics .metrics-visual{max-width:540px}.infra-checks{font-size:12px}}
@media(max-width:540px){body #sandbox-benefits{padding:60px 18px 36px}.benefits-heading{margin-bottom:28px}.benefits-eyebrow{font-size:10px!important}.infrastructure-grid{grid-template-columns:minmax(0,1fr);gap:16px}.infra-card{grid-column:1!important;min-height:375px}.infra-main{min-height:500px}.infra-main .infra-copy{max-width:100%;padding-right:20px}.infra-main .infra-copy>p{max-width:230px}html body #sandbox-benefits .infra-main h3{font-size:29px!important}.infra-sandbox-art{width:90%;right:-30%;bottom:-5%}.infra-boot{right:16px;bottom:123px;width:111px}.infra-checks{bottom:22px;font-size:11px}.infra-volume{min-height:400px}.infra-deploy{min-height:425px}.infra-deploy-art{width:100%;left:0;bottom:-25%}.infra-category{margin-bottom:17px}.sdk-visual pre{font-size:10px}.mini-log{font-size:8px}.infra-copy>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.infra-card *{animation:none!important;transition:none!important}.boot-line{transform:scaleX(1)}.chart-scan{display:none}}

/* A native link covers the card and remains keyboard-accessible. */
.infra-card-link{position:absolute;inset:0;z-index:5;border-radius:inherit;cursor:pointer;text-decoration:none}
.infra-card-link:focus-visible{outline:2px solid #79dcb1;outline-offset:-3px;background:#69d6aa05}
.infra-card:has(.infra-card-link:focus-visible){border-color:#79dcb1}

html body #sandbox-benefits .infra-card-link,html body #sandbox-benefits .infra-card-link:hover,html body #sandbox-benefits .infra-card-link:active,html body #sandbox-benefits .infra-card-link:focus-visible{background:transparent!important;border:0!important;padding:0!important;border-radius:inherit!important;box-shadow:none!important}
/* Product illustrations: isolated workspace, durable files and deployed services. */
.infra-card{background:radial-gradient(ellipse at 95% 110%,#14302b35,transparent 60%),linear-gradient(140deg,#111a1c,#0d1314 70%)}
.sandbox-machine{position:absolute;right:23px;bottom:27px;width:53%;border:1px solid #38524b;background:#091211;border-radius:8px;overflow:hidden;box-shadow:0 18px 40px #0004;transform:perspective(800px) rotateY(-7deg) rotateX(3deg);transition:transform .5s}
.infra-main:hover .sandbox-machine{transform:perspective(800px) rotateY(0deg) rotateX(0deg)}
.machine-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 10px;border-bottom:1px solid #263b34;font-size:9px;color:#b0c7bc;background:#14201e}
.machine-ready{display:flex;align-items:center;gap:5px;color:#79cba7;font-size:8px}.machine-ready i,.deployed-app-bar i{width:4px;height:4px;background:#7fe0b2;border-radius:50%;display:inline-block;animation:infra-status 4s ease infinite}
.machine-body{display:grid;grid-template-columns:40% 60%;min-height:102px}.machine-files{display:flex;flex-direction:column;gap:9px;padding:13px 9px;border-right:1px solid #263b34;font-size:8px;color:#849e93;background:#111b19}.machine-files span:first-child{color:#bad2c3}
.machine-terminal{padding:13px 9px;display:flex;flex-direction:column;gap:10px;font-size:8px;color:#a5b8ae}.terminal-prompt{color:#c5d9cd}.terminal-output{animation:terminal-reveal 7s ease infinite}.output-later{animation-delay:.45s}.terminal-caret{height:8px;width:4px;background:#7fd6ad;animation:infra-status 2s steps(2) infinite}
.machine-footer{display:flex;justify-content:space-between;gap:6px;border-top:1px solid #263b34;padding:10px;font-size:8px;color:#738e81}.machine-footer i{font-style:normal;margin:0 4px}.machine-boot{color:#89d4b1}.machine-progress{height:2px;background:#67cda4;transform-origin:left;animation:infra-boot 7s ease infinite}
.infra-main .infra-checks{font-size:10px;max-width:39%;bottom:42px}.infra-main .infra-copy{max-width:95%}.infra-main .infra-copy>p{max-width:370px}
.volume-visual{margin-top:20px;margin-bottom:18px}.volume-disk{height:66px;width:94px}.volume-disk span{bottom:10px;font-size:8px}.volume-path{height:13px}.volume-file-list{display:flex;gap:6px;margin-top:4px;font-size:8px;color:#93bdaa}.volume-file-list span{padding:4px 6px;border:1px solid #2e483b;border-radius:3px;background:#16281f;animation:file-save 6s ease infinite}.volume-file-list span+span{animation-delay:.3s}
.deployment-map{margin:23px 24px 20px;display:flex;flex-direction:column;align-items:center;font-size:10px;color:#b0c3b9}.deployment-source{width:86%;display:flex;align-items:center;gap:8px;border:1px solid #31473d;border-radius:5px;padding:9px;background:#101b17}.deployment-source>span:first-child{color:#8bbda6}.deployment-check{color:#6ec99f;margin-left:auto;font-size:9px}.deployment-wire{height:19px;width:1px;background:#365747;position:relative}.deployment-wire i{position:absolute;width:4px;height:4px;background:#8de7ba;left:-1.5px;animation:infra-flow 4s ease infinite}.wire-db i{animation-delay:1.7s}.deployed-app{width:100%;border:1px solid #486752;border-radius:5px;background:#101e18;overflow:hidden;box-shadow:0 6px 22px #0003}.deployed-app-bar{display:flex;justify-content:space-between;font-size:9px;padding:9px 10px;border-bottom:1px solid #2b4134}.deployed-app-bar>span+span{color:#8ac9a8}.deployed-app-preview{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:11px}.deployed-app-preview>span{height:17px;border:1px solid #2b4c39;border-radius:2px;background:#203a2b}.deployed-app-preview>span:first-child{grid-column:span 2;width:68%;height:4px;background:#6f9f7c;border:0;margin-bottom:2px}.deployed-db{display:flex;align-items:center;gap:9px;width:86%;padding:8px 10px;border:1px solid #31473d;background:#111d17;border-radius:5px}.deployed-db svg{width:19px;height:19px;fill:#183625;stroke:#87b59b;stroke-width:1}
.desktop-app{transform:none}.desktop-address>span{margin-left:auto}.desktop-wallpaper{background:radial-gradient(ellipse at 90% 0,#31564950,transparent 70%),repeating-linear-gradient(0deg,transparent 0 23px,#91b5a407 24px),#101e20;height:174px;padding-bottom:28px}.desktop-app{height:133px}.desktop-page{padding-top:9px}.desktop-dock{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:4px 8px;border:1px solid #486457;border-radius:5px;background:#0a1714ed}.desktop-dock>span{font-size:10px;color:#9bc2ad}.desktop-cursor{bottom:32px}
.sdk-response{gap:5px;justify-content:space-between;white-space:nowrap;font-size:7px;padding:11px 8px}.sdk-node{color:#a0b8ab!important;border:1px solid #2f483a;background:#12231b;border-radius:3px;padding:5px 6px}.sdk-connector{color:#79dab0!important;animation:infra-status 3s ease infinite}.sdk-connector:nth-of-type(4){animation-delay:1s}
.metric-cpu{font-weight:400;color:#82d3ac;margin-left:3px}.metric-memory{color:#83a8ba;margin-left:12px}.chart-memory{stroke:#739cad;stroke-width:1.3;fill:none;stroke-dasharray:3 2}.log-latest{animation:log-arrive 6s ease infinite}
@keyframes terminal-reveal{0%,8%{opacity:.25;transform:translateY(3px)}25%,90%{opacity:1;transform:translateY(0)}100%{opacity:.25;transform:translateY(0)}}
@keyframes file-save{0%,100%{border-color:#2e483b;color:#93bdaa}45%{border-color:#6dbb94;color:#cbecda}}
@keyframes log-arrive{0%,8%{opacity:.25}25%,90%{opacity:1}100%{opacity:.25}}
@media(max-width:1100px){.sandbox-machine{right:16px;width:54%;bottom:28px}.machine-bar{font-size:8px;padding:10px 8px}.machine-ready{font-size:7px}.machine-terminal,.machine-files{font-size:7px;padding-left:6px;padding-right:6px}.machine-footer{font-size:7px}.infra-main .infra-checks{font-size:9px;left:20px}.deployment-map{margin-left:17px;margin-right:17px}}
@media(max-width:850px){.sandbox-machine{width:48%;right:24px;bottom:24px}.infra-main .infra-copy{max-width:78%}.infra-main .infra-copy>p{max-width:310px}.infra-main .infra-checks{font-size:11px;bottom:28px}.machine-terminal,.machine-files{font-size:9px}.machine-bar{font-size:10px}.machine-footer{font-size:9px}.deployment-map{margin-top:24px}}
@media(max-width:540px){.infra-main{min-height:545px}.infra-main .infra-copy{max-width:100%}.infra-main .infra-copy>p{max-width:none}.sandbox-machine{left:20px;right:20px;width:auto;bottom:100px;transform:none}.infra-main .infra-checks{max-width:100%;bottom:19px;font-size:10px}.machine-bar{font-size:9px}.machine-terminal,.machine-files{font-size:8px}.machine-footer{font-size:8px}.deployment-map{margin-left:24px;margin-right:24px}.infra-deploy{min-height:425px}}

/* Return the quiet kaiju to the main card; other product illustrations stay intact. */
.infra-main .infra-copy{max-width:66%}.infra-main .infra-copy>p{max-width:265px}
@media(max-width:1100px){.infra-main .infra-copy{max-width:74%}}
@media(max-width:850px){.infra-main .infra-copy{max-width:65%}.infra-main .infra-copy>p{max-width:265px}}
@media(max-width:540px){.infra-main{min-height:500px}.infra-main .infra-copy{max-width:100%}.infra-main .infra-copy>p{max-width:230px}.infra-main .infra-checks{max-width:100%;font-size:11px;bottom:22px}}

/* Ink and emerald: one surface system for the Hokusai landing.
   Preserve the Lizard green and 8 px button geometry from the brand foundation. */
:root {
  --lz-surface: #10191c;
  --lz-surface-raised: #152024;
  --lz-surface-inset: #0c1215;
  --lz-border: #2c3b3e;
  --lz-border-subtle: #203033;
  --lz-border-control: #425757;
  --lz-primary-fill: #0e4b3b;
  --lz-primary-hover: #126249;
  --lz-secondary: #0c1215;
  --lz-secondary-hover: #172522;
  --lz-muted: #a0acae;
}

/* Primary actions have solid color; secondary actions use a quiet contour. */
html body .lz-button {
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 8px !important;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease !important;
}
html body :is(main, header) .lz-button.lz-primary,
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 :is(main, header) .lz-button.lz-primary:hover,
html body main .hero-copy a.lz-button.lz-primary:hover {
  background: var(--lz-primary-hover) !important;
  border-color: #51c59c !important;
}
html body :is(main, header) .lz-button.lz-primary:active,
html body main .hero-copy a.lz-button.lz-primary:active { background: #0b3e31 !important; }
html body main .lz-button.lz-secondary,
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 .lz-button.lz-secondary:hover,
html body main .hero-copy a.lz-button.lz-secondary:hover {
  background: var(--lz-secondary-hover) !important;
  border-color: #689887 !important;
}

/* Navigation uses the same ink surface while the existing layout stays intact. */
html body .production-header .nav-bar {
  background: #0c1215f5;
  border: 1px solid var(--lz-border-subtle);
}
html body .production-header :is([data-dropdown], .mobile-navigation),
html body .production-header details > div {
  background: var(--lz-surface) !important;
  border-color: var(--lz-border) !important;
}
html body .production-header summary[aria-label^="Language"] { background: transparent !important; }
html body .production-header :is(a, button, summary):not(.lz-button):hover { color: #d8eee5; }

/* A single installation surface; tabs are part of its header, not another tray. */
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: #d0dddb; }
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: #d0dddb !important; }
html body .hero-copy .install-copy {
  min-width: 88px;
  background: transparent !important;
  border: 1px solid var(--lz-border-control);
  color: #d0dddb !important;
  transition: background-color .2s, border-color .2s;
}
html body .hero-copy .install-copy:hover,
html body .hero-copy .install-copy[data-copied] {
  background: #143329 !important;
  border-color: var(--lz-primary);
  color: #a5edce !important;
}

/* Quiet outer panels; the product previews inside feature cards keep their UI. */
html body .workflow-window, html body #sandbox-features article > div:first-child{
  background: var(--lz-surface) !important;
  border: 1px solid var(--lz-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
html body #sandbox-features article:hover > div:first-child { border-color: var(--lz-border-control) !important; }
html body .workflow-window-bar { background: var(--lz-surface-raised); border-color: var(--lz-border-subtle); }
html body .workflow-machine { background: transparent; border-color: var(--lz-border-subtle); }
html body .workflow-play {
  background: var(--lz-secondary);
  border-color: var(--lz-border-control);
  color: #d0dddb;
  min-height: 44px;
  transition: background-color .2s, border-color .2s;
}
html body .workflow-play:hover { background: var(--lz-secondary-hover); border-color: #689887; }
html body .workflow-steps > button[aria-selected="true"] { background: #102a22; border-color: #2c6551; }
html body .workflow-example { background: transparent; border: 0; padding-inline: 0; color: var(--lz-muted); }
html body #sandbox-faq [class*="divide-white"],
html body #sandbox-faq [class*="divide-white"] > * { border-color: var(--lz-border-subtle) !important; }
html body #sandbox-faq button[aria-expanded="true"] h3 { color: #a5dfc6 !important; }
html body .local-dialog { background: var(--lz-surface); border-color: var(--lz-border); }
html body .local-dialog button { background: var(--lz-secondary); border: 1px solid var(--lz-border-control); border-radius: 8px; }

@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; }
}

/* Primary CTA text stays readable on emerald surfaces at every breakpoint. */
html body :is(main,header) .lz-button.lz-primary,
html body :is(main,header) .lz-button.lz-primary :is(span,.decode-original){
  color:#e7efed!important;
}

/* Keep blossom artwork from competing with the hero description. */
html body .hero-copy>p{
  position:relative;
  isolation:isolate;
  z-index:2;
  color:#d3ddda!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}

/* These overlays share the background plate's exact size and crop. */
.scenery-motion{position:absolute;display:block;pointer-events:none!important;overflow:hidden;max-width:none!important}
.scenery-motion-hero{inset:auto 0 0;width:100%;height:auto;aspect-ratio:3/2;z-index:1}
.scenery-motion-pricing{width:100%;height:auto;aspect-ratio:3/2;left:0;top:0}
.scenery-motion-features{height:115%;width:auto;aspect-ratio:3/2;right:0;top:50%;transform:translateY(-50%)}
.scenery-motion-benchmarks{width:760px;height:auto;aspect-ratio:3/2;left:-55px;top:80px}
body main>section>.scenery-closing{background:none;opacity:.65;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 80%,transparent)}
.scenery-motion-closing{height:140%;width:auto;aspect-ratio:3/2;left:0;top:50%;transform:translateY(-50%)}
.scenery-glitch-ink,.scenery-glitch-echo,.scenery-glitch-scan{opacity:0;animation-duration:var(--glitch-duration);animation-delay:var(--glitch-delay);animation-iteration-count:infinite;animation-timing-function:linear;animation-play-state:paused}
.scenery-glitch-ink,.scenery-glitch-echo{filter:grayscale(1) sepia(1) saturate(6) hue-rotate(90deg) brightness(1.8)}
.scenery-glitch-ink{animation-name:scenery-ink-pulse}
.scenery-glitch-echo{animation-name:scenery-ink-offset}
.scenery-glitch-scan{animation-name:scenery-scan-flicker;mix-blend-mode:screen}
.scenery-motion[data-active="true"] :is(.scenery-glitch-ink,.scenery-glitch-echo,.scenery-glitch-scan){animation-play-state:running}
/* Match the girl's original green ink, scanlines and displaced image fragments.
   Every object has its own period and phase, with 80% of the cycle left quiet. */
@keyframes scenery-ink-pulse{
  0%,20%,100%{opacity:0}
  4%{opacity:.7}
  7%{opacity:.18}
  11%{opacity:.82}
  14%{opacity:.52}
}
@keyframes scenery-ink-offset{
  0%,3%,17%,100%{opacity:0;transform:translateX(0)}
  5%{opacity:.65;transform:translateX(3px)}
  7%{opacity:.1;transform:translateX(-2px)}
  11%{opacity:.55;transform:translateX(-4px)}
  14%{opacity:.3;transform:translateX(2px)}
}
@keyframes scenery-scan-flicker{
  0%,1%,20%,100%{opacity:0;transform:translateY(0)}
  5%{opacity:.65;transform:translateY(1px)}
  8%{opacity:.2;transform:translateY(0)}
  12%{opacity:.75;transform:translateY(-1px)}
  16%{opacity:.15;transform:translateY(0)}
}
.motion-paused .scenery-motion :is(.scenery-glitch-ink,.scenery-glitch-echo,.scenery-glitch-scan){animation-play-state:paused}
@media(min-width:1800px){.scenery-motion-features{height:130%}}
@media(max-width:1100px){.scenery-motion-features{height:100%;right:-140px}}
@media(max-width:700px){
  .scenery-motion-pricing{width:975px;height:650px;left:50%;transform:translateX(-50%)}
  .scenery-motion-features{right:-280px}
  .scenery-motion-benchmarks{width:500px;left:-65px;top:0}
  body main>section>.scenery-closing{opacity:.26}
  .scenery-motion-closing{height:100%;left:-80px}
}
@media(prefers-reduced-motion:reduce){.scenery-motion{display:none}.scenery-glitch-ink,.scenery-glitch-echo,.scenery-glitch-scan{animation:none!important}}

/* Mobile layout layer: preserve the desktop composition. */
@media(max-width:700px){
  html{scroll-padding-top:88px}
  body main>section{scroll-margin-top:88px}
  .production-header{padding-inline:12px}
  .production-header .nav-bar{padding-inline:16px}
  .production-header button[aria-controls="mobile-navigation"]{min-width:44px;min-height:44px}
  .production-header .mobile-navigation a{min-height:44px}
  html body main a.lz-primary:not(.infra-card-link){color:#e7efed!important}
  html body main a.lz-primary:not(.infra-card-link) span{color:inherit!important}
  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}
  body .hero-art{height:calc(100vw * .46);margin-top:20px}
  body #sandbox-benefits, body #sandbox-faq{padding:56px 18px}
  html body #sandbox-benefits h2, html body #sandbox-faq h2{font-size:28px!important;line-height:1.18!important}
  .infra-copy{padding:24px 22px 0}
  .infra-copy>p{font-size:13px;line-height:1.65}
  .infra-card{min-height:350px}
  .infra-main{min-height:610px}
  .infra-main .infra-copy>p{max-width:100%}
  .infra-main .infra-sandbox-art{width:100%;height:auto;right:0;bottom:78px;transform:none}
  .infra-main .infra-sandbox-art img{opacity:.95}
  .infra-main .infra-boot{right:18px;bottom:98px;width:124px;padding:10px;gap:4px 6px}
  .infra-main .infra-checks{left:22px;bottom:20px;font-size:11px;line-height:1.9}
  .infra-volume{min-height:365px}.infra-deploy{min-height:385px}
  #sandbox-faq summary{min-height:56px;padding-top:16px;padding-bottom:16px;line-height:1.5}
  body footer{padding:36px 22px}
  body footer a{display:inline-flex;align-items:center;min-height:40px}
}
@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}
  html body #sandbox-benefits .infra-main h3{font-size:26px!important}
  .infra-main{min-height:575px}
  .infra-main .infra-sandbox-art{bottom:92px}
  .infra-main .infra-boot{bottom:96px;width:112px}
  .infra-main .infra-checks{font-size:10px}
}
@media(pointer:coarse){
  .hero-copy button,.production-header button{touch-action:manipulation}
}
/* Use the compact navigation before desktop links become cramped. */
@media(max-width:1000px){
  .production-header .nav-bar nav,.production-header .nav-bar>div:nth-child(2){display:none!important}
  .production-header .nav-bar>button{display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .production-header .mobile-navigation:not([hidden]){display:block!important}
  .production-header .mobile-navigation a{min-height:44px}
  html body main a.lz-primary:not(.infra-card-link),html body main a.lz-primary:not(.infra-card-link) span{color:#e7efed!important}
}

/* Same card as the app's CookieBanner (src/components/landing/CookieBanner.tsx). */
.sandbox-cookie-preferences{position:fixed;z-index:90;left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 4.5rem);margin:0 auto;max-width:550px;box-sizing:border-box;padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 4px 24px rgba(0,0,0,.3)}
.sandbox-cookie-preferences p{flex:1;margin:0;color:#858B94;font-size:12px;line-height:18px}
.sandbox-cookie-preferences a{color:#10B981;text-decoration:underline;text-decoration-color:rgba(16,185,129,.4);transition:text-decoration-color .15s}
.sandbox-cookie-preferences a:hover{text-decoration-color:#10B981}
.sandbox-cookie-preferences>div{display:flex;align-items:center;gap:8px;width:100%}
html body .sandbox-cookie-preferences button{flex:1;min-height:44px;padding:0 12px;background:#2E2E2E;color:#fff;border:0;border-radius:8px;font-family:inherit;font-size:12px;font-weight:600!important;line-height:16px;cursor:pointer;transition:background-color .15s,transform .1s;touch-action:manipulation}
.sandbox-cookie-preferences button:hover{background:#3B3B3B}
.sandbox-cookie-preferences button:active{transform:scale(.97)}
.sandbox-cookie-preferences button[data-choice="all"]{background:rgba(16,185,129,.5);border:1px solid #10B981}
.sandbox-cookie-preferences button[data-choice="all"]:hover{background:#10B981}
@media(min-width:640px){.sandbox-cookie-preferences{flex-direction:row;align-items:center;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem)}.sandbox-cookie-preferences>div{width:auto;flex-shrink:0}html body .sandbox-cookie-preferences button{flex:none;min-height:0;height:32px;white-space:nowrap}}
html:not([lang="en"]) .infra-copy h3{overflow-wrap:break-word}
html[lang="ja"] body :is(h1,h2,h3){letter-spacing:normal!important;line-break:strict}

/* Local server pavilion: preserve the original hero composition. */
body .hero-supercomputer{position:absolute;left:-1%;bottom:-2%;width:30.3%;aspect-ratio:1137/1383;z-index:5;pointer-events:none;mask-image:linear-gradient(to right,#000 75%,transparent 100%),linear-gradient(to bottom,transparent,#000 9%,#000 92%,transparent);mask-composite:intersect}
body .hero-supercomputer>img{display:block;width:100%;height:100%;object-fit:contain}
.server-led{position:absolute;width:.23%;height:.15%;background:#85ffd0;border-radius:1px;box-shadow:0 0 4px #00bf8f,0 0 9px #00bf8f80;animation:server-blink var(--duration) steps(1,end) infinite;animation-delay:var(--delay)}
.server-glow{position:absolute;inset:35% 24% 24% 10%;background:radial-gradient(ellipse at 48% 70%,#00bf8f0d,transparent 65%);mix-blend-mode:screen;animation:server-breathe 8s ease-in-out infinite}
@keyframes server-blink{0%,19%,43%,76%,100%{opacity:.08}21%,26%,48%,53%,78%,81%{opacity:.75}28%,46%,55%,83%{opacity:.22}}
@keyframes server-breathe{0%,100%{opacity:.3}50%{opacity:.8}}
.motion-paused .server-led,.motion-paused .server-glow{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.server-led,.server-glow{animation:none;opacity:.2}}

/* Emerald light shafts from the rack faces. */
.server-beam{position:absolute;width:42%;height:9%;transform:rotate(var(--angle));transform-origin:0 50%;clip-path:polygon(0 46%,100% 0,100% 100%,0 54%);background:linear-gradient(90deg,#b1ffe6 0%,#00ee9ea6 8%,#00d98b40 45%,transparent 100%);mix-blend-mode:screen;filter:blur(1px);animation:server-beam-pulse 5.8s ease-in-out infinite;animation-delay:var(--delay);pointer-events:none}
.server-beam:after{content:'';position:absolute;inset:48% 0;background:linear-gradient(90deg,#e3fff2,#31ffb6a0,transparent);box-shadow:0 0 10px #00ef9b}
body .server-glow{background:radial-gradient(ellipse at 48% 70%,#00e99938,transparent 70%)}
body .server-led{box-shadow:0 0 5px #52ffd1,0 0 12px #00ef9b; background:#bdffe8}
@keyframes server-beam-pulse{0%,100%{opacity:.12}22%{opacity:.65}36%{opacity:.25}57%{opacity:.9}73%{opacity:.3}86%{opacity:.6}}
.motion-paused .server-beam{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.server-beam{animation:none;opacity:.25}}

/* Solid dark chassis; keep atmospheric blending at the scene edges only. */
body .hero-art{mix-blend-mode:normal}
body .hero-supercomputer{isolation:isolate;mask-image:linear-gradient(to right,#000 83%,transparent 100%),linear-gradient(to bottom,transparent,#000 7%,#000 94%,transparent);mask-composite:intersect}
body .hero-supercomputer>img{opacity:1;filter:contrast(1.14) saturate(1.06)}
body .server-glow{background:radial-gradient(ellipse at 48% 70%,#00e99912,transparent 65%)}

/* Keep the steel opaque: light shafts no longer wash over entire rack faces. */
body .hero-supercomputer>img{filter:contrast(1.3) brightness(.92) saturate(1.08)}
body .server-glow{display:none}
body .server-beam{height:2%;filter:none;background:linear-gradient(90deg,#68ffc3 0%,#00dc8b80 12%,#00c77d20 55%,transparent);mix-blend-mode:normal}
body .server-beam:after{box-shadow:none}
body .server-led{box-shadow:0 0 3px #00ef9b}

body .hero-supercomputer>img{filter:none;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}

body .hero-supercomputer{mask-image:linear-gradient(to right,#000 93%,transparent 100%),linear-gradient(to bottom,transparent,#000 7%,#000 94%,transparent)}

/* Restore the pavilion composition and its original compact footprint. */
body .hero-supercomputer{width:30.3%}

/* Keep the illustrated world in the hero; let product details breathe below. */
body main .scenery{display:none!important;background-image:none!important}
body #sandbox-benefits .infra-sandbox-art{display:none!important}
body #sandbox-benefits .infra-main{display:flex;flex-direction:column;align-items:flex-start;gap:26px;min-height:0;padding:32px}
body #sandbox-benefits .infra-main .infra-copy,body #sandbox-benefits .infra-main .infra-copy>p{max-width:100%}
body #sandbox-benefits .infra-main .infra-boot{position:relative;inset:auto;transform:none;width:100%;max-width:260px;margin:0;padding:18px}
body #sandbox-benefits .infra-main .infra-checks{position:relative;inset:auto;max-width:100%;margin-top:auto;font-size:12px}
@media(max-width:540px){body #sandbox-benefits .infra-main{padding:24px;gap:24px}}

/* Feather the pavilion's outer edge without washing out the server chassis. */
body .hero-supercomputer{
  -webkit-mask-image:linear-gradient(to right,#000 77%,#000e 82%,#0009 89%,#0003 96%,transparent 100%),linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent 100%);
  mask-image:linear-gradient(to right,#000 77%,#000e 82%,#0009 89%,#0003 96%,transparent 100%),linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}

/* The clean hero has no sea or foreground rocks; suppress the old scenery overlay. */
body .hero-art .scenery-motion-hero{display:none!important}
body .hero-supercomputer{-webkit-mask-image:linear-gradient(to right,#000 77%,#000e 82%,#0009 89%,#0003 96%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 74%,transparent 88%);mask-image:linear-gradient(to right,#000 77%,#000e 82%,#0009 89%,#0003 96%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 74%,transparent 88%)}

/* Illustration-free landing: retain product UI diagrams and navigation icons. */
body .hero-art,body .sakura-petals,body .hero-motion-toggle,body main .scenery,body .infra-sandbox-art{display:none!important}
body .hero-layout{min-height:0!important;grid-template-rows:auto!important;padding-bottom:0!important}
body .hero-copy{min-height:0!important}
@media(min-width:701px){body main>section:first-child{padding-bottom:70px!important}body .hero-layout{gap:0!important}}
@media(max-width:700px){body main>section:first-child{padding-bottom:36px!important}}

/* Header as on the other lizard.build pages: site tokens inside the header (the landing's ink palette
   stays outside it), a 1152px bar at bg-secondary 50% that darkens on scroll, regular-weight links,
   site dropdowns and mobile menu, and the site's Try for free button. */
html body .production-header {
  --bg-secondary: #141414; --text-primary: #E9EDF4; --text-secondary: #858B94; --text-tertiary: #5F646D; --control-primary: #10B981;
  --lz-muted: #858B94; --lz-surface: #141414; --lz-border: rgba(255,255,255,.08);
  padding-inline: 16px;
}
html body .production-header .nav-bar { max-width: 1152px; padding-inline: 24px; background: color-mix(in srgb, var(--bg-secondary) 50%, transparent); border: 1px solid rgba(255,255,255,.08); }
html body .production-header .nav-bar.nav-bar-scrolled { background: color-mix(in srgb, var(--bg-secondary) 75%, transparent); }
html body .production-header nav button { font-weight: 400 !important; }
html body .production-header :is(a, button, summary):not(.lz-button):hover { color: #E9EDF4; }
html body .production-header .mobile-navigation { background: #141414; }
html body .production-header .mobile-navigation a { color: #858B94; }

/* Pricing and benchmark as before e948060 (7559d94): their own rules and the site tokens, scoped to the two sections. */
html body :is(#sandbox-pricing, #sandbox-benchmarks) { --border-primary: #2E2E2E; --lz-border: #2e2e2e; --lz-border-control: #2e2e2e; --lz-border-subtle: rgba(255,255,255,.08); --lz-muted: #858b94; --lz-primary-fill: rgba(16,185,129,.5); --lz-primary-hover: #10b981; --lz-secondary: #2e2e2e; --lz-secondary-hover: #3b3b3b; --lz-surface: #141414; --lz-surface-inset: #070707; --lz-surface-raised: #141414; --page-width: 1152px; --text-secondary: #858B94; --text-tertiary: #5F646D; }
#sandbox-pricing {background:#070707}
#sandbox-pricing>div>div:first-child:before, #sandbox-benchmarks>div>div:first-child:before {display:block;font-size:10px;font-weight:600;letter-spacing:.16em;color:#858B94;margin-bottom:20px}
#sandbox-pricing>div>div:first-child:before {content:'01 / ROOM TO GROW'}
#sandbox-benchmarks>div>div:first-child:before {content:'03 / READY WHEN YOU ARE'}
#sandbox-pricing>div>div:nth-child(2) {background:#141414!important;border:1px solid #2e2e2e!important;border-radius:12px!important;box-shadow:none!important}
#sandbox-pricing fieldset button[aria-pressed=true] {background:#10B981!important;color:#fff!important;box-shadow:none!important}
#sandbox-pricing fieldset button[aria-pressed=true] * {color:#fff!important}
#sandbox-pricing fieldset button {min-height:38px}
#sandbox-pricing [data-monthly-cost] {font-size:40px;line-height:1.3;letter-spacing:-.04em;margin:14px 0 5px}
#sandbox-pricing [role=listitem] {height:31px!important}
#sandbox-pricing [role=listitem]>div {background:#070707!important}
#sandbox-pricing [role=listitem]>div>div {background:#5F646D!important}
#sandbox-pricing [data-cost-provider=Lizard]>div>div {background:#10B981!important}
#sandbox-pricing [role=listitem]:before {background:rgba(16,185,129,.12)!important}
#sandbox-pricing [role=list] {padding-top:20px}
#sandbox-benchmarks {background:#070707}
#sandbox-benchmarks>div>div:nth-child(2) {background:#141414!important;border:1px solid #2e2e2e;border-radius:12px}
#sandbox-benchmarks [role=group] {background:#070707!important}
#sandbox-benchmarks button[aria-pressed=true] {background:#10B981!important;color:#fff!important}
#sandbox-benchmarks table {font-size:13px}
#sandbox-benchmarks table th {font-weight:400;color:#858b94}
#sandbox-benchmarks table td {color:#E9EDF4}
#sandbox-benchmarks .benchmark-chart {display:grid;gap:22px;padding:20px 0}
#sandbox-benchmarks .benchmark-row {display:grid;grid-template-columns:76px 1fr 64px;align-items:center;gap:15px;font-size:13px}
.benchmark-bar {height:9px;background:#5F646D;border-radius:2px}
.benchmark-row:first-child .benchmark-bar {background:#10B981}
@media(max-width:700px) {
  #sandbox-pricing [role=listitem] {height:33px!important}
  #sandbox-pricing [data-monthly-cost] {font-size:36px}
  #sandbox-benchmarks table {min-width:620px}
}
#sandbox-benchmarks [role=region] {max-width:100%;overflow-x:auto}
#sandbox-pricing fieldset button[aria-pressed=true], #sandbox-pricing fieldset button[aria-pressed=true] *, #sandbox-benchmarks button[aria-pressed=true] {color:#070707!important}
body #sandbox-benchmarks [role=group] {background:var(--lz-surface)!important;padding:4px!important;border-radius:12px!important;gap:0!important;border:0!important}
body #sandbox-benchmarks [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 #sandbox-benchmarks [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 #sandbox-pricing fieldset button[aria-pressed=true] {background:var(--lz-primary-fill)!important;border:1px solid var(--lz-primary)!important;color:var(--lz-text)!important}
body #sandbox-pricing fieldset button[aria-pressed=true] * {color:var(--lz-text)!important}
body #sandbox-pricing fieldset button {border-radius:8px!important;font-family:Geist,sans-serif}
body #sandbox-pricing, body #sandbox-benchmarks {background:var(--lz-bg)!important}
body #sandbox-pricing>div>div:nth-child(2), body #sandbox-benchmarks>div>div:nth-child(2) {background:var(--lz-surface)!important;border-color:var(--lz-border)!important;border-radius:12px!important}
body #sandbox-pricing>div>div:first-child:before, body #sandbox-benchmarks>div>div:first-child:before {content:none}
body #sandbox-pricing, body #sandbox-benchmarks {padding-top:112px;padding-bottom:96px}
body #sandbox-pricing>div, body #sandbox-benchmarks>div {position:relative;z-index:1}
body #sandbox-pricing>div>div:first-child, body #sandbox-benchmarks>div>div:first-child {max-width:770px;margin-left:auto;margin-right:auto}
@media(max-width:700px) {
  body #sandbox-pricing, body #sandbox-benchmarks {padding:84px 22px 64px}
}
@media(min-width:701px) {
  body #sandbox-pricing, body #sandbox-benchmarks {padding-top:90px;padding-bottom:80px}
}
html body main #sandbox-pricing h3 {font-weight:600!important}
html body #sandbox-pricing #sandbox-pricing-title {font-size:clamp(32px,3.5vw,46px)!important;line-height:1.12!important;font-weight:600;letter-spacing:-.02em!important}
body #sandbox-pricing {padding:90px 40px 80px;scroll-margin-top:96px;color:#e9edf4}
body #sandbox-pricing .pricing-container {max-width:1400px;margin:0 auto;position:relative;z-index:1}
body #sandbox-pricing .pricing-heading {max-width:820px!important;text-align:center;margin:0 auto 38px}
#sandbox-pricing .pricing-eyebrow {font-size:12px;letter-spacing:.06em;color:#858b94;margin-bottom:12px}
#sandbox-pricing .pricing-heading>p:last-child {margin-top:16px;font-size:15px;line-height:1.6;color:#858b94}
body #sandbox-pricing .pricing-calculator {display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);overflow:hidden;background:#141414!important;border:1px solid #2e2e2e!important;border-radius:12px!important}
#sandbox-pricing .pricing-config {padding:32px 36px;min-width:0}
#sandbox-pricing .pricing-config-heading {display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}
html body #sandbox-pricing h3 {font-size:18px!important;line-height:1.4!important;font-weight:600!important;letter-spacing:0!important}
#sandbox-pricing #pricing-custom-toggle {background:none;border:0;color:#858b94;font-size:12px;text-decoration:underline;text-underline-offset:4px;line-height:1.5;padding:6px 0;flex-shrink:0}
#sandbox-pricing #pricing-custom-toggle:hover {color:#e9edf4}
#sandbox-pricing .pricing-presets {display:flex;flex-wrap:wrap;gap:4px;background:#070707;padding:4px;border-radius:12px;width:fit-content}
#sandbox-pricing .pricing-presets button {border:0;background:transparent;color:#858b94;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;line-height:20px}
#sandbox-pricing .pricing-presets button:hover {color:#e9edf4;background:#2e2e2e}
#sandbox-pricing .pricing-presets button[aria-pressed=true] {background:#2e2e2e;color:#e9edf4}
#sandbox-pricing .pricing-help {font-size:13px;line-height:1.55;color:#858b94;margin:10px 0 0}
#sandbox-pricing #pricing-scenario-description {min-height:21px}
#sandbox-pricing fieldset {border:0;padding:0;min-width:0;margin:0}
#sandbox-pricing .pricing-sizes {margin:26px 0 24px}
#sandbox-pricing legend {font-size:13px;font-weight:600;color:#e9edf4;margin-bottom:10px}
#sandbox-pricing .pricing-size-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#sandbox-pricing .pricing-size-options>label {position:relative;min-width:0;cursor:pointer}
#sandbox-pricing .pricing-size-options input {position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
#sandbox-pricing .pricing-size-card {display:flex;flex-direction:column;border:1px solid #2e2e2e;border-radius:8px;padding:15px 14px;background:#070707;min-height:155px;gap:5px;color:#858b94;font-size:12px;line-height:1.5;transition:border-color .15s,background .15s}
#sandbox-pricing .pricing-size-card strong {font-size:15px;font-weight:600;color:#e9edf4;margin-bottom:4px}
#sandbox-pricing .pricing-size-card b {font-size:18px;font-weight:600;color:#e9edf4;margin-top:10px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
#sandbox-pricing .pricing-size-card small {font-size:12px;font-weight:400;margin-left:3px;color:#858b94}
#sandbox-pricing .pricing-size-options input:checked+.pricing-size-card {border-color:#10b981;background:rgba(5,150,105,.15)}
#sandbox-pricing .pricing-size-options input:focus-visible+.pricing-size-card {outline:3px solid #10b981;outline-offset:3px}
#sandbox-pricing .pricing-fields {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#sandbox-pricing .pricing-fields-two {grid-template-columns:repeat(2,minmax(0,1fr))}
#sandbox-pricing [hidden] {display:none!important}
#sandbox-pricing .pricing-fields label {display:flex;flex-direction:column;gap:8px;font-size:12px;line-height:1.4;color:#858b94}
#sandbox-pricing input[type=number], #sandbox-pricing select {width:100%;min-width:0;background:#070707;border:1px solid #2e2e2e;border-radius:8px;padding:10px 12px;min-height:42px;color:#e9edf4;font-size:15px;line-height:20px;font-variant-numeric:tabular-nums}
#sandbox-pricing input:focus-visible, #sandbox-pricing select:focus-visible {outline:2px solid #10b981;outline-offset:3px}
#sandbox-pricing input[aria-invalid=true] {border-color:#f08e8e}
#sandbox-pricing .pricing-field-note {font-size:12px;color:#858b94;align-self:center;line-height:1.7}
#sandbox-pricing .pricing-field-note strong {font-weight:400;color:#e9edf4}
#sandbox-pricing .pricing-runtime {border-top:1px solid #2e2e2e;margin-top:24px;padding-top:18px;display:flex;flex-direction:column;gap:6px;font-variant-numeric:tabular-nums}
#sandbox-pricing .pricing-runtime strong {font-size:15px;font-weight:600}
#sandbox-pricing .pricing-runtime span {font-size:12px;color:#858b94;line-height:1.5;overflow-wrap:anywhere}
#sandbox-pricing .pricing-validation {color:#ffb2b2;font-size:13px;line-height:1.5;margin-top:12px}
#sandbox-pricing .pricing-limit-note {font-size:12px;line-height:1.6;color:#dfcda0;margin-top:14px}
#sandbox-pricing .pricing-estimate {display:flex;flex-direction:column;padding:32px 36px;border-left:1px solid #2e2e2e;min-width:0;background:#141414}
#sandbox-pricing .pricing-bill-label {font-size:13px;color:#858b94}
#sandbox-pricing .pricing-total {display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:12px 0 0;line-height:1.1}
#sandbox-pricing .pricing-total strong {font-size:clamp(40px,4vw,56px);font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#sandbox-pricing .pricing-total>span {font-size:14px;color:#858b94}
#sandbox-pricing .pricing-breakdown {margin:28px 0 0;font-size:14px}
#sandbox-pricing .pricing-breakdown>div {display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:12px 0}
#sandbox-pricing dt {color:#858b94}
#sandbox-pricing dd {margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
#sandbox-pricing .pricing-cost-explainer {font-size:12px;line-height:1.55;color:#858b94;padding-top:16px;border-top:1px solid #2e2e2e;margin-top:20px;min-height:38px}
#sandbox-pricing .pricing-assumptions {font-size:12px;line-height:1.6;color:#858b94;margin:20px 0 24px}
#sandbox-pricing .pricing-action {margin-top:auto}
body #sandbox-pricing #pricing-cta {width:100%;color:#e9edf4!important}
#sandbox-pricing #pricing-cta[aria-disabled=true] {opacity:.5;cursor:not-allowed}
#sandbox-pricing .pricing-action p {font-size:12px;line-height:1.6;color:#858b94;text-align:center;margin-top:12px}
#sandbox-pricing .pricing-inclusions {display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;padding:22px 0 30px;color:#858b94;font-size:12px;line-height:1.5}
#sandbox-pricing .pricing-inclusions span {display:flex;gap:9px;align-items:center}
#sandbox-pricing .pricing-inclusions span:before {content:'';width:4px;height:4px;border-radius:50%;background:#10b981;flex-shrink:0}
#sandbox-pricing .pricing-comparison-original {scroll-margin-top:110px}
#sandbox-pricing .pricing-comparison-original [role=listitem]>div {position:relative}
#sandbox-pricing .pricing-comparison-original [data-monthly-cost]>span {margin-left:5px}
#sandbox-pricing .original-comparison-info {display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:15px;height:15px;border-radius:50%;border:1px solid #858b94;color:#858b94;background:none;font-size:10px;line-height:1;padding:0;cursor:pointer}
#sandbox-pricing .original-comparison-info:focus-visible {outline:2px solid #10b981;outline-offset:3px}
#sandbox-pricing .original-comparison-tooltip {position:absolute;left:0;bottom:calc(100% + 7px);z-index:4;width:220px;background:#141414;border:1px solid #2e2e2e;border-radius:8px;padding:10px 12px;white-space:normal;box-shadow:0 8px 24px #0008;color:#e9edf4;font-size:12px;line-height:1.5}
#sandbox-pricing summary::-webkit-details-marker {display:none}
#sandbox-pricing .pricing-billing-details {margin:20px auto 0;max-width:900px}
#sandbox-pricing .pricing-billing-details summary {font-size:13px;color:#858b94;text-align:center;cursor:pointer;list-style:none;padding:8px}
#sandbox-pricing .pricing-billing-details summary:after {content:' +';margin-left:8px}
#sandbox-pricing .pricing-billing-details[open] summary:after {content:' −'}
#sandbox-pricing .pricing-billing-details>div {padding:20px 24px;background:#141414;border:1px solid #2e2e2e;border-radius:8px;font-size:13px;color:#858b94;line-height:1.65}
#sandbox-pricing .pricing-billing-details p+p {margin-top:12px}
#sandbox-pricing .pricing-billing-details .pricing-rates-title {margin:24px 0 8px;color:#e9edf4}
#sandbox-pricing .pricing-billing-details a {display:inline-block;margin-top:16px;color:#e9edf4;text-decoration:underline;text-underline-offset:4px}
#sandbox-pricing .pricing-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px) {
  body #sandbox-pricing {padding:72px 28px 64px}
  body #sandbox-pricing .pricing-calculator {grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr)}
  #sandbox-pricing .pricing-config, #sandbox-pricing .pricing-estimate {padding:26px 24px}
  #sandbox-pricing .pricing-size-options {gap:8px}
  #sandbox-pricing .pricing-size-card {padding:12px 10px}
  #sandbox-pricing .pricing-size-card b {font-size:16px}
  #sandbox-pricing .pricing-presets button {padding:8px 11px}
}
@media(max-width:820px) {
  body #sandbox-pricing .pricing-calculator {grid-template-columns:1fr}
  #sandbox-pricing .pricing-estimate {border-left:0;border-top:1px solid #2e2e2e}
  #sandbox-pricing .pricing-config, #sandbox-pricing .pricing-estimate {padding:28px}
  #sandbox-pricing .pricing-cost-explainer {min-height:0}
  #sandbox-pricing .pricing-total strong {font-size:48px}
  #sandbox-pricing .pricing-inclusions {justify-content:flex-start;gap:10px 20px}
}
@media(max-width:550px) {
  body #sandbox-pricing {padding:64px 20px 48px}
  #sandbox-pricing .pricing-heading {margin-bottom:28px!important}
  #sandbox-pricing .pricing-heading>p:last-child {font-size:14px}
  #sandbox-pricing .pricing-config, #sandbox-pricing .pricing-estimate {padding:22px 18px}
  #sandbox-pricing .pricing-config-heading {align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:14px}
  #sandbox-pricing .pricing-presets {width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}
  #sandbox-pricing .pricing-presets button {font-size:12px;padding:8px 4px;line-height:18px}
  #sandbox-pricing .pricing-size-options {grid-template-columns:1fr;gap:8px}
  #sandbox-pricing .pricing-size-card {display:grid;grid-template-columns:1fr auto;gap:2px 10px;min-height:0;padding:12px 14px}
  #sandbox-pricing .pricing-size-card strong {grid-column:1;grid-row:1;margin-bottom:0;font-size:14px}
  #sandbox-pricing .pricing-size-card>span {grid-column:1}
  #sandbox-pricing .pricing-size-card b {grid-column:2;grid-row:1/4;margin:0;align-self:center;font-size:18px}
  #sandbox-pricing .pricing-fields {gap:10px;grid-template-columns:1fr 1fr}
  #sandbox-pricing .pricing-fields:not(.pricing-fields-two)>label:first-child {grid-column:1/-1}
  #sandbox-pricing input[type=number], #sandbox-pricing select {font-size:16px}
  #sandbox-pricing .pricing-runtime {margin-top:20px}
  #sandbox-pricing .pricing-inclusions {flex-direction:column;gap:10px;padding:20px 0 24px}
  #sandbox-pricing .pricing-billing-details>div {padding:16px}
  #sandbox-pricing .pricing-fields label {font-size:12px}
}
@media(pointer:coarse) {
  #sandbox-pricing button:not(.original-comparison-info) {min-height:44px}
}
@media(min-width:551px) and (max-width:900px) {
  #sandbox-pricing .pricing-cost-track {grid-row:2}
}
@media(max-width:550px) {
  #sandbox-pricing .pricing-comparison-original [role=list] {display:flex;flex-direction:column;gap:12px}
  #sandbox-pricing .pricing-comparison-original [role=listitem] {display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto 5px;gap:7px 12px;height:auto!important;padding:4px 0}
  #sandbox-pricing .pricing-comparison-original [role=listitem]>span:first-child {grid-column:1;grid-row:1}
  #sandbox-pricing .pricing-comparison-original [role=listitem]>div {grid-column:1/-1;grid-row:2;height:5px}
  #sandbox-pricing .pricing-comparison-original [role=listitem]>span:nth-child(3) {grid-column:2;grid-row:1}
  #sandbox-pricing .pricing-comparison-original [role=listitem]>span:last-child {grid-column:3;grid-row:1}
}
#sandbox-pricing .original-comparison-chart {display:flex;flex-direction:column;min-width:0;padding:32px;background:#141414;border:1px solid #2e2e2e;border-radius:12px}
@media(max-width:550px) {
  #sandbox-pricing .original-comparison-chart {padding:22px 18px}
  #sandbox-pricing .pricing-comparison-original [role=listitem] {font-size:12px!important}
  #sandbox-pricing .original-comparison-tooltip {width:190px}
}
html body #sandbox-pricing :is(.pricing-calculator), html body #sandbox-benchmarks > div > div:nth-child(2) {
  background: var(--lz-surface) !important;
  border: 1px solid var(--lz-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
html body #sandbox-pricing .pricing-estimate { background: var(--lz-surface-inset); border-color: var(--lz-border); }
html body #sandbox-pricing .pricing-presets {
  background: transparent;
  border-radius: 0;
  border-bottom: 1px solid var(--lz-border-subtle);
  padding: 0;
  gap: 10px;
}
html body #sandbox-pricing .pricing-presets button {
  background: transparent;
  color: var(--lz-muted);
  border-radius: 0;
  border-bottom: 2px solid transparent;
  min-height: 44px;
  padding: 10px 8px;
  transition: color .2s, border-color .2s;
}
html body #sandbox-pricing .pricing-presets button[aria-pressed="true"] {
  background: transparent;
  color: var(--lz-text);
  border-bottom-color: var(--lz-primary);
}
html body #sandbox-pricing .pricing-presets button:hover { color: var(--lz-text); background: transparent; }
html body #sandbox-pricing .pricing-size-card {
  background: var(--lz-surface-inset);
  border-color: var(--lz-border-control);
  transition: border-color .2s, background-color .2s;
}
html body #sandbox-pricing .pricing-size-options input:checked + .pricing-size-card { background: rgba(16,185,129,.08); border-color: var(--lz-primary); }
html body #sandbox-pricing :is(input[type="number"], select) { background: var(--lz-surface-inset); border-color: var(--lz-border-control); }
html body #sandbox-pricing input[aria-invalid="true"] { border-color: #f08e8e; }
html body #sandbox-pricing :is(.pricing-runtime, .pricing-cost-explainer) { border-color: var(--lz-border-subtle); }
html body #sandbox-pricing .pricing-billing-details > div, html body #sandbox-pricing .original-comparison-tooltip {
  background: var(--lz-surface-raised);
  border-color: var(--lz-border);
  color: #858b94;
}
html body #sandbox-pricing .pricing-comparison-original [role="listitem"] > div { background: #1c2a2d !important; }
html body #sandbox-pricing .pricing-comparison-original [role="listitem"] > div > div { background: #5f646d !important; }
html body #sandbox-pricing .pricing-comparison-original [data-cost-provider="Lizard"] > div > div { background: var(--lz-primary) !important; }
html body #sandbox-pricing .pricing-comparison-original [role="listitem"]::before { background: rgba(16,185,129,.12) !important; }
html body #sandbox-pricing .original-comparison-chart > div:last-child { border-color: var(--lz-border-subtle) !important; }
html body #sandbox-benchmarks :is(tr, th, td, [class*="border-white"]) { border-color: var(--lz-border-subtle) !important; }
html body #sandbox-benchmarks tbody tr { background: transparent !important; }
html body #sandbox-benchmarks tbody tr:first-child { background: rgba(16,185,129,.04) !important; }
html body #sandbox-benchmarks [role="group"] {
  background: transparent !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--lz-border-subtle) !important;
  padding: 0 !important;
  gap: 12px !important;
}
html body #sandbox-benchmarks [role="group"] button {
  background: transparent !important;
  border-radius: 0 !important;
  border-bottom: 2px solid transparent !important;
  min-height: 44px;
  padding: 10px 8px !important;
  box-shadow: none !important;
}
html body #sandbox-benchmarks [role="group"] button[aria-pressed="true"] { color: var(--lz-text) !important; border-bottom-color: var(--lz-primary) !important; }
html body .benchmark-bar { background: #5f646d; }
html body .benchmark-row:first-child .benchmark-bar { background: var(--lz-primary); }
@media (max-width:550px) {
  html body #sandbox-pricing .pricing-presets { gap: 2px; }
}
@media (prefers-reduced-motion:reduce) {
  html body #sandbox-pricing :is(.pricing-size-card, .pricing-presets button) { transition: none !important; }
}
html body #sandbox-benchmarks .benchmark-deploy.lz-button {
  min-height: 58px !important;
  min-width: 264px;
  max-width: 100%;
  padding: 0 36px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  background: #126249 !important;
  border-color: #1bc993 !important;
  box-shadow: 0 0 32px rgba(16,185,129,.16), inset 0 1px 0 rgba(255,255,255,.1) !important;
}
html body #sandbox-benchmarks .benchmark-deploy.lz-button:hover {
  background: #187857 !important;
  box-shadow: 0 0 40px rgba(16,185,129,.25) !important;
}
@media(max-width:700px) {
  body #sandbox-pricing, body #sandbox-benchmarks {padding:56px 18px}
  html body #sandbox-pricing h2, html body #sandbox-benchmarks h2 {font-size:28px!important;line-height:1.18!important}
  #sandbox-pricing .pricing-config, #sandbox-pricing .pricing-estimate {padding:22px 18px}
  #sandbox-pricing .pricing-presets button {min-height:48px}
  #sandbox-pricing .pricing-action a {width:100%;min-height:48px}
  #sandbox-pricing input, #sandbox-pricing select {min-height:44px}
  #sandbox-benchmarks :is([aria-label="Full benchmark results"],[data-source-label="Full benchmark results"]) {position:relative;scrollbar-width:thin;scrollbar-color:#487567 #142023}
  #sandbox-benchmarks :is([aria-label="Full benchmark results"],[data-source-label="Full benchmark results"]):before {content:'Swipe to see all results →';display:block;position:sticky;left:0;width:calc(100vw - 76px);padding:12px 16px;color:#858b94;font-size:11px}
  #sandbox-benchmarks table th:first-child, #sandbox-benchmarks table td:first-child {position:sticky;left:0;z-index:1;background:#141414}
  #sandbox-benchmarks .benchmark-deploy {width:100%;min-width:0;min-height:54px!important}
}
@media(max-width:700px) {
  body #sandbox-pricing {padding-top:40px;padding-bottom:40px}
  #sandbox-pricing .pricing-heading {margin-bottom:22px!important}
  #sandbox-pricing .pricing-eyebrow {margin-bottom:10px}
  #sandbox-pricing .pricing-heading>p:last-child {font-size:12px;line-height:1.5;margin-top:12px}
  #sandbox-pricing .pricing-config, #sandbox-pricing .pricing-estimate {padding:18px 16px}
  #sandbox-pricing .pricing-config-heading {flex-direction:row;align-items:center;gap:12px;margin-bottom:12px}
  #sandbox-pricing .pricing-config-heading h3 {font-size:15px!important}
  #sandbox-pricing #pricing-custom-toggle {font-size:10px;min-height:44px;max-width:98px}
  #sandbox-pricing .pricing-presets {margin-bottom:18px}
  #sandbox-pricing .pricing-presets button {font-size:11px;line-height:1.3;min-height:44px;padding:6px 3px}
  #sandbox-pricing .pricing-sizes {margin-top:0;margin-bottom:18px}
  #sandbox-pricing .pricing-sizes legend {font-size:12px;margin-bottom:8px}
  #sandbox-pricing .pricing-size-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  #sandbox-pricing .pricing-size-card {display:flex;flex-direction:column;align-items:flex-start;padding:10px 8px;gap:4px;min-height:68px}
  #sandbox-pricing .pricing-size-card strong {font-size:13px}
  #sandbox-pricing .pricing-size-card>span {font-size:9px;line-height:1.4}
  #sandbox-pricing .pricing-size-card>span:nth-of-type(2) {display:none}
  #sandbox-pricing .pricing-size-card b {font-size:12px;align-self:flex-start;margin:2px 0 0}
  #sandbox-pricing .pricing-size-card b small {font-size:9px}
  #sandbox-pricing .pricing-fields {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  #sandbox-pricing .pricing-fields:not(.pricing-fields-two)>label:first-child {grid-column:auto}
  #sandbox-pricing .pricing-fields-two {grid-template-columns:1fr 1fr}
  #sandbox-pricing .pricing-fields label {font-size:10px;line-height:1.4;display:flex;flex-direction:column;justify-content:space-between;gap:6px}
  #sandbox-pricing .pricing-fields input {padding:10px;width:100%;min-width:0}
  #sandbox-pricing .pricing-total {margin:6px 0}
  #sandbox-pricing .pricing-total strong {font-size:42px}
  #sandbox-pricing .pricing-bill-label {font-size:12px}
  #sandbox-pricing .pricing-cost-explainer {margin-top:12px;padding-top:12px;font-size:11px;line-height:1.5;min-height:0}
  #sandbox-pricing .pricing-action {margin-top:16px}
  #sandbox-pricing #pricing-trial-note {margin-top:8px;font-size:10px;line-height:1.5}
  #sandbox-pricing .pricing-mobile-details {margin-top:14px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#141414}
  #sandbox-pricing .pricing-mobile-details summary {padding:14px 16px;font-size:12px;color:#858b94;cursor:pointer;min-height:46px}
  #sandbox-pricing .pricing-mobile-details>div {padding:0 16px 16px}
  #sandbox-pricing .pricing-mobile-details .pricing-runtime {margin-top:12px;padding-top:12px}
  #sandbox-pricing .pricing-mobile-details .pricing-breakdown {margin-top:16px}
  #sandbox-pricing .pricing-mobile-details .pricing-inclusions {padding:12px 0 0;font-size:11px}
  #sandbox-pricing .pricing-billing-details {margin-top:8px}
  #sandbox-pricing .pricing-billing-details summary {font-size:11px;min-height:44px;padding-top:12px}
}
@media(max-width:700px) {
  #sandbox-pricing .pricing-size-options>label {display:flex}
  #sandbox-pricing .pricing-size-card {width:100%;height:100%}
  #sandbox-pricing .pricing-size-card b {margin-top:auto;padding-top:3px}
}
html body #sandbox-pricing .pricing-boat {display:block;padding:32px;max-width:1040px;margin:auto}
html body #sandbox-pricing .pricing-boat-intro {display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
html body #sandbox-pricing .pricing-boat-intro h3 {font-size:25px;color:#e9edf4;margin-top:6px}
html body #sandbox-pricing .pricing-boat-intro p {font-size:13px;line-height:1.8;color:#e9edf4}
html body #sandbox-pricing .pricing-boat-intro p span {color:#858b94}
html body #sandbox-pricing .pricing-control-row {display:grid;grid-template-columns:165px minmax(0,1fr);align-items:center;gap:20px;margin:12px 0;font-size:14px;color:#858b94}
html body #sandbox-pricing .pricing-row-hint {display:block;font-size:11px;color:#5f646d;margin-top:4px}
html body #sandbox-pricing .pricing-options {display:flex;gap:4px;background:#070707;padding:4px;border:1px solid #2e2e2e;border-radius:8px}
html body #sandbox-pricing .pricing-options button {flex:1;min-width:0;min-height:40px;border-radius:5px;font-size:14px;background:transparent;color:#858b94}
html body #sandbox-pricing .pricing-options button[aria-pressed=true] {background:#2e2e2e;color:#e9edf4}
html body #sandbox-pricing .pricing-slider-line {display:flex;align-items:center;gap:20px}
html body #sandbox-pricing #pricing-hours {width:100%;min-width:0;flex:1;height:36px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;appearance:auto;accent-color:#10b981;cursor:pointer}
html body #sandbox-pricing #pricing-hours:disabled {opacity:.45;cursor:default}
html body #sandbox-pricing .pricing-slider-line output {min-width:55px;text-align:right;color:#e9edf4;font-variant-numeric:tabular-nums}
html body #sandbox-pricing .pricing-boat-tiers {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;margin:0;padding:0;border:0}
html body #sandbox-pricing .pricing-boat-tiers label {position:relative;cursor:pointer;min-width:0}
html body #sandbox-pricing .pricing-boat-tiers input {position:absolute;opacity:0;width:1px;height:1px}
html body #sandbox-pricing .pricing-boat-tiers label>span {display:flex;flex-direction:column;gap:5px;padding:14px;border:0;border-radius:8px;background:#070707}
html body #sandbox-pricing .pricing-boat-tiers input:checked+span {border:0;background:var(--pricing-selected,#2e2e2e)}
html body #sandbox-pricing .pricing-boat-tiers input:focus-visible+span {outline:2px solid #10b981;outline-offset:3px}
html body #sandbox-pricing .pricing-boat-tiers strong {color:#e9edf4;font-size:16px}
html body #sandbox-pricing .pricing-boat-tiers span span, html body #sandbox-pricing .pricing-boat-tiers small {font-size:11px;line-height:1.6}
html body #sandbox-pricing .pricing-boat button:focus-visible, html body #sandbox-pricing #pricing-hours:focus-visible {outline:2px solid #10b981;outline-offset:3px}
html body #sandbox-pricing .pricing-boat-result {display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #2e2e2e;margin-top:26px;padding-top:26px}
html body #sandbox-pricing .pricing-boat-result .pricing-total {margin:8px 0}
html body #sandbox-pricing .pricing-boat-result .pricing-total strong {font-size:64px;line-height:1.1;letter-spacing:-3px}
html body #sandbox-pricing .pricing-boat-result .pricing-action {margin:0;min-width:230px}
html body #sandbox-pricing .pricing-compare {margin-top:28px;border-top:1px solid #2e2e2e;padding-top:20px}
html body #sandbox-pricing .pricing-compare>summary {cursor:pointer;color:#e9edf4;font-size:14px}
html body #sandbox-pricing .pricing-compare>summary span {float:right;font-size:12px;color:#858b94}
html body #sandbox-pricing #pricing-provider-rows {margin:16px 0}
html body #sandbox-pricing .pricing-provider-row {display:grid;grid-template-columns:90px minmax(0,1fr) 100px;align-items:center;gap:20px;padding:12px 10px;font-size:14px;font-variant-numeric:tabular-nums;color:#858b94}
html body #sandbox-pricing .pricing-provider-row strong {text-align:right;color:#e9edf4}
html body #sandbox-pricing .pricing-provider-row.is-lizard {background:rgba(255,255,255,.07);border-radius:6px;color:#10b981}
html body #sandbox-pricing .pricing-provider-track {height:6px;background:#ffffff08;border-radius:2px;overflow:hidden}
html body #sandbox-pricing .pricing-provider-track>span {display:block;height:100%;background:#5f646d}
html body #sandbox-pricing .is-lizard .pricing-provider-track>span {background:#10b981}
html body #sandbox-pricing .pricing-comparison-notes {font-size:12px;color:#858b94;line-height:1.7;margin-top:12px}
html body #sandbox-pricing .pricing-comparison-notes summary {cursor:pointer}
html body #sandbox-pricing .pricing-comparison-notes p {margin:10px 0}
@media(max-width:700px) {
  html body #sandbox-pricing .pricing-boat {padding:20px 16px}
  html body #sandbox-pricing .pricing-boat-intro {display:block;margin-bottom:24px}
  html body #sandbox-pricing .pricing-boat-intro p {margin-top:12px}
  html body #sandbox-pricing .pricing-control-row {grid-template-columns:1fr;gap:8px;margin:18px 0}
  html body #sandbox-pricing .pricing-row-hint {display:inline;margin-left:8px}
  html body #sandbox-pricing .pricing-boat-tiers label>span {padding:10px 8px;min-height:110px}
  html body #sandbox-pricing .pricing-boat-tiers span span, html body #sandbox-pricing .pricing-boat-tiers small {font-size:10px}
  html body #sandbox-pricing .pricing-boat-result {align-items:stretch;flex-direction:column;gap:20px}
  html body #sandbox-pricing .pricing-boat-result .pricing-total strong {font-size:48px}
  html body #sandbox-pricing .pricing-compare>summary span {display:none}
  html body #sandbox-pricing .pricing-provider-row {grid-template-columns:65px minmax(0,1fr) 75px;gap:10px;font-size:12px}
}
@media(min-width:701px) {
  html body #sandbox-pricing .pricing-boat {max-width:920px;padding:40px}
  html body #sandbox-pricing .pricing-boat-intro {margin-bottom:32px}
  html body #sandbox-pricing .pricing-control-row {grid-template-columns:150px minmax(0,1fr);margin:18px 0;font-size:15px}
  html body #sandbox-pricing .pricing-options button {min-height:48px;font-size:15px}
  html body #sandbox-pricing .pricing-boat-tiers {gap:10px}
  html body #sandbox-pricing .pricing-boat-tiers label>span {min-height:120px;justify-content:center;padding:18px 14px;gap:8px}
  html body #sandbox-pricing .pricing-boat-tiers strong {font-size:18px}
  html body #sandbox-pricing .pricing-boat-tiers span span, html body #sandbox-pricing .pricing-boat-tiers small {font-size:12px}
  html body #sandbox-pricing .pricing-boat-result {margin-top:32px;padding-top:32px}
  html body #sandbox-pricing .pricing-provider-row {padding-block:16px}
}
html body #sandbox-pricing .pricing-settings, html body #sandbox-pricing .pricing-results {min-width:0}
@media(min-width:1000px) {
  html body #sandbox-pricing {scroll-margin-top:88px;padding-top:32px;padding-bottom:40px}
  html body #sandbox-pricing .pricing-heading {margin-bottom:24px!important}
  html body #sandbox-pricing .pricing-heading>p:last-child {margin-top:10px;font-size:14px;line-height:1.5}
  html body #sandbox-pricing .pricing-heading>p:last-child br {display:none}
  html body #sandbox-pricing .pricing-heading h2 {font-size:32px;line-height:1.2}
  html body #sandbox-pricing .pricing-boat {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1160px;padding:0;gap:0;align-items:stretch}
  html body #sandbox-pricing .pricing-settings, html body #sandbox-pricing .pricing-results {padding:24px 28px}
  html body #sandbox-pricing .pricing-results {border-left:1px solid #2e2e2e}
  html body #sandbox-pricing .pricing-boat-intro {display:block;margin-bottom:16px}
  html body #sandbox-pricing .pricing-boat-intro .pricing-eyebrow, html body #sandbox-pricing .pricing-boat-intro h3 {display:none}
  html body #sandbox-pricing .pricing-boat-intro p {font-size:13px;line-height:1.6}
  html body #sandbox-pricing .pricing-control-row {grid-template-columns:115px minmax(0,1fr);gap:12px;margin:12px 0;font-size:13px}
  html body #sandbox-pricing .pricing-options button {min-height:40px;font-size:13px}
  html body #sandbox-pricing .pricing-boat-tiers {gap:6px}
  html body #sandbox-pricing .pricing-boat-tiers label>span {padding:10px 8px;min-height:100px;gap:5px}
  html body #sandbox-pricing .pricing-boat-tiers strong {font-size:16px}
  html body #sandbox-pricing .pricing-boat-tiers span span, html body #sandbox-pricing .pricing-boat-tiers small {font-size:10px}
  html body #sandbox-pricing .pricing-settings>.pricing-help {font-size:11px;line-height:1.5;margin-top:14px}
  html body #sandbox-pricing .pricing-settings>.pricing-action {margin-top:20px}
  html body #sandbox-pricing .pricing-settings #pricing-trial-note {font-size:11px;line-height:1.5;margin-top:8px}
  html body #sandbox-pricing .pricing-boat-result {display:block;margin:0;padding:0;border:0}
  html body #sandbox-pricing .pricing-boat-result .pricing-total strong {font-size:48px}
  html body #sandbox-pricing .pricing-boat-result .pricing-help {font-size:11px}
  html body #sandbox-pricing .pricing-compare {margin-top:18px;padding-top:16px}
  html body #sandbox-pricing .pricing-compare>summary {font-size:13px}
  html body #sandbox-pricing .pricing-compare>summary span {display:none}
  html body #sandbox-pricing #pricing-provider-rows {margin:12px 0}
  html body #sandbox-pricing .pricing-provider-row {padding:9px 8px;grid-template-columns:65px minmax(0,1fr) 85px;gap:12px;font-size:13px}
  html body #sandbox-pricing .pricing-compare>.pricing-help {font-size:10px;line-height:1.5;margin-top:10px}
  html body #sandbox-pricing .pricing-comparison-notes {margin-top:8px;font-size:11px}
}
@media(max-width:999px) {
  html body #sandbox-pricing .pricing-results {margin-top:24px}
  html body #sandbox-pricing .pricing-settings>.pricing-action {margin-top:20px}
}
html body #sandbox-pricing .pricing-settings {--pricing-selected:#2e2e2e;--pricing-idle:#070707;--pricing-thumb:#10b981}
html body #sandbox-pricing .pricing-options {border:0;box-shadow:none;border-radius:8px;background:var(--pricing-idle)}
html body #sandbox-pricing .pricing-options button {border:0;box-shadow:none;border-radius:6px;transition:background-color .15s,color .15s}
html body #sandbox-pricing .pricing-options button[aria-pressed=true] {background:var(--pricing-selected);color:#e9edf4}
html body #sandbox-pricing .pricing-options button[aria-pressed=false]:hover {background:#ffffff06;color:#e9edf4}
html body #sandbox-pricing .pricing-boat-tiers label>span {border:0;box-shadow:none;background:var(--pricing-idle);transition:background-color .15s}
html body #sandbox-pricing .pricing-boat-tiers input:checked+span {background:var(--pricing-selected)}
html body #sandbox-pricing .pricing-boat-tiers label:hover input:not(:checked)+span {background:#141414}
html body #sandbox-pricing #pricing-hours {appearance:none;-webkit-appearance:none;height:36px;background:transparent;outline-offset:4px}
html body #sandbox-pricing #pricing-hours::-webkit-slider-runnable-track {height:6px;border:0;border-radius:3px;background:linear-gradient(to right,var(--pricing-selected) 0 var(--pricing-progress,0%),var(--pricing-idle) var(--pricing-progress,0%) 100%)}
html body #sandbox-pricing #pricing-hours::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;margin-top:-5px;width:16px;height:16px;border:0;border-radius:50%;background:var(--pricing-thumb);box-shadow:none}
html body #sandbox-pricing #pricing-hours::-moz-range-track {height:6px;border:0;border-radius:3px;background:var(--pricing-idle)}
html body #sandbox-pricing #pricing-hours::-moz-range-progress {height:6px;border:0;border-radius:3px;background:var(--pricing-selected)}
html body #sandbox-pricing #pricing-hours::-moz-range-thumb {width:16px;height:16px;border:0;border-radius:50%;background:var(--pricing-thumb);box-shadow:none}
@media(max-width:700px) {
  #sandbox-benchmarks [data-scroll-hint]:before {content:attr(data-scroll-hint)}
}
html:not([lang="en"]) #sandbox-pricing .pricing-options button {white-space:normal;line-height:1.3;padding:8px 5px}
html:not([lang="en"]) #sandbox-pricing .pricing-slider-line output {min-width:68px}
html body #sandbox-pricing .pricing-heading h2 { font-size: 32px !important; line-height: 40px !important; letter-spacing: normal !important; }
@media (max-width: 767px) {
  html body #sandbox-pricing .pricing-heading h2 { font-size: 24px !important; line-height: 32px !important; }
}
html body :is(#sandbox-pricing .pricing-eyebrow) {
  font-size: 12px !important; line-height: 16px !important; font-weight: 500 !important;
  letter-spacing: normal !important; text-transform: none !important; color: var(--control-primary) !important;
}
html body #sandbox-benchmarks .benchmark-deploy.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 #sandbox-benchmarks .benchmark-deploy.lz-button { background: rgba(16, 185, 129, 0.5) !important; border: 1px solid #10b981 !important; }
html body #sandbox-benchmarks .benchmark-deploy.lz-button:hover { background: #10b981 !important; border-color: #10b981 !important; }
html body #sandbox-benchmarks .benchmark-deploy.lz-button { color: #fff !important; }
html body main :is(#sandbox-benchmarks) [role="group"], html body #sandbox-pricing .pricing-options {
  background: #070707 !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; border-radius: 12px !important; padding: 4px !important; gap: 4px !important;
}
html body main :is(#sandbox-benchmarks) [role="group"] button, html body #sandbox-pricing .pricing-options 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: var(--text-secondary) !important; font-size: 12px !important; line-height: 18px !important; font-weight: 600 !important;
}
html body main :is(#sandbox-benchmarks) [role="group"] button:hover, html body #sandbox-pricing .pricing-options button:hover { color: #fff !important; }
html body main :is(#sandbox-benchmarks) [role="group"] button[aria-pressed="true"], html body #sandbox-pricing .pricing-options button[aria-pressed="true"] {
  background: #2e2e2e !important; color: #fff !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}
html body #sandbox-pricing #sandbox-pricing-title { font-size: 32px !important; line-height: 40px !important; letter-spacing: normal !important; }
@media (max-width: 767px) {
  html body #sandbox-pricing #sandbox-pricing-title { font-size: 24px !important; line-height: 32px !important; }
}
html body #sandbox-pricing #pricing-cta { color: #fff !important; }
html body #sandbox-benchmarks .benchmark-deploy.lz-button, html body #sandbox-benchmarks .benchmark-deploy.lz-button:hover { min-width: 0 !important; box-shadow: none !important; }
html body #sandbox-benchmarks .benchmark-row { grid-template-columns: 105px minmax(0, 1fr) 72px; }
@media (max-width: 640px) {
  html body #sandbox-benchmarks .benchmark-row { grid-template-columns: 92px minmax(0, 1fr) 64px; gap: 10px; }
}
html body #sandbox-benchmarks .benchmark-row > :first-child { display: inline-flex; align-items: center; height: 24px; }
html body #sandbox-pricing .pricing-boat-intro .pricing-bill-label { margin: 0; font-size: 13px; line-height: 19.5px; font-weight: 400; color: var(--text-secondary); }
html body #sandbox-pricing .pricing-provider-row { grid-template-columns: 65px minmax(0,1fr) 85px 40px; }
@media (min-width: 701px) and (max-width: 999px) {
  html body #sandbox-pricing .pricing-provider-row { grid-template-columns: 90px minmax(0,1fr) 100px 44px; }
}
@media (max-width: 700px) {
  html body #sandbox-pricing .pricing-provider-row { grid-template-columns: 65px minmax(0,1fr) 75px 36px; }
}
html body #sandbox-pricing .pricing-provider-x { text-align: right; color: var(--text-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
html body #sandbox-pricing .pricing-provider-row.is-lizard strong { color: #10B981; }
html body #sandbox-pricing .pricing-boat-tiers { gap: 8px; }
html body #sandbox-pricing .pricing-boat-tiers label>span { display: flex; flex-direction: column; justify-content: flex-start; gap: 0; min-height: 0; padding: 12px 16px; border-radius: 12px; background: rgba(255,255,255,.04); transition: background-color .15s; }
html body #sandbox-pricing .pricing-boat-tiers label:hover input:not(:checked)+span { background: rgba(255,255,255,.07); }
html body #sandbox-pricing .pricing-boat-tiers input:checked+span { background: rgba(16,185,129,.12); }
html body #sandbox-pricing .pricing-boat-tiers .pricing-tier-head { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
html body #sandbox-pricing .pricing-boat-tiers .pricing-tier-head strong { font-size: 14px; line-height: 20px; font-weight: 600; color: var(--text-primary); }
html body #sandbox-pricing .pricing-boat-tiers .pricing-tier-check { flex-shrink: 0; color: #10B981; visibility: hidden; }
html body #sandbox-pricing .pricing-boat-tiers input:checked+span .pricing-tier-check { visibility: visible; }
html body #sandbox-pricing .pricing-boat-tiers .pricing-tier-rows { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; }
html body #sandbox-pricing .pricing-boat-tiers .pricing-tier-rows span { display: flex; align-items: center; gap: 6px; font-size: 12px; line-height: 16px; font-weight: 500; color: var(--text-secondary); white-space: nowrap; }
html body #sandbox-pricing .pricing-boat-tiers .pricing-tier-rows svg { flex-shrink: 0; }
html body #sandbox-pricing .pricing-boat-tiers .pricing-tier-price { margin-top: 12px; font-size: 12px; line-height: 16px; font-weight: 500; color: var(--text-primary); font-variant-numeric: tabular-nums; }
@media (max-width: 560px) {
  html body #sandbox-pricing .pricing-boat-tiers { grid-template-columns: minmax(0,1fr); }
  html body #sandbox-pricing .pricing-boat-tiers label>span { padding: 12px 14px; }
  html body #sandbox-pricing .pricing-boat-tiers .pricing-tier-rows { flex-direction: row; flex-wrap: wrap; column-gap: 12px; row-gap: 4px; }
  html body #sandbox-pricing .pricing-boat-tiers .pricing-tier-price { margin-top: 8px; }
}
html body #sandbox-pricing .pricing-control-row:has(.pricing-boat-tiers) { grid-template-columns: minmax(0,1fr); align-items: start; row-gap: 10px; }
html body #sandbox-pricing .pricing-control-row:has(.pricing-boat-tiers) > span:first-child { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
html body #sandbox-pricing .pricing-control-row:has(.pricing-boat-tiers) .pricing-row-hint { margin: 0; }
html body #sandbox-pricing .pricing-heading > p:last-child { font-size: 14px; line-height: 20px; font-weight: 400; }
html body #sandbox-pricing .pricing-bill-label, html body #sandbox-pricing .pricing-boat-intro .pricing-bill-label { font-size: 12px; line-height: 16px; font-weight: 500; }
html body #sandbox-pricing .pricing-control-row > :first-child { font-size: 12px; line-height: 16px; font-weight: 500; }
html body #sandbox-pricing .pricing-control-row .pricing-row-hint { font-size: 12px; line-height: 16px; font-weight: 500; }
html body #sandbox-pricing .pricing-options :is([data-workload], [data-count]) { font-size: 12px; line-height: 18px; font-weight: 600; }
html body #sandbox-pricing #pricing-hours-value { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 42px; min-width: 80px; padding: 0 12px; background: #070707; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 12px; color: #fff; font-size: 12px; line-height: 18px; font-weight: 600; }
html body #sandbox-pricing .pricing-boat-result .pricing-total strong { font-size: 48px; font-weight: 500; line-height: 1.25; }
html body #sandbox-pricing .pricing-total span { font-size: 14px; line-height: 20px; font-weight: 400; }
html body #sandbox-pricing .pricing-compare > summary { font-size: 12px; line-height: 18px; font-weight: 600; }
html body #sandbox-pricing .pricing-provider-row { font-size: 12px; line-height: 18px; font-weight: 500; }
html body #sandbox-pricing .pricing-provider-row strong { font-weight: 600; }
html body #sandbox-pricing details:not(.pricing-compare) > summary, html body #sandbox-pricing details:not(.pricing-compare) :is(p, li, a) { font-size: 14px; line-height: 20px; font-weight: 400; }
html body #sandbox-pricing .pricing-boat-intro h3 { font-size: 14px !important; line-height: 20px !important; font-weight: 600 !important; }
html body #sandbox-pricing .pricing-compare > summary span { font-weight: 500; }
@font-face {
  font-family: 'Geist Site';
  src: url('/fonts/Geist-Regular-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0-36F, U+530-10FFFF;
}
@font-face {
  font-family: 'Geist Site';
  src: url('/fonts/Geist-Regular-cyrillic.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+370-52F;
}
@font-face {
  font-family: 'Geist Site';
  src: url('/fonts/Geist-Medium-latin.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0-36F, U+530-10FFFF;
}
@font-face {
  font-family: 'Geist Site';
  src: url('/fonts/Geist-Medium-cyrillic.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+370-52F;
}
@font-face {
  font-family: 'Geist Site';
  src: url('/fonts/Geist-SemiBold-latin.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0-36F, U+530-10FFFF;
}
@font-face {
  font-family: 'Geist Site';
  src: url('/fonts/Geist-SemiBold-cyrillic.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+370-52F;
}
@font-face {
  font-family: 'Geist Site';
  src: url('/fonts/Geist-Bold-latin.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0-36F, U+530-10FFFF;
}
@font-face {
  font-family: 'Geist Site';
  src: url('/fonts/Geist-Bold-cyrillic.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+370-52F;
}
@font-face {
  font-family: 'Geist Mono Site';
  src: url('/fonts/GeistMono-Regular-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0-36F, U+530-10FFFF;
}
@font-face {
  font-family: 'Geist Mono Site';
  src: url('/fonts/GeistMono-Regular-cyrillic.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+370-52F;
}
@font-face {
  font-family: 'Geist Mono Site';
  src: url('/fonts/GeistMono-Medium-latin.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0-36F, U+530-10FFFF;
}
@font-face {
  font-family: 'Geist Mono Site';
  src: url('/fonts/GeistMono-Medium-cyrillic.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+370-52F;
}
/* The landing loads its own Geist with no Medium; these sections keep the site's Geist, as before. */
html body :is(#sandbox-pricing, #sandbox-benchmarks),
html body :is(#sandbox-pricing, #sandbox-benchmarks) :where(:not(svg):not(svg *)) { font-family: 'Geist Site', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important; }
html body :is(#sandbox-pricing, #sandbox-benchmarks) :is(code, pre, kbd, .font-mono) { font-family: 'Geist Mono Site', ui-monospace, monospace !important; }
/* Shared landing rules for body buttons and headings reach these sections too; pin them to 7559d94. */
html body #sandbox-pricing #pricing-cta { height: 40px !important; min-height: 40px !important; padding: 0 24px !important; border-radius: 8px !important; font-weight: 600 !important; }
html body #sandbox-benchmarks h2 { font-size: 32px !important; line-height: 40px !important; letter-spacing: normal !important; }
@media (max-width: 767px) { html body #sandbox-benchmarks h2 { font-size: 28px !important; line-height: 1.18 !important; } }

/* Closing section as before e948060 (7559d94), like the homepage CTA: its rules, ServerEdge.css, the site tokens and the site Geist, scoped to the section. */
html body main > section:last-child { --border-primary: #2E2E2E; --lz-border: #2e2e2e; --lz-border-control: #2e2e2e; --lz-border-subtle: rgba(255,255,255,.08); --lz-muted: #858b94; --lz-primary-fill: rgba(16,185,129,.5); --lz-primary-hover: #10b981; --lz-secondary: #2e2e2e; --lz-secondary-hover: #3b3b3b; --lz-surface: #141414; --lz-surface-inset: #070707; --lz-surface-raised: #141414; --page-width: 1152px; --text-secondary: #858B94; --text-tertiary: #5F646D; }
html body main > section:last-child, html body main > section:last-child :where(:not(svg):not(svg *)) { font-family: 'Geist Site', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif !important; }
main>section:last-child {background:#070707;padding:72px 24px 80px;overflow:hidden}
main>section:last-child .server-edge {display:none}
main>section:last-child>div:first-child {max-width:900px}
.platform-stats {border-top:1px solid #2e2e2e;padding-top:28px}
.platform-stats dd {color:#858b94!important}
@media(max-width:700px) {
  main>section:last-child:before {display:none}
}
main>section:last-child:before {display:none}
body main>section:last-child {background:var(--lz-bg)!important}
body main>section:last-child {padding:72px 24px 80px}
@media(max-width:700px) {
  body main>section:last-child {padding:72px 22px}
}
body main>section:last-child {background:#070707;min-height:400px}
body main>section:last-child>div {position:relative;z-index:1}
@media(max-width:700px) {
  body main>section:last-child:before {opacity:.26;background-size:auto 100%;background-position:left -80px center}
}
@media(max-width:700px) {
  body main>section:last-child {padding:56px 20px;min-height:330px}
  body main>section:last-child h2 {font-size:28px!important;line-height:1.2!important}
  body main>section:last-child .lz-button {min-height:48px}
}
html body main > section:last-child { padding: 48px 24px 240px !important; min-height: 0 !important; }
@media (min-width: 640px) {
  html body main > section:last-child { padding-top: 56px !important; }
}
html body main > section:last-child > .server-edge { display: block; position: absolute; z-index: 0; max-width: none; }
html body main > section:last-child .platform-stats { border-top: 0; padding-top: 0; }
html body main > section:last-child .platform-stats dd { color: var(--text-primary) !important; }
html body main > section:last-child a[href*="/login"] svg { display: inline-block; width: 16px; height: 16px; margin-left: 8px; vertical-align: -0.125em; }
html body .platform-stats { max-width: 640px; margin: 32px auto 0; }
html body .platform-stats dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; margin: 0; }
html body .platform-stats dl > div { display: flex; min-width: 0; flex-direction: column-reverse; gap: 6px; padding: 0 12px; }
html body .platform-stats dl > div:nth-child(even) { border-left: 1px solid rgba(255,255,255,.08); }
html body .platform-stats dt { font-size: 12px; line-height: 16px; font-weight: 500; color: var(--text-secondary); }
html body .platform-stats dd { margin: 0; font-size: 28px; line-height: 1; font-weight: 500; letter-spacing: -0.04em; color: var(--text-primary); font-variant-numeric: tabular-nums; }
html body .platform-stats dd .is-empty { color: var(--text-tertiary); }
@media (min-width: 640px) {
  html body .platform-stats dl { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  html body .platform-stats dl > div + div { border-left: 1px solid rgba(255,255,255,.08); }
  html body .platform-stats dd { font-size: 32px; }
}
.server-edge {
  position: absolute;
  inset: auto 0 0;
  height: 184px;
  overflow: hidden;
  pointer-events: none;
  color: #77daa0;
}
.server-edge::before {
  content: '';
  position: absolute;
  inset: auto 0 7px;
  height: 1px;
  background: linear-gradient(to right,
    #235b45 0 calc(50% - 640px),
    transparent calc(50% - 640px) calc(50% + 640px),
    #235b45 calc(50% + 640px) 100%);
}
.server-edge > svg {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1280px;
  height: 184px;
  transform: translateX(-50%);
}
main:has(> section:last-child .server-edge) + footer .footer-divider {
  display: none;
}
.server-edge-packet {
  stroke: currentColor;
  stroke-width: 2;
  animation: server-edge-flow 12s linear infinite;
}
.server-edge-light {
  animation: server-edge-status 6s ease-in-out infinite;
}
.server-edge-hub-pulse {
  animation: server-edge-send 2s ease-out infinite;
}
.server-edge[data-active='false'] :is(.server-edge-packet, .server-edge-light, .server-edge-hub-pulse) {
  animation-play-state: paused;
}
@keyframes server-edge-flow {
  from { stroke-dashoffset: var(--packet-start); }
  to { stroke-dashoffset: var(--packet-end); }
}
@keyframes server-edge-status {
  0%, 65%, 100% { opacity: .55; }
  75%, 85% { opacity: 1; }
}
@keyframes server-edge-send {
  0%, 8% { opacity: 1; }
  35%, 100% { opacity: .45; }
}
@media (prefers-reduced-motion: reduce) {
  .server-edge :is(.server-edge-packet, .server-edge-light, .server-edge-hub-pulse) {
    animation: none;
  }
}
.server-edge-logo { display: block; width: 44px; height: 46px; color: #9de5b8; }
.server-edge-hub-link { pointer-events: all; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; }
.server-edge-hub-visual { pointer-events: none; }
.server-edge-hub-focus { opacity: 0; transition: opacity 180ms ease; }
.server-edge-screen-light { opacity: 0; transition: opacity 850ms ease; }
.server-edge-screen-grid { opacity: 0; transition: opacity 900ms ease; }
.server-edge-hub .server-edge-logo { transition: color 750ms ease, filter 850ms ease; }
.server-edge-screen-sheen { opacity: 0; transform: translateY(-30px); }
.server-edge-hub-indicator { opacity: .35; transition: opacity 500ms ease, fill 500ms ease; }
.server-edge-hub-link:is(:hover, :focus-visible) .server-edge-screen-light { opacity: .1; }
.server-edge-hub-link:is(:hover, :focus-visible) .server-edge-screen-grid { opacity: .14; }
.server-edge-hub-link:is(:hover, :focus-visible) .server-edge-logo { color: #d1fae5; filter: drop-shadow(0 0 2px rgba(110,231,183,.55)); }
.server-edge-hub-link:is(:hover, :focus-visible) .server-edge-screen-sheen { animation: server-edge-screen-sweep 1400ms cubic-bezier(.22,1,.36,1) both; }
.server-edge-hub-link:is(:hover, :focus-visible) .server-edge-hub-indicator { opacity: 1; fill: #d1fae5; }
.server-edge-hub-link:focus-visible .server-edge-hub-focus { opacity: 1; }
.server-edge-hub-link:active .server-edge-screen-light { opacity: .2; transition-duration: 150ms; }
@keyframes server-edge-screen-sweep {
  0% { opacity: 0; transform: translateY(-30px); }
  25% { opacity: .16; }
  100% { opacity: 0; transform: translateY(110px); }
}
@media (prefers-reduced-motion: reduce) {
  .server-edge-hub-link *, .server-edge-hub .server-edge-logo { transition: none; animation: none !important; }
}

/* Guides: the Studio page's guide layout (StudioGuides.tsx) in this page's tokens.
   One start card, then two columns of three guides that share row heights. */
html body .sandbox-guides { position: relative; border-top: 1px solid var(--lz-border-subtle); padding: 80px 24px; }
@media (min-width: 768px) { html body .sandbox-guides { padding: 96px 24px; } }
.sandbox-guides-inner { max-width: 1152px; margin: 0 auto; }
.sandbox-guides-head { max-width: 560px; }
html body .sandbox-guides h2 { margin: 0; font-size: 24px !important; line-height: 32px !important; letter-spacing: normal !important; color: var(--lz-text); text-wrap: balance; }
@media (min-width: 768px) { html body .sandbox-guides h2 { font-size: 32px !important; line-height: 40px !important; } }
.sandbox-guides-head p { margin: 12px 0 0; font-size: 14px; line-height: 22px; color: var(--text-secondary); }
html body .sandbox-guides :is(h3, h4) { margin: 0; font-weight: 500 !important; color: var(--lz-text); }
.sandbox-guides-copy { min-width: 0; flex: 1; }
.sandbox-guides-copy p { margin: 4px 0 0; font-size: 14px; line-height: 24px; color: var(--text-secondary); }
.sandbox-guides-arrow { width: 16px; height: 16px; flex: none; }

.sandbox-guides-start { margin-top: 32px; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 20px 16px; padding: 20px; border-radius: 16px; background: rgba(255, 255, 255, 0.045); text-decoration: none; transition: background-color 0.15s; }
.sandbox-guides-start:hover { background: rgba(255, 255, 255, 0.07); }
.sandbox-guides-mark { display: flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 12px; background: var(--lz-bg); }
.sandbox-guides-logo { width: 32px; height: 32px; color: var(--emerald-brand); }
.sandbox-guides-start h3 { font-size: 16px; line-height: 24px; }
.sandbox-guides-button { grid-column: 1 / -1; white-space: nowrap; }
.sandbox-guides-button .sandbox-guides-arrow { transition: transform 0.15s; }
body main .sandbox-guides-start:hover .lz-button.lz-primary { background: var(--lz-primary) !important; }
.sandbox-guides-start:hover .sandbox-guides-button .sandbox-guides-arrow { transform: translateX(2px); }
@media (min-width: 640px) {
  .sandbox-guides-start { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 20px; padding: 24px; }
  .sandbox-guides-button { grid-column: auto; }
}

.sandbox-guides-groups { margin-top: 40px; display: grid; gap: 36px; }
.sandbox-guides-group h3 { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; padding: 0 12px; font-size: 18px; line-height: 28px; letter-spacing: -0.015em; }
.sandbox-guides-icon { display: flex; width: 32px; height: 32px; flex: none; align-items: center; justify-content: center; border-radius: 8px; background: rgba(255, 255, 255, 0.06); color: var(--emerald-brand); }
.sandbox-guides-icon svg { width: 20px; height: 20px; }
.sandbox-guides ul { margin: 0; padding: 0; list-style: none; }
.sandbox-guides li + li { border-top: 1px solid rgba(255, 255, 255, 0.07); }
.sandbox-guides li a { display: flex; height: 100%; box-sizing: border-box; align-items: flex-start; gap: 16px; padding: 20px 12px; border-radius: 8px; text-decoration: none; transition: background-color 0.15s; }
.sandbox-guides li a:hover { background: rgba(255, 255, 255, 0.035); }
.sandbox-guides li h4 { font-size: 15px; line-height: 24px; text-wrap: pretty; }
.sandbox-guides li p { margin-top: 6px; max-width: 44ch; font-size: 13px; line-height: 21px; }
.sandbox-guides li .sandbox-guides-arrow { margin-top: 4px; color: var(--lz-muted); transition: color 0.15s, transform 0.15s; }
.sandbox-guides li a:hover .sandbox-guides-arrow { color: var(--lz-text); transform: translateX(2px); }
.sandbox-guides :is(.sandbox-guides-start, li a):focus-visible { outline: 2px solid rgba(255, 255, 255, 0.7); outline-offset: 2px; }
@media (min-width: 640px) {
  .sandbox-guides-groups { margin-top: 48px; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; row-gap: 0; }
  .sandbox-guides-group { display: grid; grid-row: span 6; grid-template-rows: subgrid; }
  .sandbox-guides-group ul { display: contents; }
}
@media (min-width: 1024px) { .sandbox-guides-groups { column-gap: 64px; } }
@media (prefers-reduced-motion: reduce) { .sandbox-guides :is(*, *::before) { transition: none !important; transform: none !important; } }
/* technical-illustrations.css */
/* Precision product drawings: shared strokes, controlled layering, quiet emerald. */
body #sandbox-benefits .infra-card{background:linear-gradient(145deg,#121919,#0a0f0e);border-color:#293831;box-shadow:inset 0 1px #ffffff05;display:flex;flex-direction:column;min-height:0;padding:0;gap:0}
body #sandbox-benefits .infra-copy{padding:28px 28px 0;max-width:100%}
body #sandbox-benefits .infra-copy>p{max-width:390px;min-height:44px}
body #sandbox-benefits .infra-main .infra-copy{padding:28px 28px 0}
body #sandbox-benefits .infra-main .infra-checks{padding:0 28px 24px;order:3;margin:0;display:flex;flex-wrap:wrap;gap:4px 18px;font-size:10px}
body #sandbox-benefits .infra-main .infra-boot,body #sandbox-benefits .volume-visual,body #sandbox-benefits .deployment-map,body #sandbox-benefits .mini-desktop{display:none}
.precision-art{position:relative;width:100%;margin-top:auto;padding-top:18px;isolation:isolate}
.precision-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b100f,transparent 12%,transparent 88%,#0b100f);pointer-events:none;opacity:.4}
.precision-art img{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.infra-card:hover .precision-art img{transform:translateY(-3px)}
body #sandbox-benefits .infra-main .precision-art{max-width:560px;align-self:center;margin-top:auto}
body #sandbox-benefits .infra-main{grid-column:span 6}.infra-volume,.infra-deploy{grid-column:span 3}
body #sandbox-benefits .regions-visual{background:linear-gradient(150deg,#17201b,#0c1310);box-shadow:0 18px 35px #0004,inset 0 1px #ffffff08;border-color:#34493c;margin:36px 24px 24px;border-radius:8px}
body #sandbox-benefits .region-point{background:none;box-shadow:none}
body #sandbox-benefits .region-flag{filter:saturate(.7);font-size:34px}
body #sandbox-benefits .metrics-visual{border-color:#34493c;background:linear-gradient(140deg,#15201a,#0c130f);box-shadow:0 18px 35px #0004,inset 0 1px #ffffff08;margin:36px 24px 24px;border-radius:8px}
body #sandbox-benefits .chart-fill{opacity:.1}body #sandbox-benefits .chart-curve{stroke:#8dceaa;stroke-width:1.5}body #sandbox-benefits .chart-memory{stroke:#58786a;stroke-width:1}body #sandbox-benefits .chart-scan{display:none}
/* Equal-width cards keep every technical drawing large enough to read. */
@media(min-width:851px){body #sandbox-benefits .infra-main,body #sandbox-benefits .infra-volume,body #sandbox-benefits .infra-deploy{grid-column:span 4}html body #sandbox-benefits .infra-main h3{font-size:22px!important}body #sandbox-benefits .infra-main .infra-checks{display:none}}
body #sandbox-benefits .regions-visual,body #sandbox-benefits .metrics-visual{margin-top:auto;margin-bottom:28px}
body #sandbox-benefits .infra-regions .infra-copy,body #sandbox-benefits .infra-metrics .infra-copy{padding-bottom:28px}

@media(max-width:850px){body #sandbox-benefits .infra-card{grid-column:span 6}}
@media(max-width:700px){body #sandbox-benefits .infra-card{grid-column:span 12}}
@media(prefers-reduced-motion:reduce){.precision-art img{transition:none}}
/* Sculptural dot-matrix illustrations, inspired by computational printmaking. */
body #sandbox-benefits .infra-card{background:linear-gradient(140deg,#111714,#0a100c 80%);border-color:#29362d}
body #sandbox-benefits .precision-art{padding:5px 10px 15px;min-height:220px;display:flex;align-items:center;justify-content:center}
body #sandbox-benefits .precision-art img{width:100%;height:auto;filter:none}
.precision-art:after{display:none}
body #sandbox-benefits .infra-copy{padding-bottom:12px}
body #sandbox-benefits .infra-copy>p{color:#a0afa6}
body #sandbox-benefits .infra-category{color:#aabbb1}
body #sandbox-benefits .regions-visual,body #sandbox-benefits .metrics-visual{background:linear-gradient(140deg,#17241b,#0c150f);box-shadow:0 12px 35px #0004,inset 0 1px #b3e6bb0a;border-color:#3a5140}
@media(max-width:700px){body #sandbox-benefits .precision-art{min-height:190px;padding:0 4px 14px}}

/* Signals share the artwork's coordinate system, so they stay on its surfaces. */
.precision-drawing{position:relative;width:100%;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
body #sandbox-benefits .infra-card:hover .precision-art img{transform:none}
.infra-card:hover .precision-drawing{transform:translateY(-3px)}
.precision-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;stroke:#9ae8ba;stroke-width:1.4;stroke-linecap:round}
.precision-signal{stroke-dasharray:9 91;animation:precision-flow 4.8s linear infinite;opacity:.8}
.precision-orbit{stroke-dasharray:12 88;animation:precision-flow 7s linear infinite;opacity:.8}
.precision-orbit-inner{animation-duration:5.5s;animation-direction:reverse;opacity:.5}
.precision-core{fill:#70d69c;fill-opacity:.025;stroke-opacity:.2;animation:precision-core 4.8s ease-in-out infinite}
.precision-browser-scan{stroke-width:1;animation:precision-scan 5.6s ease-in-out infinite;opacity:0}
body #sandbox-benefits .precision-chart-signal{stroke:#b4efd0;stroke-width:1.7;stroke-dasharray:9 91;animation:precision-flow 7s linear infinite;opacity:.85}
body #sandbox-benefits .region-point em i{animation:precision-status 3.6s ease-in-out infinite}
body #sandbox-benefits .region-eu em i{animation-delay:-1.8s}
@keyframes precision-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes precision-core{0%,100%{fill-opacity:.025;stroke-opacity:.2}45%{fill-opacity:.12;stroke-opacity:.8}}
@keyframes precision-scan{0%,100%{transform:translate(0,0);opacity:0}12%{opacity:.65}80%{transform:translate(38px,118px);opacity:.65}94%{transform:translate(38px,118px);opacity:0}}
@keyframes precision-status{0%,100%{opacity:.45}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){
 body #sandbox-benefits .precision-motion,body #sandbox-benefits .precision-chart-signal{display:none}
 body #sandbox-benefits .region-point em i{animation:none}
 .precision-drawing{transition:none}.infra-card:hover .precision-drawing{transform:none}
}

/* Let the regions panel use the card's available space instead of a blank auto margin. */
body #sandbox-benefits .infra-regions .infra-copy{padding-bottom:0}
body #sandbox-benefits .infra-regions .infra-copy>p{min-height:0}
body #sandbox-benefits .infra-regions .regions-visual{flex:1 0 auto;height:auto;min-height:180px;margin-top:24px}
/* Keep the metrics panel beside its explanation; let the chart fill the card. */
body #sandbox-benefits .infra-metrics .infra-copy{padding-bottom:0}
body #sandbox-benefits .infra-metrics .infra-copy>p{min-height:0}
body #sandbox-benefits .infra-metrics .metrics-visual{margin-top:24px;flex:1 0 auto;display:flex;flex-direction:column;min-height:180px}
body #sandbox-benefits .infra-metrics .metrics-visual>svg{flex:1 0 87px;min-height:87px}
body #sandbox-benefits .infra-metrics .metrics-top,body #sandbox-benefits .infra-metrics .mini-log{flex-shrink:0}
@media(max-width:700px){body #sandbox-benefits .infra-regions .regions-visual{min-height:176px}}

/* Deploy: a readable six-second source → packet → node sequence. */
.deploy-core{fill:#72e6a5;stroke:#a7f3c5;stroke-width:1.8;animation:deploy-source 6s ease-in-out infinite}
.deploy-circuit{stroke:#9aefbb;stroke-width:1.5;stroke-dasharray:22 78;animation:precision-flow 6s linear infinite;opacity:.85}
.deploy-link{stroke:#8ae8af;stroke-width:1.5;opacity:.25}
.deploy-packet,.deploy-packet-halo{fill:#b7ffd1;stroke:none;opacity:0;animation:deploy-packet 6s ease-in-out var(--deploy-delay) infinite}
.deploy-packet-halo{fill:#64d99a;fill-opacity:.18}
.deploy-node{fill:#69e69d;stroke:#9af0bd;stroke-width:1.5;fill-opacity:0;stroke-opacity:0;animation:deploy-node 6s ease-in-out var(--deploy-delay) infinite}
@keyframes deploy-source{0%,100%{fill-opacity:.025;stroke-opacity:.25}12%,24%{fill-opacity:.2;stroke-opacity:1}65%{fill-opacity:.04;stroke-opacity:.4}}
@keyframes deploy-packet{0%,15%{transform:translate(0,0);opacity:0}19%{transform:translate(0,0);opacity:1}39%{transform:translate(var(--packet-x),var(--packet-y));opacity:1}44%,100%{transform:translate(var(--packet-x),var(--packet-y));opacity:0}}
@keyframes deploy-node{0%,34%,85%,100%{fill-opacity:0;stroke-opacity:.12}42%,55%{fill-opacity:.18;stroke-opacity:1}70%{fill-opacity:.04;stroke-opacity:.35}}

/* Regions are the focal point of this card. */
body #sandbox-benefits .infra-regions .region-flag{font-size:44px}
body #sandbox-benefits .infra-regions .region-point{padding-inline:8px;column-gap:12px}
body #sandbox-benefits .infra-regions .region-point b{font-size:20px;letter-spacing:.06em}
body #sandbox-benefits .infra-regions .region-point small{font-size:12px;line-height:1.5}
@media(max-width:420px){
 body #sandbox-benefits .infra-regions .regions-visual{padding-inline:12px;column-gap:12px}
 body #sandbox-benefits .infra-regions .region-point{padding-inline:0;column-gap:8px}
 body #sandbox-benefits .infra-regions .region-flag{font-size:36px}
 body #sandbox-benefits .infra-regions .region-point b{font-size:18px}
 body #sandbox-benefits .infra-regions .region-point small{font-size:11px}
}

/* Telemetry is a technical drawing, with the same depth and line weight as its neighbors. */
body #sandbox-benefits .infra-metrics .precision-art{margin-top:24px;padding-top:0;min-height:0}
body #sandbox-benefits .infra-metrics .precision-signal{stroke:#c2f4d2;stroke-width:1.8;stroke-dasharray:5 95;animation-duration:6s}

/* DESIGN.md alignment, as in the pricing and benchmark sections: the site's Geist,
   neutral surfaces, one emerald, token type scale. The drawings and their motion stay. */
html body #sandbox-benefits :where(:not(svg):not(svg *)){font-family:'Geist Site',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif!important}
html body #sandbox-benefits{padding:80px 24px}
html body #sandbox-benefits .benefits-container{max-width:1152px;margin:0 auto}
html body #sandbox-benefits .benefits-heading{max-width:none;margin:0 0 32px;text-align:center}
html body #sandbox-benefits .benefits-heading .benefits-subtitle{margin:12px 0 0;font-size:14px;line-height:20px;font-weight:400;color:#858B94}
html body #sandbox-benefits .benefits-heading h2{margin:0;font-size:24px!important;line-height:32px!important;font-weight:600!important;letter-spacing:normal!important;color:#E9EDF4}
@media(min-width:768px){
 html body #sandbox-benefits{padding:96px 24px}
 html body #sandbox-benefits .benefits-heading{margin-bottom:48px}
 html body #sandbox-benefits .benefits-heading h2{font-size:32px!important;line-height:40px!important}
}

/* Three columns while a card title still fits on two lines, then two, then one. */
html body #sandbox-benefits .infrastructure-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
html body #sandbox-benefits .infrastructure-grid>.infra-card{grid-column:auto!important}
@media(max-width:1023px){html body #sandbox-benefits .infrastructure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){html body #sandbox-benefits .infrastructure-grid{grid-template-columns:minmax(0,1fr)}}

/* Cards: the page's card surface and the homepage feature-card hover. */
html body #sandbox-benefits .infrastructure-grid>.infra-card{min-height:0;background:#141414;border:1px solid #2E2E2E;border-radius:12px;box-shadow:none;transition:transform .3s ease-out,border-color .3s ease-out,box-shadow .3s ease-out}
html body #sandbox-benefits .infrastructure-grid>.infra-card:hover{transform:translateY(-2px);border-color:rgba(16,185,129,.6);box-shadow:0 18px 40px -16px rgba(0,0,0,.6),0 0 0 1px rgba(16,185,129,.35)}
html body #sandbox-benefits .infrastructure-grid>.infra-card:has(.infra-card-link:focus-visible){border-color:#10B981}
html body #sandbox-benefits .infra-card .infra-card-link:focus-visible{outline:2px solid #10B981;outline-offset:-3px}
html body #sandbox-benefits .infra-card .infra-copy{max-width:100%;padding-top:24px;padding-inline:24px}
html body #sandbox-benefits .infra-card .infra-category{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:12px;line-height:16px;font-weight:500;letter-spacing:normal;color:#10B981}
html body #sandbox-benefits .infra-card .infra-category svg{width:16px;height:16px;flex:none;fill:#10B981;stroke:none}
html body #sandbox-benefits .infra-card .infra-copy h3{margin:0 0 8px;font-size:24px!important;line-height:32px!important;font-weight:600;letter-spacing:normal!important;color:#E9EDF4}
html body #sandbox-benefits .infra-card .infra-copy>p{max-width:none;min-height:0;margin:0;font-size:14px;line-height:20px;color:#858B94}
/* The desktop layout drops the first card's checklist; narrow screens now match it. */
html body #sandbox-benefits .infra-main .infra-checks{display:none}

/* Pricing: "Per sandbox" for the hours slider sits in a tooltip on an info icon right of
   the label, styled like the app's Tooltip (bg-secondary, border-primary, 12/18). */
html body #sandbox-pricing .pricing-row-label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
/* The icon needs 20px more than the 115px label column; "Stunden pro Monat" is the longest label. */
@media(min-width:1000px){html body #sandbox-pricing .pricing-control-row{grid-template-columns:130px minmax(0,1fr)}}
html body #sandbox-pricing .pricing-hint{position:relative;display:inline-flex;flex:none;color:#5F646D;cursor:help;border-radius:4px;outline:none;transition:color .15s}
html body #sandbox-pricing .pricing-hint svg{width:14px;height:14px;fill:currentColor}
html body #sandbox-pricing .pricing-hint:hover,html body #sandbox-pricing .pricing-hint:focus{color:#858B94}
html body #sandbox-pricing .pricing-hint:focus-visible{box-shadow:0 0 0 2px #10B981}
html body #sandbox-pricing .pricing-hint-bubble{position:absolute;left:-4px;bottom:calc(100% + 8px);z-index:20;width:max-content;max-width:256px;padding:6px 10px;border:1px solid #2E2E2E;border-radius:6px;background:#141414;box-shadow:0 32px 100px rgba(0,0,0,.7),0 0 0 .5px rgba(255,255,255,.05);font-size:12px;line-height:18px;font-weight:400;color:#858B94;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s}
html body #sandbox-pricing .pricing-hint:hover .pricing-hint-bubble,html body #sandbox-pricing .pricing-hint:focus .pricing-hint-bubble{opacity:1;visibility:visible}

/* Panel titles: Title 14 in text-primary over a divider like the one above the comparison.
   Below 1000px the intro also holds the "More room" title, so the left divider is on the intro. */
html body #sandbox-pricing :is(.pricing-boat-intro,.pricing-boat-result) .pricing-bill-label{font-size:14px;line-height:20px;font-weight:600;color:#E9EDF4}
html body #sandbox-pricing .pricing-settings .pricing-boat-intro{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #2E2E2E}
html body #sandbox-pricing .pricing-boat-result .pricing-bill-label{margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid #2E2E2E}
/* The result is a flex row; let its only child span it so the divider runs full width. */
html body #sandbox-pricing .pricing-boat-result>div{flex:1 1 auto;min-width:0}

/* Compare costs: always open, a plain heading with its note on the right (no disclosure). */
html body #sandbox-pricing .pricing-compare-head{display:flex;align-items:baseline;gap:12px;font-size:12px;line-height:18px;font-weight:600;color:#E9EDF4}
html body #sandbox-pricing .pricing-compare-title{flex:1;min-width:0}
html body #sandbox-pricing .pricing-compare-note{font-weight:500;color:#858B94}
@media(max-width:700px),(min-width:1000px){html body #sandbox-pricing .pricing-compare-note{display:none}}

/* Price comparison: each provider as its lockup (mark plus wordmark) in the row colour. */
html body #sandbox-pricing .pricing-provider-row{grid-template-columns:128px minmax(0,1fr) 100px 44px}
@media(max-width:999px){html body #sandbox-pricing .pricing-provider-row{grid-template-columns:124px minmax(0,1fr) 75px 36px}}
html body #sandbox-pricing .pricing-provider-name{display:flex;align-items:center;min-width:0;color:inherit;text-decoration:none}
html body #sandbox-pricing .pl-lock{display:inline-flex;align-items:center;gap:6px;color:inherit;opacity:.92}
html body #sandbox-pricing .pricing-provider-name:hover .pl-lock{opacity:1;color:#E9EDF4}
html body #sandbox-pricing .is-lizard .pricing-provider-name:hover .pl-lock{color:#10B981}
html body #sandbox-pricing .pl-lock svg{display:block;width:auto;flex:none}
html body #sandbox-pricing .pl-lizard svg{height:17px}
html body #sandbox-pricing .pl-lizard b{font-size:15px;line-height:1;font-weight:700;letter-spacing:-.01em}
html body #sandbox-pricing .pl-cloudflare .pl-icon{height:17px}
html body #sandbox-pricing .pl-cloudflare .pl-word{height:9.5px}
html body #sandbox-pricing .pl-vercel .pl-icon{height:10px}
html body #sandbox-pricing .pl-vercel .pl-word{height:11px}
html body #sandbox-pricing .pl-e2b svg{height:13px}
html body #sandbox-pricing .pl-daytona svg{height:17px}
html body #sandbox-pricing .pl-modal svg{height:14px}
html body #sandbox-pricing .pl-boat svg{height:17px}
html body #sandbox-pricing .pl-exe b{font-family:'Geist Mono Site',ui-monospace,monospace!important;font-size:14px;line-height:1;font-weight:500;letter-spacing:-.02em}
@media(max-width:700px){
 html body #sandbox-pricing .pricing-provider-row{grid-template-columns:106px minmax(0,1fr) 70px 34px}
 html body #sandbox-pricing .pl-cloudflare .pl-icon{height:15px}
 html body #sandbox-pricing .pl-cloudflare .pl-word{height:8px}
 html body #sandbox-pricing .pl-modal svg{height:13px}
 html body #sandbox-pricing .pl-daytona svg{height:16px}
}

/* Benchmark method: collapsed under a disclosure. The text stays in the HTML, so search
   engines index it; it is only folded away for people. */
html body #sandbox-benchmark-method{margin:20px auto 0}
html body #sandbox-benchmark-method>summary{display:flex;justify-content:center;align-items:center;cursor:pointer;list-style:none;padding:8px;font-size:14px;line-height:20px;font-weight:400;color:#858B94}
html body #sandbox-benchmark-method>summary::-webkit-details-marker{display:none}
html body #sandbox-benchmark-method>summary::marker{content:''}
html body #sandbox-benchmark-method>summary::after{content:'+';margin-left:8px}
html body #sandbox-benchmark-method[open]>summary::after{content:'−'}
html body #sandbox-benchmark-method>summary:hover{color:#E9EDF4}
html body #sandbox-benchmark-method>summary:focus-visible{outline:2px solid #10B981;outline-offset:4px;border-radius:4px}
html body #sandbox-benchmark-method .benchmark-method-body{margin-top:12px}

/* Dividers in DESIGN.md grey instead of the old teal ink (#203033): --border-primary inside
   the install card, --border-secondary between FAQ items as on the homepage FAQ. */
html body .quickstart-strip .install-command{border-top-color:#2E2E2E!important}
html body #sandbox-faq .divide-y,html body #sandbox-faq .divide-y>*{border-color:rgba(255,255,255,.08)!important}

/* One horizontal rhythm for every section, as on the homepage: 24px side padding at every
   width and a 1152px content column (the closing CTA keeps its narrower centred text). */
html body main>section{padding-left:24px!important;padding-right:24px!important}
html body #sandbox-pricing .pricing-container,html body #sandbox-code>div,html body #sandbox-faq>div,html body .sandbox-guides-inner{max-width:1152px!important;margin-left:auto;margin-right:auto}

/* Comparison rows share one grid (subgrid), so the price column is as wide as the widest
   price instead of a fixed 100px, and every bar still ends at the same place. */
html body #sandbox-pricing #pricing-provider-rows{display:grid;grid-template-columns:128px minmax(0,1fr) max-content minmax(32px,max-content);column-gap:16px}
html body #sandbox-pricing #pricing-provider-rows>.pricing-provider-row{grid-column:1/-1;grid-template-columns:subgrid;column-gap:16px}
@media(max-width:999px){html body #sandbox-pricing #pricing-provider-rows{grid-template-columns:124px minmax(0,1fr) max-content minmax(32px,max-content)}}
@media(max-width:700px){html body #sandbox-pricing #pricing-provider-rows,html body #sandbox-pricing #pricing-provider-rows>.pricing-provider-row{column-gap:12px}html body #sandbox-pricing #pricing-provider-rows{grid-template-columns:106px minmax(0,1fr) max-content minmax(28px,max-content)}}
/* Rolling digits (rolling-digits.js): a reel shows one cell of its strip; the hidden placeholder
   keeps the digit's width and baseline. The reel is padded sideways so the mask never cuts a glyph. */
html body #sandbox-pricing .roll{white-space:nowrap;font-variant-numeric:tabular-nums}
/* The "/ month" rule styles every span in .pricing-total; the reels inside the sum keep its size. */
html body #sandbox-pricing .pricing-total strong span{font-size:inherit;line-height:inherit;font-weight:inherit}
html body #sandbox-pricing .roll-reel{position:relative;display:inline-block;padding:0 .12em;margin:0 -.12em;-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 88%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 88%,transparent)}
html body #sandbox-pricing .roll-ph{visibility:hidden}
html body #sandbox-pricing .roll-strip{position:absolute;top:0;left:0;right:0;white-space:pre;text-align:center;will-change:transform}
html body #sandbox-pricing .pricing-provider-track>span{transition:width .45s cubic-bezier(.16,1,.3,1)}
@media(prefers-reduced-motion:reduce){html body #sandbox-pricing :is(.roll-strip,.pricing-provider-track>span){transition:none!important}}
/* benefits-peeks.css */
/* Benefit cards end in one isometric infographic each: objects on a shared plate, lit by the
   brand pair (emerald to gold, DESIGN.md --gradient-primary), at most a couple of callouts.
   The SVGs are inline so their text uses the site font. At rest each shows its final frame;
   hovering the card plays the idea once (streams loop while hovered). */
html body #sandbox-benefits .lz-art{position:relative;align-self:stretch;width:100%;height:240px;margin-top:auto;overflow:hidden}
/* No hard edges: the art fades out toward every side of its box. */
html body #sandbox-benefits .lz-art{
 -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24%,#000 86%,transparent 100%),linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to bottom,transparent 0,#000 24%,#000 86%,transparent 100%),linear-gradient(to right,transparent 0,#000 12%,#000 88%,transparent 100%);
 mask-composite:intersect}
html body #sandbox-benefits .lz-art-svg{display:block;width:100%;height:100%}
html body #sandbox-benefits .lz-art-svg text{font-family:inherit}
@media(max-width:699px){html body #sandbox-benefits .lz-art{height:220px}}
html body #sandbox-benefits .lz-art .id-cursor{transform-box:view-box}
html body #sandbox-benefits .lz-art :is(.id-ripple,.ie-ping){transform-box:fill-box;transform-origin:center}
html body #sandbox-benefits .lz-art .ie-flow{stroke-dasharray:16 84;stroke-dashoffset:0}
html body #sandbox-benefits .lz-art .id-ripple{opacity:0}
html body #sandbox-benefits .lz-art .id-btn-on{opacity:0}

/* Sandboxes: a 10 x 10 fleet (100, what Pro runs at once), all running (green) at rest. Hovering launches it once more from
   the centre out, ring by ring: each machine rises gold (starting) and turns green the moment it lands; the last frame, all green, holds while the card stays hovered. */
html body #sandbox-benefits :is(.ia-gold,.ia-streak){opacity:0}
html body #sandbox-benefits .infra-card:hover .ia-sb{animation:lz-launch .9s cubic-bezier(.2,.8,.2,1) var(--d) both}
html body #sandbox-benefits .infra-card:hover .ia-gold{animation:lz-cool .9s step-end var(--d) both}
html body #sandbox-benefits .infra-card:hover .ia-streak{animation:lz-streak 1.2s ease-out var(--d) both}
@keyframes lz-launch{0%{translate:0 var(--h)}65%{translate:0 -3px}100%{translate:0 0}}
@keyframes lz-cool{0%{opacity:1}100%{opacity:0}}
@keyframes lz-streak{0%,10%{opacity:0}30%{opacity:.9}100%{opacity:0}}

/* Volumes: two lanes. Sandboxes ride one way and dock one at a time; the storage lane under them
   (the volume, Redis, S3, Postgres) rides the other way, a step each time the sandboxes move. The
   docked sandbox writes (dots down, the tank under it fills) or reads (dots up, it drains); tanks
   that already passed keep their level, so the loop has no jump. */
html body #sandbox-benefits .infra-card:hover .ib-lane{animation:lz-lane 7s cubic-bezier(.6,0,.3,1) infinite}
html body #sandbox-benefits .infra-card:hover :is(.ib-dock,.ib-beam){animation:lz-dock 7s infinite}
html body #sandbox-benefits .infra-card:hover .ib-w{animation:lz-on-a 7s infinite}
html body #sandbox-benefits .infra-card:hover .ib-r{animation:lz-on-b 7s infinite}
html body #sandbox-benefits .infra-card:hover .ib-dot-d{animation:lz-down .9s linear calc(var(--k) * -.3s) infinite}
html body #sandbox-benefits .infra-card:hover .ib-dot-u{animation:lz-up .9s linear calc(var(--k) * -.3s) infinite}
html body #sandbox-benefits .infra-card:hover .ib-store{animation:lz-store 14s cubic-bezier(.6,0,.3,1) infinite}
html body #sandbox-benefits .infra-card:hover .ib-fill{animation:var(--a) 14s ease-in-out infinite}
@keyframes lz-lane{0%{translate:0 0}14%,50%{translate:-97px -56px}64%,100%{translate:-194px -112px}}
@keyframes lz-dock{0%,12%{opacity:0}17%,47%{opacity:1}50%,62%{opacity:0}67%,97%{opacity:1}100%{opacity:0}}
@keyframes lz-on-a{0%,14%{opacity:0}18%,46%{opacity:1}50%,100%{opacity:0}}
@keyframes lz-on-b{0%,64%{opacity:0}68%,96%{opacity:1}100%{opacity:0}}
@keyframes lz-down{from{translate:0 -24px;opacity:0}30%,70%{opacity:1}to{translate:0 24px;opacity:0}}
@keyframes lz-up{from{translate:0 24px;opacity:0}30%,70%{opacity:1}to{translate:0 -24px;opacity:0}}
@keyframes lz-store{0%{translate:0 0}7%,25%{translate:97px 56px}32%,50%{translate:194px 112px}57%,75%{translate:291px 168px}82%,100%{translate:388px 224px}}
@keyframes lz-fill-w1{0%,9%{translate:0 0}23%,100%{translate:0 -13px}}
@keyframes lz-fill-r2{0%,34%{translate:0 0}48%,100%{translate:0 13px}}
@keyframes lz-fill-w3{0%,59%{translate:0 0}73%,100%{translate:0 -13px}}
@keyframes lz-fill-r4{0%,84%{translate:0 0}98%,100%{translate:0 13px}}

/* Streams while hovered: app to database, region to region. */
html body #sandbox-benefits .infra-card:hover .ie-flow{animation:lz-flow 2.2s linear infinite}
/* Apps and workflows: a run along one track. At rest the trigger, the app (TS), a running sandbox and
   Postgres sit on it. Hovering presses the trigger and sends a token down the track: the app lights as
   it passes, then the sandbox launches the way the Sandboxes fleet does (it rises out of its tile gold,
   a streak above it, and lands green), and the token ends in Postgres. Packets move while hovered. */
html body #sandbox-benefits :is(.ic-token,.ic-lgold,.ic-streak,.ic-db-lit){opacity:0}
html body #sandbox-benefits .infra-card:hover .ic-flow{animation:lz-packets .7s linear infinite}
html body #sandbox-benefits .infra-card:hover .ic-trigger{animation:lz-ic-press .5s ease-out both}
html body #sandbox-benefits .infra-card:hover .ic-token{animation:lz-ic-ride 3.2s cubic-bezier(.5,0,.3,1) both}
html body #sandbox-benefits .infra-card:hover .ic-app{animation:lz-ic-run .8s .75s ease-out both}
html body #sandbox-benefits .infra-card:hover .ic-launch{animation:lz-launch .9s cubic-bezier(.2,.8,.2,1) var(--d) both}
html body #sandbox-benefits .infra-card:hover .ic-lgold{animation:lz-cool .9s step-end var(--d) both}
html body #sandbox-benefits .infra-card:hover .ic-streak{animation:lz-streak 1.2s ease-out var(--d) both}
html body #sandbox-benefits .infra-card:hover .ic-db-lit{animation:lz-ic-land 1.2s 3s ease-out both}
@keyframes lz-ic-press{30%{translate:0 3px;filter:brightness(1.5)}}
@keyframes lz-ic-run{40%{filter:brightness(1.5)}}
@keyframes lz-ic-land{0%{opacity:0}20%{opacity:1}100%{opacity:0}}
@keyframes lz-ic-ride{
 0%{translate:145.0px 252.0px;opacity:0} 6%{translate:145.0px 252.0px;opacity:1}
 25%,44%{translate:248.9px 192.0px} 62%,81%{translate:352.8px 252.0px}
 94%{translate:456.7px 192.0px;opacity:1} 100%{translate:456.7px 192.0px;opacity:0}}
@keyframes lz-packets{from{stroke-dashoffset:13}to{stroke-dashoffset:0}}
@keyframes lz-flow{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}

/* Desktop: the cursor travels across the screen, in its plane, to the button and clicks it.
   The button rests as a primary button and turns solid (its hover state) when the cursor lands. */
html body #sandbox-benefits .infra-card:hover .id-cursor{animation:lz-cursor 1.8s cubic-bezier(.45,0,.2,1) both}
html body #sandbox-benefits .infra-card:hover .id-ripple{animation:lz-ripple .8s 1.35s ease-out both}
html body #sandbox-benefits .infra-card:hover .id-btn{animation:lz-press 1.8s both}
html body #sandbox-benefits .infra-card:hover .id-btn-on{animation:lz-btn-on 1.8s both}
@keyframes lz-cursor{0%{translate:150px 40px}70%{translate:0 0;scale:1}80%{scale:.85}92%,100%{translate:0 0;scale:1}}
@keyframes lz-ripple{0%{opacity:1;transform:scale(.3)}100%{opacity:0;transform:scale(1.5)}}
@keyframes lz-btn-on{0%,66%{opacity:0}72%,100%{opacity:1}}
@keyframes lz-press{0%,72%{filter:none}80%{filter:brightness(1.35)}100%{filter:none}}
@keyframes lz-fade-up{from{opacity:0;translate:0 8px}}

/* Regions: the regions ping. */
html body #sandbox-benefits .infra-card:hover .ie-ping{animation:lz-ping 1.8s ease-out infinite}
@keyframes lz-ping{0%{opacity:.9;transform:scale(.5)}70%,100%{opacity:0;transform:scale(2)}}

/* Coding agents: at rest each plan's traces run from the middle of its block, down to the floor
   and under its two rows of the fleet (gold on Claude, emerald on ChatGPT). Hovering draws the
   traces again, raises each sandbox as its trace passes under it, then sends packets along. */
html body #sandbox-benefits .ig-trace{stroke-dasharray:100}
html body #sandbox-benefits .infra-card:hover .ig-trace{animation:lz-draw var(--t) linear var(--d) both}
html body #sandbox-benefits .infra-card:hover .ig-flow{animation:lz-show .3s var(--d) both,lz-packets .7s linear var(--d) infinite}
html body #sandbox-benefits .infra-card:hover .ig-sb{animation:lz-launch .7s cubic-bezier(.2,.8,.2,1) var(--d) both}
@keyframes lz-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes lz-show{from{opacity:0}}

@media(prefers-reduced-motion:reduce){html body #sandbox-benefits .lz-art *{animation:none!important}}
/* site-chrome.css */
/* The site header and footer, as the React Nav and Footer render them on every other page.
   Their markup here is a copy; landing.css restyles any [class*="bg-white/"], the dropdown
   wrappers, rings and footer text for the old landing. Measured against lizard.build/pricing. */
html body .production-header,html body .production-header :where(:not(svg):not(svg *)),
html body footer,html body footer :where(:not(svg):not(svg *)){font-family:'Geist Site',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif!important}
html body .production-header .nav-bar{gap:normal}

/* Product and Resources menus: the panel alone is the surface; rows are clear until hovered. */
html body .production-header .nav-bar [data-dropdown]{background:transparent!important;border:0!important}
html body .production-header .nav-bar [data-dropdown] a{background-color:transparent!important}
html body .production-header .nav-bar [data-dropdown] a:hover{background-color:rgba(255,255,255,.04)!important}
html body .production-header .nav-bar [data-dropdown] a>span:first-child{background-color:rgba(255,255,255,.04)!important}

/* Mobile menu: its rows are copies of the menu rows above, so they get the same clear look
   (landing.css paints anything with a bg-white/ class #252525). The main button takes the
   full width, as in Nav.tsx; Log in sits at the end of the icon row. */
html body .production-header .mobile-navigation>a{background-color:transparent!important;border-radius:8px}
html body .production-header .mobile-navigation>a:hover{background-color:rgba(255,255,255,.04)!important}
html body .production-header .mobile-navigation>a>span:first-child{background-color:rgba(255,255,255,.04)!important}
html body .production-header .mobile-actions{align-items:center}
html body .production-header .mobile-actions>a[href*="/login"]:not([style*="background"]){margin-left:auto}
html body .production-header .mobile-actions>a[style*="background"]{flex:1 0 100%;justify-content:center}

/* Language menu. */
html body .production-header details nav{background:#141719!important;border-color:rgba(255,255,255,.1)!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)!important}
html body .production-header details nav a{background-color:transparent!important}
html body .production-header details nav a:hover{background-color:rgba(255,255,255,.05)!important}
html body .production-header details nav a[aria-current="page"]{background-color:rgba(255,255,255,.05)!important}
html body .production-header summary img,html body .production-header details nav img{box-shadow:0 0 0 1px rgba(255,255,255,.1)!important}

/* Signed-in actions. */
html body .production-header .nav-bar>div:nth-child(2)>a[href="/"]:not(.nav-avatar){color:#fff!important}
html body .production-header .nav-avatar img,html body .production-header .nav-avatar span{box-shadow:0 0 0 1px rgba(255,255,255,.06)!important}

/* Footer text. */
html body footer p.text-txt-secondary,html body footer button.text-txt-secondary{color:#858B94!important;font-weight:400!important}
html body footer button.text-txt-secondary:hover{color:#E9EDF4!important}
html body footer h3{font-weight:400!important;letter-spacing:normal!important}
html body footer a[href*="aidirectori.es"] .flex-col>span:last-child{color:#fff!important}

/* Same 24px side gutter as every section (this file loads last, after the hero's own rules). */
html body main>section:first-child{padding-left:24px!important;padding-right:24px!important}
html body main>section:first-child>.hero-agents{padding-left:24px;padding-right:24px}
@media(max-width:767px){html body footer{padding-left:24px!important;padding-right:24px!important}}
/* Footer content on the same 1152px column as the sections (landing.css widened it to 1600px). */
html body footer{max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}

/* Closing CTA: the same size as the hero's buttons (40px tall, 24px padding, 8px radius,
   14px Semibold). Primary is 50% emerald with an emerald border, solid on hover;
   secondary is #2E2E2E, #3B3B3B on hover. a.site-cta[href] outranks landing.css's
   main a[href*='/login'] rules. */
html body main a.site-cta[href]{box-sizing:border-box;height:40px;justify-content:center;padding:0 24px!important;border:1px solid transparent!important;border-radius:8px!important;box-shadow:none!important;color:#E9EDF4!important;font:600 14px/20px 'Geist Site',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif!important;text-decoration:none;transition:background-color .15s,border-color .15s}
html body main a.site-cta.site-cta-primary{background:rgba(16,185,129,.5)!important;border-color:#10B981!important}
html body main a.site-cta.site-cta-primary:is(:hover,:active){background:#10B981!important}
html body main a.site-cta.site-cta-secondary{background:#2E2E2E!important}
html body main a.site-cta.site-cta-secondary:is(:hover,:active){background:#3B3B3B!important}
html body main a.site-cta[href]:focus-visible{outline:2px solid #10B981;outline-offset:2px}
/* talk.css */
/* The lead form dialog (talk.js): Talk to founder, Talk to the engineer. 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; } }
/* closing.css */
/* The closing call to action ("Build with AI. Ship with Lizard"), shared by the homepage and /ci:
   LetterGlitch, the arc it curves under and the platform totals (closing.js). Moved from
   published-hero.css and trust-demo.css, in their order. */
/* 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; }
/* Closing section: LetterGlitch shows only in a band below an invisible half ellipse (.closing-arc) that curves under the buttons and totals. */
html body main > section:last-child{padding:104px 24px 150px!important}
html body main>section:last-child>div.closing-glitch{position:absolute;left:0;right:0;top:120px;bottom:0;z-index:0;width:auto;max-width:none!important;margin:0!important;overflow:hidden;pointer-events:none;-webkit-mask-composite:source-in;mask-composite:intersect}
.closing-glitch>.letter-glitch-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
html body main>section:last-child>.closing-arc{position:absolute;z-index:1;left:50%;top:120px;bottom:92px;width:min(1100px,calc(100% - 32px));max-width:none;margin:0;transform:translateX(-50%);pointer-events:none}
@media(max-width:640px){html body main > section:last-child{padding:80px 20px 120px!important}html body main>section:last-child>.closing-arc{top:200px;bottom:56px;width:170%}html body main>section:last-child>div.closing-glitch{top:200px}}
/* ci.css */
/* /ci: GitHub Actions runners. The page shares landing.css (base styles, header, footer, fonts),
   site-chrome.css and talk.css with the homepage. landing.css also styles main>section and its first
   child for the homepage hero, so every rule here starts at .ci-page or a section id. DESIGN.md tokens. */
.ci-page{--ci-card:#141414;--ci-inset:#0b0b0b;--ci-line:rgba(255,255,255,.08);--ci-text:#E9EDF4;--ci-muted:#858B94;--ci-faint:#5F646D;--ci-green:#10B981;--ci-green-soft:#34D399;--ci-gold:#D4A574;--page-width:1152px;background:#070707;color:var(--ci-text)}
/* landing.css pads main by the fixed header's height; this hero runs under the header instead. */
html body.ci-page main{padding-top:0!important}
.ci-page main>section{position:relative;padding:112px 24px;border:0!important;scroll-margin-top:88px}
.ci-page main>section+section{border-top:1px solid rgba(255,255,255,.06)!important}
.ci-page .ci-container{width:100%;max-width:1152px;margin:0 auto}
.ci-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ci-page code,.ci-page .ci-mono{font-family:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace}

/* Section headings: 40/44.8 semibold, as on the homepage. */
.ci-page .ci-heading{max-width:720px;margin:0 auto 48px;text-align:center}
.ci-page .ci-heading h2{font-size:40px;line-height:1.12;font-weight:600;letter-spacing:-.02em;color:var(--ci-text)}
.ci-page .ci-heading p{margin-top:12px;font-size:14px;line-height:22px;color:var(--ci-muted);text-wrap:balance}

/* Buttons: DESIGN.md Primary and Secondary, Large (40 px). */
.ci-page .ci-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 24px;border-radius:8px;font-size:14px;line-height:20px;font-weight:600;color:#fff;white-space:nowrap;text-decoration:none;transition:background-color .15s ease}
.ci-page .ci-btn-primary{background:rgba(16,185,129,.5);border:1px solid var(--ci-green)}
.ci-page .ci-btn-primary:is(:hover,:active){background:var(--ci-green)}
.ci-page .ci-btn-secondary{background:#2E2E2E;border:1px solid transparent;color:var(--ci-text)}
.ci-page .ci-btn-secondary:is(:hover,:active){background:#3B3B3B}
.ci-page .ci-btn:focus-visible{outline:2px solid var(--ci-green);outline-offset:2px}
/* landing.css paints every /login link in main solid #10B981 with dark text (!important); the trial
   buttons keep DESIGN.md Primary. */
html body.ci-page main a.ci-btn.ci-btn-primary{height:40px;padding:0 24px!important;border:1px solid var(--ci-green)!important;border-radius:8px!important;background:rgba(16,185,129,.5)!important;box-shadow:none!important;color:#fff!important}
html body.ci-page main a.ci-btn.ci-btn-primary:is(:hover,:active){background:var(--ci-green)!important}

/* Hero: React Bits GradientWaves behind the copy and a workflow diff, like the homepage. The shader
   draws to its box's aspect ratio, so the hero keeps a screen's height. */
#ci-hero{display:flex!important;align-items:center;min-height:100svh;padding:136px 24px 96px!important;overflow:hidden;background:#070707}
#ci-hero>.ci-waves{display:block!important;position:absolute;inset:0;max-width:none!important;margin:0!important;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(transparent 0,#000 22%,#000 70%,transparent);mask-image:linear-gradient(transparent 0,#000 22%,#000 70%,transparent)}
#ci-hero>.ci-waves .gradient-waves-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}
/* The ↓ to the next section, as on the homepage (its markup and utilities); landing.css hides the
   hero's last div, so it is shown here. */
#ci-hero>.hero-scroll-cue{display:flex!important;position:absolute;left:0;right:0;bottom:24px;z-index:2;justify-content:center;max-width:none!important;margin:0!important}
#ci-hero>.ci-hero-inner{display:grid!important;position:relative;z-index:1;width:100%;max-width:1152px;margin:0 auto;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:56px;align-items:center}
/* "Trusted by N developers": the homepage's pill, copied from trust-demo.css, which scopes it to the
   homepage hero (.trust-hero .trust-copy). */
#ci-hero .trust-proof{display:inline-flex;align-items:center;gap:10px;margin:0 0 24px;padding:4px 16px 4px 4px;border-radius:999px;background:linear-gradient(135deg,#093527,#09271d)}
#ci-hero .trust-proof:not(.is-ready){visibility:hidden}
#ci-hero .trust-proof-faces{display:flex;flex:none}
#ci-hero .trust-proof-faces>*{box-sizing:content-box;flex:none;display:grid;place-items:center;width:24px;height:24px;max-width:none;margin:0;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #093325}
#ci-hero .trust-proof-faces>*+*{margin-left:-6px}
#ci-hero .trust-proof-faces>span{background:#1e8e3e;color:#fff;font:500 12px/1 Geist,sans-serif}
#ci-hero .trust-proof-text{font:500 14px/20px Geist,sans-serif;color:#e9edf4;white-space:nowrap}
#ci-hero .trust-proof-text b{font-weight:600;color:#34d399;font-variant-numeric:tabular-nums}
#ci-hero h1{font-size:clamp(36px,4.6vw,56px);line-height:1.06;font-weight:600;letter-spacing:-.04em;color:var(--ci-text);text-wrap:balance}
#ci-hero .ci-lead{margin-top:20px;max-width:440px;font-size:16px;line-height:26px;color:#a2a9a5}
#ci-hero .ci-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

/* The workflow file, shaped like the homepage's #sandbox-code card. */
.ci-page .ci-window{border-radius:16px;background:var(--ci-card);border:1px solid var(--ci-line);box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}
.ci-page .ci-window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;padding:0 10px 0 18px;border-bottom:1px solid var(--ci-line);background:#101010}
.ci-page .ci-window-file{display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;line-height:20px;color:var(--ci-muted)}
.ci-page .ci-window-file svg{flex:none;width:16px;height:16px;color:var(--ci-muted)}
.ci-page .ci-window-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ci-page .ci-copy{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;background:#2E2E2E;font-size:12px;line-height:16px;font-weight:600;color:var(--ci-text);transition:background-color .15s ease}
.ci-page .ci-copy:hover{background:#3B3B3B}
.ci-page .ci-copy svg{width:14px;height:14px}
.ci-page .ci-copy .ci-copy-done{display:none}
.ci-page .ci-copy[data-copied] .ci-copy-idle{display:none}
.ci-page .ci-copy[data-copied] .ci-copy-done{display:inline}
.ci-page .ci-diff{margin:0;padding:18px 0 22px;font-size:13.5px;line-height:26px;color:#c9ced6;overflow-x:auto}
.ci-page .ci-diff>span{display:grid;grid-template-columns:44px 22px max-content;padding-right:24px;white-space:pre}
.ci-page .ci-diff i{font-style:normal;text-align:right;padding-right:14px;color:#3d4148;user-select:none}
.ci-page .ci-diff b{font-weight:400;color:var(--ci-faint);user-select:none}
.ci-page .ci-diff .ci-del{background:rgba(239,68,68,.08)}
.ci-page .ci-diff .ci-del b,.ci-page .ci-diff .ci-del em{color:#f19a9a}
.ci-page .ci-diff .ci-add{background:rgba(16,185,129,.1)}
.ci-page .ci-diff .ci-add b{color:var(--ci-green-soft)}
.ci-page .ci-diff em{font-style:normal}
.ci-page .ci-diff .ci-add em{color:#8ef0c6}
.ci-page .ci-diff .ci-key{color:#8b93a0}
/* ci.js adds .is-typing: each added value types out character by character (Geist Mono, so 1ch is one
   character), with a caret until its animation ends. The full text stays in the DOM. */
.ci-page .ci-type{display:inline-block;vertical-align:bottom;overflow:hidden;white-space:pre}
.ci-page .ci-diff.is-typing .ci-type{width:0;border-right:2px solid var(--ci-green-soft);animation:ci-type calc(var(--n)*45ms) steps(var(--n)) var(--d) forwards}
.ci-page .ci-diff.is-typing .ci-type.is-typed{border-right-color:transparent}
.ci-page .ci-diff.is-paused .ci-type{animation-play-state:paused}
@keyframes ci-type{to{width:calc(var(--n)*1ch + 2px)}}

/* Price comparison: the homepage calculator's layout, settings left and results right. */
#ci-pricing .ci-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:16px;background:var(--ci-card);border:1px solid var(--ci-line);overflow:hidden}
#ci-pricing .ci-calc>div{padding:32px 36px}
#ci-pricing .ci-calc>div+div{border-left:1px solid var(--ci-line)}
#ci-pricing .ci-calc-title{padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--ci-line);font-size:14px;line-height:20px;font-weight:600;color:var(--ci-text)}
#ci-pricing .ci-field+.ci-field{margin-top:28px}
#ci-pricing .ci-field-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:14px;line-height:20px;color:var(--ci-muted)}
#ci-pricing .ci-field-label span{font-size:12px;color:var(--ci-faint)}
#ci-pricing .ci-slider{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px}
#ci-pricing input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;margin:0;border-radius:999px;background:linear-gradient(90deg,var(--ci-green) var(--ci-progress,10%),#2E2E2E var(--ci-progress,10%));cursor:pointer}
#ci-pricing input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--ci-green);border:3px solid #141414;box-shadow:0 0 0 1px var(--ci-green)}
#ci-pricing input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--ci-green);border:3px solid #141414;box-shadow:0 0 0 1px var(--ci-green)}
#ci-pricing input[type=range]:focus-visible{outline:2px solid var(--ci-green);outline-offset:6px}
#ci-pricing output{min-width:112px;height:48px;padding:0 16px;display:grid;place-items:center;border-radius:12px;background:#070707;font-size:14px;line-height:20px;font-weight:600;color:var(--ci-text);font-variant-numeric:tabular-nums}
#ci-pricing .ci-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#ci-pricing .ci-presets button{height:28px;padding:0 10px;border-radius:8px;background:#070707;font-size:12px;line-height:16px;font-weight:500;color:var(--ci-muted);transition:color .15s ease,background-color .15s ease}
#ci-pricing .ci-presets button:hover{color:var(--ci-text)}
#ci-pricing .ci-presets button[aria-pressed=true]{background:#2E2E2E;color:#fff;font-weight:600}
#ci-pricing fieldset{margin:0;padding:0;border:0;min-width:0}
#ci-pricing legend{float:left;width:100%;padding:0}
#ci-pricing .ci-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;clear:both}
#ci-pricing .ci-tiers label{position:relative;display:block;min-width:0;cursor:pointer}
#ci-pricing .ci-tiers input{position:absolute;opacity:0;width:1px;height:1px}
/* Match the homepage's resource cards. */
#ci-pricing .ci-tier{display:flex;flex-direction:column;height:100%;padding:12px 16px;border:0;border-radius:12px;background:rgba(255,255,255,.04);transition:background-color .15s}
#ci-pricing .ci-tiers label:hover input:not(:checked)+.ci-tier{background:rgba(255,255,255,.07)}
#ci-pricing .ci-tiers input:checked+.ci-tier{background:rgba(16,185,129,.12)}
#ci-pricing .ci-tiers input:focus-visible+.ci-tier{outline:2px solid var(--ci-green);outline-offset:3px}
#ci-pricing .ci-tier-head{display:flex;align-items:center;justify-content:space-between;gap:4px}
#ci-pricing .ci-tier-head strong{font-size:14px;line-height:20px;font-weight:600;color:var(--ci-text)}
#ci-pricing .ci-tier-check{flex-shrink:0;color:var(--ci-green);visibility:hidden}
#ci-pricing .ci-tiers input:checked+.ci-tier .ci-tier-check{visibility:visible}
#ci-pricing .ci-tier-rows{display:flex;flex-direction:column;gap:4px;margin-top:6px}
#ci-pricing .ci-tier-rows span{display:flex;align-items:center;gap:6px;font-size:12px;line-height:16px;font-weight:500;color:var(--ci-muted);white-space:nowrap}
#ci-pricing .ci-tier-rows svg{flex-shrink:0}
#ci-pricing .ci-tier-price{margin-top:12px;font-size:12px;line-height:16px;font-weight:500;color:var(--ci-text);font-variant-numeric:tabular-nums}
#ci-pricing .ci-calc-action{margin-top:32px}
#ci-pricing .ci-calc-action .ci-btn{width:100%}
#ci-pricing .ci-total{display:flex;align-items:baseline;gap:10px;margin-top:4px}
#ci-pricing .ci-total strong{font-size:52px;line-height:1.25;font-weight:500;letter-spacing:-.03em;color:var(--ci-text);font-variant-numeric:tabular-nums}
#ci-pricing .ci-total span{font-size:16px;color:var(--ci-muted)}
#ci-pricing .ci-total-note{margin-top:8px;font-size:12px;line-height:18px;color:var(--ci-muted)}
#ci-pricing .ci-compare{margin-top:24px;padding-top:24px;border-top:1px solid var(--ci-line)}
#ci-pricing .ci-compare-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:12px;line-height:16px}
#ci-pricing .ci-compare-head strong{font-weight:600;color:var(--ci-text)}
#ci-pricing .ci-compare-head span{color:var(--ci-faint)}
#ci-pricing .ci-row{display:grid;grid-template-columns:140px minmax(0,1fr) 84px 40px;align-items:center;column-gap:14px;min-height:44px;padding:0 10px;border-radius:10px}
#ci-pricing .ci-row.is-lizard{background:#1f1f1f}
#ci-pricing .ci-row-name{display:inline-flex;align-items:center;gap:8px;min-width:0;font-size:14px;line-height:20px;font-weight:600;color:#b7bcc4;text-decoration:none}
#ci-pricing .ci-row-name:hover{color:var(--ci-text)}
#ci-pricing .ci-row.is-lizard .ci-row-name{color:var(--ci-green-soft)}
#ci-pricing .ci-row-name svg{flex:none;width:18px;height:18px}
#ci-pricing .ci-row.is-lizard .ci-row-name svg{color:var(--ci-green)}
#ci-pricing .ci-row-track{display:block;height:6px;border-radius:999px;background:#242424;overflow:hidden}
#ci-pricing .ci-row-track span{display:block;height:100%;min-width:4px;border-radius:inherit;background:#55595f;transition:width .35s cubic-bezier(.32,.72,0,1)}
#ci-pricing .ci-row.is-lizard .ci-row-track span{background:linear-gradient(90deg,var(--ci-green),var(--ci-green-soft))}
#ci-pricing .ci-row strong{font-size:14px;line-height:20px;font-weight:600;text-align:right;color:var(--ci-text);font-variant-numeric:tabular-nums}
#ci-pricing .ci-row.is-lizard strong{color:var(--ci-green-soft)}
#ci-pricing .ci-row-x{font-size:12px;line-height:16px;text-align:right;color:var(--ci-faint);font-variant-numeric:tabular-nums}
#ci-pricing .ci-covers{margin-top:16px;font-size:12px;line-height:18px;color:var(--ci-muted)}

/* "How the prices compare": the rates table and the method, closed by default. */
.ci-page .ci-details{max-width:900px;margin:32px auto 0;border-radius:12px;border:1px solid var(--ci-line);background:#0d0d0d}
.ci-page .ci-details summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;list-style:none;cursor:pointer;font-size:14px;line-height:20px;font-weight:600;color:var(--ci-muted)}
.ci-page .ci-details summary::-webkit-details-marker{display:none}
.ci-page .ci-details summary:hover{color:var(--ci-text)}
.ci-page .ci-details summary svg{width:16px;height:16px;transition:transform .2s ease}
.ci-page .ci-details[open] summary svg{transform:rotate(180deg)}
.ci-page .ci-details>div{padding:4px 24px 24px}
.ci-page .ci-details p{margin-top:12px;font-size:13px;line-height:20px;color:var(--ci-muted)}
.ci-page .ci-details p a,.ci-page .ci-faq a{color:var(--ci-text);text-decoration:underline;text-decoration-color:rgba(233,237,244,.3);text-underline-offset:3px}
.ci-page .ci-table-scroll{overflow-x:auto;margin-top:8px}
.ci-page .ci-table{width:100%;min-width:520px;border-collapse:collapse;font-size:13px;line-height:20px}
.ci-page .ci-table th,.ci-page .ci-table td{padding:10px 12px;border-bottom:1px solid var(--ci-line);text-align:left;vertical-align:top}
.ci-page .ci-table thead th{font-size:12px;line-height:18px;font-weight:600;color:var(--ci-faint)}
.ci-page .ci-table tbody th{font-weight:600;color:var(--ci-text)}
.ci-page .ci-table tbody th a{color:inherit;text-decoration:none}
.ci-page .ci-table tbody th a:hover{text-decoration:underline;text-underline-offset:3px}
.ci-page .ci-table td{color:#c9ced6;font-variant-numeric:tabular-nums}
.ci-page .ci-table td span{display:block;font-size:12px;line-height:16px;color:var(--ci-faint)}
.ci-page .ci-table tr.is-lizard :is(th,td){color:var(--ci-green-soft)}
.ci-page .ci-table tbody tr:last-child :is(th,td){border-bottom:0}
.ci-page .ci-table code{font-size:12.5px;color:var(--ci-text)}

/* What every job gets: the homepage bento (#sandbox-benefits, from landing.css, technical-illustrations.css
   and benefits-peeks.css) with this page's own art. Each picture plays once on hover, as on the homepage,
   with the homepage's keyframes. */
html body #sandbox-benefits .infra-card:hover :is(.ja-vm,.jb-new,.jc-new,.jd-entry){animation:lz-launch .8s cubic-bezier(.2,.8,.2,1) var(--d) both}
html body #sandbox-benefits .infra-card:hover .ja-old{animation:ci-fade .6s ease-out var(--d) both}
html body #sandbox-benefits .infra-card:hover .jb-kept{animation:lz-ic-run .9s ease var(--d) both}
html body #sandbox-benefits .jc-flow{opacity:0}
html body #sandbox-benefits .infra-card:hover .jc-flow{animation:lz-show .3s .2s both,lz-packets .7s linear infinite}
html body #sandbox-benefits .jd-link{stroke-dasharray:100}
html body #sandbox-benefits .infra-card:hover .jd-link{animation:lz-draw .5s linear both}
html body #sandbox-benefits .je-ping{transform-box:fill-box;transform-origin:center}
html body #sandbox-benefits .infra-card:hover .je-ping{animation:ci-ring 1.8s ease-out .3s infinite}
html body #sandbox-benefits .infra-card:hover .je-fork{animation:ci-bump 1.2s cubic-bezier(.2,.8,.2,1) var(--d) both}
html body #sandbox-benefits .infra-card:hover .je-stop{animation:lz-ic-run .6s ease .6s both}
html body #sandbox-benefits .infra-card:hover .jf-line{animation:lz-fade-up .5s ease-out var(--d) both}
@keyframes ci-fade{to{opacity:.12}}
@keyframes ci-ring{0%{opacity:.8;transform:scale(.92)}100%{opacity:0;transform:scale(1.12)}}
@keyframes ci-bump{0%,100%{translate:0 0}45%{translate:-14px -8px}60%{translate:-10px -6px}}
@media (prefers-reduced-motion:reduce){html body #sandbox-benefits .infra-card:hover [class^="j"]{animation:none}}

/* Switch in one pull request: three steps on a line, and the pull request the wizard opens (its
   title and branch name as the wizard writes them; the diff reuses the hero's .ci-diff). */
#ci-switch .ci-switch{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:64px;align-items:center}
#ci-switch .ci-steps{position:relative;display:grid;gap:40px;margin:0;padding:0;list-style:none}
#ci-switch .ci-steps li{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;align-items:start}
#ci-switch .ci-steps li:not(:last-child)::after{content:'';position:absolute;left:23.5px;top:58px;bottom:calc(-1 * var(--ci-step-gap,40px) + 10px);width:1px;background:rgba(52,211,153,.22)}
#ci-switch .ci-step-icon{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#123326,#0d1d17);color:var(--ci-green-soft)}
/* All three filled: the GitHub mark fills its 24-unit box, Phosphor's fill icons leave a margin. */
#ci-switch .ci-step-icon svg{width:24px;height:24px}
#ci-switch .ci-step-icon svg[viewBox="0 0 24 24"]{width:20px;height:20px}
#ci-switch .ci-step-n{font-size:12px;line-height:16px;font-weight:500;color:var(--ci-green-soft)}
#ci-switch .ci-steps h3{margin-top:4px;font-size:18px;line-height:26px;font-weight:600;letter-spacing:-.01em;color:var(--ci-text)}
#ci-switch .ci-steps h3+p{margin-top:6px;font-size:14px;line-height:22px;color:var(--ci-muted)}
#ci-switch .ci-pr{margin:0;border-radius:16px;background:var(--ci-card);border:1px solid var(--ci-line);box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}
#ci-switch .ci-pr-head{padding:20px 24px;border-bottom:1px solid var(--ci-line);background:#101010}
#ci-switch .ci-pr-title{display:flex;align-items:center;gap:10px;font-size:16px;line-height:24px;color:var(--ci-text)}
#ci-switch .ci-pr-title strong{font-weight:600}
#ci-switch .ci-pr-title svg{flex:none;width:20px;height:20px;color:var(--ci-green-soft)}
#ci-switch .ci-pr-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:12px;font-size:12px;line-height:16px;color:var(--ci-muted)}
#ci-switch .ci-pr-state{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 8px;border-radius:999px;background:rgba(16,185,129,.16);font-weight:600;color:var(--ci-green-soft)}
#ci-switch .ci-pr-state svg{width:14px;height:14px}
#ci-switch .ci-pr-meta code{padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.06);font-size:12px;color:#c9ced6}
#ci-switch .ci-pr-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;border-bottom:1px solid var(--ci-line);font-size:13px;line-height:20px;color:#c9ced6}
#ci-switch .ci-pr-file>span:first-child{display:inline-flex;align-items:center;gap:8px;min-width:0}
#ci-switch .ci-pr-file svg{flex:none;width:16px;height:16px;color:var(--ci-faint)}
#ci-switch .ci-pr-stat{display:inline-flex;gap:8px;font-size:12px;font-variant-numeric:tabular-nums}
#ci-switch .ci-pr-stat b{font-weight:600}
#ci-switch .ci-pr-add{color:var(--ci-green-soft)}
#ci-switch .ci-pr-del{color:#f19a9a}
#ci-switch .ci-pr-diff{padding:14px 0 16px}
#ci-switch figcaption{display:flex;gap:10px;padding:16px 24px;border-top:1px solid var(--ci-line);font-size:13px;line-height:20px;color:var(--ci-muted)}
#ci-switch figcaption svg{flex:none;width:16px;height:16px;margin-top:2px;color:var(--ci-faint)}
#ci-switch figcaption code,#ci-switch .ci-heading code{font-size:.92em;color:#c9ced6}

/* FAQ: native details, styled like the homepage FAQ. */
#ci-faq .ci-faq{max-width:820px;margin:0 auto;border-top:1px solid var(--ci-line)}
#ci-faq .ci-faq details{border-bottom:1px solid var(--ci-line)}
#ci-faq .ci-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;list-style:none;cursor:pointer}
#ci-faq .ci-faq summary::-webkit-details-marker{display:none}
#ci-faq .ci-faq summary h3{font-size:16px;line-height:22px;font-weight:600;letter-spacing:-.015em;color:var(--ci-text)}
#ci-faq .ci-faq summary svg{flex:none;width:16px;height:16px;color:var(--ci-muted);transition:transform .2s ease}
#ci-faq .ci-faq details[open] summary svg{transform:rotate(180deg)}
#ci-faq .ci-faq p{padding:0 32px 22px 0;margin-top:-6px;font-size:14px;line-height:24px;color:#a0acae}
#ci-faq .ci-faq code{font-size:13px;color:var(--ci-text)}
#ci-faq .ci-heading{text-align:left;max-width:820px;margin-bottom:32px}

@media (max-width:1023px){
 #ci-hero{min-height:0;padding-top:120px!important}
 #ci-hero>.ci-hero-inner{grid-template-columns:minmax(0,1fr);gap:40px}
 #ci-hero .ci-lead, #ci-pricing .ci-calc{grid-template-columns:minmax(0,1fr)}
 #ci-pricing .ci-calc>div+div{border-left:0;border-top:1px solid var(--ci-line)}
 #ci-switch .ci-switch{grid-template-columns:minmax(0,1fr);gap:48px}
}
@media (max-width:640px){
 .ci-page main>section{padding:72px 16px}
 #ci-hero{padding:112px 16px 88px!important}
 #ci-hero h1{font-size:36px}
 #ci-hero .trust-proof{padding-right:14px}
 #ci-hero .trust-proof-text{font-size:13px}
 .ci-page .ci-heading h2{font-size:28px;line-height:36px}
 .ci-page .ci-heading{margin-bottom:32px}
 .ci-page .ci-diff{font-size:12px;line-height:24px}
 .ci-page .ci-diff>span{grid-template-columns:32px 18px max-content}
 #ci-pricing .ci-calc>div{padding:24px 20px}
 #ci-pricing .ci-total strong{font-size:40px}
 #ci-pricing .ci-row{grid-template-columns:minmax(0,1fr) 72px 34px;row-gap:8px;padding:8px 10px}
 #ci-pricing .ci-row-name{grid-column:1;grid-row:1}
 #ci-pricing .ci-row-track{grid-column:1/-1;grid-row:2}
 #ci-pricing .ci-row strong{grid-column:2;grid-row:1}
 #ci-pricing .ci-row-x{grid-column:3;grid-row:1}
 #ci-switch .ci-steps{gap:32px;--ci-step-gap:32px}
 #ci-switch .ci-pr-head,#ci-switch .ci-pr-file,#ci-switch figcaption{padding-left:16px;padding-right:16px}
 #ci-faq .ci-faq p{padding-right:0}
}
@media (max-width:560px){
 #ci-pricing .ci-tiers{grid-template-columns:minmax(0,1fr)}
 #ci-pricing .ci-tier{padding:12px 14px}
 #ci-pricing .ci-tier-rows{flex-direction:row;flex-wrap:wrap;column-gap:12px;row-gap:4px}
 #ci-pricing .ci-tier-price{margin-top:8px}
}
@media (prefers-reduced-motion:reduce){
 #ci-pricing .ci-row-track span{transition:none}
}