/* Editorial static page; selected layout idioms from Michael Costea's MIT-licensed Ballz2theWALL. No runtime dependencies. */
:root{--paper:#f0eee6;--ink:#202b27;--muted:#54605a;--accent:#164d42;--rule:#b6c0b7;--dark:#193b33;--mono:Consolas,"Liberation Mono",monospace;--body:Arial,Helvetica,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #b65729;outline-offset:6px}::selection{background:var(--accent);color:#fff}.frame{width:min(1200px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;z-index:10;left:12px;top:-100px;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:12px}.header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:100px;border-bottom:1px solid var(--ink)}.brand{display:inline-flex;gap:12px;align-items:center;font-size:25px;font-weight:800;letter-spacing:-1px;text-decoration:none;line-height:1}.brand-icon{font-size:24px;letter-spacing:-3px;color:var(--accent);border:2px solid var(--accent);padding:3px 6px 5px}.brand-icon span{position:relative;top:3px}.pilot{font:9px var(--mono);border:1px solid var(--rule);padding:5px;letter-spacing:1px;margin-left:3px}.header nav{display:flex;gap:30px}.header nav a{display:flex;align-items:center;min-height:44px;font-size:12px;font-weight:bold;text-decoration:none}.header nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.25fr .85fr;align-items:center;gap:60px;padding-block:66px 70px}.hero-copy{min-width:0;container-type:inline-size}.eyebrow{display:flex;align-items:center;gap:10px;font:10px/1.6 var(--mono);font-weight:bold;letter-spacing:.07em;text-transform:uppercase}.dot{display:inline-block;width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--accent)}h1{font-size:min(84px,7vw);font-size:min(84px,14.5cqi);font-weight:800;letter-spacing:-.065em;line-height:1.02;margin-block:24px 25px}h1 em{font-style:normal;color:var(--accent)}.lede{max-width:510px;font-size:23px;letter-spacing:-.5px;font-weight:600;line-height:1.4}.intro{max-width:490px;font-size:14px;line-height:1.8;color:var(--muted);margin-top:17px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 23px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:56px;background:var(--accent);color:#fff;padding:14px 22px;font-size:13px;font-weight:bold;text-decoration:none}.button:hover{background:#0c342b;text-decoration:none}.button span{font-size:23px;line-height:1}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:bold}.fine{font-size:11px;line-height:1.8;color:var(--muted);margin-top:16px}.signal{background:#e2e7df;border:1px solid #a9b8ad;padding:24px 30px 20px;width:100%;max-width:418px;justify-self:end}.signal-head{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);letter-spacing:.04em;border-bottom:1px solid #a9b8ad;padding-bottom:15px}.sound-source{text-align:center;padding-top:18px;color:var(--accent)}.sound-source svg{width:100%;height:60px}.sound-source p{font-size:13px;font-weight:bold;margin-top:5px}.sound-source p span{font-weight:normal;color:var(--muted);padding:0 5px}.connection{text-align:center;font-size:30px;line-height:1.5;color:#5c7868}.phone{border:2px solid var(--ink);border-radius:22px;padding:18px 24px 11px;background:var(--paper);box-shadow:5px 5px 0 #ccd5cb}.phone-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px var(--mono);border-bottom:1px solid var(--rule);padding-bottom:12px}.process{padding-block:16px 14px;border-bottom:1px solid var(--rule)}.step-tag{font:9px var(--mono);color:var(--accent);letter-spacing:.05em}.process strong{display:block;font-size:20px;letter-spacing:-.65px;margin-top:4px;line-height:1.3}.process p{font-size:11px;color:var(--muted);margin-top:3px}.process.last{border:0}.phone-bottom{width:58px;height:3px;background:var(--ink);margin:4px auto 0;border-radius:4px}.signal figcaption{font:9px/1.6 var(--mono);margin-top:18px;color:#4a5d50}.principles{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--ink);padding-block:22px}.principles p{font-size:13px;font-weight:bold}.principles span{font:10px var(--mono);color:var(--accent);margin-right:16px}.section{padding-block:82px}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:60px;margin-bottom:36px}h2{font-size:clamp(33px,3.9vw,51px);line-height:1.08;letter-spacing:-.055em;margin-top:16px}.section-heading>p{max-width:380px;justify-self:end;color:var(--muted);font-size:14px;line-height:1.8}.feature-list{border-top:2px solid var(--ink)}.feature{display:grid;grid-template-columns:26px .9fr 1.3fr;gap:24px;padding-block:24px;border-bottom:1px solid var(--rule);align-items:start}.feature>span{font:11px/1.9 var(--mono);color:var(--accent)}.feature h3{font-size:19px;line-height:1.35;letter-spacing:-.5px}.feature p{font-size:13px;color:var(--muted);line-height:1.8}.install-band{background:var(--dark);color:var(--paper)}.install-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;padding-block:70px}.install-band .eyebrow{color:#bbd5c2}.install-lede{font-size:15px;color:#c6d6c9;margin-top:22px}.steps{list-style:none;counter-reset:step;padding:0;margin:32px 0 0}.steps li{display:flex;gap:17px;counter-increment:step;margin-bottom:25px}.steps li::before{content:counter(step,decimal-leading-zero);font:10px var(--mono);padding-top:4px;color:#bdcfab}.steps h3{font-size:15px}.steps p{font-size:12px;line-height:1.85;color:#d0dacf;margin-top:5px}.download-panel{border:1px solid #7a9384;padding:28px 30px;align-self:start;min-width:0}.download-label{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);color:#c3d8bd;letter-spacing:.04em;border-bottom:1px solid #7a9384;padding-bottom:16px}.download-panel h3{font-size:35px;letter-spacing:-1.2px;line-height:1.1;margin-top:24px}.version{font:13px var(--mono);margin-top:7px;color:#c8dbbf}.specs{margin-block:24px}.specs>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #46675a;padding-block:10px;font-size:11px}.specs dt{color:#c7d6ca}.specs dd{margin:0;text-align:right}.specs code{font:11px var(--mono);overflow-wrap:anywhere}.light{background:#e8ebdb;color:var(--dark);width:100%}.light:hover{background:#cad9bd}.release-link{display:inline-flex;align-items:center;min-height:48px;font-size:11px}.checksum{border-block:1px solid #7a9384;margin-top:10px}.checksum summary{font-size:12px}.checksum code{display:block;overflow-wrap:anywhere;font:11px/1.9 var(--mono);margin-bottom:12px}.checksum a{font-size:11px;display:inline-flex;align-items:center;min-height:44px}.checksum p{font-size:11px;color:#c7d6ca;margin-bottom:12px}.panel-note{font-size:11px;color:#c7d6ca;line-height:1.8;margin-top:20px}.install-band :is(a,summary):focus-visible{outline-color:#d4dca7}.release-section{border-bottom:1px solid var(--rule)}.release-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}.release-columns h3{font-size:20px;letter-spacing:-.5px}.release-columns p,.release-columns li{font-size:13px;line-height:1.85;color:var(--muted)}.release-columns ul{padding-left:19px;margin:15px 0}.release-columns li+li{margin-top:8px}.evidence{border-left:3px solid var(--accent);padding-left:28px}.evidence .eyebrow{font:10px var(--mono);color:var(--accent);line-height:1.6}.evidence h3{margin-top:13px}.evidence p{margin-top:13px}.faq-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px}.faq-intro{margin-top:25px;font-size:14px;line-height:1.85;color:var(--muted);max-width:340px}.faq{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--rule)}summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;font-size:13px;font-weight:bold;padding-block:21px;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{font-size:20px;font-weight:normal}details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;line-height:1.85;color:var(--muted);padding-bottom:22px}.footer{border-top:1px solid var(--ink);display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding-block:32px}.footer p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:12px}.footer nav{display:flex;gap:25px;align-items:start}.footer nav a{display:inline-flex;min-height:44px;align-items:center;font-size:11px}.footer .footer-note{flex-basis:100%;font-size:10px;margin:0}
@media(min-width:1500px){.hero{gap:80px}}@media(max-width:1000px){.frame{width:calc(100% - 56px)}.hero{gap:32px;grid-template-columns:1.15fr .85fr}.lede{font-size:20px}.signal{padding:20px}.phone{padding-inline:18px}.process strong{font-size:18px}.install-grid{gap:40px}.download-panel{padding:24px}.section-heading{gap:40px}.faq-section,.release-columns{gap:40px}.header nav{gap:20px}}
@media(max-width:720px){.frame{width:calc(100% - 36px)}.header{min-height:82px}.brand{font-size:22px;gap:9px}.header nav{gap:16px}.header nav a{font-size:11px}.header nav a:first-child{display:none}.pilot{font-size:8px;margin-left:0;padding:4px}.hero{grid-template-columns:1fr;padding-block:38px 36px;gap:36px}h1{font-size:min(80px,17.8vw);font-size:min(80px,19cqi);margin-block:20px 23px}.hero .eyebrow{font-size:9px;letter-spacing:.025em}.lede{font-size:21px}.intro{font-size:14px}.signal{justify-self:center;max-width:420px;padding:22px 28px}.process strong{font-size:21px}.signal-head{font-size:9px}.principles{flex-direction:column;gap:10px;padding-block:20px}.section{padding-block:48px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.section-heading>p{justify-self:start;max-width:100%}h2{font-size:37px}.feature{grid-template-columns:20px 1fr;gap:7px 17px;padding-block:21px}.feature p{grid-column:2}.feature h3{font-size:19px}.install-grid{grid-template-columns:1fr;gap:22px;padding-block:47px}.download-panel{padding:24px}.steps li:last-child{margin-bottom:8px}.release-columns{grid-template-columns:1fr;gap:28px}.evidence{padding-left:20px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-intro{max-width:100%;margin-top:20px}.footer{padding-block:28px}.footer nav{gap:22px;flex-wrap:wrap}.footer .footer-note{font-size:10px}}
@media(max-width:370px){.frame{width:calc(100% - 28px)}.header nav{gap:12px}.brand-icon{display:none}.hero .eyebrow{font-size:8px}.lede{font-size:19px}h2{font-size:33px}.signal{padding:18px}.download-panel{padding:20px}.download-label{font-size:8px}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
