:is(html:has(.studio-home),body:has(.studio-home)){background:#fff}main.studio-home{color:#252525;letter-spacing:-.018em;background:#fff;width:100%;max-width:708px;margin:0 auto;padding:54px 28px 38px;font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.65;overflow:visible;container-type:normal}.studio-home h1,.studio-home h2,.studio-home h3,.studio-home p{margin:0;font-family:inherit;font-style:normal}.studio-home h1{letter-spacing:-.055em;margin:8px 0 12px;font-size:32px;font-weight:700;line-height:1.22}.studio-home h2{letter-spacing:-.035em;font-size:18px;font-weight:700;line-height:1.4}.studio-home h3{letter-spacing:-.025em;font-size:15px;font-weight:700;line-height:1.5}.studio-home p{color:#6b6b6b}.studio-home a{color:inherit;text-decoration:none}.studio-home a:focus-visible{outline-offset:6px;outline:2px solid #648e00}.studio-meta{color:#858585;letter-spacing:0;justify-content:space-between;gap:18px;font-size:10px;display:flex}.studio-language{align-items:center;gap:16px;display:flex}.studio-brand-row{justify-content:space-between;align-items:center;margin:35px 0 28px;display:flex}.studio-brand-row img{width:124px;height:auto;display:block}.studio-contact-top{text-align:right;color:#828282;font-size:10px}.studio-contact-top>span{margin-bottom:8px;display:block}.frame-link{border:1px solid #d8d8d8;justify-content:center;align-items:center;gap:9px;min-height:36px;padding:8px 12px;font-size:11px;line-height:1.3;transition:background .2s,border-color .2s,transform .2s;display:inline-flex;position:relative}.frame-link:hover{background:#f6f9ef;border-color:#93bb4a;transform:translateY(-2px)}.frame-link svg{transition:transform .2s}.frame-link:hover svg{transform:translate(2px,-2px)}.corners{pointer-events:none;position:absolute;inset:-3px}.corners i{background:#fff;border:1px solid #aaa;width:5px;height:5px;transition:border-color .2s;position:absolute}.corners i:first-child{top:0;left:0}.corners i:nth-child(2){top:0;right:0}.corners i:nth-child(3){bottom:0;left:0}.corners i:nth-child(4){bottom:0;right:0}.frame-link:hover .corners i{border-color:#7c9d33}.studio-home .studio-kicker{color:#777;font-size:12px}.studio-home .studio-lead{letter-spacing:-.035em;color:#666;margin-bottom:22px;font-size:22px;line-height:1.45}.studio-header{animation:.6s both studio-enter}.studio-section{margin-top:52px}.studio-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px;display:flex}.studio-section-title>span{color:#888;text-align:right;font-size:10px}.studio-product{grid-template-columns:54px 1fr 36px;align-items:start;gap:17px;margin-bottom:22px;display:grid}.studio-product-icon{background:#c5fb50;border-radius:11px;place-items:center;width:54px;height:54px;display:grid}.studio-product>.frame-link{margin-top:7px;padding:0}.studio-product p{font-size:12px;line-height:1.65}.studio-product .studio-product-tagline{color:#454545;margin:2px 0 6px;font-size:13px}.studio-product-image{background:#f5f4ef;border:1px solid #e5e5e5;border-radius:10px;display:block;position:relative;overflow:hidden}.studio-product-image img{width:100%;height:auto;transition:transform .6s;display:block}.studio-product-image:hover img{transform:scale(1.015)}.studio-product-image>span{opacity:0;background:#fff;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:10px;transition:all .2s;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(5px);box-shadow:0 2px 12px #0001}.studio-product-image:hover>span,.studio-product-image:focus-visible>span{opacity:1;transform:none}.studio-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:20px;display:grid}.studio-poster{aspect-ratio:.76;transform-origin:50% 90%;color:#161616;background:#fff;border:1px solid #e6e6e6;flex-direction:column;padding:15px 13px 10px;transition:transform .25s,box-shadow .25s;display:flex}.studio-poster:hover{transform:translateY(-5px)rotate(-1deg);box-shadow:0 8px 18px #0000000b}.studio-poster.ship{background:#d1fa42;border-color:#d1fa42}.studio-poster.last{background:#f1f2ef;border-color:#f1f2ef}.poster-meta,.poster-footer{letter-spacing:.1em;font-size:6px;font-weight:700}.studio-poster h3{letter-spacing:-.07em;margin:13px 0 16px;font-size:29px;font-weight:700;line-height:.94}.poster-symbols{text-align:center;flex:1;grid-template-columns:repeat(6,1fr);align-items:center;gap:8px 4px;font-size:18px;line-height:1;display:grid}.poster-symbols span{transition:transform .3s}.studio-poster:hover .poster-symbols span:nth-child(3n){transform:rotate(45deg)}.studio-poster.ship:hover .poster-symbols span{transform:translate(2px,-3px)}.poster-footer{margin-top:15px;font-size:5px}.studio-principles article>p{color:#555;margin-top:10px;font-size:11px;line-height:1.5}.studio-background h2,.studio-contact h2{margin-bottom:17px}.studio-background p+p{margin-top:14px}.studio-contact .frame-link{margin-top:20px}.studio-footer{color:#949494;justify-content:space-between;gap:20px;margin-top:49px;font-size:10px;display:flex}.skip-link{z-index:10;background:#fff;padding:12px;position:absolute;top:-100px;left:0}.skip-link:focus{top:0}.awaiting-reveal{opacity:0;transform:translateY(16px)}[data-reveal]{transition:opacity .65s,transform .65s}.revealed{opacity:1;transform:none}@keyframes studio-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=600px){main.studio-home{padding:28px 23px;font-size:13px}.studio-meta{gap:10px;font-size:8px}.studio-language{gap:10px}.studio-brand-row{margin:31px 0 30px}.studio-brand-row img{width:108px}.studio-home h1{max-width:340px;font-size:29px}.studio-home .studio-lead{font-size:20px}.studio-section{margin-top:42px}.studio-section-title>span{max-width:110px;font-size:9px}.studio-product{grid-template-columns:44px 1fr 36px;gap:12px}.studio-product-icon{width:44px;height:44px}.studio-principles{gap:9px}.studio-poster{aspect-ratio:.65;padding:10px 8px 8px}.studio-poster h3{margin:10px 0 12px;font-size:clamp(17px,4.5vw,26px)}.poster-meta{font-size:4px}.poster-symbols{grid-template-columns:repeat(4,1fr);gap:6px 2px;font-size:13px}.poster-footer{margin-top:10px;font-size:3.5px}.studio-principles article>p{font-size:10px}.studio-footer{gap:12px;font-size:9px}.studio-product-image>span{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.studio-home *{transition:none!important;animation:none!important}.awaiting-reveal{opacity:1;transform:none}.studio-poster:hover,.studio-product-image:hover img{transform:none}}.studio-home .studio-footer{border:0;min-height:0;margin-inline:0;padding:0}.studio-home .studio-footer>span{font:inherit;color:inherit;letter-spacing:inherit;text-transform:none}.studio-home{--studio-bg:#fff;--studio-fg:#252525;--studio-muted:#6b6b6b;--studio-border:#d8d8d8;--studio-soft:#f6f6f3;--studio-note:#7371b3}main.studio-home{background:var(--studio-bg);color:var(--studio-fg)}.studio-home.theme-dark{--studio-bg:#101010;--studio-fg:#efefed;--studio-muted:#aaa;--studio-border:#404040;--studio-soft:#202020;--studio-note:#bbb3f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:is(html:has(.studio-home.theme-dark),body:has(.studio-home.theme-dark)){background:#101010}.studio-home p,.studio-home .studio-lead,.studio-home .studio-kicker,.studio-home .studio-product-tagline{color:var(--studio-muted)}.studio-home .frame-link{border-color:var(--studio-border);color:var(--studio-fg);background:var(--studio-bg)}.studio-home .frame-link:hover{background:var(--studio-soft)}.studio-home .corners i{background:var(--studio-bg)}.theme-dark .reactive-logo img{filter:invert()}.theme-dark .studio-product-icon{color:#202020}.theme-dark .studio-principles article>p{color:#aaa}.studio-home button{cursor:pointer;color:inherit;font-family:inherit}.theme-toggle{background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.theme-toggle:hover{background:var(--studio-soft)}.studio-home button:focus-visible{outline-offset:4px;outline:2px solid #85af32}.studio-language{gap:10px}.studio-meta{align-items:center;min-height:36px}.header-actions{align-items:center;gap:10px;display:flex}.creative-toggle{min-width:38px;padding:8px!important}.creative-switch{border:1px solid #999;border-radius:20px;width:21px;height:12px;display:block;position:relative}.creative-switch:after{content:"";background:#999;border-radius:50%;width:7px;height:7px;transition:transform .2s;position:absolute;top:1.5px;left:2px}.creative-toggle[aria-pressed=true] .creative-switch{background:#7770ba;border-color:#7770ba}.creative-toggle[aria-pressed=true] .creative-switch:after{background:#fff;transform:translate(9px)}.creative-label{white-space:nowrap;background:var(--studio-fg);color:var(--studio-bg);opacity:0;pointer-events:none;border-radius:4px;padding:5px 8px;transition:opacity .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.creative-toggle:hover .creative-label,.creative-toggle:focus-visible .creative-label{opacity:1}.reactive-logo{perspective:500px;display:block}.reactive-logo img{transform:rotateX(var(--logo-y,0deg)) rotateY(var(--logo-x,0deg)) skewY(var(--logo-bend,0deg));transform-origin:50% 70%;transition:transform .35s ease-out}.studio-header{animation:none;position:relative}.studio-intro{animation:none}.header-meteors{pointer-events:none;position:absolute;inset:0;overflow:hidden}.header-meteors i{opacity:0;background:linear-gradient(90deg,#0000,#909090);width:70px;height:1px;animation:11s linear 2s infinite header-star;position:absolute;top:8%;left:43%;transform:rotate(30deg)}.header-meteors i:nth-child(2){width:42px;animation-duration:17s;animation-delay:7s;top:0;left:60%}@keyframes header-star{0%,84%,to{opacity:0;transform:translate(0)rotate(30deg)}86%{opacity:.45}93%{opacity:0;transform:translate(145px,84px)rotate(30deg)}}.device-link{margin-top:20px;display:block}.hero-devices{aspect-ratio:1.15;isolation:isolate;width:100%;position:relative}.hero-desktop{width:96%;box-shadow:none;will-change:transform;background:#242421;border:1px solid #55554e;border-radius:0;padding:3px;position:absolute;top:7%;left:0}.hero-browser-bar{background:#efeee8;border-bottom:1px solid #ccc;align-items:center;gap:5px;height:23px;padding:0 9px;display:flex}.hero-browser-bar>span{background:#9c9b93;border-radius:50%;flex:none;width:5px;height:5px}.hero-browser-bar>small{color:#66665e;margin-left:8px;font:400 8px Arial,sans-serif}.hero-desktop-viewport{aspect-ratio:2047/1361;background:#eeece6;border-radius:0;overflow:hidden}.hero-desktop-viewport>img,.hero-phone-viewport>img{-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.hero-phone{width:34%;box-shadow:none;will-change:transform;background:#22221f;border:1px solid #65655e;border-radius:26px;padding:4px;position:absolute;top:30%;right:0}.hero-phone-viewport{aspect-ratio:786/1481;background:#eeece6;border-radius:21px;overflow:hidden}.creative-notes{pointer-events:none}.creative-notes p{color:var(--studio-note);width:160px;font-family:Segoe Print,Bradley Hand,cursive;font-size:14px;font-style:italic;line-height:1.6;position:absolute;transform:rotate(-4deg)}.creative-notes p span{font-size:12px}.note-logo{top:114px;left:-175px}.note-type{top:255px;right:-175px}.note-product{top:530px;left:-175px}.note-principles{top:1100px;right:-175px}.creative-mode:before{content:"";border-inline:1px dashed color-mix(in srgb,var(--studio-note) 22%,transparent);pointer-events:none;position:absolute;inset:54px 27px 38px}.creative-mode:after{content:"652 px · a little room to think";color:var(--studio-note);white-space:nowrap;font-size:9px;position:absolute;top:31px;left:50%;transform:translate(-50%)}.creative-mode .studio-section{outline:1px dashed color-mix(in srgb,var(--studio-note) 18%,transparent);outline-offset:8px}@media (width<=1100px){.creative-notes{grid-template-columns:1fr 1fr;gap:20px;margin-top:36px;display:grid;position:relative}.creative-notes p{width:auto;font-size:13px;position:static}.creative-mode:after{content:"A little room to think"}}@media (width<=600px){.hero-devices{aspect-ratio:1.12}.hero-desktop{width:96%;padding:2px;top:5%}.hero-browser-bar{gap:4px;height:18px}.hero-browser-bar>small{font-size:6px}.hero-phone{border-radius:18px;width:35%;padding:3px;top:29%}.hero-phone-viewport{border-radius:14px}.theme-toggle{width:40px;height:40px}.header-actions{gap:8px}.creative-toggle{min-width:40px;min-height:40px}.creative-mode:before{inset:28px 22px}.creative-mode:after{font-size:8px;top:10px}}@media (prefers-reduced-motion:reduce){.studio-home .motion-item{opacity:1;filter:none;transform:none}.header-meteors{display:none}.reactive-logo img,.hero-desktop,.hero-phone{transform:none!important}}.studio-home .hero-devices{width:80%;margin-inline:auto}.studio-home .hero-desktop,.studio-home .hero-phone{box-shadow:none;will-change:auto;animation:none!important;transform:none!important}.studio-home .hero-desktop-viewport,.studio-home .hero-phone-viewport{position:relative}.hero-desktop-viewport:after,.hero-phone-viewport:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff25 48%,#ffffff45 50%,#ffffff25 52%,#0000 65%);animation:12s ease-in-out infinite screen-sheen;position:absolute;inset:0;transform:translate(-150%)}.hero-phone-viewport:after{animation-delay:.25s}@keyframes screen-sheen{0%,75%{transform:translate(-150%)}95%,to{transform:translate(150%)}}.studio-home .reactive-logo img{transform:translateY(var(--logo-lift,0px)) rotateX(var(--logo-y,0deg)) rotateY(var(--logo-x,0deg)) skew(var(--logo-vertical,0deg),var(--logo-bend,0deg));filter:invert(var(--logo-invert,0))}.studio-home .studio-product-icon img{object-fit:contain;width:34px;height:34px}.studio-home .theme-toggle{letter-spacing:.08em;gap:6px;width:auto;padding:0 8px;font-size:9px;display:flex}:is(html:has(.studio-home),body:has(.studio-home),html:has(.studio-home.theme-dark),body:has(.studio-home.theme-dark)){background:var(--kkat-page-bg,#fff);transition:none}.studio-home .studio-product-tagline,.studio-home .studio-lead,.studio-home p,.studio-home .studio-meta,.studio-home .studio-contact-top,.studio-home .studio-section-title>span,.studio-home .studio-footer,.studio-home .studio-principles article>p{color:var(--studio-muted)}.studio-home .skip-link{background:var(--studio-bg);color:var(--studio-fg)}@media (prefers-reduced-motion:reduce){.hero-desktop-viewport:after,.hero-phone-viewport:after{display:none}.studio-home .reactive-logo img{transform:none!important}:is(html:has(.studio-home),body:has(.studio-home)){transition:none}}.studio-home .studio-product-icon{background:#fff}.studio-home .reactive-logo{perspective:none;position:relative;overflow:hidden}.studio-home .reactive-logo img{transform:none!important}.studio-home .reactive-logo:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff25 48%,#ffffff85 50%,#ffffff25 52%,#0000 65%);animation:12s ease-in-out infinite screen-sheen;position:absolute;inset:0;transform:translate(-150%)}.studio-home .hero-desktop{border-radius:12px;overflow:hidden}.studio-home .hero-browser-bar{border-radius:8px 8px 0 0}.studio-home .hero-desktop-viewport{border-radius:0 0 8px 8px}.studio-home .hero-phone-viewport{background:#f4f0e7;padding:6% 5%}@media (prefers-reduced-motion:reduce){.studio-home .reactive-logo:after{display:none}}.studio-intro,.studio-section{position:relative}.creative-note{display:none}.creative-mode .creative-note{width:170px;color:var(--studio-note);font-family:Segoe Print,Bradley Hand,cursive;font-style:italic;line-height:1.65;display:block;position:absolute;top:35px;left:-197px}.creative-mode .creative-note.note-right{left:auto;right:-197px}.studio-home .creative-note p{font:inherit;color:inherit;font-size:15px}.creative-note p>span{margin-top:8px;font-size:13px;display:block}.note-curve{font-size:32px;position:absolute;top:6px;right:-22px;transform:rotate(35deg)}.note-right .note-curve{left:-22px;right:auto;transform:scaleX(-1)rotate(35deg)}.creative-mode:after{display:none}.creative-measure{color:var(--studio-note);white-space:nowrap;font-size:11px;position:absolute;top:29px;left:50%;transform:translate(-50%)}@media (width<=1100px){.creative-mode .creative-note,.creative-mode .creative-note.note-right{width:auto;margin:26px 0 30px;padding:4px 8px 4px 40px;position:relative;inset:auto}.creative-mode .creative-note .note-curve{top:2px;left:0;right:auto;transform:rotate(-25deg)}.studio-home .creative-note p{font-size:17px;line-height:1.65}.creative-note p>span{margin-top:8px;font-size:15px}.creative-mode .studio-header>.creative-note{margin-bottom:20px}.creative-mode .studio-intro>.creative-note{margin-block:24px}.creative-mode .studio-section>.creative-note{margin-bottom:0}.creative-mode .studio-section{outline:none}}@media (width<=600px){.creative-measure{top:8px}.creative-mode:before{border:1px dashed color-mix(in srgb,var(--studio-note) 30%,transparent)}}@media (prefers-reduced-motion:no-preference){.studio-home:not([data-motion-ready=true]) :is(.studio-meta,.studio-brand-row,.studio-intro>p,.studio-intro>h1,.studio-section-title,.studio-product,.device-link,.studio-section>h2,.studio-principles article,.studio-background>p,.studio-contact>p,.studio-contact>a,.studio-footer){opacity:0;animation:.1s 5s forwards motion-failsafe}}@keyframes motion-failsafe{to{opacity:1;filter:none;transform:none}}.studio-home .motion-item{opacity:0;filter:blur(7px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),filter 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1);transform:translateY(8px)}.studio-home .motion-visible{opacity:1;filter:blur();transform:none}@media (prefers-reduced-motion:reduce){.studio-home .motion-item{opacity:1;filter:none;transition:none;transform:none}}@media (width<=767px){.studio-home .creative-toggle,.studio-home .creative-note,.studio-home .creative-measure,.studio-home.creative-mode:before,.studio-home.creative-mode:after{display:none!important}.studio-home.creative-mode .studio-section{outline:none}}