@oracle-agent/oracle 0.35.50 → 0.35.51

package/public/oracle-splash/security/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="Public routing stays unsigned. Self-hosted keys stay local behind bound grants, evidence, and fail-closed policy.">
-<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>

package/public/oracle-splash/what-it-does/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="Read, route, bound, prepare, sign. The five steps between your instruction and a signed transaction.">
-<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>