/* Private refinement study: existing content, assets and interactions are retained. */
body.refinement-preview {
  --col:min(1200px,calc(100% - 2 * var(--site-header-edge)));
  --chapter-space:112px;
  --ref-stage:#e8e8e6;
  --ref-border:rgb(16 22 25 / .10);
  --ref-shadow:0 16px 28px -18px rgb(16 22 25 / .38),0 1px 3px rgb(16 22 25 / .16);
}
.refinement-preview .hero-shell.hero-editorial .hero { width:var(--col);max-width:1200px; }
.refinement-preview .hero-shell .hero-waitlist input[type=email] {
  border:1px solid rgb(16 22 25 / .26);border-right:0;border-radius:6px 0 0 6px;
}
.refinement-preview .hero-shell .hero-waitlist .btn { border:1px solid #101619;border-radius:0 6px 6px 0; }
.refinement-preview .hero-shell .hero-waitlist[data-state=done] .btn { border-radius:6px; }
.refinement-preview .hero-shell .hero-product { order:0;font-weight:400; }
.refinement-preview .hero-shell .screen-picker { border-bottom-color:rgb(16 22 25 / .16); }
.refinement-preview .hero-shell .screen-picker button { min-width:44px;min-height:46px; }
.refinement-preview .hero-shell .screen-summary { color:#56636b;line-height:1.5; }
/* One content rail, with each section keeping its own composition. */
.refinement-preview .workflow {
  padding:88px max(var(--site-header-edge),calc((100% - 1200px)/2));
}
.refinement-preview .wf-heading { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;margin-bottom:48px; }
.refinement-preview .wf-heading>p { max-width:42ch;line-height:1.65; }
.refinement-preview .wf-sequence { gap:32px; }
.refinement-preview .balance,.refinement-preview .export,
.refinement-preview .tabs-stage,.refinement-preview .eq-story-head,
.refinement-preview .eq-story-facts,.refinement-preview .remote-playback { gap:64px; }
.refinement-preview .balance-copy>p,.refinement-preview .export-copy>p { max-width:48ch; }
.refinement-preview .lattice-story .lattice-intro { grid-template-columns:repeat(2,minmax(0,1fr));gap:64px; }
.refinement-preview .lattice-story .lattice-intro p { font-size:16px;line-height:1.65;max-width:52ch; }
.refinement-preview .lattice-story .lattice-composition { gap:64px;margin-top:48px;align-items:center; }
.refinement-preview .lattice-story .lattice-detail p { max-width:52ch; }
/* Comparable app captures share a quiet stage and an upright device scale. */
.refinement-preview .balance-figure,
.refinement-preview .lattice-story .lattice-phone-figure,
.refinement-preview .tab-figure {
  min-width:0;padding:40px 32px 28px;border:1px solid var(--ref-border);
  border-radius:20px;background:var(--ref-stage);
}
.refinement-preview .balance-figure .phone,
.refinement-preview .lattice-story .lattice-phone,
.refinement-preview .tab-figure .phone {
  width:min(300px,100%);padding:10px;border-radius:44px;box-shadow:var(--ref-shadow);
}
.refinement-preview .balance-figure .phone img,
.refinement-preview .lattice-story .lattice-phone img,
.refinement-preview .tab-figure .phone img {
  border-radius:33px;aspect-ratio:auto 800/1739;object-fit:contain;
}
.refinement-preview .feature-tools { margin-top:16px; }
.refinement-preview .lattice-story .lattice-phone-figure figcaption,
.refinement-preview .tab-figure figcaption {
  margin-top:16px;font-size:12px;line-height:1.5;color:#56636b;
}
.refinement-preview .tabs-stage { padding:0;margin-top:48px;background:none;border-radius:0; }
.refinement-preview .tab-figure .segmented { margin-top:20px; }
.refinement-preview .tab { padding-block:24px; }
/* The dark EQ composition remains open, with its real crop relationships. */
.refinement-preview .eq-story { padding-top:88px; }
.refinement-preview .eq-story h2 { font-size:clamp(40px,4.5vw,64px);line-height:1.06; }
.refinement-preview .eq-anatomy { grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:48px;margin-top:64px; }
.refinement-preview .eq-anatomy-phone .phone { width:300px; }
.refinement-preview .eq-anatomy-phone .phone img { aspect-ratio:auto 800/1739;object-fit:contain; }
.refinement-preview .eq-detail-card figcaption { margin-top:16px; }
.refinement-preview .eq-story-facts { margin-top:56px;padding-top:24px; }
.refinement-preview .remote-playback { margin-top:56px;padding-block:32px; }
.refinement-preview .closing { padding-block:112px; }
.refinement-preview .closing .waitlist { margin-top:32px; }
.refinement-preview .doc-bar { border-radius:12px 12px 0 0; }
.refinement-preview .notes-doc .pdf-tools { border-radius:0 0 12px 12px; }
@media (min-width:761px) and (max-width:1100px) {
  .refinement-preview .balance,.refinement-preview .export,.refinement-preview .tabs-stage,
  .refinement-preview .eq-story-head,.refinement-preview .lattice-story .lattice-intro,
  .refinement-preview .lattice-story .lattice-composition { gap:40px; }
  .refinement-preview .balance-figure,.refinement-preview .lattice-story .lattice-phone-figure,
  .refinement-preview .tab-figure { padding:32px 20px 24px; }
}
@media (max-width:760px) {
  body.refinement-preview { --chapter-space:72px; }
  .refinement-preview .hero-shell.hero-editorial .hero { width:calc(100% - 2 * var(--site-header-edge)); }
  .refinement-preview .hero-shell .screen-picker { column-gap:0; }
  .refinement-preview .workflow { padding:64px var(--site-header-edge); }
  .refinement-preview .wf-heading { display:block;margin-bottom:32px; }
  .refinement-preview .wf-heading>p { margin-top:20px; }
  .refinement-preview .wf-step { margin-top:32px; }
  .refinement-preview .workflow .device { --device-width:250px;max-width:100%; }
  .refinement-preview .balance,.refinement-preview .export,.refinement-preview .tabs-stage { gap:32px; }
  .refinement-preview .lattice-story .lattice-intro { grid-template-columns:1fr;gap:24px; }
  .refinement-preview .lattice-story .lattice-composition { gap:32px;margin-top:32px; }
  .refinement-preview .balance-figure,.refinement-preview .lattice-story .lattice-phone-figure,
  .refinement-preview .tab-figure { padding:24px 16px;border-radius:18px; }
  .refinement-preview .balance-figure .phone,.refinement-preview .lattice-story .lattice-phone,
  .refinement-preview .tab-figure .phone { width:min(250px,100%);border-radius:38px;padding:9px; }
  .refinement-preview .balance-figure .phone img,.refinement-preview .lattice-story .lattice-phone img,
  .refinement-preview .tab-figure .phone img { border-radius:28px; }
  .refinement-preview .tabs-stage { width:100%;margin:32px 0 0;padding:0; }
  .refinement-preview .eq-story { padding-top:64px; }
  .refinement-preview .eq-anatomy { display:flex;gap:28px;margin-top:40px; }
  .refinement-preview .eq-anatomy-phone .phone { width:250px; }
  .refinement-preview .eq-story-facts { margin-top:32px;gap:18px; }
  .refinement-preview .remote-playback { margin-top:40px;gap:24px; }
  .refinement-preview .closing { padding-block:80px; }
}