*, *::before, *::after { box-sizing: border-box; }
:root { color-scheme:light; --paper:#fafaf8; --paper-deep:#f3f1ed; --ink:#191816; --muted:#68635d; --faint:#99938c; --line:#dedbd6; --flame:#cc3514; --flame-dark:#a92a0d; --night:#211f1c; --sans:"Space Grotesk",Inter,ui-sans-serif,system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace; --nav-height:68px; }
:root[data-theme="dark"] { color-scheme:dark; --paper:#161513; --paper-deep:#1c1a18; --ink:#f5f3ef; --muted:#aaa49c; --faint:#817b74; --line:#393632; --flame:#ef6d44; --flame-dark:#f07b57; --night:#0e0e0d; }
html { scroll-behavior:smooth; scroll-padding-top:var(--nav-height); background:var(--paper); }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:focus-visible, button:focus-visible { outline:2px solid var(--flame); outline-offset:3px; }
.shell { width:min(1216px, calc(100% - 48px)); margin-inline:auto; }

.site-header { position:sticky; top:0; z-index:20; height:var(--nav-height); background:rgba(250,250,248,.93); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
.nav { height:100%; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.brand { display:inline-flex; align-items:center; gap:11px; font-weight:600; letter-spacing:-.025em; }
.brand > span:last-child > span { color:var(--flame); }
.brand-icon { width:32px; height:32px; flex:0 0 auto; object-fit:contain; border-radius:6px; }
.nav-menu { display:flex; align-items:center; gap:30px; font-size:14px; color:#4f4b46; }
.nav-menu > a:not(.button) { transition:color .16s ease; }
.nav-menu > a:not(.button):hover { color:var(--flame); }
.theme-toggle { width:38px; height:38px; flex:0 0 auto; display:grid; place-items:center; padding:0; color:var(--ink); border:1px solid var(--line); border-radius:7px; background:transparent; cursor:pointer; transition:background .16s ease,border-color .16s ease,transform .16s ease; }
.theme-toggle:hover { transform:translateY(-1px); border-color:#9f9992; background:var(--paper-deep); }
.theme-toggle svg { grid-area:1/1; width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; transition:opacity .16s ease,transform .2s ease; }
.theme-toggle .sun-icon { opacity:0; transform:rotate(25deg) scale(.7); }
.theme-toggle .moon-icon { opacity:1; transform:rotate(0) scale(1); }
[data-theme="dark"] .theme-toggle .sun-icon { opacity:1; transform:rotate(0) scale(1); }
[data-theme="dark"] .theme-toggle .moon-icon { opacity:0; transform:rotate(-25deg) scale(.7); }
.nav-toggle { display:none; width:40px; height:40px; padding:10px; border:1px solid var(--line); border-radius:6px; background:transparent; }
.nav-toggle span { display:block; height:1px; background:var(--ink); margin:5px 0; transition:.2s ease; }

.button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:44px; padding:10px 16px; border:1px solid var(--line); border-radius:7px; background:var(--paper); font-size:14px; font-weight:600; box-shadow:0 1px 2px rgba(25,24,22,.04); transition:transform .16s ease,background .16s ease,border-color .16s ease; }
.button:hover { transform:translateY(-1px); border-color:#beb9b2; }
.button-primary { color:white; background:var(--flame); border-color:var(--flame); box-shadow:0 4px 12px rgba(204,53,20,.16); }
.button-primary:hover { background:var(--flame-dark); border-color:var(--flame-dark); }
.button-small { min-height:38px; padding:8px 13px; }
.button-quiet { background:transparent; }
.github-button svg { width:16px; height:16px; }

.hero { position:relative; min-height:675px; overflow:hidden; border-bottom:1px solid var(--line); }
.grid-field { background-image:linear-gradient(rgba(125,119,111,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(125,119,111,.09) 1px,transparent 1px); background-size:28px 28px; background-position:center top; }
.hero-grid { position:relative; z-index:1; min-height:675px; display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:70px; padding-block:74px; }
.hero-copy { padding-block:20px; }
.eyebrow { display:flex; align-items:center; gap:11px; margin:0 0 20px; color:var(--flame); font:500 12px/1.4 var(--mono); letter-spacing:.035em; text-transform:uppercase; }
.eyebrow > span { width:24px; height:1px; background:currentColor; }
.hero h1 { max-width:680px; margin:0; font-size:clamp(48px,5.3vw,74px); line-height:.99; letter-spacing:-.055em; font-weight:600; }
.hero-lede { max-width:625px; margin:26px 0 0; color:#4e4943; font-size:clamp(17px,1.65vw,20px); line-height:1.55; }
.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:34px; }
.availability { display:flex; flex-wrap:wrap; align-items:center; gap:13px; margin-top:44px; padding-top:26px; border-top:1px solid var(--line); color:var(--faint); font:12px var(--mono); }
.availability strong { color:#5c5751; font-weight:500; text-transform:uppercase; }
.availability i, .signal-track i { width:4px; height:4px; border-radius:50%; background:var(--flame); opacity:.65; }

.app-schematic { position:relative; min-height:500px; }
.app-window { position:absolute; top:86px; left:78px; width:min(500px,calc(100% - 80px)); height:325px; overflow:hidden; border:1px solid #aaa49c; border-radius:14px; background:rgba(250,250,248,.88); box-shadow:0 18px 50px rgba(35,31,26,.08); backdrop-filter:blur(3px); }
.window-bar { height:25px; display:flex; align-items:center; justify-content:space-between; padding:0 9px; border-bottom:1px solid #d8dce3; background:#fff; }
.window-title { display:flex; align-items:center; gap:5px; }
.window-title i { width:11px; height:11px; border:1px solid #aeb4bc; border-radius:3px; }
.window-title b { width:26px; height:3px; border-radius:2px; background:#aeb4bc; }
.window-controls { display:flex; gap:8px; }
.window-controls i { position:relative; display:block; width:6px; height:6px; }
.window-controls i:first-child::after { content:""; position:absolute; inset:auto 0 1px; height:1px; background:#566174; }
.window-controls i:nth-child(2) { border:1px solid #566174; }
.window-controls i:last-child::before, .window-controls i:last-child::after { content:""; position:absolute; top:3px; width:7px; height:1px; background:#566174; transform:rotate(45deg); }
.window-controls i:last-child::after { transform:rotate(-45deg); }
.window-body { height:calc(100% - 25px); background:#f6f7f8; }
.app-nav { height:31px; display:flex; align-items:center; justify-content:space-between; padding:0 9px; border-bottom:1px solid #dce0e4; background:#fff; box-shadow:0 1px 2px rgba(25,35,50,.03); }
.app-nav strong { display:flex; align-items:center; gap:6px; }
.app-nav strong i { width:8px; height:1px; background:#aeb4bc; box-shadow:0 -3px #aeb4bc,0 3px #aeb4bc; }
.app-nav strong b { width:58px; height:4px; border-radius:2px; background:#aeb4bc; }
.app-nav > div { display:flex; align-items:center; height:100%; gap:6px; }
.app-nav > div span { display:block; width:27px; height:5px; border-radius:3px; background:#d7dbe0; }
.workspace { padding:5px 7px 7px; }
.workspace-head { height:35px; display:flex; justify-content:space-between; align-items:center; padding:0 7px; border:1px solid #dfe3e9; border-radius:5px; background:#fff; box-shadow:0 1px 2px rgba(25,35,50,.04); }
.workspace-head strong { display:flex; align-items:center; gap:6px; }
.workspace-head strong > i { width:17px; height:17px; border:1px solid #cdd2d9; border-radius:4px; background:#f4f5f6; }
.workspace-head strong > b { width:52px; height:5px; border-radius:3px; background:#9fa6af; }
.workspace-head em { width:18px; height:8px; border-radius:4px; background:#e4e6e9; }
.workspace-head > div { display:flex; gap:3px; }
.workspace-head > div span { width:17px; height:17px; border:1px solid #d2d6dc; border-radius:4px; background:#fafafa; }
.filter-panel { margin-top:5px; padding:5px; border:1px solid #e1e4e9; border-radius:5px; background:#fff; }
.saved-views { display:flex; align-items:center; gap:4px; }
.saved-views b { width:38px; height:3px; margin-right:2px; border-radius:2px; background:#aeb4bc; }
.saved-views span { width:33px; height:11px; border:1px solid #d7dbe0; border-radius:4px; }
.saved-views span:nth-of-type(2) { width:42px; }
.saved-views span:nth-of-type(3) { width:52px; }
.saved-views span:nth-of-type(4) { width:40px; }
.filter-row { display:flex; align-items:center; gap:6px; margin-top:5px; }
.filter-row b { width:28px; height:3px; border-radius:2px; background:#aeb4bc; }
.filter-row span { width:115px; height:13px; border:1px solid #cfd4da; border-radius:4px; }
.filter-row em { width:67px; height:8px; margin-left:auto; border-radius:5px; background:#e5e7ea; }
.data-table { margin-top:4px; overflow:hidden; border-top:1px solid #dfe3e8; background:#fff; }
.table-head, .data-row { display:grid; grid-template-columns:16px 27px 1fr 58px; align-items:center; gap:5px; padding-inline:5px; }
.table-head { height:19px; border-bottom:1px solid #cfd4dc; }
.table-head i, .table-head b, .table-head strong, .table-head em { height:3px; border-radius:2px; background:#9fa6af; }
.table-head i { width:6px; }
.table-head b { width:11px; }
.table-head strong { width:27px; }
.table-head em { width:22px; }
.data-row { height:22px; border-bottom:1px solid #e1e5ea; }
.data-row i { width:6px; height:6px; border:1px solid #c4cad1; border-radius:50%; }
.data-row b { width:10px; height:3px; border-radius:2px; background:#b7bdc5; }
.data-row > span { width:72%; height:4px; border-radius:2px; background:#c8cdd3; }
.data-row:nth-child(3) > span { width:88%; }
.data-row:nth-child(4) > span { width:63%; }
.data-row:nth-child(5) > span { width:78%; }
.data-row em { width:31px; height:9px; border-radius:3px; background:#e0e3e6; }
.app-statusbar { position:absolute; inset:auto 0 0; height:22px; display:grid; grid-template-columns:12px 34px 1fr 44px; align-items:center; gap:6px; padding:0 9px; border-top:1px solid #d9dde2; background:#fff; }
.app-statusbar i { width:8px; height:8px; border:1px solid #bfc5cc; border-radius:50%; }
.app-statusbar span { height:3px; border-radius:2px; background:#c3c8ce; }
.app-statusbar b { justify-self:center; width:38px; height:9px; border-radius:5px; background:#e2e5e8; }
.schematic-label { position:absolute; z-index:2; color:#716b64; font:500 9px/1.2 var(--mono); text-transform:uppercase; }
.schematic-label small { display:block; color:#aaa49c; font-size:7px; text-transform:none; font-weight:400; }
.schematic-label::after { content:""; position:absolute; height:1px; background:#c9c4bd; }
.label-top { top:35px; right:8px; width:185px; text-align:center; }
.label-top::after { top:31px; left:50%; width:1px; height:60px; }
.label-left { left:238px; top:428px; width:180px; text-align:center; }
.label-left::after { bottom:calc(100% + 8px); left:50%; width:1px; height:22px; }
.label-right-top { right:0; top:260px; }
.label-right-top::after { right:calc(100% + 10px); top:10px; width:220px; }
.figure-caption { position:absolute; left:78px; bottom:31px; margin:0; color:#99938c; font:9px var(--mono); }

.signal-strip { overflow:hidden; border-bottom:1px solid var(--line); background:rgba(250,250,248,.96); }
.signal-track { min-height:68px; display:flex; align-items:center; justify-content:space-between; gap:25px; color:#8e8881; white-space:nowrap; font:11px var(--mono); }
.section { padding-block:112px; border-bottom:1px solid var(--line); }
.section-intro { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:80px; align-items:end; margin-bottom:58px; }
.section h2 { max-width:780px; margin:0; font-size:clamp(36px,4.5vw,58px); line-height:1.07; letter-spacing:-.045em; font-weight:600; }
.section-intro > p, .modes-copy > p { margin:0; color:var(--muted); font-size:17px; }
.feature-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.feature { position:relative; min-height:250px; padding:34px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(250,250,248,.86); }
.feature-wide { grid-column:1/-1; min-height:235px; display:grid; grid-template-columns:50px 1fr 280px; gap:28px; align-items:center; }
.feature-number { margin-bottom:54px; color:var(--flame); font:11px var(--mono); }
.feature-wide .feature-number { align-self:start; margin:0; }
.feature h3 { margin:0 0 12px; font-size:22px; line-height:1.25; letter-spacing:-.025em; font-weight:600; }
.feature p { max-width:520px; margin:0; color:var(--muted); font-size:15px; }
.feature-link { display:inline-flex; gap:8px; margin-top:18px; color:var(--flame); font-weight:600; font-size:14px; }
.source-stack { display:flex; flex-direction:column; gap:8px; }
.source-stack span { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--line); border-radius:5px; color:#716b64; background:white; font:10px var(--mono); box-shadow:0 2px 5px rgba(25,24,22,.03); }
.source-stack i { width:7px; height:7px; border-radius:2px; background:var(--flame); }

.modes { color:#f5f3ef; background:var(--night); }
.modes-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:90px; }
.eyebrow.light { color:#ef6d44; }
.modes-copy h2 { margin-bottom:24px; }
.modes-copy > p { color:#aaa49c; }
.text-link { display:inline-flex; gap:10px; margin-top:32px; color:#ef6d44; font-weight:600; font-size:14px; }
.mode-list { border-top:1px solid #44413d; }
.mode-list article { display:grid; grid-template-columns:35px 1fr auto; gap:20px; align-items:start; padding:29px 0; border-bottom:1px solid #44413d; }
.mode-list article > b { color:#77716a; font:10px var(--mono); }
.mode-list h3 { margin:-5px 0 5px; font-size:22px; font-weight:500; }
.mode-list p { margin:0; color:#aaa49c; font-size:14px; }
.mode-list article > span { color:#ef6d44; font:9px var(--mono); }

.steps { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.steps li { min-height:230px; padding:26px 25px; border-right:1px solid var(--line); }
.steps li:first-child { border-left:1px solid var(--line); }
.steps li > span { display:block; margin-bottom:62px; color:var(--flame); font:11px var(--mono); }
.steps h3 { margin:0 0 9px; font-size:18px; letter-spacing:-.02em; }
.steps p { margin:0; color:var(--muted); font-size:14px; }
.center-action { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:42px; }

.support { background:var(--paper-deep); }
.support-grid { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid #cec9c2; border-left:1px solid #cec9c2; }
.support-card { min-height:245px; display:grid; grid-template-columns:54px 1fr; gap:26px; padding:35px; border-right:1px solid #cec9c2; border-bottom:1px solid #cec9c2; background:rgba(250,250,248,.45); transition:background .16s ease; }
.support-card:hover { background:var(--paper); }
.support-icon { width:48px; height:48px; display:grid; place-items:center; border:1px solid var(--flame); border-radius:50%; color:var(--flame); font:20px var(--mono); }
.support-card h3 { margin:2px 0 10px; font-size:24px; letter-spacing:-.025em; }
.support-card p { max-width:430px; margin:0 0 25px; color:var(--muted); font-size:15px; }
.support-card strong { color:var(--flame); font-size:14px; }

.site-footer { color:#c1bcb5; background:#181715; }
.footer-main { display:flex; justify-content:space-between; gap:60px; padding-block:60px; }
.footer-brand { color:white; }
.footer-main > div > p { margin:14px 0 0; color:#827c75; font-size:14px; }
.footer-main nav { display:grid; grid-template-columns:repeat(2,auto); gap:12px 55px; font-size:13px; }
.footer-main nav a:hover, .footer-bottom a:hover { color:white; }
.footer-bottom { display:flex; justify-content:space-between; padding-block:20px; border-top:1px solid #393632; color:#77716a; font:10px var(--mono); }
.footer-bottom p { margin:0; }

[data-theme="dark"] .site-header { background:rgba(22,21,19,.92); }
[data-theme="dark"] .nav-menu { color:#c1bcb5; }
[data-theme="dark"] .button { box-shadow:none; }
[data-theme="dark"] .button-primary { color:#fff; background:#c83b19; border-color:#c83b19; box-shadow:0 4px 18px rgba(0,0,0,.2); }
[data-theme="dark"] .button-primary:hover { background:#df4d28; border-color:#df4d28; }
[data-theme="dark"] .grid-field { background-image:linear-gradient(rgba(193,188,181,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(193,188,181,.07) 1px,transparent 1px); }
[data-theme="dark"] .hero-lede { color:#c1bcb5; }
[data-theme="dark"] .availability strong { color:#d4d0ca; }
[data-theme="dark"] .app-window { border-color:#68625b; background:rgba(27,25,22,.9); box-shadow:0 18px 55px rgba(0,0,0,.25); }
[data-theme="dark"] .window-bar, [data-theme="dark"] .app-nav, [data-theme="dark"] .workspace-head, [data-theme="dark"] .filter-panel, [data-theme="dark"] .data-table, [data-theme="dark"] .app-statusbar { color:#e8eaf0; border-color:#3b3e46; background:#202126; }
[data-theme="dark"] .window-title i, [data-theme="dark"] .workspace-head strong > i, [data-theme="dark"] .workspace-head > div span, [data-theme="dark"] .saved-views span, [data-theme="dark"] .filter-row span { border-color:#4a4d54; background:#292a2e; }
[data-theme="dark"] .window-title b, [data-theme="dark"] .app-nav strong i, [data-theme="dark"] .app-nav strong b, [data-theme="dark"] .workspace-head strong > b, [data-theme="dark"] .saved-views b, [data-theme="dark"] .filter-row b, [data-theme="dark"] .table-head i, [data-theme="dark"] .table-head b, [data-theme="dark"] .table-head strong, [data-theme="dark"] .table-head em { background:#73777e; }
[data-theme="dark"] .app-nav strong i { box-shadow:0 -3px #73777e,0 3px #73777e; }
[data-theme="dark"] .app-nav > div span, [data-theme="dark"] .data-row em, [data-theme="dark"] .workspace-head em, [data-theme="dark"] .filter-row em { background:#35363b; }
[data-theme="dark"] .window-controls i:first-child::after, [data-theme="dark"] .window-controls i:last-child::before, [data-theme="dark"] .window-controls i:last-child::after { background:#aeb4c0; }
[data-theme="dark"] .window-controls i:nth-child(2) { border-color:#aeb4c0; }
[data-theme="dark"] .window-body { color:#e8eaf0; background:#15161a; }
[data-theme="dark"] .data-table, [data-theme="dark"] .table-head, [data-theme="dark"] .data-row { border-color:#373941; }
[data-theme="dark"] .data-row i { border-color:#555962; }
[data-theme="dark"] .data-row b, [data-theme="dark"] .data-row > span { background:#5f636b; }
[data-theme="dark"] .app-statusbar i { border-color:#555962; }
[data-theme="dark"] .app-statusbar span { background:#5f636b; }
[data-theme="dark"] .app-statusbar b { background:#35363b; }
[data-theme="dark"] .schematic-label { color:#a8a199; }
[data-theme="dark"] .schematic-label::after { background:#5a554e; }
[data-theme="dark"] .signal-strip { background:rgba(22,21,19,.96); }
[data-theme="dark"] .feature { background:rgba(22,21,19,.86); }
[data-theme="dark"] .source-stack span { color:#b1aba3; background:#211f1c; box-shadow:none; }
[data-theme="dark"] .support-grid, [data-theme="dark"] .support-card { border-color:#45413c; }
[data-theme="dark"] .support-card { background:rgba(31,29,26,.45); }
[data-theme="dark"] .support-card:hover { background:#26231f; }
[data-theme="dark"] .modes { background:#0d0c0b; }
[data-theme="dark"] .site-footer { background:#090908; }

@media (max-width:1100px) {
  .nav-menu { gap:12px; font-size:13px; }
  .hero-grid { grid-template-columns:1fr; padding-top:92px; }
  .app-schematic { max-width:680px; width:100%; margin-inline:auto; }
  .hero, .hero-grid { min-height:auto; }
  .modes-grid { grid-template-columns:1fr; gap:55px; }
  .steps { grid-template-columns:repeat(2,1fr); }
  .steps li:nth-child(3) { border-left:1px solid var(--line); }
  .steps li { border-bottom:1px solid var(--line); }
}
@media (max-width:820px) {
  .shell { width:min(100% - 32px,720px); }
  .nav-toggle { display:block; }
  .nav-menu { position:fixed; top:var(--nav-height); left:0; right:0; display:none; align-items:stretch; padding:22px 16px 28px; border-bottom:1px solid var(--line); background:var(--paper); box-shadow:0 12px 25px rgba(25,24,22,.08); }
  .nav-menu.open { display:grid; gap:4px; }
  .nav-menu > a:not(.button) { padding:12px; }
  .theme-toggle { position:absolute; top:18px; right:18px; }
  .nav-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
  .nav-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .nav-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
  .section { padding-block:82px; }
  .section-intro { grid-template-columns:1fr; gap:24px; }
  .signal-track { justify-content:flex-start; overflow:hidden; }
  .feature-wide { grid-template-columns:40px 1fr; }
  .source-stack { grid-column:2; }
  .support-grid { grid-template-columns:1fr; }
}
@media (max-width:600px) {
  .shell { width:min(100% - 24px,520px); }
  .hero-grid { gap:35px; padding-block:65px; }
  .hero h1 { font-size:46px; }
  .hero-actions { align-items:stretch; flex-direction:column; }
  .center-action { align-items:stretch; flex-direction:column; }
  .availability { gap:9px; }
  .availability > span { flex-basis:100%; }
  .app-schematic { min-height:390px; }
  .app-window { top:62px; left:34px; width:calc(100% - 68px); height:265px; }
  .workspace { padding:4px; }
  .app-nav { padding-inline:5px; }
  .app-nav > div span { padding-inline:4px; }
  .app-nav > div span:last-child { display:none; }
  .saved-views span:nth-last-child(-n+2) { display:none; }
  .filter-row span { width:92px; }
  .filter-row em { display:none; }
  .table-head, .data-row { grid-template-columns:12px 22px 1fr 46px; gap:3px; padding-inline:3px; }
  .label-left { display:none; }
  .label-top { right:-2px; width:155px; }
  .label-top::after { height:48px; }
  .label-right-top { right:-3px; top:228px; }
  .label-right-top::after { width:72px; }
  .figure-caption { left:34px; bottom:15px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-wide { grid-column:auto; display:block; }
  .feature-wide .feature-number { margin-bottom:54px; }
  .source-stack { margin-top:28px; }
  .mode-list article { grid-template-columns:27px 1fr; }
  .mode-list article > span { grid-column:2; }
  .steps { grid-template-columns:1fr; }
  .steps li, .steps li:nth-child(3) { min-height:200px; border-left:1px solid var(--line); }
  .steps li > span { margin-bottom:42px; }
  .support-card { grid-template-columns:1fr; }
  .footer-main { flex-direction:column; }
  .footer-main nav { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *::before, *::after { transition-duration:.01ms !important; } }