:root {
  --bg:#EDDAF2; --card:#FAF2FC; --ink:#1B2119; --mute:#576055;
  --accent:#9E2C32; --accent2:#84712F; --accent3:#613A6B;
  --footer:#1B2119; --glow:rgba(100,90,80,.18); --radius:0px; --br:1px;
  --shadow:none; --pill:999px; --max:1200px;
  --font:"Consolas","Courier New","Microsoft YaHei",monospace; --mono:"JetBrains Mono","Consolas","Courier New",monospace;
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0; font-family:var(--font); color:var(--ink); background-color:var(--bg);
  background-image:linear-gradient(#1B211914 1px,transparent 1px),linear-gradient(90deg,#1B211914 1px,transparent 1px); background-size:28px 28px; line-height:1.74; font-size:16px; overflow-x:hidden;
}
img { max-width:100%; height:auto; display:block; }
a { color:inherit; text-decoration:none; }
button { font:inherit; cursor:pointer; border:0; background:none; }
.container { width:min(100% - 64px,var(--max)); margin-inline:auto; }
.skip { position:absolute; left:-999px; }
.skip:focus { left:16px; top:16px; z-index:100; background:var(--accent); color:#fff; padding:8px 12px; }
.header {
  position:fixed; inset:0 0 auto; height:64px; z-index:50;
  background:rgba(255,255,255,.94); backdrop-filter:none; -webkit-backdrop-filter:none;
  border-bottom:var(--br) solid var(--ink); contain:layout paint style;
}
.nav {
  height:64px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px;
  width:min(100% - 48px,var(--max)); margin-inline:auto;
}
.brand { display:inline-flex; align-items:center; gap:10px; justify-self:start; }
.brand-mark { width:34px; height:34px; border-radius:0px; overflow:hidden; background:var(--card); border:var(--br) solid var(--ink); flex-shrink:0; }
.brand-mark img { width:100%; height:100%; object-fit:cover; }
.brand-name { font-size:16px; font-weight:900; }
.nav-links { display:flex; align-items:center; gap:28px; justify-self:center; list-style:none; margin:0; padding:0; }
.nav-links a { font-size:14px; color:var(--mute); font-weight:600; }
.nav-links a:hover, .nav-links a.is-active { color:var(--ink); font-weight:900; }
.nav-actions { display:flex; align-items:center; gap:12px; justify-self:end; }
.btn-ghost { font-size:14px; font-weight:700; padding:8px 12px; }
.btn-solid {
  display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:0 22px;
  border-radius:28px; background:var(--accent); color:#fff; font-size:14px; font-weight:800; border:var(--br) solid var(--ink);
}
.btn-solid.lg { min-height:48px; padding:0 32px; font-size:16px; }
.menu-btn { display:none; width:40px; height:40px; border:var(--br) solid var(--ink); background:var(--card); align-items:center; justify-content:center; justify-self:end; color:var(--ink); }
.menu-btn span, .menu-btn span::before, .menu-btn span::after { display:block; width:16px; height:2px; background:currentColor; position:relative; }
.menu-btn span::before, .menu-btn span::after { content:""; position:absolute; left:0; }
.menu-btn span::before { top:-5px; }
.menu-btn span::after { top:5px; }
.drawer { display:none; position:fixed; inset:64px 0 auto; background:var(--bg); border-bottom:var(--br) solid var(--ink); padding:12px 24px 20px; z-index:49; }
.drawer.is-open { display:block; }
.drawer a { display:block; padding:12px 0; border-bottom:1px solid var(--mute); font-weight:700; }
.hero { padding:140px 0 72px; text-align:center; }
.hero-lead { margin:0 auto 22px; max-width:560px; color:var(--mute); font-size:16px; }
.hero-actions { display:flex; flex-direction:column; align-items:center; gap:14px; margin-bottom:36px; }
.hero-link { color:var(--accent); font-size:14px; font-weight:900; border-bottom:1.5px solid var(--accent); }
.hero-shot-wrap { position:relative; max-width:1000px; margin:0 auto; }
.hero-glow {
  position:absolute; left:50%; top:48%; width:82%; height:76%; transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at center, var(--glow), transparent 74%); filter:none; contain:paint; pointer-events:none;
}
.hero-shot { position:relative; border-radius:var(--radius); overflow:hidden; padding:12px; background:var(--card); border:var(--br) solid var(--ink); box-shadow:var(--shadow); }
.hero-shot img { width:100%; border-radius:6px; }
.section { padding:96px 0; content-visibility:auto; contain-intrinsic-size:auto 720px; }
.section-head { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; margin-bottom:28px; }
.pill {
  display:inline-flex; align-items:center; min-height:28px; padding:0 14px; border-radius:var(--pill);
  background:var(--card); border:var(--br) solid var(--ink); color:var(--accent); font-family:var(--mono); font-size:12px; font-weight:800; letter-spacing:.08em;
}
.section-title { margin:12px 0 0; font-size:clamp(30px,4vw,46px); font-weight:900; line-height:1.2; }
.section-sub { max-width:400px; margin:0; color:var(--mute); font-size:15px; }
.center-copy { text-align:center; max-width:720px; margin:0 auto 32px; }
.center-copy p { color:var(--mute); }
.tabs { display:flex; flex-wrap:wrap; gap:8px; padding:6px; border-radius:var(--pill); background:var(--bg); border:1px solid var(--mute); width:fit-content; margin-bottom:18px; }
.tab { border-radius:var(--pill); padding:9px 18px; font-size:14px; font-weight:700; color:var(--mute); }
.tab.is-on { background:#fff; color:var(--ink); font-weight:900; box-shadow:0 2px 6px rgba(0,0,0,.08); }
.scenario-card { display:grid; grid-template-columns:30% 70%; min-height:410px; border-radius:var(--radius); overflow:hidden; background:var(--card); border:var(--br) solid var(--ink); }
.scenario-text { padding:36px 28px; display:flex; flex-direction:column; justify-content:center; gap:14px; border-right:1px solid var(--mute); background:var(--bg); }
.scenario-text h3 { margin:0; font-size:24px; font-weight:900; }
.scenario-text p { margin:0; color:var(--mute); font-size:14px; }
.scenario-visual { display:flex; align-items:center; justify-content:center; padding:22px; }
.scenario-visual img { width:100%; border-radius:8px; border:1px solid var(--mute); }
.pane { display:none; }
.pane.is-on { display:contents; }
.eco { background:color-mix(in srgb, var(--bg) 80%, var(--ink)); border-top:1px solid var(--mute); border-bottom:1px solid var(--mute); content-visibility:auto; contain-intrinsic-size:auto 480px; }
.logo-row { display:flex; flex-wrap:wrap; justify-content:center; gap:14px; }
.logo-chip { min-width:118px; padding:14px 18px; border-radius:var(--radius); background:var(--card); border:var(--br) solid var(--ink); text-align:center; font-size:14px; font-weight:900; }
.trust-band { background:color-mix(in srgb, var(--bg) 70%, var(--accent2)); border:var(--br) solid var(--ink); border-radius:20px; padding:46px 36px; }
.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:26px; }
.trust-card { background:#fff; color:var(--ink); border-radius:12px; padding:28px; border:1px solid var(--mute); border-top:4px solid var(--accent); }
.trust-card h3 { margin:0 0 10px; font-size:18px; font-weight:900; }
.trust-card p { margin:0; color:var(--mute); font-size:14px; }
.dl-groups { display:grid; grid-template-columns:1fr 1fr; gap:44px; margin-top:32px; }
.dl-group-label { display:block; margin-bottom:14px; color:var(--accent); font-family:var(--mono); font-size:13px; font-weight:900; letter-spacing:.12em; }
.dl-tiles { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.dl-tile { display:flex; align-items:center; gap:12px; padding:15px; border-radius:var(--radius); background:var(--card); border:var(--br) solid var(--ink); position:relative; }
.dl-ico { width:38px; height:38px; border-radius:4px; background:var(--ink); color:var(--card); display:grid; place-items:center; font-family:var(--mono); font-size:11px; font-weight:900; flex-shrink:0; }
.dl-tile strong { display:block; font-size:14px; font-weight:900; }
.dl-tile span { font-size:12px; color:var(--mute); }
.badge { position:absolute; top:8px; right:10px; font-size:11px; padding:2px 8px; border-radius:var(--pill); background:var(--accent); color:#fff; font-weight:800; }
.page-hero { padding:124px 0 48px; text-align:center; }
.page-body { padding:48px 0 88px; content-visibility:auto; contain-intrinsic-size:auto 680px; }
.article { max-width:760px; background:var(--card); border:var(--br) solid var(--ink); border-radius:var(--radius); padding:36px; }
.article h2 { margin:28px 0 10px; font-size:24px; font-weight:900; }
.article h2:first-child { margin-top:0; }
.article p { color:var(--mute); margin:0 0 12px; }
.article ul { color:var(--mute); padding-left:1.2em; }
.article a { color:var(--accent); font-weight:900; border-bottom:1.5px solid var(--accent); }
.help-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-bottom:28px; }
.help-card { padding:24px; border-radius:var(--radius); background:var(--card); border:var(--br) solid var(--ink); }
.help-card h3 { margin:0 0 8px; font-size:18px; font-weight:900; }
.help-card p { margin:0; color:var(--mute); font-size:14px; }
.entry-box { max-width:620px; margin:0 auto 36px; padding:32px; border-radius:var(--radius); background:var(--card); border:var(--br) solid var(--ink); text-align:center; }
.entry-box p { color:var(--mute); margin:0 0 18px; }
.entry-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
.btn-outline { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border-radius:28px; border:var(--br) solid var(--ink); background:var(--bg); font-size:14px; font-weight:800; }
.footer {
  content-visibility:auto; contain-intrinsic-size:auto 520px;
  background:var(--footer); color:var(--card); padding:56px 0 0; border-top:3px solid var(--accent);
}
.footer-top { display:flex; justify-content:space-between; gap:40px; padding-bottom:36px; border-bottom:1px solid rgba(255,255,255,.16); }
.footer-brand { max-width:320px; }
.footer-brand .brand-name { color:var(--card); }
.footer-brand p { margin:12px 0 0; font-size:13px; color:rgba(255,255,255,.7); }
.footer-cols { display:flex; gap:72px; }
.footer-col h3 { margin:0 0 12px; font-size:13px; color:#fff; }
.footer-col a { display:block; font-size:13px; color:rgba(255,255,255,.7); margin-bottom:9px; }
.footer-bottom { display:flex; justify-content:space-between; gap:24px; padding:22px 0; font-size:12px; color:rgba(255,255,255,.52); }
.footer-wordmark { text-align:center; padding:20px 0 36px; font-size:clamp(44px,9.5vw,112px); font-weight:900; color:rgba(255,255,255,.08); line-height:1; user-select:none; }

.sk { max-width:1000px; margin:0 auto 36px; text-align:left; color:var(--ink); }
.sk-lab { display:block; font-family:var(--mono); font-size:11px; letter-spacing:.12em; color:var(--mute); margin-bottom:6px; }
.sk-main h1, .sk-pin h1, .sk h1 {
  display:inline; margin:0; font-size:clamp(28px,4.2vw,52px); line-height:1.12; font-weight:900;
  border-bottom:3px solid var(--accent); color:var(--ink);
}
.sk-pin, .sk-main {
  display:block; padding:14px 16px; background:var(--card); border:var(--br) solid var(--ink);
  border-radius:var(--radius); box-shadow:var(--shadow); color:var(--ink);
}
.sk-pin strong { font-size:clamp(16px,2vw,22px); font-weight:900; border-bottom:2px solid var(--accent); }
.sk-row { display:flex; flex-wrap:wrap; gap:10px; }
.sk-foot, .sk-out, .sk-base, .sk-sill {
  margin-top:10px; display:flex; justify-content:space-between; align-items:center; gap:12px;
  padding:12px 16px; background:var(--ink); color:var(--card); border-top:3px solid var(--accent);
}
.sk-0 .sk-grid4 { display:grid; grid-template-columns:1fr 1fr; gap:0; border:var(--br) solid var(--ink); }
.sk-0 .sk-grid4 > * { border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); border-radius:0; box-shadow:none; }
.sk-1 .sk-cols3 { display:grid; grid-template-columns:1.4fr 1fr 1fr; border:var(--br) solid var(--ink); background:var(--bg); }
.sk-1 .sk-col { padding:18px; border-right:1px solid var(--ink); display:flex; flex-direction:column; gap:10px; }
.sk-2 .sk-center { text-align:center; padding:28px; }
.sk-2 .sk-corners { display:flex; justify-content:space-between; gap:12px; }
.sk-3 .sk-ticket { display:grid; grid-template-columns:1.6fr .8fr; border:var(--br) dashed var(--ink); background:var(--card); }
.sk-3 .sk-stub { border-left:2px dashed var(--accent); padding:16px; display:flex; flex-direction:column; gap:10px; }
.sk-3 .sk-maincol { padding:22px; }
.sk-4 .sk-mast { background:var(--accent); color:var(--card); padding:8px 16px; font-weight:900; }
.sk-4 .sk-mast a, .sk-4 .sk-mast .sk-lab { color:var(--card); }
.sk-4 .sk-paper { padding:22px; border:var(--br) solid var(--ink); background:var(--card); }
.sk-5 .sk-axis { display:flex; flex-direction:column; align-items:center; gap:14px; border-left:3px solid var(--ink); padding-left:24px; margin-left:48%; }
.sk-6 .sk-iso { transform:skew(-8deg); border:var(--br) solid var(--ink); padding:18px; background:var(--card); display:flex; flex-direction:column; gap:10px; }
.sk-7 .sk-scatter { display:flex; flex-wrap:wrap; gap:16px; align-items:flex-start; }
.sk-7 .sk-main { transform:rotate(-1.5deg); }
.sk-8 .sk-split { display:grid; grid-template-columns:1fr 1fr; min-height:280px; border:var(--br) solid var(--ink); }
.sk-8 .sk-left { background:var(--accent3); padding:28px; }
.sk-8 .sk-right { padding:22px; display:flex; flex-direction:column; gap:10px; }
.sk-9 .sk-layers > * { margin:0 0 -8px; position:relative; }
.sk-9 .sk-layers > *:nth-child(2) { z-index:2; margin-left:24px; }
.sk-9 .sk-layers > *:nth-child(3) { margin-left:48px; }
.sk-10 .sk-orbit { display:grid; grid-template-columns:1fr auto 1fr; grid-template-rows:auto auto auto; gap:12px; align-items:center; }
.sk-10 .sk-main { grid-column:2; grid-row:2; }
.sk-11 .sk-z { display:flex; flex-direction:column; gap:0; }
.sk-11 .sk-z > :nth-child(1) { align-self:flex-start; background:var(--bg); }
.sk-11 .sk-z > :nth-child(2) { align-self:flex-end; }
.sk-11 .sk-z > :nth-child(3) { align-self:flex-start; }
.sk-12 .sk-line { display:flex; flex-wrap:wrap; align-items:center; gap:8px; border-top:4px solid var(--accent); padding-top:16px; }
.sk-12 .dot { width:10px; height:10px; background:var(--accent); border-radius:50%; }
.sk-13 .sk-receipt { width:min(420px,100%); margin:0 auto; background:var(--card); border:var(--br) solid var(--ink); padding:18px; font-family:var(--mono); }
.sk-13 .sk-receipt > * { border-radius:0; box-shadow:none; border:0; border-bottom:1px dashed var(--ink); }
.sk-14 .sk-board { background:var(--accent3); color:var(--card); padding:28px; border:8px solid var(--ink); }
.sk-14 .sk-board .sk-pin, .sk-14 .sk-board .sk-main { background:transparent; border:0; box-shadow:none; color:inherit; }
.sk-14 .sk-board h1, .sk-14 .sk-board strong { color:var(--card); border-color:var(--accent); }
.sk-15 .sk-wall { min-height:280px; background:var(--bg); position:relative; }
.sk-15 .sk-label { position:relative; left:0; top:40px; max-width:420px; padding:18px; background:var(--card); border:var(--br) solid var(--ink); display:flex; flex-direction:column; gap:10px; }
.sk-16 .sk-stamps .sk-row .sk-pin { transform:rotate(-2deg); }
.sk-16 .sk-stamps .sk-row .sk-pin:nth-child(2) { transform:rotate(3deg); }
.sk-17 .sk-gauges .sk-main { border-radius:50%; width:min(280px,70%); aspect-ratio:1; display:grid; place-items:center; margin:0 auto 16px; }
.sk-18 .sk-map { min-height:300px; border:var(--br) solid var(--ink); padding:20px; background:
  linear-gradient(var(--ink) 0 0) 20% 40%/2px 40% no-repeat,
  linear-gradient(90deg,var(--ink) 0 0) 20% 40%/40% 2px no-repeat, var(--card); }
.sk-18 .sk-pins { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:16px; }
.sk-19 .sk-mail { background:var(--accent2); padding:18px; }
.sk-19 .sk-letter { background:var(--card); padding:22px; margin:12px 18px -8px 40px; display:flex; flex-direction:column; gap:10px; }
.sk-20 .sk-film { display:grid; grid-template-columns:repeat(5,1fr); gap:6px; background:var(--ink); padding:10px 8px; }
.sk-20 .sk-film > * { min-height:120px; border-radius:0; }
.sk-21 .sk-fan { display:flex; justify-content:center; align-items:flex-end; gap:0; }
.sk-21 .sk-fan > * { width:22%; margin-left:-12px; transform:rotate(-8deg); }
.sk-21 .sk-fan > :nth-child(2) { transform:rotate(-3deg); z-index:2; }
.sk-21 .sk-fan > :nth-child(3) { transform:none; z-index:3; }
.sk-21 .sk-fan > :nth-child(4) { transform:rotate(4deg); }
.sk-21 .sk-fan > :nth-child(5) { transform:rotate(9deg); }
.sk-22 .sk-windows { display:grid; grid-template-columns:1fr 1fr; gap:8px; border:8px solid var(--ink); padding:8px; background:var(--accent3); }
.sk-23 .sk-spines { display:flex; gap:8px; align-items:stretch; min-height:260px; }
.sk-23 .sk-spines > * { writing-mode:vertical-rl; flex:1; display:flex; align-items:center; justify-content:center; }
.sk-23 .sk-main { flex:2.2; writing-mode:horizontal-tb; }
.sk-24 .sk-kanban { display:grid; grid-template-columns:1fr 1.4fr 1fr; gap:10px; }
.sk-25 .sk-cmd { max-width:640px; margin:0 auto; background:var(--ink); color:var(--card); padding:18px; }
.sk-25 .sk-cmd .sk-pin, .sk-25 .sk-cmd .sk-main { background:transparent; color:inherit; border-color:var(--mute); box-shadow:none; }
.sk-25 .sk-cmd h1, .sk-25 .sk-cmd strong { color:var(--card); }
.sk-25 .sk-list { display:flex; flex-direction:column; gap:6px; margin-top:10px; }
.sk-26 .sk-pass { display:grid; grid-template-columns:1.7fr .7fr; border:var(--br) solid var(--ink); background:var(--card); }
.sk-26 .sk-stub { border-left:2px dotted var(--ink); padding:14px; }
.sk-27 .sk-blue { background:var(--accent3); color:var(--card); padding:20px; border:var(--br) solid var(--ink); }
.sk-27 .sk-blue .sk-pin, .sk-27 .sk-blue .sk-main { background:transparent; color:inherit; border-color:currentColor; box-shadow:none; }
.sk-27 .sk-blue h1, .sk-27 .sk-blue strong { color:var(--card); }
.sk-28 .sk-vinyl { display:grid; grid-template-columns:1.2fr .6fr; min-height:320px; background:var(--ink); color:var(--card); }
.sk-28 .sk-cover { display:grid; place-items:center; }
.sk-28 .sk-cover .sk-main { border-radius:50%; width:70%; aspect-ratio:1; display:grid; place-items:center; }
.sk-28 .sk-spine { writing-mode:vertical-rl; padding:16px; display:flex; gap:12px; }
.sk-29 .sk-tatami { background:
  repeating-linear-gradient(90deg, var(--accent2) 0 8px, var(--bg) 8px 72px); padding:24px; }
.sk-30 .sk-path { display:flex; flex-direction:column; gap:18px; align-items:flex-start; }
.sk-30 .sk-path > :nth-child(2) { align-self:center; }
.sk-30 .sk-path > :nth-child(4) { align-self:flex-end; }
.sk-31 .sk-elev { width:min(280px,100%); margin:0 auto; display:flex; flex-direction:column; gap:8px; background:var(--mute); padding:14px; border-radius:20px; }
.sk-31 .sk-elev > * { text-align:center; border-radius:999px; }
.sk-32 .sk-score { background:var(--ink); color:var(--card); padding:22px; text-align:center; }
.sk-32 .sk-score .sk-pin, .sk-32 .sk-score .sk-main { background:transparent; color:inherit; border-color:var(--accent); box-shadow:none; }
.sk-32 .sk-score h1, .sk-32 .sk-score strong { color:var(--card); }
.sk-33 .sk-notes { display:flex; flex-wrap:wrap; gap:12px; }
.sk-33 .sk-notes > :nth-child(1) { transform:rotate(-2deg); background:#F6E27A; }
.sk-33 .sk-notes > :nth-child(2) { transform:rotate(2deg); }
.sk-33 .sk-notes > :nth-child(3) { transform:rotate(-3deg); }
.sk-34 .sk-acc { display:flex; flex-direction:column; border:var(--br) solid var(--ink); }
.sk-34 .sk-acc > * { border-radius:0; box-shadow:none; border:0; border-bottom:1px solid var(--ink); }
.sk-34 .sk-acc .sk-main { background:var(--card); }
.sk-35 .sk-diag { display:grid; min-height:320px; }
.sk-35 .top { background:var(--accent2); padding:20px; display:flex; gap:10px; }
.sk-35 .bot { background:var(--ink); color:var(--card); padding:20px; }
.sk-35 .bot .sk-pin, .sk-35 .bot .sk-main { background:transparent; color:inherit; border-color:var(--card); box-shadow:none; }
.sk-35 .bot h1, .sk-35 .bot strong { color:var(--card); }
.sk-36 .sk-dial { text-align:center; }
.sk-36 .sk-main { border-radius:50%; width:min(300px,80%); aspect-ratio:1; display:grid; place-items:center; margin:0 auto 16px; border-width:8px; }
.sk-36 .sk-ring { display:flex; justify-content:space-between; gap:8px; }
.sk-37 .sk-drawers { display:flex; flex-direction:column; gap:6px; max-width:560px; margin:0 auto; }
.sk-37 .sk-drawers > * { border-radius:0; }
.sk-38 .sk-tower { display:flex; flex-direction:column; align-items:center; gap:0; }
.sk-38 .sk-tower > * { width:70%; border-radius:0; border-bottom:0; }
.sk-38 .sk-tower .sk-main { width:92%; }
.sk-38 .sk-tower > :last-child { width:48%; }
.sk-39 .sk-mosaic { display:grid; grid-template-columns:1.6fr 1fr 1fr; grid-template-rows:auto auto; gap:8px; }
.sk-39 .sk-main { grid-row:1 / span 2; }
@media (max-width:968px) {
  .sk-0 .sk-grid4, .sk-1 .sk-cols3, .sk-3 .sk-ticket, .sk-8 .sk-split, .sk-20 .sk-film,
  .sk-22 .sk-windows, .sk-24 .sk-kanban, .sk-26 .sk-pass, .sk-28 .sk-vinyl, .sk-39 .sk-mosaic {
    grid-template-columns:1fr;
  }
  .sk-5 .sk-axis { margin-left:0; }
  .sk-6 .sk-iso { transform:none; }
  .sk-23 .sk-spines > * { writing-mode:horizontal-tb; }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
@media (max-width:968px) {
  .nav-links, .nav-actions { display:none; }
  .menu-btn { display:inline-flex; }
  .nav { grid-template-columns:1fr auto; }
  .section-head, .footer-top, .footer-bottom { flex-direction:column; }
  .scenario-card, .trust-grid, .dl-groups, .help-grid { grid-template-columns:1fr; }
  .container { width:min(100% - 32px,var(--max)); }
}
@media (max-width:640px) {
  .dl-tiles { grid-template-columns:1fr; }
  .hero { padding-top:112px; }
  .section { padding:72px 0; }
}