/* Full-site design skins. The original DOM, content, calculator and interactions stay intact. */
.skin-switcher {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 14px !important;
  z-index: 250 !important;
  width: min(214px, calc(100vw - 16px)) !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  display: grid !important;
  grid-template-columns: 52px repeat(2, 1fr) !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 5px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(8,8,8,.88) !important;
  box-shadow: 0 14px 38px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(16px) !important;
  transform: translateX(-50%) !important;
  isolation: isolate !important;
}
.skin-switcher::before,
.skin-switcher::after { display: none !important; content: none !important; }
.skin-switcher a {
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: transparent !important;
  text-decoration: none !important;
  font: 600 11px/1 var(--mono) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.skin-switcher a:hover,
.skin-switcher a[aria-current="page"] { color: #111 !important; background: #fff !important; }

/* 01 — Cash energy: same information architecture, product-first and electric. */
html[data-theme="cash"] {
  --bg: #ffffff; --bg-2: #f2f2f2; --paper: #ffffff; --paper-2: #f3f3f3;
  --ink: #050505; --ink-soft: #555; --ink-faint: #888; --fg: #050505;
  --fg-2: rgba(5,5,5,.66); --fg-3: rgba(5,5,5,.46); --hair: rgba(5,5,5,.1); --hair-2: rgba(5,5,5,.2);
  --accent: #00df3f; --accent-glow: rgba(0,223,63,.35); --green: #00a92f; --green-2: #00df3f; --green-3: #dfffe8;
}
html[data-theme="cash"] body { font-family: var(--display); }
html[data-theme="cash"] .grain { display: none; }
html[data-theme="cash"] nav:not(.skin-switcher) { position: sticky; background: #00df3f; color: #050505; }
html[data-theme="cash"] nav:not(.skin-switcher)::before { background: #00df3f; }
html[data-theme="cash"] nav:not(.skin-switcher) .nav-links a,
html[data-theme="cash"] nav:not(.skin-switcher) .nav-meta,
html[data-theme="cash"] nav:not(.skin-switcher) .xlink { color: #050505; }
html[data-theme="cash"] nav:not(.skin-switcher) .nav-links .btn { border-radius: 999px; color: #050505; background: #fff; box-shadow: none; }
html[data-theme="cash"] .nav-in { padding-block: 16px; }
html[data-theme="cash"] .brand .mark { width: 38px; height: 38px; padding: 8px; border-radius: 10px; background: #050505; filter: invert(78%) sepia(94%) saturate(4108%) hue-rotate(85deg) brightness(102%); }
html[data-theme="cash"] .hero.show { min-height: calc(100svh - 70px); display: grid; grid-template-columns: minmax(0,1fr) minmax(410px,.9fr); grid-template-rows: 1fr auto; align-items: center; padding: 65px clamp(22px,4vw,64px) 0; color: #050505; background: #00df3f; text-align: left; }
html[data-theme="cash"] .hero.show > .wrap { width: 100%; padding-bottom: 90px; }
html[data-theme="cash"] .hero.show .show-k { color: #050505; }
html[data-theme="cash"] .hero.show .show-h { max-width: 8ch; margin: 0; font-size: clamp(58px,7vw,118px); line-height: .82; font-weight: 600; letter-spacing: -.07em; }
html[data-theme="cash"] .hero.show .em { color: #050505; background: none; font-family: inherit; font-style: normal; font-weight: inherit; }
html[data-theme="cash"] .hero.show .show-sub { max-width: 31ch; margin: 28px 0 0; color: #050505; font-size: 19px; }
html[data-theme="cash"] .hero.show .hero-cta { justify-content: flex-start; }
html[data-theme="cash"] .hero.show .btn { border-radius: 999px; box-shadow: none; }
html[data-theme="cash"] .hero.show .btn:first-child { color: #fff; background: #050505; }
html[data-theme="cash"] .hero.show .btn-ghost { color: #050505; background: #fff; }
html[data-theme="cash"] .hero.show .printer { grid-column: 2; grid-row: 1; align-self: end; width: min(100%, 500px); min-height: 660px; margin: 0 auto; padding: 22px; border-radius: 64px 64px 0 0; background: #050505; box-shadow: 0 28px 70px rgba(0,0,0,.25); }
html[data-theme="cash"] .hero.show .pslot { height: 25px; margin: 0; border-radius: 36px 36px 8px 8px; background: #1b1b1b; }
html[data-theme="cash"] .hero.show .rcpt { max-width: 410px; min-height: 590px; margin: 0 auto; padding: 40px 30px; border-radius: 36px 36px 0 0; box-shadow: none; transform: none; }
html[data-theme="cash"] .hero.show .rcpt::after { display: none; }
html[data-theme="cash"] .hero.show .r-back { border-radius: 22px; }
html[data-theme="cash"] .hero.show .tape { grid-column: 1 / -1; grid-row: 2; width: calc(100% + 2 * clamp(22px,4vw,64px)); margin: 0 calc(-1 * clamp(22px,4vw,64px)); border: 0; background: #050505; }
html[data-theme="cash"] .hero.show .tape span { color: #aaa; }
html[data-theme="cash"] .hero.show .tape b { color: #00df3f; }
html[data-theme="cash"] .haul { padding-block: 80px; background: #fff; }
html[data-theme="cash"] .haul .card { overflow: hidden; border-radius: 34px; box-shadow: none; transform: none !important; background: #f2f2f2; }
html[data-theme="cash"] .haul .card img { border-radius: 26px 26px 0 0; }
html[data-theme="cash"] .brands { color: #050505; background: #00df3f; border: 0; }
html[data-theme="cash"] .brands .merchant { border-color: #050505; border-radius: 999px; }
html[data-theme="cash"] .feed { color: #fff; background: #050505; }
html[data-theme="cash"] .feed-head { color: #fff; background: linear-gradient(90deg,#050505 75%,transparent); }
html[data-theme="cash"] .feed-head .led { background: #00df3f; }
html[data-theme="cash"] section.dark { --bg:#050505; --bg-2:#111; --fg:#fff; --fg-2:rgba(255,255,255,.64); --fg-3:rgba(255,255,255,.42); background: #050505; }
html[data-theme="cash"] section { padding-block: 120px; }
html[data-theme="cash"] section h2 { font-weight: 600; letter-spacing: -.06em; }
html[data-theme="cash"] .steps { gap: 12px; }
html[data-theme="cash"] .step { padding: 28px; border-radius: 34px; background: #151515; }
html[data-theme="cash"] .step .n { color: #00df3f; -webkit-text-stroke: 0; }
html[data-theme="cash"] .step .frame { overflow: hidden; border-radius: 24px; }
html[data-theme="cash"] .show:not(.hero) { padding-top: 120px; }
html[data-theme="cash"] .show:not(.hero) .show-stage img { width: min(1000px,100%); border-radius: 56px 56px 0 0; }
html[data-theme="cash"] .show-rc { border-radius: 30px; }
html[data-theme="cash"] #real .real-grid > div { padding: 34px; border: 1px solid var(--hair-2); border-radius: 28px; }
html[data-theme="cash"] #real .real-grid { gap: 12px; border: 0; }
html[data-theme="cash"] #past { background: #00df3f; }
html[data-theme="cash"] #past .paper { border-radius: 28px; transform: none; }
html[data-theme="cash"] #math .paper,
html[data-theme="cash"] .tiers .paper { border-radius: 30px; overflow: hidden; transform: none; }
html[data-theme="cash"] input[type="range"] { accent-color: #00df3f; }
html[data-theme="cash"] .tiers-sec { background: #f1f1f1; }
html[data-theme="cash"] .tier.feature { transform: translateY(-16px); box-shadow: 0 24px 60px rgba(0,223,63,.22); }
html[data-theme="cash"] .tier .band { background: #00df3f; }
html[data-theme="cash"] .claim.dark { color: #050505; background: #00df3f; }
html[data-theme="cash"] .claim.dark .kicker,
html[data-theme="cash"] .claim.dark p,
html[data-theme="cash"] .claim.dark .wl-note { color: #050505; }
html[data-theme="cash"] .claim.dark .em { color: inherit; background: none; font-family: inherit; font-style: normal; }
html[data-theme="cash"] .claim.dark .btn { color: #fff; background: #050505; border-radius: 999px; }
html[data-theme="cash"] details { border-bottom-color: #aaa; }
html[data-theme="cash"] footer { padding-bottom: 120px; color: #fff; background: #050505; }
html[data-theme="cash"] footer .end, html[data-theme="cash"] footer .foot-x { color: #fff; }

@media (max-width: 900px) {
  html[data-theme="cash"] .hero.show { grid-template-columns: 1fr; padding-inline: 22px; }
  html[data-theme="cash"] .hero.show > .wrap { padding-bottom: 45px; }
  html[data-theme="cash"] .hero.show .show-h { max-width: 9ch; }
  html[data-theme="cash"] .hero.show .printer { grid-column: 1; grid-row: auto; width: min(100%,480px); }
  html[data-theme="cash"] .hero.show .tape { grid-row: auto; }
  html[data-theme="cash"] #real .real-grid { grid-template-columns: 1fr; }
  html[data-theme="cash"] #real .real-grid > div + div { padding-left: 34px; }
}
@media (max-width: 620px) {
  html[data-theme="cash"] .hero.show { padding-top: 45px; }
  html[data-theme="cash"] .hero.show .show-h { font-size: 54px; }
  html[data-theme="cash"] .hero.show .printer { min-height: 590px; border-radius: 44px 44px 0 0; padding: 15px; }
  html[data-theme="cash"] .hero.show .rcpt { padding-inline: 22px; }
}

/* 02 — Editorial: the original journey becomes a financial culture magazine. */
html[data-theme="editorial"] {
  --bg: #eee5d4; --bg-2: #e5dac5; --paper: #fffdf6; --paper-2: #f1eadc;
  --ink: #17130e; --ink-soft: #62594d; --ink-faint: #8d8272; --fg: #17130e;
  --fg-2: rgba(23,19,14,.66); --fg-3: rgba(23,19,14,.45); --hair: rgba(23,19,14,.13); --hair-2: rgba(23,19,14,.28);
  --accent: #e34822; --accent-glow: rgba(227,72,34,.3); --green: #b53218; --green-2: #e34822; --green-3: #f8d8c8;
}
html[data-theme="editorial"] body { background: #eee5d4; }
html[data-theme="editorial"] .grain { opacity: .075; }
html[data-theme="editorial"] nav:not(.skin-switcher) { color: #17130e; background: #eee5d4; border-bottom: 1px solid #17130e; }
html[data-theme="editorial"] nav:not(.skin-switcher)::before { background: #eee5d4; }
html[data-theme="editorial"] nav:not(.skin-switcher) .nav-links a,
html[data-theme="editorial"] nav:not(.skin-switcher) .nav-meta,
html[data-theme="editorial"] nav:not(.skin-switcher) .xlink { color: #17130e; }
html[data-theme="editorial"] nav:not(.skin-switcher) .nav-links .btn { color: #eee5d4; background: #17130e; }
html[data-theme="editorial"] .hero.show { min-height: 100svh; padding-top: 100px; border-bottom: 1px solid #17130e; background: #eee5d4; text-align: left; }
html[data-theme="editorial"] .hero.show > .wrap { width: min(1420px, calc(100% - 80px)); }
html[data-theme="editorial"] .hero.show .show-k { color: #e34822; }
html[data-theme="editorial"] .hero.show .show-h { max-width: 10.5ch; margin: 0; font: 400 clamp(72px,9.5vw,158px)/.72 var(--serif); letter-spacing: -.055em; }
html[data-theme="editorial"] .hero.show .show-h .em { color: #e34822; background: none; }
html[data-theme="editorial"] .hero.show .show-sub { max-width: 34ch; margin: 32px 0 0 auto; font-size: 20px; }
html[data-theme="editorial"] .hero.show .hero-cta { justify-content: flex-end; }
html[data-theme="editorial"] .hero.show .btn { box-shadow: none; }
html[data-theme="editorial"] .hero.show .printer { width: min(410px, calc(100% - 40px)); margin-top: -20px; margin-right: 9vw; transform: rotate(2deg); }
html[data-theme="editorial"] .hero.show .tape { color: #eee5d4; background: #17130e; }
html[data-theme="editorial"] .haul { padding-block: 70px; border-bottom: 1px solid #17130e; background: #eee5d4; }
html[data-theme="editorial"] .haul .card { box-shadow: 0 22px 50px rgba(61,43,20,.12); }
html[data-theme="editorial"] .haul .tag,
html[data-theme="editorial"] .kicker,
html[data-theme="editorial"] .show-k { color: #e34822; }
html[data-theme="editorial"] .brands { border-block: 1px solid #17130e; background: #e34822; }
html[data-theme="editorial"] .brands-label { color: #17130e; }
html[data-theme="editorial"] .brands .merchant { border-color: #17130e; color: #17130e; background: transparent; }
html[data-theme="editorial"] .feed { border-color: #17130e; background: #eee5d4; }
html[data-theme="editorial"] .feed-head { background: linear-gradient(90deg,#eee5d4 75%,transparent); }
html[data-theme="editorial"] section { padding-block: 120px; border-bottom: 1px solid #17130e; }
html[data-theme="editorial"] section h2,
html[data-theme="editorial"] .claim h2,
html[data-theme="editorial"] .turn h3 { font-family: var(--serif); font-weight: 400; letter-spacing: -.045em; }
html[data-theme="editorial"] section.dark { --bg:#17130e; --bg-2:#251f18; --fg:#eee5d4; --fg-2:rgba(238,229,212,.66); --fg-3:rgba(238,229,212,.42); background: #17130e; }
html[data-theme="editorial"] .steps { gap: 0; border-block: 1px solid rgba(238,229,212,.45); }
html[data-theme="editorial"] .step { padding: 34px; border-right: 1px solid rgba(238,229,212,.45); }
html[data-theme="editorial"] .step:last-child { border-right: 0; }
html[data-theme="editorial"] .step .n { color: #e34822; -webkit-text-stroke: 0; font-family: var(--serif); font-weight: 400; }
html[data-theme="editorial"] .step h3 { font-family: var(--serif); font-size: 36px; font-weight: 400; }
html[data-theme="editorial"] .show:not(.hero) { background: #eee5d4; }
html[data-theme="editorial"] .show:not(.hero) .show-h { font-family: var(--serif); font-weight: 400; }
html[data-theme="editorial"] .show:not(.hero) .show-stage { border-top: 1px solid #17130e; }
html[data-theme="editorial"] .show-rc { transform: rotate(-2deg); }
html[data-theme="editorial"] #real .real-grid { border-top: 1px solid #17130e; }
html[data-theme="editorial"] #real .real-grid > div { border-right: 1px solid #17130e; }
html[data-theme="editorial"] #real .real-grid .n { color: #e34822; }
html[data-theme="editorial"] #past { background: #e5dac5; }
html[data-theme="editorial"] #past .paper { box-shadow: 0 24px 50px rgba(50,34,16,.14); }
html[data-theme="editorial"] #math { background: #17130e; }
html[data-theme="editorial"] .tiers-sec { background: #eee5d4; }
html[data-theme="editorial"] .tier .name { font-family: var(--serif); font-weight: 400; font-size: 42px; }
html[data-theme="editorial"] .tier.feature .band { background: #e34822; }
html[data-theme="editorial"] .claim.dark { color: #17130e; background: #e34822; }
html[data-theme="editorial"] .claim.dark p,
html[data-theme="editorial"] .claim.dark .kicker,
html[data-theme="editorial"] .claim.dark .wl-note { color: #17130e; }
html[data-theme="editorial"] .claim.dark .btn { color: #eee5d4; background: #17130e; }
html[data-theme="editorial"] footer { padding-bottom: 120px; color: #eee5d4; background: #17130e; }
html[data-theme="editorial"] footer .end,
html[data-theme="editorial"] footer .foot-x { color: #eee5d4; }

/* 03 — Modular grid: every original section reads like a clear system. */
html[data-theme="grid"] {
  --bg: #f5f5ef; --bg-2: #eaeae3; --paper: #fff; --paper-2: #f0f0e9;
  --ink: #0b0b0d; --ink-soft: #4f4f54; --ink-faint: #7a7a80; --fg: #0b0b0d;
  --fg-2: rgba(11,11,13,.68); --fg-3: rgba(11,11,13,.45); --hair: rgba(11,11,13,.16); --hair-2: rgba(11,11,13,.38);
  --accent: #ff4b1f; --accent-glow: rgba(255,75,31,.32); --green: #2348ff; --green-2: #2348ff; --green-3: #dce3ff;
}
html[data-theme="grid"] .grain { display: none; }
html[data-theme="grid"] nav:not(.skin-switcher) { color: #0b0b0d; background: #f5f5ef; border-bottom: 2px solid #0b0b0d; }
html[data-theme="grid"] nav:not(.skin-switcher)::before { background: #f5f5ef; }
html[data-theme="grid"] .nav-in { width: 100%; padding: 0; }
html[data-theme="grid"] nav:not(.skin-switcher) .brand,
html[data-theme="grid"] nav:not(.skin-switcher) .nav-meta,
html[data-theme="grid"] nav:not(.skin-switcher) .nav-links { min-height: 72px; padding: 0 26px; border-right: 2px solid #0b0b0d; }
html[data-theme="grid"] nav:not(.skin-switcher) .nav-links { border-right: 0; }
html[data-theme="grid"] nav:not(.skin-switcher) .nav-links a,
html[data-theme="grid"] nav:not(.skin-switcher) .nav-meta,
html[data-theme="grid"] nav:not(.skin-switcher) .xlink { color: #0b0b0d; }
html[data-theme="grid"] nav:not(.skin-switcher) .nav-links .btn { color: #fff; background: #2348ff; }
html[data-theme="grid"] .hero.show { padding-top: 70px; border-bottom: 2px solid #0b0b0d; color: #fff; background: #2348ff; text-align: left; }
html[data-theme="grid"] .hero.show > .wrap { width: min(1500px,calc(100% - 56px)); }
html[data-theme="grid"] .hero.show .show-k { color: #ff4b1f; }
html[data-theme="grid"] .hero.show .show-h { max-width: 9ch; margin: 0; font-size: clamp(70px,10vw,170px); line-height: .73; font-weight: 800; letter-spacing: -.08em; text-transform: uppercase; }
html[data-theme="grid"] .hero.show .em { color: #ff4b1f; background: none; font-family: inherit; font-style: normal; }
html[data-theme="grid"] .hero.show .show-sub { max-width: 36ch; margin: 30px 0 0; color: #fff; font-family: var(--mono); }
html[data-theme="grid"] .hero.show .hero-cta { justify-content: flex-start; }
html[data-theme="grid"] .hero.show .btn { border: 2px solid #0b0b0d; color: #0b0b0d; background: #ff4b1f; box-shadow: none; }
html[data-theme="grid"] .hero.show .btn-ghost { color: #fff; background: transparent; border-color: #fff; }
html[data-theme="grid"] .hero.show .printer { width: min(430px,calc(100% - 40px)); margin: -120px 7vw 0 auto; }
html[data-theme="grid"] .hero.show .rcpt { border: 2px solid #0b0b0d; box-shadow: 22px 22px 0 #ff4b1f; }
html[data-theme="grid"] .hero.show .tape { background: #0b0b0d; }
html[data-theme="grid"] .haul { border-bottom: 2px solid #0b0b0d; background: #f5f5ef; }
html[data-theme="grid"] .haul .card { border: 2px solid #0b0b0d; box-shadow: none; transform: none !important; }
html[data-theme="grid"] .brands { border-bottom: 2px solid #0b0b0d; color: #fff; background: #2348ff; }
html[data-theme="grid"] .brands-label { color: #fff; }
html[data-theme="grid"] .brands .merchant { border: 2px solid #fff; color: #fff; }
html[data-theme="grid"] .brands .merchant b { color: #ff4b1f; }
html[data-theme="grid"] .feed { border-width: 2px; border-color: #0b0b0d; }
html[data-theme="grid"] section { padding-block: 110px; border-bottom: 2px solid #0b0b0d; }
html[data-theme="grid"] section.dark { --bg:#0b0b0d; --bg-2:#17171a; --fg:#fff; --fg-2:rgba(255,255,255,.66); --fg-3:rgba(255,255,255,.42); background: #0b0b0d; }
html[data-theme="grid"] section h2 { font-size: clamp(54px,7vw,112px); line-height: .78; text-transform: uppercase; }
html[data-theme="grid"] .steps { gap: 0; border: 2px solid #fff; }
html[data-theme="grid"] .step { padding: 28px; border-right: 2px solid #fff; }
html[data-theme="grid"] .step:last-child { border: 0; }
html[data-theme="grid"] .step .n { color: #ff4b1f; -webkit-text-stroke: 0; }
html[data-theme="grid"] .step .frame { border: 2px solid #fff; }
html[data-theme="grid"] .show:not(.hero) { background: #f5f5ef; }
html[data-theme="grid"] .show:not(.hero) .show-stage { border-top: 2px solid #0b0b0d; }
html[data-theme="grid"] .show-rc { border: 2px solid #0b0b0d; box-shadow: 16px 16px 0 #2348ff; }
html[data-theme="grid"] #real .real-grid { border-top: 2px solid #0b0b0d; }
html[data-theme="grid"] #real .real-grid > div { border-right: 2px solid #0b0b0d; }
html[data-theme="grid"] #past { background-image: linear-gradient(rgba(11,11,13,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(11,11,13,.11) 1px,transparent 1px); background-size: 80px 80px; }
html[data-theme="grid"] #past .paper,
html[data-theme="grid"] #math .paper,
html[data-theme="grid"] .tiers .paper { border: 2px solid #0b0b0d; box-shadow: 12px 12px 0 #2348ff; transform: none; }
html[data-theme="grid"] #math .paper { box-shadow: 12px 12px 0 #ff4b1f; }
html[data-theme="grid"] input[type="range"] { accent-color: #ff4b1f; }
html[data-theme="grid"] .tiers { gap: 18px; }
html[data-theme="grid"] .tier.feature { transform: translateY(-18px); box-shadow: 12px 12px 0 #ff4b1f; }
html[data-theme="grid"] .claim.dark { color: #0b0b0d; background: #ff4b1f; }
html[data-theme="grid"] .claim.dark p,
html[data-theme="grid"] .claim.dark .kicker,
html[data-theme="grid"] .claim.dark .wl-note { color: #0b0b0d; }
html[data-theme="grid"] .claim.dark .btn { border: 2px solid #0b0b0d; color: #fff; background: #2348ff; }
html[data-theme="grid"] details { border-bottom: 2px solid #0b0b0d; }
html[data-theme="grid"] footer { padding-bottom: 120px; color: #fff; background: #2348ff; }
html[data-theme="grid"] footer .end,
html[data-theme="grid"] footer .foot-x { color: #fff; }

/* 04 — Paper object: the same long-form site behaves like one continuous receipt. */
html[data-theme="paper"] {
  --bg: #f2e7ce; --bg-2: #eadcc0; --paper: #fffdf5; --paper-2: #f5efdf;
  --ink: #29241c; --ink-soft: #665e52; --ink-faint: #948978; --fg: #29241c;
  --fg-2: rgba(41,36,28,.68); --fg-3: rgba(41,36,28,.46); --hair: rgba(41,36,28,.12); --hair-2: rgba(41,36,28,.28);
  --accent: #e73d1d; --accent-glow: rgba(231,61,29,.3); --green: #a52d18; --green-2: #e73d1d; --green-3: #f8d5c9;
}
html[data-theme="paper"] body { background-color: #f2e7ce; background-image: repeating-linear-gradient(0deg,transparent 0 31px,rgba(66,50,28,.035) 32px); }
html[data-theme="paper"] .grain { opacity: .1; }
html[data-theme="paper"] nav:not(.skin-switcher) { color: #29241c; background: #f2e7ce; border-bottom: 2px dashed #938773; }
html[data-theme="paper"] nav:not(.skin-switcher)::before { background: #f2e7ce; }
html[data-theme="paper"] nav:not(.skin-switcher) .nav-links a,
html[data-theme="paper"] nav:not(.skin-switcher) .nav-meta,
html[data-theme="paper"] nav:not(.skin-switcher) .xlink { color: #29241c; }
html[data-theme="paper"] nav:not(.skin-switcher) .nav-links .btn { color: #fffdf5; background: #29241c; }
html[data-theme="paper"] .hero.show { padding-top: 95px; background: transparent; }
html[data-theme="paper"] .hero.show .show-k { color: #e73d1d; }
html[data-theme="paper"] .hero.show .show-h { max-width: 13ch; font-family: var(--serif); font-weight: 400; font-size: clamp(62px,8vw,128px); line-height: .76; }
html[data-theme="paper"] .hero.show .em { color: #e73d1d; background: none; }
html[data-theme="paper"] .hero.show .printer { width: min(390px,calc(100% - 40px)); transform: rotate(-2deg); }
html[data-theme="paper"] .hero.show .pslot { margin-inline: -6px; background: #29241c; }
html[data-theme="paper"] .hero.show .rcpt { box-shadow: 0 28px 55px rgba(72,51,23,.2); }
html[data-theme="paper"] .hero.show .tape { background: #29241c; }
html[data-theme="paper"] .haul { border-block: 2px dashed #938773; background: transparent; }
html[data-theme="paper"] .haul .card { box-shadow: 0 20px 45px rgba(69,48,20,.14); }
html[data-theme="paper"] .brands { background: #fffdf5; border-block: 2px dashed #938773; }
html[data-theme="paper"] .brands .merchant { border-style: dashed; }
html[data-theme="paper"] .feed { background: #eadcc0; border-block: 2px dashed #938773; }
html[data-theme="paper"] .feed-head { background: linear-gradient(90deg,#eadcc0 75%,transparent); }
html[data-theme="paper"] section { padding-block: 115px; }
html[data-theme="paper"] section h2,
html[data-theme="paper"] .turn h3,
html[data-theme="paper"] .claim h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -.045em; }
html[data-theme="paper"] section.dark { --bg:#29241c; --bg-2:#373026; --fg:#f5ead4; --fg-2:rgba(245,234,212,.66); --fg-3:rgba(245,234,212,.42); background: #29241c; }
html[data-theme="paper"] .steps { gap: 18px; }
html[data-theme="paper"] .step { padding: 28px; border: 1px dashed rgba(245,234,212,.42); }
html[data-theme="paper"] .step .n { color: #e73d1d; -webkit-text-stroke: 0; font-family: var(--serif); font-weight: 400; }
html[data-theme="paper"] .step h3 { font-family: var(--serif); font-size: 38px; font-weight: 400; }
html[data-theme="paper"] .step .frame { transform: rotate(var(--tilt,1deg)); }
html[data-theme="paper"] .step:nth-child(2) .frame { --tilt:-1deg; }
html[data-theme="paper"] .show:not(.hero) { background: #f2e7ce; }
html[data-theme="paper"] .show:not(.hero) .show-h { font-family: var(--serif); font-weight: 400; }
html[data-theme="paper"] .show-rc { transform: rotate(2deg); }
html[data-theme="paper"] #real .real-grid { border-top-style: dashed; }
html[data-theme="paper"] #past { background: #eadcc0; }
html[data-theme="paper"] #past .paper:nth-child(1) { transform: rotate(-2deg); }
html[data-theme="paper"] #past .paper:nth-child(2) { transform: translateY(-15px) rotate(1deg); }
html[data-theme="paper"] #past .paper:nth-child(3) { transform: rotate(2deg); }
html[data-theme="paper"] #math { background: #29241c; }
html[data-theme="paper"] .tiers-sec { background: transparent; }
html[data-theme="paper"] .tier .name { font-family: var(--serif); font-weight: 400; font-size: 42px; }
html[data-theme="paper"] .tier .band { background: #29241c; }
html[data-theme="paper"] .tier.feature .band { background: #e73d1d; }
html[data-theme="paper"] .claim.dark { background: #e73d1d; }
html[data-theme="paper"] .claim.dark .btn { color: #29241c; background: #fffdf5; }
html[data-theme="paper"] footer { padding-bottom: 120px; background: #eadcc0; border-top: 2px dashed #938773; }

/* 05 — Night market: the original story as a premium, onchain dashboard. */
html[data-theme="night"] {
  --bg: #050b09; --bg-2: #0b1712; --paper: #f5fff9; --paper-2: #eaf8ef;
  --ink: #06100b; --ink-soft: #506158; --ink-faint: #7c8e84; --fg: #effbf4;
  --fg-2: rgba(239,251,244,.66); --fg-3: rgba(239,251,244,.42); --hair: rgba(154,255,202,.1); --hair-2: rgba(154,255,202,.2);
  --accent: #8e6cff; --accent-glow: rgba(142,108,255,.36); --green: #29c976; --green-2: #8cffbd; --green-3: #dff9e9;
}
html[data-theme="night"] body { color: #effbf4; background: #050b09; }
html[data-theme="night"] body::before { content: ""; position: fixed; inset: 0; pointer-events: none; background: radial-gradient(circle at 78% 8%,rgba(142,108,255,.16),transparent 28%),radial-gradient(circle at 12% 58%,rgba(0,222,136,.1),transparent 30%); }
html[data-theme="night"] .grain { opacity: .035; mix-blend-mode: screen; }
html[data-theme="night"] nav:not(.skin-switcher) { color: #effbf4; background: rgba(5,11,9,.84); border-bottom: 1px solid rgba(140,255,189,.16); backdrop-filter: blur(18px); }
html[data-theme="night"] nav:not(.skin-switcher)::before { background: transparent; }
html[data-theme="night"] nav:not(.skin-switcher) .nav-links a,
html[data-theme="night"] nav:not(.skin-switcher) .nav-meta,
html[data-theme="night"] nav:not(.skin-switcher) .xlink { color: #c4d8cc; }
html[data-theme="night"] nav:not(.skin-switcher) .nav-links .btn { border: 1px solid rgba(140,255,189,.35); border-radius: 10px; color: #07100c; background: #8cffbd; box-shadow: 0 0 35px rgba(140,255,189,.15); }
html[data-theme="night"] .brand .mark { filter: invert(94%) sepia(31%) saturate(803%) hue-rotate(78deg); }
html[data-theme="night"] .hero.show { min-height: 100svh; padding-top: 105px; color: #effbf4; background: transparent; text-align: left; }
html[data-theme="night"] .hero.show > .wrap { width: min(1400px,calc(100% - 80px)); }
html[data-theme="night"] .hero.show .show-k { color: #8cffbd; }
html[data-theme="night"] .hero.show .show-h { max-width: 8.5ch; margin: 0; font-size: clamp(70px,8vw,138px); line-height: .78; font-weight: 600; letter-spacing: -.075em; }
html[data-theme="night"] .hero.show .em { color: #8cffbd; background: none; font-family: inherit; font-style: normal; }
html[data-theme="night"] .hero.show .show-sub { max-width: 38ch; margin: 30px 0 0; color: #9bb0a4; }
html[data-theme="night"] .hero.show .hero-cta { justify-content: flex-start; }
html[data-theme="night"] .hero.show .btn { border-radius: 10px; color: #07100c; background: #8cffbd; box-shadow: 0 0 45px rgba(140,255,189,.17); }
html[data-theme="night"] .hero.show .btn-ghost { border: 1px solid rgba(140,255,189,.3); color: #8cffbd; background: rgba(8,24,17,.56); }
html[data-theme="night"] .hero.show .printer { width: min(430px,calc(100% - 40px)); margin: -130px 8vw 0 auto; padding: 18px; border: 1px solid rgba(140,255,189,.24); border-radius: 34px; background: rgba(9,25,18,.68); box-shadow: 0 35px 100px rgba(0,0,0,.5),0 0 100px rgba(140,255,189,.08); backdrop-filter: blur(18px); }
html[data-theme="night"] .hero.show .pslot { background: #8cffbd; box-shadow: 0 0 18px rgba(140,255,189,.55); }
html[data-theme="night"] .hero.show .rcpt { border-radius: 20px; box-shadow: none; }
html[data-theme="night"] .hero.show .tape { background: #8e6cff; border: 0; }
html[data-theme="night"] .hero.show .tape span { color: #d8cdfd; }
html[data-theme="night"] .hero.show .tape b { color: #fff; }
html[data-theme="night"] .haul { border-color: rgba(140,255,189,.16); background: #0b1712; }
html[data-theme="night"] .haul .card { overflow: hidden; border: 1px solid rgba(140,255,189,.18); border-radius: 24px; background: #102119; box-shadow: none; transform: none !important; }
html[data-theme="night"] .haul .card img { filter: saturate(.72) contrast(1.06); }
html[data-theme="night"] .brands { border-color: rgba(140,255,189,.16); background: #050b09; }
html[data-theme="night"] .brands .merchant { border-color: rgba(140,255,189,.28); color: #effbf4; background: #0b1712; }
html[data-theme="night"] .brands .merchant b { color: #8cffbd; }
html[data-theme="night"] .feed { border-color: rgba(140,255,189,.18); background: #8e6cff; }
html[data-theme="night"] .feed-head { color: #fff; background: linear-gradient(90deg,#8e6cff 75%,transparent); }
html[data-theme="night"] .feed-track .tx { color: #fff; }
html[data-theme="night"] section { padding-block: 120px; color: #effbf4; background: #050b09; }
html[data-theme="night"] section.dark { --bg:#07110d; --bg-2:#0d1c15; --fg:#effbf4; --fg-2:rgba(239,251,244,.66); --fg-3:rgba(239,251,244,.42); background: #07110d; }
html[data-theme="night"] section h2 { font-weight: 600; letter-spacing: -.065em; }
html[data-theme="night"] .steps { gap: 14px; }
html[data-theme="night"] .step { padding: 28px; border: 1px solid rgba(140,255,189,.18); border-radius: 24px; background: rgba(12,31,22,.72); }
html[data-theme="night"] .step .n { color: #8cffbd; -webkit-text-stroke: 0; }
html[data-theme="night"] .step .frame { overflow: hidden; border-radius: 16px; }
html[data-theme="night"] .show:not(.hero) { background: #0b1712; }
html[data-theme="night"] .show:not(.hero) .show-stage img { opacity: .8; filter: saturate(.65) contrast(1.08); }
html[data-theme="night"] .show-rc { border: 1px solid rgba(140,255,189,.28); border-radius: 20px; box-shadow: 0 30px 90px rgba(0,0,0,.45),0 0 70px rgba(140,255,189,.08); }
html[data-theme="night"] #real .real-grid { gap: 14px; border: 0; }
html[data-theme="night"] #real .real-grid > div { padding: 32px; border: 1px solid rgba(140,255,189,.18); border-radius: 22px; background: #0b1712; }
html[data-theme="night"] #real .real-grid .n { color: #8cffbd; }
html[data-theme="night"] #past { background: #07110d; }
html[data-theme="night"] #past .paper { border: 1px solid rgba(140,255,189,.18); border-radius: 20px; box-shadow: 0 30px 80px rgba(0,0,0,.35); transform: none; }
html[data-theme="night"] #math { background: radial-gradient(circle at 72% 42%,rgba(142,108,255,.2),transparent 30%),#050b09; }
html[data-theme="night"] #math .paper { border-radius: 22px; box-shadow: 0 35px 90px rgba(0,0,0,.48),0 0 80px rgba(140,255,189,.08); }
html[data-theme="night"] input[type="range"] { accent-color: #8cffbd; }
html[data-theme="night"] .tiers-sec { background: #0b1712; }
html[data-theme="night"] .tiers .paper { overflow: hidden; border: 1px solid rgba(140,255,189,.2); border-radius: 22px; box-shadow: none; transform: none; }
html[data-theme="night"] .tier.feature { transform: translateY(-18px); box-shadow: 0 0 80px rgba(142,108,255,.18); }
html[data-theme="night"] .tier.feature .band { background: #8e6cff; }
html[data-theme="night"] .claim.dark { background: #8e6cff; }
html[data-theme="night"] .claim.dark .btn { color: #07100c; background: #8cffbd; }
html[data-theme="night"] section:not(.dark) details { border-bottom-color: rgba(140,255,189,.2); }
html[data-theme="night"] footer { padding-bottom: 120px; color: #effbf4; background: #050b09; }
html[data-theme="night"] footer .end,
html[data-theme="night"] footer .foot-x { color: #effbf4; }

@media (max-width: 900px) {
  html[data-theme="editorial"] .hero.show > .wrap,
  html[data-theme="grid"] .hero.show > .wrap,
  html[data-theme="night"] .hero.show > .wrap { width: calc(100% - 40px); }
  html[data-theme="editorial"] .hero.show .printer,
  html[data-theme="grid"] .hero.show .printer,
  html[data-theme="night"] .hero.show .printer { margin: 40px auto 0; }
  html[data-theme="editorial"] .steps,
  html[data-theme="grid"] .steps { border-inline: 0; }
  html[data-theme="editorial"] .step,
  html[data-theme="grid"] .step { border-right: 0; border-bottom: 1px solid currentColor; }
  html[data-theme="night"] #real .real-grid { grid-template-columns: 1fr; }
  html[data-theme="night"] #real .real-grid > div + div { padding-left: 32px; }
}
@media (max-width: 620px) {
  html[data-theme="editorial"] .hero.show,
  html[data-theme="grid"] .hero.show,
  html[data-theme="night"] .hero.show { padding-top: 60px; }
  html[data-theme="editorial"] .hero.show .show-h,
  html[data-theme="grid"] .hero.show .show-h,
  html[data-theme="paper"] .hero.show .show-h,
  html[data-theme="night"] .hero.show .show-h { font-size: 54px; }
  html[data-theme="editorial"] section,
  html[data-theme="grid"] section,
  html[data-theme="paper"] section,
  html[data-theme="night"] section { padding-block: 78px; }
}

/* Refined finalists ----------------------------------------------------- */
html[data-theme="cash"] {
  --accent: #7657ff; --accent-glow: rgba(118,87,255,.34);
  --green: #1e9b43; --green-2: #caff1a; --green-3: #efffc0;
}
html[data-theme="cash"] nav:not(.skin-switcher),
html[data-theme="cash"] nav:not(.skin-switcher)::before { background: #caff1a; }
html[data-theme="cash"] .brand .mark { background: #fff; filter: invert(1); }
html[data-theme="cash"] .hero.show {
  background:
    radial-gradient(circle at 92% 18%, rgba(118,87,255,.44), transparent 22%),
    radial-gradient(circle at 10% 92%, rgba(255,81,45,.26), transparent 25%),
    #caff1a;
}
html[data-theme="cash"] .hero.show .show-k { color: #ee3f22; }
html[data-theme="cash"] .hero.show .r-back { background: #efffc0; }
html[data-theme="cash"] .hero.show .r-ver,
html[data-theme="cash"] .hero.show .r-back .face.b { color: #1b8c3c; }
html[data-theme="cash"] .hero.show .tape b { color: #caff1a; }
html[data-theme="cash"] .haul .card:nth-child(3n+1) figcaption { background: #ebe5ff; }
html[data-theme="cash"] .haul .card:nth-child(3n+2) figcaption { background: #ffe5dc; }
html[data-theme="cash"] .haul .card:nth-child(3n) figcaption { background: #efffc0; }
html[data-theme="cash"] .brands { background: #ff5938; }
html[data-theme="cash"] .brands .merchant b { color: #fff; }
html[data-theme="cash"] .feed-head .led { background: #caff1a; box-shadow: 0 0 12px #caff1a; }
html[data-theme="cash"] .step:nth-child(2) { background: #7657ff; }
html[data-theme="cash"] .step:nth-child(3) { background: #ff5938; }
html[data-theme="cash"] .step:nth-child(2) .n,
html[data-theme="cash"] .step:nth-child(3) .n { color: #fff; }
html[data-theme="cash"] .step:nth-child(2) p,
html[data-theme="cash"] .step:nth-child(3) p { color: rgba(255,255,255,.78); }
html[data-theme="cash"] #past { background: #caff1a; }
html[data-theme="cash"] #past .paper:nth-child(2) { box-shadow: 0 28px 65px rgba(118,87,255,.28); }
html[data-theme="cash"] .tier.feature .band { background: #7657ff; }
html[data-theme="cash"] .tier.feature { box-shadow: 0 26px 70px rgba(118,87,255,.22); }
html[data-theme="cash"] .claim.dark { background: #7657ff; color: #fff; }
html[data-theme="cash"] .claim.dark .kicker,
html[data-theme="cash"] .claim.dark p,
html[data-theme="cash"] .claim.dark .wl-note { color: #fff; }
html[data-theme="cash"] .claim.dark .btn { color: #050505; background: #caff1a; }

html[data-theme="night"] {
  --accent: #ff4fd8; --accent-glow: rgba(255,79,216,.38);
  --green: #28c99a; --green-2: #63ffdb; --green-3: #d7fff3;
}
html[data-theme="night"] body::before {
  background:
    radial-gradient(circle at 82% 8%, rgba(118,76,255,.22), transparent 27%),
    radial-gradient(circle at 8% 54%, rgba(99,255,219,.11), transparent 30%),
    radial-gradient(circle at 74% 78%, rgba(255,79,216,.09), transparent 25%);
}
html[data-theme="night"] nav:not(.skin-switcher) .nav-links .btn,
html[data-theme="night"] .hero.show .btn { background: #63ffdb; }
html[data-theme="night"] .brand .mark { filter: invert(91%) sepia(43%) saturate(1001%) hue-rotate(92deg); }
html[data-theme="night"] .hero.show {
  background:
    linear-gradient(90deg, rgba(99,255,219,.035) 1px, transparent 1px),
    linear-gradient(rgba(99,255,219,.035) 1px, transparent 1px);
  background-size: 72px 72px;
}
html[data-theme="night"] .hero.show .show-k,
html[data-theme="night"] .hero.show .em { color: #63ffdb; }
html[data-theme="night"] .hero.show .pslot { background: #ff4fd8; box-shadow: 0 0 20px rgba(255,79,216,.6); }
html[data-theme="night"] .hero.show .tape { background: linear-gradient(90deg,#6847ff,#ff4fd8); }
html[data-theme="night"] .feed { background: linear-gradient(90deg,#6847ff,#ff4fd8); }
html[data-theme="night"] .feed-head { background: linear-gradient(90deg,#6847ff 75%,transparent); }
html[data-theme="night"] .step:nth-child(2) { border-color: rgba(118,76,255,.6); background: rgba(91,59,205,.32); }
html[data-theme="night"] .step:nth-child(3) { border-color: rgba(255,79,216,.46); background: rgba(87,19,71,.28); }
html[data-theme="night"] .show-rc { box-shadow: 0 30px 90px rgba(0,0,0,.45),0 0 75px rgba(255,79,216,.1); }
html[data-theme="night"] #real .real-grid > div:nth-child(2) { border-color: rgba(118,76,255,.55); background: rgba(91,59,205,.23); }
html[data-theme="night"] #past .paper:nth-child(2) { box-shadow: 0 30px 85px rgba(255,79,216,.14); }
html[data-theme="night"] .tier.feature { border-color: rgba(255,79,216,.5); box-shadow: 0 0 90px rgba(255,79,216,.13); }
html[data-theme="night"] .tier.feature .band { background: linear-gradient(90deg,#6847ff,#ff4fd8); }
html[data-theme="night"] .claim.dark { background: linear-gradient(115deg,#6847ff,#ff4fd8); }
html[data-theme="night"] .claim.dark .btn { background: #63ffdb; }

/* Typography and palette pass — calmer color, stronger type contrast. */
html[data-theme="cash"] {
  --display: "Manrope", Arial, sans-serif;
  --mono: "DM Mono", "IBM Plex Mono", monospace;
  --bg: #f4f5ef; --bg-2: #e7ebe3; --paper: #fffef9; --paper-2: #f0f2eb;
  --ink: #0a1c14; --ink-soft: #536159; --ink-faint: #7a877f; --fg: #f8fff7;
  --fg-2: rgba(248,255,247,.68); --fg-3: rgba(248,255,247,.44); --hair: rgba(10,28,20,.1); --hair-2: rgba(10,28,20,.18);
  --accent: #4e5bff; --accent-glow: rgba(78,91,255,.22); --green: #267547; --green-2: #b8f34a; --green-3: #e8f8c8;
}
html[data-theme="cash"] body { color: #0a1c14; background: #f4f5ef; }
html[data-theme="cash"] nav:not(.skin-switcher),
html[data-theme="cash"] nav:not(.skin-switcher)::before { color: #0a1c14; background: rgba(244,245,239,.92); }
html[data-theme="cash"] nav:not(.skin-switcher) { border-bottom: 1px solid rgba(10,28,20,.12); backdrop-filter: blur(16px); }
html[data-theme="cash"] nav:not(.skin-switcher) .nav-links a,
html[data-theme="cash"] nav:not(.skin-switcher) .nav-meta,
html[data-theme="cash"] nav:not(.skin-switcher) .xlink { color: #0a1c14; }
html[data-theme="cash"] nav:not(.skin-switcher) .nav-links .btn { color: #f8fff7; background: #0a1c14; }
html[data-theme="cash"] .brand .mark { background: transparent; filter: none; }
html[data-theme="cash"] .hero.show {
  color: #0a1c14;
  background:
    radial-gradient(circle at 83% 43%, #b8f34a 0 16%, rgba(184,243,74,.54) 16.5% 28%, transparent 42%),
    linear-gradient(118deg,#f4f5ef 0 68%,#e7ebe3 68%);
}
html[data-theme="cash"] .hero.show .show-h { font-weight: 700; letter-spacing: -.06em; }
html[data-theme="cash"] .hero.show .show-k { color: #267547; }
html[data-theme="cash"] .hero.show .em { color: #4e5bff; background: none; }
html[data-theme="cash"] .hero.show .show-sub { color: #536159; }
html[data-theme="cash"] .hero.show .btn { color: #f8fff7; background: #0a1c14; }
html[data-theme="cash"] .hero.show .btn-ghost { border-color: rgba(10,28,20,.28); color: #0a1c14; background: rgba(255,255,255,.34); }
html[data-theme="cash"] .hero.show .printer { border-color: #0a1c14; background: #0a1c14; box-shadow: 22px 26px 0 rgba(78,91,255,.18),0 35px 80px rgba(10,28,20,.18); }
html[data-theme="cash"] .hero.show .pslot { background: #b8f34a; }
html[data-theme="cash"] .hero.show .r-back { background: #e8f8c8; }
html[data-theme="cash"] .hero.show .r-ver,
html[data-theme="cash"] .hero.show .r-back .face.b { color: #267547; }
html[data-theme="cash"] .hero.show .tape { background: #0a1c14; }
html[data-theme="cash"] .hero.show .tape span { color: #9cb1a4; }
html[data-theme="cash"] .hero.show .tape b { color: #b8f34a; }
html[data-theme="cash"] .haul { border-color: rgba(10,28,20,.12); background: #e7ebe3; }
html[data-theme="cash"] .haul .card { border: 1px solid rgba(10,28,20,.14); border-radius: 24px; box-shadow: 0 22px 55px rgba(10,28,20,.09); }
html[data-theme="cash"] .haul .card:nth-child(3n+1) figcaption { background: #e9eaff; }
html[data-theme="cash"] .haul .card:nth-child(3n+2) figcaption { background: #f9e8df; }
html[data-theme="cash"] .haul .card:nth-child(3n) figcaption { background: #e8f8c8; }
html[data-theme="cash"] .brands { color: #fff; background: #4e5bff; }
html[data-theme="cash"] .brands .merchant { border-color: rgba(255,255,255,.45); background: rgba(255,255,255,.08); }
html[data-theme="cash"] .feed { background: #0a1c14; }
html[data-theme="cash"] .feed-head { color: #f8fff7; background: linear-gradient(90deg,#0a1c14 75%,transparent); }
html[data-theme="cash"] .feed-head .led { background: #b8f34a; box-shadow: 0 0 12px rgba(184,243,74,.65); }
html[data-theme="cash"] section { background: #f4f5ef; }
html[data-theme="cash"] section h2 { font-weight: 700; letter-spacing: -.055em; }
html[data-theme="cash"] section.dark { --bg:#0a1c14; --bg-2:#14291f; --fg:#f8fff7; --fg-2:rgba(248,255,247,.68); --fg-3:rgba(248,255,247,.44); background:#0a1c14; }
html[data-theme="cash"] .step { border-radius: 24px; background: #14291f; }
html[data-theme="cash"] .step:nth-child(2) { background: #252d68; }
html[data-theme="cash"] .step:nth-child(3) { background: #183a2a; }
html[data-theme="cash"] .step .n { color: #b8f34a; }
html[data-theme="cash"] .show:not(.hero) { background: #e7ebe3; }
html[data-theme="cash"] #past { background: #e8f8c8; }
html[data-theme="cash"] #past .paper:nth-child(2) { box-shadow: 0 28px 65px rgba(78,91,255,.18); }
html[data-theme="cash"] .tier.feature .band { background: #4e5bff; }
html[data-theme="cash"] .tier.feature { box-shadow: 0 26px 70px rgba(78,91,255,.16); }
html[data-theme="cash"] .claim.dark { color: #f8fff7; background: #0a1c14; }
html[data-theme="cash"] .claim.dark .btn { color: #0a1c14; background: #b8f34a; }
html[data-theme="cash"] footer { background: #e7ebe3; }

html[data-theme="night"] {
  --display: "Space Grotesk", Arial, sans-serif;
  --mono: "DM Mono", "IBM Plex Mono", monospace;
  --bg: #070a12; --bg-2: #101625; --paper: #f7f8ff; --paper-2: #e9ecf7;
  --ink: #090c16; --ink-soft: #596071; --ink-faint: #808797; --fg: #edf1ff;
  --fg-2: rgba(237,241,255,.67); --fg-3: rgba(237,241,255,.43); --hair: rgba(146,159,202,.1); --hair-2: rgba(146,159,202,.2);
  --accent: #6f78ff; --accent-glow: rgba(111,120,255,.3); --green: #39a995; --green-2: #78e7d0; --green-3: #daf8f1;
}
html[data-theme="night"] body { color: #edf1ff; background: #070a12; }
html[data-theme="night"] body::before {
  background:
    radial-gradient(circle at 82% 9%, rgba(111,120,255,.2), transparent 29%),
    radial-gradient(circle at 10% 58%, rgba(120,231,208,.08), transparent 32%);
}
html[data-theme="night"] nav:not(.skin-switcher) { color:#edf1ff; background:rgba(7,10,18,.86); border-bottom-color:rgba(142,153,194,.16); }
html[data-theme="night"] nav:not(.skin-switcher) .nav-links a,
html[data-theme="night"] nav:not(.skin-switcher) .nav-meta,
html[data-theme="night"] nav:not(.skin-switcher) .xlink { color:#c4cadb; }
html[data-theme="night"] nav:not(.skin-switcher) .nav-links .btn { border-color:rgba(120,231,208,.3); color:#070a12; background:#78e7d0; box-shadow:none; }
html[data-theme="night"] .brand .mark { filter:invert(95%) sepia(9%) saturate(885%) hue-rotate(193deg); }
html[data-theme="night"] .hero.show {
  color:#edf1ff;
  background:
    linear-gradient(90deg,rgba(145,158,201,.035) 1px,transparent 1px),
    linear-gradient(rgba(145,158,201,.035) 1px,transparent 1px),
    radial-gradient(circle at 81% 49%,rgba(111,120,255,.14),transparent 31%);
  background-size:80px 80px,80px 80px,auto;
}
html[data-theme="night"] .hero.show .show-h { font-weight:600; letter-spacing:-.06em; }
html[data-theme="night"] .hero.show .show-k,
html[data-theme="night"] .hero.show .em { color:#78e7d0; }
html[data-theme="night"] .hero.show .show-sub { color:#a8afc1; }
html[data-theme="night"] .hero.show .btn { color:#070a12; background:#78e7d0; box-shadow:none; }
html[data-theme="night"] .hero.show .btn-ghost { border-color:rgba(120,231,208,.26); color:#c8fff3; background:rgba(16,22,37,.62); }
html[data-theme="night"] .hero.show .printer { border-color:rgba(145,158,201,.24); background:rgba(16,22,37,.84); box-shadow:0 35px 100px rgba(0,0,0,.48),0 0 100px rgba(111,120,255,.09); }
html[data-theme="night"] .hero.show .pslot { background:#78e7d0; box-shadow:0 0 16px rgba(120,231,208,.42); }
html[data-theme="night"] .hero.show .tape { background:linear-gradient(90deg,#555fd9,#6f78ff); }
html[data-theme="night"] .hero.show .tape span { color:#ccd1ff; }
html[data-theme="night"] .haul { border-color:rgba(145,158,201,.14); background:#0c101b; }
html[data-theme="night"] .haul .card { border-color:rgba(145,158,201,.18); background:#101625; }
html[data-theme="night"] .brands { border-color:rgba(145,158,201,.14); background:#070a12; }
html[data-theme="night"] .brands .merchant { border-color:rgba(120,231,208,.2); color:#edf1ff; background:#101625; }
html[data-theme="night"] .brands .merchant b { color:#78e7d0; }
html[data-theme="night"] .feed { border-color:rgba(145,158,201,.18); background:linear-gradient(90deg,#555fd9,#6f78ff); }
html[data-theme="night"] .feed-head { color:#fff; background:linear-gradient(90deg,#555fd9 75%,transparent); }
html[data-theme="night"] section { color:#edf1ff; background:#070a12; }
html[data-theme="night"] section.dark { --bg:#0b0f1a; --bg-2:#12192a; --fg:#edf1ff; --fg-2:rgba(237,241,255,.67); --fg-3:rgba(237,241,255,.43); background:#0b0f1a; }
html[data-theme="night"] section h2 { font-weight:600; letter-spacing:-.055em; }
html[data-theme="night"] .step { border-color:rgba(145,158,201,.18); background:#101625; }
html[data-theme="night"] .step .n { color:#78e7d0; }
html[data-theme="night"] .step:nth-child(2) { border-color:rgba(111,120,255,.48); background:#20284f; }
html[data-theme="night"] .step:nth-child(3) { border-color:rgba(255,201,104,.38); background:#171a22; }
html[data-theme="night"] .step:nth-child(3) .n { color:#ffc968; }
html[data-theme="night"] .show:not(.hero) { background:#101625; }
html[data-theme="night"] .show-rc { box-shadow:0 30px 90px rgba(0,0,0,.45),0 0 70px rgba(111,120,255,.09); }
html[data-theme="night"] #real .real-grid > div { border-color:rgba(145,158,201,.18); background:#101625; }
html[data-theme="night"] #real .real-grid > div:nth-child(2) { border-color:rgba(111,120,255,.48); background:#20284f; }
html[data-theme="night"] #past { background:#0b0f1a; }
html[data-theme="night"] #past .paper { border-color:rgba(145,158,201,.18); }
html[data-theme="night"] #past .paper:nth-child(2) { box-shadow:0 30px 85px rgba(111,120,255,.12); }
html[data-theme="night"] #math { background:radial-gradient(circle at 72% 42%,rgba(111,120,255,.16),transparent 32%),#070a12; }
html[data-theme="night"] input[type="range"] { accent-color:#78e7d0; }
html[data-theme="night"] .tiers-sec { background:#101625; }
html[data-theme="night"] .tiers .paper { border-color:rgba(145,158,201,.2); }
html[data-theme="night"] .tier.feature { border-color:rgba(111,120,255,.48); box-shadow:0 0 80px rgba(111,120,255,.12); }
html[data-theme="night"] .tier.feature .band { background:#6f78ff; }
html[data-theme="night"] .claim.dark { background:linear-gradient(115deg,#5963dc,#6f78ff); }
html[data-theme="night"] .claim.dark .btn { color:#070a12; background:#78e7d0; }
html[data-theme="night"] section:not(.dark) details { border-bottom-color:rgba(145,158,201,.2); }
html[data-theme="night"] footer { color:#edf1ff; background:#070a12; }

/* Second exploration — friendly geometry for 01, warm kinetic editorial for 05. */
html[data-theme="cash"] {
  --display: "Plus Jakarta Sans", Arial, sans-serif;
}
html[data-theme="cash"] .hero.show .show-h,
html[data-theme="cash"] section h2,
html[data-theme="cash"] .claim h2 { font-family:"Plus Jakarta Sans",Arial,sans-serif; letter-spacing:-.055em; }
html[data-theme="cash"] .hero.show .show-h { animation:cash-copy-in .9s cubic-bezier(.2,.8,.2,1) both; }
html[data-theme="cash"] .hero.show .show-sub,
html[data-theme="cash"] .hero.show .hero-cta { animation:cash-copy-in .9s .14s cubic-bezier(.2,.8,.2,1) both; }
html[data-theme="cash"] .hero.show .printer { animation:cash-printer-in 1s .12s cubic-bezier(.16,1,.3,1) both,cash-printer-float 7s 1.2s ease-in-out infinite; }
html[data-theme="cash"] .rise { filter:none; }
html[data-theme="cash"] .haul .card { transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease; }
html[data-theme="cash"] .haul .card:hover { transform:translateY(-10px) rotate(-.5deg)!important; box-shadow:0 30px 70px rgba(10,28,20,.15); }
html[data-theme="cash"] .brands .merchant { transition:color .25s,background .25s,transform .25s; }
html[data-theme="cash"] .brands .merchant:hover { color:#0a1c14; background:#b8f34a; transform:translateY(-2px); }

html[data-theme="night"] {
  --display:"Sora",Arial,sans-serif;
  --headline:"Syne",Arial,sans-serif;
  --mono:"DM Mono","IBM Plex Mono",monospace;
  --bg:#15120f; --bg-2:#211c17; --paper:#fff9ed; --paper-2:#f1e7d6;
  --ink:#17130f; --ink-soft:#665f56; --ink-faint:#8f867a; --fg:#fff1df;
  --fg-2:rgba(255,241,223,.7); --fg-3:rgba(255,241,223,.44); --hair:rgba(255,241,223,.1); --hair-2:rgba(255,241,223,.22);
  --accent:#ff6b2c; --accent-glow:rgba(255,107,44,.3); --green:#5b9fcf; --green-2:#a9d8ff; --green-3:#e0f1ff;
}
html[data-theme="night"] body { color:#fff1df; background:#15120f; }
html[data-theme="night"] body::before {
  background:
    radial-gradient(circle at 84% 12%,rgba(255,107,44,.16),transparent 28%),
    radial-gradient(circle at 7% 57%,rgba(169,216,255,.08),transparent 30%);
}
html[data-theme="night"] .grain { opacity:.075; mix-blend-mode:soft-light; }
html[data-theme="night"] nav:not(.skin-switcher) { color:#fff1df; background:rgba(21,18,15,.9); border-bottom:1px solid rgba(255,241,223,.2); }
html[data-theme="night"] nav:not(.skin-switcher) .nav-links a,
html[data-theme="night"] nav:not(.skin-switcher) .nav-meta,
html[data-theme="night"] nav:not(.skin-switcher) .xlink { color:#dfd1bf; }
html[data-theme="night"] nav:not(.skin-switcher) .nav-links a:hover,
html[data-theme="night"] nav:not(.skin-switcher) .xlink:hover { color:#ff6b2c; }
html[data-theme="night"] nav:not(.skin-switcher) .nav-links .btn { border:0; border-radius:4px; color:#17130f; background:#ff6b2c; box-shadow:6px 6px 0 #a9d8ff; }
html[data-theme="night"] .brand .mark { filter:invert(92%) sepia(15%) saturate(508%) hue-rotate(329deg) brightness(109%); }
html[data-theme="night"] .hero.show {
  color:#fff1df;
  background:
    repeating-linear-gradient(118deg,transparent 0 94px,rgba(255,241,223,.028) 95px 96px),
    radial-gradient(circle at 82% 46%,rgba(255,107,44,.18),transparent 28%),
    #15120f;
}
html[data-theme="night"] .hero.show::after { content:""; position:absolute; right:-10vw; top:18%; width:42vw; height:42vw; border:1px solid rgba(255,107,44,.28); border-radius:50%; pointer-events:none; animation:ember-orbit 18s linear infinite; }
html[data-theme="night"] .hero.show .show-h,
html[data-theme="night"] section h2,
html[data-theme="night"] .turn h3,
html[data-theme="night"] .claim h2,
html[data-theme="night"] .tier .name { font-family:var(--headline); font-weight:700; letter-spacing:-.055em; }
html[data-theme="night"] .hero.show .show-h { max-width:9.2ch; line-height:.8; animation:ember-copy-in 1s cubic-bezier(.16,1,.3,1) both; }
html[data-theme="night"] .hero.show .show-k { color:#a9d8ff; }
html[data-theme="night"] .hero.show .em { color:#ff6b2c; }
html[data-theme="night"] .hero.show .show-sub { color:#c9bdad; animation:ember-copy-in 1s .14s cubic-bezier(.16,1,.3,1) both; }
html[data-theme="night"] .hero.show .hero-cta { animation:ember-copy-in 1s .22s cubic-bezier(.16,1,.3,1) both; }
html[data-theme="night"] .hero.show .btn { border-radius:4px; color:#17130f; background:#ff6b2c; box-shadow:8px 8px 0 rgba(169,216,255,.9); }
html[data-theme="night"] .hero.show .btn:hover { transform:translate(-2px,-2px); box-shadow:11px 11px 0 rgba(169,216,255,.9); }
html[data-theme="night"] .hero.show .btn-ghost { border:1px solid rgba(255,241,223,.35); color:#fff1df; background:rgba(255,241,223,.04); box-shadow:none; }
html[data-theme="night"] .hero.show .printer { border:1px solid rgba(255,241,223,.28); border-radius:12px; background:#211c17; box-shadow:20px 22px 0 rgba(255,107,44,.2),0 38px 100px rgba(0,0,0,.42); backdrop-filter:none; animation:ember-printer-in 1.1s .12s cubic-bezier(.16,1,.3,1) both,ember-printer-float 7s 1.35s ease-in-out infinite; }
html[data-theme="night"] .rise { filter:none; }
html[data-theme="night"] .hero.show .pslot { border-radius:2px; background:#a9d8ff; box-shadow:none; }
html[data-theme="night"] .hero.show .rcpt { border-radius:3px; }
html[data-theme="night"] .hero.show .tape { background:#ff6b2c; }
html[data-theme="night"] .hero.show .tape span { color:#4b2617; }
html[data-theme="night"] .hero.show .tape b { color:#17130f; }
html[data-theme="night"] .haul { border-color:rgba(255,241,223,.18); background:#211c17; }
html[data-theme="night"] .haul .card { border:1px solid rgba(255,241,223,.18); border-radius:8px; background:#2a241e; box-shadow:10px 10px 0 rgba(0,0,0,.18); transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s; }
html[data-theme="night"] .haul .card:hover { transform:translateY(-12px) rotate(-1deg)!important; box-shadow:15px 19px 0 rgba(255,107,44,.22); }
html[data-theme="night"] .brands { border-color:rgba(255,241,223,.18); background:#a9d8ff; color:#17130f; }
html[data-theme="night"] .brands-label { color:#514e49; }
html[data-theme="night"] .brands .merchant { border-color:rgba(23,19,15,.4); border-radius:3px; color:#17130f; background:transparent; transition:background .2s,color .2s,transform .2s; }
html[data-theme="night"] .brands .merchant b { color:#9f3b13; }
html[data-theme="night"] .brands .merchant:hover { color:#fff1df; background:#17130f; transform:translateY(-2px); }
html[data-theme="night"] .brands .merchant:hover b { color:#ff6b2c; }
html[data-theme="night"] .feed { border-color:#15120f; background:#ff6b2c; background-size:200% 100%; animation:ember-band 7s ease-in-out infinite alternate; }
html[data-theme="night"] .feed-head { color:#17130f; background:linear-gradient(90deg,#ff6b2c 75%,transparent); }
html[data-theme="night"] .feed-track .tx { color:#17130f; }
html[data-theme="night"] section { color:#fff1df; background:#15120f; }
html[data-theme="night"] section.dark { --bg:#15120f; --bg-2:#211c17; --fg:#fff1df; --fg-2:rgba(255,241,223,.7); --fg-3:rgba(255,241,223,.44); background:#15120f; }
html[data-theme="night"] section h2 { line-height:.84; }
html[data-theme="night"] .reveal { transform:translateY(32px) rotate(.25deg); filter:none; }
html[data-theme="night"] .reveal.in { transform:none; filter:none; transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1); }
html[data-theme="night"] .steps { gap:12px; }
html[data-theme="night"] .step { border:0; border-radius:8px; color:#17130f; background:#fff1df; box-shadow:10px 10px 0 rgba(0,0,0,.22); transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s; }
html[data-theme="night"] .step:nth-child(2) { border:0; color:#17130f; background:#ff6b2c; }
html[data-theme="night"] .step:nth-child(3) { border:0; color:#17130f; background:#a9d8ff; }
html[data-theme="night"] .step:hover { transform:translateY(-8px); box-shadow:14px 18px 0 rgba(0,0,0,.3); }
html[data-theme="night"] .step .n,
html[data-theme="night"] .step:nth-child(2) .n,
html[data-theme="night"] .step:nth-child(3) .n { color:#17130f; }
html[data-theme="night"] .step p { color:rgba(23,19,15,.7); }
html[data-theme="night"] .step:nth-child(2) p,
html[data-theme="night"] .step:nth-child(3) p { color:rgba(23,19,15,.7); }
html[data-theme="night"] .step .frame { border-radius:4px; }
html[data-theme="night"] .show:not(.hero) { background:#211c17; }
html[data-theme="night"] .show-rc { border-color:rgba(255,241,223,.3); border-radius:4px; box-shadow:16px 18px 0 rgba(255,107,44,.24),0 35px 90px rgba(0,0,0,.38); }
html[data-theme="night"] #real .real-grid > div { border:1px solid rgba(255,241,223,.2); border-radius:6px; background:#211c17; transition:background .3s,transform .3s; }
html[data-theme="night"] #real .real-grid > div:nth-child(2) { border-color:rgba(255,107,44,.62); background:#332015; }
html[data-theme="night"] #real .real-grid > div:hover { transform:translateY(-5px); background:#2b241e; }
html[data-theme="night"] #real .real-grid .n { color:#ff6b2c; }
html[data-theme="night"] #past { color:#17130f; background:#f1e7d6; }
html[data-theme="night"] #past .kicker,
html[data-theme="night"] #past .lead,
html[data-theme="night"] #past .note { color:#665f56; }
html[data-theme="night"] #past .em { color:#e34e12; }
html[data-theme="night"] #past .paper { border:1px solid rgba(23,19,15,.18); border-radius:4px; box-shadow:12px 14px 0 rgba(23,19,15,.12); transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s; }
html[data-theme="night"] #past .paper:nth-child(2) { box-shadow:12px 14px 0 rgba(255,107,44,.28); }
html[data-theme="night"] #past .paper:hover { transform:translateY(-9px) rotate(-.5deg); box-shadow:16px 20px 0 rgba(23,19,15,.16); }
html[data-theme="night"] #math { background:radial-gradient(circle at 73% 42%,rgba(255,107,44,.14),transparent 31%),#15120f; }
html[data-theme="night"] input[type="range"] { accent-color:#ff6b2c; }
html[data-theme="night"] .tiers-sec { background:#211c17; }
html[data-theme="night"] .tiers .paper { border:1px solid rgba(23,19,15,.22); border-radius:5px; }
html[data-theme="night"] .tier.feature { border-color:#ff6b2c; box-shadow:12px 14px 0 rgba(255,107,44,.28); }
html[data-theme="night"] .tier.feature .band { background:#ff6b2c; }
html[data-theme="night"] .claim.dark { color:#17130f; background:#a9d8ff; }
html[data-theme="night"] .claim.dark .kicker,
html[data-theme="night"] .claim.dark p,
html[data-theme="night"] .claim.dark .wl-note { color:#3f5260; }
html[data-theme="night"] .claim.dark .em { color:#e34e12; }
html[data-theme="night"] .claim.dark .btn { border-radius:4px; color:#fff1df; background:#17130f; box-shadow:8px 8px 0 #ff6b2c; }
html[data-theme="night"] section:not(.dark) details { border-bottom-color:rgba(255,241,223,.2); }
html[data-theme="night"] footer { color:#fff1df; background:#15120f; }
html[data-theme="night"] footer .end,
html[data-theme="night"] footer .foot-x { color:#fff1df; }

@keyframes cash-copy-in { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:none; } }
@keyframes cash-printer-in { from { opacity:0; transform:translateY(80px) scale(.94); } to { opacity:1; transform:none; } }
@keyframes cash-printer-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-9px); } }
@keyframes ember-copy-in { from { opacity:0; transform:translateY(38px) skewY(1.2deg); } to { opacity:1; transform:none; } }
@keyframes ember-printer-in { from { opacity:0; transform:translateY(90px) rotate(4deg); } to { opacity:1; transform:rotate(-1deg); } }
@keyframes ember-printer-float { 0%,100% { transform:translateY(0) rotate(-1deg); } 50% { transform:translateY(-11px) rotate(.2deg); } }
@keyframes ember-orbit { to { transform:rotate(360deg); } }
@keyframes ember-band { from { filter:saturate(.92); } to { filter:saturate(1.18) brightness(1.06); } }

@media (prefers-reduced-motion:reduce) {
  html[data-theme="cash"] .hero.show .show-h,
  html[data-theme="cash"] .hero.show .show-sub,
  html[data-theme="cash"] .hero.show .hero-cta,
  html[data-theme="cash"] .hero.show .printer,
  html[data-theme="night"] .hero.show::after,
  html[data-theme="night"] .hero.show .show-h,
  html[data-theme="night"] .hero.show .show-sub,
  html[data-theme="night"] .hero.show .hero-cta,
  html[data-theme="night"] .hero.show .printer,
  html[data-theme="night"] .feed { animation:none!important; }
}

/* 05 — three signature story modules. */
html[data-theme="night"] .haul {
  position:relative;
  padding:68px 0 62px;
  background:
    linear-gradient(rgba(255,241,223,.035) 1px,transparent 1px),
    #15120f;
  background-size:100% 72px;
  border-block:1px solid rgba(255,241,223,.18);
}
html[data-theme="night"] .haul::before {
  content:"";
  position:absolute;
  left:0; right:0; top:122px;
  height:2px;
  background:repeating-linear-gradient(90deg,#ff6b2c 0 22px,transparent 22px 38px);
  opacity:.6;
}
html[data-theme="night"] .haul-head {
  position:relative;
  z-index:2;
  margin-bottom:34px;
  color:#fff1df;
  font:600 12px/1 var(--mono);
  letter-spacing:.18em;
}
html[data-theme="night"] .haul-head i { border-color:rgba(255,241,223,.32); }
html[data-theme="night"] .haul-track {
  counter-reset:purchase;
  align-items:flex-start;
  gap:30px;
  padding:24px max(26px,calc((100vw - 1640px)/2)) 54px;
  perspective:none;
}
html[data-theme="night"] .haul .card {
  counter-increment:purchase;
  flex:0 0 clamp(270px,19vw,340px);
  min-height:520px;
  padding:0 0 78px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:translateY(var(--lift,0));
}
html[data-theme="night"] .haul .card:nth-child(3n+2) { --lift:34px; }
html[data-theme="night"] .haul .card:nth-child(3n) { --lift:14px; }
html[data-theme="night"] .haul .card::before {
  content:counter(purchase,decimal-leading-zero);
  inset:14px auto auto -12px;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  opacity:1;
  border:1px solid #17130f;
  border-radius:50%;
  color:#17130f;
  background:#a9d8ff;
  box-shadow:5px 5px 0 #ff6b2c;
  font:700 13px/1 var(--mono);
}
html[data-theme="night"] .haul .card::after { display:none; }
html[data-theme="night"] .haul .card img {
  width:100%;
  aspect-ratio:4/5;
  border:1px solid rgba(255,241,223,.2);
  border-radius:0;
  filter:saturate(.72) contrast(1.08);
  transition:filter .45s ease,transform .65s cubic-bezier(.16,1,.3,1);
}
html[data-theme="night"] .haul .card:nth-child(even) img { aspect-ratio:1/1.18; }
html[data-theme="night"] .haul .card figcaption {
  position:absolute;
  z-index:3;
  left:18px;
  right:-12px;
  bottom:22px;
  min-height:126px;
  padding:18px 19px 20px;
  border:0;
  color:#17130f;
  background:#fff1df;
  box-shadow:10px 11px 0 rgba(255,107,44,.86);
}
html[data-theme="night"] .haul .card:nth-child(even) figcaption { background:#a9d8ff; box-shadow:10px 11px 0 rgba(255,241,223,.16); }
html[data-theme="night"] .haul .card .tag { color:#766b5f; }
html[data-theme="night"] .haul .card .pair { margin-top:10px; font-family:var(--headline); font-size:17px; }
html[data-theme="night"] .haul .card .pair b { color:#d94a12; }
html[data-theme="night"] .haul .card .amt { margin-top:12px; color:#756b60; }
html[data-theme="night"] .haul .card .amt em { color:#9f3b13; }
html[data-theme="night"] .haul .card:hover {
  transform:translateY(calc(var(--lift,0px) - 12px)) rotate(-.7deg)!important;
  box-shadow:none;
}
html[data-theme="night"] .haul .card:hover img { filter:saturate(1) contrast(1.03); transform:scale(1.015); }
html[data-theme="night"] .haul-fine { color:#9f9588; padding-top:14px; }

html[data-theme="night"] section.show:not(.hero) {
  min-height:900px;
  display:grid;
  grid-template-columns:minmax(360px,.86fr) minmax(540px,1.14fr);
  align-items:stretch;
  padding:0;
  color:#17130f;
  background:#fff1df;
  text-align:left;
}
html[data-theme="night"] section.show:not(.hero)::before {
  content:"AAPL / 03%";
  position:absolute;
  left:32px;
  bottom:24px;
  color:rgba(23,19,15,.22);
  font:600 11px/1 var(--mono);
  letter-spacing:.22em;
}
html[data-theme="night"] section.show:not(.hero) > .wrap {
  width:auto;
  max-width:none;
  margin:0;
  padding:clamp(90px,9vw,150px) 6vw clamp(120px,12vw,190px) max(28px,calc((100vw - 1480px)/2));
  align-self:center;
}
html[data-theme="night"] section.show:not(.hero) .show-k { color:#9f3b13; margin-bottom:30px; }
html[data-theme="night"] section.show:not(.hero) .show-h {
  max-width:8.4ch;
  margin:0;
  color:#17130f;
  font-size:clamp(62px,6.2vw,112px);
  line-height:.78;
}
html[data-theme="night"] section.show:not(.hero) .show-h .em { color:#e34e12; }
html[data-theme="night"] section.show:not(.hero) .show-sub { max-width:31ch; margin:34px 0 0; color:#665f56; }
html[data-theme="night"] section.show:not(.hero) .show-stage {
  position:relative;
  isolation:isolate;
  min-height:900px;
  margin:0;
  overflow:visible;
  background:#ff6b2c;
}
html[data-theme="night"] section.show:not(.hero) .show-stage::before {
  content:"OWN";
  position:absolute;
  z-index:-1;
  right:-.08em;
  top:9%;
  color:rgba(23,19,15,.12);
  font:800 clamp(150px,19vw,350px)/.8 var(--headline);
  letter-spacing:-.09em;
  writing-mode:vertical-rl;
}
html[data-theme="night"] section.show:not(.hero) .show-stage img {
  width:100%;
  height:100%;
  min-height:900px;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
  -webkit-mask-image:none;
  mask-image:none;
  filter:saturate(0) contrast(1.08) brightness(1.08);
  mix-blend-mode:multiply;
  opacity:.72;
  transform:scale(1.04);
  animation:ember-product-drift 11s ease-in-out infinite alternate;
}
html[data-theme="night"] section.show:not(.hero) .show-rc {
  right:auto;
  left:-54px;
  bottom:62px;
  width:min(380px,calc(100% - 46px));
  padding:24px 24px 20px;
  border:1px solid rgba(23,19,15,.22);
  border-radius:0;
  rotate:2deg;
  box-shadow:16px 17px 0 #17130f;
  animation:ember-ticket-float 6s ease-in-out infinite;
}
html[data-theme="night"] section.show:not(.hero) .show-rc .back { color:#17130f; background:#a9d8ff; }

html[data-theme="night"] #past {
  position:relative;
  overflow:hidden;
  padding-block:130px;
  color:#17130f;
  background:
    repeating-linear-gradient(90deg,transparent 0 119px,rgba(23,19,15,.045) 120px),
    #f1e7d6;
}
html[data-theme="night"] #past::before {
  content:"ARCHIVE / KEEP THE RECEIPT";
  position:absolute;
  right:-70px;
  top:50%;
  color:rgba(23,19,15,.08);
  font:800 clamp(74px,10vw,170px)/.8 var(--headline);
  letter-spacing:-.07em;
  transform:translateY(-50%) rotate(90deg);
  transform-origin:center;
  white-space:nowrap;
}
html[data-theme="night"] #past .sec-head { position:relative; z-index:2; }
html[data-theme="night"] #past .sec-head h2 { max-width:11ch; }
html[data-theme="night"] #past .past {
  position:relative;
  z-index:2;
  grid-template-columns:.92fr 1.16fr .92fr;
  gap:24px;
  align-items:start;
  margin-top:90px;
  padding:0 18px 40px;
  counter-reset:archive;
}
html[data-theme="night"] #past .past::before {
  content:"";
  position:absolute;
  left:0; right:0; top:-28px;
  height:2px;
  background:#17130f;
}
html[data-theme="night"] #past .past .paper {
  counter-increment:archive;
  overflow:visible;
  clip-path:none;
  border:1px solid rgba(23,19,15,.25);
  border-top:8px solid #17130f;
  border-radius:0;
  color:#17130f;
  background:#fff9ed;
  box-shadow:10px 12px 0 rgba(23,19,15,.15);
}
html[data-theme="night"] #past .past .paper::before {
  content:"ARCHIVE / 0" counter(archive);
  position:absolute;
  left:-1px;
  top:-39px;
  padding:8px 12px;
  color:#fff1df;
  background:#17130f;
  font:600 10px/1 var(--mono);
  letter-spacing:.14em;
}
html[data-theme="night"] #past .past .paper:nth-child(1) { transform:rotate(-1.5deg); }
html[data-theme="night"] #past .past .paper:nth-child(2) { margin-top:58px; transform:rotate(.8deg); background:#ff6b2c; box-shadow:12px 14px 0 rgba(23,19,15,.22); }
html[data-theme="night"] #past .past .paper:nth-child(3) { margin-top:10px; transform:rotate(1.7deg); background:#a9d8ff; }
html[data-theme="night"] #past .past .paper:nth-child(2) .rule,
html[data-theme="night"] #past .past .paper:nth-child(3) .rule { border-color:rgba(23,19,15,.24); }
html[data-theme="night"] #past .past .paper .big { color:#17130f; font-family:var(--headline); font-weight:800; }
html[data-theme="night"] #past .past .paper .sub2,
html[data-theme="night"] #past .past .paper .then { color:#5f5147; }
html[data-theme="night"] #past .past .paper:hover { transform:translateY(-13px) rotate(0); box-shadow:16px 19px 0 rgba(23,19,15,.2); }
html[data-theme="night"] #past .turn {
  position:relative;
  z-index:2;
  margin-top:80px;
  padding:32px;
  border-top:1px solid #17130f;
  border-bottom:1px solid #17130f;
}

@keyframes ember-product-drift { from { transform:scale(1.04) translateX(-1.5%); } to { transform:scale(1.09) translateX(1.5%); } }
@keyframes ember-ticket-float { 0%,100% { transform:translateY(0) rotate(0); } 50% { transform:translateY(-10px) rotate(-1deg); } }

@media (max-width:900px) {
  html[data-theme="night"] .haul .card { flex-basis:280px; min-height:470px; }
  html[data-theme="night"] .haul .card:nth-child(n) { --lift:0px; }
  html[data-theme="night"] section.show:not(.hero) { min-height:0; grid-template-columns:1fr; }
  html[data-theme="night"] section.show:not(.hero) > .wrap { padding:84px 24px 70px; }
  html[data-theme="night"] section.show:not(.hero) .show-h { max-width:9ch; }
  html[data-theme="night"] section.show:not(.hero) .show-stage { min-height:650px; }
  html[data-theme="night"] section.show:not(.hero) .show-stage img { min-height:650px; }
  html[data-theme="night"] section.show:not(.hero) .show-rc { position:absolute; left:24px; bottom:42px; margin:0; }
  html[data-theme="night"] #past .past { grid-template-columns:1fr; gap:58px; padding-inline:0; }
  html[data-theme="night"] #past .past .paper:nth-child(n) { width:min(100%,560px); margin:0 auto; transform:none; }
  html[data-theme="night"] #past::before { display:none; }
}

@media (max-width:560px) {
  html[data-theme="night"] .haul { padding-top:48px; }
  html[data-theme="night"] .haul-track { gap:20px; padding-inline:20px; }
  html[data-theme="night"] .haul .card { flex-basis:248px; min-height:430px; }
  html[data-theme="night"] .haul .card figcaption { left:10px; right:-6px; }
  html[data-theme="night"] section.show:not(.hero) .show-h { font-size:52px; }
  html[data-theme="night"] section.show:not(.hero) .show-stage,
  html[data-theme="night"] section.show:not(.hero) .show-stage img { min-height:520px; }
  html[data-theme="night"] section.show:not(.hero) .show-rc { left:20px; bottom:32px; width:calc(100% - 54px); }
  html[data-theme="night"] #past { padding-block:90px; }
  html[data-theme="night"] #past .past { margin-top:70px; }
  html[data-theme="night"] #past .turn { padding:24px 0; }
}

@media (prefers-reduced-motion:reduce) {
  html[data-theme="night"] section.show:not(.hero) .show-stage img,
  html[data-theme="night"] section.show:not(.hero) .show-rc { animation:none!important; }
}

/* 01 — Gilded Receipt: quiet wealth, lacquer, ivory and champagne gold. */
html[data-theme="cash"] {
  --display:"Manrope",Arial,sans-serif;
  --headline:"Bodoni Moda",Georgia,serif;
  --mono:"DM Mono","IBM Plex Mono",monospace;
  --bg:#0b0a08; --bg-2:#15120e; --paper:#f8f2e7; --paper-2:#eee4d2;
  --ink:#16120c; --ink-soft:#665e50; --ink-faint:#8d8372; --fg:#f7f1e5;
  --fg-2:rgba(247,241,229,.7); --fg-3:rgba(247,241,229,.44); --hair:rgba(201,163,92,.15); --hair-2:rgba(201,163,92,.34);
  --accent:#c9a35c; --accent-glow:rgba(201,163,92,.24); --green:#174b3a; --green-2:#c9a35c; --green-3:#eee2c8;
}
html[data-theme="cash"] body { color:#f7f1e5; background:#0b0a08; }
html[data-theme="cash"] body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 85% 8%,rgba(201,163,92,.1),transparent 28%);
}
html[data-theme="cash"] nav:not(.skin-switcher),
html[data-theme="cash"] nav:not(.skin-switcher)::before { color:#f7f1e5; background:rgba(11,10,8,.96); }
html[data-theme="cash"] nav:not(.skin-switcher) { border-bottom:1px solid rgba(201,163,92,.24); backdrop-filter:none; }
html[data-theme="cash"] nav:not(.skin-switcher) .nav-links a,
html[data-theme="cash"] nav:not(.skin-switcher) .nav-meta,
html[data-theme="cash"] nav:not(.skin-switcher) .xlink { color:#d9cfbd; }
html[data-theme="cash"] nav:not(.skin-switcher) .nav-links a:hover,
html[data-theme="cash"] nav:not(.skin-switcher) .xlink:hover { color:#d8b972; }
html[data-theme="cash"] nav:not(.skin-switcher) .nav-links .btn { border:1px solid #c9a35c; border-radius:0; color:#0b0a08; background:#c9a35c; }
html[data-theme="cash"] .brand .mark { background:transparent; filter:invert(89%) sepia(22%) saturate(483%) hue-rotate(352deg) brightness(108%); }

html[data-theme="cash"] .hero.show {
  position:relative;
  isolation:isolate;
  min-height:calc(100svh - 70px);
  color:#f7f1e5;
  background:
    linear-gradient(90deg,rgba(201,163,92,.045) 1px,transparent 1px),
    radial-gradient(circle at 79% 44%,rgba(201,163,92,.22),transparent 28%),
    radial-gradient(circle at 74% 48%,rgba(23,75,58,.25),transparent 42%),
    #0b0a08;
  background-size:120px 100%,auto,auto,auto;
}
html[data-theme="cash"] .hero.show::before {
  content:"";
  position:absolute;
  z-index:-1;
  right:7vw;
  top:14%;
  width:min(48vw,690px);
  aspect-ratio:1;
  border:1px solid rgba(201,163,92,.28);
  border-radius:50%;
  box-shadow:inset 0 0 0 42px rgba(201,163,92,.025),inset 0 0 0 43px rgba(201,163,92,.1);
  animation:gilded-orbit 24s linear infinite;
}
html[data-theme="cash"] .hero.show > .wrap { position:relative; z-index:2; }
html[data-theme="cash"] .hero.show .show-k { color:#c9a35c; letter-spacing:.25em; }
html[data-theme="cash"] .hero.show .show-h,
html[data-theme="cash"] section h2,
html[data-theme="cash"] .turn h3,
html[data-theme="cash"] .claim h2,
html[data-theme="cash"] .tier .name { font-family:var(--headline); font-weight:500; letter-spacing:-.048em; }
html[data-theme="cash"] .hero.show .show-h { max-width:8.7ch; font-size:clamp(68px,8.3vw,144px); line-height:.75; animation:gilded-copy-in 1.15s cubic-bezier(.16,1,.3,1) both; }
html[data-theme="cash"] .hero.show .em {
  color:#c9a35c;
  background:linear-gradient(110deg,#9b7432 0,#f2da99 42%,#b98e45 72%,#e9cc84 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-family:var(--headline);
  font-style:italic;
  animation:gilded-type-shine 8s ease-in-out infinite;
}
html[data-theme="cash"] .hero.show .show-sub { color:#bbb19f; animation:gilded-copy-in 1.1s .14s cubic-bezier(.16,1,.3,1) both; }
html[data-theme="cash"] .hero.show .hero-cta { animation:gilded-copy-in 1.1s .22s cubic-bezier(.16,1,.3,1) both; }
html[data-theme="cash"] .hero.show .btn { position:relative; overflow:hidden; border:1px solid #c9a35c; border-radius:0; color:#0b0a08; background:#c9a35c; }
html[data-theme="cash"] .hero.show .btn::before,
html[data-theme="cash"] .claim.dark .btn::before {
  content:"";
  position:absolute;
  inset:-2px auto -2px -35%;
  width:25%;
  background:rgba(255,255,255,.46);
  transform:skewX(-22deg);
  animation:gilded-button-shine 5.5s 1.2s ease-in-out infinite;
}
html[data-theme="cash"] .hero.show .btn-ghost { border-color:rgba(247,241,229,.34); color:#f7f1e5; background:transparent; }
html[data-theme="cash"] .hero.show .printer {
  z-index:2;
  display:flex;
  flex-direction:column;
  width:min(92%,470px);
  min-height:650px;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(201,163,92,.72);
  border-radius:36px;
  background:linear-gradient(145deg,#1c1812,#0b0a08 62%);
  box-shadow:inset 0 0 0 8px rgba(201,163,92,.035),0 38px 100px rgba(0,0,0,.55);
  animation:gilded-printer-in 1.2s .1s cubic-bezier(.16,1,.3,1) both,gilded-printer-float 9s 1.5s ease-in-out infinite;
}
html[data-theme="cash"] .hero.show .pslot {
  width:70%;
  height:8px;
  margin:14px auto 0;
  flex:0 0 auto;
  border-radius:999px;
  background:#c9a35c;
  box-shadow:0 0 18px rgba(201,163,92,.28);
}
html[data-theme="cash"] .hero.show .rcpt {
  width:calc(100% - 52px);
  max-width:380px;
  margin:18px auto 28px;
  flex:0 0 auto;
  border:1px solid rgba(201,163,92,.28);
  border-radius:2px;
  box-shadow:0 30px 70px rgba(0,0,0,.38);
}
html[data-theme="cash"] .hero.show .r-back { color:#174b3a; background:#eee2c8; }
html[data-theme="cash"] .hero.show .r-ver,
html[data-theme="cash"] .hero.show .r-back .face.b { color:#174b3a; }
html[data-theme="cash"] .hero.show .tape { border-block:1px solid #c9a35c; color:#16120c; background:#f7f1e5; }
html[data-theme="cash"] .hero.show .tape span { color:#625947; }
html[data-theme="cash"] .hero.show .tape b { color:#174b3a; }

html[data-theme="cash"] .haul { padding:84px 0 70px; border-color:rgba(201,163,92,.26); background:#f7f1e5; }
html[data-theme="cash"] .haul-head { color:#16120c; }
html[data-theme="cash"] .haul-head i { border-color:rgba(22,18,12,.28); }
html[data-theme="cash"] .haul-track { gap:30px; padding-block:18px 48px; }
html[data-theme="cash"] .haul .card { border:1px solid rgba(22,18,12,.2); border-radius:0; background:#fffaf0; box-shadow:0 20px 55px rgba(22,18,12,.1); }
html[data-theme="cash"] .haul .card img { border-radius:0; filter:saturate(.35) contrast(1.05); transition:filter .55s ease,transform .8s cubic-bezier(.16,1,.3,1); }
html[data-theme="cash"] .haul .card:hover img { filter:saturate(.9) contrast(1.02); transform:scale(1.025); }
html[data-theme="cash"] .haul .card figcaption,
html[data-theme="cash"] .haul .card:nth-child(n) figcaption { border-color:#c9a35c; background:#fffaf0; }
html[data-theme="cash"] .haul .card .pair b,
html[data-theme="cash"] .haul .card .amt em { color:#174b3a; }
html[data-theme="cash"] .haul-fine { color:#776d5c; }

html[data-theme="cash"] .brands { border-color:#c9a35c; color:#f7f1e5; background:#174b3a; }
html[data-theme="cash"] .brands-label { color:#c9a35c; }
html[data-theme="cash"] .brands .merchant { border-color:rgba(201,163,92,.55); border-radius:0; color:#f7f1e5; background:transparent; }
html[data-theme="cash"] .brands .merchant b { color:#d9bb77; }
html[data-theme="cash"] .brands .merchant:hover { color:#16120c; background:#c9a35c; }
html[data-theme="cash"] .feed { border-color:#c9a35c; color:#f7f1e5; background:#0b0a08; }
html[data-theme="cash"] .feed-head { color:#0b0a08; background:linear-gradient(90deg,#c9a35c 75%,transparent); }
html[data-theme="cash"] .feed-head .led { background:#174b3a; box-shadow:0 0 0 3px rgba(23,75,58,.2); }
html[data-theme="cash"] .feed-track .tx { color:#f7f1e5; }
html[data-theme="cash"] .feed-track .tx b { color:#d9bb77; }

html[data-theme="cash"] section { color:#16120c; background:#f7f1e5; }
html[data-theme="cash"] section h2 { line-height:.82; }
html[data-theme="cash"] section .em { color:#9b7432; font-family:var(--headline); font-style:italic; }
html[data-theme="cash"] section.dark { --bg:#0b0a08; --bg-2:#15120e; --fg:#f7f1e5; --fg-2:rgba(247,241,229,.7); --fg-3:rgba(247,241,229,.44); color:#f7f1e5; background:#0b0a08; }
html[data-theme="cash"] .reveal { filter:none; transform:translateY(28px); }
html[data-theme="cash"] .reveal.in { filter:none; transform:none; transition:opacity .9s ease,transform 1.05s cubic-bezier(.16,1,.3,1); }
html[data-theme="cash"] .steps { gap:0; border-top:1px solid rgba(201,163,92,.4); border-bottom:1px solid rgba(201,163,92,.4); }
html[data-theme="cash"] .step { min-height:650px; padding:38px; border:0; border-right:1px solid rgba(201,163,92,.32); border-radius:0; background:transparent; }
html[data-theme="cash"] .step:last-child { border-right:0; }
html[data-theme="cash"] .step:nth-child(2),
html[data-theme="cash"] .step:nth-child(3) { background:transparent; }
html[data-theme="cash"] .step .n,
html[data-theme="cash"] .step:nth-child(2) .n,
html[data-theme="cash"] .step:nth-child(3) .n { color:#c9a35c; font-family:var(--headline); font-weight:400; }
html[data-theme="cash"] .step h3 { font-family:var(--headline); font-size:34px; font-weight:500; }
html[data-theme="cash"] .step p,
html[data-theme="cash"] .step:nth-child(2) p,
html[data-theme="cash"] .step:nth-child(3) p { color:rgba(247,241,229,.62); }
html[data-theme="cash"] .step .frame { border-radius:0; box-shadow:0 24px 70px rgba(0,0,0,.32); }
html[data-theme="cash"] .step:hover { background:rgba(201,163,92,.055); transform:translateY(-6px); }

html[data-theme="cash"] section.show:not(.hero) { padding-top:130px; color:#16120c; background:#eee4d2; }
html[data-theme="cash"] section.show:not(.hero)::before { content:""; position:absolute; left:50%; top:86px; width:1px; height:70px; background:#c9a35c; }
html[data-theme="cash"] section.show:not(.hero) .show-k { color:#7f652f; }
html[data-theme="cash"] section.show:not(.hero) .show-h { max-width:14ch; font-size:clamp(62px,7vw,118px); }
html[data-theme="cash"] section.show:not(.hero) .show-stage { margin-top:54px; }
html[data-theme="cash"] section.show:not(.hero) .show-stage img { width:min(1040px,100%); filter:saturate(.12) contrast(1.03); }
html[data-theme="cash"] section.show:not(.hero) .show-rc { border:1px solid rgba(22,18,12,.22); border-radius:0; box-shadow:18px 20px 0 rgba(23,75,58,.9),0 36px 80px rgba(22,18,12,.18); }
html[data-theme="cash"] section.show:not(.hero) .show-rc .back { color:#174b3a; background:#eee2c8; }

html[data-theme="cash"] #real { background:#f7f1e5; }
html[data-theme="cash"] #real .real-grid { gap:0; border-block:1px solid rgba(22,18,12,.22); }
html[data-theme="cash"] #real .real-grid > div { min-height:300px; padding:42px; border:0; border-right:1px solid rgba(22,18,12,.22); border-radius:0; background:transparent; }
html[data-theme="cash"] #real .real-grid > div:last-child { border-right:0; }
html[data-theme="cash"] #real .real-grid .n { color:#9b7432; font-family:var(--headline); }
html[data-theme="cash"] #real .real-grid > div:hover { color:#f7f1e5; background:#174b3a; transform:translateY(-5px); }
html[data-theme="cash"] #real .real-grid > div:hover p { color:rgba(247,241,229,.7); }

html[data-theme="cash"] #past { color:#f7f1e5; background:#2a1119; }
html[data-theme="cash"] #past .kicker { color:#d9bb77; }
html[data-theme="cash"] #past .sec-lede,
html[data-theme="cash"] #past .fine { color:rgba(247,241,229,.62); }
html[data-theme="cash"] #past .em { color:#d9bb77; }
html[data-theme="cash"] #past .paper { border:1px solid rgba(201,163,92,.38); border-radius:0; box-shadow:0 34px 80px rgba(0,0,0,.32); }
html[data-theme="cash"] #past .paper:nth-child(2) { box-shadow:0 34px 80px rgba(0,0,0,.4),0 0 0 1px #c9a35c; }
html[data-theme="cash"] #past .paper .big { color:#174b3a; font-family:var(--headline); font-weight:600; }
html[data-theme="cash"] #past .turn { padding-top:40px; border-top:1px solid rgba(201,163,92,.42); }

html[data-theme="cash"] #math { background:radial-gradient(circle at 75% 46%,rgba(201,163,92,.12),transparent 34%),#0b0a08; }
html[data-theme="cash"] #math .paper { border:1px solid #c9a35c; border-radius:0; box-shadow:18px 20px 0 rgba(201,163,92,.17),0 38px 90px rgba(0,0,0,.38); }
html[data-theme="cash"] input[type="range"] { accent-color:#c9a35c; }
html[data-theme="cash"] input[type="range"]::-webkit-slider-thumb {
  width:14px;
  height:14px;
  border-radius:50%;
  background:#d8b972;
  box-shadow:0 0 0 2px #0b0a08,0 0 0 3px rgba(216,185,114,.45),0 5px 12px rgba(0,0,0,.3);
}
html[data-theme="cash"] input[type="range"]::-webkit-slider-thumb:hover { transform:scale(1.08); }
html[data-theme="cash"] input[type="range"]::-moz-range-thumb {
  width:14px;
  height:14px;
  border:2px solid #0b0a08;
  border-radius:50%;
  background:#d8b972;
  box-shadow:0 0 0 1px rgba(216,185,114,.45),0 5px 12px rgba(0,0,0,.3);
}
html[data-theme="cash"] .chip.on { color:#0b0a08; background:#c9a35c; }

html[data-theme="cash"] .tiers-sec { background:#eee4d2; }
html[data-theme="cash"] .tiers { gap:18px; }
html[data-theme="cash"] .tiers .paper { border:1px solid rgba(22,18,12,.2); border-radius:0; box-shadow:0 26px 65px rgba(22,18,12,.1); }
html[data-theme="cash"] .tier.feature { color:#f7f1e5; background:#0b0a08; box-shadow:16px 18px 0 rgba(201,163,92,.36); }
html[data-theme="cash"] .tier.feature .band { background:#c9a35c; }
html[data-theme="cash"] .tier.feature .rule { border-color:rgba(247,241,229,.22); }
html[data-theme="cash"] .tier.feature .k,
html[data-theme="cash"] .tier.feature .ph small { color:rgba(247,241,229,.56); }
html[data-theme="cash"] .tier.feature .sample { color:#16120c; background:#eee2c8; }

html[data-theme="cash"] .claim.dark { color:#f7f1e5; background:#174b3a; }
html[data-theme="cash"] .claim.dark .kicker { color:#d9bb77; }
html[data-theme="cash"] .claim.dark p,
html[data-theme="cash"] .claim.dark .wl-note { color:rgba(247,241,229,.7); }
html[data-theme="cash"] .claim.dark .em { color:#d9bb77; }
html[data-theme="cash"] .claim.dark .btn { position:relative; overflow:hidden; border:1px solid #c9a35c; border-radius:0; color:#0b0a08; background:#c9a35c; }
html[data-theme="cash"] section:not(.dark) details { border-bottom-color:rgba(22,18,12,.24); }
html[data-theme="cash"] footer { color:#f7f1e5; background:#0b0a08; border-top:1px solid rgba(201,163,92,.25); }
html[data-theme="cash"] footer .end,
html[data-theme="cash"] footer .foot-x { color:#f7f1e5; }

@keyframes gilded-copy-in { from { opacity:0; transform:translateY(42px); } to { opacity:1; transform:none; } }
@keyframes gilded-printer-in { from { opacity:0; transform:translateY(100px) scale(.94); } to { opacity:1; transform:none; } }
@keyframes gilded-printer-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-9px); } }
@keyframes gilded-type-shine { 0%,22% { background-position:100% 50%; } 65%,100% { background-position:0 50%; } }
@keyframes gilded-button-shine { 0%,68% { left:-35%; } 86%,100% { left:135%; } }
@keyframes gilded-orbit { to { transform:rotate(360deg); } }

@media (max-width:900px) {
  html[data-theme="cash"] .hero.show::before { right:-25vw; top:28%; width:90vw; }
  html[data-theme="cash"] .steps { border:0; }
  html[data-theme="cash"] .step { min-height:0; border-right:0; border-bottom:1px solid rgba(201,163,92,.32); }
  html[data-theme="cash"] #real .real-grid { border:0; }
  html[data-theme="cash"] #real .real-grid > div { min-height:0; border-right:0; border-bottom:1px solid rgba(22,18,12,.22); }
}

@media (max-width:620px) {
  html[data-theme="cash"] .hero.show .show-h { font-size:58px; }
  html[data-theme="cash"] .hero.show .printer { min-height:580px; border-radius:28px; }
  html[data-theme="cash"] section.show:not(.hero) { padding-top:96px; }
  html[data-theme="cash"] section.show:not(.hero) .show-h { font-size:54px; }
}

@media (prefers-reduced-motion:reduce) {
  html[data-theme="cash"] .hero.show::before,
  html[data-theme="cash"] .hero.show .show-h,
  html[data-theme="cash"] .hero.show .show-sub,
  html[data-theme="cash"] .hero.show .hero-cta,
  html[data-theme="cash"] .hero.show .printer,
  html[data-theme="cash"] .hero.show .em,
  html[data-theme="cash"] .hero.show .btn::before,
  html[data-theme="cash"] .claim.dark .btn::before { animation:none!important; }
}

/* 01 correction — contemporary private banking, no fashion serif. */
html[data-theme="cash"] {
  --display:"Instrument Sans",Arial,sans-serif;
  --headline:"Inter Tight","Instrument Sans",Arial,sans-serif;
}
html[data-theme="cash"] body { font-family:var(--display); }
html[data-theme="cash"] .hero.show .show-h,
html[data-theme="cash"] section h2,
html[data-theme="cash"] .turn h3,
html[data-theme="cash"] .claim h2,
html[data-theme="cash"] .tier .name { font-family:var(--headline); font-style:normal; font-weight:650; letter-spacing:-.06em; }
html[data-theme="cash"] .sec-head h2,
html[data-theme="cash"] .turn h3,
html[data-theme="cash"] .claim h2 {
  line-height:1;
  letter-spacing:-.045em;
  text-wrap:balance;
}
html[data-theme="cash"] .hero.show .show-h {
  display:grid;
  gap:.08em;
  line-height:1;
}
html[data-theme="cash"] .hero.show .headline-row {
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  column-gap:.16em;
  row-gap:.02em;
  line-height:1;
}
html[data-theme="cash"] .hero.show .phrase {
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
}
html[data-theme="cash"] .hero.show .phrase .em { padding-right:0; }
html[data-theme="cash"] .hero.show .sw { transition:opacity .3s ease; }
html[data-theme="cash"] .hero.show .sw.out { transform:none; }
html[data-theme="cash"] .hero.show .phrase::after {
  content:"";
  flex:0 0 auto;
  width:.16em;
  height:.16em;
  margin:0 0 .16em .07em;
  border-radius:50%;
  background:#c9a35c;
}
html[data-theme="cash"] .hero.show[data-grad="1"] {
  --brand:#c9a35c!important;
  --brand-grad:linear-gradient(105deg,#9a7130 0%,#d8b86e 30%,#f0d99d 49%,#bd9145 70%,#e5c77f 100%)!important;
}
html[data-theme="cash"] .hero.show[data-grad="1"] .show-h .em {
  background-image:var(--brand-grad);
  background-size:180% 100%;
}
html[data-theme="cash"] .hero.show .em,
html[data-theme="cash"] section .em,
html[data-theme="cash"] #past .em,
html[data-theme="cash"] .claim.dark .em {
  color:#c9a35c;
  background:none;
  -webkit-text-fill-color:currentColor;
  font-family:inherit;
  font-style:normal;
  font-weight:650;
  animation:none;
}
html[data-theme="cash"] .paper .big,
html[data-theme="cash"] #past .paper .big { font-family:var(--headline); font-style:normal; font-weight:700; letter-spacing:-.055em; font-variant-numeric:tabular-nums; }

/* Purchase portfolio: an asymmetric editorial grid. */
html[data-theme="cash"] .haul { padding:100px 0; }
html[data-theme="cash"] .haul-head { margin-bottom:42px; font-size:12px; letter-spacing:.16em; }
html[data-theme="cash"] .haul-track {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:22px;
  width:min(1540px,calc(100% - 64px));
  margin:0 auto;
  padding:0;
  overflow:visible;
  counter-reset:portfolio;
}
html[data-theme="cash"] .haul .card {
  counter-increment:portfolio;
  width:auto;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(22,18,12,.18);
  border-radius:12px;
  background:#10120f;
  box-shadow:0 18px 50px rgba(22,18,12,.12);
  transform:none!important;
}
html[data-theme="cash"] .haul .card:nth-child(1),
html[data-theme="cash"] .haul .card:nth-child(6) { grid-column:span 5; }
html[data-theme="cash"] .haul .card:nth-child(2),
html[data-theme="cash"] .haul .card:nth-child(4) { grid-column:span 3; }
html[data-theme="cash"] .haul .card:nth-child(3),
html[data-theme="cash"] .haul .card:nth-child(5) { grid-column:span 4; }
html[data-theme="cash"] .haul .card::before {
  content:"0" counter(portfolio);
  position:absolute;
  z-index:3;
  inset:18px auto auto 18px;
  width:auto;
  height:auto;
  padding:8px 10px;
  border:1px solid rgba(247,241,229,.34);
  border-radius:999px;
  color:#f7f1e5;
  background:#10120f;
  opacity:1;
  font:500 11px/1 var(--mono);
  letter-spacing:.08em;
}
html[data-theme="cash"] .haul .card::after { display:none; }
html[data-theme="cash"] .haul .card img {
  height:clamp(320px,31vw,510px);
  aspect-ratio:auto;
  border:0;
  filter:saturate(.42) contrast(1.08);
  transition:filter .5s ease,transform .8s cubic-bezier(.16,1,.3,1);
}
html[data-theme="cash"] .haul .card:nth-child(2) img,
html[data-theme="cash"] .haul .card:nth-child(4) img { height:clamp(300px,27vw,450px); }
html[data-theme="cash"] .haul .card figcaption,
html[data-theme="cash"] .haul .card:nth-child(n) figcaption {
  min-height:142px;
  padding:22px 22px 24px;
  border:0;
  border-top:1px solid rgba(201,163,92,.55);
  color:#f7f1e5;
  background:#10120f;
}
html[data-theme="cash"] .haul .card .tag { color:#a79c88; }
html[data-theme="cash"] .haul .card .pair { margin-top:11px; font-family:var(--headline); font-size:18px; font-weight:600; }
html[data-theme="cash"] .haul .card .pair b { color:#d8b972; }
html[data-theme="cash"] .haul .card .amt { margin-top:13px; color:#9f9584; }
html[data-theme="cash"] .haul .card .amt em { color:#d8b972; }
html[data-theme="cash"] .haul .card:hover { transform:translateY(-8px)!important; box-shadow:0 30px 70px rgba(22,18,12,.2); }
html[data-theme="cash"] .haul .card:hover img { filter:saturate(.95) contrast(1.02); transform:scale(1.025); }
html[data-theme="cash"] .haul-fine { padding-top:34px; }

/* Product feature: fixed split composition with visible copy. */
html[data-theme="cash"] section.show:not(.hero) {
  min-height:820px;
  display:grid;
  grid-template-columns:minmax(430px,.9fr) minmax(560px,1.1fr);
  align-items:stretch;
  padding:0;
  color:#15120d;
  background:#f3eee4;
  text-align:left;
}
html[data-theme="cash"] section.show:not(.hero)::before { display:none; }
html[data-theme="cash"] section.show:not(.hero) > .wrap {
  width:auto;
  max-width:none;
  margin:0;
  padding:120px 6vw 120px max(32px,calc((100vw - 1480px)/2));
  align-self:center;
}
html[data-theme="cash"] section.show:not(.hero) .show-k { margin-bottom:30px; color:#795f2c; }
html[data-theme="cash"] section.show:not(.hero) .show-h {
  max-width:8.8ch;
  margin:0;
  color:#15120d;
  font-size:clamp(68px,6.5vw,116px);
  line-height:1;
  text-align:left;
}
html[data-theme="cash"] section.show:not(.hero) .show-sub { max-width:32ch; margin:32px 0 0; color:#6c6456; text-align:left; }
html[data-theme="cash"] section.show:not(.hero) .show-stage {
  min-height:820px;
  margin:0;
  overflow:hidden;
  border-left:1px solid rgba(21,18,13,.16);
  background:#dfe5df;
}
html[data-theme="cash"] section.show:not(.hero) .show-stage::before {
  content:"REWARD / AAPL";
  position:absolute;
  z-index:2;
  right:26px;
  top:24px;
  color:#174b3a;
  font:500 10px/1 var(--mono);
  letter-spacing:.18em;
}
html[data-theme="cash"] section.show:not(.hero) .show-stage img {
  width:100%;
  height:100%;
  min-height:820px;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
  -webkit-mask-image:none;
  mask-image:none;
  filter:saturate(.22) contrast(1.04);
  transform:scale(1.03);
  transition:transform 1.2s cubic-bezier(.16,1,.3,1);
}
html[data-theme="cash"] section.show:not(.hero):hover .show-stage img { transform:scale(1.07); }
html[data-theme="cash"] section.show:not(.hero) .show-rc {
  right:auto;
  left:48px;
  bottom:54px;
  width:min(370px,calc(100% - 96px));
  max-width:calc(100% - 96px);
  box-sizing:border-box;
  margin:0;
  padding:24px 24px 20px;
  border:1px solid rgba(21,18,13,.2);
  border-radius:8px;
  rotate:-1.2deg;
  box-shadow:14px 16px 0 #174b3a,0 35px 80px rgba(21,18,13,.2);
}
html[data-theme="cash"] section.show:not(.hero) .show-rc .back { color:#174b3a; background:#e8dfc8; }

/* Historical returns: clean portfolio statements, no decorative numerals. */
html[data-theme="cash"] #past { padding-block:130px; background:#27131a; }
html[data-theme="cash"] #past .past { gap:18px; margin-top:20px; align-items:stretch; }
html[data-theme="cash"] #past .past .paper {
  min-height:100%;
  overflow:hidden;
  container-type:inline-size;
  clip-path:none;
  border:1px solid rgba(201,163,92,.38);
  border-radius:12px;
  background:#f7f1e5;
  box-shadow:none;
  transform:none;
}
html[data-theme="cash"] #past .past .paper::before {
  content:"PORTFOLIO HISTORY";
  display:block;
  padding:10px 20px;
  color:#f7f1e5;
  background:#174b3a;
  font:500 9px/1 var(--mono);
  letter-spacing:.18em;
}
html[data-theme="cash"] #past .past .paper:nth-child(2) { transform:translateY(28px); border-color:#c9a35c; box-shadow:0 22px 55px rgba(0,0,0,.25); }
html[data-theme="cash"] #past .past .paper .in { padding:28px 26px 30px; }
html[data-theme="cash"] #past .past .paper .tot {
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  align-items:start;
}
html[data-theme="cash"] #past .past .paper .big {
  width:100%;
  color:#174b3a;
  font-size:clamp(32px,13cqi,52px);
  line-height:.92;
  text-align:right;
  white-space:nowrap;
}
html[data-theme="cash"] #past .past .paper .stamp2 { color:#8d6d2f; border-color:#b68d43; }
html[data-theme="cash"] #past .past .paper:hover { transform:translateY(-8px); box-shadow:0 28px 70px rgba(0,0,0,.28); }
html[data-theme="cash"] #past .past .paper:nth-child(2):hover { transform:translateY(18px); }
html[data-theme="cash"] #past .turn { margin-top:110px; }

/* Membership levels: three distinct, fully readable cards. */
html[data-theme="cash"] .tiers-sec { padding-block:130px; background:#e9e2d5; }
html[data-theme="cash"] .tiers { gap:18px; align-items:stretch; }
html[data-theme="cash"] .tiers .paper,
html[data-theme="cash"] .tiers .paper:nth-child(n) {
  min-height:0;
  overflow:hidden;
  clip-path:none;
  border:1px solid rgba(21,18,13,.18);
  border-radius:14px;
  color:#15120d;
  background:#f8f4ec;
  box-shadow:none;
  transform:none;
}
html[data-theme="cash"] .tiers .paper:nth-child(3) { background:#d8bd7d; }
html[data-theme="cash"] .tiers .paper:hover { transform:translateY(-9px); box-shadow:0 28px 60px rgba(21,18,13,.13); }
html[data-theme="cash"] .tiers .tier.feature {
  color:#f7f1e5;
  background:#123e32;
  box-shadow:0 24px 60px rgba(18,62,50,.2);
}
html[data-theme="cash"] .tier .band,
html[data-theme="cash"] .tier.feature .band {
  width:auto;
  height:4px;
  margin:0 16px;
  border-radius:0;
  background:#174b3a;
}
html[data-theme="cash"] .tier.feature .band {
  background:#dfc27e;
}
html[data-theme="cash"] .tier .name { margin-top:6px; font-size:42px; line-height:1; }
html[data-theme="cash"] .tier.feature .flag {
  top:14px;
  right:16px;
  left:auto;
  width:auto;
  height:auto;
  display:block;
  box-sizing:border-box;
  padding:7px 10px;
  transform:none;
  border:1px solid rgba(18,62,50,.2);
  border-radius:999px;
  color:#123e32;
  background:#dfc27e;
  box-shadow:none;
}
html[data-theme="cash"] .tier .in,
html[data-theme="cash"] .tier.feature .in { padding:26px 26px 24px; }
html[data-theme="cash"] .tier .sample { margin-top:18px; padding:18px; border:1px solid rgba(21,18,13,.12); background:#eee8dc; }
html[data-theme="cash"] .tier.feature .name,
html[data-theme="cash"] .tier.feature .row,
html[data-theme="cash"] .tier.feature .row b,
html[data-theme="cash"] .tier.feature .thanks { color:#f7f1e5; }
html[data-theme="cash"] .tier.feature .ph small,
html[data-theme="cash"] .tier.feature .row .k { color:rgba(247,241,229,.62); }
html[data-theme="cash"] .tier.feature .rule { border-color:rgba(247,241,229,.24); }
html[data-theme="cash"] .tier.feature .sample { color:#f7f1e5; border-color:rgba(201,163,92,.42); background:#0d3027; }
html[data-theme="cash"] .tier.feature .sample .k { color:rgba(247,241,229,.58); }
html[data-theme="cash"] .tier.feature .sample .v,
html[data-theme="cash"] .tier.feature .sample .v span { color:#f7f1e5; }
html[data-theme="cash"] .tier.feature .sample .v b { color:#dfc27e; }
html[data-theme="cash"] .tier.feature .barcode { filter:none; opacity:1; }
html[data-theme="cash"] .tier.feature .barcode i { background:#dfc27e; }
html[data-theme="cash"] .tiers .paper:nth-child(3) .sample { background:rgba(247,241,229,.42); }

html[data-theme="cash"] footer .barcode {
  width:max-content;
  min-width:210px;
  padding:9px 12px;
  border:1px solid rgba(201,163,92,.3);
  background:rgba(201,163,92,.07);
}
html[data-theme="cash"] footer .barcode i { background:#d8b972; }

/* FAQ: restore the original accordion information hierarchy on the light surface. */
html[data-theme="cash"] .faq {
  max-width:960px;
  border-top-color:#16120c;
}
html[data-theme="cash"] .faq details {
  border-bottom-color:rgba(22,18,12,.24);
  transition:background .25s ease;
}
html[data-theme="cash"] .faq summary {
  grid-template-columns:64px minmax(0,1fr) 20px;
  min-height:88px;
  box-sizing:border-box;
  padding:24px 8px;
  color:#16120c;
}
html[data-theme="cash"] .faq summary .q {
  color:#9b7432;
  font-weight:600;
}
html[data-theme="cash"] .faq summary .plus {
  width:16px;
  height:16px;
  display:grid;
  place-items:center;
  justify-self:end;
  border:0;
  border-radius:0;
  color:transparent;
  background:transparent;
  font-size:0;
  transition:transform .25s ease;
}
html[data-theme="cash"] .faq summary .plus::before {
  content:"";
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:6px solid #174b3a;
}
html[data-theme="cash"] .faq details p {
  max-width:72ch;
  padding:0 48px 30px 80px;
  color:#665e50;
  font-size:16px;
  line-height:1.65;
}
html[data-theme="cash"] .faq details[open] { background:rgba(201,163,92,.07); }
html[data-theme="cash"] .faq details[open] summary .plus {
  border:0;
  color:transparent;
  background:transparent;
  transform:rotate(180deg);
}

@media (max-width:1100px) {
  html[data-theme="cash"] .haul-track { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-theme="cash"] .haul .card:nth-child(n) { grid-column:span 1; }
  html[data-theme="cash"] section.show:not(.hero) { grid-template-columns:1fr; }
  html[data-theme="cash"] section.show:not(.hero) > .wrap { padding:90px 40px 76px; }
  html[data-theme="cash"] section.show:not(.hero) .show-h { max-width:10ch; }
  html[data-theme="cash"] section.show:not(.hero) .show-stage,
  html[data-theme="cash"] section.show:not(.hero) .show-stage img { min-height:680px; }
  html[data-theme="cash"] section.show:not(.hero) .show-stage { border-left:0; border-top:1px solid rgba(21,18,13,.16); }
  html[data-theme="cash"] section.show:not(.hero) .show-rc { left:40px; width:min(370px,calc(100% - 80px)); max-width:calc(100% - 80px); }
}

@media (max-width:900px) {
  html[data-theme="cash"] .hero.show > .wrap { max-width:100%; }
  html[data-theme="cash"] .hero.show .show-h {
    width:100%;
    max-width:11ch;
    font-size:clamp(44px,8.5vw,68px);
    line-height:1;
    overflow-wrap:normal;
  }
}

@media (max-width:700px) {
  html[data-theme="cash"] .haul-track {
    display:flex;
    width:auto;
    margin:0;
    padding:0 20px 28px;
    overflow-x:auto;
  }
  html[data-theme="cash"] .haul .card:nth-child(n) { flex:0 0 280px; }
  html[data-theme="cash"] .haul .card img,
  html[data-theme="cash"] .haul .card:nth-child(n) img { height:360px; }
  html[data-theme="cash"] section.show:not(.hero) > .wrap { padding:80px 22px 65px; }
  html[data-theme="cash"] section.show:not(.hero) .show-h { font-size:54px; }
  html[data-theme="cash"] section.show:not(.hero) .show-stage,
  html[data-theme="cash"] section.show:not(.hero) .show-stage img { min-height:540px; }
  html[data-theme="cash"] section.show:not(.hero) .show-rc { left:20px; bottom:34px; width:calc(100% - 40px); max-width:calc(100% - 40px); }
  html[data-theme="cash"] #past .past .paper:nth-child(n) { transform:none; }
  html[data-theme="cash"] #past .past .paper:nth-child(n):hover { transform:translateY(-6px); }
  html[data-theme="cash"] .hero.show { padding-inline:18px; }
  html[data-theme="cash"] .hero.show .show-h {
    max-width:100%;
    font-size:clamp(38px,11.8vw,52px);
    line-height:1;
    letter-spacing:-.062em;
  }
  html[data-theme="cash"] .tiers-sec { padding-block:96px; }
  html[data-theme="cash"] .tiers { gap:22px; }
  html[data-theme="cash"] .faq summary {
    grid-template-columns:42px minmax(0,1fr) 20px;
    min-height:76px;
    padding:20px 0;
    font-size:18px;
  }
  html[data-theme="cash"] .faq summary .plus { width:16px; height:16px; }
  html[data-theme="cash"] .faq details p { padding:0 0 26px 42px; }
}

/* 05 final palette — espresso, parchment, muted copper and smoked sage. */
html[data-theme="night"] {
  --bg:#18120f;
  --bg-2:#241a15;
  --paper:#f3e8d5;
  --paper-2:#e7d9c2;
  --ink:#1c1511;
  --ink-soft:#6d6055;
  --ink-faint:#928477;
  --fg:#f2e6d3;
  --fg-2:rgba(242,230,211,.7);
  --fg-3:rgba(242,230,211,.44);
  --hair:rgba(242,230,211,.1);
  --hair-2:rgba(242,230,211,.2);
  --accent:#a86643;
  --accent-glow:rgba(168,102,67,.22);
  --green:#6f8373;
  --green-2:#9eae9f;
  --green-3:#dce2d7;
}
html[data-theme="night"] body { color:#f2e6d3; background:#18120f; }
html[data-theme="night"] body::before {
  background:
    radial-gradient(circle at 84% 12%,rgba(168,102,67,.12),transparent 29%),
    radial-gradient(circle at 8% 58%,rgba(158,174,159,.055),transparent 32%);
}
html[data-theme="night"] nav:not(.skin-switcher) {
  color:#f2e6d3;
  background:rgba(24,18,15,.94);
  border-bottom-color:rgba(242,230,211,.16);
}
html[data-theme="night"] nav:not(.skin-switcher) .nav-links a,
html[data-theme="night"] nav:not(.skin-switcher) .nav-meta,
html[data-theme="night"] nav:not(.skin-switcher) .xlink { color:#d4c7b6; }
html[data-theme="night"] nav:not(.skin-switcher) .nav-links a:hover,
html[data-theme="night"] nav:not(.skin-switcher) .xlink:hover { color:#bd7b57; }
html[data-theme="night"] nav:not(.skin-switcher) .nav-links .btn {
  color:#1c1511;
  background:#b97955;
  box-shadow:5px 5px 0 rgba(111,131,115,.75);
}
html[data-theme="night"] .hero.show {
  color:#f2e6d3;
  background:
    repeating-linear-gradient(118deg,transparent 0 94px,rgba(242,230,211,.022) 95px 96px),
    radial-gradient(circle at 82% 46%,rgba(168,102,67,.12),transparent 30%),
    #18120f;
}
html[data-theme="night"] .hero.show::after { border-color:rgba(168,102,67,.2); }
html[data-theme="night"] .hero.show .show-h {
  display:grid;
  gap:.08em;
  max-width:9.6ch;
  line-height:.96;
}
html[data-theme="night"] .hero.show .headline-row {
  min-width:0;
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  column-gap:.16em;
  row-gap:.1em;
  line-height:.96;
}
html[data-theme="night"] .hero.show .phrase { display:inline-flex; white-space:nowrap; }
html[data-theme="night"] .hero.show .sw {
  display:inline-block;
  line-height:1;
  transform:none!important;
  transition:opacity .28s ease;
}
html[data-theme="night"] .hero.show .sw.out { transform:none!important; }
html[data-theme="night"] .hero.show .show-k { color:#9eae9f; }
html[data-theme="night"] .hero.show .em { color:#b97955; }
html[data-theme="night"] .hero.show .show-h #hw,
html[data-theme="night"] .hero.show[data-grad="1"] .show-h #hw {
  color:#aeb7aa;
  background:none!important;
  -webkit-text-fill-color:#aeb7aa;
  animation:none;
}
html[data-theme="night"] .hero.show .show-h #hb,
html[data-theme="night"] .hero.show[data-grad="1"] .show-h #hb {
  color:#b97955;
  background:none!important;
  -webkit-text-fill-color:#b97955;
  animation:none;
}
html[data-theme="night"] .hero.show .show-sub { color:#c2b5a4; }
html[data-theme="night"] .hero.show .btn { color:#1c1511; background:#b97955; box-shadow:7px 7px 0 rgba(111,131,115,.72); }
html[data-theme="night"] .hero.show .btn:hover { box-shadow:10px 10px 0 rgba(111,131,115,.72); }
html[data-theme="night"] .hero.show .btn-ghost { border-color:rgba(242,230,211,.28); color:#f2e6d3; background:rgba(242,230,211,.035); box-shadow:none; }
html[data-theme="night"] .hero.show .printer {
  padding:16px 16px 24px;
  border:1px solid rgba(242,230,211,.2);
  border-radius:18px;
  background:linear-gradient(145deg,#2b201a,#1d1612);
  box-shadow:0 30px 76px rgba(0,0,0,.38),0 0 0 1px rgba(168,102,67,.08);
  animation:night-printer-in .9s .12s cubic-bezier(.16,1,.3,1) both;
}
html[data-theme="night"] .hero.show .pslot {
  width:78%;
  height:8px;
  margin:4px auto 0;
  border-radius:999px;
  background:#9eae9f;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
}
html[data-theme="night"] .hero.show .rcpt {
  width:calc(100% - 18px);
  margin:0 auto 12px;
  padding:32px 28px 27px;
  border:1px solid rgba(63,42,32,.13);
  border-radius:3px;
  background:linear-gradient(180deg,#f7eddd 0%,#efe1ca 100%);
  box-shadow:0 24px 48px rgba(0,0,0,.24);
}
html[data-theme="night"] .hero.show .rcpt.printing {
  animation:night-receipt-print 1.55s cubic-bezier(.2,.75,.2,1) forwards;
}
html[data-theme="night"] .hero.show .rcpt.tear {
  animation:night-receipt-out .48s ease forwards;
}
html[data-theme="night"] .hero.show .r-rule { border-color:rgba(63,42,32,.18); }
html[data-theme="night"] .hero.show .r-ver {
  color:#617365;
  margin-top:16px;
}
html[data-theme="night"] .hero.show .r-ver i { background:#617365; }
html[data-theme="night"] .hero.show .r-back {
  overflow:hidden;
  border:1px solid rgba(125,80,56,.18);
  border-radius:5px;
  color:#7d5038;
  background:#e4d7bf;
  transition:background .45s ease,color .45s ease;
}
html[data-theme="night"] .hero.show .r-flip {
  transform:none!important;
  transition:none;
}
html[data-theme="night"] .hero.show .r-flip .face {
  transition:opacity .42s ease,transform .42s cubic-bezier(.2,.75,.2,1);
}
html[data-theme="night"] .hero.show .r-flip .face.a {
  color:#617365;
  opacity:1;
  transform:none;
}
html[data-theme="night"] .hero.show .r-flip .face.b {
  color:#7d5038;
  opacity:0;
  transform:translateY(7px);
}
html[data-theme="night"] .hero.show .r-flip.paid .face.a {
  opacity:0;
  transform:translateY(-7px);
}
html[data-theme="night"] .hero.show .r-flip.paid .face.b {
  opacity:1;
  transform:none;
}
html[data-theme="night"] .hero.show .r-flip .face.b b { color:#7d5038; }
html[data-theme="night"] .hero.show .r-flip .face.b small { color:#69564a; }
html[data-theme="night"] .hero.show .r-flip .dotp { background:#b97955; animation:none; }
html[data-theme="night"] .hero.show .tape { background:#a86643; }
html[data-theme="night"] .hero.show .tape span { color:#3f2920; }
html[data-theme="night"] .hero.show .tape b { color:#1c1511; }

@keyframes night-printer-in {
  from { opacity:0; transform:translateY(36px); }
  to { opacity:1; transform:none; }
}
@keyframes night-receipt-print {
  from { opacity:.55; clip-path:inset(0 0 100% 0); transform:translateY(-12px); }
  to { opacity:1; clip-path:inset(0 0 -14px 0); transform:none; }
}
@keyframes night-receipt-out {
  from { opacity:1; clip-path:inset(0 0 -14px 0); transform:none; }
  to { opacity:0; clip-path:inset(0 0 -14px 0); transform:translateY(18px); }
}

@media (prefers-reduced-motion:reduce) {
  html[data-theme="night"] .hero.show .printer,
  html[data-theme="night"] .hero.show .rcpt.printing,
  html[data-theme="night"] .hero.show .rcpt.tear { animation:none!important; clip-path:none!important; }
  html[data-theme="night"] .hero.show .r-flip .face { transition:none!important; }
}

html[data-theme="night"] .haul { border-color:rgba(242,230,211,.14); background:#241a15; }
html[data-theme="night"] .haul::before { background:repeating-linear-gradient(90deg,#a86643 0 22px,transparent 22px 38px); opacity:.36; }
html[data-theme="night"] .haul .card { border-color:rgba(242,230,211,.15); background:#2a1f19; }
html[data-theme="night"] .haul .card::before { box-shadow:5px 5px 0 #8d563a; }
html[data-theme="night"] .haul .card:hover { box-shadow:14px 18px 0 rgba(168,102,67,.16); }
html[data-theme="night"] .haul .card figcaption { background:#f0e4d1; box-shadow:9px 10px 0 rgba(142,86,58,.8); }
html[data-theme="night"] .haul .card:nth-child(even) figcaption { background:#c8b99f; box-shadow:9px 10px 0 rgba(242,230,211,.12); }
html[data-theme="night"] .haul .card .pair b,
html[data-theme="night"] .haul .card .amt em { color:#8d563a; }
html[data-theme="night"] .haul-track {
  display:grid;
  grid-template-columns:repeat(6,minmax(250px,1fr));
  align-items:stretch;
  gap:22px;
  width:100%;
  padding:24px 32px 48px;
  overflow-x:auto;
  perspective:none;
}
html[data-theme="night"] .haul .card,
html[data-theme="night"] .haul .card:nth-child(n) {
  --lift:0px;
  position:relative;
  display:grid;
  grid-template-rows:360px minmax(126px,auto);
  min-width:0;
  min-height:0;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(242,230,211,.15);
  border-radius:6px;
  background:#2a1f19;
  transform:none;
}
html[data-theme="night"] .haul .card::before {
  content:"ITEM " counter(purchase,decimal-leading-zero);
  inset:14px auto auto 14px;
  width:auto;
  height:28px;
  padding:0 10px;
  display:flex;
  align-items:center;
  border:1px solid rgba(242,230,211,.58);
  border-radius:999px;
  color:#f2e6d3;
  background:rgba(28,21,17,.84);
  box-shadow:none;
  backdrop-filter:blur(6px);
  font:600 10px/1 var(--mono);
  letter-spacing:.12em;
}
html[data-theme="night"] .haul .card img,
html[data-theme="night"] .haul .card:nth-child(even) img {
  width:100%;
  height:360px;
  aspect-ratio:auto;
  border:0;
  object-fit:cover;
}
html[data-theme="night"] .haul .card figcaption,
html[data-theme="night"] .haul .card:nth-child(even) figcaption {
  position:static;
  min-height:126px;
  padding:18px 18px 20px;
  border-top:1px solid rgba(28,21,17,.18);
  color:#1c1511;
  background:#f0e4d1;
  box-shadow:none;
}
html[data-theme="night"] .haul .card:hover,
html[data-theme="night"] .haul .card:nth-child(n):hover {
  transform:translateY(-7px)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.24);
}

html[data-theme="night"] .brands { border-color:rgba(28,21,17,.2); color:#1c1511; background:#c8b99f; }
html[data-theme="night"] .brands .merchant { border-color:rgba(28,21,17,.34); color:#1c1511; }
html[data-theme="night"] .brands .merchant b { color:#7d5038; }
html[data-theme="night"] .brands .merchant:hover { color:#f2e6d3; background:#1c1511; }
html[data-theme="night"] .brands .merchant:hover b { color:#c48762; }
html[data-theme="night"] .feed { border-color:#18120f; background:#a86643; }
html[data-theme="night"] .feed-head { color:#1c1511; background:linear-gradient(90deg,#a86643 75%,transparent); }
html[data-theme="night"] .feed-track .tx { color:#1c1511; }

html[data-theme="night"] section { color:#f2e6d3; background:#18120f; }
html[data-theme="night"] section.dark { --bg:#18120f; --bg-2:#241a15; --fg:#f2e6d3; --fg-2:rgba(242,230,211,.7); --fg-3:rgba(242,230,211,.44); background:#18120f; }
html[data-theme="night"] section h2 { line-height:.94; }
html[data-theme="night"] .step { color:#1c1511; background:#f0e4d1; box-shadow:9px 10px 0 rgba(0,0,0,.2); }
html[data-theme="night"] .step:nth-child(2) { color:#1c1511; background:#b97955; }
html[data-theme="night"] .step:nth-child(3) { color:#1c1511; background:#c8b99f; }
html[data-theme="night"] .step .frame .tag {
  padding:7px 10px;
  border:1px solid rgba(28,21,17,.28);
  color:#1c1511;
  background:#f2e6d3;
  font-weight:600;
  letter-spacing:.16em;
  box-shadow:3px 3px 0 rgba(28,21,17,.16);
}
html[data-theme="night"] .show:not(.hero) { background:#241a15; }
html[data-theme="night"] .show-rc { border-color:rgba(242,230,211,.24); box-shadow:14px 16px 0 rgba(168,102,67,.2),0 32px 80px rgba(0,0,0,.34); }
html[data-theme="night"] section.show:not(.hero) { color:#1c1511; background:#f0e4d1; }
html[data-theme="night"] section.show:not(.hero) .show-k { color:#7d5038; }
html[data-theme="night"] section.show:not(.hero) .show-h { color:#1c1511; line-height:.96; }
html[data-theme="night"] section.show:not(.hero) .show-h .em { color:#9a5d3e; }
html[data-theme="night"] section.show:not(.hero) .show-stage { background:#a96f50; }
html[data-theme="night"] section.show:not(.hero) .show-rc {
  left:auto;
  right:32px;
  bottom:44px;
  width:min(380px,calc(100% - 64px));
  max-width:calc(100% - 64px);
  margin:0;
  rotate:0deg;
  animation:none;
}
html[data-theme="night"] section.show:not(.hero) .show-rc .back { color:#1c1511; background:#c8b99f; }

html[data-theme="night"] #real .real-grid > div { border-color:rgba(242,230,211,.16); background:#241a15; }
html[data-theme="night"] #real .real-grid > div:nth-child(2) { border-color:rgba(168,102,67,.48); background:#302018; }
html[data-theme="night"] #real .real-grid > div:hover { background:#2a1f19; }
html[data-theme="night"] #real .real-grid .n { color:#b97955; }
html[data-theme="night"] #past { color:#1c1511; background:#e9ddc9; }
html[data-theme="night"] #past::before {
  content:"";
  display:block;
  inset:0 auto 0 0;
  width:4px;
  height:auto;
  color:transparent;
  background:linear-gradient(180deg,transparent 0,#b97955 18%,#8d563a 82%,transparent 100%);
  opacity:.46;
  transform:none;
  pointer-events:none;
}
html[data-theme="night"] #past .em { color:#965b3d; }
html[data-theme="night"] #past .past .paper .tot {
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:end;
  gap:14px;
  padding-top:16px;
}
html[data-theme="night"] #past .past .paper .big {
  width:100%;
  min-width:0;
  color:#3f2a20;
  font-family:var(--serif);
  font-size:clamp(34px,3.4vw,48px);
  font-style:normal;
  font-weight:400;
  font-variant-numeric:lining-nums tabular-nums;
  letter-spacing:-.035em;
  line-height:.86;
  text-align:right;
  white-space:nowrap;
}
html[data-theme="night"] #past .past .paper:nth-child(2) { background:#b97955; box-shadow:11px 13px 0 rgba(28,21,17,.2); }
html[data-theme="night"] #past .past .paper:nth-child(3) { background:#c8b99f; }
html[data-theme="night"] #math { background:radial-gradient(circle at 73% 42%,rgba(168,102,67,.11),transparent 32%),#18120f; }
html[data-theme="night"] input[type="range"] {
  height:1px;
  accent-color:#a86643;
}
html[data-theme="night"] input[type="range"]::-webkit-slider-thumb {
  width:12px;
  height:12px;
  border:1px solid #a86643;
  border-radius:2px;
  background:#f2e6d3;
  box-shadow:0 0 0 2px #18120f;
}
html[data-theme="night"] input[type="range"]::-webkit-slider-thumb:hover { transform:scale(1.06); }
html[data-theme="night"] input[type="range"]::-moz-range-thumb {
  width:12px;
  height:12px;
  border:1px solid #a86643;
  border-radius:2px;
  background:#f2e6d3;
  box-shadow:0 0 0 2px #18120f;
}
html[data-theme="night"] .tiers-sec { background:#241a15; }
html[data-theme="night"] .tiers {
  gap:28px;
  align-items:stretch;
}
html[data-theme="night"] .tiers .paper,
html[data-theme="night"] .tiers .paper:nth-child(n) {
  min-height:420px;
  overflow:hidden;
  border:1px solid rgba(242,230,211,.24);
  border-radius:6px;
  transform:none;
  box-shadow:0 22px 55px rgba(0,0,0,.18);
}
html[data-theme="night"] .tiers .paper:hover,
html[data-theme="night"] .tiers .paper:nth-child(n):hover {
  transform:translateY(-4px);
  box-shadow:0 28px 64px rgba(0,0,0,.24);
}
html[data-theme="night"] .tier .band,
html[data-theme="night"] .tier.feature .band {
  height:5px;
  background:#18120f;
}
html[data-theme="night"] .tier.feature {
  border-color:#a86643;
  box-shadow:0 22px 55px rgba(0,0,0,.2),0 0 0 1px rgba(168,102,67,.25);
}
html[data-theme="night"] .tier.feature .band { background:#a86643; }
html[data-theme="night"] .tier .in {
  display:flex;
  flex-direction:column;
  min-height:415px;
  padding:28px 26px 25px;
}
html[data-theme="night"] .tier.feature .in { padding-top:36px; }
html[data-theme="night"] .tier .name { font-size:31px; line-height:1; }
html[data-theme="night"] .tier .rule { margin:18px 0 12px; }
html[data-theme="night"] .tier .row { align-items:baseline; padding:5px 0; }
html[data-theme="night"] .tier .sample {
  margin-top:auto;
  padding:14px 15px 13px;
  border:1px solid rgba(28,21,17,.12);
  background:rgba(200,185,159,.18);
}
html[data-theme="night"] .tier .sample .v { align-items:baseline; gap:14px; }
html[data-theme="night"] .tier .sample .v span { min-width:0; }
html[data-theme="night"] .tier .barcode {
  justify-content:center;
  width:170px;
  margin:17px auto 0;
}
html[data-theme="night"] .tier .thanks { margin-top:8px; }
html[data-theme="night"] .tier .flag {
  top:0;
  padding:8px 16px 7px;
  border-radius:0 0 10px 10px;
  color:#f2e6d3;
  background:#18120f;
  box-shadow:0 7px 16px rgba(0,0,0,.18);
}
html[data-theme="night"] .claim.dark { color:#1c1511; background:#c8b99f; }
html[data-theme="night"] .claim.dark .kicker,
html[data-theme="night"] .claim.dark p,
html[data-theme="night"] .claim.dark .wl-note { color:#54483e; }
html[data-theme="night"] .claim.dark .em { color:#8d563a; }
html[data-theme="night"] .claim.dark .btn { color:#f2e6d3; background:#1c1511; box-shadow:7px 7px 0 #a86643; }
html[data-theme="night"] section:not(.dark) details { border-bottom-color:rgba(242,230,211,.16); }
html[data-theme="night"] footer { color:#f2e6d3; background:#18120f; }
html[data-theme="night"] footer .barcode {
  width:max-content;
  min-width:190px;
  padding:8px 11px;
  border:1px solid rgba(185,121,85,.28);
  background:rgba(242,230,211,.04);
}
html[data-theme="night"] footer .barcode i { background:#d0ad82; }

@media (max-width:620px) {
  html[data-theme="night"] .haul-track { grid-template-columns:repeat(6,260px); gap:16px; padding-inline:18px; }
  html[data-theme="night"] .haul .card,
  html[data-theme="night"] .haul .card:nth-child(n) { grid-template-rows:320px minmax(126px,auto); }
  html[data-theme="night"] .haul .card img,
  html[data-theme="night"] .haul .card:nth-child(even) img { height:320px; }
  html[data-theme="night"] .hero.show .show-h { max-width:100%; font-size:clamp(40px,12vw,56px); line-height:1; }
  html[data-theme="night"] section.show:not(.hero) .show-h { line-height:1; }
  html[data-theme="night"] #past .past .paper .big { font-size:clamp(36px,12vw,48px); }
  html[data-theme="night"] section.show:not(.hero) .show-rc {
    left:20px;
    right:20px;
    bottom:24px;
    width:auto;
    max-width:none;
  }
}

@media (max-width:900px) {
  html[data-theme="night"] .tiers { gap:22px; }
  html[data-theme="night"] .tiers .paper,
  html[data-theme="night"] .tiers .paper:nth-child(n) { width:min(100%,520px); margin-inline:auto; }
}

/* 05 refresh — white gallery, smoky violet and expressive italic serif. */
html[data-theme="night"] {
  --display:"Sora",Arial,sans-serif;
  --headline:"Instrument Serif",Georgia,serif;
  --bg:#ffffff;
  --bg-2:#f7f5fa;
  --paper:#ffffff;
  --paper-2:#f0ecf5;
  --ink:#17131a;
  --ink-soft:#625b68;
  --ink-faint:#918998;
  --fg:#17131a;
  --fg-2:rgba(23,19,26,.68);
  --fg-3:rgba(23,19,26,.46);
  --hair:rgba(23,19,26,.09);
  --hair-2:rgba(23,19,26,.18);
  --accent:#755895;
  --accent-glow:rgba(117,88,149,.16);
  --green:#755895;
  --green-2:#755895;
  --green-3:#eee7f4;
}
html[data-theme="night"] body {
  color:#17131a;
  background:#ffffff;
}
html[data-theme="night"] body::before {
  background:
    radial-gradient(circle at 87% 9%,rgba(117,88,149,.10),transparent 27%),
    radial-gradient(circle at 8% 55%,rgba(190,177,205,.10),transparent 31%);
}
html[data-theme="night"] .grain { opacity:.018; mix-blend-mode:multiply; }
html[data-theme="night"] nav:not(.skin-switcher) {
  color:#17131a;
  background:rgba(255,255,255,.92);
  border-bottom-color:rgba(23,19,26,.11);
}
html[data-theme="night"] nav:not(.skin-switcher) .nav-links a,
html[data-theme="night"] nav:not(.skin-switcher) .nav-meta,
html[data-theme="night"] nav:not(.skin-switcher) .xlink { color:#625b68; }
html[data-theme="night"] nav:not(.skin-switcher) .nav-links a:hover,
html[data-theme="night"] nav:not(.skin-switcher) .xlink:hover { color:#755895; }
html[data-theme="night"] nav:not(.skin-switcher) .nav-links .btn {
  color:#fff;
  background:#755895;
  box-shadow:4px 4px 0 #ded5e8;
}
html[data-theme="night"] .brand .mark { filter:none; }
html[data-theme="night"] .hero.show {
  color:#17131a;
  background:
    repeating-linear-gradient(118deg,transparent 0 94px,rgba(117,88,149,.025) 95px 96px),
    radial-gradient(circle at 80% 43%,rgba(222,213,232,.52),transparent 29%),
    #ffffff;
}
html[data-theme="night"] .hero.show::after { border-color:rgba(117,88,149,.15); }
html[data-theme="night"] .hero.show .show-h,
html[data-theme="night"] section h2,
html[data-theme="night"] .turn h3,
html[data-theme="night"] .claim h2,
html[data-theme="night"] .tier .name {
  font-family:var(--headline);
  font-style:italic;
  font-weight:400;
  letter-spacing:-.035em;
}
html[data-theme="night"] .hero.show .show-h { color:#17131a; }
html[data-theme="night"] .hero.show .show-k { color:#755895; }
html[data-theme="night"] .hero.show .em,
html[data-theme="night"] .hero.show .show-h #hw,
html[data-theme="night"] .hero.show[data-grad="1"] .show-h #hw,
html[data-theme="night"] .hero.show .show-h #hb,
html[data-theme="night"] .hero.show[data-grad="1"] .show-h #hb {
  color:#755895;
  background:none!important;
  -webkit-text-fill-color:#755895;
}
html[data-theme="night"] .hero.show .show-sub { color:#625b68; }
html[data-theme="night"] .hero.show .btn { color:#fff; background:#755895; box-shadow:7px 7px 0 #ded5e8; }
html[data-theme="night"] .hero.show .btn:hover { box-shadow:10px 10px 0 #ded5e8; }
html[data-theme="night"] .hero.show .btn-ghost { border-color:rgba(117,88,149,.3); color:#755895; background:#fff; box-shadow:none; }
html[data-theme="night"] .hero.show .printer {
  border-color:rgba(117,88,149,.22);
  background:linear-gradient(145deg,#f0ecf5,#e5deec);
  box-shadow:0 30px 76px rgba(53,38,66,.14),0 0 0 1px rgba(117,88,149,.05);
}
html[data-theme="night"] .hero.show .pslot { background:#755895; }
html[data-theme="night"] .hero.show .rcpt { background:linear-gradient(180deg,#fff 0%,#f8f5fb 100%); }
html[data-theme="night"] .hero.show .r-ver,
html[data-theme="night"] .hero.show .r-flip .face.a { color:#755895; }
html[data-theme="night"] .hero.show .r-ver i,
html[data-theme="night"] .hero.show .r-flip .dotp { background:#755895; }
html[data-theme="night"] .hero.show .r-back { border-color:rgba(117,88,149,.18); color:#614677; background:#eee7f4; }
html[data-theme="night"] .hero.show .r-flip .face.b,
html[data-theme="night"] .hero.show .r-flip .face.b b { color:#614677; }
html[data-theme="night"] .hero.show .tape { background:#755895; }
html[data-theme="night"] .hero.show .tape span { color:#e8e0ef; }
html[data-theme="night"] .hero.show .tape b { color:#fff; }
html[data-theme="night"] .haul { border-color:rgba(23,19,26,.1); background:#f7f5fa; }
html[data-theme="night"] .haul::before { background:repeating-linear-gradient(90deg,#755895 0 22px,transparent 22px 38px); opacity:.28; }
html[data-theme="night"] .haul-head { color:#17131a; }
html[data-theme="night"] .haul-head i { border-color:rgba(23,19,26,.25); }
html[data-theme="night"] .haul .card,
html[data-theme="night"] .haul .card:nth-child(n) { border-color:rgba(23,19,26,.12); background:#fff; }
html[data-theme="night"] .haul .card::before { border-color:#fff; color:#fff; background:rgba(117,88,149,.9); }
html[data-theme="night"] .haul .card figcaption,
html[data-theme="night"] .haul .card:nth-child(even) figcaption { color:#17131a; background:#fff; }
html[data-theme="night"] .haul .card .pair b,
html[data-theme="night"] .haul .card .amt em { color:#755895; }
html[data-theme="night"] .haul-fine { color:#766f7b; }
html[data-theme="night"] .brands { border-color:rgba(23,19,26,.12); color:#fff; background:#755895; }
html[data-theme="night"] .brands-label { color:rgba(255,255,255,.68); }
html[data-theme="night"] .brands .merchant { border-color:rgba(255,255,255,.42); color:#fff; }
html[data-theme="night"] .brands .merchant b { color:#e7ddef; }
html[data-theme="night"] .brands .merchant:hover { color:#17131a; background:#fff; }
html[data-theme="night"] .brands .merchant:hover b { color:#755895; }
html[data-theme="night"] .feed { border-color:rgba(23,19,26,.1); background:#eee7f4; }
html[data-theme="night"] .feed-head { color:#755895; background:linear-gradient(90deg,#eee7f4 75%,transparent); }
html[data-theme="night"] .feed-track .tx { color:#17131a; }
html[data-theme="night"] section,
html[data-theme="night"] section.dark {
  --bg:#ffffff;
  --bg-2:#f7f5fa;
  --fg:#17131a;
  --fg-2:rgba(23,19,26,.68);
  --fg-3:rgba(23,19,26,.46);
  color:#17131a;
  background:#ffffff;
}
html[data-theme="night"] .step,
html[data-theme="night"] .step:nth-child(2),
html[data-theme="night"] .step:nth-child(3) {
  color:#17131a;
  border:1px solid rgba(23,19,26,.1);
  background:#fff;
  box-shadow:8px 9px 0 #eee7f4;
}
html[data-theme="night"] .step .n,
html[data-theme="night"] .step:nth-child(2) .n,
html[data-theme="night"] .step:nth-child(3) .n { color:#755895; }
html[data-theme="night"] .step p,
html[data-theme="night"] .step:nth-child(2) p,
html[data-theme="night"] .step:nth-child(3) p { color:#625b68; }
html[data-theme="night"] .step .frame .tag { color:#fff; background:#755895; box-shadow:none; }
html[data-theme="night"] .step:hover,
html[data-theme="night"] .step:nth-child(2):hover,
html[data-theme="night"] .step:nth-child(3):hover {
  transform:none;
  box-shadow:8px 9px 0 #eee7f4;
}
html[data-theme="night"] section.show:not(.hero) { color:#17131a; background:#fff; }
html[data-theme="night"] section.show:not(.hero) .show-k,
html[data-theme="night"] section.show:not(.hero) .show-h .em { color:#755895; }
html[data-theme="night"] section.show:not(.hero) .show-h { color:#17131a; }
html[data-theme="night"] section.show:not(.hero) .show-sub { color:#625b68; }
html[data-theme="night"] section.show:not(.hero) .show-stage { background:#e8e0ef; }
html[data-theme="night"] section.show:not(.hero) .show-rc .back { color:#17131a; background:#eee7f4; }
html[data-theme="night"] #real .real-grid > div,
html[data-theme="night"] #real .real-grid > div:nth-child(2) { border-color:rgba(23,19,26,.11); background:#f7f5fa; }
html[data-theme="night"] #real .real-grid > div:hover { background:#eee7f4; }
html[data-theme="night"] #real .real-grid .n { color:#755895; }
html[data-theme="night"] #past { color:#17131a; background:#f2eef6; }
html[data-theme="night"] #past::before { background:linear-gradient(180deg,transparent 0,#a995bc 18%,#755895 82%,transparent 100%); }
html[data-theme="night"] #past .em { color:#755895; }
html[data-theme="night"] #past .past .paper:nth-child(2) { background:#ded3e8; }
html[data-theme="night"] #past .past .paper:nth-child(3) { background:#ebe5f0; }
html[data-theme="night"] #math { color:#17131a; background:radial-gradient(circle at 73% 42%,rgba(117,88,149,.08),transparent 32%),#fff; }
html[data-theme="night"] input[type="range"] { accent-color:#755895; }
html[data-theme="night"] input[type="range"]::-webkit-slider-thumb,
html[data-theme="night"] input[type="range"]::-moz-range-thumb { border-color:#755895; background:#755895; box-shadow:0 0 0 2px #fff; }
html[data-theme="night"] .tiers-sec { background:#f7f5fa; }
html[data-theme="night"] .tiers .paper,
html[data-theme="night"] .tiers .paper:nth-child(n) { border-color:rgba(23,19,26,.14); }
html[data-theme="night"] .tier.feature { border-color:#755895; box-shadow:0 22px 55px rgba(53,38,66,.12),0 0 0 1px rgba(117,88,149,.2); }
html[data-theme="night"] .tier.feature .band { background:#755895; }
html[data-theme="night"] .tier .flag { color:#fff; background:#755895; }
html[data-theme="night"] .claim.dark { color:#fff; background:#755895; }
html[data-theme="night"] .claim.dark .kicker,
html[data-theme="night"] .claim.dark p,
html[data-theme="night"] .claim.dark .wl-note { color:rgba(255,255,255,.72); }
html[data-theme="night"] .claim.dark .em { color:#fff; }
html[data-theme="night"] .claim.dark .btn { color:#755895; background:#fff; box-shadow:7px 7px 0 rgba(23,19,26,.18); }
html[data-theme="night"] section:not(.dark) details { border-bottom-color:rgba(23,19,26,.14); }
html[data-theme="night"] footer { color:#17131a; background:#fff; border-top:1px solid rgba(23,19,26,.1); }
html[data-theme="night"] footer .end,
html[data-theme="night"] footer .foot-x { color:#17131a; }
html[data-theme="night"] footer .barcode { border-color:rgba(117,88,149,.2); background:#f7f5fa; }
html[data-theme="night"] footer .barcode i { background:#755895; }
html[data-theme="night"] .skin-switcher { border-color:rgba(23,19,26,.14)!important; color:#17131a!important; background:rgba(255,255,255,.92)!important; box-shadow:0 14px 38px rgba(53,38,66,.14)!important; }
html[data-theme="night"] .skin-switcher a { color:#625b68!important; }
html[data-theme="night"] .skin-switcher a:hover,
html[data-theme="night"] .skin-switcher a[aria-current="page"] { color:#fff!important; background:#755895!important; }

/* Original-style spectrum: violet to pink to warm orange. */
html[data-theme="night"] {
  --accent-gradient:linear-gradient(105deg,#875cff 0%,#e84c91 52%,#ff8a45 100%);
  --accent-gradient-soft:linear-gradient(105deg,rgba(135,92,255,.14),rgba(232,76,145,.11) 52%,rgba(255,138,69,.14));
}
html[data-theme="night"] nav:not(.skin-switcher) .nav-links .btn,
html[data-theme="night"] .hero.show .btn:not(.btn-ghost),
html[data-theme="night"] .step .frame .tag,
html[data-theme="night"] .tier.feature .band,
html[data-theme="night"] .tier .flag,
html[data-theme="night"] .claim.dark,
html[data-theme="night"] .skin-switcher a:hover,
html[data-theme="night"] .skin-switcher a[aria-current="page"] {
  background:var(--accent-gradient)!important;
}
html[data-theme="night"] .hero.show .em,
html[data-theme="night"] .hero.show .show-h #hw,
html[data-theme="night"] .hero.show[data-grad="1"] .show-h #hw,
html[data-theme="night"] .hero.show .show-h #hb,
html[data-theme="night"] .hero.show[data-grad="1"] .show-h #hb,
html[data-theme="night"] section.show:not(.hero) .show-h .em,
html[data-theme="night"] #past .em,
html[data-theme="night"] .claim.dark .em {
  color:transparent!important;
  background:var(--accent-gradient)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
html[data-theme="night"] .hero.show .pslot,
html[data-theme="night"] .hero.show .r-ver i,
html[data-theme="night"] .hero.show .r-flip .dotp,
html[data-theme="night"] .haul::before,
html[data-theme="night"] footer .barcode i { background:var(--accent-gradient); }
html[data-theme="night"] .hero.show .tape,
html[data-theme="night"] .brands { background:var(--accent-gradient); }
html[data-theme="night"] .feed { background:var(--accent-gradient-soft); }
html[data-theme="night"] .feed-head { background:linear-gradient(90deg,#f1eafb 75%,transparent); }
html[data-theme="night"] .haul .card::before { background:var(--accent-gradient); }
html[data-theme="night"] .haul .card .pair b,
html[data-theme="night"] .haul .card .amt em,
html[data-theme="night"] .hero.show .r-flip .face.b,
html[data-theme="night"] .hero.show .r-flip .face.b b {
  color:#b94382;
}
html[data-theme="night"] .claim.dark .kicker,
html[data-theme="night"] .claim.dark p,
html[data-theme="night"] .claim.dark .wl-note { color:rgba(255,255,255,.82); }
html[data-theme="night"] .claim.dark .em {
  background:linear-gradient(105deg,#fff 0%,#f4e9ff 56%,#ffe8d8 100%)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

/* Keep the animated hero copy broad and horizontal. */
html[data-theme="night"] .hero.show {
  min-height:0;
  padding-top:clamp(180px,20vh,230px);
}
html[data-theme="night"] .hero.show .show-h {
  width:100%;
  max-width:13.8ch;
  gap:.11em;
  font-size:clamp(58px,6.35vw,108px);
  line-height:.98;
}
html[data-theme="night"] .hero.show .headline-row {
  flex-wrap:nowrap;
  column-gap:.14em;
  line-height:1;
  white-space:nowrap;
}
html[data-theme="night"] .hero.show .phrase {
  align-items:baseline;
  overflow:visible;
  padding-left:.07em;
  margin-left:-.07em;
}
html[data-theme="night"] section.show:not(.hero) .show-h .em {
  display:inline-block;
  vertical-align:baseline;
  overflow:visible;
  padding-left:.07em;
  margin-left:-.04em;
}
html[data-theme="night"] section.show:not(.hero) .show-h .apple-word {
  position:relative;
  z-index:1;
  margin-left:0;
  padding:0 .04em .06em 0;
  font-family:var(--display)!important;
  font-style:normal!important;
  font-size:.9em;
  font-weight:600;
  line-height:1;
  letter-spacing:-.06em;
}
html[data-theme="night"] .hero.show .show-k {
  margin-bottom:28px;
}
html[data-theme="night"] .hero.show .show-sub {
  max-width:44ch;
  margin:34px 0 40px;
  font-size:clamp(19px,1.65vw,23px);
  line-height:1.55;
}
html[data-theme="night"] .hero.show .hero-cta {
  gap:16px;
}
html[data-theme="night"] .hero.show .hero-cta .btn-lg {
  min-height:62px;
  padding:21px 36px;
  font-size:14px;
}
html[data-theme="night"] .hero.show .printer {
  min-height:0;
  margin:-170px 6vw 0 auto;
}
@media (max-width:900px) {
  html[data-theme="night"] .hero.show {
    padding-top:138px;
  }
  html[data-theme="night"] .hero.show .show-h {
    max-width:100%;
    font-size:clamp(48px,8vw,68px);
  }
  html[data-theme="night"] .hero.show .show-sub {
    margin:30px 0 36px;
  }
  html[data-theme="night"] .hero.show .printer {
    margin:48px auto 0;
  }
}
@media (max-width:560px) {
  html[data-theme="night"] .hero.show {
    padding-top:104px;
  }
  html[data-theme="night"] .hero.show .show-h {
    font-size:clamp(38px,10.8vw,52px);
    gap:.14em;
  }
  html[data-theme="night"] .hero.show .headline-row {
    flex-wrap:wrap;
    white-space:normal;
  }
  html[data-theme="night"] .hero.show .show-k {
    margin-bottom:20px;
  }
  html[data-theme="night"] .hero.show .show-sub {
    max-width:32ch;
    margin:26px 0 32px;
    font-size:18px;
    line-height:1.55;
  }
  html[data-theme="night"] .hero.show .hero-cta .btn-lg {
    min-height:60px;
    padding:19px 24px;
    font-size:13.5px;
  }
}

/* Calculator control: compact thumb, clearly visible track. */
html[data-theme="night"] input[type="range"] {
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#875cff 0%,#e84c91 52%,#ff8a45 100%);
}
html[data-theme="night"] input[type="range"]::-webkit-slider-runnable-track {
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#875cff 0%,#e84c91 52%,#ff8a45 100%);
}
html[data-theme="night"] input[type="range"]::-webkit-slider-thumb {
  width:14px;
  height:14px;
  margin-top:-5px;
  border:2px solid #17131a;
  border-radius:4px;
  background:#fff;
  box-shadow:0 0 0 3px rgba(255,255,255,.92),0 3px 10px rgba(23,19,26,.24);
}
html[data-theme="night"] input[type="range"]::-moz-range-track {
  height:4px;
  border-radius:999px;
  background:#ded6e5;
}
html[data-theme="night"] input[type="range"]::-moz-range-progress {
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#875cff,#e84c91 62%,#ff8a45);
}
html[data-theme="night"] input[type="range"]::-moz-range-thumb {
  width:14px;
  height:14px;
  border:2px solid #17131a;
  border-radius:4px;
  background:#fff;
  box-shadow:0 0 0 3px rgba(255,255,255,.92),0 3px 10px rgba(23,19,26,.24);
}
html[data-theme="night"] .scale {
  color:#625b68;
  font-weight:600;
}

/* The original AirPods photo, isolated from its photographed backdrop. */
html[data-theme="night"] section.show:not(.hero) {
  isolation:isolate;
  overflow:hidden;
  background:transparent!important;
  box-shadow:none;
}
html[data-theme="night"] section.show:not(.hero)::before,
html[data-theme="night"] section.show:not(.hero) .show-stage::before {
  display:none;
  content:none;
}
html[data-theme="night"] section.show:not(.hero) .show-stage {
  position:relative;
  isolation:isolate;
  min-height:760px;
  overflow:visible;
  display:grid;
  place-items:center;
  border:0!important;
  border-radius:0;
  outline:0;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:none;
}
html[data-theme="night"] section.show:not(.hero) .show-stage::after {
  content:"";
  position:absolute;
  z-index:0;
  left:14%;
  right:14%;
  top:64%;
  height:14%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(23,19,26,.17) 0%,rgba(23,19,26,.08) 42%,transparent 72%);
  filter:blur(18px);
  transform:rotate(-2deg);
  pointer-events:none;
}
html[data-theme="night"] section.show:not(.hero) .show-stage img.airpods-product {
  position:relative;
  z-index:1;
  width:min(117%,1144px);
  height:auto;
  min-height:0;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
  border:0;
  border-radius:0;
  background:transparent!important;
  box-shadow:none;
  opacity:1;
  mix-blend-mode:normal;
  filter:drop-shadow(0 20px 16px rgba(23,19,26,.14));
  transform:none;
  animation:airpods-cutout-float 7s ease-in-out infinite;
}
html[data-theme="night"] section.show:not(.hero) .show-rc {
  left:auto;
  right:clamp(24px,4vw,64px);
  bottom:40px;
  rotate:-1deg;
  z-index:2;
}
@keyframes airpods-cutout-float {
  0%,100% { transform:translateY(0) rotate(-.8deg); }
  50% { transform:translateY(-10px) rotate(.25deg); }
}
@media (max-width:900px) {
  html[data-theme="night"] section.show:not(.hero) .show-stage { min-height:610px; }
  html[data-theme="night"] section.show:not(.hero) .show-stage img.airpods-product {
    width:min(108%,792px);
    min-height:0;
  }
  html[data-theme="night"] section.show:not(.hero) .show-rc {
    left:24px;
    right:auto;
    bottom:30px;
  }
}
@media (max-width:560px) {
  html[data-theme="night"] section.show:not(.hero) .show-stage { min-height:500px; }
  html[data-theme="night"] section.show:not(.hero) .show-stage img.airpods-product {
    width:119%;
    min-height:0;
  }
  html[data-theme="night"] section.show:not(.hero) .show-rc {
    left:20px;
    right:auto;
    width:calc(100% - 40px);
    bottom:22px;
  }
}

/* Continuous exchange ribbon: one strong rail instead of separate pills. */
html[data-theme="night"] .hero.show .tape {
  margin-top:32px;
  padding:0;
  border-top:2px solid transparent;
  border-bottom:2px solid transparent;
  background:
    linear-gradient(90deg,rgba(135,92,255,.14),rgba(232,76,145,.08) 50%,rgba(255,138,69,.14)),
    #17131a!important;
  background-clip:padding-box;
  box-shadow:0 14px 36px rgba(53,38,66,.16);
  -webkit-mask-image:none;
  mask-image:none;
}
html[data-theme="night"] .hero.show .tape::before,
html[data-theme="night"] .hero.show .tape::after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:2px;
  z-index:2;
  pointer-events:none;
  background:var(--accent-gradient);
}
html[data-theme="night"] .hero.show .tape::before { top:-2px; }
html[data-theme="night"] .hero.show .tape::after { bottom:-2px; transform:scaleX(-1); }
html[data-theme="night"] .hero.show .tape-in {
  gap:0;
  animation-duration:30s;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}
html[data-theme="night"] .hero.show .tape span {
  gap:10px;
  margin:0;
  padding:16px 26px 15px;
  border:0;
  border-right:1px solid rgba(255,255,255,.14);
  border-radius:0;
  color:rgba(255,255,255,.72);
  background:transparent;
  box-shadow:none;
  letter-spacing:.11em;
}
html[data-theme="night"] .hero.show .tape span::before {
  content:"";
  width:6px;
  height:6px;
  flex:none;
  rotate:45deg;
  background:var(--accent-gradient);
  box-shadow:0 0 12px rgba(232,76,145,.68);
}
html[data-theme="night"] .hero.show .tape span::after {
  content:"↗";
  margin-left:6px;
  color:rgba(255,255,255,.4);
  font-size:11px;
}
html[data-theme="night"] .hero.show .tape b {
  color:transparent;
  background:var(--accent-gradient);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:700;
}
@media (max-width:560px) {
  html[data-theme="night"] .hero.show .tape { margin-top:26px; }
  html[data-theme="night"] .hero.show .tape span { padding:13px 19px 12px; }
}

/* Match the process CTA to the primary gradient buttons. */
html[data-theme="night"] #real .real-cta .btn {
  min-height:62px;
  padding:21px 36px;
  border:0;
  color:#fff;
  background:var(--accent-gradient);
  box-shadow:7px 7px 0 #ded5e8;
  font-size:14px;
}
html[data-theme="night"] #real .real-cta .btn:hover {
  transform:translateY(-2px);
  box-shadow:10px 10px 0 #ded5e8;
}
@media (max-width:560px) {
  html[data-theme="night"] #real .real-cta .btn {
    width:100%;
    min-height:60px;
    padding:19px 24px;
    justify-content:center;
  }
}

/* Cohesive editorial photography: quiet color and deliberate crops. */
html[data-theme="night"] .haul .card img,
html[data-theme="night"] .step .frame img {
  filter:saturate(.78) contrast(1.04) brightness(1.03);
  transition:filter .55s ease,transform 1.1s cubic-bezier(.16,1,.3,1);
}
html[data-theme="night"] .haul .card:hover img,
html[data-theme="night"] .step .frame:hover img {
  filter:saturate(.96) contrast(1.03) brightness(1.01);
}
html[data-theme="night"] .haul .card:nth-child(1) img { object-position:center 48%; }
html[data-theme="night"] .haul .card:nth-child(2) img { object-position:center 42%; }
html[data-theme="night"] .haul .card:nth-child(3) img { object-position:center 76%; }
html[data-theme="night"] .haul .card:nth-child(4) img { object-position:center 72%; }
html[data-theme="night"] .haul .card:nth-child(5) img { object-position:center 57%; }
html[data-theme="night"] .haul .card:nth-child(6) img { object-position:center 58%; }
html[data-theme="night"] .step:nth-child(1) .frame img { object-position:center 58%; }
html[data-theme="night"] .step:nth-child(2) .frame img { object-position:center; }
html[data-theme="night"] .step:nth-child(3) .frame img { object-position:center; }

/* User-selected product and storefront photography. */
html[data-theme="night"] .haul .card:nth-child(1) img,
html[data-theme="night"] .haul .card:nth-child(2) img,
html[data-theme="night"] .haul .card:nth-child(3) img,
html[data-theme="night"] .haul .card:nth-child(5) img,
html[data-theme="night"] .haul .card:nth-child(6) img {
  object-fit:contain;
  object-position:center;
  background:#f8f7f8;
}
html[data-theme="night"] .haul .card:nth-child(2) img { background:#151210; }

/* Preserve the full wide iPhone photograph inside the portrait card. */
html[data-theme="night"] .haul .card:nth-child(6) .iphone-media {
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
  overflow:hidden;
  background:#eeeaf2;
  isolation:isolate;
}
html[data-theme="night"] .haul .card:nth-child(6) .iphone-media::before {
  content:"";
  position:absolute;
  inset:-20px;
  z-index:-1;
  background:url("../assets/photos/user-iphone-fold.png") center/cover no-repeat;
  filter:blur(18px) saturate(.62) brightness(1.14);
  opacity:.3;
}
html[data-theme="night"] .haul .card:nth-child(6) .iphone-media img {
  position:relative;
  z-index:1;
  width:100%;
  height:100%!important;
  padding:18px;
  box-sizing:border-box;
  object-fit:contain!important;
  background:transparent;
  filter:saturate(.86) contrast(1.02);
}

/* Compact hero: copy and receipt share one balanced first-screen composition. */
html[data-theme="night"] .hero.show {
  min-height:0;
  padding:88px 0 0;
}
html[data-theme="night"] .hero.show .hero-stage {
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);
  align-items:center;
  gap:clamp(36px,6vw,96px);
  width:min(1400px,calc(100% - 80px));
  min-height:clamp(570px,70svh,720px);
}
html[data-theme="night"] .hero.show .hero-copy {
  min-width:0;
  padding:48px 0;
}
html[data-theme="night"] .hero.show .show-k {
  margin:0 0 22px;
}
html[data-theme="night"] .hero.show .show-h {
  width:100%;
  max-width:none;
  gap:.035em;
  font-size:clamp(64px,6.7vw,110px);
  line-height:.91;
}
html[data-theme="night"] .hero.show .headline-row {
  flex-wrap:nowrap;
  column-gap:.15em;
  white-space:nowrap;
}
html[data-theme="night"] .hero.show .show-sub {
  max-width:40ch;
  margin:28px 0 32px;
  font-size:clamp(18px,1.45vw,21px);
  line-height:1.5;
}
html[data-theme="night"] .hero.show .hero-cta {
  justify-content:flex-start;
  gap:14px;
}
html[data-theme="night"] .hero.show .hero-cta .btn-lg {
  min-height:58px;
  padding:19px 30px;
}
html[data-theme="night"] .hero.show .printer {
  align-self:center;
  justify-self:end;
  width:min(100%,400px);
  min-height:0;
  margin:0!important;
}
html[data-theme="night"] .hero.show .show-h #hb,
html[data-theme="night"] .hero.show[data-grad="1"] .show-h #hb {
  display:inline-block;
  padding:0 .04em .04em 0;
  font-family:var(--display)!important;
  font-style:normal;
  font-size:.86em;
  font-weight:600;
  line-height:1;
  letter-spacing:-.055em;
  vertical-align:.04em;
}
html[data-theme="night"] .hero.show .tape {
  margin-top:0;
}
@media (max-width:980px) {
  html[data-theme="night"] .hero.show .hero-stage {
    grid-template-columns:minmax(0,1.18fr) minmax(280px,.72fr);
    gap:30px;
    width:calc(100% - 48px);
    min-height:560px;
  }
  html[data-theme="night"] .hero.show .show-h {
    font-size:clamp(54px,7vw,76px);
  }
  html[data-theme="night"] .hero.show .printer {
    width:min(100%,330px);
  }
}
@media (max-width:760px) {
  html[data-theme="night"] .hero.show {
    padding-top:64px;
  }
  html[data-theme="night"] .hero.show .hero-stage {
    grid-template-columns:1fr;
    width:calc(100% - 40px);
    min-height:0;
    gap:28px;
    padding:54px 0 46px;
  }
  html[data-theme="night"] .hero.show .hero-copy {
    padding:0;
  }
  html[data-theme="night"] .hero.show .headline-row {
    flex-wrap:wrap;
    white-space:normal;
  }
  html[data-theme="night"] .hero.show .printer {
    justify-self:center;
    width:min(100%,360px);
  }
}
@media (max-width:560px) {
  html[data-theme="night"] .hero.show .hero-stage {
    width:calc(100% - 32px);
    padding:44px 0 38px;
  }
  html[data-theme="night"] .hero.show .show-k {
    margin-bottom:16px;
  }
  html[data-theme="night"] .hero.show .show-h {
    font-size:clamp(43px,12vw,58px);
    line-height:.94;
  }
  html[data-theme="night"] .hero.show .show-sub {
    max-width:32ch;
    margin:22px 0 26px;
    font-size:17px;
  }
  html[data-theme="night"] .hero.show .printer {
    display:none;
  }
}