/* App shelf pages: the studio's paper, orange and type, with the app's own voice. */
:root{--paper:#F6F3EC;--paper-2:#EFEADD;--ink:#14131A;--soft:#37343F;--muted:#625C50;--line:#D4CCBA;--riot:#C03510}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.65 "General Sans",system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--riot)}a:focus-visible{outline:3px solid var(--riot);outline-offset:5px}h1,h2,dt,.app-wordmark{font-family:"Clash Display","General Sans",system-ui,sans-serif;line-height:1.1;letter-spacing:-.025em}h1,h2,p{margin:0}h1{font-size:clamp(2.3rem,6vw,4.8rem);overflow-wrap:anywhere}h2{font-size:clamp(1.6rem,3vw,2.35rem)}.app-skip{position:absolute;left:32px;top:-100px;padding:10px;background:var(--ink);color:var(--paper);z-index:3}.app-skip:focus{top:12px}.app-nav{border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px max(24px,calc((100vw - 1120px)/2));flex-wrap:wrap}.app-nav nav{display:flex;gap:24px;font-size:1rem;flex-wrap:wrap}.app-wordmark{font-weight:700;text-decoration:none;font-size:1.35rem}.app-wordmark span{color:var(--riot)}.app-wordmark i{display:inline-block;background:var(--riot);width:7px;height:7px;border-radius:50%;margin-left:4px}main{width:min(100%,1120px);margin:auto;padding:0 32px 64px}.app-crumb{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.9rem;padding:26px 0}.app-hero{padding:28px 0 48px;max-width:850px}.app-heading{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:24px;align-items:center}.app-heading h1{grid-column:2}.app-icon{grid-row:1/3;border-radius:22%;box-shadow:0 8px 20px #14131a12;display:block}.app-kicker{text-transform:uppercase;letter-spacing:.11em;font-size:.75rem;font-weight:700;color:var(--riot);line-height:1.5;margin-bottom:10px}.app-job{font-size:clamp(1.25rem,2.6vw,1.65rem);font-weight:600;line-height:1.35;margin:28px 0 14px;max-width:36ch}.app-intro{color:var(--soft);max-width:64ch}.app-actions{margin:28px 0 16px}.app-store{display:inline-block;text-decoration:none;background:var(--ink);color:var(--paper);padding:14px 22px;border-radius:7px;font-weight:600;font-size:1rem;overflow-wrap:anywhere}.app-store:hover{background:var(--riot);color:var(--paper)}.app-device{font-size:.87rem;color:var(--muted);max-width:65ch}.app-section{padding:38px 0;border-top:1px solid var(--line)}.app-features{margin:28px 0 0}.app-features div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;padding:22px 0;border-top:1px solid var(--line)}dt{font-size:1.2rem;font-weight:600}dd{margin:0;color:var(--soft);max-width:60ch}.app-start ol{padding-left:26px;max-width:65ch}.app-start li{padding:7px 0 7px 8px}.app-note{padding:22px 24px;background:var(--paper-2);border-left:3px solid var(--riot);color:var(--soft);font-size:1rem;margin:0 0 36px;max-width:80ch}.app-source p{margin-top:18px;color:var(--muted);max-width:72ch;font-size:1rem}.app-related-intro{margin:18px 0}.app-related{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}.app-related li{border-top:1px solid var(--line)}.app-related a{display:block;padding:18px 0;text-decoration:none}.app-related strong{display:block;font-size:1.15rem}.app-related span{display:block;color:var(--soft);font-size:.94rem;margin-top:5px}.app-back{display:inline-block;margin-top:18px;font-size:1rem}.app-footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px 28px;padding:28px max(32px,calc((100vw - 1056px)/2));font-size:.95rem}.app-status{border:1px solid var(--line);padding:16px;margin-top:20px}
@media(max-width:600px){main{padding:0 24px 40px}.app-nav{padding:18px 24px;gap:16px}.app-nav nav{gap:20px}.app-heading{grid-template-columns:64px minmax(0,1fr);gap:10px 16px}.app-icon{width:64px;height:64px}.app-kicker{font-size:.68rem}.app-heading h1{grid-column:1/-1;margin-top:12px;font-size:2.45rem}.app-heading .app-kicker{grid-column:2}.app-features div{grid-template-columns:1fr;gap:12px}.app-related{grid-template-columns:1fr}.app-footer{padding:24px}.app-note{padding:18px}.app-store{padding:14px 18px}.app-hero{padding-top:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}