/* Software pages in the site design. Content markup is the approved software pages'. */
.subnav{display:flex;gap:clamp(14px,2.4vw,36px);align-items:center;height:48px;border-bottom:var(--rule) solid var(--ink);font:700 13px var(--mono);overflow-x:auto;white-space:nowrap}
.subnav a{text-decoration:none;padding-block:6px;border-bottom:var(--rule) solid transparent}
.subnav a:hover,.subnav a[aria-current]{border-bottom-color:var(--ink)}
.sw-site>section{padding:clamp(40px,6vw,96px) var(--pad)}
.sw-site .band.black{background:var(--ink);color:var(--paper)}
.sw-site .eyebrow{text-transform:lowercase}
.sw-site h1{margin:0 0 .12em -.045em;font:400 clamp(48px,11.5vw,200px)/.84 var(--head);letter-spacing:-.045em}   /* product names keep their capitals */
.sw-site h2{margin:0 0 .5em;font:400 clamp(30px,4.6vw,76px)/.92 var(--head);letter-spacing:-.04em}
.sw-site h3{margin:0 0 8px;font:400 clamp(18px,1.8vw,26px)/1.05 var(--head);letter-spacing:-.02em}
.sw-site .lead{font-size:clamp(16px,1.5vw,22px);max-width:56ch;margin:0 0 18px}
.sw-site p{max-width:70ch}
.sw-site .note{font-size:12px;opacity:.85;margin-top:18px}
.btn,.sw-site .pill{display:inline-block;font:700 13px/1 var(--mono);padding:13px 18px;border:var(--rule) solid var(--ink);background:var(--ink);color:var(--paper);text-decoration:none;text-transform:lowercase;border-radius:0}
.btn.ghost{background:none;color:inherit;border-color:currentColor}
.band.black .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.btn.sm{padding:9px 11px;font-size:12px}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.sw-site .pill{background:none;color:inherit;padding:8px 10px;font-size:12px}
.sw-site .pill.on{background:var(--ink);color:var(--paper)}
.buy{font:400 clamp(22px,2.6vw,40px)/1 var(--head);letter-spacing:-.02em;margin:14px 0}
.buy s{opacity:.55}.buy .sale{font:700 12px var(--mono);border:var(--rule) solid var(--ink);padding:4px 7px;vertical-align:middle;letter-spacing:0}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--g)}
.card{display:block;border-top:var(--rule) solid var(--ink);padding-top:16px;text-decoration:none}
.card .logo{background:var(--tan);aspect-ratio:16/9;display:grid;place-items:center;margin-bottom:16px}
.card .logo.k{background:var(--ink)}
.card .logo img{max-width:46%;max-height:70%;height:auto}
.sw-site .feat{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,44px) var(--g);align-items:start;padding:0}
.sw-site .feat>div{border-top:var(--rule) solid currentColor;padding-top:12px}
.sw-site .split{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--g)}
.spec,.dls{width:100%;border-collapse:collapse;font-size:14px}
.spec th,.spec td,.dls th,.dls td{text-align:left;vertical-align:top;padding:11px 12px 11px 0;border-top:1px solid currentColor}
.spec th,.dls th{font-weight:700;white-space:nowrap}
.reports{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--g);margin-top:18px}
.reports img,.shot img,.sw-site video{width:100%;height:auto;border:var(--rule) solid var(--ink);display:block}
.sw-site .quote{margin:clamp(24px,3vw,44px) 0 0;padding-top:16px;border-top:var(--rule) solid currentColor;font:400 clamp(22px,2.6vw,42px)/1.06 var(--head);letter-spacing:-.025em;max-width:26ch}
.sw-site .quote cite{display:block;margin-top:12px;font:700 13px var(--mono);font-style:normal;letter-spacing:0}
.sw-site .todo{display:none}
@media (max-width:820px){.cards,.sw-site .feat,.sw-site .split,.reports{grid-template-columns:1fr}.dls,.dls tbody,.dls tr,.dls td{display:block}.dls thead{display:none}.dls td{border:0;padding:3px 0}.dls tr{border-top:1px solid currentColor;padding:12px 0}}