.studio{--ink:#182348;--blue:#2039c4;--paper:#f7f8fd;--line:#d7deee;background:var(--paper);min-height:100vh;color:var(--ink)}.studio-wrap{width:min(100% - 2.5rem,74rem);margin-inline:auto}.studio a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.studio-nav{justify-content:space-between;align-items:center;gap:1rem;min-height:4.5rem;display:flex}.studio-wordmark{letter-spacing:-.065em;font-size:1.25rem;font-weight:750}.studio-nav nav,.studio-footer{flex-wrap:wrap;align-items:center;gap:clamp(.8rem,3vw,2rem);font-size:.9rem;display:flex}.studio-nav nav a{padding-block:.5rem}.studio-nav nav a:hover,.studio-nav nav a[aria-current],.studio-footer a:hover{text-underline-offset:.3em;text-decoration:underline}.studio-hero{background:var(--blue);color:#fff;border-radius:1.25rem;padding:clamp(2rem,6vw,5.5rem)}.studio-hero h1{letter-spacing:-.055em;font-size:clamp(2.75rem,12.3vw,10rem);font-weight:740;line-height:1}.studio-hero h1 span{color:#b7ccff}.studio-hero p{max-width:35ch;margin-top:1.4rem;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.5}.studio-apps{padding-block:clamp(2rem,5vw,4.5rem)}.studio-apps h2{letter-spacing:-.045em;margin-bottom:1.25rem;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700}.studio-app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.studio-app{border-radius:.85rem;padding:clamp(1.35rem,3vw,2.25rem);display:block}.studio-app-here{color:#283c1d;background:#e7efd9}.studio-app-roam{color:#162a65;background:#e4ebff}.studio-app-top{justify-content:space-between;align-items:flex-start;display:flex}.studio-app-icon{border-radius:1rem}.studio-app h3{letter-spacing:-.055em;margin-top:1rem;font-size:2rem;font-weight:720}.studio-app:hover h3{text-underline-offset:.13em;text-decoration:underline}.studio-app p{max-width:38ch;line-height:1.55}.studio-hero-roam{color:#162a65;background:#e4ebff;grid-template-columns:minmax(0,1fr) minmax(0,16rem);align-items:center;gap:2rem;display:grid}.studio-hero-roam .roam-name{margin:0 0 .8rem;font-size:1rem;font-weight:700}.studio-hero-roam h1{letter-spacing:-.045em;max-width:12ch;font-size:clamp(2.55rem,7.5vw,6.5rem)}.roam-hero-icon{border-radius:22%}.roam-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,4vw,3rem);list-style:none;display:grid}.roam-steps li{border-top:1px solid var(--line);padding-top:1rem}.roam-steps span{color:var(--blue);font-weight:700}.roam-steps h3{margin-block:.4rem;font-size:1.15rem;font-weight:700}.roam-steps p{max-width:36ch;line-height:1.6}.studio-footer{border-top:1px solid var(--line);justify-content:space-between;padding-block:1.5rem 2rem}@media (max-width:640px){.studio-app-grid,.roam-steps{grid-template-columns:1fr}.studio-hero{padding:1.6rem}.studio-hero h1{font-size:clamp(2rem,11.7vw,4.7rem)}.studio-hero-roam{grid-template-columns:1fr;gap:1.5rem}.studio-hero-roam h1{font-size:clamp(2.45rem,10vw,4rem)}.roam-hero-icon{grid-row:1;width:8rem}}