/* Public PadPilot editorial skin. The application retains its own instrument UI. */
body[data-appearance=editorial]{--paper:#f6f3ec;--panel:#fffdf8;--ink:#22252a;--muted:#565a60;--line:#d7d3cb;--wash:#ede8df}
.site-nav,.site-footer{max-width:1440px;margin-inline:auto}.site-nav .brand{gap:14px}.site-nav .brand img{width:78px;height:40px;object-fit:contain}
.site-section{max-width:1440px;margin-inline:auto}.site-section h1{max-width:1050px;line-height:1.03}.site-section[data-kind=hero] .section-body{font-size:20px;max-width:660px}
.site-section[data-kind=hero] .site-image{margin-top:54px;max-height:none;object-fit:contain;border:1px solid var(--line);border-radius:8px;box-shadow:0 22px 60px #27252c19}
.site-section[data-kind=text]{grid-template-columns:1fr 1.15fr;gap:18px 70px}.site-section[data-kind=text] .eyebrow{grid-column:1/-1}.site-section[data-kind=text] h2{grid-column:1;grid-row:2/4}.site-section[data-kind=text] .section-body{grid-column:2}.site-section[data-kind=text] .site-button{grid-column:2;justify-self:start}
.site-button-secondary{background:transparent;color:var(--ink);border-color:var(--line)}.site-button-secondary:hover{background:var(--wash);border-color:var(--ink);color:var(--ink)}
#demos{display:block}#demos .section-copy{display:block}#demos h2{max-width:800px}#demos .section-body{max-width:650px}.demo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px}.demo-film{margin:0;min-width:0}.demo-film video{width:100%;display:block;aspect-ratio:9/16;object-fit:contain;background:#161b23;border-radius:6px}.demo-film figcaption{padding:20px 0}.demo-film h3{font:400 27px/1.2 Georgia,serif;margin:0 0 10px}.demo-film p,.demo-note{font-size:14px;color:var(--muted)}.demo-film p{margin:0;max-width:260px}.demo-time{float:right;font-size:12px;letter-spacing:.08em;margin-top:6px}.demo-note{max-width:750px;margin-top:12px}
.marketplace-section h2{max-width:800px}.site-footer a{color:var(--muted)}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.site-section{scroll-margin-top:20px}
@media(max-width:700px){.site-section[data-kind=text]{display:block}.site-section[data-kind=text] .section-copy{display:block}.site-section[data-kind=text] h2{max-width:none}.demo-gallery{grid-template-columns:1fr;gap:24px}.demo-film{max-width:360px;margin-inline:auto}.site-section[data-kind=hero] .section-body{font-size:18px}.site-section[data-kind=hero] .site-image{margin-top:32px}.site-nav{flex-wrap:wrap}.nav-links{flex-wrap:wrap}.site-section h1{font-size:clamp(44px,11vw,78px)}}