@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;text-size-adjust:100%}body,h1,h2,h3,p,ol,ul,dl,dd,figure{margin:0}ol,ul{padding:0}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}}@layer base{:root{color-scheme:light;--canvas:#f4f0e7;--canvas-deep:#e8e0d2;--paper:#fbf8f1;--ink:#24231f;--ink-soft:#5f5b53;--ink-faint:#6e695f;--signature:#4037ae;--signature-deep:#2f2887;--signature-pale:#e6e4ff;--rule:#aaa397;--rule-soft:#d6cec0;--on-dark:#f8f3e9;--font-display:ui-serif, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--container:68rem;--reading-measure:42rem;--space-1:clamp(.5rem, .46rem + .18vw, .625rem);--space-2:clamp(.75rem, .69rem + .27vw, .9375rem);--space-3:clamp(1rem, .91rem + .45vw, 1.3125rem);--space-4:clamp(1.5rem, 1.36rem + .71vw, 2rem);--space-5:clamp(1.75rem, 1.5rem + 1vw, 2.5rem);--space-6:clamp(2.5rem, 2rem + 2vw, 4rem);--space-7:clamp(3.25rem, 2.5rem + 3vw, 5rem);--space-8:clamp(4rem, 3rem + 4vw, 6rem);--step--1:clamp(.82rem, .8rem + .08vw, .875rem);--step-0:clamp(1rem, .98rem + .1vw, 1.0625rem);--step-1:clamp(1.15rem, 1.08rem + .3vw, 1.35rem);--step-2:clamp(1.4rem, 1.25rem + .65vw, 1.85rem);--step-3:clamp(1.9rem, 1.65rem + 1vw, 2.6rem);--step-4:clamp(2.35rem, 1.95rem + 1.7vw, 3.5rem);--step-5:clamp(2.65rem, 2.1rem + 2.3vw, 4.25rem)}body{background:var(--canvas);min-width:20rem;min-height:100vh;color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);font-optical-sizing:auto;text-rendering:optimizelegibility;line-height:1.58;overflow-x:hidden}::selection{background:var(--signature);color:#fff}:focus-visible{outline:3px solid var(--signature);outline-offset:4px}h1,h2,h3{color:var(--ink);font-family:var(--font-display);font-optical-sizing:auto;text-wrap:balance;font-weight:600;line-height:1.03}h1{max-width:16ch;font-size:var(--step-5);letter-spacing:-.035em}h2{max-width:20ch;font-size:var(--step-3);letter-spacing:-.035em}h3{font-size:var(--step-1);letter-spacing:-.018em}p,li{text-wrap:pretty}a{color:var(--signature-deep);text-decoration-color:color-mix(in srgb, var(--signature) 55%, transparent);text-underline-offset:.18em;text-decoration-thickness:.08em;transition:color .16s,text-decoration-color .16s}a:hover{color:var(--signature);text-decoration-color:currentColor}time,dt,.studio-eyebrow,.studio-index{font-variant-numeric:tabular-nums}}@layer layout{body>header,body>main,body>footer{width:min(calc(100% - clamp(2rem, 6vw, 5rem)), var(--container));margin-inline:auto}body>main{min-height:65vh}body>header{z-index:20;border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:var(--space-4);min-height:4.5rem;display:flex;position:relative}body>header>a{color:var(--ink);font-family:var(--font-display);font-size:var(--step-0);letter-spacing:-.025em;font-weight:650;text-decoration:none}body>header nav ul,body>footer nav ul{align-items:center;list-style:none;display:flex}body>header nav ul{gap:clamp(.65rem,2.2vw,2rem)}body>header nav a,body>footer nav a{min-height:2.75rem;color:var(--ink-soft);font-size:var(--step--1);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}body>header nav li:last-child a{background:var(--signature);color:#fff;border-radius:.5rem;min-height:2.75rem;padding-inline:1rem}body>header nav li:last-child a:hover{background:var(--signature-deep)}body>footer{margin-top:var(--space-7);padding-block:var(--space-4);border-top:1px solid var(--rule);color:var(--ink-soft);align-items:center;gap:var(--space-4);font-size:var(--step--1);grid-template-columns:1fr auto;display:grid}body>footer nav ul{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}article{width:min(100%, var(--reading-measure));padding-block:var(--space-6);margin-inline:auto}article>header{padding-bottom:var(--space-5);border-bottom:1px solid var(--rule);gap:var(--space-3);display:grid}article>header>p:first-of-type{max-width:45rem;color:var(--ink-soft);font-family:var(--font-display);font-size:var(--step-1);line-height:1.45}article>img{width:100%;margin-block:var(--space-5) var(--space-6);border:1px solid var(--rule-soft)}article>:where(h2,section,aside){margin-top:var(--space-6)}article :where(h2,h3)+:where(p,ul,ol),article :where(p,ul,ol)+:where(p,ul,ol){margin-top:var(--space-3)}article ul,article ol{padding-left:1.25em}article li+li{margin-top:var(--space-1)}article aside{padding:var(--space-4);border-block:1px solid var(--rule);background:color-mix(in srgb, var(--paper) 58%, transparent)}article aside h2{font-family:var(--font-sans);font-size:var(--step--1);letter-spacing:.11em;text-transform:uppercase;font-weight:600}article aside dl{margin-top:var(--space-3);gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}article aside dt{color:var(--ink-faint);font-size:var(--step--1);text-transform:uppercase}nav[aria-label=Breadcrumb]{margin-bottom:var(--space-5)}nav[aria-label=Breadcrumb] ol{color:var(--ink-faint);font-size:var(--step--1);flex-wrap:wrap;gap:.45rem;padding:0;list-style:none;display:flex}nav[aria-label=Breadcrumb] li:not(:last-child):after{color:var(--rule);content:"/";margin-left:.45rem}}@layer components{.site-nav-menu{display:none;position:relative}.site-nav-menu summary{border:1px solid var(--rule);min-height:2.75rem;color:var(--ink);font-size:var(--step--1);cursor:pointer;border-radius:.5rem;align-items:center;padding-inline:.9rem;font-weight:700;list-style:none;display:inline-flex}.site-nav-menu summary::-webkit-details-marker{display:none}.site-nav-menu[open] summary{border-color:var(--signature);color:var(--signature-deep)}.skip-link{z-index:100;top:var(--space-2);left:var(--space-2);background:var(--ink);color:var(--on-dark);font-size:var(--step--1);transform:translateY(calc(-100% - var(--space-3)));padding:.7rem 1rem;font-weight:600;transition:transform .16s;position:fixed}.skip-link:focus-visible{transform:translateY(0)}.studio-eyebrow{color:var(--signature);font-size:var(--step--1);letter-spacing:.13em;text-transform:uppercase;font-weight:600;line-height:1.2}.studio-index{color:var(--signature);letter-spacing:.08em;font-size:.72rem;font-weight:600;line-height:1}.app-screenshot{width:min(100%,24rem);aspect-ratio:var(--screenshot-ratio);border:1px solid color-mix(in srgb, var(--ink) 26%, transparent);background:var(--paper);border-radius:clamp(1rem,3vw,1.75rem);position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem #24231f24,0 .25rem .8rem #24231f14}.app-screenshot img{object-fit:cover;width:100%;height:100%}.feature-grid{padding-block:var(--space-7);border-top:1px solid var(--rule)}.feature-grid__header{margin-bottom:var(--space-6);align-items:start;gap:var(--space-4);grid-template-columns:minmax(9rem,.7fr) minmax(0,1.3fr);display:grid}.feature-grid__list{gap:0 var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.feature-grid__item{padding-top:var(--space-2);border-top:1px solid var(--rule);gap:var(--space-3);grid-template-rows:auto auto 1fr;display:grid}.feature-grid__item p{color:var(--ink-soft)}.mode-strip{padding-block:var(--space-5);border-block:1px solid var(--rule);gap:var(--space-5);grid-template-columns:minmax(13rem,.8fr) minmax(0,2.2fr);display:grid}.mode-strip__header{align-content:start;gap:var(--space-2);display:grid}.mode-strip__header h2{font-size:var(--step-2)}.mode-strip__list{border-top:1px solid var(--rule-soft);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.mode-strip__item{padding:var(--space-3) var(--space-3) var(--space-4);border-right:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft);gap:var(--space-2);grid-template-columns:auto 1fr;display:grid}.mode-strip__item:nth-child(2n){border-right:0}.mode-strip__item h3{font-family:var(--font-sans);font-size:var(--step-0);letter-spacing:-.01em;font-weight:600}.mode-strip__item p{color:var(--ink-soft);font-size:var(--step--1);margin-top:.35rem;line-height:1.5}.proof-panel{min-height:38rem;padding:var(--space-6);background:var(--ink);color:var(--on-dark);align-items:center;gap:var(--space-6);grid-template-columns:minmax(0,1.12fr) minmax(15rem,.88fr);display:grid;overflow:hidden}.proof-panel h2,.proof-panel h3{color:var(--on-dark)}.proof-panel .studio-eyebrow,.proof-panel .studio-index{color:#aaa4ff}.proof-panel__copy,.proof-panel__copy header{gap:var(--space-3);display:grid}.proof-panel__description{max-width:38rem;color:color-mix(in srgb, var(--on-dark) 72%, transparent);font-size:var(--step-1);line-height:1.5}.proof-panel__list{margin-top:var(--space-4);border-top:1px solid #f8f3e947;list-style:none}.proof-panel__list li{padding-block:var(--space-2);gap:var(--space-2);border-bottom:1px solid #f8f3e92e;grid-template-columns:2rem 1fr;display:grid}.proof-panel__visual{align-self:end;place-items:center;display:grid}.proof-panel .app-screenshot{border-color:#f8f3e93d;width:min(100%,20rem);box-shadow:0 2rem 5rem #00000057}.studio-reveal{animation:.48s cubic-bezier(.22,1,.36,1) both studio-enter}.mode-strip.studio-reveal{animation-delay:60ms}.proof-panel.studio-reveal{animation-delay:.12s}@keyframes studio-enter{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}}@layer utilities{.studio-container{width:min(calc(100% - clamp(2rem, 6vw, 5rem)), var(--container));margin-inline:auto}.studio-measure{max-width:var(--reading-measure)}}@media (width<=52rem){body>header{padding-block:var(--space-3);align-items:flex-start}body>header nav ul{flex-wrap:wrap;justify-content:flex-end}.feature-grid__header,.mode-strip,.proof-panel{grid-template-columns:1fr}.feature-grid__header{gap:var(--space-3)}.feature-grid__list{gap:var(--space-4);grid-template-columns:1fr}.mode-strip{gap:var(--space-4)}.proof-panel{min-height:auto}.proof-panel__visual{align-self:auto}}@media (width<=38rem){body>header{padding-block:var(--space-2);align-items:center;display:flex}.site-nav--desktop{display:none}.site-nav-menu{display:block}.site-nav-menu nav{top:calc(100% + var(--space-2));width:min(18rem,100vw - 2rem);padding:var(--space-1);border:1px solid var(--rule);background:var(--paper);border-radius:.75rem;position:absolute;right:0;box-shadow:0 1rem 2.5rem #24231f29}.site-nav-menu nav ul{gap:0;display:grid}.site-nav-menu nav a{width:100%;padding-inline:var(--space-2)}.site-nav-menu nav li:last-child a{margin-top:var(--space-1);justify-content:center}body>footer{grid-template-columns:1fr}body>footer nav ul{justify-content:flex-start}.mode-strip__list{grid-template-columns:1fr}.mode-strip__item,.mode-strip__item:nth-child(2n){border-right:0}.proof-panel{padding:var(--space-5) var(--space-4);margin-inline:calc(-1*clamp(1rem,3vw,1.5rem))}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation:none!important}.studio-reveal{opacity:1!important;transform:none!important}}@media (forced-colors:active){:focus-visible{outline-color:highlight}}