@oracle-agent/oracle 0.35.49 → 0.35.51

package/public/oracle-splash/index.html

@@ -6,8 +6,8 @@
 <title>ORACLE | The control plane between AI and on-chain action</title>
 <link rel="icon" href="favicon.svg" type="image/svg+xml">
 <link rel="shortcut icon" href="favicon.ico">
-<meta name="description" content="Oracle reads chain state, prices routes, and prepares unsigned transactions across 15+ chains. Your wallet signs.">
-<meta name="theme-color" content="#0B1018" />
+<meta name="description" content="Oracle reads chain state, prices routes, and prepares unsigned transactions across 17+ chains. Your wallet signs.">
+<meta name="theme-color" content="#07090D" />
 <meta name="robots" content="index,follow" />
 <meta property="og:title" content="ORACLE | The all-in-one multichain agent">
 <meta property="og:description" content="Trade, research, and build across Oracle's working chain surfaces, with extensible EVM support and self-custodial signing.">
@@ -1533,6 +1533,220 @@ footer{margin-top:clamp(64px,10vh,100px);border-top:1px solid var(--line);paddin
  .chapter-tab{position:static}
  .stack-meter i{transform:scaleX(1)}
 }
+/* ── makeover layer: signal, then signature ─────────────────────────────
+   One idea for the whole site: the page resolves from a wide quiet field (the
+   orb, the big serif statement) to one precise line you can act on (the
+   install command). Oversized light serif for statements, mono ledgers for
+   facts, hairline rules instead of boxes, one ice accent used sparingly.
+   Appended last so it wins by order; earlier rules stay for tests and for the
+   focused pages that still use them. */
+:root{
+ --bg:#07090D;
+ --panel:#0C1017;
+ --panel-2:#10151E;
+ --ink:#EEF2F6;
+ --cool:#B9C6D3;
+ --mute:#7F8FA1;
+ --line:rgba(185,210,235,.10);
+ --line-2:rgba(185,210,235,.18);
+ --bone:#E6E1D6;
+ --mk-rule:rgba(185,210,235,.12);
+ --mk-ease:cubic-bezier(.16,1,.3,1);
+ --mk-measure:66ch;
+ --mk-body:clamp(16.5px,.35vw + 15px,18.5px);
+ --mk-h2:clamp(44px,5.4vw + 12px,104px);
+ --mk-h3:clamp(24px,1.3vw + 18px,36px);
+ --max:1280px;
+}
+html{background:var(--bg)}
+body{background:var(--bg);color:var(--ink);font-size:var(--mk-body)}
+.grain{opacity:.055}
+#gl{opacity:.22}
+.scroll-craft{opacity:.38}
+.craft-grid{opacity:.1}
+.craft-orbit{opacity:.5}
+
+/* nav: solid, hairline, no frosted glass */
+.nav{background:rgba(7,9,13,.94);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom:1px solid var(--mk-rule);padding-block:16px}
+.nav-links{font-size:13px;letter-spacing:.14em}
+.nav-links a.nav-download{background:var(--ink);color:#07090D;border-radius:2px;box-shadow:none}
+.nav-links a.nav-download:hover{background:var(--blue2);color:#07090D;box-shadow:none}
+.nav-chip{border-radius:2px}
+
+/* type system */
+.section{max-width:var(--max);padding:clamp(88px,14vh,176px) var(--pad) 0}
+.section-label{font-size:11px;letter-spacing:.32em;color:var(--mute);margin-bottom:clamp(20px,2.4vw,32px)}
+.section-label::before{content:"";width:28px;height:1px;background:var(--blue);display:inline-block}
+.section-title{font-weight:300;font-size:var(--mk-h2);line-height:.94;letter-spacing:-.035em;max-width:14ch;margin-bottom:clamp(24px,3vw,40px);color:var(--bone)}
+.section-title em{font-weight:300;color:var(--blue2)}
+.section-lede{max-width:var(--mk-measure);font-size:var(--mk-body);line-height:1.62;color:var(--cool)}
+.section-more,.cmd-hint{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
+.section-more a,.cmd-hint a{color:var(--ink);border-bottom:1px solid var(--line-2);padding-bottom:4px;transition:border-color .4s var(--mk-ease),color .4s var(--mk-ease)}
+.section-more a:hover,.cmd-hint a:hover{color:var(--blue2);border-bottom-color:var(--blue2)}
+
+/* CTAs: square, confident, one filled */
+.enter-cta{border-radius:2px;box-shadow:none;background:none;border-color:var(--line-2);font-size:11.5px;letter-spacing:.2em;padding:16px 24px}
+.enter-cta::after{content:"→"}
+.enter-cta:hover{box-shadow:none;border-color:var(--ink);transform:none}
+.enter-cta.primary{background:var(--ink);color:#07090D}
+.enter-cta.primary:hover{background:var(--blue2);box-shadow:none}
+
+/* ── home hero ── */
+.home{min-height:0;display:block;padding:clamp(28px,6vh,72px) var(--pad) 0;overflow:hidden;overflow:clip;overflow-clip-margin:0}
+.home::after{display:none}
+.home-inner{max-width:calc(var(--max) - 2 * var(--pad))}
+.hero-split{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:0;align-items:end}
+.hero-lede{--hero-measure:min(100%,820px);position:relative;z-index:3;padding-bottom:clamp(8px,2vw,24px)}
+.home-kicker{font-size:11px;letter-spacing:.32em;color:var(--mute)}
+.hero-split .home-title{font-weight:300;font-size:clamp(52px,6.6vw + 8px,124px);line-height:.9;letter-spacing:-.045em;color:var(--bone);text-shadow:none}
+.hero-split .home-title em{color:var(--blue2)}
+.hero-sub{font-size:var(--mk-body);line-height:1.62;max-width:56ch;color:var(--cool);text-shadow:none;margin-top:clamp(22px,2.6vw,34px)}
+.hero-product{margin-left:clamp(-160px,-9vw,-40px);overflow:visible}
+.hero-product figcaption{font-size:10.5px;letter-spacing:.3em;color:var(--mute)}
+.hero-note-line{letter-spacing:.2em}
+
+/* the ridge field fades out above the installer instead of running through it */
+.hero-ridge{top:34%;height:clamp(200px,34vh,380px);opacity:.55;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,#000 55%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
+
+/* installer: a terminal line, not a card */
+.hero-installer{position:relative;z-index:3;max-width:none;margin-top:clamp(48px,6vw,88px);border:0;border-top:1px solid var(--mk-rule);border-radius:0;background:var(--bg);box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:clamp(20px,3vw,48px)}
+.hero-install-tabs{border-bottom:0;padding:0;grid-column:1/-1}
+.hero-install-tab{border-radius:0}
+.hero-install-panel{grid-column:1;padding:18px 0 20px;min-width:0}
+.hero-install-command{background:none;border:0;padding:0;justify-content:flex-start;gap:clamp(16px,2vw,32px)}
+.hero-install-command code{font-size:clamp(14px,1vw + 8px,22px);color:var(--ink)}
+.hero-install-command code::before{content:"$ ";color:var(--blue)}
+.hero-install-meta{display:none}
+.hero-installer .os-dl{margin:0;gap:0;grid-column:2;grid-row:2;align-self:center}
+.os-dl{gap:0}
+.os-link{border-radius:0;border:0;border-left:1px solid var(--mk-rule);padding:12px 18px;color:var(--cool);font-size:11px;letter-spacing:.16em;transition:color .35s var(--mk-ease)}
+.os-link:first-child{border-left:0}
+.os-link:hover{color:var(--blue2)}
+.os-link::after{content:" ↓";color:var(--blue)}
+
+/* stats: a ledger row, figures in the display face */
+.home-stats{margin:0;border:0;border-top:1px solid var(--mk-rule);border-bottom:1px solid var(--mk-rule);border-radius:0;padding-top:0;gap:0;background:var(--bg);box-shadow:none;overflow:visible}
+.home-stat{background:none;border-left:1px solid var(--mk-rule);padding:clamp(22px,2.6vw,36px) clamp(16px,2vw,28px);min-height:0}
+.home-stat:first-child{border-left:0;padding-left:0}
+.home-stat b{font-weight:300;font-size:clamp(40px,3.4vw + 10px,76px);letter-spacing:-.04em;color:var(--bone)}
+.home-stat span{font-size:10.5px;letter-spacing:.2em;margin-top:12px}
+
+/* ── steps: an editorial ledger ── */
+#steps .steps-grid{grid-template-columns:1fr;gap:0;margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--mk-rule)}
+#steps .step-card{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr) minmax(0,1.5fr);column-gap:clamp(20px,3vw,56px);align-items:baseline;padding:clamp(24px,3vw,40px) 0;border-top:0;border-bottom:1px solid var(--mk-rule);transition:background .5s var(--mk-ease)}
+#steps .step-card:hover{background:linear-gradient(90deg,rgba(159,211,255,.035),transparent 70%)}
+#steps .step-card .n{font-size:11px;letter-spacing:.26em;color:var(--mute);margin:0}
+#steps .step-card h3{font-family:var(--display);font-weight:300;font-size:var(--mk-h3);line-height:1.05;letter-spacing:-.02em;color:var(--bone);margin:0}
+#steps .step-card p{font-size:var(--mk-body);line-height:1.6;color:var(--cool);max-width:52ch}
+#steps .step-card:last-child h3{color:var(--blue2);font-style:italic}
+
+/* ── reach ── */
+.mk-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,6vw,120px);align-items:end}
+.mk-split > .mk-head{grid-column:1}
+.mk-split > .mk-aside{grid-column:2;padding-bottom:clamp(8px,1vw,16px)}
+.mk-split > .mk-full{grid-column:1/-1}
+#reach .venues{margin-top:clamp(40px,5vw,72px);border:0;border-top:1px solid var(--mk-rule);border-bottom:1px solid var(--mk-rule);border-radius:0;background:none}
+#reach .venues-head{padding:14px 0;border-bottom:1px solid var(--mk-rule);letter-spacing:.24em}
+#reach .marquee{padding-block:6px}
+#reach .chip{background:none;border-color:transparent}
+.reach-cols{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,96px);margin-top:clamp(40px,5vw,72px)}
+.reach-cols .venues-head{padding:0 0 14px;border-bottom:1px solid var(--mk-rule);font-size:11px;letter-spacing:.26em;color:var(--mute);background:none}
+.reach-cols > div{min-width:0}
+.mk-index{list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;row-gap:.12em;margin-top:18px;font-family:var(--display);font-weight:300;font-size:clamp(22px,1vw + 16px,32px);line-height:1.3;letter-spacing:-.015em;color:var(--bone)}
+.mk-index li{display:block;white-space:nowrap}
+.mk-index li:not(:last-child)::after{content:"/";margin:0 .32em 0 .38em;color:var(--blue-dim);font-style:normal}
+.mk-index li i{font-family:var(--mono);font-style:normal;font-size:.38em;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);vertical-align:.5em;margin-left:.3em}
+.mk-index li.mk-open{color:var(--blue2);font-style:italic}
+
+/* ── custody and cost: two statements, not two boxes ── */
+#explore .moat-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;background:none;border:0;border-radius:0;overflow:visible;border-top:1px solid var(--mk-rule);border-bottom:1px solid var(--mk-rule);margin-top:clamp(40px,5vw,72px)}
+#explore .moat-card{background:none;border:0;border-radius:0;min-height:0;padding:clamp(32px,4vw,64px) clamp(0px,3vw,56px) clamp(32px,4vw,56px) 0;display:flex;flex-direction:column;gap:18px;transition:background .5s var(--mk-ease)}
+#explore .moat-card + .moat-card{border-left:1px solid var(--mk-rule);padding-left:clamp(24px,4vw,64px)}
+#explore .moat-card:hover{background:linear-gradient(180deg,rgba(159,211,255,.04),transparent 80%)}
+#explore .moat-card .n{color:var(--mute);letter-spacing:.26em}
+#explore .moat-card h3{font-weight:300;font-size:clamp(34px,2.6vw + 14px,64px);line-height:.98;letter-spacing:-.035em;color:var(--bone)}
+#explore .moat-card p{font-size:var(--mk-body);line-height:1.6;max-width:44ch}
+.mk-go{margin-top:auto;padding-top:10px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue2)}
+.mk-go::after{content:" →";transition:margin .4s var(--mk-ease)}
+.moat-card:hover .mk-go::after{margin-left:6px}
+
+/* ── cli: the single line ── */
+.cli-section .cli-install{margin:clamp(8px,1vw,16px) 0 clamp(28px,3vw,44px)}
+.cli-install-cmd{border:0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);border-radius:0;background:none;padding:clamp(20px,2.4vw,32px) 0;width:100%;max-width:none}
+.cli-install-cmd code{font-size:clamp(16px,1.6vw + 6px,34px);letter-spacing:-.01em;color:var(--ink)}
+.cli-install-cmd code::before{content:"$ ";color:var(--blue)}
+.cli-install-hint{margin-top:14px;letter-spacing:.2em}
+.convert-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:clamp(28px,4vw,72px);margin-top:clamp(40px,5vw,72px);align-items:start}
+.cli-frame{border-radius:2px;border-color:var(--mk-rule);box-shadow:0 40px 120px rgba(0,0,0,.55)}
+.cli-cap{letter-spacing:.24em;margin-top:14px}
+.convert-copy p{font-size:var(--mk-body);line-height:1.62}
+.convert-pills{display:block;margin-top:8px;border-top:1px solid var(--mk-rule)}
+.convert-pills span{display:flex;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid var(--mk-rule);border-radius:0;padding:13px 0;background:none;color:var(--cool);font-size:11px;letter-spacing:.2em}
+.convert-pills span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);opacity:.7}
+
+/* desktop app: image left, copy and downloads beside it */
+.mk-desk{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr);gap:clamp(28px,4vw,72px);align-items:end;margin-top:clamp(96px,12vw,176px);padding-top:clamp(40px,5vw,72px);border-top:1px solid var(--mk-rule)}
+.mk-desk .app-shot{margin:0;grid-column:1;grid-row:1/3}
+.mk-desk .app-shot img{border-radius:2px;border-color:var(--mk-rule);box-shadow:0 40px 120px rgba(0,0,0,.6)}
+.mk-desk .app-shot-title{grid-column:2;margin:0;font-size:clamp(40px,3.2vw + 12px,76px);max-width:9ch}
+.mk-desk .app-shot-title sup{font-family:var(--mono);font-size:11px!important;letter-spacing:.22em;text-transform:uppercase;vertical-align:1.6em;margin-left:.3em}
+.mk-desk .mk-desk-copy{grid-column:2;display:flex;flex-direction:column;gap:22px}
+.mk-desk .mk-desk-copy p{color:var(--cool);font-size:var(--mk-body);line-height:1.6}
+.mk-desk .os-dl{flex-direction:column;margin:0;border-top:1px solid var(--mk-rule)}
+.mk-desk .os-link{border-left:0;border-bottom:1px solid var(--mk-rule);padding:15px 0;display:flex;justify-content:space-between}
+
+/* footer */
+footer{margin-top:clamp(120px,16vw,220px);border-top:1px solid var(--mk-rule);padding-block:36px 44px}
+
+/* focused pages inherit the same voice */
+.moat-grid{border-radius:2px}
+.moat-grid .moat-card{border-radius:0;background:rgba(12,16,23,.6);border-color:var(--mk-rule)}
+.moat-card h3{font-weight:300;letter-spacing:-.02em;color:var(--bone)}
+.surface-keep-card,.chain{border-radius:2px}
+
+@media (max-width:1100px){
+ .hero-split{grid-template-columns:1fr}
+ .hero-product{margin:clamp(-40px,-4vw,-16px) auto 0;max-width:520px}
+ .hero-installer{grid-template-columns:1fr}
+ .hero-installer .os-dl{grid-column:1;grid-row:auto;margin-bottom:14px}
+ .mk-split{grid-template-columns:1fr}
+ .mk-split > .mk-aside{grid-column:1;margin-top:8px}
+ .mk-desk{grid-template-columns:1fr}
+ .mk-desk .app-shot,.mk-desk .app-shot-title,.mk-desk .mk-desk-copy{grid-column:1;grid-row:auto}
+ .mk-desk .app-shot-title{max-width:none}
+ .convert-grid{grid-template-columns:1fr}
+}
+@media (max-width:860px){
+ #steps .step-card{grid-template-columns:1fr;row-gap:10px}
+ .reach-cols{grid-template-columns:1fr}
+ #explore .moat-grid{grid-template-columns:1fr}
+ #explore .moat-card{padding-right:0}
+ #explore .moat-card + .moat-card{border-left:0;border-top:1px solid var(--mk-rule);padding-left:0}
+}
+@media (max-width:620px){
+ .section{padding-top:clamp(72px,12vh,112px)}
+ .hero-split .home-title{font-size:clamp(44px,12.5vw,64px)}
+ .home-stat{padding:20px 14px}
+ .home-stat:nth-child(odd){border-left:0;padding-left:0}
+ .home-stat:nth-child(n+3){border-top:1px solid var(--mk-rule)}
+ .hero-installer .os-dl,.os-dl{flex-direction:column;width:100%}
+ .os-link{border-left:0;border-bottom:1px solid var(--mk-rule);padding:14px 0}
+ .cli-install-cmd code{white-space:normal;overflow-wrap:anywhere}
+ .enter-cta{max-width:none}
+}
+@media (max-width:560px){
+ .home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
+ .home-stat{padding:20px 0 20px 16px}
+ .home-stat:nth-child(odd){padding-left:0}
+ .home-stat b{font-size:clamp(34px,10vw,44px)}
+ .hero-install-command{flex-direction:column;align-items:flex-start;gap:10px}
+ .hero-install-command code{white-space:normal;overflow-wrap:anywhere;font-size:15px}
+ .hero-kicker,.home-kicker{letter-spacing:.24em}
+}
+@media (prefers-reduced-motion:reduce){
+ #steps .step-card,#explore .moat-card,.mk-go::after{transition:none}
+}
+/* ── end makeover layer ── */
 </style>
 </head>
 <body>
@@ -1606,8 +1820,8 @@ footer{margin-top:clamp(64px,10vh,100px);border-top:1px solid var(--line);paddin
   <div class="hero-split">
    <div class="hero-lede">
     <p class="home-kicker rv">control plane between AI and on-chain action</p>
-    <h1 class="home-title rv" data-split>Trade, build, mint, scan across <em>15+</em> chains</h1>
-    <p class="hero-sub rv">Agents prepare. You authorize and sign. Oracle is the control plane between AI and on-chain action across 15+ chains, inside any MCP client. Public routing stays unsigned. Self-hosted execution stays local, owner-gated, bounded, and receipt-verified.</p>
+    <h1 class="home-title rv" data-split>Trade, build, mint, scan across <em>17+</em> chains</h1>
+    <p class="hero-sub rv">Agents prepare. You authorize and sign. Oracle is the control plane between AI and on-chain action across 17+ chains, inside any MCP client. Public routing stays unsigned. Self-hosted execution stays local, owner-gated, bounded, and receipt-verified.</p>
     <div class="home-actions">
      <a class="enter-cta primary" href="/download/">Download desktop</a>
      <a class="enter-cta ghost" href="/what-it-does/">How Oracle works</a>
@@ -1656,25 +1870,30 @@ footer{margin-top:clamp(64px,10vh,100px);border-top:1px solid var(--line);paddin
     <div class="hero-install-meta"><span>Windows · CLI</span></div>
    </div>
    <div class="os-dl">
-    <a class="os-link" href="/downloads/artifacts/Oracle-0.4.22.AppImage">Linux AppImage</a>
-    <a class="os-link" href="/downloads/artifacts/Oracle-0.4.22-arm64.dmg">macOS DMG</a>
-    <a class="os-link" href="/downloads/artifacts/Oracle-Setup-0.4.22.exe">Windows Setup</a>
+    <a class="os-link" href="/downloads/artifacts/Oracle-0.4.25.AppImage">Linux AppImage</a>
+    <a class="os-link" href="/downloads/artifacts/Oracle-0.4.25-arm64.dmg">macOS DMG</a>
+    <a class="os-link" href="/downloads/artifacts/Oracle-Setup-0.4.25.exe">Windows Setup</a>
    </div>
   </div>
 
   <div class="home-stats rv" aria-label="Oracle surface metrics">
    <div class="home-stat"><b id="hero-protocol-count" data-count="221">221</b><span>protocols / venues wired</span></div>
-   <div class="home-stat"><b id="hero-provider-count" data-count="138">138</b><span>data providers</span></div>
-   <div class="home-stat"><b id="hero-op-count" data-count="605">605</b><span>data operations</span></div>
-   <div class="home-stat"><b id="hero-chain-count">15 + EVM</b><span>working chain / venue surfaces</span></div>
+   <div class="home-stat"><b id="hero-provider-count" data-count="139">139</b><span>data providers</span></div>
+   <div class="home-stat"><b id="hero-op-count" data-count="610">610</b><span>data operations</span></div>
+   <div class="home-stat"><b id="hero-chain-count">17 + EVM</b><span>working chain / venue surfaces</span></div>
   </div>
  </div>
 </section>
-<section class="section" id="steps">
+<section class="section mk-split" id="steps">
+ <div class="mk-head">
  <p class="section-label rv">What it does</p>
  <h2 class="section-title rv" data-split>Five steps. <em>You sign the last one.</em></h2>
+ </div>
+ <div class="mk-aside">
  <p class="section-lede rv">Your agent proposes. Oracle checks it against policy you set locally, then hands your wallet something you can read before it exists.</p>
- <div class="steps-grid rv">
+ <p class="cmd-hint rv section-more"><a href="/what-it-does/">See the full sequence, step by step →</a></p>
+ </div>
+ <div class="steps-grid rv mk-full">
   <article class="step-card">
    <div class="n">01 · read</div>
    <h3>State before opinion</h3>
@@ -1701,53 +1920,54 @@ footer{margin-top:clamp(64px,10vh,100px);border-top:1px solid var(--line);paddin
    <p>Public routing stops at prepare. Self-hosted signing and broadcast stay local, owner-gated, bounded, and receipt-verified.</p>
   </article>
  </div>
- <p class="cmd-hint rv section-more"><a href="/what-it-does/">See the full sequence, step by step →</a></p>
 </section>
 
-<section class="section" id="reach">
+<section class="section mk-split" id="reach">
+ <div class="mk-head">
  <p class="section-label rv">Where it works</p>
  <h2 class="section-title rv" data-split>Your agent. <em>Your chains.</em></h2>
- <p class="section-lede rv">Oracle installs into any MCP client and operates across 15+ chains and venues. Register any extra EVM chain with a chain id and an RPC.</p>
- <div class="venues rv" id="protocol-marquee" aria-label="Supported protocols and venues">
+ </div>
+ <div class="mk-aside">
+ <p class="section-lede rv">Oracle installs into any MCP client and operates across 17+ chains and venues. Register any extra EVM chain with a chain id and an RPC.</p>
+ <p class="cmd-hint rv section-more"><a href="/where-it-works/">Every chain and what Oracle can do on it →</a></p>
+ </div>
+ <div class="venues rv mk-full" id="protocol-marquee" aria-label="Supported protocols and venues">
   <div class="venues-head"><span>protocol surface</span><b>221 protocols and venues</b></div>
   <div class="marquee"><div class="track" id="proto-track-a"></div></div>
   <div class="marquee rev"><div class="track" id="proto-track-b"></div></div>
  </div>
- <div class="reach-cols rv">
+ <div class="reach-cols rv mk-full">
   <div>
    <div class="venues-head"><span>clients</span></div>
-   <div class="reach-chips">
-    <span>Claude</span><span>ChatGPT</span><span>Cursor</span><span>Codex</span>
-    <span>VS Code</span><span>Copilot</span><span>Telegram</span><span>Discord</span>
-    <span>WhatsApp</span><span>Signal</span><span>Any MCP client</span>
-   </div>
+   <ul class="mk-index"><li>Claude</li><li>ChatGPT</li><li>Cursor</li><li>Codex</li><li>VS Code</li><li>Copilot</li><li>Telegram</li><li>Discord</li><li>WhatsApp</li><li>Signal</li><li class="mk-open">any MCP client</li></ul>
   </div>
   <div>
    <div class="venues-head"><span>chains and venues</span></div>
-   <div class="reach-chips">
-    <span>Ethereum</span><span>Solana</span><span>Bitcoin</span><span>Hyperliquid</span>
-    <span>Base</span><span>Arbitrum</span><span>Optimism</span><span>Polygon</span>
-    <span>BNB Chain</span><span>Avalanche</span><span>HyperEVM</span><span>Polymarket</span>
-    <span>Robinhood</span><span>Stable</span><span>Abstract</span><span>+ any EVM</span>
-   </div>
+   <ul class="mk-index"><li>Ethereum</li><li>Solana</li><li>Bitcoin</li><li>Hyperliquid</li><li>Base</li><li>Arbitrum</li><li>Optimism</li><li>Polygon</li><li>BNB Chain</li><li>Avalanche</li><li>HyperEVM</li><li>Polymarket</li><li>Robinhood</li><li>Stable</li><li>Abstract</li><li>NEAR<i>read</i></li><li>Elysium<i>read</i></li><li class="mk-open">any EVM</li></ul>
   </div>
  </div>
- <p class="cmd-hint rv section-more"><a href="/where-it-works/">Every chain and what Oracle can do on it →</a></p>
 </section>
 
-<section class="section" id="explore">
+<section class="section mk-split" id="explore">
+ <div class="mk-head">
  <p class="section-label rv">Security + pricing</p>
- <h2 class="section-title rv" data-split>Custody and cost.</h2>
- <div class="moat-grid rv">
+ <h2 class="section-title rv" data-split>Custody and <em>cost.</em></h2>
+ </div>
+ <div class="mk-aside">
+ <p class="section-lede rv">Two questions every wallet tool has to answer plainly: who can move the money, and what it costs you to use it.</p>
+ </div>
+ <div class="moat-grid rv mk-full">
   <a class="moat-card" href="/security/">
    <div class="n">security</div>
    <h3>The wallet stays yours</h3>
    <p>Public Oracle never holds signing keys. Self-hosted vaults stay on your machine, with capped, expiring permissions and exact owner authorization.</p>
+   <span class="mk-go">Security model</span>
   </a>
   <a class="moat-card" href="/pricing/">
    <div class="n">pricing</div>
    <h3>5 bps. Holders zero.</h3>
    <p>Free to install and run. You pay only on routed swaps, and Locals Only holders pay nothing.</p>
+   <span class="mk-go">Pricing</span>
   </a>
  </div>
 </section>
@@ -1777,16 +1997,21 @@ footer{margin-top:clamp(64px,10vh,100px);border-top:1px solid var(--line);paddin
    </div>
   </div>
  </div>
-    <h2 class="section-title app-shot-title">Oracle Desktop App <sup style="font-size:14px;color:var(--blue);font-weight:400">beta</sup></h2>
+ <div class="mk-desk rv">
     <figure class="app-shot">
-     <img src="assets/desktop-app.jpg?v=20260830" width="1280" height="860" loading="lazy" decoding="async" alt="Oracle desktop setup: connect Claude, Codex or Grok, local llama.cpp or Ollama, then pick model and chain.">
+     <img src="assets/desktop-app.jpg?v=20260928" width="1280" height="800" loading="lazy" decoding="async" alt="Oracle desktop setup: connect Claude, Codex or Grok, local llama.cpp or Ollama, then pick model and chain.">
      <figcaption>Native desktop. Connect a provider, then chat.</figcaption>
     </figure>
+    <h2 class="section-title app-shot-title">Oracle Desktop App <sup style="font-size:14px;color:var(--blue);font-weight:400">beta</sup></h2>
+  <div class="mk-desk-copy">
+   <p>The same Oracle as a native app for macOS, Windows and Linux. Connect the model you already pay for, pick a chain, and chat. Your wallet signs by default.</p>
     <div class="os-dl">
-     <a class="os-link" href="/downloads/artifacts/Oracle-0.4.22.AppImage">Linux AppImage</a>
-     <a class="os-link" href="/downloads/artifacts/Oracle-0.4.22-arm64.dmg">macOS DMG</a>
-     <a class="os-link" href="/downloads/artifacts/Oracle-Setup-0.4.22.exe">Windows Setup</a>
+     <a class="os-link" href="/downloads/artifacts/Oracle-0.4.25.AppImage">Linux AppImage</a>
+     <a class="os-link" href="/downloads/artifacts/Oracle-0.4.25-arm64.dmg">macOS DMG</a>
+     <a class="os-link" href="/downloads/artifacts/Oracle-Setup-0.4.25.exe">Windows Setup</a>
     </div>
+  </div>
+ </div>
 </section>
 </main>
 <script>

package/public/oracle-splash/pricing/index.html

@@ -7,7 +7,7 @@
 <link rel="icon" href="../favicon.svg" type="image/svg+xml">
 <link rel="shortcut icon" href="../favicon.ico">
 <meta name="description" content="5 basis points on fee-bearing routed swaps. Zero Oracle routing fee for Locals Only NFT holders. No seat or subscription fee.">
-<meta name="theme-color" content="#0B1018" />
+<meta name="theme-color" content="#07090D" />
 <meta name="robots" content="index,follow" />
 <meta property="og:title" content="ORACLE | The all-in-one multichain agent">
 <meta property="og:description" content="Trade, research, and build across Oracle's working chain surfaces, with extensible EVM support and self-custodial signing.">
@@ -1531,6 +1531,220 @@ footer{margin-top:clamp(64px,10vh,100px);border-top:1px solid var(--line);paddin
  .chapter-tab{position:static}
  .stack-meter i{transform:scaleX(1)}
 }
+/* ── makeover layer: signal, then signature ─────────────────────────────
+   One idea for the whole site: the page resolves from a wide quiet field (the
+   orb, the big serif statement) to one precise line you can act on (the
+   install command). Oversized light serif for statements, mono ledgers for
+   facts, hairline rules instead of boxes, one ice accent used sparingly.
+   Appended last so it wins by order; earlier rules stay for tests and for the
+   focused pages that still use them. */
+:root{
+ --bg:#07090D;
+ --panel:#0C1017;
+ --panel-2:#10151E;
+ --ink:#EEF2F6;
+ --cool:#B9C6D3;
+ --mute:#7F8FA1;
+ --line:rgba(185,210,235,.10);
+ --line-2:rgba(185,210,235,.18);
+ --bone:#E6E1D6;
+ --mk-rule:rgba(185,210,235,.12);
+ --mk-ease:cubic-bezier(.16,1,.3,1);
+ --mk-measure:66ch;
+ --mk-body:clamp(16.5px,.35vw + 15px,18.5px);
+ --mk-h2:clamp(44px,5.4vw + 12px,104px);
+ --mk-h3:clamp(24px,1.3vw + 18px,36px);
+ --max:1280px;
+}
+html{background:var(--bg)}
+body{background:var(--bg);color:var(--ink);font-size:var(--mk-body)}
+.grain{opacity:.055}
+#gl{opacity:.22}
+.scroll-craft{opacity:.38}
+.craft-grid{opacity:.1}
+.craft-orbit{opacity:.5}
+
+/* nav: solid, hairline, no frosted glass */
+.nav{background:rgba(7,9,13,.94);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-bottom:1px solid var(--mk-rule);padding-block:16px}
+.nav-links{font-size:13px;letter-spacing:.14em}
+.nav-links a.nav-download{background:var(--ink);color:#07090D;border-radius:2px;box-shadow:none}
+.nav-links a.nav-download:hover{background:var(--blue2);color:#07090D;box-shadow:none}
+.nav-chip{border-radius:2px}
+
+/* type system */
+.section{max-width:var(--max);padding:clamp(88px,14vh,176px) var(--pad) 0}
+.section-label{font-size:11px;letter-spacing:.32em;color:var(--mute);margin-bottom:clamp(20px,2.4vw,32px)}
+.section-label::before{content:"";width:28px;height:1px;background:var(--blue);display:inline-block}
+.section-title{font-weight:300;font-size:var(--mk-h2);line-height:.94;letter-spacing:-.035em;max-width:14ch;margin-bottom:clamp(24px,3vw,40px);color:var(--bone)}
+.section-title em{font-weight:300;color:var(--blue2)}
+.section-lede{max-width:var(--mk-measure);font-size:var(--mk-body);line-height:1.62;color:var(--cool)}
+.section-more,.cmd-hint{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
+.section-more a,.cmd-hint a{color:var(--ink);border-bottom:1px solid var(--line-2);padding-bottom:4px;transition:border-color .4s var(--mk-ease),color .4s var(--mk-ease)}
+.section-more a:hover,.cmd-hint a:hover{color:var(--blue2);border-bottom-color:var(--blue2)}
+
+/* CTAs: square, confident, one filled */
+.enter-cta{border-radius:2px;box-shadow:none;background:none;border-color:var(--line-2);font-size:11.5px;letter-spacing:.2em;padding:16px 24px}
+.enter-cta::after{content:"→"}
+.enter-cta:hover{box-shadow:none;border-color:var(--ink);transform:none}
+.enter-cta.primary{background:var(--ink);color:#07090D}
+.enter-cta.primary:hover{background:var(--blue2);box-shadow:none}
+
+/* ── home hero ── */
+.home{min-height:0;display:block;padding:clamp(28px,6vh,72px) var(--pad) 0;overflow:hidden;overflow:clip;overflow-clip-margin:0}
+.home::after{display:none}
+.home-inner{max-width:calc(var(--max) - 2 * var(--pad))}
+.hero-split{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:0;align-items:end}
+.hero-lede{--hero-measure:min(100%,820px);position:relative;z-index:3;padding-bottom:clamp(8px,2vw,24px)}
+.home-kicker{font-size:11px;letter-spacing:.32em;color:var(--mute)}
+.hero-split .home-title{font-weight:300;font-size:clamp(52px,6.6vw + 8px,124px);line-height:.9;letter-spacing:-.045em;color:var(--bone);text-shadow:none}
+.hero-split .home-title em{color:var(--blue2)}
+.hero-sub{font-size:var(--mk-body);line-height:1.62;max-width:56ch;color:var(--cool);text-shadow:none;margin-top:clamp(22px,2.6vw,34px)}
+.hero-product{margin-left:clamp(-160px,-9vw,-40px);overflow:visible}
+.hero-product figcaption{font-size:10.5px;letter-spacing:.3em;color:var(--mute)}
+.hero-note-line{letter-spacing:.2em}
+
+/* the ridge field fades out above the installer instead of running through it */
+.hero-ridge{top:34%;height:clamp(200px,34vh,380px);opacity:.55;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent),linear-gradient(180deg,#000 55%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
+
+/* installer: a terminal line, not a card */
+.hero-installer{position:relative;z-index:3;max-width:none;margin-top:clamp(48px,6vw,88px);border:0;border-top:1px solid var(--mk-rule);border-radius:0;background:var(--bg);box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:clamp(20px,3vw,48px)}
+.hero-install-tabs{border-bottom:0;padding:0;grid-column:1/-1}
+.hero-install-tab{border-radius:0}
+.hero-install-panel{grid-column:1;padding:18px 0 20px;min-width:0}
+.hero-install-command{background:none;border:0;padding:0;justify-content:flex-start;gap:clamp(16px,2vw,32px)}
+.hero-install-command code{font-size:clamp(14px,1vw + 8px,22px);color:var(--ink)}
+.hero-install-command code::before{content:"$ ";color:var(--blue)}
+.hero-install-meta{display:none}
+.hero-installer .os-dl{margin:0;gap:0;grid-column:2;grid-row:2;align-self:center}
+.os-dl{gap:0}
+.os-link{border-radius:0;border:0;border-left:1px solid var(--mk-rule);padding:12px 18px;color:var(--cool);font-size:11px;letter-spacing:.16em;transition:color .35s var(--mk-ease)}
+.os-link:first-child{border-left:0}
+.os-link:hover{color:var(--blue2)}
+.os-link::after{content:" ↓";color:var(--blue)}
+
+/* stats: a ledger row, figures in the display face */
+.home-stats{margin:0;border:0;border-top:1px solid var(--mk-rule);border-bottom:1px solid var(--mk-rule);border-radius:0;padding-top:0;gap:0;background:var(--bg);box-shadow:none;overflow:visible}
+.home-stat{background:none;border-left:1px solid var(--mk-rule);padding:clamp(22px,2.6vw,36px) clamp(16px,2vw,28px);min-height:0}
+.home-stat:first-child{border-left:0;padding-left:0}
+.home-stat b{font-weight:300;font-size:clamp(40px,3.4vw + 10px,76px);letter-spacing:-.04em;color:var(--bone)}
+.home-stat span{font-size:10.5px;letter-spacing:.2em;margin-top:12px}
+
+/* ── steps: an editorial ledger ── */
+#steps .steps-grid{grid-template-columns:1fr;gap:0;margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--mk-rule)}
+#steps .step-card{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr) minmax(0,1.5fr);column-gap:clamp(20px,3vw,56px);align-items:baseline;padding:clamp(24px,3vw,40px) 0;border-top:0;border-bottom:1px solid var(--mk-rule);transition:background .5s var(--mk-ease)}
+#steps .step-card:hover{background:linear-gradient(90deg,rgba(159,211,255,.035),transparent 70%)}
+#steps .step-card .n{font-size:11px;letter-spacing:.26em;color:var(--mute);margin:0}
+#steps .step-card h3{font-family:var(--display);font-weight:300;font-size:var(--mk-h3);line-height:1.05;letter-spacing:-.02em;color:var(--bone);margin:0}
+#steps .step-card p{font-size:var(--mk-body);line-height:1.6;color:var(--cool);max-width:52ch}
+#steps .step-card:last-child h3{color:var(--blue2);font-style:italic}
+
+/* ── reach ── */
+.mk-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,6vw,120px);align-items:end}
+.mk-split > .mk-head{grid-column:1}
+.mk-split > .mk-aside{grid-column:2;padding-bottom:clamp(8px,1vw,16px)}
+.mk-split > .mk-full{grid-column:1/-1}
+#reach .venues{margin-top:clamp(40px,5vw,72px);border:0;border-top:1px solid var(--mk-rule);border-bottom:1px solid var(--mk-rule);border-radius:0;background:none}
+#reach .venues-head{padding:14px 0;border-bottom:1px solid var(--mk-rule);letter-spacing:.24em}
+#reach .marquee{padding-block:6px}
+#reach .chip{background:none;border-color:transparent}
+.reach-cols{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,96px);margin-top:clamp(40px,5vw,72px)}
+.reach-cols .venues-head{padding:0 0 14px;border-bottom:1px solid var(--mk-rule);font-size:11px;letter-spacing:.26em;color:var(--mute);background:none}
+.reach-cols > div{min-width:0}
+.mk-index{list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;row-gap:.12em;margin-top:18px;font-family:var(--display);font-weight:300;font-size:clamp(22px,1vw + 16px,32px);line-height:1.3;letter-spacing:-.015em;color:var(--bone)}
+.mk-index li{display:block;white-space:nowrap}
+.mk-index li:not(:last-child)::after{content:"/";margin:0 .32em 0 .38em;color:var(--blue-dim);font-style:normal}
+.mk-index li i{font-family:var(--mono);font-style:normal;font-size:.38em;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);vertical-align:.5em;margin-left:.3em}
+.mk-index li.mk-open{color:var(--blue2);font-style:italic}
+
+/* ── custody and cost: two statements, not two boxes ── */
+#explore .moat-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;background:none;border:0;border-radius:0;overflow:visible;border-top:1px solid var(--mk-rule);border-bottom:1px solid var(--mk-rule);margin-top:clamp(40px,5vw,72px)}
+#explore .moat-card{background:none;border:0;border-radius:0;min-height:0;padding:clamp(32px,4vw,64px) clamp(0px,3vw,56px) clamp(32px,4vw,56px) 0;display:flex;flex-direction:column;gap:18px;transition:background .5s var(--mk-ease)}
+#explore .moat-card + .moat-card{border-left:1px solid var(--mk-rule);padding-left:clamp(24px,4vw,64px)}
+#explore .moat-card:hover{background:linear-gradient(180deg,rgba(159,211,255,.04),transparent 80%)}
+#explore .moat-card .n{color:var(--mute);letter-spacing:.26em}
+#explore .moat-card h3{font-weight:300;font-size:clamp(34px,2.6vw + 14px,64px);line-height:.98;letter-spacing:-.035em;color:var(--bone)}
+#explore .moat-card p{font-size:var(--mk-body);line-height:1.6;max-width:44ch}
+.mk-go{margin-top:auto;padding-top:10px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue2)}
+.mk-go::after{content:" →";transition:margin .4s var(--mk-ease)}
+.moat-card:hover .mk-go::after{margin-left:6px}
+
+/* ── cli: the single line ── */
+.cli-section .cli-install{margin:clamp(8px,1vw,16px) 0 clamp(28px,3vw,44px)}
+.cli-install-cmd{border:0;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);border-radius:0;background:none;padding:clamp(20px,2.4vw,32px) 0;width:100%;max-width:none}
+.cli-install-cmd code{font-size:clamp(16px,1.6vw + 6px,34px);letter-spacing:-.01em;color:var(--ink)}
+.cli-install-cmd code::before{content:"$ ";color:var(--blue)}
+.cli-install-hint{margin-top:14px;letter-spacing:.2em}
+.convert-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr);gap:clamp(28px,4vw,72px);margin-top:clamp(40px,5vw,72px);align-items:start}
+.cli-frame{border-radius:2px;border-color:var(--mk-rule);box-shadow:0 40px 120px rgba(0,0,0,.55)}
+.cli-cap{letter-spacing:.24em;margin-top:14px}
+.convert-copy p{font-size:var(--mk-body);line-height:1.62}
+.convert-pills{display:block;margin-top:8px;border-top:1px solid var(--mk-rule)}
+.convert-pills span{display:flex;justify-content:space-between;align-items:center;border:0;border-bottom:1px solid var(--mk-rule);border-radius:0;padding:13px 0;background:none;color:var(--cool);font-size:11px;letter-spacing:.2em}
+.convert-pills span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);opacity:.7}
+
+/* desktop app: image left, copy and downloads beside it */
+.mk-desk{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.75fr);gap:clamp(28px,4vw,72px);align-items:end;margin-top:clamp(96px,12vw,176px);padding-top:clamp(40px,5vw,72px);border-top:1px solid var(--mk-rule)}
+.mk-desk .app-shot{margin:0;grid-column:1;grid-row:1/3}
+.mk-desk .app-shot img{border-radius:2px;border-color:var(--mk-rule);box-shadow:0 40px 120px rgba(0,0,0,.6)}
+.mk-desk .app-shot-title{grid-column:2;margin:0;font-size:clamp(40px,3.2vw + 12px,76px);max-width:9ch}
+.mk-desk .app-shot-title sup{font-family:var(--mono);font-size:11px!important;letter-spacing:.22em;text-transform:uppercase;vertical-align:1.6em;margin-left:.3em}
+.mk-desk .mk-desk-copy{grid-column:2;display:flex;flex-direction:column;gap:22px}
+.mk-desk .mk-desk-copy p{color:var(--cool);font-size:var(--mk-body);line-height:1.6}
+.mk-desk .os-dl{flex-direction:column;margin:0;border-top:1px solid var(--mk-rule)}
+.mk-desk .os-link{border-left:0;border-bottom:1px solid var(--mk-rule);padding:15px 0;display:flex;justify-content:space-between}
+
+/* footer */
+footer{margin-top:clamp(120px,16vw,220px);border-top:1px solid var(--mk-rule);padding-block:36px 44px}
+
+/* focused pages inherit the same voice */
+.moat-grid{border-radius:2px}
+.moat-grid .moat-card{border-radius:0;background:rgba(12,16,23,.6);border-color:var(--mk-rule)}
+.moat-card h3{font-weight:300;letter-spacing:-.02em;color:var(--bone)}
+.surface-keep-card,.chain{border-radius:2px}
+
+@media (max-width:1100px){
+ .hero-split{grid-template-columns:1fr}
+ .hero-product{margin:clamp(-40px,-4vw,-16px) auto 0;max-width:520px}
+ .hero-installer{grid-template-columns:1fr}
+ .hero-installer .os-dl{grid-column:1;grid-row:auto;margin-bottom:14px}
+ .mk-split{grid-template-columns:1fr}
+ .mk-split > .mk-aside{grid-column:1;margin-top:8px}
+ .mk-desk{grid-template-columns:1fr}
+ .mk-desk .app-shot,.mk-desk .app-shot-title,.mk-desk .mk-desk-copy{grid-column:1;grid-row:auto}
+ .mk-desk .app-shot-title{max-width:none}
+ .convert-grid{grid-template-columns:1fr}
+}
+@media (max-width:860px){
+ #steps .step-card{grid-template-columns:1fr;row-gap:10px}
+ .reach-cols{grid-template-columns:1fr}
+ #explore .moat-grid{grid-template-columns:1fr}
+ #explore .moat-card{padding-right:0}
+ #explore .moat-card + .moat-card{border-left:0;border-top:1px solid var(--mk-rule);padding-left:0}
+}
+@media (max-width:620px){
+ .section{padding-top:clamp(72px,12vh,112px)}
+ .hero-split .home-title{font-size:clamp(44px,12.5vw,64px)}
+ .home-stat{padding:20px 14px}
+ .home-stat:nth-child(odd){border-left:0;padding-left:0}
+ .home-stat:nth-child(n+3){border-top:1px solid var(--mk-rule)}
+ .hero-installer .os-dl,.os-dl{flex-direction:column;width:100%}
+ .os-link{border-left:0;border-bottom:1px solid var(--mk-rule);padding:14px 0}
+ .cli-install-cmd code{white-space:normal;overflow-wrap:anywhere}
+ .enter-cta{max-width:none}
+}
+@media (max-width:560px){
+ .home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
+ .home-stat{padding:20px 0 20px 16px}
+ .home-stat:nth-child(odd){padding-left:0}
+ .home-stat b{font-size:clamp(34px,10vw,44px)}
+ .hero-install-command{flex-direction:column;align-items:flex-start;gap:10px}
+ .hero-install-command code{white-space:normal;overflow-wrap:anywhere;font-size:15px}
+ .hero-kicker,.home-kicker{letter-spacing:.24em}
+}
+@media (prefers-reduced-motion:reduce){
+ #steps .step-card,#explore .moat-card,.mk-go::after{transition:none}
+}
+/* ── end makeover layer ── */
 </style>
 </head>
 <body>