/* This page */
.page-hero{padding-block:72px 64px}.page-hero h1{max-width:900px}.page-hero .intro{max-width:640px}
.wins{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.win{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:26px 26px 24px}
.win h3{font-size:1.1rem;line-height:1.4;letter-spacing:0}.win h3 .pill{font-size:.75rem;padding:1px 8px;margin-left:8px;vertical-align:middle}
.win p{color:var(--muted);margin-top:9px;font-size:.95rem;max-width:none}.win .fig{font-family:"B612 Mono",monospace;color:var(--ink)}
.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.proof figure{display:flex;flex-direction:column;align-items:center}.proof .phone{width:min(220px,100%)}
.proof figcaption{margin-top:14px;font-size:.85rem;color:var(--muted);text-align:center;max-width:28ch}
.vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* The table scrolls sideways on a phone rather than crushing three columns into 360 points. The wrapper is the only thing that scrolls, so the page never does. */
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.tblwrap:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
table.cmp{width:100%;border-collapse:collapse;font-size:.95rem}
.cmp th,.cmp td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp thead th{font-family:"B612 Mono",monospace;font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:400;background:var(--soft)}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp th[scope=row]{font-weight:700;width:26%}
.cmp .grp td{background:var(--soft);font-family:"B612 Mono",monospace;font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;color:var(--blue);padding:10px 18px}
.cmp .pill{font-size:.75rem;padding:1px 8px;margin-right:4px;vertical-align:middle}
.cmp b{font-weight:700}
/* "Not listed" is a statement about the other app's published materials, never about the app itself. The note under the table says so. */
.cmp .na{color:var(--muted)}
/* A row where Jet Window is behind, marked so the table cannot be read as a clean sweep. The mark is aria-hidden; the group heading carries the meaning for a screen reader. */
.cmp .down{color:var(--muted);font-weight:400}
.cmp .mono{font-family:"B612 Mono",monospace}
.tblhint{display:none;font-size:.875rem;color:var(--muted);margin-bottom:10px}
.table-note{font-size:.875rem;color:var(--muted);margin-top:18px;max-width:88ch}.table-note a{color:var(--blue)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:28px}
.card h3{margin-bottom:16px}.card ul{margin:0;padding-left:20px;color:var(--muted)}.card li{margin-bottom:10px}.card li:last-child{margin-bottom:0}
.cta .intro{margin-inline:auto;max-width:52ch}.cta .actions{justify-content:center}.cta-note{font-size:.875rem;color:var(--muted);margin:18px auto 0}

@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.nav{gap:20px}.section{padding-block:82px}.proof{gap:18px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{height:72px;gap:12px}.brand{font-size:1.15rem;gap:8px}.nav{gap:12px}.nav .desktop-link{display:none}.nav .nav-upgrade{padding:10px 12px;font-size:.8rem}.theme-toggle{height:40px;width:40px}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;max-width:580px}.page-hero{padding-block:44px 32px}.page-hero h1{font-size:clamp(3rem,10vw,4.5rem)}.proof{grid-template-columns:1fr;gap:40px}.proof .phone{width:min(210px,68%)}.tblhint{display:none}.tblwrap{overflow:visible;border:0;background:transparent}.cmp,.cmp tbody,.cmp tr,.cmp th,.cmp td{display:block;width:100%}.cmp thead{display:none}.cmp tr{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:14px 16px 6px;margin-bottom:12px}.cmp tr.grp{border:0;background:transparent;padding:16px 0 4px;margin:0}.cmp tr.grp td{background:transparent;padding:0;border:0}.cmp tr.grp td:before{content:none}.cmp th[scope=row]{width:auto;padding:0 0 10px;font-family:B612,Arial,sans-serif;font-size:1.05rem;letter-spacing:-.01em;text-transform:none;color:var(--ink);background:transparent}.cmp td{padding:10px 0 12px;border-top:1px solid var(--line);border-bottom:0}.cmp td:before{display:block;font-family:"B612 Mono",monospace;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.cmp td:nth-of-type(1):before{content:"Jet Window"}.cmp td:nth-of-type(2):before{content:"Flighty"}table.cmp{min-width:0}.cmp th,.cmp td{padding:10px 0 12px}.cols{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/-1}}
@media(max-width:390px){.wrap{width:calc(100% - 32px)}.nav{gap:8px}.brand img{width:23px}.brand{font-size:1.05rem}.theme-toggle{width:40px;height:40px}.nav .nav-upgrade{font-size:.75rem;padding:10px 10px}.actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}button:hover,a.button:hover{transform:none}}