/* A4 copy of the same page. Walkthroughs become captioned still frames, FAQs print open (set by
   js/page.js before printing), the calculator prints as a labelled worked example.
   No shadows, filters or blurs anywhere: they rasterise into dark boxes on iOS, so this sheet
   switches them off for every element, which is the one place an override of this kind is used. */
@page { size: A4; margin: 14mm 13mm; }
* { box-shadow: none !important; filter: none !important; backdrop-filter: none !important; animation: none !important; transition: none !important; }
html { font-size: 10.5pt; }
body { background: #fff; }
.top, .pbar, .devbar, .screen-only, .sim__live, #heroVideo { display: none; }
.hero__visual { display: none; }
#soundBtn { display: none; }
[data-surface="slate"] { --bg: #fff; --fg: #5f6470; --head: #27283d; --rule: #e5e7eb; --card: #fff; --soft: #f5f5fa; --muted: #8b90a0; }
#pilot, .stage { background: #fff; }
.pilot li, #pilot .lede, #pilotTerms { color: #27283d; }
.pilot li { border-color: #e5e7eb; }
.pilot .same__label { color: #8b90a0; }
.contact { border: 1px solid #e5e7eb; }
.shot .still { display: block; }
.pair, .trio { gap: 6mm; }
.shot, .shot:nth-child(even) { break-inside: avoid; grid-template-columns: 1fr; max-width: 160mm; }
.shot:nth-child(even) figcaption { order: -1; }
.jobs__row, .status__col, .line, .after, .draw, .facts3 { break-inside: avoid; }
.print-only { display: block; }
[data-surface="navy"] { --bg: #fff; --fg: #5f6470; --head: #27283d; --rule: #e5e7eb; --card: #fff; --soft: #f5f5fa; --muted: #8b90a0; }
.hero, #next { background: #fff; }
.hero { border-bottom: 2pt solid #fe8f1d; }
.hero .lede, .facts li { color: #27283d; }
.facts li { background: #f5f5fa; }
.plain--light b, .contact__name, .contact a { color: #27283d; }
.sec { padding: 9mm 0; }
.sec .wrap > * + * { margin-top: 7mm; }
.wrap { max-width: none; padding: 0; }
.hero__in, .next { grid-template-columns: 1fr; }
h1 { font-size: 30pt; } h2 { font-size: 18pt; margin-bottom: 4mm; } h3 { font-size: 12.5pt; }
h2, h3, .eyebrow { break-after: avoid; }
.versus, .box, .fig, .extra, .faq, .calc, .contact, .still, .honest, .targets { break-inside: avoid; }
.versus__col--new { background: #f5f5fa; border-color: #27283d; color: #5f6470; } .versus__col--new h3 { color: #27283d; }
.faq summary::after { content: none; }
.calc { grid-template-columns: 1fr 1fr; }
.calc input[type="range"] { display: none; }
.calc__label { font-weight: 600; color: #a85300; margin-top: 3mm; }

.sim__stills { display: grid; gap: 6mm; }
.sim--phone .sim__stills { grid-template-columns: repeat(4, 1fr); }
.sim--desk .sim__stills { grid-template-columns: minmax(0, 150mm); justify-content: center; }
.still { margin: 0; display: grid; gap: 2.5mm; align-content: start; }
.still figcaption { font-size: 8.5pt; line-height: 1.35; color: #5f6470; }
.still figcaption b { color: #27283d; }
.still .device--phone { border-width: 4px; border-radius: 14px; }
.still .device__notch { display: none; }
.still .a-page, .still .a-band { padding-top: 1.4em; }
.walk__title { text-align: left; margin-bottom: 4mm; }
.hero__plogo { width: 38mm; margin-bottom: 8mm; }
.still .app--desk { font-size: 1.36cqw; }
.demo__video { display: none; }
.pilot dd, .pilot__demo { color: #27283d; } .pilot dt { color: #a85300; }
.pilot dl > div { border-color: #e5e7eb; }
.pilot__demo { background: #f5f5fa; }
.proof { break-inside: avoid; grid-template-columns: 1fr 60mm; } .paper { transform: none; box-shadow: none; border: 1px solid #e5e7eb; }
.demo { break-inside: avoid; max-width: 160mm; }
.tiles { grid-template-columns: repeat(3, 1fr); gap: 5mm; } .tile { break-inside: avoid; } .tile__img { box-shadow: none; }
.svc { break-inside: avoid; grid-template-columns: 1fr 1.1fr; margin-top: 8mm; } .lightbox { display: none; }
.device--shot img.print-only { display: block; }
.demo__ctl, .sim__unmute { display: none; }