/* Monochrome future direction: titanium, graphite and frosted silver.
   auteur-allow: glassmorphism -- specifically requested for skewed CTA surfaces. */
:root {
  --home-bg: #080a0e; --home-paper: #15191f; --home-ink: #f0f2f5;
  --home-muted: #bdc3cc; --home-line: #3c424c; --home-coral: #dce1e9;
  --home-teal: #dce1e9; --home-mint: #252b35; --home-deep: #07090d;
}
body.home-page { background: #080a0e; color: #f0f2f5; }
.home-page main { background: linear-gradient(180deg,#0c0f15,#080a0f 45%,#10141b); }
.home-header { background: rgb(8 10 15 / 86%); border-bottom-color: rgb(221 229 243 / 16%); }
.home-brand { color: #f0f2f5 !important; }
.home-brand-mark { background: linear-gradient(135deg,#343b48,#141820); }
.home-brand-mark img { filter: grayscale(1); }
.home-nav a, .home-footer nav a { color: #c6cbd4 !important; }
.home-hero {
  background: radial-gradient(ellipse at 82% 35%,rgb(159 175 199 / 15%),transparent 46%),
    linear-gradient(128deg,#0a0d13,#191f2a 58%,#090c12);
}
.home-hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgb(207 220 242 / 3%) 1px,transparent 1px),linear-gradient(90deg,rgb(207 220 242 / 3%) 1px,transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(90deg,transparent,black);
}
.home-hero::after {
  border-color: rgb(215 226 245 / 19%);
  box-shadow: 0 0 0 42px rgb(215 226 245 / 3%),0 0 0 84px rgb(215 226 245 / 2%);
}
.home-title, .home-title > span:last-child { color: #f0f2f5; }
.home-title > span:last-child { color: #bfc6d2; text-shadow: 0 2px 18px rgb(205 220 248 / 9%); }
.home-kicker, .home-step-name, .home-list-heading, .home-story-caption,
.home-review-label, .home-window-label { color: #c8cdd6; }
.home-kicker > span { background: #dce2ed; box-shadow: 0 0 0 5px rgb(221 229 243 / 8%),0 0 16px rgb(221 229 243 / 22%); }
.home-lede, .home-demo-note, .home-stage-copy p, .home-control-copy p,
.home-details-heading p, .home-door-copy > p:not(.home-kicker),
.home-review-note, .home-review-flow figcaption, .home-film-heading p,
.home-film-disclosure, .home-detail-operations small, .home-detail-note,
.home-status, .home-privacy, .home-availability { color: #c1c7d1; }
.home-button, .home-button-primary, .home-button-secondary, .home-button-dark, .home-menu-btn {
  color: #f4f6fa !important; border-color: rgb(233 238 249 / 54%);
  background-color: rgb(150 165 190 / 17%);
  background-image: linear-gradient(135deg,rgb(238 244 255 / 13%),rgb(238 244 255 / 2%) 44%,rgb(13 18 28 / 23%));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 55%),inset 0 -1px 0 rgb(220 230 250 / 10%);
}
.home-page .home-button:focus-visible { filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #bfc8db); }
.home-stage {
  border-radius: 4px; border-color: rgb(210 221 241 / 25%);
  background: linear-gradient(145deg,#303742,#151a23 58%,#10141c);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 17%),0 22px 42px rgb(0 0 0 / 36%);
}
.home-stage-review { background: linear-gradient(145deg,#3c4452,#1e2530 54%,#131923); }
.home-stage h2, .home-review-in strong, .home-review-out strong,
.home-control-copy h2, .home-details-heading h2, .home-film-heading h2,
.home-door-copy h2, .home-form h3, .home-form label { color: #f0f2f5; }
.home-photo-art { background: linear-gradient(145deg,#4b5565,#252c37); }
.home-car-svg { filter: grayscale(1) drop-shadow(0 7px 5px rgb(0 0 0 / 24%)); }
.home-photo-mark { background: #dce1e9; color: #202630; border-color: #eef1f6; }
.home-step-name b { color: #151b25; background: linear-gradient(135deg,#f0f3f9,#a4afc0); }
.home-list-art { background: linear-gradient(145deg,#1c2430,#10151e); border-color: #4a5362; }
.home-list-heading span, .home-list-row b, .home-pending, .home-film-heading p span,
.home-detail-search span, .home-operation-row b { color: #dce1e9; }
.home-list-row, .home-operation-row { color: #e4e8ef; border-top-color: rgb(225 232 247 / 16%); }
.home-list-row i, .home-operation-row i { border-color: #c1ccde; }
.home-paper-art { color: #1a2230; background: linear-gradient(145deg,#f0f3f8,#c3ccda); border-color: #b8c1d0; }
.home-paper-top, .home-paper-status { color: #374252; }
.home-paper-status { border-color: #99a5b7; }
.home-paper-line { background: #aab5c6; }
.home-flow-arrow, .home-review-arrow, .home-film-badge {
  color: #18202c; border-color: #d2d9e5; background: linear-gradient(135deg,#edf1f8,#a5b0c2);
}
.home-review-in, .home-review-out, .home-detail-photos, .home-detail-operations, .home-form {
  border-radius: 4px; border-color: #444e5e;
  background: linear-gradient(145deg,#252c37,#111721);
}
.home-review-out { background: linear-gradient(145deg,#323c4b,#18212e); }
.home-film { background: linear-gradient(125deg,#161d28,#0a0e15 48%,#202938); }
.home-film-frame { border-color: #606c80; }
.home-film-frame img { filter: grayscale(1); }
.home-details { background: linear-gradient(145deg,#0d121a,#19212c 62%,#0a0f17); }
.home-photo-grid i, .home-photo-grid i:nth-child(2n) { background: linear-gradient(145deg,#596679,#2b3544); }
.home-photo-grid i::before { background: #202a38; }
.home-photo-grid i::after { border-color: #dce3ed; background: #141d2a; box-shadow: -22px 0 0 -2px #dce3ed,-22px 0 0 0 #141d2a; }
.home-detail-search { border-color: #4d596b; color: #cbd2de; background: #111925; }
.home-detail-check { border-radius: 4px; color: #f0f2f5; border-color: #69768b; background: linear-gradient(135deg,#394659,#1b2535); }
.home-detail-check p { color: #d7deea; }
.home-detail-note a { color: #e0e6f0 !important; }
.home-form input, .home-form textarea { border-color: #576276; color: #f0f2f5; background: #0d131d; }
.home-form input::placeholder, .home-form textarea::placeholder { color: #bbc5d5; }
.home-form input:focus, .home-form textarea:focus { border-color: #cbd6ea; outline-color: rgb(203 214 234 / 28%); }
.home-status.success, .home-status.error { color: #e0e6f0; }
.home-footer { background: #080b11; border-color: #303946; }
.home-footer > p, .home-footer > small { color: #bdc7d8 !important; }
@media (hover:hover) and (pointer:fine) {
  .home-button-primary:hover, .home-button-secondary:hover, .home-button-dark:hover {
    background-color: rgb(176 190 213 / 25%); border-color: #f0f4fc;
  }
}
@media (max-width:760px) {
  .home-nav { background: #141b27; border-color: #465267; }
  .home-nav a { color: #e1e7f2 !important; border-color: #323e51; }
  .home-hero { background: radial-gradient(ellipse at 72% 34%,rgb(159 175 199 / 15%),transparent 48%),linear-gradient(145deg,#0a0d13,#191f2a 62%,#090c12); }
  .home-details { background: linear-gradient(150deg,#0d121a,#19212c); }
}