@font-face { font-family: "ShineSky Montserrat"; src: url("./assets/fonts/Montserrat-Latin.woff2") format("woff2"); font-style: normal; font-weight: 300 800; font-display: swap; }
@font-face { font-family: "ShineSky Inter"; src: url("./assets/fonts/Inter-Latin.woff2") format("woff2"); font-style: normal; font-weight: 300 800; font-display: swap; }
@font-face { font-family: "ShineSky Roboto"; src: url("./assets/fonts/Roboto-Latin.woff2") format("woff2"); font-style: normal; font-weight: 300 800; font-display: swap; }
@font-face { font-family: "ShineSky Manrope"; src: url("./assets/fonts/Manrope-Latin.woff2") format("woff2"); font-style: normal; font-weight: 300 800; font-display: swap; }
@font-face { font-family: "ShineSky IBM Plex Mono"; src: url("./assets/fonts/IBMPlexMono-400-Latin.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "ShineSky IBM Plex Mono"; src: url("./assets/fonts/IBMPlexMono-600-Latin.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; }

:root {
  --shinesky-ink: #090909;
  --shinesky-paper: #f3f0ea;
  --shinesky-orange: #f26b24;
  --shinesky-line: #cfc9bd;
  --shinesky-muted: #a5a19a;
  --shinesky-warm: #d8d3c9;
  --shinesky-display: "Helvetica Neue Condensed", "Arial Narrow", "PingFang SC", sans-serif;
  --shinesky-body: "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
  --shinesky-tech: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--shinesky-paper); }
body { margin: 0; color: #151310; background: var(--shinesky-paper); font: 16px/1.6 var(--shinesky-body); }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
.shinesky-shell { width: min(1240px, calc(100% - 8vw)); margin: 0 auto; }
.shinesky-skip-link { position: fixed; z-index: 100; top: -60px; left: 16px; padding: 10px 14px; background: var(--shinesky-orange); color: var(--shinesky-ink); }
.shinesky-skip-link:focus { top: 14px; }

.shinesky-preview-banner { min-height: 30px; display: flex; align-items: center; justify-content: center; gap: 14px; padding: 6px 18px; background: var(--shinesky-orange); color: var(--shinesky-ink); font: 700 10px/1.35 var(--shinesky-tech); text-align: center; }
.shinesky-preview-banner b { letter-spacing: .04em; }
.shinesky-preview-banner span { font-weight: 500; }
.shinesky-header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid #2e2b27; background: rgba(9,9,9,.96); color: var(--shinesky-paper); backdrop-filter: blur(14px); }
.shinesky-header__inner { min-height: 62px; display: flex; align-items: center; gap: 28px; }
.shinesky-wordmark { display: inline-flex; align-items: center; flex: 0 0 auto; }
.shinesky-wordmark img { display: block; width: 148px; height: auto; }
.shinesky-header nav { display: flex; gap: 24px; margin-left: auto; font: 700 10px/1 var(--shinesky-tech); letter-spacing: .08em; }
.shinesky-header nav a { padding: 25px 0 23px; border-bottom: 2px solid transparent; }
.shinesky-header nav a:hover, .shinesky-header nav a:focus-visible { color: var(--shinesky-orange); border-color: var(--shinesky-orange); outline: 0; }
.shinesky-header__tag { border: 1px solid #5b554d; padding: 5px 7px; color: var(--shinesky-muted); font: 9px/1 var(--shinesky-tech); letter-spacing: .08em; }

.shinesky-eyebrow { margin: 0 0 18px; color: var(--shinesky-orange); font: 700 11px/1.3 var(--shinesky-tech); letter-spacing: .15em; }
.shinesky-hero { padding: 104px 0 94px; overflow: hidden; color: var(--shinesky-paper); background: radial-gradient(circle at 85% 16%, rgba(242,107,36,.16), transparent 24%), var(--shinesky-ink); }
.shinesky-hero__grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); gap: 84px; align-items: end; }
h1, h2, h3 { margin: 0; font-family: var(--shinesky-display); font-weight: 800; letter-spacing: -.055em; }
h1 { max-width: 900px; font-size: clamp(58px, 6.4vw, 96px); line-height: .94; }
h1 em, h2 em { display: block; color: var(--shinesky-orange); font-style: normal; }
.shinesky-lead { max-width: 760px; margin: 28px 0 0; color: #c9c3ba; font-size: 17px; }
.shinesky-proof-index { border-top: 1px solid #514a43; }
.shinesky-proof-index a { display: grid; grid-template-columns: 34px 1fr; gap: 3px 12px; padding: 18px 0; border-bottom: 1px solid #514a43; transition: padding .25s ease, color .25s ease; }
.shinesky-proof-index a:hover { padding-left: 10px; color: var(--shinesky-orange); }
.shinesky-proof-index span { grid-row: 1; color: var(--shinesky-orange); font: 700 10px/1.4 var(--shinesky-tech); }
.shinesky-proof-index b { font: 800 21px/1.18 var(--shinesky-display); letter-spacing: -.02em; }
.shinesky-proof-index small { color: var(--shinesky-muted); font-size: 12px; }

.shinesky-section { padding: 104px 0; }
.shinesky-section-head { max-width: 900px; margin-bottom: 50px; }
.shinesky-section-head h2 { font-size: clamp(44px, 5vw, 72px); line-height: .98; }
.shinesky-section-head > p:last-child { max-width: 710px; margin: 22px 0 0; color: #665f56; }
.shinesky-section-head.is-dark > p:last-child { color: #bcb5ab; }

.shinesky-foundation { background: var(--shinesky-paper); }
.shinesky-foundation__layout { display: grid; grid-template-columns: 228px 1fr; border-top: 1px solid var(--shinesky-line); border-bottom: 1px solid var(--shinesky-line); }
.shinesky-foundation__tabs { border-right: 1px solid var(--shinesky-line); }
.shinesky-foundation__tabs button { width: 100%; min-height: 95px; display: grid; grid-template-columns: 30px 1fr; gap: 5px 10px; align-content: center; padding: 17px 20px; border: 0; border-bottom: 1px solid var(--shinesky-line); background: transparent; text-align: left; cursor: pointer; }
.shinesky-foundation__tabs button:last-child { border-bottom: 0; }
.shinesky-foundation__tabs button:hover, .shinesky-foundation__tabs button:focus-visible { background: #e8e4dc; outline: 0; }
.shinesky-foundation__tabs button.is-active { background: var(--shinesky-ink); color: var(--shinesky-paper); }
.shinesky-foundation__tabs span { grid-row: 1 / span 2; color: var(--shinesky-orange); font: 700 10px/1.4 var(--shinesky-tech); }
.shinesky-foundation__tabs b { font: 800 17px/1 var(--shinesky-display); letter-spacing: -.02em; }
.shinesky-foundation__tabs small { color: #746d64; font-size: 11px; }
.shinesky-foundation__tabs .is-active small { color: var(--shinesky-muted); }
.shinesky-foundation__panel { min-height: 500px; background: #e9e5dd; }
.shinesky-panel-title { min-height: 95px; display: flex; justify-content: space-between; gap: 30px; align-items: center; padding: 18px 28px; border-bottom: 1px solid var(--shinesky-line); }
.shinesky-panel-title p { margin: 0 0 3px; font: 800 24px/1 var(--shinesky-display); letter-spacing: -.035em; }
.shinesky-panel-title span { color: #625b52; font-size: 13px; }
.shinesky-panel-title em { padding: 6px 8px; border: 1px solid var(--shinesky-line); color: #746c62; font: 700 9px/1 var(--shinesky-tech); font-style: normal; letter-spacing: .08em; white-space: nowrap; }
#foundation-content { padding: 28px; }

.shinesky-map { display: grid; grid-template-columns: 170px 1fr; gap: 26px 46px; align-items: center; }
.shinesky-map__home, .shinesky-map__branches > div, .shinesky-map__applications span { position: relative; border: 1px solid #bdb6ab; background: var(--shinesky-paper); }
.shinesky-map__home { min-height: 250px; display: flex; flex-direction: column; justify-content: center; padding: 24px; background: var(--shinesky-ink); color: var(--shinesky-paper); }
.shinesky-map__home:after { content: ""; position: absolute; left: 100%; top: 50%; width: 47px; border-top: 1px solid #9e968b; }
.shinesky-map small { color: var(--shinesky-orange); font: 700 9px/1 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-map b { display: block; margin: 10px 0 4px; font: 800 20px/1 var(--shinesky-display); letter-spacing: -.03em; }
.shinesky-map span { color: #696158; font-size: 11px; }
.shinesky-map__home span { color: var(--shinesky-muted); }
.shinesky-map__branches { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.shinesky-map__branches > div { min-height: 112px; padding: 16px; }
.shinesky-map__branches .is-focus { border-color: var(--shinesky-orange); box-shadow: inset 0 -3px var(--shinesky-orange); }
.shinesky-map__branches .is-cta { background: var(--shinesky-orange); border-color: var(--shinesky-orange); }
.shinesky-map__branches .is-cta small, .shinesky-map__branches .is-cta span { color: #4b220d; }
.shinesky-map__applications { grid-column: 2; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; position: relative; }
.shinesky-map__applications:before { content: "Applications"; position: absolute; bottom: calc(100% + 8px); left: 0; color: #7a7267; font: 700 9px/1 var(--shinesky-tech); }
.shinesky-map__applications span { padding: 12px 10px; color: #342f2a; font: 700 9px/1.4 var(--shinesky-tech); }

.shinesky-flow-board { display: grid; gap: 16px; padding-top: 34px; }
.shinesky-flow-lane { display: grid; grid-template-columns: 120px repeat(3, minmax(90px, 1fr)) 28px minmax(130px, 1.1fr); gap: 10px; align-items: center; padding: 16px; border: 1px solid #beb7ad; background: var(--shinesky-paper); }
.shinesky-flow-lane b { color: #625a51; font: 700 11px/1.3 var(--shinesky-tech); }
.shinesky-flow-lane span, .shinesky-flow-lane strong { min-height: 48px; display: grid; place-items: center; border: 1px solid #d3cdc3; font-size: 12px; text-align: center; }
.shinesky-flow-lane strong { background: var(--shinesky-ink); color: var(--shinesky-paper); }
.shinesky-flow-lane i { color: #8b8378; text-align: center; font-style: normal; }
.shinesky-flow-lane.is-orange strong { background: var(--shinesky-orange); color: var(--shinesky-ink); }
.shinesky-flow-board > p { margin: 12px 0 0; color: #625b52; font-size: 13px; }

.shinesky-research-line { min-height: 62px; display: flex; align-items: center; justify-content: center; gap: 24px; border: 1px solid #bcb5aa; background: var(--shinesky-paper); font: 700 12px/1 var(--shinesky-tech); }
.shinesky-research-line i { color: var(--shinesky-orange); font-size: 24px; font-style: normal; }
.shinesky-research-line b { color: var(--shinesky-orange); }
.shinesky-modes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 12px; }
.shinesky-modes article { min-height: 170px; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; border: 1px solid #bbb4a9; }
.shinesky-modes small { color: var(--shinesky-orange); font: 700 9px/1 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-modes b { margin: 13px 0 7px; font: 800 20px/1 var(--shinesky-display); letter-spacing: -.03em; }
.shinesky-modes span { font-size: 11px; }
.shinesky-modes .mode-a { color: var(--shinesky-paper); background: radial-gradient(circle at 70% 15%, rgba(242,107,36,.28), transparent 33%), #0b0b0b; }
.shinesky-modes .mode-a span { color: var(--shinesky-muted); }
.shinesky-modes .mode-b { background: linear-gradient(135deg, #d7c7ad, #f1ede5); }
.shinesky-modes .mode-c { background: var(--shinesky-paper); }
.shinesky-system-rules { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.shinesky-system-rules span { padding: 8px 10px; border: 1px solid #bbb4a9; background: transparent; font: 700 9px/1 var(--shinesky-tech); }

.shinesky-material-board { display: grid; gap: 1px; background: #c5beb3; }
.shinesky-material-board article { min-height: 66px; display: grid; grid-template-columns: 36px 1fr auto; gap: 14px; align-items: center; padding: 11px 15px; background: var(--shinesky-paper); }
.shinesky-material-board article > span { color: var(--shinesky-orange); font: 700 10px var(--shinesky-tech); }
.shinesky-material-board b, .shinesky-material-board small { display: block; }
.shinesky-material-board b { font: 800 15px/1.2 var(--shinesky-display); }
.shinesky-material-board small { margin-top: 3px; color: #6c645b; font-size: 11px; }
.shinesky-material-board em { padding: 6px 8px; border: 1px solid #c8c1b6; color: #655e56; font: 700 9px/1 var(--shinesky-tech); font-style: normal; }

/* Design Foundation: client-review technical page, intentionally calm and scan-first. */
.shinesky-foundation__research-note { max-width: 760px; margin: 14px 0 0; padding-top: 14px; border-top: 1px solid var(--shinesky-line); color: #544d45; font-size: 14px; }
.shinesky-foundation__panel { min-width: 0; min-height: 620px; }
.shinesky-panel-title { min-height: 98px; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 22px 28px; border-bottom: 1px solid var(--shinesky-line); background: #e9e5dd; }
.shinesky-panel-title p { margin: 0; color: #221f1b; font: 800 28px/1 var(--shinesky-display); letter-spacing: -.035em; }
.shinesky-panel-title span { display: block; max-width: 580px; margin-top: 8px; color: #625a50; font-size: 12px; }
.shinesky-panel-title em { color: #7b7368; font: 700 9px/1 var(--shinesky-tech); letter-spacing: .1em; font-style: normal; white-space: nowrap; }

.shinesky-matrix { display: grid; gap: 24px; }
.shinesky-matrix__block { border-top: 1px solid #bcb4a8; }
.shinesky-matrix__root { border-top: 2px solid #24211d; }
.shinesky-matrix__block-head { display: grid; grid-template-columns: 112px 180px minmax(0, 1fr); gap: 18px; align-items: baseline; padding: 15px 0 16px; }
.shinesky-matrix__block-head small { color: var(--shinesky-orange); font: 700 9px/1 var(--shinesky-tech); letter-spacing: .09em; }
.shinesky-matrix__block-head b { color: #211e1b; font: 800 24px/1 var(--shinesky-display); letter-spacing: -.035em; }
.shinesky-matrix__block-head span { color: #6a6259; font-size: 12px; }
.shinesky-matrix__root-responsibility { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--shinesky-line); border-left: 1px solid var(--shinesky-line); }
.shinesky-matrix__root-responsibility span { min-height: 68px; display: flex; align-items: center; padding: 18px; border-right: 1px solid var(--shinesky-line); border-bottom: 1px solid var(--shinesky-line); color: #302b26; font: 800 17px/1.2 var(--shinesky-display); }
.shinesky-page-card { min-height: 118px; display: flex; flex-direction: column; align-items: flex-start; padding: 19px; border: 0; border-right: 1px solid var(--shinesky-line); border-bottom: 1px solid var(--shinesky-line); background: transparent; }
.shinesky-page-card small { color: #756c61; font: 700 9px/1 var(--shinesky-tech); letter-spacing: .08em; }
.shinesky-page-card b { margin-top: 13px; color: #211e1b; font: 800 20px/1 var(--shinesky-display); letter-spacing: -.03em; }
.shinesky-page-card span { margin-top: 7px; color: #655d54; font-size: 11px; }
.shinesky-page-card i { margin-top: auto; padding-top: 8px; color: var(--shinesky-orange); font: 700 9px/1.3 var(--shinesky-tech); font-style: normal; }
.shinesky-matrix__entry { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--shinesky-line); border-left: 1px solid var(--shinesky-line); }
.shinesky-matrix__entry .shinesky-page-card { min-height: 132px; }
.shinesky-matrix__conversion-card { min-height: 82px; display: grid; grid-template-columns: 112px 1fr auto; gap: 18px; align-items: center; padding: 15px 18px 15px 0; border-top: 1px solid var(--shinesky-line); border-bottom: 1px solid var(--shinesky-line); }
.shinesky-matrix__conversion-card > small { color: var(--shinesky-orange); font: 700 9px/1 var(--shinesky-tech); letter-spacing: .08em; }
.shinesky-matrix__conversion-card div { display: flex; align-items: baseline; gap: 18px; }
.shinesky-matrix__conversion-card b { color: #211e1b; font: 800 22px/1 var(--shinesky-display); }
.shinesky-matrix__conversion-card span { color: #655d54; font-size: 11px; }
.shinesky-matrix__conversion-card i { color: var(--shinesky-orange); font: 30px/1 var(--shinesky-display); font-style: normal; }
.shinesky-matrix__routes { display: grid; border-top: 1px solid var(--shinesky-line); }
.shinesky-matrix__routes > div { display: grid; grid-template-columns: 112px 1fr; gap: 18px; align-items: center; min-height: 55px; padding: 10px 0; border-bottom: 1px solid var(--shinesky-line); }
.shinesky-matrix__routes b { color: #544b40; font: 700 10px/1 var(--shinesky-tech); }
.shinesky-matrix__routes p { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin: 0; }
.shinesky-matrix__routes span, .shinesky-matrix__routes strong { color: #3e3831; font: 700 10px/1.35 var(--shinesky-tech); }
.shinesky-matrix__routes strong { color: var(--shinesky-orange); }
.shinesky-matrix__routes i { color: #82786d; font-style: normal; }
.shinesky-matrix__note { margin: 0; padding: 4px 0 4px 16px; border-left: 2px solid var(--shinesky-orange); color: #5c5349; font-size: 12px; }

.shinesky-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.shinesky-path { border: 1px solid #bdb5a9; background: var(--shinesky-paper); }
.shinesky-path__trigger { width: 100%; min-height: 98px; display: grid; grid-template-columns: 1fr auto; gap: 8px 14px; align-content: center; padding: 18px; border: 0; background: transparent; text-align: left; cursor: pointer; }
.shinesky-path__trigger span { color: var(--shinesky-orange); font: 700 9px/1 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-path__trigger b { grid-column: 1; color: #201d1a; font: 800 23px/1 var(--shinesky-display); letter-spacing: -.035em; }
.shinesky-path__trigger i { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: #71685d; font: 28px/1 var(--shinesky-body); font-style: normal; }
.shinesky-path > p { min-height: 92px; margin: 0; padding: 0 18px 18px; color: #62594f; font-size: 12px; }
.shinesky-path ol { display: none; margin: 0; padding: 0; list-style: none; border-top: 1px solid #d0c7bb; }
.shinesky-path.is-open ol { display: grid; }
.shinesky-path.is-open .shinesky-path__trigger i { color: var(--shinesky-orange); transform: rotate(45deg); }
.shinesky-path li { display: grid; grid-template-columns: 30px 1fr; align-items: center; min-height: 42px; padding: 8px 18px; border-bottom: 1px solid #ded6cb; }
.shinesky-path li:last-child { border-bottom: 0; background: #e8e0d3; }
.shinesky-path li em { color: #857b6f; font: 700 9px/1 var(--shinesky-tech); font-style: normal; }
.shinesky-path li span { color: #302c27; font-size: 12px; }
.shinesky-paths aside { grid-column: 1 / -1; padding: 13px; border-left: 3px solid #6d665d; background: #e9e5dd; color: #554e45; font-size: 12px; }

.shinesky-candidates { display: grid; gap: 13px; }
.shinesky-candidate-controls { display: grid; gap: 8px; }
.shinesky-candidate-group { display: grid; gap: 10px; padding: 13px; border: 1px solid #c2b9ad; background: #eee9e1; }
.shinesky-candidate-group > b { color: #685f55; font: 700 9px/1 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-candidate-options { display: grid; gap: 6px; }
.shinesky-colour-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.shinesky-font-options { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.shinesky-candidate-controls button { min-width: 0; padding: 10px 11px; border: 1px solid #c2b9ad; background: var(--shinesky-paper); color: #473f36; font: 700 10px/1.2 var(--shinesky-tech); text-align: left; cursor: pointer; }
.shinesky-font-option { min-height: 60px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 11px; }
.shinesky-font-option b { font: 700 12px/1.15 var(--shinesky-body); letter-spacing: -.01em; }
.shinesky-font-option small { color: #82776b; font: 700 8px/1 var(--shinesky-tech); letter-spacing: .07em; }
.shinesky-candidate-controls button.is-active, .shinesky-candidate-controls button:hover, .shinesky-candidate-controls button:focus-visible { border-color: var(--shinesky-orange); background: var(--shinesky-orange); color: #2b160a; outline: 0; }
.shinesky-candidate-controls button.is-active small { color: #512511; }
.shinesky-visual-preview { --specimen-display: "ShineSky Montserrat", sans-serif; --specimen-body: "ShineSky Inter", sans-serif; --specimen-tech: "ShineSky Inter", sans-serif; --specimen-display-weight: 700; --preview-paper: #f3f0ea; --preview-ink: #151310; --preview-signal: #f26b24; --preview-line: #cfc9bd; min-height: 340px; display: grid; gap: 22px; padding: 26px; border: 1px solid var(--preview-line); background: var(--preview-paper); color: var(--preview-ink); transition: background .2s ease, color .2s ease, border-color .2s ease; }
.shinesky-visual-preview.theme-paper { --preview-paper: #f3f0ea; --preview-ink: #151310; --preview-signal: #f26b24; --preview-line: #cfc9bd; }
.shinesky-visual-preview.theme-sand { --preview-paper: #e4ded4; --preview-ink: #201d19; --preview-signal: #d95f24; --preview-line: #b8b0a4; }
.shinesky-visual-preview.theme-ivory { --preview-paper: #f7f4ee; --preview-ink: #26211c; --preview-signal: #c95826; --preview-line: #d8d1c6; }
.shinesky-colour-swatches { grid-column: 1 / -1; display: flex; gap: 5px; }
.shinesky-colour-swatches i { width: 44px; height: 9px; border: 1px solid rgba(0,0,0,.12); }
.shinesky-colour-swatches .is-paper { background: var(--preview-paper); }
.shinesky-colour-swatches .is-ink { background: var(--preview-ink); }
.shinesky-colour-swatches .is-signal { background: var(--preview-signal); }
.shinesky-colour-swatches .is-line { background: var(--preview-line); }
.shinesky-visual-preview > small { grid-column: 1 / -1; align-self: end; color: var(--preview-signal); font: 700 9px/1.4 var(--shinesky-tech); letter-spacing: .08em; }
.shinesky-type-specimen > span, .shinesky-type-specimen code { color: var(--preview-signal); font: 700 9px/1.35 var(--specimen-tech); letter-spacing: .1em; }
.shinesky-type-specimen { min-width: 0; }
.shinesky-type-specimen { max-width: 760px; padding: 24px 0 8px; font-family: var(--specimen-body); }
.shinesky-visual-preview h3 { margin-top: 14px; font-family: var(--specimen-display); font-size: clamp(54px, 7vw, 88px); font-weight: var(--specimen-display-weight); line-height: .88; }
.shinesky-type-specimen h4 { margin: 26px 0 0; font: var(--specimen-display-weight) clamp(20px, 2.2vw, 30px)/1.08 var(--specimen-display); letter-spacing: -.025em; }
.shinesky-type-specimen p { max-width: 590px; margin: 13px 0 22px; font-size: 14px; line-height: 1.55; }
.shinesky-type-specimen code { display: inline-block; padding-top: 13px; border-top: 1px solid var(--preview-line); }
.shinesky-chinese-specimen { font-family: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif; }
.type-montserrat { --specimen-display: "ShineSky Montserrat", sans-serif; --specimen-body: "ShineSky Montserrat", sans-serif; --specimen-tech: "ShineSky Montserrat", sans-serif; --specimen-display-weight: 700; }
.type-inter { --specimen-display: "ShineSky Inter", sans-serif; --specimen-body: "ShineSky Inter", sans-serif; --specimen-tech: "ShineSky Inter", sans-serif; --specimen-display-weight: 700; }
.type-gordita { --specimen-display: "ShineSky Manrope", sans-serif; --specimen-body: "ShineSky Manrope", sans-serif; --specimen-tech: "ShineSky Manrope", sans-serif; --specimen-display-weight: 500; }
.type-diatype { --specimen-display: "ShineSky Manrope", sans-serif; --specimen-body: "ShineSky Inter", sans-serif; --specimen-tech: "ShineSky IBM Plex Mono", monospace; --specimen-display-weight: 600; }
.type-helvetica-now { --specimen-display: "Helvetica Neue", Helvetica, Arial, sans-serif; --specimen-body: "Helvetica Neue", Helvetica, Arial, sans-serif; --specimen-tech: "Helvetica Neue", Helvetica, Arial, sans-serif; --specimen-display-weight: 700; }
.type-montserrat-inter { --specimen-display: "ShineSky Montserrat", sans-serif; --specimen-body: "ShineSky Inter", sans-serif; --specimen-tech: "ShineSky Inter", sans-serif; --specimen-display-weight: 700; }
.type-roboto { --specimen-display: "ShineSky Roboto", sans-serif; --specimen-body: "ShineSky Roboto", sans-serif; --specimen-tech: "ShineSky Roboto", sans-serif; --specimen-display-weight: 700; }
.shinesky-visual-preview dl { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); margin: 0; border-top: 1px solid currentColor; }
.shinesky-visual-preview dl > div { padding: 10px; border-right: 1px solid currentColor; }
.shinesky-visual-preview dl > div:last-child { border: 0; }
.shinesky-visual-preview dt { color: var(--preview-signal); font: 700 8px/1 var(--shinesky-tech); letter-spacing: .08em; }
.shinesky-visual-preview dd { margin: 7px 0 0; font: 10px/1.45 var(--specimen-body); }
.shinesky-candidate-notes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.shinesky-candidate-notes article { padding: 13px; border: 1px solid #c1b8ac; }
.shinesky-candidate-notes article.is-recommended { border-color: var(--shinesky-orange); box-shadow: inset 0 3px var(--shinesky-orange); }
.shinesky-candidate-notes b, .shinesky-candidate-notes span, .shinesky-candidate-notes small { display: block; }
.shinesky-candidate-notes b { font: 800 17px/1 var(--shinesky-display); }
.shinesky-candidate-notes span { margin-top: 7px; color: #574f46; font-size: 11px; }
.shinesky-candidate-notes small { margin-top: 13px; color: #746b60; font-size: 10px; }

.shinesky-inventory > p { margin: 0 0 13px; color: #625a50; font-size: 12px; }
.shinesky-inventory__table { border: 1px solid #bcb4a8; }
.shinesky-inventory__head, .shinesky-inventory__row { display: grid; grid-template-columns: 1fr 1.3fr 1.15fr 1fr 1.15fr; }
.shinesky-inventory__head { background: #151310; color: var(--shinesky-paper); font: 700 9px/1.3 var(--shinesky-tech); letter-spacing: .07em; }
.shinesky-inventory__head span, .shinesky-inventory__row > * { padding: 10px; border-right: 1px solid #c6bdb1; }
.shinesky-inventory__row { border-top: 1px solid #c6bdb1; background: var(--shinesky-paper); }
.shinesky-inventory__row > *:last-child, .shinesky-inventory__head span:last-child { border-right: 0; }
.shinesky-inventory__row b { color: #29251f; font: 800 14px/1.2 var(--shinesky-display); }
.shinesky-inventory__row span, .shinesky-inventory__row em { color: #635a50; font-size: 10px; font-style: normal; }
.shinesky-inventory__row em { color: #9b4c1f; font-weight: 700; }
.shinesky-inventory__summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 13px; }
.shinesky-inventory__summary article { padding: 14px; border-top: 3px solid var(--shinesky-orange); background: #e9e5dd; }
.shinesky-inventory__summary b { display: block; color: #2d2822; font: 800 17px/1 var(--shinesky-display); }
.shinesky-inventory__summary span { display: block; margin-top: 9px; color: #625a51; font-size: 11px; }

.shinesky-expansion { color: var(--shinesky-paper); background: var(--shinesky-ink); }
.shinesky-truth-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid #49443d; background: #11110f; }
.shinesky-truth-grid article { min-height: 168px; padding: 20px; border-right: 1px solid #49443d; }
.shinesky-truth-grid article:last-child { border-right: 0; }
.shinesky-truth-grid article.is-warning { box-shadow: inset 0 4px 0 var(--shinesky-orange); }
.shinesky-truth-grid small, .shinesky-truth-grid b { display: block; }
.shinesky-truth-grid small { color: var(--shinesky-orange); font: 700 9px/1.3 var(--shinesky-tech); letter-spacing: .11em; }
.shinesky-truth-grid b { margin-top: 20px; font: 800 21px/1.05 var(--shinesky-display); letter-spacing: -.03em; }
.shinesky-truth-grid p { margin: 12px 0 0; color: var(--shinesky-muted); font-size: 11px; }
.shinesky-truth-grid code, .shinesky-tech-table code, .shinesky-proof-output code { color: #e2d9ce; font: 9px/1.4 var(--shinesky-tech); overflow-wrap: anywhere; }

.shinesky-tech-block { margin-top: 28px; border: 1px solid #49443d; background: #10100e; }
.shinesky-tech-block > header { display: grid; grid-template-columns: 240px 1fr; gap: 28px; align-items: start; padding: 23px 25px; border-bottom: 1px solid #49443d; }
.shinesky-tech-block > header > small, .shinesky-capacity-plan > header small { color: var(--shinesky-orange); font: 700 9px/1.4 var(--shinesky-tech); letter-spacing: .11em; }
.shinesky-tech-block h3, .shinesky-capacity-plan h3, .shinesky-proof-output h3 { margin: 0; font: 800 27px/1 var(--shinesky-display); letter-spacing: -.035em; }
.shinesky-tech-block header p, .shinesky-capacity-plan header p { max-width: 780px; margin: 10px 0 0; color: var(--shinesky-muted); font-size: 11px; }
.shinesky-tech-table-wrap { width: 100%; overflow-x: auto; }
.shinesky-tech-table { width: 100%; min-width: 850px; border-collapse: collapse; table-layout: fixed; }
.shinesky-tech-table th, .shinesky-tech-table td { padding: 13px 15px; border-right: 1px solid #49443d; border-bottom: 1px solid #49443d; text-align: left; vertical-align: top; }
.shinesky-tech-table th:last-child, .shinesky-tech-table td:last-child { border-right: 0; }
.shinesky-tech-table tbody tr:last-child td { border-bottom: 0; }
.shinesky-tech-table th { color: #d6cec4; background: #171613; font: 700 9px/1.35 var(--shinesky-tech); letter-spacing: .06em; }
.shinesky-tech-table td { color: #a9a198; font-size: 10px; }
.shinesky-tech-table td:first-child { color: #ece5dc; font-weight: 700; }
.shinesky-tech-table.is-compact th, .shinesky-tech-table.is-compact td { padding: 11px 13px; }
.shinesky-block-note { margin: 0; padding: 16px 24px; border-top: 1px solid #49443d; color: #aaa299; font: 10px/1.55 var(--shinesky-tech); }

.shinesky-runbook { display: grid; grid-template-columns: repeat(3, 1fr); }
.shinesky-runbook article { min-height: 190px; display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 18px; border-right: 1px solid #49443d; border-bottom: 1px solid #49443d; }
.shinesky-runbook article:nth-child(3n) { border-right: 0; }
.shinesky-runbook article:nth-last-child(-n + 3) { border-bottom: 0; }
.shinesky-runbook em { color: var(--shinesky-orange); font: 700 10px/1 var(--shinesky-tech); font-style: normal; }
.shinesky-runbook small, .shinesky-runbook b { display: block; }
.shinesky-runbook small { color: #89837b; font: 700 8px/1 var(--shinesky-tech); letter-spacing: .09em; }
.shinesky-runbook b { margin: 11px 0 14px; font: 800 17px/1.15 var(--shinesky-display); }
.shinesky-runbook p { margin: 6px 0 0; color: #9d958c; font-size: 10px; }

.shinesky-stack-flow { display: grid; grid-template-columns: 1fr 28px 1.1fr 28px 1.1fr 28px 1fr; align-items: stretch; padding: 22px; }
.shinesky-stack-flow > div { min-height: 128px; padding: 17px; border: 1px solid #49443d; background: #151411; }
.shinesky-stack-flow > i { display: grid; place-items: center; color: var(--shinesky-orange); font-style: normal; }
.shinesky-stack-flow small, .shinesky-stack-flow b, .shinesky-stack-flow span { display: block; }
.shinesky-stack-flow small { color: var(--shinesky-orange); font: 700 8px/1 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-stack-flow b { margin-top: 22px; font: 800 17px/1.1 var(--shinesky-display); }
.shinesky-stack-flow span { margin-top: 9px; color: var(--shinesky-muted); font-size: 10px; }
.shinesky-origin-rules { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #49443d; }
.shinesky-origin-rules p { margin: 0; padding: 16px; border-right: 1px solid #49443d; }
.shinesky-origin-rules p:last-child { border-right: 0; }
.shinesky-origin-rules b, .shinesky-origin-rules span { display: block; }
.shinesky-origin-rules b { color: var(--shinesky-orange); font: 700 9px/1 var(--shinesky-tech); }
.shinesky-origin-rules span { margin-top: 8px; color: var(--shinesky-muted); font-size: 10px; }

.shinesky-capacity-block { display: grid; grid-template-columns: 300px 1fr; margin-top: 28px; border: 1px solid #49443d; background: #10100e; }
.shinesky-capacity-status { padding: 26px; border-right: 1px solid #49443d; box-shadow: inset 4px 0 0 var(--shinesky-orange); }
.shinesky-capacity-status small, .shinesky-capacity-status strong, .shinesky-capacity-status b { display: block; }
.shinesky-capacity-status small { color: var(--shinesky-orange); font: 700 9px/1 var(--shinesky-tech); letter-spacing: .11em; }
.shinesky-capacity-status strong { margin-top: 35px; color: var(--shinesky-orange); font: 800 64px/.85 var(--shinesky-display); letter-spacing: -.06em; }
.shinesky-capacity-status b { margin-top: 22px; font: 800 20px/1.1 var(--shinesky-display); }
.shinesky-capacity-status p { margin: 13px 0 0; color: var(--shinesky-muted); font-size: 10px; }
.shinesky-capacity-plan { min-width: 0; }
.shinesky-capacity-plan > header { padding: 23px 25px; border-bottom: 1px solid #49443d; }
.shinesky-capacity-plan h3 { margin-top: 12px; }
.shinesky-stop-lines { display: grid; grid-template-columns: repeat(5, 1fr); border-top: 1px solid #49443d; }
.shinesky-stop-lines p { margin: 0; padding: 13px; border-right: 1px solid #49443d; }
.shinesky-stop-lines p:last-child { border-right: 0; }
.shinesky-stop-lines small, .shinesky-stop-lines b { display: block; }
.shinesky-stop-lines small { color: #89837b; font: 700 8px/1 var(--shinesky-tech); }
.shinesky-stop-lines b { margin-top: 8px; color: #e5ddd3; font: 800 16px/1 var(--shinesky-display); }

.shinesky-ops-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.shinesky-ops-grid article { min-height: 175px; padding: 18px; border-right: 1px solid #49443d; }
.shinesky-ops-grid article:last-child { border-right: 0; }
.shinesky-ops-grid small, .shinesky-ops-grid b { display: block; }
.shinesky-ops-grid small { color: var(--shinesky-orange); font: 700 8px/1 var(--shinesky-tech); letter-spacing: .08em; }
.shinesky-ops-grid b { margin-top: 18px; font: 800 18px/1.1 var(--shinesky-display); }
.shinesky-ops-grid p { margin: 12px 0 0; color: var(--shinesky-muted); font-size: 10px; }
.shinesky-security-line { display: grid; grid-template-columns: 190px 1fr; gap: 20px; padding: 17px 20px; border-top: 1px solid #49443d; background: #171613; }
.shinesky-security-line b { color: var(--shinesky-orange); font: 700 9px/1.4 var(--shinesky-tech); }
.shinesky-security-line span { color: #b9b0a6; font: 9px/1.55 var(--shinesky-tech); }

.shinesky-proof-output { display: grid; grid-template-columns: 1.12fr .88fr; margin-top: 28px; border: 1px solid #49443d; background: #11110f; }
.shinesky-proof-output > div { padding: 25px; }
.shinesky-proof-output > div > small { color: var(--shinesky-orange); font: 700 9px/1 var(--shinesky-tech); letter-spacing: .11em; }
.shinesky-proof-output h3 { margin-top: 14px; }
.shinesky-proof-output p { margin: 12px 0 0; color: var(--shinesky-muted); font-size: 11px; }
.shinesky-proof-output ol { margin: 0; padding: 0; border-left: 1px solid #49443d; list-style: none; }
.shinesky-proof-output li { display: grid; grid-template-columns: 42px 1fr; align-items: center; min-height: 56px; padding: 11px 17px; border-bottom: 1px solid #49443d; }
.shinesky-proof-output li:last-child { border-bottom: 0; }
.shinesky-proof-output li em { color: var(--shinesky-orange); font: 700 9px/1 var(--shinesky-tech); font-style: normal; }
.shinesky-proof-output li span { color: #d6cec4; font: 700 10px/1.4 var(--shinesky-tech); }

.shinesky-expansion a { color: inherit; }
.shinesky-implementation-status { display: grid; grid-template-columns: repeat(2, 1fr); border: 1px solid #49443d; background: #11110f; }
.shinesky-implementation-status > div { min-height: 148px; padding: 20px; border-right: 1px solid #49443d; }
.shinesky-implementation-status > div:last-child { border-right: 0; }
.shinesky-implementation-status small, .shinesky-implementation-status b { display: block; }
.shinesky-implementation-status small { color: var(--shinesky-orange); font: 700 10px/1.3 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-implementation-status b { margin-top: 22px; font: 800 21px/1.1 var(--shinesky-display); letter-spacing: -.03em; }
.shinesky-implementation-status p { margin: 10px 0 0; color: var(--shinesky-muted); font-size: 13px; }

.shinesky-answer-block { margin-top: 30px; border: 1px solid #49443d; background: #10100e; }
.shinesky-answer-head { display: grid; grid-template-columns: 78px 1fr; gap: 24px; align-items: start; padding: 25px 28px; border-bottom: 1px solid #49443d; }
.shinesky-answer-head > span { color: var(--shinesky-orange); font: 800 42px/.9 var(--shinesky-display); letter-spacing: -.05em; }
.shinesky-answer-head small { color: var(--shinesky-orange); font: 700 10px/1.3 var(--shinesky-tech); letter-spacing: .12em; }
.shinesky-answer-head h3 { max-width: 980px; margin: 12px 0 0; font: 800 31px/1.08 var(--shinesky-display); letter-spacing: -.035em; }
.shinesky-answer-head p { max-width: 880px; margin: 11px 0 0; color: var(--shinesky-muted); font-size: 14px; }

.shinesky-official-tutorial { display: grid; grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr); background: #0b0b0a; }
.shinesky-official-tutorial > .shinesky-official-video__head { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 28px; border-right: 1px solid #49443d; }
.shinesky-official-tutorial__media { min-width: 0; }
.shinesky-official-video__head { padding: 20px; }
.shinesky-official-video__head small, .shinesky-official-video__head b { display: block; }
.shinesky-official-video__head small { color: var(--shinesky-orange); font: 700 9px/1.3 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-official-video__head b { margin-top: 15px; color: #eee6dc; font: 800 18px/1.15 var(--shinesky-display); }
.shinesky-official-video__head p { margin: 9px 0 0; color: var(--shinesky-muted); font-size: 12px; }
.shinesky-official-video__frame { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-top: 1px solid #49443d; border-bottom: 1px solid #49443d; background: #000; }
.shinesky-official-video__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.shinesky-official-video__links { display: grid; grid-template-columns: 1fr 1fr; }
.shinesky-official-video__links a { padding: 12px 14px; border-right: 1px solid #49443d; color: #d9d1c7; font: 700 9px/1.35 var(--shinesky-tech); text-align: center; text-decoration: none; }
.shinesky-official-video__links a:last-child { border-right: 0; }
.shinesky-official-video__links a:hover { color: var(--shinesky-orange); background: #171411; }
.shinesky-official-proof { display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; padding: 20px 24px; border-top: 1px solid #49443d; background: #171613; }
.shinesky-official-proof small { color: var(--shinesky-orange); font: 700 10px/1.3 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-official-proof p { max-width: 790px; margin: 8px 0 0; color: #b7afa5; font-size: 13px; }
.shinesky-official-proof nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.shinesky-official-proof a, .shinesky-upgrade-boundary > a { padding: 11px 13px; border: 1px solid #625b52; color: #e8e0d7; font: 700 10px/1.2 var(--shinesky-tech); text-decoration: none; }
.shinesky-official-proof a:hover, .shinesky-upgrade-boundary > a:hover { border-color: var(--shinesky-orange); color: var(--shinesky-orange); }
.shinesky-code-proof { border-top: 1px solid #49443d; }
.shinesky-code-proof summary { padding: 16px 24px; color: #ded6cc; font: 700 11px/1.4 var(--shinesky-tech); cursor: pointer; }
.shinesky-code-proof pre { margin: 0; padding: 20px 24px; overflow-x: auto; border-top: 1px solid #49443d; background: #080808; }
.shinesky-code-proof code { color: #ddd5ca; font: 12px/1.65 var(--shinesky-tech); }
.shinesky-code-proof > p { margin: 0; padding: 15px 24px; border-top: 1px solid #49443d; color: var(--shinesky-muted); font-size: 12px; }

.shinesky-responsibility-grid { display: grid; grid-template-columns: 1fr 1fr; }
.shinesky-responsibility-grid article { padding: 25px 28px; }
.shinesky-responsibility-grid article:first-child { border-right: 1px solid #49443d; }
.shinesky-responsibility-grid small { color: var(--shinesky-orange); font: 700 10px/1.3 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-responsibility-grid h4 { margin: 20px 0 15px; font: 800 27px/1 var(--shinesky-display); }
.shinesky-responsibility-grid ul, .shinesky-upgrade-boundary ul { margin: 0; padding: 0; list-style: none; }
.shinesky-responsibility-grid li, .shinesky-upgrade-boundary li { position: relative; padding: 10px 0 10px 18px; border-top: 1px solid #3f3b35; color: #d1c9bf; font-size: 13px; }
.shinesky-responsibility-grid li:before, .shinesky-upgrade-boundary li:before { position: absolute; left: 0; color: var(--shinesky-orange); content: "✓"; }
.shinesky-responsibility-grid article > p { margin: 17px 0 0; padding-top: 16px; border-top: 1px solid #49443d; color: var(--shinesky-muted); font-size: 13px; }

.shinesky-server-layout { display: grid; grid-template-columns: 1.2fr .8fr; }
.shinesky-server-card { border-right: 1px solid #49443d; }
.shinesky-server-card__title { padding: 24px; border-bottom: 1px solid #49443d; background: #151411; }
.shinesky-server-card__title small, .shinesky-upgrade-boundary small { color: var(--shinesky-orange); font: 700 10px/1.3 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-server-card__title h4, .shinesky-upgrade-boundary h4 { margin: 18px 0 0; font: 800 25px/1.05 var(--shinesky-display); letter-spacing: -.03em; }
.shinesky-server-card__title p, .shinesky-upgrade-boundary p { margin: 10px 0 0; color: var(--shinesky-muted); font-size: 13px; }
.shinesky-server-card dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }
.shinesky-server-card dl > div { min-height: 78px; padding: 16px 18px; border-right: 1px solid #49443d; border-bottom: 1px solid #49443d; }
.shinesky-server-card dl > div:nth-child(2n) { border-right: 0; }
.shinesky-server-card dt { color: #858078; font: 700 10px/1.2 var(--shinesky-tech); }
.shinesky-server-card dd { margin: 9px 0 0; color: #ede5db; font: 800 16px/1.25 var(--shinesky-display); }
.shinesky-server-note { margin: 0; padding: 16px 19px; color: #b8b0a6; background: #171613; font-size: 12px; }
.shinesky-upgrade-boundary { display: flex; min-width: 0; flex-direction: column; }
.shinesky-upgrade-boundary section { padding: 24px; border-bottom: 1px solid #49443d; }
.shinesky-upgrade-boundary section:nth-child(2) { flex: 1; }
.shinesky-upgrade-boundary ul { margin-top: 18px; }
.shinesky-upgrade-boundary > a { margin: 18px 24px 24px; text-align: center; }

.shinesky-motion-lab { color: var(--shinesky-paper); background: #151310; border-top: 10px solid var(--shinesky-orange); }
.shinesky-motion-grid { width: min(100%, 860px); }
.shinesky-motion-card { min-width: 0; border: 1px solid #514a43; background: var(--shinesky-ink); }
.shinesky-particle-preview { width: 100%; margin-bottom: 52px; border: 1px solid #514a43; background: var(--shinesky-ink); }
.shinesky-particle-preview > header { display: flex; min-height: 110px; align-items: center; justify-content: space-between; gap: 24px; padding: 24px 27px; border-bottom: 1px solid #514a43; }
.shinesky-particle-preview > header small, .shinesky-motion-subhead span { color: var(--shinesky-orange); font: 700 9px/1.25 var(--shinesky-tech); letter-spacing: .12em; }
.shinesky-particle-preview > header h3 { margin: 12px 0 0; font-size: clamp(28px, 3vw, 42px); line-height: .96; }
.shinesky-particle-preview > header > a { flex: 0 0 auto; padding: 12px 15px; border: 1px solid #514a43; color: #d7d0c6; font: 700 9px/1.2 var(--shinesky-tech); }
.shinesky-particle-preview > footer { display: flex; min-height: 60px; align-items: center; justify-content: space-between; gap: 24px; padding: 15px 27px; border-top: 1px solid #514a43; color: #aaa39a; font: 9px/1.55 var(--shinesky-tech); }
.shinesky-particle-preview > footer span { max-width: 760px; }
.shinesky-particle-preview > footer a { flex: 0 0 auto; color: #d7d0c6; }
.shinesky-particle-inline { position: relative; height: min(680px, 74vh); min-height: 560px; overflow: hidden; background: #090909; }
.shinesky-particle-inline__source,
.shinesky-particle-inline__background,
.shinesky-particle-inline__output,
.shinesky-particle-inline__fallback { position: absolute; inset: 0; width: 100%; height: 100%; }
.shinesky-particle-inline__source { z-index: 0; display: block; }
.shinesky-particle-inline__background { z-index: 1; overflow: hidden; pointer-events: none; }
.shinesky-particle-inline__output { z-index: 2; display: block; pointer-events: none; }
.shinesky-particle-inline__fallback { z-index: 1; overflow: hidden; }
.shinesky-particle-inline__content { position: relative; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; background: #090909; color: var(--shinesky-paper); scrollbar-width: none; }
.shinesky-particle-inline__content::-webkit-scrollbar { width: 0; height: 0; }
.shinesky-particle-background-content,
.shinesky-particle-background-content * { color: transparent !important; text-shadow: none !important; }
.shinesky-particle-inline__content[data-particle-capture="foreground"],
.shinesky-particle-inline__content[data-particle-capture="foreground"] .shinesky-particle-inline__lead,
.shinesky-particle-inline__content[data-particle-capture="foreground"] .shinesky-particle-inline__paper,
.shinesky-particle-inline__content[data-particle-capture="foreground"] .shinesky-particle-inline__proof { background: transparent !important; }
.shinesky-particle-inline__content[data-particle-capture="foreground"] .shinesky-particle-inline__lead,
.shinesky-particle-inline__content[data-particle-capture="foreground"] .shinesky-particle-inline__paper,
.shinesky-particle-inline__content[data-particle-capture="foreground"] .shinesky-particle-inline__proof,
.shinesky-particle-inline__content[data-particle-capture="foreground"] .shinesky-particle-inline__lead > div,
.shinesky-particle-inline__content[data-particle-capture="foreground"] .shinesky-particle-inline__paper header,
.shinesky-particle-inline__content[data-particle-capture="foreground"] .shinesky-particle-inline__rows,
.shinesky-particle-inline__content[data-particle-capture="foreground"] .shinesky-particle-inline__rows article,
.shinesky-particle-inline__content[data-particle-capture="foreground"] .shinesky-particle-inline__proof > div { border-color: transparent !important; }
.shinesky-particle-inline__lead { display: grid; min-height: 550px; grid-template-columns: minmax(0, 1.25fr) minmax(220px, .55fr); align-content: end; gap: 38px 58px; padding: 78px 7% 72px; background: #090909; }
.shinesky-particle-inline__lead > p,
.shinesky-particle-inline__paper header > span,
.shinesky-particle-inline__proof > p { grid-column: 1 / -1; margin: 0 0 -12px; color: var(--shinesky-orange); font: 700 9px/1.3 var(--shinesky-tech); letter-spacing: .12em; }
.shinesky-particle-inline__lead h4 { margin: 0; font: 650 clamp(48px, 6.2vw, 84px)/.84 var(--shinesky-display); letter-spacing: -.06em; }
.shinesky-particle-inline__lead h4 em,
.shinesky-particle-inline__proof h5 em { display: block; color: var(--shinesky-orange); font-style: normal; }
.shinesky-particle-inline__lead > div { align-self: end; padding: 20px 0 3px; border-top: 1px solid #4b4740; }
.shinesky-particle-inline__lead b { font: 700 10px/1.2 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-particle-inline__lead span { display: block; max-width: 255px; margin-top: 13px; color: var(--shinesky-muted); font-size: 13px; line-height: 1.55; }
.shinesky-particle-inline__paper { min-height: 580px; padding: 70px 7% 84px; border-top: 1px solid var(--shinesky-line); background: var(--shinesky-paper); color: #151310; }
.shinesky-particle-inline__paper header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(200px, .42fr); gap: 16px 48px; max-width: 1080px; margin: 0 auto 42px; }
.shinesky-particle-inline__paper header h5 { margin: 0; font: 650 clamp(38px, 4.4vw, 60px)/.9 var(--shinesky-display); letter-spacing: -.055em; }
.shinesky-particle-inline__paper header p { align-self: end; max-width: 245px; margin: 0; color: #77726a; font-size: 13px; line-height: 1.55; }
.shinesky-particle-inline__rows { max-width: 1080px; margin: 0 auto; border-top: 1px solid #151310; }
.shinesky-particle-inline__rows article { display: grid; min-height: 140px; grid-template-columns: 76px minmax(0, 1fr) minmax(190px, .42fr); align-items: center; gap: 24px; border-bottom: 1px solid var(--shinesky-line); }
.shinesky-particle-inline__rows span { color: var(--shinesky-orange); font: 700 10px/1 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-particle-inline__rows b { font: 650 clamp(26px, 3.1vw, 42px)/.9 var(--shinesky-display); letter-spacing: -.05em; }
.shinesky-particle-inline__rows p { max-width: 225px; margin: 0; color: #77726a; font-size: 13px; line-height: 1.55; }
.shinesky-particle-inline__proof { min-height: 480px; padding: 88px 7% 72px; border-top: 1px solid #393631; background: #090909; }
.shinesky-particle-inline__proof h5 { max-width: 820px; margin: 0; font: 650 clamp(46px, 5.6vw, 76px)/.85 var(--shinesky-display); letter-spacing: -.06em; }
.shinesky-particle-inline__proof > div { display: grid; max-width: 980px; grid-template-columns: repeat(4, 1fr); margin-top: 78px; border-top: 1px solid #4b4740; border-bottom: 1px solid #4b4740; }
.shinesky-particle-inline__proof > div span { padding: 18px 0; color: var(--shinesky-muted); font: 700 9px/1.2 var(--shinesky-tech); letter-spacing: .1em; }
.shinesky-particle-inline__runtime { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
html[data-particle-technical-preview] .shinesky-particle-inline__runtime { z-index: 4; top: 14px; right: 14px; display: flex; width: auto; height: auto; align-items: center; gap: 8px; overflow: visible; clip: auto; clip-path: none; padding: 8px 10px; border: 1px solid rgba(255,255,255,.2); background: rgba(9,9,9,.78); color: #d7d0c6; font: 700 8px/1.2 var(--shinesky-tech); letter-spacing: .1em; white-space: nowrap; backdrop-filter: blur(8px); }
.shinesky-motion-subhead { display: flex; width: min(100%, 860px); align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 16px; padding: 13px 0; border-top: 1px solid #49443d; border-bottom: 1px solid #49443d; }
.shinesky-motion-subhead p { margin: 0; color: #918a80; font: 9px/1.45 var(--shinesky-tech); }
.shinesky-motion-stage { position: relative; height: 420px; overflow: hidden; border-bottom: 1px solid #514a43; background: #050505; }
.shinesky-motion-stage > p { position: absolute; z-index: 8; right: 13px; bottom: 12px; margin: 0; color: #ddd6cc; font: 8px/1 var(--shinesky-tech); letter-spacing: .04em; }
.shinesky-live-label { position: absolute; z-index: 8; left: 12px; top: 12px; display: flex; align-items: center; gap: 7px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.18); background: rgba(9,9,9,.72); color: #d7d0c6; font: 8px/1.2 var(--shinesky-tech); backdrop-filter: blur(8px); }
.shinesky-live-label i { width: 6px; height: 6px; border-radius: 50%; background: #dbb053; }
.is-live .shinesky-live-label i { background: #63d889; box-shadow: 0 0 10px #63d889; }
.is-fallback .shinesky-live-label i, .is-model .shinesky-live-label i { background: #d7a25d; }
.shinesky-ascii-object-stage > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #050505; }
.shinesky-ascii-object-stage > canvas { position: absolute; z-index: 2; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; }
.shinesky-ascii-object-stage.is-live > img,
.shinesky-ascii-object-stage.is-model > img { opacity: 0; }
.shinesky-ascii-object-stage.is-fallback > canvas { display: none; }

.shinesky-motion-info { padding: 22px; }
.shinesky-motion-info > div:first-child > small { color: var(--shinesky-orange); font: 700 9px/1 var(--shinesky-tech); letter-spacing: .12em; }
.shinesky-motion-info h3 { margin-top: 12px; font-size: 34px; line-height: .95; }
.shinesky-motion-info > div:first-child > p { min-height: 52px; margin: 10px 0 20px; color: var(--shinesky-muted); font-size: 12px; }
.shinesky-motion-info dl { margin: 0; border-top: 1px solid #413c36; }
.shinesky-motion-info dl > div { display: grid; grid-template-columns: 118px 1fr; gap: 16px; padding: 10px 0; border-bottom: 1px solid #413c36; }
.shinesky-motion-info dt { color: var(--shinesky-muted); font: 9px/1.35 var(--shinesky-tech); }
.shinesky-motion-info dd { margin: 0; color: #d7d0c6; font-size: 11px; }
.shinesky-motion-info dd em { color: var(--shinesky-orange); font-style: normal; }
.shinesky-motion-info details { margin-top: 15px; border: 1px solid #413c36; }
.shinesky-motion-info summary { padding: 12px; color: #cfc8be; font: 700 9px/1.3 var(--shinesky-tech); cursor: pointer; }
.shinesky-motion-info details p { margin: 0; padding: 0 12px 12px; color: var(--shinesky-muted); font-size: 10px; }
.shinesky-motion-info code { display: block; margin: 0 12px 12px; padding: 10px; overflow-x: auto; background: #171511; color: #ded7cd; font: 9px/1.4 var(--shinesky-tech); }
.shinesky-source-note { margin: 18px 0 0; color: #918a80; font: 9px/1.5 var(--shinesky-tech); }
.shinesky-motion-controls { display: grid; grid-template-columns: auto auto 1fr; width: min(100%, 860px); align-items: center; gap: 0; margin: 0 0 22px; border: 1px solid #49443d; background: #12110f; }
.shinesky-motion-controls button { min-height: 44px; padding: 0 18px; border: 0; border-right: 1px solid #49443d; background: transparent; color: #aaa39a; font: 700 9px/1 var(--shinesky-tech); letter-spacing: .08em; cursor: pointer; }
.shinesky-motion-controls button.is-active { background: var(--shinesky-orange); color: #090909; }
.shinesky-motion-controls button:focus-visible { outline: 2px solid #f3f0ea; outline-offset: -4px; }
.shinesky-motion-controls span { padding: 0 16px; color: #918a80; font: 9px/1.45 var(--shinesky-tech); }

@media (max-width: 1050px) {
  .shinesky-hero__grid { grid-template-columns: 1fr; gap: 48px; }
  .shinesky-proof-index { display: grid; grid-template-columns: repeat(3, 1fr); }
  .shinesky-proof-index a { border-right: 1px solid #514a43; padding-right: 15px; }
  .shinesky-foundation__layout { grid-template-columns: 1fr; }
  .shinesky-foundation__tabs { display: grid; grid-template-columns: repeat(4, 1fr); border-right: 0; border-bottom: 1px solid var(--shinesky-line); }
  .shinesky-foundation__tabs button { min-height: 86px; border-right: 1px solid var(--shinesky-line); border-bottom: 0; }
  .shinesky-server-layout { grid-template-columns: 1fr; }
  .shinesky-server-card { border-right: 0; border-bottom: 1px solid #49443d; }
  .shinesky-truth-grid { grid-template-columns: 1fr 1fr; }
  .shinesky-truth-grid article { border-bottom: 1px solid #49443d; }
  .shinesky-truth-grid article:nth-child(2n) { border-right: 0; }
  .shinesky-truth-grid article:nth-last-child(-n + 2) { border-bottom: 0; }
  .shinesky-tech-block > header { grid-template-columns: 190px 1fr; }
  .shinesky-runbook { grid-template-columns: 1fr 1fr; }
  .shinesky-runbook article, .shinesky-runbook article:nth-child(3n), .shinesky-runbook article:nth-last-child(-n + 3) { border-right: 1px solid #49443d; border-bottom: 1px solid #49443d; }
  .shinesky-runbook article:nth-child(2n) { border-right: 0; }
  .shinesky-runbook article:nth-last-child(-n + 2) { border-bottom: 0; }
  .shinesky-stack-flow { grid-template-columns: repeat(4, 1fr); gap: 8px; }
  .shinesky-stack-flow > i { display: none; }
  .shinesky-origin-rules { grid-template-columns: 1fr 1fr; }
  .shinesky-origin-rules p { border-bottom: 1px solid #49443d; }
  .shinesky-origin-rules p:nth-child(2n) { border-right: 0; }
  .shinesky-origin-rules p:nth-last-child(-n + 2) { border-bottom: 0; }
  .shinesky-capacity-block { grid-template-columns: 1fr; }
  .shinesky-capacity-status { border-right: 0; border-bottom: 1px solid #49443d; }
  .shinesky-capacity-status strong { font-size: 52px; }
  .shinesky-ops-grid { grid-template-columns: 1fr 1fr; }
  .shinesky-ops-grid article { border-bottom: 1px solid #49443d; }
  .shinesky-ops-grid article:nth-child(2n) { border-right: 0; }
  .shinesky-ops-grid article:nth-last-child(-n + 2) { border-bottom: 0; }
  .shinesky-motion-stage { height: 460px; }
  .shinesky-particle-inline { height: 640px; }
  .shinesky-matrix__entry { grid-template-columns: repeat(3, 1fr); }
  .shinesky-visual-preview { grid-template-columns: 1fr; }
  .shinesky-visual-preview dl { grid-template-columns: 1fr 1fr; }
  .shinesky-inventory__head, .shinesky-inventory__row { grid-template-columns: 1fr 1.2fr 1fr; }
  .shinesky-inventory__head span:nth-child(4), .shinesky-inventory__head span:nth-child(5), .shinesky-inventory__row > *:nth-child(4), .shinesky-inventory__row > *:nth-child(5) { display: none; }
}

@media (max-width: 760px) {
  .shinesky-shell { width: min(100% - 40px, 620px); }
  .shinesky-preview-banner { min-height: 42px; align-items: flex-start; flex-direction: column; gap: 1px; text-align: left; }
  .shinesky-header nav { display: none; }
  .shinesky-header__tag { margin-left: auto; }
  .shinesky-hero { padding: 72px 0 68px; }
  .shinesky-hero__grid { gap: 38px; }
  h1 { font-size: clamp(46px, 13.5vw, 62px); }
  .shinesky-lead { font-size: 15px; }
  .shinesky-proof-index { grid-template-columns: 1fr; }
  .shinesky-proof-index a { border-right: 0; }
  .shinesky-section { padding: 74px 0; }
  .shinesky-section-head { margin-bottom: 35px; }
  .shinesky-section-head h2 { font-size: clamp(40px, 11vw, 54px); }
  .shinesky-foundation__tabs { grid-template-columns: 1fr 1fr; }
  .shinesky-foundation__tabs button { min-height: 78px; border-bottom: 1px solid var(--shinesky-line); }
  .shinesky-implementation-status { grid-template-columns: 1fr; }
  .shinesky-implementation-status > div, .shinesky-implementation-status > div:nth-child(2) { min-height: 0; border-right: 0; border-bottom: 1px solid #49443d; }
  .shinesky-implementation-status > div:last-child { grid-column: 1; border-bottom: 0; }
  .shinesky-answer-head { grid-template-columns: 52px 1fr; gap: 12px; padding: 20px 18px; }
  .shinesky-answer-head > span { font-size: 32px; }
  .shinesky-answer-head h3 { font-size: 24px; }
  .shinesky-answer-head p { font-size: 13px; }
  .shinesky-official-tutorial { grid-template-columns: 1fr; }
  .shinesky-official-tutorial > .shinesky-official-video__head { border-right: 0; border-bottom: 1px solid #49443d; }
  .shinesky-official-video__links { grid-template-columns: 1fr; }
  .shinesky-official-video__links a { border-right: 0; border-bottom: 1px solid #49443d; }
  .shinesky-official-video__links a:last-child { border-bottom: 0; }
  .shinesky-official-proof { grid-template-columns: 1fr; gap: 16px; padding: 18px; }
  .shinesky-official-proof nav { justify-content: flex-start; }
  .shinesky-official-proof a { width: 100%; }
  .shinesky-code-proof pre { padding: 17px; }
  .shinesky-code-proof code { font-size: 10px; }
  .shinesky-responsibility-grid { grid-template-columns: 1fr; }
  .shinesky-responsibility-grid article { padding: 21px 18px; }
  .shinesky-responsibility-grid article:first-child { border-right: 0; border-bottom: 1px solid #49443d; }
  .shinesky-server-card dl { grid-template-columns: 1fr; }
  .shinesky-server-card dl > div, .shinesky-server-card dl > div:nth-child(2n) { min-height: 0; border-right: 0; }
  .shinesky-upgrade-boundary section { padding: 21px 18px; }
  .shinesky-upgrade-boundary > a { margin: 16px 18px 20px; }
  .shinesky-panel-title { align-items: flex-start; flex-direction: column; gap: 10px; padding: 18px; }
  #foundation-content { padding: 18px; }
  .shinesky-map { grid-template-columns: 1fr; gap: 16px; }
  .shinesky-map__home { min-height: 110px; }
  .shinesky-map__home:after { display: none; }
  .shinesky-map__branches { grid-template-columns: 1fr 1fr; }
  .shinesky-map__branches > div { min-height: 100px; }
  .shinesky-map__applications { grid-column: 1; grid-template-columns: 1fr 1fr; margin-top: 18px; }
  .shinesky-flow-lane { grid-template-columns: 1fr; }
  .shinesky-flow-lane i { transform: rotate(90deg); }
  .shinesky-modes { grid-template-columns: 1fr; }
  .shinesky-modes article { min-height: 128px; }
  .shinesky-research-line { align-items: flex-start; flex-direction: column; gap: 8px; padding: 16px; }
  .shinesky-research-line i { transform: rotate(90deg); }
  .shinesky-material-board article { grid-template-columns: 28px 1fr; }
  .shinesky-material-board em { grid-column: 2; width: max-content; }
  .shinesky-truth-grid { grid-template-columns: 1fr; }
  .shinesky-truth-grid article, .shinesky-truth-grid article:nth-child(2n), .shinesky-truth-grid article:nth-last-child(-n + 2) { min-height: 0; border-right: 0; border-bottom: 1px solid #49443d; }
  .shinesky-truth-grid article:last-child { border-bottom: 0; }
  .shinesky-tech-block > header { grid-template-columns: 1fr; gap: 12px; padding: 20px; }
  .shinesky-tech-block h3, .shinesky-capacity-plan h3, .shinesky-proof-output h3 { font-size: 24px; line-height: 1.08; }
  .shinesky-tech-table { min-width: 760px; }
  .shinesky-runbook { grid-template-columns: 1fr; }
  .shinesky-runbook article, .shinesky-runbook article:nth-child(2n), .shinesky-runbook article:nth-child(3n), .shinesky-runbook article:nth-last-child(-n + 2), .shinesky-runbook article:nth-last-child(-n + 3) { min-height: 0; border-right: 0; border-bottom: 1px solid #49443d; }
  .shinesky-runbook article:last-child { border-bottom: 0; }
  .shinesky-stack-flow { grid-template-columns: 1fr; gap: 0; padding: 16px; }
  .shinesky-stack-flow > div { min-height: 0; }
  .shinesky-stack-flow > i { min-height: 26px; display: grid; transform: rotate(90deg); }
  .shinesky-origin-rules { grid-template-columns: 1fr; }
  .shinesky-origin-rules p, .shinesky-origin-rules p:nth-child(2n), .shinesky-origin-rules p:nth-last-child(-n + 2) { border-right: 0; border-bottom: 1px solid #49443d; }
  .shinesky-origin-rules p:last-child { border-bottom: 0; }
  .shinesky-capacity-status { padding: 22px; }
  .shinesky-capacity-status strong { margin-top: 24px; font-size: 46px; }
  .shinesky-capacity-plan > header { padding: 20px; }
  .shinesky-stop-lines { grid-template-columns: 1fr 1fr; }
  .shinesky-stop-lines p { border-bottom: 1px solid #49443d; }
  .shinesky-stop-lines p:nth-child(2n) { border-right: 0; }
  .shinesky-stop-lines p:last-child { grid-column: 1 / -1; border-bottom: 0; }
  .shinesky-ops-grid { grid-template-columns: 1fr; }
  .shinesky-ops-grid article, .shinesky-ops-grid article:nth-child(2n), .shinesky-ops-grid article:nth-last-child(-n + 2) { min-height: 0; border-right: 0; border-bottom: 1px solid #49443d; }
  .shinesky-ops-grid article:last-child { border-bottom: 0; }
  .shinesky-security-line { grid-template-columns: 1fr; gap: 8px; }
  .shinesky-proof-output { grid-template-columns: 1fr; }
  .shinesky-proof-output ol { border-top: 1px solid #49443d; border-left: 0; }
  .shinesky-foundation__research-note { font-size: 13px; }
  .shinesky-panel-title p { font-size: 23px; }
  .shinesky-panel-title em { display: none; }
  .shinesky-matrix__block-head { grid-template-columns: 1fr; gap: 7px; padding: 14px 0; }
  .shinesky-matrix__root-responsibility { grid-template-columns: 1fr; }
  .shinesky-matrix__root-responsibility span { min-height: 0; }
  .shinesky-matrix__entry { grid-template-columns: 1fr; }
  .shinesky-matrix__conversion-card { grid-template-columns: 1fr auto; padding-right: 4px; }
  .shinesky-matrix__conversion-card > small { grid-column: 1 / -1; }
  .shinesky-matrix__conversion-card div { align-items: flex-start; flex-direction: column; gap: 7px; }
  .shinesky-matrix__conversion-card i { grid-column: 2; grid-row: 2; }
  .shinesky-matrix__routes > div { grid-template-columns: 1fr; gap: 8px; align-items: start; }
  .shinesky-paths { grid-template-columns: 1fr; }
  .shinesky-paths aside { grid-column: 1; }
  .shinesky-font-options { grid-template-columns: 1fr 1fr; }
  .shinesky-colour-options { grid-template-columns: 1fr; }
  .shinesky-visual-preview { min-height: 0; padding: 17px; }
  .shinesky-type-specimen { padding-top: 14px; }
  .shinesky-visual-preview h3 { font-size: clamp(46px, 16vw, 68px); overflow-wrap: break-word; }
  .shinesky-type-specimen h4 { overflow-wrap: anywhere; }
  .shinesky-visual-preview dl { grid-template-columns: 1fr; }
  .shinesky-visual-preview dl > div { border-right: 0; border-bottom: 1px solid currentColor; }
  .shinesky-visual-preview dl > div:last-child { border-bottom: 0; }
  .shinesky-candidate-notes, .shinesky-inventory__summary { grid-template-columns: 1fr; }
  .shinesky-inventory__head { display: none; }
  .shinesky-inventory__row { grid-template-columns: 1fr; gap: 0; padding: 0; }
  .shinesky-inventory__row > * { padding: 8px 11px; border-right: 0; border-bottom: 1px solid #ded6cb; }
  .shinesky-inventory__row > *:nth-child(4), .shinesky-inventory__row > *:nth-child(5) { display: block; }
  .shinesky-inventory__row > *:last-child { border-bottom: 0; }
  .shinesky-motion-stage { height: 370px; }
  .shinesky-particle-preview { margin-bottom: 42px; }
  .shinesky-particle-preview > header { min-height: 0; align-items: flex-start; flex-direction: column; padding: 20px 18px; }
  .shinesky-particle-preview > header h3 { font-size: 28px; }
  .shinesky-particle-preview > header > a { width: 100%; text-align: center; }
  .shinesky-particle-inline { min-height: 560px; height: 620px; }
  .shinesky-particle-preview > footer { align-items: flex-start; flex-direction: column; gap: 10px; padding: 15px 18px; }
  .shinesky-particle-inline__lead { min-height: 510px; grid-template-columns: 1fr; gap: 28px; padding: 62px 24px 56px; }
  .shinesky-particle-inline__lead > p { margin-bottom: 0; }
  .shinesky-particle-inline__lead h4 { font-size: clamp(44px, 13vw, 60px); }
  .shinesky-particle-inline__paper { min-height: 620px; padding: 54px 24px 66px; }
  .shinesky-particle-inline__paper header { grid-template-columns: 1fr; gap: 18px; margin-bottom: 30px; }
  .shinesky-particle-inline__paper header h5 { font-size: clamp(34px, 10vw, 48px); }
  .shinesky-particle-inline__rows article { min-height: 156px; grid-template-columns: 42px 1fr; gap: 14px; padding: 22px 0; }
  .shinesky-particle-inline__rows p { grid-column: 2; }
  .shinesky-particle-inline__proof { min-height: 440px; padding: 70px 24px 60px; }
  .shinesky-particle-inline__proof h5 { font-size: clamp(42px, 12vw, 58px); }
  .shinesky-particle-inline__proof > div { grid-template-columns: 1fr 1fr; margin-top: 54px; }
  .shinesky-particle-inline__proof > div span { padding: 15px 0; }
  .shinesky-motion-subhead { align-items: flex-start; flex-direction: column; gap: 7px; }
  .shinesky-motion-controls { grid-template-columns: 1fr 1fr; }
  .shinesky-motion-controls button { border-bottom: 1px solid #49443d; }
  .shinesky-motion-controls span { grid-column: 1 / -1; padding: 12px 14px; }
  .shinesky-motion-info dl > div { grid-template-columns: 95px 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *:before, *:after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}