:root {
  --bg: #FBFBF9;
  --bg-panel: #FFFFFF;
  --bg-panel-2: #F3F3F0;
  --border: #E6E5E0;
  --border-strong: #D6D5CF;
  --switch-off: #DDDCD6;
  --chrome-dot: #D9D8D3;
  --accent: #EC8B0C;
  --accent-dark: #C96F06;
  --on-accent: #FFFFFF;
  --text: #1A1916;
  --text-muted: #6B6A64;
  --text-faint: #A3A29B;
  --ink-deep: #161614;
  --success: #2E9E5B;
  --success-soft: rgba(46,158,91,.16);
  --warn: #B7791F;
  --error: #D1453B;
  --clear: transparent;
  --veil: rgba(26,25,22,.24);
  --accent-grad: linear-gradient(180deg,var(--accent) 0%,var(--accent-dark) 100%);
  --accent-grad-x: linear-gradient(90deg,var(--accent) 0%,var(--accent-dark) 100%);
  --glow: radial-gradient(closest-side,var(--accent) 0%,var(--clear) 100%);
  --font-display: "Inter","Noto Sans SC","PingFang SC","Hiragino Sans","Apple SD Gothic Neo","Microsoft YaHei",system-ui,sans-serif;
  --font-body: "Inter","Noto Sans SC","PingFang SC","Hiragino Sans","Apple SD Gothic Neo","Microsoft YaHei",system-ui,sans-serif;
  --font-mono: "JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --r-xs: 7px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-pill: 999px;
  --r-round: 50%;
  --shadow-window: 0 2px 6px rgba(26,25,22,.06),0 40px 80px rgba(26,25,22,.10);
  --shadow-float: 0 1px 2px rgba(26,25,22,.08),0 2px 8px rgba(26,25,22,.06);
  --shadow-hair: 0 1px 2px rgba(26,25,22,.05);
  --shadow-knob: 0 1px 2px rgba(26,25,22,.22);
  --shadow-mark: inset 0 1px 0 rgba(255,255,255,.30),0 1px 2px rgba(201,111,6,.30),0 4px 10px rgba(236,139,12,.20);
  --shadow-cta: inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(201,111,6,.35),0 10px 24px rgba(236,139,12,.26);
  --shadow-cta-hover: inset 0 1px 0 rgba(255,255,255,.28),0 2px 4px rgba(201,111,6,.35),0 14px 30px rgba(236,139,12,.32);
  --text-shadow-cta: 0 1px 0 rgba(120,62,0,.22);
  --focus: 0 0 0 3px var(--bg),0 0 0 5px var(--accent-dark);
  --wrap: 1360px;
  --reading: 800px;
  --gutter: 40px;
  --nav-h: 72px;
  --peek: 24px;
  --side-w: 172px;
  --code-w: 310px;
  --section-space: 88px;
  --speed: .2s;
  --ease: cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after { box-sizing: border-box; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:24px; }
html.nav-open { overflow:hidden; }
body { margin:0; background:var(--bg); color:var(--text); font-family:var(--font-body); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
[hidden] { display:none !important; }
img,svg { vertical-align:middle; max-width:100%; }
img { height:auto; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
button,a,input,select,textarea,summary { -webkit-tap-highlight-color:var(--clear); }
a { color:inherit; text-decoration:none; }
button { color:var(--text); }
:focus-visible { outline:2px solid var(--accent-dark); outline-offset:4px; }
a:focus-visible,button:focus-visible { outline:none; box-shadow:var(--focus); border-radius:var(--r-xs); }
h1,h2,h3 { font-family:var(--font-display); font-weight:800; line-height:1.25; letter-spacing:-.02em; text-wrap:balance; }
h1 { font-size:clamp(34px,calc(2.2vw + 18px),48px); }
h2 { font-size:clamp(26px,2.5vw,36px); }
h3 { font-size:22px; }
p { margin-block:0 1em; }
code,kbd,pre { font-family:var(--font-mono); }
code { overflow-wrap:anywhere; }
pre { max-width:100%; min-width:0; overflow-x:auto; padding:20px; border:1px solid var(--border); border-radius:var(--r-md); background:var(--bg-panel-2); color:var(--text); font-size:13px; line-height:1.8; }
pre code { overflow-wrap:normal; word-break:normal; white-space:pre; }
main,section,article,aside,nav,div { min-width:0; }
.wrap { width:100%; max-width:calc(var(--wrap) + var(--gutter) * 2); margin-inline:auto; padding-inline:var(--gutter); }
.reading { max-width:calc(var(--reading) + var(--gutter) * 2); }
.section { padding-top:var(--section-space); padding-bottom:var(--section-space); }
.section-white { background:var(--bg-panel); color:var(--text); }
.section-head { max-width:760px; margin:0 auto 36px; text-align:center; }
.section-head h2 { margin:12px 0; }
.section-head p,.muted { color:var(--text-muted); }
.eyebrow { margin:0; font-family:var(--font-mono); font-size:12px; letter-spacing:.08em; color:var(--text-muted); }
.no-break { white-space:nowrap; }
.ico-line { fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.icon { width:20px; height:20px; flex-shrink:0; }
.skip { position:absolute; left:16px; top:12px; z-index:100; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; padding:0; border-radius:var(--r-pill); background:var(--text); color:var(--bg-panel); font-size:14px; font-weight:600; }
.skip:focus { width:auto; height:auto; overflow:visible; clip-path:none; padding:10px 16px; }
.site-head { position:relative; z-index:30; background:var(--bg); color:var(--text); border-bottom:1px solid var(--border); }
.head-in { position:relative; width:100%; max-width:min(100%,calc(1360px + var(--gutter) * 2)); margin-inline:auto; padding-inline:var(--gutter); height:var(--nav-h); display:flex; align-items:center; gap:24px; }
.brand { display:inline-flex; align-items:center; gap:11px; flex-shrink:0; font-family:var(--font-display); font-weight:800; font-size:18px; letter-spacing:-.015em; }
.brand-mark { width:32px; height:32px; flex-shrink:0; border-radius:var(--r-sm); }
.tabs-nav { margin-left:auto; height:100%; min-width:0; }
.tabs { display:flex; align-items:center; height:100%; margin:0; padding:0; list-style:none; }
.tabs li { display:flex; height:100%; }
.tab { position:relative; display:flex; align-items:center; justify-content:center; padding:0 16px; font-size:15px; font-weight:500; color:var(--text-muted); white-space:nowrap; transition:color var(--speed); }
.tab:hover { color:var(--text); }
.tab[aria-current="page"] { color:var(--text); font-weight:600; }
.tab[aria-current="page"]::after { content:""; position:absolute; left:16px; right:16px; bottom:-1px; height:3px; border-radius:var(--r-xs) var(--r-xs) 0 0; background:var(--accent-grad-x); color:var(--text); }
.head-tools { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.head-sep { width:1px; height:20px; background:var(--border); color:var(--text); flex-shrink:0; }
.lang-wrap { position:relative; }
.lang { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:34px; padding:0 12px 0 10px; border:1px solid var(--border); border-radius:var(--r-pill); background:var(--bg-panel); color:var(--text); font:500 14px/1 var(--font-body); box-shadow:var(--shadow-hair); }
.lang svg { width:16px; height:16px; color:var(--text-muted); flex-shrink:0; }
.lang-caret { color:var(--text-muted); font-size:11px; }
.lang-short { display:none; }
.lang-menu { position:absolute; right:0; top:calc(100% + 12px); min-width:180px; padding:8px; border:1px solid var(--border); border-radius:var(--r-md); background:var(--bg-panel); color:var(--text); box-shadow:var(--shadow-window); }
.lang-menu a { display:flex; align-items:center; min-height:44px; padding:10px 14px; border-radius:var(--r-sm); }
.lang-menu a:hover,.lang-menu a[aria-current] { background:var(--bg-panel-2); color:var(--text); }
.menu-toggle { display:none; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:10px; border:1px solid var(--border); border-radius:var(--r-pill); background:var(--bg-panel); color:var(--text); }
.menu-toggle svg { width:22px; height:22px; }
.mobile-nav { position:absolute; inset:100% 0 auto; z-index:32; max-height:calc(100dvh - var(--nav-h)); overflow-y:auto; overscroll-behavior:contain; padding:16px var(--gutter) 24px; border-bottom:1px solid var(--border); background:var(--bg-panel); color:var(--text); box-shadow:var(--shadow-float); }
.mobile-nav ul { list-style:none; margin:0; padding:0; }
.mobile-nav a { display:flex; align-items:center; width:100%; min-height:48px; padding:12px 16px; border-radius:var(--r-sm); }
.mobile-nav a:hover,.mobile-nav a[aria-current] { background:var(--bg-panel-2); color:var(--text); }
.mobile-languages { margin-top:16px; padding-top:16px; border-top:1px solid var(--border); }
.nav-veil { position:fixed; inset:var(--nav-h) 0 0; z-index:20; border:0; background:var(--veil); color:var(--text); }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:52px; padding:0 26px; border:0; border-radius:var(--r-pill); font-size:16px; font-weight:700; letter-spacing:.005em; text-align:center; transition:transform var(--speed),box-shadow var(--speed),border-color var(--speed); }
.btn svg { width:18px; height:18px; flex-shrink:0; }
.btn-primary { background:var(--accent-grad); color:var(--on-accent); box-shadow:var(--shadow-cta); text-shadow:var(--text-shadow-cta); }
.btn-primary:hover,.btn-primary.is-hover { transform:translateY(-1px); box-shadow:var(--shadow-cta-hover); }
.btn-ghost { padding-inline:24px 22px; background:var(--bg-panel); color:var(--text); border:1px solid var(--border-strong); box-shadow:var(--shadow-hair); font-weight:600; }
.btn-ghost:hover { border-color:var(--text-faint); }
.btn:active { transform:translateY(1px); }
.btn:disabled,.btn[aria-disabled="true"] { background:var(--bg-panel-2); color:var(--text-muted); box-shadow:none; cursor:not-allowed; transform:none; }
.btn.is-focus { box-shadow:var(--focus); }
.cta { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
.panel { padding:32px; border:1px solid var(--border); border-radius:var(--r-xl); background:var(--bg-panel); color:var(--text); box-shadow:var(--shadow-float); }
.card { padding:13px 14px 14px; background:var(--bg); color:var(--text); border:1px solid var(--border); border-radius:var(--r-md); }
.card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.badge,.chip { display:inline-flex; align-items:center; gap:7px; max-width:100%; padding:4px 11px; border:1px solid var(--border); border-radius:var(--r-pill); background:var(--bg-panel); color:var(--text); font-size:13px; line-height:1.45; font-weight:500; overflow-wrap:anywhere; }
.badge { min-height:30px; box-shadow:var(--shadow-hair); }
.chips { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 0; padding:0; list-style:none; }
.chip svg { width:13px; height:13px; color:var(--text-muted); flex-shrink:0; }
.badge-dot { position:relative; width:7px; height:7px; border-radius:var(--r-round); background:var(--success); color:var(--text); flex-shrink:0; }
.badge-dot::after { content:""; position:absolute; inset:0; border-radius:var(--r-round); background:var(--success); color:var(--text); animation:breathe 2.4s ease-in-out infinite; }
@keyframes breathe { 0% { transform:scale(1); opacity:.55; } 70%,100% { transform:scale(2.6); opacity:0; } }
.hero { position:relative; min-height:calc(100svh - var(--nav-h) - var(--peek)); display:grid; grid-template-rows:1fr auto; overflow-x:clip; }
.hero-main { display:grid; align-content:center; padding-block:56px; }
.hero-grid { display:grid; grid-template-columns:minmax(0,820px) minmax(440px,1fr); gap:64px; align-items:center; }
.stage { position:relative; isolation:isolate; }
.stage::before { content:""; position:absolute; z-index:-1; width:80%; aspect-ratio:1.45; right:-8%; bottom:-26%; background:var(--glow); color:var(--text); opacity:.10; pointer-events:none; }
.win { position:relative; background:var(--bg-panel); color:var(--text); border:1px solid var(--border); border-radius:var(--r-xl); box-shadow:var(--shadow-window); overflow:hidden; cursor:default; user-select:none; animation:win-in .9s var(--ease) .08s both; }
.win * { cursor:default; }
@keyframes win-in { from { opacity:0; transform:translateY(22px); } to { opacity:1; transform:none; } }
.win-bar { position:relative; height:38px; padding:0 16px; display:flex; align-items:center; border-bottom:1px solid var(--border); }
.win-dots { display:flex; gap:8px; }
.win-dots span { width:11px; height:11px; flex-shrink:0; border-radius:var(--r-round); background:var(--chrome-dot); color:var(--text); }
.win-title { position:absolute; left:50%; transform:translateX(-50%); font-size:12.5px; font-weight:600; color:var(--text-muted); letter-spacing:.01em; }
.win-body { display:grid; grid-template-columns:var(--side-w) minmax(0,1fr) var(--code-w); min-height:500px; }
.win-side { display:flex; flex-direction:column; padding:14px 10px 12px; background:var(--bg-panel-2); color:var(--text); border-right:1px solid var(--border); }
.side-list { display:grid; gap:2px; }
.side-item { display:flex; align-items:center; gap:10px; height:37px; padding:0 12px; border-radius:var(--r-pill); font-size:13.5px; font-weight:500; color:var(--text-muted); }
.side-item svg { width:17px; height:17px; flex-shrink:0; }
.side-item.is-current { background:var(--bg-panel); color:var(--text); font-weight:600; box-shadow:var(--shadow-float); }
.side-foot { margin-top:auto; display:flex; align-items:center; gap:8px; padding:10px 12px 4px; font-family:var(--font-mono); font-size:11px; color:var(--text-muted); }
.ok-dot { width:7px; height:7px; border-radius:var(--r-round); flex-shrink:0; background:var(--success); color:var(--text); box-shadow:0 0 0 3px var(--success-soft); }
.win-main { display:flex; flex-direction:column; gap:12px; padding:18px 18px 20px; min-width:0; }
.main-head { padding:2px; }
.main-h { font-family:var(--font-display); font-weight:800; font-size:18px; letter-spacing:-.015em; }
.card-h { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; font-size:12.5px; font-weight:600; }
.card-note { font-family:var(--font-mono); font-size:10.5px; font-weight:400; color:var(--text-faint); }
.seg { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px; padding:3px; border-radius:var(--r-pill); background:var(--bg-panel-2); color:var(--text); }
.seg-i { height:30px; display:grid; place-items:center; border-radius:var(--r-pill); font-size:13px; font-weight:500; color:var(--text-muted); }
.seg-i.is-on { background:var(--bg-panel); color:var(--text); font-weight:600; box-shadow:var(--shadow-float); }
.card-list { padding:2px 14px; }
.row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 0; }
.row + .row { border-top:1px solid var(--border); }
.row-t { font-size:13px; font-weight:600; line-height:1.35; }
.row-d { margin-top:2px; font-size:11.5px; line-height:1.35; color:var(--text-muted); }
.sw { position:relative; flex-shrink:0; width:36px; height:21px; border-radius:var(--r-pill); background:var(--switch-off); color:var(--text); }
.sw::after { content:""; position:absolute; top:2px; left:2px; width:17px; height:17px; border-radius:var(--r-round); background:var(--bg-panel); color:var(--text); box-shadow:var(--shadow-knob); }
.sw.is-on { background:var(--accent-grad-x); color:var(--text); }
.sw.is-on::after { transform:translateX(15px); }
.field { display:flex; align-items:center; gap:8px; min-height:38px; padding:8px 12px; background:var(--bg-panel); color:var(--text-muted); border:1px solid var(--border); border-radius:var(--r-sm); }
.field svg { width:14px; height:14px; flex-shrink:0; }
.field-ph { flex:1; min-width:0; overflow-wrap:anywhere; font-family:var(--font-mono); font-size:11px; color:var(--text-muted); }
.win .field-ph { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--text-faint); }
.field-hint { margin-top:8px; font-size:11.5px; color:var(--text-muted); }
.win-code { padding:18px 18px 20px 0; min-width:0; }
.code-card { height:100%; display:flex; flex-direction:column; background:var(--bg); color:var(--text); border:1px solid var(--border); border-radius:var(--r-md); overflow:hidden; }
.code-head { display:flex; align-items:center; gap:8px; height:40px; padding:0 14px; flex-shrink:0; background:var(--bg-panel); color:var(--text); border-bottom:1px solid var(--border); font-family:var(--font-mono); font-size:12px; font-weight:500; }
.code-head svg { width:14px; height:14px; color:var(--text-muted); }
.code-lang { margin-left:auto; font-size:10.5px; letter-spacing:.08em; color:var(--text-faint); }
.code { padding:12px 0 14px; font-family:var(--font-mono); font-size:11px; line-height:20px; counter-reset:ln; overflow-x:auto; }
.ln { display:block; min-height:20px; padding-right:12px; white-space:pre; }
.ln::before { counter-increment:ln; content:counter(ln); display:inline-block; width:24px; padding-right:10px; text-align:right; color:var(--text-faint); }
.ln.is-hl { background:var(--bg-panel-2); color:var(--text); }
.k { color:var(--text); font-weight:500; }
.v { color:var(--text-muted); }
.s { color:var(--text-faint); }
.copy { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.hero-title { margin:22px 0 0; font-weight:800; font-size:clamp(30px,calc(2.2vw + 18px),48px); line-height:1.18; letter-spacing:-.02em; }
.t-line { display:block; }
.kw { position:relative; display:inline-block; }
.kw-arc { position:absolute; left:-3%; top:calc(100% - .3em); width:106%; height:.3em; overflow:visible; }
.kw-arc path { fill:none; stroke:url(#arcGrad); stroke-width:4px; stroke-linecap:round; }
.g-a { stop-color:var(--accent); }
.g-b { stop-color:var(--accent-dark); }
.lede { margin:24px 0 0; max-width:31em; font-size:16px; line-height:1.75; color:var(--text-muted); }
.lede strong { color:var(--text); font-weight:600; }
.plat { width:100%; margin-top:28px; padding-top:20px; border-top:1px solid var(--border); }
.plat-label { margin:0 0 12px; font-family:var(--font-mono); font-size:11.5px; letter-spacing:.06em; color:var(--text-muted); }
.plat-list { display:grid; grid-template-columns:repeat(5,auto); justify-content:space-between; gap:10px 14px; margin:0; padding:0; list-style:none; }
.plat-link { display:inline-flex; align-items:center; gap:8px; font-size:13.5px; font-weight:500; }
.plat-ico { width:28px; height:28px; border-radius:var(--r-xs); flex-shrink:0; display:grid; place-items:center; background:var(--bg-panel-2); color:var(--text); transition:background var(--speed),color var(--speed); }
.plat-ico svg { width:14px; height:14px; }
.plat-link:hover .plat-ico { background:var(--text); color:var(--bg-panel); }
.statusbar { border-top:1px solid var(--border); }
.sb-in { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; row-gap:6px; padding-block:13px; font-family:var(--font-mono); font-size:12px; color:var(--text-muted); }
.sb-item { display:inline-flex; align-items:center; white-space:nowrap; }
.sb-item b { margin-left:8px; font-weight:500; color:var(--text); }
.sb-item + .sb-item::before { content:""; width:4px; height:4px; flex-shrink:0; border-radius:var(--r-round); margin:0 20px; background:var(--border-strong); color:var(--text); }
.fact-statement { background:var(--ink-deep); color:var(--bg-panel); padding-top:100px; padding-bottom:100px; }
.fact-statement h2 { max-width:960px; margin:0 auto 24px; font-size:clamp(28px,3vw,44px); }
.fact-statement p { max-width:720px; margin:0 auto; color:var(--bg-panel-2); }
.prose { min-width:0; line-height:1.85; }
.prose h2 { margin-top:2.4em; scroll-margin-top:28px; }
.prose h3 { margin-top:1.8em; }
.prose a:not(.btn) { text-decoration:underline; text-underline-offset:4px; }
.prose li { margin-block:.4em; }
.prose :not(pre) > code { padding:2px 5px; border-radius:var(--r-xs); background:var(--bg-panel-2); color:var(--text); font-size:.88em; }
.site-foot { background:var(--bg-panel-2); color:var(--text); border-top:1px solid var(--border); padding-top:64px; padding-bottom:28px; }
.foot-grid { display:grid; grid-template-columns:1.3fr 1fr 1.5fr 1fr; gap:40px; }
.foot-brand p { max-width:28em; margin-top:20px; color:var(--text-muted); font-size:14px; }
.foot-title { margin:0 0 16px; font-size:14px; font-weight:700; }
.foot-list { list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.foot-list a { display:inline-flex; padding-block:3px; font-size:14px; color:var(--text-muted); }
.foot-list a:hover { color:var(--text); text-decoration:underline; text-underline-offset:4px; }
.foot-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; margin-top:44px; padding-top:24px; border-top:1px solid var(--border-strong); font-size:13px; color:var(--text-muted); }
.reveal { opacity:1; transform:none; }
html.reveal-ready .reveal:not(.shown) { opacity:0; transform:translateY(16px); }
html.reveal-ready .reveal { transition:opacity .65s var(--ease),transform .65s var(--ease); }
@media (max-width:1399px) { :root { --side-w:150px; --code-w:296px; } }
@media (max-width:1279px) {
  .hero-grid { grid-template-columns:minmax(0,1fr); gap:48px; }
  .copy { order:-1; max-width:620px; }
  .stage { width:100%; max-width:900px; }
  :root { --side-w:172px; --code-w:310px; }
}
@media (max-width:1100px) {
  .tabs-nav { display:none; }
  .head-tools { margin-left:auto; }
  .head-sep { display:none; }
  .menu-toggle { display:inline-flex; }
  .foot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:1101px) { .mobile-nav,.nav-veil { display:none !important; } }
@media (max-width:860px) {
  .win-body { grid-template-columns:var(--side-w) minmax(0,1fr); }
  .win-code { display:none; }
  .card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:768px) {
  h1,.hero-title { font-size:clamp(24px,4.6vw,30px); }
}
@media (max-width:640px) {
  :root { --gutter:20px; --side-w:58px; --section-space:56px; }
  .head-in { gap:12px; }
  .brand { font-size:16px; gap:8px; }
  .head-tools { gap:8px; margin-left:auto; }
  .lang-long { display:none; }
  .lang-short { display:inline; }
  .hero { min-height:0; }
  .hero-main { padding-block:36px 44px; }
  .side-item { justify-content:center; padding:0; }
  .side-item .lbl,.side-foot .lbl { display:none; }
  .side-foot { justify-content:center; padding-inline:0; }
  .win { border-radius:var(--r-lg); }
  .win-main { padding:14px; }
  .btn { min-height:48px; padding-inline:22px; }
  .plat-list { grid-template-columns:repeat(3,auto); justify-content:start; gap:12px 22px; }
  .sb-in { flex-direction:column; }
  .sb-item + .sb-item::before { display:none; }
  .panel { padding:24px; }
  .card-grid,.foot-grid { grid-template-columns:minmax(0,1fr); }
  .foot-grid { gap:28px; }
  .tilt,[data-tilt] { transform:none !important; }
  .fact-statement { padding-top:64px; padding-bottom:64px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none !important; transition:none !important; }
  html.reveal-ready .reveal:not(.shown) { opacity:1; transform:none; }
}