/* Obsidian Engineering · AI. Site styles over the scroll-craft floor (vendor/scrollcraft.css, unedited).
   Brand from the August site: near-black ground, white ink, one red, Helvetica Neue. */

:root {
  --sc-canvas: #0B0B0D;
  --sc-surface: #121317;
  --sc-ink: #FFFFFF;
  --sc-ink-soft: #B9BDC4;
  --sc-accent: #C91200;
  --sc-accent-ink: #FFFFFF;
  --sc-font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sc-font-text: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --sc-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --red-hi: #E2311F;
  --paper: #F4F2EE;
  --paper-ink: #17171A;
  --dim: #8E939A;
  --rule: #26282E;
  --bar-h: 64px;
}

html { background: var(--sc-canvas); color: var(--sc-ink); }
body { margin: 0; font-family: var(--sc-font-text); background: var(--sc-canvas); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
h1, h2, h3 { font-family: var(--sc-font-display); margin: 0; }
p { margin: 0; }
.skip { position: absolute; left: -999px; top: 8px; z-index: 50; background: var(--paper); color: var(--paper-ink); padding: 8px 12px; border-radius: 6px; }
.skip:focus { left: 12px; }

/* type */
h1 { font-size: clamp(2.5rem, 1.2rem + 3.6vw, 4.8rem); font-weight: 900; line-height: .95; letter-spacing: -.04em; max-width: 13ch; }
h2 { font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3.4rem); font-weight: 900; line-height: 1.02; letter-spacing: -.034em; max-width: 18ch; text-wrap: balance; }
h3 { font-size: 1.05rem; font-weight: 800; letter-spacing: -.01em; }
.lede { font-size: clamp(1.05rem, .95rem + .45vw, 1.3rem); line-height: 1.55; color: var(--sc-ink-soft); max-width: 44ch; }
.body { font-size: clamp(1rem, .96rem + .2vw, 1.12rem); line-height: 1.62; color: var(--sc-ink-soft); max-width: 52ch; text-wrap: pretty; }
.eyebrow { font: 500 .78rem/1.4 var(--sc-font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--sc-ink-soft); display: flex; flex-wrap: wrap; align-items: center; gap: .6em; margin-bottom: 1.1rem; }
.num { display: inline-grid; place-items: center; width: 1.9em; height: 1.9em; border-radius: 50%; background: var(--sc-accent); color: #fff; font-weight: 700; letter-spacing: 0; }

/* maturity labels: the readiness of every claim, where it is made */
.mat { font: 600 .68rem/1 var(--sc-font-mono); letter-spacing: .1em; text-transform: uppercase; padding: .42em .62em; border-radius: 5px; white-space: nowrap; vertical-align: middle; }
.mat--use { background: var(--sc-accent); color: #fff; }
.mat--demo { background: #fff; color: #0B0B0D; }
.mat--dev { border: 1px dashed #C6CAD0; color: #E6E8EB; }
.mat--future { border: 1px dotted #7C8189; color: #A3A8AF; }

/* bar */
.bar { position: fixed; inset: 0 0 auto; height: var(--bar-h); z-index: 40; display: flex; align-items: center; gap: 2rem; padding-inline: var(--sc-gutter);
  background: linear-gradient(#0B0B0Dee, #0B0B0D00); }
.bar__mark { color: #fff; text-decoration: none; font: 400 .82rem/1 var(--sc-font-display); letter-spacing: .16em; white-space: nowrap; }
.bar__mark b { font-weight: 900; }
.bar__mark span { color: var(--sc-accent); font-weight: 700; }
.bar__mark em { font-style: normal; }
.bar__steps { display: flex; gap: .3rem; margin-inline: auto; }
.bar__steps a { color: var(--dim); text-decoration: none; font: 500 .74rem/1 var(--sc-font-mono); letter-spacing: .06em; padding: .55rem .7rem; border-radius: 999px; display: flex; align-items: center; gap: .45rem; transition: color .2s, background .2s; }
.bar__steps a i { font-style: normal; display: inline-grid; place-items: center; width: 1.45rem; height: 1.45rem; border-radius: 50%; border: 1px solid #3A3D44; font-size: .7rem; }
.bar__steps a:hover, .bar__steps a.on { color: #fff; }
.bar__steps a.on i { background: var(--sc-accent); border-color: var(--sc-accent); color: #fff; }
.bar__cta, .cta { background: var(--sc-accent); color: #fff; text-decoration: none; font: 700 .9rem/1 var(--sc-font-display); padding: .8rem 1.1rem; border-radius: 9px; white-space: nowrap; transition: background .2s; }
.bar__cta:hover, .cta:hover { background: var(--red-hi); }
.bar__cta:focus-visible, .cta:focus-visible, .bar__steps a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

/* ── PEAK: the sheet comes apart ──────────────────────────────────────────────────────────────
   Everything runs off the engine's --sc-p (0..1 across the pinned act). r(a,b) is a 0..1 ramp:
   clamp(0, (p - a) / (b - a), 1). The sheet tilts and lifts, the paper goes, each plane takes its
   layer colour, the tags show, then it all settles flat as the layered drawing. */
.peak__stage { background: var(--sc-canvas); }
.peak__world { position: absolute; inset: 0; display: grid; place-items: center; perspective: 2400px; perspective-origin: 50% 35%; }
.sheet {
  --p: var(--sc-p, 0);
  --open:  clamp(0, (var(--p) - .12) / .2, 1);          /* hero -> centred and tilted */
  --close: clamp(0, (var(--p) - .7) / .16, 1);          /* tilted -> flat again */
  --tilt: calc(var(--open) - var(--close));
  --lift: calc(clamp(0, (var(--p) - .26) / .18, 1) - clamp(0, (var(--p) - .68) / .14, 1));
  --paperless: clamp(0, (var(--p) - .2) / .18, 1);
  --gap: 6vh;
  position: relative;
  width: min(90vw, 148vh);
  aspect-ratio: 4000 / 2296;
  transform-style: preserve-3d;
  transform:
    translate3d(calc((1 - var(--open)) * 16vw + var(--tilt) * 7vw), calc((1 - var(--open)) * 9vh + var(--tilt) * 7vh), 0)
    scale(calc(.56 + var(--open) * .24 - var(--tilt) * .12 + var(--close) * .12))
    rotateX(calc(var(--tilt) * 54deg))
    rotateZ(calc(var(--tilt) * -26deg));
  will-change: transform;
}
.sheet__paper { position: absolute; inset: -1.6%; background: var(--paper); border-radius: 2px; opacity: calc(1 - var(--paperless));
  box-shadow: 0 30px 80px -20px #000c; transform: translateZ(-2px); }
.plane { position: absolute; inset: 0; transform-style: preserve-3d;
  --col: clamp(0, (var(--p) - (.24 + var(--i) * .03)) / .1, 1);
  transform: translateZ(calc(var(--lift) * var(--i) * var(--gap))); }
.lay { position: absolute; inset: 0; display: block;
  background: color-mix(in oklab, var(--lc) calc(var(--col) * 100%), var(--paper-ink));
  -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; }
.plane__tag { position: absolute; left: 101%; top: 46%; white-space: nowrap; font: 500 .74rem/1 var(--sc-font-mono); letter-spacing: .08em; text-transform: uppercase; color: #E6E8EB;
  padding: .35rem .5rem; border-left: 2px solid var(--sc-accent); background: #0B0B0Dcc;
  opacity: calc(clamp(0, (var(--p) - .4) / .06, 1) - clamp(0, (var(--p) - .62) / .05, 1));
  transform: rotateZ(calc(var(--tilt) * 26deg)) rotateX(calc(var(--tilt) * -54deg)); transform-origin: left center; }

.peak__copy { position: absolute; z-index: 2; left: var(--sc-gutter); max-width: min(34rem, 86vw); }
.peak__copy--hero { top: calc(var(--bar-h) + 7vh); }
.peak__copy--hero .lede { margin-top: 1.3rem; }
.hint { margin-top: 2.2rem; font: 500 .72rem/1 var(--sc-font-mono); letter-spacing: .2em; text-transform: uppercase; color: var(--dim); }
.hint::after { content: ""; display: block; width: 1px; height: 38px; margin: .7rem 0 0 .2rem; background: linear-gradient(var(--dim), transparent); }
.peak__copy--turn { top: calc(var(--bar-h) + 4vh); padding: 1.2rem 1.4rem 1.3rem; background: #0B0B0Dd9; border: 1px solid var(--rule); border-radius: 12px; }
.peak__copy--turn h2 { max-width: 14ch; }
.peak__copy--done { right: var(--sc-gutter); left: auto; bottom: 6vh; max-width: 26rem; padding: 1.4rem 1.5rem; background: #0B0B0De6; border: 1px solid var(--rule); border-radius: 12px; }
.peak__copy--done h2 { font-size: clamp(1.5rem, 1.1rem + 1.4vw, 2.3rem); }
.peak__copy--done .body { margin-top: .7rem; font-size: .98rem; }
.legend { list-style: none; margin: 1rem 0 0; padding: 0; columns: 2; column-gap: 1rem; }
.legend li { display: flex; align-items: center; gap: .5rem; font: .7rem/1.9 var(--sc-font-mono); color: #C6CAD0; break-inside: avoid; }
.legend i { width: .75rem; height: .75rem; border-radius: 2px; background: var(--lc); flex: none; }

/* ── STUDIO rail ──────────────────────────────────────────────────────────────────────────────── */
.studio__stage { display: flex; flex-direction: column; justify-content: center; gap: 2.2rem; padding-top: var(--bar-h); }
.studio__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: .8rem 3rem; }
.studio__head .eyebrow { grid-column: 1 / -1; margin: 0; }
.studio__head h2 { max-width: 16ch; }
.rail { list-style: none; margin: 0; padding: 0 var(--sc-gutter); display: flex; gap: 1.6rem; width: max-content; will-change: transform; }
.rail figure { margin: 0; width: min(54vw, 82vh); }
.rail img { border-radius: 10px; border: 1px solid var(--rule); box-shadow: 0 24px 60px -24px #000; background: #fff; }
.rail figcaption { margin-top: .9rem; color: var(--sc-ink-soft); font-size: .95rem; line-height: 1.5; max-width: 46ch; }
.rail figcaption b { color: #fff; font: 700 .8rem/1 var(--sc-font-mono); margin-right: .5rem; }

/* ── DEVICES: what the tool reads off the layered drawing ────────────────────────────────────────
   One marker per extracted item, at its real position. Each has its own reveal point --t inside the
   pinned scene; lines draw themselves along the pipe, the rest pop in, sweeping left to right. */
.devices__stage { display: grid; grid-template-columns: minmax(0, .52fr) minmax(0, 1.48fr); gap: 2.6rem; align-items: center;
  padding: calc(var(--bar-h) + 2vh) var(--sc-gutter) 4vh; }
.devices__copy h2 { max-width: 13ch; }
.devices__copy .body { margin-top: 1rem; }
.devices__sheet { position: relative; width: 100%; aspect-ratio: 864 / 496; --p: var(--sc-p, 0); }
.flatsheet { position: absolute; inset: 0; }
.flatsheet .lay { background: color-mix(in oklab, var(--lc) 34%, #0B0B0D); }
.devices__marks { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.dv { --r: clamp(0, (var(--p) - var(--t)) / .03, 1); opacity: var(--r); fill: none; stroke: var(--dc); stroke-width: 1.8px;
  vector-effect: non-scaling-stroke; transform-box: fill-box; transform-origin: center; transform: scale(calc(1.9 - .9 * var(--r))); }
.dv--line { --r: clamp(0, (var(--p) - var(--t)) / .07, 1); opacity: clamp(0, (var(--p) - var(--t)) * 200, 1); transform: none;
  stroke-width: 2.6px; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--r)); }
.dv--carseal { fill: var(--dc); }
.dv--line, .lg--line { --dc: #FFFFFF; }
.dv--equipment, .lg--equipment { --dc: #FFC93C; }
.dv--valve, .lg--valve { --dc: #4FC3FF; }
.dv--instrument, .lg--instrument { --dc: #FF6AD5; }
.dv--carseal, .lg--carseal { --dc: #FF3B2F; }
.dv--offpage, .lg--offpage { --dc: #C3CAD4; }
.dv title { pointer-events: none; }
.devices__legend { list-style: none; margin: 1.6rem 0 0; padding: 0; display: grid; gap: .5rem; }
.lg { display: grid; grid-template-columns: 1.4rem 3.2rem 1fr; align-items: center; gap: .4rem; color: var(--sc-ink-soft); }
.lg svg { width: 1.1rem; height: 1.1rem; overflow: visible; fill: none; stroke: var(--dc); stroke-width: 1.8; }
.lg--carseal svg { fill: var(--dc); }
.lg b { font: 900 1.45rem/1 var(--sc-font-display); color: #fff; font-variant-numeric: tabular-nums; text-align: right; }
.devices__total { margin-top: 1.4rem; color: var(--sc-ink-soft); font-size: 1.05rem; }
.devices__total b { color: #fff; font: 900 1.6rem/1 var(--sc-font-display); margin-right: .25rem; }

/* ── LISTS ────────────────────────────────────────────────────────────────────────────────────── */
.head { display: grid; gap: .2rem; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.head .body { margin-top: .9rem; }
.lists__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.list { background: var(--sc-surface); border: 1px solid var(--rule); border-radius: 12px; padding: 1.3rem 1.4rem 1.1rem; }
.list header { display: flex; align-items: baseline; gap: .7rem; }
.list__n { font: 900 clamp(2.6rem, 2rem + 2vw, 3.6rem)/1 var(--sc-font-display); letter-spacing: -.04em; color: #fff; font-variant-numeric: tabular-nums; }
.list__what { color: var(--sc-ink-soft); }
.list h3 { margin: .5rem 0 .9rem; font: 600 .74rem/1 var(--sc-font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--dim); }
.list table { width: 100%; border-collapse: collapse; font-size: .86rem; }
.list th { text-align: left; font: 600 .66rem/1 var(--sc-font-mono); letter-spacing: .1em; text-transform: uppercase; color: var(--dim); padding: 0 .5rem .5rem 0; border-bottom: 1px solid var(--rule); }
.list td { padding: .45rem .5rem .45rem 0; border-bottom: 1px solid #1B1D22; color: #DADDE1; vertical-align: top; }
.list td:first-child { font-family: var(--sc-font-mono); font-size: .8rem; color: #fff; white-space: nowrap; }
.more { margin-top: .6rem; font: .74rem/1 var(--sc-font-mono); color: var(--dim); }
.templates { margin-top: clamp(2.5rem, 5vw, 4rem); display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 1.2rem 2rem; align-items: start; }
.templates .body { grid-row: span 2; }
.templates figure { margin: 0; background: #fff; border-radius: 8px; padding: .5rem; }

/* ── ELECTRICAL ───────────────────────────────────────────────────────────────────────────────── */
.elec__grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 3rem; align-items: center; }
.steps { margin: 1.6rem 0 0; padding: 0; list-style: none; counter-reset: s; display: grid; gap: .55rem; }
.steps li { counter-increment: s; color: #DADDE1; display: flex; gap: .8rem; align-items: baseline; }
.steps li::before { content: counter(s, decimal-leading-zero); font: 600 .74rem/1 var(--sc-font-mono); color: var(--sc-accent); }
.elec__stack { position: relative; aspect-ratio: 1 / .95; }
.elec__f { position: absolute; margin: 0; width: 70%; }
.elec__f img { border-radius: 9px; border: 1px solid var(--rule); box-shadow: 0 30px 70px -26px #000; }
.elec__f--1 { left: 0; top: 0; }
.elec__f--2 { right: 0; top: 18%; }
.elec__f--3 { left: 6%; top: 44%; }
.elec__f--4 { right: 2%; top: 66%; width: 62%; }

/* ── TRUST: key, logic, read-back ─────────────────────────────────────────────────────────────── */
.trust__stage { padding-top: var(--bar-h); }
.trust__panel { position: absolute; inset: var(--bar-h) 0 0; display: grid; grid-template-columns: minmax(0, .62fr) minmax(0, 1.38fr); gap: 2.6rem; align-items: center; padding: 3vh var(--sc-gutter) 5vh; }
.sheetcard { margin: 0; background: #fff; color: #1A1A1C; border-radius: 12px; padding: clamp(.6rem, 1.2vw, 1.1rem); box-shadow: 0 30px 80px -30px #000; max-height: calc(100svh - var(--bar-h) - 10vh); overflow: hidden; }
.ladder svg { width: 100%; height: auto; display: block; }
.ladder svg + svg { margin-top: -1px; }
.keywrap { overflow-x: auto; }
.key { border-collapse: collapse; width: 100%; font-size: clamp(.68rem, .55rem + .3vw, .82rem); }
.key th { font: 600 .62rem/1.2 var(--sc-font-mono); letter-spacing: .04em; text-transform: uppercase; color: #6B6E73; text-align: left; padding: .35rem .3rem; border-bottom: 2px solid #1A1A1C; vertical-align: bottom; }
.key th span { writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; text-transform: none; color: #1A1A1C; }
.key td { padding: .36rem .3rem; border-bottom: 1px solid #E3E4E6; white-space: nowrap; }
.key td.cause { white-space: normal; min-width: 11rem; }
.key td.tag, .key td.m { font-family: var(--sc-font-mono); }
.key td.m { text-align: center; font-weight: 700; }
.key td.m:not(:empty) { background: #EDEDEF; }
.key td.chk { color: #1F7A3A; font-weight: 700; }
.key .from { color: #8A8C90; font-style: italic; }
.key tr.hot td { background: #FDEDEA; }
.key tr.hot td.m:not(:empty) { background: #F7D9D4; }
.key tr.hot .chk--bad { color: #C91200; white-space: normal; min-width: 10rem; }
.key tr.hot .sp { color: #C91200; font-weight: 700; }
.trust__panel:last-child .key tr.hot { animation: flag 1.6s ease-in-out 2; }
@keyframes flag { 50% { outline: 2px solid #C91200; outline-offset: -2px; } }

/* ── RANGE ────────────────────────────────────────────────────────────────────────────────────── */
.range__iso { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 3rem; align-items: center; margin-bottom: clamp(4rem, 9vw, 8rem); }
.range__iso .head { margin: 0; }
.iso { justify-self: center; position: relative; background: #fff; border-radius: 12px; overflow: hidden; width: min(100%, 58rem, calc(78svh * var(--iso-ar, 1))); }
.trust__copy .body { margin-top: 1.1rem; }
.iso__f { margin: 0; }
.iso__f--after { position: absolute; inset: 0; background: #fff; }
.iso figcaption { position: absolute; top: 1rem; left: 1rem; font: 600 .74rem/1 var(--sc-font-mono); letter-spacing: .08em; text-transform: uppercase; padding: .5rem .65rem; border-radius: 6px; background: #1A1A1C; color: #fff; }
.iso__f--after figcaption { left: auto; right: 1rem; background: var(--sc-accent); }
.map { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.band { border-top: 2px solid var(--rule); padding-top: 1.1rem; }
.band--use { border-top-color: var(--sc-accent); }
.band--demo { border-top-color: #fff; }
.band h3 { display: grid; gap: .7rem; justify-items: start; font-size: 1.12rem; margin-bottom: 1rem; }
.band ul { margin: 0; padding: 0; list-style: none; display: grid; gap: .5rem; }
.band li { color: var(--sc-ink-soft); font-size: .93rem; line-height: 1.4; padding-left: .9rem; position: relative; }
.band li::before { content: ""; position: absolute; left: 0; top: .6em; width: .35rem; height: 1px; background: currentColor; }
.band--future li { color: #8E939A; }

/* ── CLOSE ────────────────────────────────────────────────────────────────────────────────────── */
.close__h { font-size: clamp(2.6rem, 1.5rem + 4.6vw, 5.6rem); max-width: 12ch; }
.close .lede { margin-top: 1.2rem; }
.pilot { list-style: none; padding: 0; margin: clamp(2rem, 4vw, 3.5rem) 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; }
.pilot li { border-top: 1px solid #3A2A28; padding-top: 1.1rem; }
.pilot b { font: 600 .78rem/1 var(--sc-font-mono); color: var(--sc-accent); }
.pilot h3 { margin: .8rem 0 .5rem; font-size: 1.25rem; }
.pilot p { color: var(--sc-ink-soft); line-height: 1.55; }
.close__cta { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; }
.close__cta .cta { font-size: 1.05rem; padding: 1.05rem 1.4rem; }
.close__cta span { font-family: var(--sc-font-mono); color: var(--sc-ink-soft); }
.foot { padding-block: 4rem 3rem; display: grid; gap: .5rem; color: var(--dim); font-size: .82rem; border-top: 1px solid #2A1C1B; margin-top: clamp(4rem, 8vw, 7rem); }
.foot b { color: #fff; }

/* ── phones and narrow windows ────────────────────────────────────────────────────────────────── */
@media (max-width: 860px) {
  :root { --bar-h: 56px; }
  .bar__steps { display: none; }
  .bar { justify-content: space-between; }
  .bar__cta { padding: .62rem .8rem; font-size: .8rem; }
  .sheet { width: 94vw; --gap: 3.8vh;
    transform:
      translate3d(0, calc((1 - var(--open)) * 16vh + var(--tilt) * 15vh), 0)
      scale(calc(.98 - var(--tilt) * .08))
      rotateX(calc(var(--tilt) * 52deg)) rotateZ(calc(var(--tilt) * -22deg)); }
  .plane__tag { display: none; }
  .peak__copy--hero { top: calc(var(--bar-h) + 3vh); }
  .peak__copy--done { left: var(--sc-gutter); right: var(--sc-gutter); bottom: 3vh; max-width: none; padding: 1rem 1.1rem; }
  .legend { display: none; }
  .studio__head { grid-template-columns: 1fr; }
  .rail figure { width: 82vw; }
  .lists__grid, .templates, .elec__grid, .map, .pilot, .range__iso { grid-template-columns: 1fr; }
  .templates .body { grid-row: auto; }
  .elec__stack { aspect-ratio: 1 / 1.25; }
  .elec__f { width: 84%; }
  .elec__f--2 { top: 22%; } .elec__f--3 { top: 46%; } .elec__f--4 { top: 70%; width: 80%; }
  .devices__stage { grid-template-columns: 1fr; gap: 1rem; align-content: start; padding-top: calc(var(--bar-h) + 1.5vh); }
  .devices__copy .body { display: none; }
  .devices__legend { grid-template-columns: 1fr 1fr; gap: .35rem .8rem; margin-top: .9rem; }
  .lg { grid-template-columns: 1.1rem 2.2rem 1fr; font-size: .85rem; }
  .lg b { font-size: 1.15rem; }
  .devices__sheet { order: -1; }
  /* the three trust panels stack and scroll on a phone instead of pinning */
  .trust { height: auto !important; }
  .trust__stage { position: static; height: auto; overflow: visible; }
  .trust__panel { position: static; grid-template-columns: 1fr; opacity: 1 !important; pointer-events: auto !important; padding-block: 2.5rem; }
  .sheetcard { max-height: none; }
}

@media (max-width: 480px) {
  .bar__mark em { display: none; }
  .bar__mark { letter-spacing: .12em; }
  .bar__cta { padding: .6rem .7rem; font-size: .76rem; }
}

@media (prefers-reduced-motion: reduce) {
  .sheet { transform: translate3d(0, 6vh, 0) scale(.86); }
  .plane { transform: none; }
  .plane__tag { display: none; }
  .trust__panel:last-child .key tr.hot { animation: none; }
  .dv { transform: none; }
}