/* Oracle site v3. One stylesheet for every marketing page; /docs/ and /eval/ load it for the
   header, footer and tokens. The system is written down in packages/oracle/docs/site-design.md;
   change both together. */

:root{
 /* Planes */
 --plane:#07090D;
 --plane-2:#0B1018;
 --plane-3:#111925;
 --bone:#E6E1D6;            /* the signature band */
 --bone-ink:#10141B;
 --bone-ink-2:#2B323C;
 --term-bg:#11161B;         /* the TUI's own painted background */
 /* Ink */
 --ink:#E6E1D6;
 --text:#D2DCE5;
 --text-2:#B9C5D1;
 /* Accents, one meaning each */
 --blue:#7CC4FF;            /* interactive: links, focus, selected, current page */
 --blue-ink:#A7D8FF;
 --teal:#50D2C1;            /* you sign: the Sign step and nothing else */
 /* The one border rule and the one radius */
 --rule:rgba(167,216,255,.14);
 --rule-strong:rgba(167,216,255,.26);
 --radius:8px;
 /* Faces */
 --display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
 --sans:"Outfit",system-ui,-apple-system,"Segoe UI",sans-serif;
 --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
 --term:ui-monospace,"SF Mono",Menlo,Consolas,"DejaVu Sans Mono","Liberation Mono",monospace;
 /* Type scale */
 --t-hero:clamp(40px,6.4vw,92px);
 --t-close:clamp(92px,29vw,452px);
 --t-giant:clamp(72px,9vw,136px);
 --t-page:clamp(44px,5.4vw,80px);
 --t-h2:clamp(34px,3.8vw,56px);
 --t-h3:clamp(24px,2vw,30px);
 --t-lead:clamp(18px,1.45vw,21px);
 --t-body:17px;
 --t-small:15px;
 --t-code:14.5px;
 /* Spacing scale */
 --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;
 /* Grid */
 --max:1200px;
 --gutter:clamp(20px,5vw,64px);
 --gap:var(--s6);
 --section:clamp(56px,5.6vw,84px);
 --header:68px;
 /* Motion */
 --ease:cubic-bezier(.16,1,.3,1);
 --fast:160ms;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--plane);color:var(--text);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header) + 16px);overflow-x:clip;scroll-behavior:smooth}
body{margin:0;min-height:100vh;font:400 var(--t-body)/1.6 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;display:flex;flex-direction:column}
main{flex:1 0 auto}
img,video,svg{display:block;max-width:100%}
img,video{height:auto}
[hidden]{display:none!important}
h1,h2,h3,p,ul,ol,figure,dl,dd,pre{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
code,kbd{font-family:var(--mono)}
::selection{background:rgba(124,196,255,.3);color:var(--ink)}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:2px}
html{scrollbar-color:#2a3a4d var(--plane)}
.skip{position:fixed;left:var(--s4);top:var(--s3);z-index:100;padding:var(--s2) var(--s4);background:var(--ink);color:var(--plane);border-radius:var(--radius);transform:translateY(-200%)}
.skip:focus{transform:none}
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ---------- The one grid: 12 columns, one gap, one left edge ---------- */
.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:var(--s7)}
.s-2{grid-column:span 2}.s-3{grid-column:span 3}.s-4{grid-column:span 4}.s-5{grid-column:span 5}.s-6{grid-column:span 6}
.s-7{grid-column:span 7}.s-8{grid-column:span 8}.s-12{grid-column:1/-1}
.from-7{grid-column-start:7}.from-8{grid-column-start:8}
/* Sections are separated by space and a change of plane, never by a full width line. */
.section{padding:var(--section) 0}
.section.raised{background:var(--plane-2)}
.section.tight{padding-top:0}
.after-lead{margin-top:var(--s5)}
.after-head{margin-top:var(--s4)}
.after-block{margin-top:var(--s6)}
.after-section{margin-top:var(--s8)}

/* ---------- Type ---------- */
h1,h2,h3{font-family:var(--display);font-weight:300;color:var(--ink);text-wrap:balance}
h1{font-size:var(--t-page);line-height:1;letter-spacing:-.025em}
h2{font-size:var(--t-h2);line-height:1.04;letter-spacing:-.018em}
h3{font-size:var(--t-h3);line-height:1.15;font-weight:400;letter-spacing:-.005em}
.lead{font-size:var(--t-lead);line-height:1.55;color:var(--text);text-wrap:pretty}
p{text-wrap:pretty}
.small,.caption{font-size:var(--t-small);line-height:1.55;color:var(--text-2)}
.caption{margin-top:var(--s4)}
.prose a,.link{color:var(--blue-ink);text-decoration:underline;text-decoration-color:rgba(124,196,255,.45);text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--fast),text-decoration-color var(--fast)}
.prose a:hover,.link:hover{color:var(--ink);text-decoration-color:var(--ink)}
code.inline{font-size:max(13px,.86em);color:var(--ink);background:var(--plane-3);border:1px solid var(--rule);border-radius:var(--radius);padding:1px 6px;white-space:nowrap}
.giant{display:block;font:300 var(--t-giant)/.84 var(--display);letter-spacing:-.045em;color:var(--ink);font-variant-numeric:lining-nums}
.giant small{font-size:.3em;letter-spacing:0;margin-left:.1em}

/* Section head on the grid: the heading, then its explanation under it on a reading measure.
   A figure aside (.count) keeps the right-hand column. */
.head{margin-bottom:var(--s7);align-items:start;row-gap:var(--s4)}
.head h2,.head .head-copy{grid-column:span 7}
.head h2{max-width:22ch}
.head .head-copy h2{max-width:none}
.head .aside{grid-column:1/span 8;padding-top:0}
.head .aside .lead{max-width:58ch;text-wrap:pretty}
/* pretty cannot move a long unbreakable link token off the last line; a lead ending in one is balanced instead. */
.head .aside .lead:has(> a:last-child){text-wrap:balance}
.head .aside .more{margin-top:var(--s4)}
.head.solo h2{grid-column:span 9;max-width:24ch}

/* ---------- Links and buttons ---------- */
.more{display:inline-block;color:var(--blue-ink);font-weight:500;font-size:16px;transition:color var(--fast)}
.more::after{content:"";display:inline-block;vertical-align:middle;width:18px;height:1px;margin-left:var(--s2);background:currentColor;transition:width var(--fast) var(--ease)}
.more:hover{color:var(--ink)}
.more:hover::after{width:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:48px;padding:0 var(--s5);border-radius:var(--radius);font-weight:500;font-size:16px;border:1px solid var(--rule-strong);color:var(--ink);transition:background var(--fast),border-color var(--fast),color var(--fast),transform var(--fast) var(--ease)}
.btn:hover{border-color:var(--blue);color:var(--blue-ink)}
.btn:active{transform:scale(.98)}
.btn.solid{background:var(--ink);color:var(--plane);border-color:var(--ink)}
.btn.solid:hover{background:#fff;border-color:#fff;color:var(--plane)}
.btn svg{width:14px;height:14px}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(7,9,13,.9);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid var(--rule)}
.site-header .wrap{height:var(--header);display:flex;align-items:center;gap:var(--s6)}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);font:400 27px/1 var(--display);letter-spacing:-.01em;margin-right:auto}
.brand .mark{width:30px;height:30px;flex:none}
.brand .tag{font:500 13px/1 var(--mono);color:var(--text);border:1px solid var(--rule-strong);border-radius:var(--radius);padding:4px 6px;margin-left:2px;transform:translateY(1px)}
.mark ellipse{fill:none;stroke:var(--blue);stroke-width:5;opacity:.8}
.mark .ring2{opacity:.45}
.mark circle{fill:var(--blue)}
.menu{display:flex;align-items:center;gap:var(--s2)}
.menu-group{position:relative}
.menu-trigger{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 var(--s3);border-radius:var(--radius);color:var(--text);font-size:16px;transition:color var(--fast),background var(--fast)}
.menu-trigger svg{width:10px;height:10px;transition:transform var(--fast) var(--ease)}
.menu-trigger:hover,.menu-group[data-open] .menu-trigger{color:var(--ink);background:var(--plane-3)}
.menu-group[data-open] .menu-trigger svg{transform:rotate(180deg)}
.menu-trigger.is-current{color:var(--ink)}
.menu-trigger.is-current::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue);margin-right:2px}
.menu-panel{position:absolute;top:calc(100% + 8px);left:-8px;min-width:330px;padding:var(--s2);background:var(--plane-2);border:1px solid var(--rule-strong);border-radius:var(--radius);box-shadow:0 18px 48px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--fast) var(--ease),transform var(--fast) var(--ease),visibility 0s linear var(--fast)}
/* Open states are desktop only; in the drawer the panels follow the drawer's visibility. */
@media (min-width:961px){
 .menu-group[data-open] .menu-panel,.no-js .menu-group:hover .menu-panel,.no-js .menu-group:focus-within .menu-panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
 /* Hover bridge over the 8px gap, so the pointer never leaves the group on its way to the first link. */
 .menu-panel::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:12px}
}
.menu-panel a{display:block;padding:10px var(--s3);border-radius:var(--radius);transition:background var(--fast)}
.menu-panel a:hover,.menu-panel a:focus-visible{background:var(--plane-3)}
.menu-panel b{display:block;font-weight:500;color:var(--ink);font-size:16px}
.menu-panel span{display:block;font-size:14.5px;color:var(--text-2);line-height:1.45;margin-top:2px}
.menu-panel a[aria-current="page"] b::after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-left:8px;vertical-align:middle}
.header-cta{height:40px;padding:0 var(--s4);font-size:15.5px}
.nav-toggle{display:none;width:44px;height:44px;border-radius:var(--radius);align-items:center;justify-content:center}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{display:block;width:18px;height:1.5px;background:var(--ink);position:relative;transition:transform var(--fast) var(--ease),background var(--fast)}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0}
.nav-toggle span::before{top:-6px}
.nav-toggle span::after{top:6px}
.site-header[data-open] .nav-toggle span{background:transparent}
.site-header[data-open] .nav-toggle span::before{transform:translateY(6px) rotate(45deg)}
.site-header[data-open] .nav-toggle span::after{transform:translateY(-6px) rotate(-45deg)}
.drawer-label{display:none}
@media (min-width:961px){.menu .drawer-cta{display:none}}

/* ---------- Hero: the headline, the install line and the orb ---------- */
.hero{position:relative;overflow:hidden;min-height:min(calc(100svh - var(--header)),720px);display:flex;align-items:center;padding:var(--s8) 0 var(--s7)}
.hero .wrap{position:relative;z-index:2}
.hero-copy{max-width:820px}
.hero h1{font-size:var(--t-hero);line-height:.96;letter-spacing:-.032em}
.hero h1 .line{display:block;white-space:nowrap}
.hero h1 .line+.line{font-style:italic;color:#F1EDE4}
.hero-measure{width:max-content;max-width:100%}
.hero-measure .lead{width:0;min-width:100%;margin-top:var(--s6);font-size:clamp(18px,1.55vw,22px);line-height:1.5}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3) var(--s6);margin-top:var(--s7)}
.orb{position:absolute;z-index:1;top:50%;right:calc(max(var(--gutter),(100vw - var(--max)) / 2) - 5vw);width:clamp(340px,33vw,520px);aspect-ratio:1;margin:0;transform:translateY(-50%);pointer-events:none;mix-blend-mode:screen}
.orb::before{content:"";position:absolute;inset:16%;border-radius:50%;background:radial-gradient(closest-side,rgba(124,196,255,.2),rgba(124,196,255,.05) 60%,transparent)}
.orb img,.orb video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.orb video{opacity:0;transition:opacity 1.2s var(--ease)}
.orb video.is-playing{opacity:1}

/* Command bar: tabs, one command, copy */
.cmdbar{display:flex;flex-direction:column;margin-top:var(--s6);max-width:620px;border:1px solid var(--rule-strong);border-radius:var(--radius);background:rgba(11,16,24,.86)}
.cmd-tabs{display:flex;flex:none;border-bottom:1px solid var(--rule);padding:var(--s1)}
.cmd-tab{height:34px;padding:0 var(--s3);border-radius:6px;font-size:14.5px;white-space:nowrap;color:var(--text-2);transition:color var(--fast),background var(--fast)}
.cmd-tab:hover{color:var(--ink)}
.cmd-tab[aria-selected="true"]{color:var(--ink);background:#1B2736;box-shadow:inset 0 -2px 0 var(--blue)}
.cmd-panel{display:flex;align-items:center;gap:var(--s4);min-width:0;padding:var(--s3) var(--s3) var(--s3) var(--s4)}
.cmd-panel code{flex:1;min-width:0;font-size:14.5px;line-height:1.5;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.cmd-panel code::before{content:"$ ";color:var(--text-2)}
.cmd-panel.ps code::before{content:"PS> "}
.copy{flex:none;height:40px;min-width:76px;padding:0 var(--s4);border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--plane-3);font-size:15px;font-weight:500;color:var(--ink);transition:border-color var(--fast),color var(--fast),transform var(--fast) var(--ease)}
.copy:hover{border-color:var(--blue);color:var(--blue-ink)}
.copy:active{transform:scale(.97)}
.copy[data-state="done"]{color:var(--blue-ink);border-color:var(--blue)}
.desk-line{margin-top:var(--s4);font-size:15.5px;color:var(--text-2)}
.desk-line a{color:var(--blue-ink);text-decoration:underline;text-decoration-color:rgba(124,196,255,.4);text-underline-offset:3px;transition:color var(--fast)}
.desk-line a:hover{color:var(--ink)}
.install-note{margin-top:var(--s4);font-size:15.5px;color:var(--text-2)}

/* ---------- Terminal window: real TUI text in the TUI's own colours ---------- */
.term-window{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--term-bg);overflow:hidden;box-shadow:0 48px 120px -48px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.4)}
.term-bar{display:flex;align-items:center;gap:var(--s4);padding:0 var(--s3) 0 var(--s5);min-height:52px;border-bottom:1px solid var(--rule);background:#0D1116}
.term-title{font:500 14px/1 var(--mono);color:var(--text-2);margin-right:auto;white-space:nowrap}
.term-tabs{display:flex;gap:var(--s1);overflow-x:auto;scrollbar-width:none}
.term-tab{height:36px;padding:0 var(--s3);border-radius:var(--radius);font-size:15px;white-space:nowrap;color:var(--text-2);transition:color var(--fast),background var(--fast)}
.term-tab:hover{color:var(--ink)}
.term-tab[aria-selected="true"]{color:var(--ink);background:#1B2736;box-shadow:inset 0 -2px 0 var(--blue)}
.term-panel{padding:var(--s5) var(--s6);container-type:inline-size}
.term{font-family:var(--term);color:#B3C2CE;white-space:pre;line-height:1.2;font-variant-ligatures:none;tab-size:4;overflow:hidden}
.term.c120{font-size:max(13px,min(16px,calc(100cqi / 120 / .61)))}
.term.c40{font-size:max(13px,min(15px,calc(100cqi / 40 / .61)))}
.term.c42{font-size:max(13px,min(15px,calc(100cqi / 42 / .61)))}
.term.c104{font-size:max(13px,min(16px,calc(100cqi / 104 / .61)))}
.term.c52{font-size:max(13px,min(15px,calc(100cqi / 52 / .61)))}
.term.narrow{display:none}
.term .tb{font-weight:700}
.term .td{opacity:.6}
.term .spin{position:relative;color:transparent}
.term .spin::after{content:"⠋";position:absolute;left:0;top:0;color:#B8F0FF}
/* AA contrast: the TUI composer placeholder (#7c8e9c on #1a2a35) is lifted one step on the web. */
.term .g1a2a35.f7c8e9c{color:#9DAEBB}
.frame{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--term-bg);padding:var(--s5);container-type:inline-size;overflow:hidden}

/* Product strip under the terminal: where the same agent runs */
.runs{margin-top:var(--s7)}
.col{border-top:1px solid var(--rule-strong);padding-top:var(--s5);display:flex;flex-direction:column}
.col h3{margin-bottom:var(--s3)}
.col p{color:var(--text)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s4)}
.chips li{font-size:15px;color:var(--ink);border:1px solid var(--rule);border-radius:var(--radius);padding:5px 10px;background:rgba(7,9,13,.4)}
.col .cmdline{margin-top:auto;padding-top:var(--s5);font:400 14.5px/1.5 var(--mono);color:var(--ink)}
.col .cmdline::before{content:"$ ";color:var(--text-2)}

/* ---------- What it does: three groups on one grid, one top rule, one heading line ---------- */
.groups{row-gap:var(--s7)}
.group{border-top:1px solid var(--rule-strong);padding-top:var(--s5)}
.group h3{font-size:clamp(30px,2.6vw,38px);font-weight:300;letter-spacing:-.015em}
.group p{margin-top:var(--s3);font-size:16.5px;color:var(--text);max-width:34ch;min-height:4.95em}
.group ul{margin-top:var(--s4)}
.group li{padding:9px 0;border-top:1px solid var(--rule);font-size:16px;line-height:1.5;color:var(--ink)}
.group li code.inline{padding:0 6px;line-height:1.35;font-size:max(13px,.86em)}

/* ---------- The signature band: full-bleed bone, the one place teal means "you sign" ---------- */
.band{background:var(--bone);color:var(--bone-ink)}
.band h2,.band h3{color:var(--bone-ink)}
.band .lead{color:var(--bone-ink-2)}
.band .link,.band .more{color:var(--bone-ink);text-decoration-color:rgba(16,20,27,.45)}
.band :focus-visible{outline-color:var(--bone-ink)}
.band .head h2{font-size:clamp(38px,4.6vw,68px);max-width:none}
.head h2 .line,.start h2 .line{display:block}
.path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--gap);position:relative;margin-top:var(--s2)}
.path::before{content:"";position:absolute;left:28px;right:calc(20% - 28px);top:27px;height:2px;background:var(--bone-ink);opacity:.5}
.path li{position:relative}
.node{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:2px solid var(--bone-ink);background:var(--bone)}
.node::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--bone-ink)}
.path h3{margin-top:var(--s5);font-size:clamp(28px,2.6vw,38px);font-weight:400}
.path p{margin-top:var(--s3);font-size:17px;line-height:1.55;color:var(--bone-ink-2);max-width:24ch}
.path .is-sign .node{background:var(--teal);border-color:var(--bone-ink)}
.path .is-sign .node::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--teal);opacity:.55}
.path .is-sign .node::after{width:18px;height:10px;border-radius:0;background:none;border-left:2px solid var(--bone-ink);border-bottom:2px solid var(--bone-ink);transform:translateY(-2px) rotate(-45deg)}
.path .is-sign h3{font-weight:500}
.path .is-sign p{color:var(--bone-ink)}
.band-foot{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid rgba(16,20,27,.22);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--s3) var(--s6);font-size:var(--t-body);color:var(--bone-ink)}

/* ---------- Ledger rows on the grid ---------- */
.ledger{border-top:1px solid var(--rule-strong)}
.ledger>div{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding:var(--s5) 0;border-bottom:1px solid var(--rule)}
.ledger dt,.ledger .k{grid-column:span 4;color:var(--ink);font:400 var(--t-h3)/1.2 var(--display)}
.ledger dd,.ledger .v{grid-column:span 8;color:var(--text);font-size:17px}
.ledger dd p+p{margin-top:var(--s2)}
.ledger h2.k{font:400 var(--t-h3)/1.2 var(--display);letter-spacing:0}

/* ---------- Counts and figures ---------- */
.count{border-top:1px solid var(--rule-strong);padding-top:var(--s5)}
.count b{display:block;font:300 clamp(56px,6vw,92px)/.9 var(--display);color:var(--ink);letter-spacing:-.035em;font-variant-numeric:lining-nums}
.count span{display:block;margin-top:var(--s3);font-size:16px;color:var(--text)}
.count span span{display:inline;margin:0}
.head .count{grid-column:8/span 5;padding-top:var(--s5)}
.figures .figure{border-top:1px solid var(--rule-strong);padding-top:var(--s5)}
.figures span{display:block;margin-top:var(--s4);font-size:16.5px;color:var(--text);max-width:26ch}

/* Protocol logos: one treatment, monochrome at 60 percent, uniform height, colour on hover */
.logos{margin-top:var(--s7);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 4%,#000 20%,#000 80%,transparent 96%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,transparent 4%,#000 20%,#000 80%,transparent 96%,transparent 100%)}
.logos .row{display:flex;width:max-content;animation:drift var(--drift,140s) linear infinite}
.logos .row+.row{margin-top:var(--s2);animation-direction:reverse}
.logos:hover .row{animation-play-state:paused}
.logo{display:inline-flex;align-items:center;gap:10px;height:64px;padding:0 30px;white-space:nowrap;color:var(--ink);font-size:16px;opacity:.6;filter:grayscale(1);transition:opacity var(--fast),filter var(--fast)}
.logo:hover,.logo:focus-visible{opacity:1;filter:none}
.logo img{flex:none;height:24px;width:auto;max-width:none}
/* Opaque avatar logos ship as keyed monochrome marks (brand/mono/); the original colour logo shows on hover or focus. */
.logo img.color{display:none;border-radius:50%}
.logo:hover img.mono,.logo:focus-visible img.mono{display:none}
.logo:hover img.color,.logo:focus-visible img.color{display:block}
.logo img.round{width:26px;border-radius:50%;object-fit:cover}
.logo img.wm{filter:brightness(0) invert(1)}
.logo:hover img.wm,.logo:focus-visible img.wm{filter:none}
@keyframes drift{to{transform:translateX(-50%)}}
.logos .dup{display:contents}
.coverage-foot{margin-top:var(--s6);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:var(--s3) var(--s6)}
.wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--rule)}
.wall .logo{height:76px;padding:0 var(--s4) 0 0;border-bottom:1px solid var(--rule);overflow:hidden}
.wall .logo span{overflow:hidden;text-overflow:ellipsis}
.wall .logo img.wm,.wall .logo img.mono{max-width:calc(100% - var(--s4));height:auto;max-height:24px;object-fit:contain;object-position:left center}

/* ---------- Closing: get Oracle ---------- */
.start h2{font-size:clamp(38px,4.2vw,60px)}
.start .lead{margin-top:var(--s5);max-width:38ch}
.fee-line{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--rule);font-size:16.5px;color:var(--ink)}
.start .actions{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:center;margin-top:var(--s6)}
.shot{border:1px solid var(--rule-strong);border-radius:var(--radius);overflow:hidden;background:var(--plane-2);box-shadow:0 48px 120px -56px rgba(0,0,0,.95)}
.shot img{width:100%}
.start .grid{align-items:center}

/* ---------- Inner page head: words left, the page's own object right ---------- */
.page-head{padding:clamp(56px,7vw,104px) 0 clamp(40px,4.5vw,64px)}
.page-head + .section{padding-top:var(--s7)}
.page-head + .section.raised{padding-top:var(--section)}
.page-head .grid{align-items:center}
.page-head .measure{grid-column:span 6}
.page-head.solo .measure{grid-column:span 10}
.page-head h1{margin-bottom:var(--s5);max-width:14ch}
.page-head.solo h1{max-width:none;font-size:clamp(48px,6.4vw,96px)}
.page-head .lead{max-width:44ch}
.page-head.solo .lead{max-width:62ch}
.page-head .art{grid-column:8/span 5}
.page-head .art.wide{grid-column:8/span 5}

/* ---------- Columns of links ---------- */
.links a{display:block;border-top:1px solid var(--rule-strong);padding-top:var(--s5);transition:border-color var(--fast)}
.links a:hover{border-top-color:var(--blue)}
.links b{display:flex;align-items:center;justify-content:space-between;font:400 var(--t-h3)/1.2 var(--display);color:var(--ink)}
.links b svg{width:15px;height:15px;color:var(--blue-ink);flex:none;transition:transform var(--fast) var(--ease)}
.links a:hover b svg{transform:translate(2px,-2px)}
.links span{display:block;margin-top:var(--s2);font-size:16px;color:var(--text)}

/* ---------- Panels ---------- */
.panel{position:relative;overflow:hidden;background:var(--plane-2);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--s6) var(--s7)}
.panel h3{font-size:clamp(28px,2.6vw,38px);font-weight:300}
.panel p{margin-top:var(--s3);color:var(--text);font-size:17px}

/* ---------- Cards: one short fact each, on the grid ---------- */
.cards{row-gap:var(--gap)}
.cards>.card{background:var(--plane-2);border:1px solid var(--rule);border-radius:var(--radius);padding:var(--s5)}
.cards>.card h3{font-size:var(--t-h3)}
.cards>.card p{margin-top:var(--s3);font-size:16.5px;color:var(--text)}
.cards>.card code.inline{white-space:normal;overflow-wrap:anywhere}

/* ---------- Diagram: where keys live (pure HTML and CSS) ---------- */
.diagram{margin:0}
.key-flow{display:grid;grid-template-columns:minmax(0,1fr) var(--s8) minmax(0,1fr);row-gap:var(--s4)}
.key-box{position:relative;background:var(--plane-2);border:1px solid var(--rule-strong);border-radius:var(--radius);padding:var(--s5)}
.key-box b{display:block;font:400 var(--t-h3)/1.2 var(--display);color:var(--ink)}
.key-box p{margin-top:var(--s2);font-size:16.5px;color:var(--text)}
.key-flow .key-prepare{grid-column:1;grid-row:1/span 2;display:flex;flex-direction:column;justify-content:center}
.key-flow li:nth-child(2){grid-column:3;grid-row:1}
.key-flow li:nth-child(3){grid-column:3;grid-row:2}
.key-arrow{position:absolute;right:100%;top:50%;width:var(--s8);height:1px;background:var(--text-2)}
.key-arrow::after{content:"";position:absolute;right:0;top:-4px;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent var(--text-2)}
.diagram figcaption{margin-top:var(--s5);max-width:58ch}

/* ---------- Steps: a short sequence on one rule ---------- */
.section ol.steps{position:relative;display:grid;row-gap:var(--s4)}
.section ol.steps li{position:relative;padding-left:var(--s6);font-size:var(--t-lead);line-height:1.5;color:var(--text)}
.section ol.steps li::before{content:"";position:absolute;left:0;top:.5em;width:13px;height:13px;border-radius:50%;border:2px solid var(--ink);background:var(--plane)}
.section ol.steps li:not(:last-child)::after{content:"";position:absolute;left:6px;top:calc(.5em + 13px);bottom:calc(-1 * var(--s4) - .5em);width:1px;background:var(--rule-strong)}

/* ---------- Tables ---------- */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cmd-table{width:100%;border-collapse:collapse}
.cmd-table th{text-align:left;font-weight:500;font-size:15px;color:var(--text-2);padding:0 var(--s4) var(--s3) 0;border-bottom:1px solid var(--rule-strong)}
.cmd-table td{padding:var(--s4) var(--s4) var(--s4) 0;border-bottom:1px solid var(--rule);vertical-align:top;font-size:16.5px;color:var(--text)}
.cmd-table td:first-child{color:var(--ink);white-space:nowrap}
.cmd-table code{font-size:14.5px;color:var(--ink)}
.cmd-table code.hash{display:block;font-size:13.5px;color:var(--text);word-break:break-all;min-width:30ch}
.cmd-table .copy-cell{width:1%;text-align:right;padding-right:0}
/* Prose tables: a named row, then short cells cut from one sentence each */
.cmd-table.prose td:first-child{font:400 var(--t-h3)/1.2 var(--display);white-space:normal;width:22%}
.mode-read{color:var(--text-2)}

/* ---------- Code, download list ---------- */
.codeblock{border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--plane-2);overflow:hidden}
.codeblock header{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:48px;padding:var(--s2) var(--s2) var(--s2) var(--s4);border-bottom:1px solid var(--rule);font-size:15px;color:var(--text-2)}
.codeblock pre{padding:var(--s4);overflow-x:auto;font:400 var(--t-code)/1.7 var(--mono);color:var(--ink)}
.dl-list{margin:var(--s6) 0 var(--s4);border-top:1px solid var(--rule-strong)}
.dl-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s4);align-items:center;padding:var(--s4) 0;border-bottom:1px solid var(--rule);transition:color var(--fast)}
.dl-list b{font:400 var(--t-h3)/1.2 var(--display);color:var(--ink);transition:color var(--fast)}
.dl-list span{grid-column:1;font-size:15.5px;color:var(--text)}
.dl-list svg{grid-column:2;grid-row:1/span 2;width:16px;height:16px;color:var(--blue-ink);transition:transform var(--fast) var(--ease)}
.dl-list a:hover b{color:var(--blue-ink)}
.dl-list a:hover svg{transform:translateY(2px)}
.tag-beta{font:500 13px/1 var(--mono);color:var(--text);border:1px solid var(--rule-strong);border-radius:var(--radius);padding:4px 6px;vertical-align:middle;margin-left:var(--s2);letter-spacing:0}

/* ---------- Footer: same 12 columns, then the name at full width ---------- */
.site-footer{padding:var(--s7) 0 var(--s6);margin-top:auto;background:var(--plane);border-top:1px solid var(--rule);overflow:hidden}
.foot-brand{grid-column:span 4}
.foot-map>nav{grid-column:span 2}
.foot-map h2{font:500 15px/1.4 var(--sans);color:var(--ink);letter-spacing:0;margin-bottom:var(--s3)}
.foot-map li a{display:inline-block;padding:4px 0;font-size:16px;color:var(--text);transition:color var(--fast)}
.foot-map li a:hover{color:var(--blue-ink)}
.foot-brand p{margin-top:var(--s4);font-size:16px;color:var(--text);max-width:30ch}
.foot-mark{display:flex;align-items:flex-end;gap:.1em;margin:var(--s7) 0 0;font:300 var(--t-close)/.74 var(--display);letter-spacing:-.05em;color:var(--ink);white-space:nowrap;user-select:none}
.foot-mark .mark{width:.44em;height:.44em;flex:none;margin:0 .02em .02em 0}
.foot-mark .mark ellipse{stroke-width:3.4}
.foot-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s3);margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--rule-strong);font-size:15.5px;color:var(--ink)}
.labs-link{font:italic 400 19px/1 var(--display);color:var(--blue-ink)}
.labs-link:hover{color:var(--ink)}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
 .wall{grid-template-columns:repeat(4,minmax(0,1fr))}
 .head h2{grid-column:span 7}
}
/* The 120 column frame reaches the 13px floor at 952px of content (13 x 120 x .61); below that the narrow frame shows.
   Inner page heads give their frame six columns here so a 42 column frame fits at 13px. */
@media (max-width:1140px){
 .term.wide{display:none}
 .term.narrow{display:block}
 .page-head .art,.page-head .art.wide{grid-column:7/span 6}
 .frame{padding:var(--s4)}
}
@media (max-width:960px){
 :root{--gap:var(--s5)}
 .site-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--plane)}
 .site-header .wrap{gap:var(--s3)}
 .nav-toggle{display:inline-flex}
 .header-cta{display:none}
 .menu{position:fixed;inset:var(--header) 0 0 0;display:block;padding:var(--s5) var(--gutter) var(--s8);background:var(--plane);overflow-y:auto;opacity:0;visibility:hidden;transition:none}
 .site-header[data-open] .menu{opacity:1;visibility:visible;transition:opacity var(--fast)}
 .menu-group{border-bottom:1px solid var(--rule);padding:var(--s4) 0}
 .menu-trigger{display:none}
 .drawer-label{display:block;font-size:14.5px;color:var(--text-2);margin-bottom:var(--s2)}
 .menu-panel{position:static;opacity:1;visibility:inherit;transform:none;min-width:0;padding:0;background:none;border:0;box-shadow:none}
 .menu-panel a{padding:var(--s2) 0}
 .menu-panel b{font-size:22px;font-family:var(--display);font-weight:400}
 .menu .drawer-cta{display:flex;margin-top:var(--s6);width:100%}
 .s-2,.s-3{grid-column:span 6}
 .s-4,.s-5,.s-6,.s-7,.s-8{grid-column:1/-1}
 .from-7,.from-8{grid-column-start:1}
 .head h2,.head.solo h2,.head .aside,.head .head-copy,.head .count{grid-column:1/-1}
 .head .aside{padding-top:0}
 .group p{min-height:0;max-width:none}
 .head{row-gap:var(--s4);margin-bottom:var(--s6)}
 .hero{min-height:0;display:block;padding:var(--s7) 0 var(--s8)}
 .orb{top:-24px;right:-30vw;width:min(78vw,440px);transform:none;opacity:.24}
 .runs{margin-top:var(--s7);row-gap:var(--s6)}
 .does-intro{position:static}
 .does-figure{margin-top:var(--s6)}
 .group:first-child{padding-top:var(--s5);border-top:1px solid var(--rule-strong)}
 .group-pair{grid-template-columns:minmax(0,1fr);border-top:0}
 .group-pair .group{border-top:1px solid var(--rule-strong)}
 .path{grid-template-columns:minmax(0,1fr);row-gap:var(--s6)}
 .path::before{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto}
 .path li{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:var(--s5)}
 .path h3{margin-top:var(--s2)}
 .path p{grid-column:2;max-width:none}
 .path .node{grid-row:span 2}
 .ledger>div{row-gap:var(--s2)}
 .ledger dt,.ledger .k,.ledger dd,.ledger .v{grid-column:1/-1}
 .wall{grid-template-columns:repeat(3,minmax(0,1fr))}
 .page-head .measure,.page-head.solo .measure,.page-head .art,.page-head .art.wide{grid-column:1/-1}
 .page-head .art.wide-only{display:none}
 .term-panel{padding:var(--s4)}
 .term-bar{padding:0 var(--s2) 0 var(--s4)}
 .term-window[data-tabs] .term-title{display:none}
 .foot-brand{grid-column:1/-1}
 .foot-map>nav{grid-column:span 6}
 .foot-mark{margin-top:var(--s8)}
}
@media (max-width:640px){
 :root{--t-body:16px}
 .hero h1{font-size:clamp(30px,9.2vw,46px)}
 .hero-actions .btn{flex:1 1 auto}
 .codeblock pre{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}
 .cmd-panel{flex-wrap:wrap;row-gap:var(--s3)}
 .cmd-panel code{flex-basis:100%;font-size:13px;overflow-wrap:break-word}
 .cmd-panel .copy{margin-left:auto}
 .group ul{grid-template-columns:minmax(0,1fr)}
 .panel{padding:var(--s5)}
 /* Phone logo rows: full bleed, narrow fades, compact marks; icon marks keep their name for assistive tech only. */
 .logos{margin-inline:calc(-1 * var(--gutter));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
 .logo{position:relative;height:48px;padding:0 12px}
 .logo img{height:18px}
 .logo img.round{width:20px}
 .logos .logo span{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
 .wall{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cmd-table td:first-child{white-space:normal}
 .cmd-table.stack thead{display:none}
 .cmd-table.stack,.cmd-table.stack tbody{display:block}
 .cmd-table.stack tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:var(--s3);row-gap:var(--s1);padding:var(--s3) 0;border-bottom:1px solid var(--rule)}
 .cmd-table.stack td{border:0;padding:0;overflow-wrap:anywhere;min-width:0}
 .cmd-table.stack td:nth-child(n+4),.cmd-table.stack.files td:nth-child(n+2){grid-column:1/-1}
 .cmd-table.stack.files tr{grid-template-columns:minmax(0,1fr)}
 .cmd-table.stack code.hash{min-width:0}
 .cmd-table.stack.prose tr{grid-template-columns:minmax(0,1fr);row-gap:var(--s2);padding:var(--s4) 0}
 .cmd-table.stack.prose td{grid-column:1/-1;width:auto}
 .cmd-table.stack.prose td:empty{display:none}
 .cmd-table.stack.prose td[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:14.5px;color:var(--text-2)}
 .key-flow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s3);row-gap:var(--s7)}
 .key-flow .key-prepare{grid-column:1/-1;grid-row:1}
 .key-flow li:nth-child(2){grid-column:1;grid-row:2}
 .key-flow li:nth-child(3){grid-column:2;grid-row:2}
 .key-box{padding:var(--s4)}
 .key-box code.inline{white-space:normal}
 .key-arrow{right:auto;left:50%;top:auto;bottom:100%;width:1px;height:var(--s7)}
 .key-arrow::after{right:auto;left:-4px;top:auto;bottom:0;border-width:7px 4px 0 4px;border-color:var(--text-2) transparent transparent transparent}
 .term-panel{padding:8px}
 .frame{padding:8px}
 /* A 52 column frame cannot fit a phone at 13px; it scrolls in its own region instead of shrinking. */
 .term.c52{overflow-x:auto}
 .term-tab{padding:0 var(--s2);font-size:14.5px}
 .term-bar{padding:0 var(--s1)}
 .cmd-panel code{padding-right:var(--s2)}
 .band-foot{flex-direction:column}
}

/* ---------- Motion: one authored load moment, the living orb, a live terminal ---------- */
@media (prefers-reduced-motion:no-preference){
 .hero .line,.hero .lead,.hero-actions,.cmdbar,.desk-line{animation:rise .9s var(--ease) both}
 .hero .line+.line{animation-delay:.08s}
 .hero .lead{animation-delay:.16s}
 .hero-actions{animation-delay:.24s}
 .cmdbar{animation-delay:.32s}
 .desk-line{animation-delay:.38s}
 .orb img,.orb video{animation:float 14s ease-in-out infinite alternate}
 .orb::before{animation:breathe 9s ease-in-out infinite alternate}
 .term .spin::after{animation:spinner .8s steps(1) infinite}
 .term .cur{animation:blink 1.1s steps(1) infinite}
 .path .is-sign .node::before{animation:halo 3.2s var(--ease) infinite}
 @keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
 @keyframes float{from{transform:translateY(-1.2%)}to{transform:translateY(1.2%)}}
 @keyframes breathe{from{opacity:.55;transform:scale(.97)}to{opacity:1;transform:scale(1.03)}}
 @keyframes spinner{0%{content:"⠋"}10%{content:"⠙"}20%{content:"⠹"}30%{content:"⠸"}40%{content:"⠼"}50%{content:"⠴"}60%{content:"⠦"}70%{content:"⠧"}80%{content:"⠇"}90%{content:"⠏"}}
 @keyframes blink{50%{background:transparent}}
 @keyframes halo{0%{transform:scale(.92)}60%,100%{transform:scale(1.18);border-color:transparent}}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
 html{scroll-behavior:auto}
 .logos{-webkit-mask-image:none;mask-image:none}
 .logos .row{animation:none;flex-wrap:wrap;justify-content:center;width:auto}
 .logos .row .dup{display:none}
 .orb video{display:none}
 .term .spin::after,.term .cur,.path .is-sign .node::before{animation:none}
}
/* At rest on a phone each row shows only its first line, so no mark is ever cut. */
@media (prefers-reduced-motion:reduce) and (max-width:640px){
 .logos .row{max-height:48px;overflow:hidden}
}

/* ---------- Terminal palette: generated from the TUI snapshot harness (scripts/build-site-terminal.mjs) ---------- */
/* term-palette:start */
.term .f0c183c{color:#0c183c}
.term .f0c243c{color:#0c243c}
.term .f0c2448{color:#0c2448}
.term .f0c3048{color:#0c3048}
.term .f0c3054{color:#0c3054}
.term .f0c3060{color:#0c3060}
.term .f0c3c60{color:#0c3c60}
.term .f0c3c6c{color:#0c3c6c}
.term .f0c3c78{color:#0c3c78}
.term .f11161b{color:#11161b}
.term .f183054{color:#183054}
.term .f183c54{color:#183c54}
.term .f183c60{color:#183c60}
.term .f183c6c{color:#183c6c}
.term .f183c78{color:#183c78}
.term .f184878{color:#184878}
.term .f184884{color:#184884}
.term .f184890{color:#184890}
.term .f185484{color:#185484}
.term .f185490{color:#185490}
.term .f18549c{color:#18549c}
.term .f244860{color:#244860}
.term .f24486c{color:#24486c}
.term .f24546c{color:#24546c}
.term .f245478{color:#245478}
.term .f246084{color:#246084}
.term .f24609c{color:#24609c}
.term .f2460a8{color:#2460a8}
.term .f246ca8{color:#246ca8}
.term .f246cb4{color:#246cb4}
.term .f304854{color:#304854}
.term .f304860{color:#304860}
.term .f305478{color:#305478}
.term .f306078{color:#306078}
.term .f306084{color:#306084}
.term .f306c84{color:#306c84}
.term .f306c90{color:#306c90}
.term .f306cb4{color:#306cb4}
.term .f30789c{color:#30789c}
.term .f3078a8{color:#3078a8}
.term .f3078c0{color:#3078c0}
.term .f3c546c{color:#3c546c}
.term .f3c6078{color:#3c6078}
.term .f3c6084{color:#3c6084}
.term .f3c6c90{color:#3c6c90}
.term .f3c78c0{color:#3c78c0}
.term .f3c84a8{color:#3c84a8}
.term .f3c84b4{color:#3c84b4}
.term .f486078{color:#486078}
.term .f486c84{color:#486c84}
.term .f487890{color:#487890}
.term .f4890c0{color:#4890c0}
.term .f489cc0{color:#489cc0}
.term .f547890{color:#547890}
.term .f54789c{color:#54789c}
.term .f54849c{color:#54849c}
.term .f54a8cc{color:#54a8cc}
.term .f56697a{color:#56697a}
.term .f5cb8ff{color:#5cb8ff}
.term .f607890{color:#607890}
.term .f608490{color:#608490}
.term .f60849c{color:#60849c}
.term .f6090a8{color:#6090a8}
.term .f609cb4{color:#609cb4}
.term .f60a8d8{color:#60a8d8}
.term .f60b4d8{color:#60b4d8}
.term .f6a8496{color:#6a8496}
.term .f6c849c{color:#6c849c}
.term .f6c909c{color:#6c909c}
.term .f6c90a8{color:#6c90a8}
.term .f6c9cb4{color:#6c9cb4}
.term .f6cb4d8{color:#6cb4d8}
.term .f6cc0e4{color:#6cc0e4}
.term .f7890a8{color:#7890a8}
.term .f789ca8{color:#789ca8}
.term .f789cb4{color:#789cb4}
.term .f78a8c0{color:#78a8c0}
.term .f78b4cc{color:#78b4cc}
.term .f78ccf0{color:#78ccf0}
.term .f7c8e9c{color:#7c8e9c}
.term .f7ee7b5{color:#7ee7b5}
.term .f849ca8{color:#849ca8}
.term .f849cb4{color:#849cb4}
.term .f84a8c0{color:#84a8c0}
.term .f84b4c0{color:#84b4c0}
.term .f84b4cc{color:#84b4cc}
.term .f84c0d8{color:#84c0d8}
.term .f84ccf0{color:#84ccf0}
.term .f84ccfc{color:#84ccfc}
.term .f84d8fc{color:#84d8fc}
.term .f90a8b4{color:#90a8b4}
.term .f90b4c0{color:#90b4c0}
.term .f90b4cc{color:#90b4cc}
.term .f90c0d8{color:#90c0d8}
.term .f90ccd8{color:#90ccd8}
.term .f90cce4{color:#90cce4}
.term .f91c2d7{color:#91c2d7}
.term .f9cb4c0{color:#9cb4c0}
.term .f9cc0cc{color:#9cc0cc}
.term .f9cc0d8{color:#9cc0d8}
.term .f9ccce4{color:#9ccce4}
.term .f9cd8e4{color:#9cd8e4}
.term .fa8c0cc{color:#a8c0cc}
.term .fa8ccd8{color:#a8ccd8}
.term .fa8cce4{color:#a8cce4}
.term .fb3c2ce{color:#b3c2ce}
.term .fb8f0ff{color:#b8f0ff}
.term .feaf2f8{color:#eaf2f8}
.term .ff0c674{color:#f0c674}
.term .g11161b{background:#11161b}
.term .g1a2a35{background:#1a2a35}
.term .gb8f0ff{background:#b8f0ff}
/* term-palette:end */