@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/space-grotesk-400.woff) format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/space-grotesk-500.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-400.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-500.woff) format("woff")}.studio-home{--accent: #78efdb;--line: #2a3044;--text: #ecedf5;--muted: #abb2c9;background:radial-gradient(ellipse 700px 450px at 72% 7%,#24214148,transparent),#090c16;color:var(--text);font-family:Space Grotesk,sans-serif;font-weight:400}.studio-home p{color:#abb2c9}.studio-container{max-width:1024px;width:calc(100% - 80px);margin-inline:auto}.studio-home a:focus-visible,.studio-home summary:focus-visible{outline:2px solid #78efdb;outline-offset:5px}.studio-intro{position:relative;padding:48px 0 50px;display:grid;grid-template-columns:3fr 1fr;gap:24px}.intro-byline{font:400 11px/1.8 IBM Plex Mono,monospace;letter-spacing:.12em}.intro-byline span{display:block;letter-spacing:0;color:#909ab4;font-size:11px}.studio-intro h1{font:500 clamp(52px,5vw,67px)/1.06 "Space Grotesk",sans-serif;letter-spacing:-.055em;margin:24px 0 22px}.gradient-phrase{white-space:nowrap;background:linear-gradient(105deg,#78efdb,#aea5ff 65%,#f391ca);background-clip:text;-webkit-text-fill-color:transparent;position:relative}.gradient-phrase:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:1px;background:linear-gradient(90deg,#78efdb,#aea5ff,#f391ca)}.intro-description{font-size:15px;line-height:1.65}.explore-link{position:absolute;bottom:47px;right:0;min-height:44px;display:inline-flex;align-items:center;font:400 11px IBM Plex Mono,monospace;color:#abb2c9;text-decoration:none}.studio-monogram{align-self:center;position:relative;height:210px;display:grid;place-items:center;background-image:linear-gradient(#78efdb08 1px,transparent 1px),linear-gradient(90deg,#78efdb08 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,#000 30%,transparent 75%)}.studio-monogram span{font:400 156px/1 IBM Plex Mono,monospace;letter-spacing:-.15em;color:transparent;-webkit-text-stroke:1px #78efdb66;transform:rotate(-9deg);text-shadow:5px 4px 0 #f391ca0c}.product-row{--accent: #78efdb;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:45px;align-items:center;border-top:1px solid #2a3044;padding:32px 0;scroll-margin-top:24px}.product-lex{--accent: #f391ca}.product-friday{--accent: #78efdb}.product-laila{--accent: #aea5ff}.product-chefai{--accent: #eed08a}.product-category{font:400 10px/1.6 IBM Plex Mono,monospace;letter-spacing:.08em}.product-category span{color:var(--accent);margin-right:9px}.product-copy h2{font:500 60px/1.08 Space Grotesk,sans-serif;letter-spacing:-.06em;margin-top:12px;display:flex;align-items:center;gap:0}.product-punctuation{color:var(--accent)}.next-label{color:var(--accent);font:400 13px/1 IBM Plex Mono,monospace;letter-spacing:.08em;border:1px solid #aea5ff88;padding:7px 8px;margin-left:13px}.product-copy h3{font:400 18px/1.4 Space Grotesk,sans-serif;margin-top:14px;letter-spacing:-.02em}.product-description{max-width:43ch;font-size:14px;line-height:1.65;margin-top:8px}.product-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:20px}.product-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--accent);font:400 11px/1.5 IBM Plex Mono,monospace;text-decoration:none}.product-button:hover{background:color-mix(in srgb,var(--accent) 14%,transparent)}.product-details{display:inline-flex;min-height:44px;align-items:center;font:400 11px IBM Plex Mono,monospace;text-decoration:none;color:#abb2c9}.product-copy .product-status{font:400 10px/1.6 IBM Plex Mono,monospace;margin-top:12px;color:#909ab4}.product-screen{position:relative;display:block;min-width:0;transform:rotate(1.7deg);border:1px solid color-mix(in srgb,var(--accent) 45%,#2a3044);background:#0f1420;text-decoration:none;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 4%,transparent)}.product-row:nth-child(2n) .product-screen{transform:rotate(-1.7deg)}.product-screen:before{content:"";position:absolute;inset:7px -7px -7px 7px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);z-index:-1}.product-screen:after{content:"";position:absolute;width:15px;height:15px;top:-4px;right:-4px;border-top:2px solid var(--accent);border-right:2px solid var(--accent)}.screen-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;color:#909ab4;font:400 9px IBM Plex Mono,monospace}.screen-bar span:first-child{color:var(--accent);font-size:6px;letter-spacing:3px}.product-screen img{width:100%;height:220px;object-fit:cover;object-position:center 40%;display:block}.product-lex .product-screen img{object-position:center 48%}.engineering{border-top:1px solid #2a3044;padding:40px 0 32px}.studio-home .studio-eyebrow{color:#909ab4;font:400 10px/1.6 IBM Plex Mono,monospace;letter-spacing:.13em;margin-bottom:12px}.engineering h2,.studio-about h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;font-weight:500}.engineering>p:not(.studio-eyebrow){font-size:14px;margin:12px 0 22px}.supporting-modules{border-bottom:1px solid #2a3044}.studio-home .support-name{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500}.studio-home .support-summary{color:#909ab4;font-size:13px}.studio-home .expand-label{color:#78efdb}.studio-home .support-body p{font-size:14px}.studio-home .support-links{font:400 11px IBM Plex Mono,monospace}.studio-home .support-links a{min-height:44px;display:inline-flex;align-items:center}.archive-link{display:inline-flex;min-height:44px;align-items:center;margin-top:13px;font:400 11px IBM Plex Mono,monospace;color:#abb2c9;text-decoration:none}.studio-about{padding:56px 0 60px;border-top:1px solid #2a3044;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:48px}.studio-about h2{max-width:19ch}.studio-about .about-narrative p{max-width:68ch;font-size:14px;line-height:1.8;margin:0 0 20px}.studio-about .about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:28px}.studio-about .about-github{display:inline-flex;align-items:center;min-height:44px;color:#abb2c9;font:400 11px IBM Plex Mono,monospace;text-decoration:none}.studio-about .about-github:hover{text-decoration:underline;text-underline-offset:4px}.studio-footer{border-top:1px solid #2a3044;display:flex;align-items:center;justify-content:space-between;padding:18px 0 28px;gap:20px;color:#909ab4;font:400 10px IBM Plex Mono,monospace}.studio-footer div{display:flex;gap:24px}.studio-footer a{color:#909ab4;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}@media(max-width:1050px)and (min-width:701px){.studio-intro h1{font-size:56px}.studio-monogram span{font-size:130px}.product-copy h2{font-size:56px}.product-row{gap:35px}}@media(max-width:700px){.studio-container{width:calc(100% - 36px)}.studio-intro{display:block;padding:34px 0 26px}.studio-monogram{display:none}.studio-intro h1{font-size:clamp(34px,10vw,44px);margin:22px 0 20px}.intro-description{font-size:14px}.explore-link{position:static;margin-top:16px}.product-row{grid-template-columns:minmax(0,1fr);gap:30px;padding:30px 0 36px}.product-copy h2{font-size:50px}.product-description{font-size:14px}.product-screen{width:calc(100% - 14px);margin-inline:auto;transform:rotate(1deg)}.product-row:nth-child(2n) .product-screen{transform:rotate(-1deg)}.product-screen img{height:190px}.screen-bar{font-size:8px}.screen-bar span:first-child{letter-spacing:1px}.studio-about{grid-template-columns:minmax(0,1fr);padding-block:40px;gap:28px}.studio-footer{flex-wrap:wrap;gap:0 16px}}@media(prefers-reduced-motion:reduce){.studio-home{scroll-behavior:auto}.studio-home *,.studio-home *:before,.studio-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}