:root {
  --blue: #155eef;
  --blue-deep: #0b2d8f;
  --blue-ink: #071942;
  --green: #22c88a;
  --ink: #102039;
  --muted: #63728a;
  --line: #e4eaf2;
  --soft: #f4f7fb;
  --white: #fff;
  --radius: 22px;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
img { display: block; max-width: 100%; }
.page-width { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.section-pad { padding: 116px 0; }

.topbar {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
.nav-inner {
  width: min(1180px, calc(100% - 48px));
  height: 78px;
  margin: auto;
  display: flex;
  align-items: center;
  gap: 28px;
}
.brand { display: inline-flex; align-items: center; gap: 11px; flex: 0 0 auto; }
.brand img { width: 42px; height: 42px; border-radius: 12px; box-shadow: 0 9px 24px rgba(9, 60, 197, .25); }
.brand > span { display: grid; gap: 1px; }
.brand strong { font-size: 17px; letter-spacing: -.02em; }
.brand small { color: #738099; font-size: 10px; letter-spacing: .18em; }
.topbar .brand strong, .topbar .brand small { color: #fff; }
.nav-links { display: flex; align-items: center; gap: 30px; margin-left: auto; }
.nav-links a { color: rgba(255,255,255,.76); font-size: 14px; transition: color .18s ease; }
.nav-links a:hover { color: #fff; }
.button {
  min-height: 50px;
  padding: 0 22px;
  border: 1px solid transparent;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  color: #fff;
  background: var(--blue);
  box-shadow: 0 12px 28px rgba(21,94,239,.22);
  font-size: 15px;
  font-weight: 700;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.button:hover { transform: translateY(-2px); background: #0f4fd5; box-shadow: 0 16px 34px rgba(21,94,239,.28); }
.button:focus-visible, a:focus-visible { outline: 3px solid rgba(65, 176, 255, .65); outline-offset: 3px; }
.button span { font-size: 18px; }
.button-small { min-height: 40px; margin-left: 10px; padding: 0 17px; background: #fff; color: #12327a; box-shadow: none; font-size: 13px; }
.button-small:hover { background: #edf4ff; box-shadow: none; }

.hero {
  min-height: 780px;
  padding-top: 165px;
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 76% 31%, rgba(31,114,255,.68), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(15,78,208,.52), transparent 40%),
    linear-gradient(130deg, #06183d 0%, #0a2d80 52%, #0d42c7 100%);
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .2;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to right, transparent 5%, #000 75%, transparent 100%);
}
.hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .86fr 1.14fr; gap: 50px; align-items: center; }
.hero-copy { padding-bottom: 18px; }
.hero-badge {
  width: fit-content;
  padding: 8px 12px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #dceaff;
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(12px);
  font-size: 13px;
}
.hero-badge i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(34,200,138,.12); }
.hero h1 { margin: 25px 0 22px; font-size: clamp(42px, 4.15vw, 65px); line-height: 1.13; letter-spacing: -.045em; }
.hero h1 span { display: inline-block; color: #66e3bc; }
.hero-copy > p { max-width: 610px; margin: 0; color: rgba(232,241,255,.76); font-size: 18px; line-height: 1.85; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.button-ghost { border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.08); box-shadow: none; backdrop-filter: blur(12px); }
.button-ghost:hover { background: rgba(255,255,255,.14); box-shadow: none; }
.hero-facts { display: flex; flex-wrap: wrap; gap: 15px 22px; margin-top: 27px; color: rgba(255,255,255,.68); font-size: 12px; }
.hero-facts span { display: inline-flex; align-items: center; gap: 6px; }
.hero-facts i { color: #58ddb2; font-style: normal; }

.product-scene { position: relative; height: 510px; perspective: 1100px; }
.scene-glow { position: absolute; border-radius: 50%; filter: blur(70px); }
.scene-glow-one { width: 310px; height: 310px; top: 30px; right: 35px; background: rgba(55,141,255,.35); }
.scene-glow-two { width: 220px; height: 220px; bottom: 0; left: 90px; background: rgba(30,217,161,.15); }
.chat-window, .sales-sidebar {
  position: absolute;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.2);
  background: rgba(248,251,255,.96);
  box-shadow: 0 35px 75px rgba(0,9,43,.45);
}
.chat-window { width: 430px; height: 390px; top: 51px; left: 0; border-radius: 18px; transform: rotateY(3deg) rotateX(1deg); }
.window-bar { height: 48px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; color: #607087; background: #fff; font-size: 12px; }
.traffic { display: flex; gap: 6px; }
.traffic i { width: 9px; height: 9px; border-radius: 50%; background: #e5e9ef; }
.traffic i:first-child { background: #ff776f; }.traffic i:nth-child(2) { background: #ffc85c; }.traffic i:last-child { background: #42d58c; }
.chat-body { height: calc(100% - 48px); padding: 18px 22px; color: var(--ink); background: #f2f5f8; }
.contact-row { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; }
.contact-row .avatar { width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; color: #fff; background: #7587a5; font-size: 12px; }
.contact-row > span:last-child { display: grid; gap: 3px; }
.contact-row b { font-size: 13px; }.contact-row small { color: #94a0b1; font-size: 10px; }
.message { max-width: 78%; margin: 11px 0; padding: 11px 13px; border-radius: 6px 14px 14px 14px; color: #34435a; background: #fff; box-shadow: 0 4px 14px rgba(38,56,82,.07); font-size: 11px; line-height: 1.6; }
.message.sent { margin-left: auto; border-radius: 14px 6px 14px 14px; background: #9ce7b8; }
.case-card { width: 78%; margin: 13px 0 0 auto; padding: 9px; border-radius: 11px; display: flex; align-items: center; gap: 10px; color: var(--ink); background: #fff; box-shadow: 0 5px 16px rgba(38,56,82,.08); }
.case-cover { width: 62px; height: 43px; border-radius: 7px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #155eef, #0b2d8f); }
.case-cover i { width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.2); font-size: 7px; font-style: normal; }
.case-card > span:last-child { display: grid; gap: 5px; }.case-card b { font-size: 10px; }.case-card small { color: #8b98aa; font-size: 9px; }
.sales-sidebar { z-index: 3; width: 280px; height: 452px; top: 18px; right: 0; border-radius: 18px; color: var(--ink); transform: rotateY(-4deg) translateZ(20px); }
.sidebar-head { height: 54px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); background: #fff; }
.sidebar-head > span { display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 700; }.sidebar-head img { width: 22px; height: 22px; border-radius: 7px; }
.connected { padding: 4px 6px; border-radius: 999px; color: #09875f; background: #e8f8f2; font-size: 7px; font-style: normal; }
.search-box { height: 32px; margin: 12px; padding: 0 10px; border: 1px solid #e2e8ef; border-radius: 8px; display: flex; align-items: center; gap: 7px; color: #9aa5b5; background: #f8fafc; font-size: 9px; }
.library-tabs { height: 27px; margin: 0 12px 10px; padding: 3px; border-radius: 8px; display: grid; grid-template-columns: repeat(3,1fr); place-items: center; color: #8995a7; background: #f0f3f7; font-size: 8px; }
.library-tabs b { width: 100%; height: 21px; border-radius: 6px; display: grid; place-items: center; color: #155eef; background: #fff; box-shadow: 0 2px 6px rgba(33,53,79,.08); }
.script-card { margin: 8px 12px; padding: 11px; border: 1px solid #e6ebf1; border-radius: 10px; background: #fff; }
.script-card.selected { border-color: #a9c6ff; box-shadow: 0 5px 16px rgba(21,94,239,.08); }
.script-card header, .script-card footer { display: flex; align-items: center; justify-content: space-between; }
.script-card header span { font-size: 10px; font-weight: 700; }.script-card header i { padding: 3px 5px; border-radius: 4px; color: #155eef; background: #edf4ff; font-size: 7px; font-style: normal; }
.script-card p { margin: 8px 0 10px; color: #77859a; font-size: 8px; line-height: 1.6; }
.script-card footer span { color: #98a4b4; font-size: 7px; }.script-card footer b { padding: 4px 8px; border-radius: 5px; color: #fff; background: #18a66a; font-size: 7px; }
.sidebar-bottom { position: absolute; bottom: 0; width: 100%; height: 42px; padding: 0 12px; border-top: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; color: #8996a8; background: #fff; font-size: 8px; }
.sidebar-bottom span::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: #22c88a; }.sidebar-bottom b { color: #155eef; }
.floating-note { position: absolute; z-index: 5; padding: 9px 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 10px; display: inline-flex; align-items: center; gap: 7px; color: #dfeaff; background: rgba(8,28,78,.75); backdrop-filter: blur(12px); box-shadow: 0 14px 34px rgba(0,10,50,.26); font-size: 9px; }
.floating-note i { color: #51ddb0; font-style: normal; }.note-one { left: 7px; bottom: 25px; }.note-two { right: 9px; top: 0; }

.belief-bar { border-bottom: 1px solid var(--line); background: #fff; }
.belief-grid { min-height: 102px; display: grid; grid-template-columns: repeat(4,1fr); align-items: center; }
.belief-grid span { position: relative; padding-left: 28px; display: grid; gap: 6px; }
.belief-grid span:not(:first-child)::before { content: ""; position: absolute; left: 0; top: 3px; width: 1px; height: 34px; background: var(--line); }
.belief-grid b { font-size: 15px; }.belief-grid small { color: var(--muted); font-size: 12px; }

.section-heading { max-width: 720px; margin: 0 auto 52px; text-align: center; }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .16em; }
.eyebrow::before { content: ""; width: 20px; height: 2px; background: var(--blue); }
.section-heading h2, .advantage-copy h2, .download-intro h2 { margin: 14px 0 17px; color: #0f1f37; font-size: clamp(32px, 3.2vw, 46px); line-height: 1.25; letter-spacing: -.035em; }
.section-heading p { margin: 0; color: var(--muted); font-size: 16px; line-height: 1.8; }
.features { background: #f8faff; }
.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.feature-card { min-height: 248px; padding: 27px; border: 1px solid #e2e8f1; border-radius: var(--radius); background: #fff; box-shadow: 0 12px 34px rgba(24,49,87,.045); transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; }
.feature-card:hover { transform: translateY(-5px); border-color: #bbd0fb; box-shadow: 0 22px 48px rgba(20,60,130,.09); }
.feature-card.upcoming { background: linear-gradient(145deg,#f1f6ff,#fff); }
.feature-top { display: flex; align-items: flex-start; justify-content: space-between; }
.feature-mark { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg,#1f70ff,#0c3cad); box-shadow: 0 12px 24px rgba(21,94,239,.22); font-size: 21px; font-weight: 800; }
.feature-top i { padding: 5px 8px; border-radius: 999px; color: #61718b; background: #f0f3f8; font-size: 9px; font-style: normal; }
.feature-card.upcoming .feature-top i { color: #0f8763; background: #e8f8f2; }
.feature-card h3 { margin: 25px 0 10px; font-size: 19px; }.feature-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.78; }

.private-sales { overflow: hidden; color: #fff; background: #081a41; }
.private-sales .section-heading h2 { color: #fff; }.private-sales .section-heading p { color: #aebbd0; }.private-sales .eyebrow { color: #57dfb3; }.private-sales .eyebrow::before { background: #57dfb3; }
.journey { position: relative; display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; }
.journey::before { content: ""; position: absolute; left: 8%; right: 8%; top: 34px; height: 1px; background: linear-gradient(90deg, transparent, rgba(91,157,255,.65), #54dfb1, rgba(91,157,255,.65), transparent); }
.journey article { position: relative; z-index: 1; padding: 0 20px; text-align: center; }
.journey article > span { width: 68px; height: 68px; margin: 0 auto 22px; border: 1px solid rgba(115,169,255,.36); border-radius: 50%; display: grid; place-items: center; color: #69e3bb; background: #102a61; box-shadow: 0 0 0 8px #081a41; font-size: 13px; font-weight: 800; }
.journey h3 { margin: 0 0 11px; font-size: 17px; }.journey p { margin: 0; color: #9eacc2; font-size: 12px; line-height: 1.7; }
.private-callout { margin-top: 62px; padding: 27px 30px; border: 1px solid rgba(115,169,255,.22); border-radius: 18px; display: flex; align-items: center; justify-content: space-between; gap: 30px; background: linear-gradient(100deg,rgba(29,80,178,.28),rgba(13,42,95,.48)); }
.private-callout > div { display: flex; align-items: center; gap: 16px; }.callout-mark { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; color: #071942; background: #58ddb2; font-size: 18px; }
.private-callout p { max-width: 620px; margin: 0; color: #bbc7da; font-size: 14px; line-height: 1.7; }.private-callout b { color: #fff; }
.callout-tags { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }.callout-tags i { padding: 7px 10px; border: 1px solid rgba(255,255,255,.13); border-radius: 999px; color: #c9d4e7; background: rgba(255,255,255,.05); font-size: 10px; font-style: normal; }

.advantage-grid { display: grid; grid-template-columns: .94fr 1.06fr; gap: 90px; align-items: center; }
.advantage-visual { position: relative; min-height: 490px; display: grid; place-items: center; }
.stack-card { position: absolute; width: 82%; height: 360px; border: 1px solid #dfe8f7; border-radius: 22px; background: #eef4ff; }
.stack-back { transform: translate(-32px,-26px) rotate(-5deg); opacity: .6; }.stack-mid { transform: translate(28px,22px) rotate(4deg); opacity: .8; }
.governance-card { position: relative; z-index: 2; width: 90%; padding: 24px; border: 1px solid #dce5f1; border-radius: 22px; background: #fff; box-shadow: 0 30px 70px rgba(20,52,104,.16); }
.governance-card header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--line); }.governance-card header span { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; }.governance-card header img { width: 28px; height: 28px; border-radius: 8px; }.governance-card header i { color: #16875f; font-size: 9px; font-style: normal; }
.asset-line { padding: 21px 0 10px; display: grid; grid-template-columns: 70px 1fr 62px; align-items: center; gap: 10px; }.asset-line b { font-size: 11px; }.asset-line small { color: #8491a4; font-size: 9px; }.line-progress { height: 7px; overflow: hidden; border-radius: 99px; background: #edf1f6; }.line-progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#155eef,#4c8cff); }
.flow-row { margin: 16px 0 19px; padding: 15px; border-radius: 12px; display: flex; align-items: center; justify-content: space-between; color: #586980; background: #f5f8fc; font-size: 9px; }.flow-row i { color: #a8b3c3; font-style: normal; }.flow-row strong { color: #155eef; }
.asset-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.asset-stats span { padding: 14px; border: 1px solid #e8edf4; border-radius: 11px; display: grid; gap: 5px; }.asset-stats b { color: #133b91; font-size: 16px; }.asset-stats small { color: #8b98aa; font-size: 8px; }
.activity { margin-top: 15px; padding: 12px; border: 1px solid #cdeee2; border-radius: 11px; display: flex; align-items: center; gap: 10px; background: #f0fbf7; }.activity > i { width: 25px; height: 25px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: #18a66a; font-size: 10px; font-style: normal; }.activity span { display: grid; gap: 3px; }.activity b { color: #245045; font-size: 9px; }.activity small { color: #6d8d84; font-size: 8px; }
.advantage-copy .lead { margin: 0 0 27px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.advantage-list { border-top: 1px solid var(--line); }.advantage-list article { padding: 18px 0; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 45px 1fr; gap: 13px; }.advantage-list article > span { color: #aab5c5; font-size: 11px; font-weight: 800; }.advantage-list h3 { margin: 0 0 6px; font-size: 16px; }.advantage-list p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }

.download { background: #f4f7fb; }
.download-shell { padding: 54px; border-radius: 30px; display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: center; background: #fff; box-shadow: 0 24px 65px rgba(19,48,94,.08); }
.download-intro h2 { font-size: clamp(30px,3vw,43px); }.download-intro > p { margin: 0 0 22px; color: var(--muted); font-size: 14px; line-height: 1.8; }.secure-note { display: inline-flex; align-items: center; gap: 8px; color: #477160; font-size: 12px; }.secure-note i { width: 21px; height: 21px; border-radius: 50%; display: grid; place-items: center; color: #fff; background: #1bb37b; font-size: 10px; font-style: normal; }
.download-options { display: grid; gap: 12px; }.download-card { min-height: 142px; padding: 22px; border: 1px solid #dfe7f2; border-radius: 18px; display: grid; grid-template-columns: 54px 1fr auto; align-items: center; gap: 17px; }
.primary-download { border-color: #b8cdf8; background: linear-gradient(110deg,#f5f8ff,#fff); }.os-icon { width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; color: #fff; background: #10285e; font-size: 24px; }
.os-icon.windows { padding: 12px; grid-template-columns: repeat(2,1fr); gap: 3px; }.os-icon.windows i { height: 11px; background: #fff; }
.download-card > div:nth-child(2) { display: grid; }.status-chip { width: fit-content; margin-bottom: 6px; padding: 4px 7px; border-radius: 999px; color: #0e7860; background: #e7f8f2; font-size: 8px; }.muted-download .status-chip { color: #7b8798; background: #eff2f6; }.download-card h3 { margin: 0; font-size: 20px; }.download-card p { margin: 5px 0 0; color: var(--muted); font-size: 11px; }
.download-card > a { padding: 11px 14px; border-radius: 9px; display: flex; align-items: center; gap: 12px; color: #fff; background: var(--blue); font-size: 11px; font-weight: 700; }.download-card > a:hover { background: #0f4fd5; }.disabled-download { padding: 10px 13px; border-radius: 9px; color: #8b97a8; background: #eef1f5; font-size: 11px; font-weight: 700; }

footer { padding: 38px 0; border-top: 1px solid var(--line); background: #fff; }
.footer-inner { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 38px; }.footer-inner .brand img { width: 34px; height: 34px; border-radius: 10px; }.footer-inner .brand strong { font-size: 14px; }.footer-inner p { margin: 0; color: var(--muted); font-size: 12px; }.footer-inner > span { color: #8d99aa; font-size: 11px; }

@media (max-width: 1040px) {
  .hero { min-height: 1040px; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-copy { max-width: 720px; text-align: center; margin: auto; }
  .hero-badge { margin-inline: auto; }.hero-copy > p { margin-inline: auto; }.hero-actions, .hero-facts { justify-content: center; }
  .product-scene { width: min(700px,100%); margin: 10px auto 0; }
  .feature-grid { grid-template-columns: repeat(2,1fr); }
  .journey { grid-template-columns: repeat(3,1fr); gap: 36px 10px; }.journey::before { display: none; }
  .advantage-grid { grid-template-columns: 1fr; gap: 55px; }.advantage-visual { width: min(650px,100%); margin: auto; }
  .download-shell { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .page-width, .nav-inner { width: min(100% - 32px, 1180px); }
  .section-pad { padding: 80px 0; }
  .nav-inner { height: 70px; }.nav-links { display: none; }.button-small { margin-left: auto; }
  .brand strong { font-size: 15px; }.brand small { display: none; }
  .hero { min-height: 965px; padding-top: 124px; }
  .hero h1 { font-size: 41px; }.hero-copy > p { font-size: 15px; }.hero-actions { display: grid; }.hero-actions .button { width: 100%; }
  .hero-facts { gap: 10px; }.hero-facts span { width: 100%; justify-content: center; }
  .product-scene { height: 430px; transform: scale(.88); transform-origin: top center; }
  .chat-window { left: -25px; }.sales-sidebar { right: -20px; }
  .belief-grid { padding: 18px 0; grid-template-columns: repeat(2,1fr); gap: 20px 0; }.belief-grid span { padding-left: 18px; }.belief-grid span:nth-child(3)::before { display: none; }
  .feature-grid { grid-template-columns: 1fr; }.feature-card { min-height: 0; }
  .journey { grid-template-columns: 1fr; gap: 0; }.journey article { padding: 18px 0; display: grid; grid-template-columns: 54px 1fr; column-gap: 15px; text-align: left; }.journey article > span { width: 54px; height: 54px; margin: 0; grid-row: span 2; }.journey h3 { align-self: end; }.journey p { align-self: start; }
  .private-callout { align-items: flex-start; flex-direction: column; }.callout-tags { justify-content: flex-start; }
  .advantage-visual { min-height: 390px; }.governance-card { width: 100%; padding: 18px; }.stack-card { height: 300px; }.flow-row { gap: 8px; }.asset-stats span { padding: 11px; }
  .download-shell { padding: 29px 20px; gap: 34px; }.download-card { grid-template-columns: 48px 1fr; }.download-card > a, .disabled-download { grid-column: 1 / -1; justify-content: center; text-align: center; }
  .footer-inner { grid-template-columns: 1fr; gap: 15px; text-align: center; }.footer-inner .brand { margin: auto; }
}

@media (max-width: 460px) {
  .button-small { padding-inline: 12px; }.button-small span { display: none; }
  .hero h1 { font-size: 34px; }
  .product-scene { margin-left: -38px; width: 122%; transform: scale(.68); }
  .section-heading { margin-bottom: 38px; }.section-heading h2, .advantage-copy h2 { font-size: 30px; }
  .belief-grid b { font-size: 13px; }.belief-grid small { font-size: 10px; }
  .private-callout { padding: 22px; }.private-callout > div { align-items: flex-start; }
  .advantage-visual { min-height: 340px; transform: scale(.88); transform-origin: center; }
}

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