/* SAEVR — monochrome stone, quiet linework, editorial type.
   Load after tokens.css, base.css, overrides.css and solana.css. */
:root {
  color-scheme: dark;
  --ink: #f3f1ed; --ink-2: #cecece; --ink-3: #b4b4b4;
  --ink-rgb: 243,241,237; --bright: #f3f1ed; --bright-rgb: 243,241,237;
  --leaf: #f3f1ed; --leaf-2: #ffffff; --leaf-rgb: 243,241,237;
  --fruit: #c9c9c9; --fruit-2: #e6e6e6; --fruit-rgb: 200,201,198;
  --gold: #dddddd; --gold-ink: #090909; --gold-rgb: 221,222,218;
  --flame: #d8d8d8; --flame-rgb: 216,216,213; --flame-wash: rgba(255,255,255,.055);
  --up: #dedede; --down: #bdbdbd; --up-rgb: 222,222,219; --down-rgb: 188,189,187;
  --mark-ink: #f3f1ed; --mark-accent: #aaaaaa;
  --line: rgba(255,255,255,.16); --line-2: rgba(255,255,255,.085); --stroke: var(--line);
  --wash: rgba(255,255,255,.055); --wash-2: rgba(255,255,255,.11);
  --sprout: #373737; --bloom: #2a2a2a; --fruit-wash: rgba(255,255,255,.075);
  --glass: 14,14,14; --head: rgba(16,16,16,.87); --surface: rgba(16,16,16,.9);
  --surface-2: rgba(19,19,19,.93); --surface-3: rgba(27,27,27,.95); --panel: var(--surface);
  --blur: blur(8px); --blur-lite: blur(4px); --ground-fill: #090909;
  --shadow-sm: 0 1px 0 #ffffff07; --shadow: 0 16px 46px #00000033; --shadow-lg: 0 30px 100px #00000077;
  --r: 24px; --r-sm: 18px; --r-xs: 12px; --maxw: 1240px;
  --serif: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
  --sans: "Albert Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Red Hat Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
}
html { background: #090909; scroll-padding-top: 112px; }
body { position: relative; isolation: isolate; background: transparent; color: var(--ink); font-family: var(--sans); line-height: 1.6; }
::selection { background: #e1e1e1; color: #090909; }
:focus-visible { outline: 2px solid #f3f1ed; outline-offset: 5px; }
a,button,input,select,summary { -webkit-tap-highlight-color: transparent; }
.wrap { padding-inline: 24px; }
main,.hero-grid,.hero-card,.grove,.app-grid,.pane,.doc-grid,.prose,.prose>section,.nav-right { min-width: 0; }
/* Only the photograph moves. The overlay and UI stay fixed and crisp. */
.ground { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background: #090909 !important; filter: none !important; transform: none !important; }
.ground::before { content: ''; position: absolute; inset: -3%; background: url('/assets/brand/saevr-stone.webp') 61% 48% / cover no-repeat; filter: grayscale(1); transform: scale(1.035); transform-origin: 60% 48%; }
.ground::after { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg,rgba(0,0,0,.37),rgba(0,0,0,.1) 68%),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.18) 65%,rgba(0,0,0,.44)); }
.ground[data-motion]::before { animation: saevr-stone-drift 38s ease-in-out infinite alternate; animation-play-state: paused; }
.ground[data-motion='running']::before { animation-play-state: running; }
@keyframes saevr-stone-drift { from { transform: scale(1.035) translate(-.35%,-.3%); } to { transform: scale(1.075) translate(.45%,.3%); } }
/* Floating navigation */
.nav { padding: 24px 0; }
.nav-inner,.nav.scrolled .nav-inner { height: 66px; padding: 0 11px 0 19px; gap: 23px; border: 1px solid rgba(255,255,255,.2); background: rgba(13,13,13,.91); box-shadow: 0 8px 28px #00000022; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.brand { gap: 10px; }
.brand [data-mark] { width: 30px; height: 30px; }
.brand-name { font-family: var(--sans); font-size: 23px; font-weight: 600; line-height: 1; letter-spacing: .075em; }
.nav-links { gap: 2px; margin-left: 5px; }
.nav-links a { color: #cecece; font-size: 14px; padding: 9px 12px; }
.nav-links a:hover,.nav-links a.active { color: #ffffff; background: #ffffff0d; }
.nav-right { gap: 8px; }
.nav-right .btn { min-height: 44px; padding: 11px 19px; font-size: 13px; }
.nav-burger,.icon-btn { width: 44px; min-width: 44px; height: 44px; min-height: 44px; border: 1px solid var(--line); background: #ffffff08; }
.icon-btn:hover,.nav-burger:hover { background: #ffffff14; }
/* A precise light action color distinguishes controls from supporting panels. */
.btn { font-weight: 600; min-height: 44px; border-width: 1px; }
.btn-primary,.btn-fruit,.btn-oil { background: #f3f1ed; color: #111111; border-color: #f3f1ed; }
.btn-primary:hover:not(:disabled),.btn-fruit:hover:not(:disabled),.btn-oil:hover:not(:disabled) { background: #ffffff; color: #090909; border-color: #ffffff; box-shadow: 0 6px 20px #00000033; }
.btn-primary .arrow,.btn-fruit .arrow { background: #0000000b; }
.btn-glass { background: #ffffff08; color: #f3f1ed; border-color: #ffffff35; }
.btn-glass:hover:not(:disabled),.btn-quiet:hover:not(:disabled) { background: #ffffff15; color: #ffffff; }
.btn-quiet { color: #f3f1ed; background: #ffffff08; border-color: var(--line); }
.btn:disabled { opacity: .52; }
.btn-lg { padding: 15px 24px; font-size: 14px; }
.chip { border: 1px solid #ffffff25; background: #131313a8; color: #d7d7d7; font-size: 11px; font-weight: 500; padding: 7px 12px; backdrop-filter: none; -webkit-backdrop-filter: none; }
.chip b { color: #f3f1ed; }
.live-dot { background: #e2e2e2; width: 6px; height: 6px; animation: none; }
.eyebrow { font-size: 10px; letter-spacing: .18em; font-weight: 500; color: #c6c6c6; }
.eyebrow::before { height: 1px; width: 24px; background: #bebebe; }
.kind.call,.kind.put { background: #313131; color: #e3e3e3; border: 1px solid #ffffff1a; }
.kind.put { background: #252525; }
/* The brand is a quiet signature; the headline leads. */
.hero { padding: 34px 0 40px; }
.hero-grid { grid-template-columns: minmax(0,1.13fr) minmax(0,.87fr); gap: 22px; align-items: stretch; }
.hero-card { padding: 43px 43px 32px; border-radius: 28px; background: rgba(14,14,14,.73); border: 1px solid #ffffff25; box-shadow: 0 20px 70px #00000022; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.wordmark { margin: 28px 0 30px; gap: 11px; font-family: var(--sans); font-size: 24px; font-weight: 500; line-height: 1.2; letter-spacing: .13em; }
.wordmark [data-mark] { width: 30px; height: 30px; margin: 0; }
.wordmark .brand-caption { font: 500 9px/1.5 var(--sans); letter-spacing: .16em; margin-left: 5px; padding-left: 17px; border-left: 1px solid #ffffff30; color: #bababa; }
.hero h1 { font-family: var(--serif); font-size: clamp(58px,6.25vw,90px); font-weight: 400; line-height: 1.015; letter-spacing: -.04em; }
.hero h1 em { display: block; margin-top: 2px; font-weight: 400; color: #cacaca; }
.hero .lede { margin-top: 25px; max-width: 470px; font-size: 15px; line-height: 1.8; color: #d0d0d0; }
.hero-cta { gap: 10px; margin-top: 28px; }
.hero-stats { padding-top: 32px; margin-top: 5px; gap: 0; grid-template-columns: repeat(3,minmax(0,1fr)); }
.stat,.stat:nth-child(2),.stat:nth-child(3) { padding: 1px 15px; border-radius: 0; background: transparent; border-left: 1px solid #ffffff20; }
.stat:first-child { padding-left: 0; border-left: 0; }
.stat .k { font-size: 9px; font-weight: 500; letter-spacing: .12em; color: #bababa; }
.stat .v { font-family: var(--sans); font-size: 23px; letter-spacing: -.03em; font-weight: 400; margin-top: 7px; }
.stat .s { color: #bababa; font-size: 11px; line-height: 1.5; margin-top: 5px; }
.grove { padding: 29px 25px 24px; gap: 18px; border-radius: 28px; align-self: stretch; background: rgba(16,16,16,.88); border: 1px solid #ffffff25; box-shadow: 0 20px 60px #00000022; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
.grove-top { padding: 4px 2px 0; }
.grove-top h3 { font-size: 34px; line-height: 1.15; font-weight: 400; letter-spacing: -.025em; }
.grove-top .sub { font-size: 13px; line-height: 1.7; margin-top: 9px; color: #c0c0c0; }
.grove .reference-notice { padding: 17px; background: #ffffff04; border-radius: 16px; }
.grove .card { background: #ffffff04; padding: 21px; border-radius: 18px; }
.grove .card h3 { font-family: var(--sans); font-size: 15px; font-weight: 500; letter-spacing: 0; }
.grove-tools { gap: 10px; }
.seg { background: #ffffff06; padding: 4px; border: 1px solid #ffffff18; }
.seg button { min-height: 36px; padding: 7px 13px; font-size: 12px; color: #c0c0c0; }
.seg button.on { background: #e3e3e3; color: #090909; box-shadow: none; }
.grove-tools .when { font-size: 11px; color: #b6b6b6; }
.rows { gap: 7px; }
.rows li,.rows li:nth-child(even) { background: #ffffff04; border: 1px solid #ffffff12; padding: 12px 10px; border-radius: 14px; }
.rows .t { font-size: 13px; font-weight: 600; }
.rows .n { font-size: 11px; line-height: 1.6; color: #bfbfbf; }
.rows .r { font-size: 13px; }
.rows .r small { font-size: 10px; color: #bfbfbf; }
.tk,.tk.put { background: #e0e0e0; color: #121212; border-radius: 12px; font-weight: 600; border: 1px solid #ffffff15; }
.tk.put { background: #434343; color: #f3f1ed; }
.grove-foot { margin-top: auto; background: #ffffff04; padding: 15px; border: 1px solid #ffffff12; font-size: 12px; color: #c5c5c5; }
.strip { padding: 0 0 28px; }
.strip-inner { gap: 8px; }
.strip .chip { padding: 7px 13px; font-size: 11px; }
/* Shared sections and internal pages */
.section { padding: 64px 0; }
.band { background: transparent; }
.section-head { background: rgba(14,14,14,.88); border: 1px solid #ffffff1d; border-radius: 24px; padding: 31px 38px; box-shadow: none; max-width: 790px; margin-bottom: 26px; }
.section-head h2 { font-size: clamp(38px,4.2vw,56px); font-weight: 400; line-height: 1.09; letter-spacing: -.025em; margin-top: 14px; }
.section-head h2 em { color: #c5c5c5; }
.section-head p { max-width: 630px; margin: 16px auto 0; font-size: 15px; line-height: 1.8; }
.card,.pane,.foot-card,.faq details,.prose>section,.toc { border: 1px solid #ffffff1c; box-shadow: 0 12px 40px #00000011; backdrop-filter: none; -webkit-backdrop-filter: none; }
.card { padding: 27px; }
.card h3 { font-weight: 400; font-size: 27px; line-height: 1.15; }
.card p { font-size: 14px; line-height: 1.8; color: #c3c3c3; }
.steps,.pair,.cost-grid,.built,.proof,.story { gap: 17px; }
.step-n,.steps .card:nth-child(4) .step-n { width: 31px; height: 31px; background: transparent; border: 1px solid #ffffff35; color: #dbdbdb; font-size: 12px; font-weight: 400; }
.pair h3 { font-size: 32px; flex-wrap: wrap; }
.outcomes li,.outcomes li.cost { background: #ffffff05; border: 1px solid #ffffff0f; color: #c9c9c9; font-size: 13px; line-height: 1.65; }
.story blockquote { font-size: clamp(28px,3vw,39px); font-weight: 400; line-height: 1.3; }
.story cite { color: #b9b9b9; font-size: 12px; }
.big,.proof .score { font-weight: 400; color: #f3f1ed; font-size: 49px; }
.big.flame { color: #cdcdcd; }
.cost-note { background: var(--surface-2); border: 1px solid #ffffff1c; color: #c6c6c6; font-size: 13px; line-height: 1.7; }
.built .addr { max-width: 100%; overflow-wrap: anywhere; font-size: 11px; line-height: 1.8; border: 1px solid #ffffff12; background: #ffffff04; }
.proof p { font-size: 13px; }
.faq { max-width: 880px; }
.faq summary { padding: 23px 26px; font-size: 15px; font-weight: 500; }
.faq .a { font-size: 14px; line-height: 1.8; padding-inline: 26px; }
.slab { padding: 62px 40px; border-radius: 28px; border: 1px solid #ffffff27; background: rgba(10,10,10,.94); }
.slab h2 { color: #f3f1ed; font-size: clamp(40px,5vw,66px); font-weight: 400; }
.slab h2 em { color: #c1c1c1; }
.slab .inner { background: transparent; max-width: 600px; padding: 0; font-size: 15px; line-height: 1.8; color: #c6c6c6; }
.footer { padding-top: 35px; padding-bottom: 98px; }
.foot-card { border-radius: 25px; padding: 34px; }
.foot-grid h5 { font-size: 10px; font-weight: 500; letter-spacing: .14em; color: #c2c2c2; }
.foot-grid a,.foot-grid .blurb { font-size: 13px; line-height: 1.85; color: #c8c8c8; }
.foot-grid a:hover { color: #ffffff; }
.foot-base { font-size: 11px; color: #b9b9b9; padding-top: 22px; }
.foot-base .brand-name { font-size: 21px; }
.reference-notice { border: 1px solid #ffffff1d; background: rgba(20,20,20,.94); color: #d2d2d2; border-radius: 16px; }
.reference-notice b { color: #ededed; font-size: 13px; }
.reference-notice p { color: #c4c4c4; line-height: 1.7; }
/* Inputs, read-only states, drafts and wallet dialogs share the same contrast. */
.app { padding: 23px 0 50px; }
.pane { padding: 29px; border-radius: 24px; }
.pane h2 { font-size: 34px; font-weight: 400; }
.pane .sub { color: #c0c0c0; line-height: 1.7; font-size: 13px; margin-top: 9px; }
.tabs { border: 1px solid #ffffff20; background: #131313ed; box-shadow: none; padding: 5px; margin-bottom: 24px; }
.tabs a { min-height: 44px; padding: 11px 19px; font-size: 13px; color: #c3c3c3; }
.tabs a.on,.opt.on,.opt.put.on { background: #ebebeb; color: #111111; border-color: #ebebeb; }
.field>label,.field>.label { color: #c3c3c3; font-size: 10px; letter-spacing: .13em; font-weight: 500; }
.opt { background: #ffffff04; border: 1px solid #ffffff26; color: #e3e3e3; min-height: 44px; font-size: 13px; font-weight: 500; }
.opt:hover { background: #ffffff0e; }
.opt small { color: #c3c3c3; }
.opt.on small { color: #383838; }
.input { min-height: 49px; background: #0f0f0f; border: 1px solid #6c6c6c5e; border-radius: 13px; }
.input input,.input select { color: #f3f3f3; font-weight: 500; }
.input select option { background: #191919; color: #f3f3f3; }
.input input::placeholder { color: #aeaeae; opacity: 1; }
.input:focus-within { border-color: #e1e1e1; box-shadow: 0 0 0 3px #ffffff0c; }
.input span,.hint,.note { color: #c4c4c4; }
.summary { border: 1px solid #ffffff19; background: #ffffff04; padding: 18px; font-size: 13px; line-height: 1.7; }
.summary .line span { color: #c0c0c0; }
.if div,.if div.cost { background: #ffffff05; border: 1px solid #ffffff12; font-size: 12px; color: #d6d6d6; }
.plan li,.item,.item:nth-child(even),.empty { background: #ffffff04; border: 1px solid #ffffff15; color: #cccccc; }
.item .n,.item .r small { color: #bdbdbd; }
.plan li::before { background: #7b7b7b; }
.plan li.done::before,.plan li.doing::before { background: #eaeaea; }
.plan li.bad::before { background: #afafaf; border: 1px solid #f0f0f0; }
.wallet-bar { background: #1e1e1eef; border: 1px solid #ffffff1e; color: #d6d6d6; padding: 15px 18px; }
.wallet-bar b { overflow-wrap: anywhere; }
.msg,.msg.good,.msg.bad { background: #ffffff07; border: 1px solid #ffffff20; color: #dddddd; }
.msg.bad { border-style: dashed; }
.modal { background: #000000aa; }
.modal .box,.flint-dialog { background: #171717; border: 1px solid #ffffff2e; border-radius: 24px; color: #f3f1ed; box-shadow: 0 30px 100px #00000099; }
.flint-dialog { margin: auto; padding: 30px; max-height: calc(100dvh - 40px); overflow-y: auto; }
.flint-dialog::backdrop { background: #000000bb; backdrop-filter: blur(5px); }
.flint-dialog h2 { font-family: var(--serif); font-size: 35px; line-height: 1.15; font-weight: 400; }
.flint-dialog p { color: #cbcbcb; font-size: 14px; line-height: 1.7; }
.flint-dialog .wallet-choice,.modal .wl button,.modal .wl a,.flint-dialog .wallet-links a { background: #262626; color: #eeeeee; border: 1px solid #ffffff25; border-radius: 13px; min-height: 44px; }
.flint-dialog .wallet-choice:hover,.flint-dialog .wallet-links a:hover { background: #363636; }
.flint-dialog .dialog-close { min-width: 44px; min-height: 44px; top: 10px; right: 10px; color: #f3f1ed; }
.toast,.toast.bad { background: #ececec; color: #131313; border: 1px solid #ffffff40; }
.toast a { color: #131313; }
.doc { padding: 25px 0 50px; }
.toc { top: 118px; border-radius: 20px; background: #141414ef; }
.toc a { font-size: 13px; line-height: 1.6; padding-block: 7px; color: #d9d9d9; }
.prose>section { padding: 35px; }
.prose h1 { font-size: clamp(42px,5vw,61px); font-weight: 400; line-height: 1.06; }
.prose h2 { font-size: 35px; font-weight: 400; line-height: 1.15; }
.prose h3 { font-weight: 500; }
.prose p,.prose li { font-size: 15px; line-height: 1.85; color: #cfcfcf; }
.prose th { color: #cecece; }
.prose a { color: #f3f1ed; font-weight: 500; }
.prose .tbl { min-width: 0; }
/* Monochrome means all supporting state colors are neutral too. */
.grove,.card,.pane,.reference-notice,.section-head,.cost-note,.foot-card,.faq,.slab,.toc,.prose,.wallet-bar,.flint-dialog,.modal,.tabs,.toast { --ink-2:#c7c7c7; --ink-3:#b5b5b5; }
.card p,.story cite,.cost-note,.reference-notice,.reference-notice p,.pane .sub,.tabs a,.field>label,.field>.label,.opt,.opt small,.input span,.hint,.note,.summary .line span,.if div,.if div.cost,.plan li,.item,.item:nth-child(even),.empty,.item .n,.item .r small,.wallet-bar,.msg,.msg.good,.msg.bad,.flint-dialog p,.toc a,.prose p,.prose li,.prose th,.slab .inner,.foot-grid h5,.foot-grid a,.foot-grid .blurb,.foot-base { color:#c7c7c7; }
.reference-notice b,.input input,.input select,.input select option,.flint-dialog .wallet-choice,.modal .wl button,.modal .wl a,.flint-dialog .wallet-links a { color:#f3f1ed; }
.input,.input select option,.modal .box,.flint-dialog,.toc { background:#151515; }
.wallet-bar { background:#1c1c1cef; }.tabs{background:#141414ed}.flint-dialog .wallet-choice,.modal .wl button,.modal .wl a,.flint-dialog .wallet-links a{background:#242424}.flint-dialog .wallet-choice:hover,.flint-dialog .wallet-links a:hover{background:#333333}
.input input::placeholder{color:#b2b2b2}.input:focus-within{border-color:#dfdfdf}.opt.on,.opt.put.on,.tabs a.on{background:#ececec;color:#101010;border-color:#ececec}.opt.on small{color:#353535}.toast,.toast.bad{background:#eeeeee;color:#111111}.toast a{color:#111111}.tk.put{background:#404040}.slab h2 em{color:#c6c6c6}.plan li::before{background:#7a7a7a}.plan li.done::before,.plan li.doing::before{background:#e7e7e7}.plan li.bad::before{background:#b0b0b0}
/* This small control never covers central page actions on phones. */
.saevr-motion-toggle { position: fixed; right: 22px; bottom: 20px; z-index: 55; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-width: 44px; min-height: 44px; padding: 10px 15px; border: 1px solid #ffffff3b; border-radius: 999px; background: #101010ee; color: #dedede; font: 500 11px/1.3 var(--sans); cursor: pointer; box-shadow: 0 4px 16px #00000033; }
.saevr-motion-toggle svg { display: block; width: 13px; height: 13px; fill: currentColor; flex: none; }
.saevr-motion-toggle:hover:not(:disabled) { background: #262626; border-color: #ffffff70; }
.saevr-motion-toggle:disabled { cursor: default; color: #bdbdbd; }
@media(min-width:1440px){.hero{padding-top:43px}.hero-card{padding:47px 45px 36px}.grove{padding:32px 27px}.hero .lede{max-width:460px}}
@media(max-width:1100px){.nav-inner{gap:13px}.nav-links a{padding:9px 8px;font-size:13px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.hero-card{padding:33px 31px}.hero h1{font-size:70px}.grove{padding:25px 21px}.grove-top h3{font-size:31px}.hero-cta .btn-lg{padding:13px 18px;font-size:13px}}
@media(max-width:1000px){.nav.open .nav-links,.nav-inner.open .nav-links{display:flex;flex-direction:column;position:absolute;top:calc(100% + 11px);left:0;right:0;max-height:calc(100dvh - 130px);overflow:auto;margin:0;padding:13px;border-radius:22px;background:#151515f7;border:1px solid #ffffff26;box-shadow:0 20px 40px #00000055}.nav.open .nav-links a,.nav-inner.open .nav-links a{min-height:44px;padding:12px 15px;font-size:15px}.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-card{padding:38px}.hero h1{font-size:clamp(70px,10vw,90px)}.hero-stats{max-width:530px}.grove{padding:31px}.app-grid{grid-template-columns:minmax(0,1fr)}.ground::before{background-position:58% 50%}}
@media(max-width:768px){.nav{padding:17px 0}.nav-inner,.nav.scrolled .nav-inner{height:62px}.hero{padding-top:23px}.hero-card{padding:31px}.hero h1{font-size:74px}.wordmark{font-size:21px;margin:24px 0 27px}.wordmark [data-mark]{width:27px;height:27px}.section{padding:45px 0}.section-head{padding:27px}.section-head h2{font-size:43px}.card{padding:25px}.slab{padding:43px 27px}.footer{padding-bottom:100px}.prose>section{padding:28px}.toc{position:static}}
@media(max-width:520px){.wrap{padding-inline:16px}.nav .wrap{padding-inline:12px}.nav{padding:13px 0}.nav-inner,.nav.scrolled .nav-inner{padding-left:13px;padding-right:8px;height:60px;gap:8px}.brand{gap:8px}.brand-name{font-size:20px;letter-spacing:.065em}.brand [data-mark]{width:27px;height:27px}.nav-right{gap:6px}.nav-right .btn{font-size:12px;padding:10px 12px;max-width:143px;overflow:hidden;text-overflow:ellipsis}.nav-burger{width:40px;min-width:40px;height:44px}.hero{padding-top:19px}.hero-card,.grove{border-radius:23px;padding:27px 24px}.hero h1{font-size:clamp(55px,14vw,70px);line-height:1.04;letter-spacing:-.04em}.hero .lede{font-size:14px;line-height:1.85;margin-top:22px}.wordmark{font-size:19px;letter-spacing:.12em;gap:9px;margin:24px 0 28px}.wordmark .brand-caption{font-size:8px;letter-spacing:.1em;padding-left:11px;max-width:150px}.hero .chip{font-size:10px;white-space:normal;line-height:1.6}.hero-cta{gap:9px}.hero-cta .btn-lg{padding:12px 17px;font-size:12px}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:27px}.hero-stats .stat:last-child{grid-column:auto}.stat,.stat:nth-child(2),.stat:nth-child(3){padding-inline:10px}.stat:first-child{padding-left:0}.stat .k{font-size:8px}.stat .v{font-size:20px}.stat .s{font-size:10px}.grove-top h3{font-size:31px}.grove-foot{flex-wrap:wrap;gap:12px}.grove-foot .btn{margin-left:auto}.strip .chip{font-size:10px}.strip-inner{gap:6px}.section-head{padding:25px 20px}.section-head h2{font-size:37px}.section-head p{font-size:14px}.pair .card,.story .card:first-child{padding:26px}.pair h3{font-size:30px}.story blockquote{font-size:31px}.foot-card{padding:26px}.foot-grid{gap:25px 18px}.foot-grid .blurb{font-size:12px}.foot-base{font-size:11px;gap:12px}.slab h2{font-size:42px}.app .pane{padding:25px 21px}.pane h2{font-size:32px}.app .row2{grid-template-columns:minmax(0,1fr)}.tabs a{padding:11px 15px;font-size:12px}.wallet-bar{border-radius:19px;padding:15px}.prose>section{padding:26px 21px}.prose h1{font-size:44px}.prose h2{font-size:32px}.prose p,.prose li{font-size:14px}.flint-dialog{padding:27px 23px}.flint-dialog h2{font-size:30px}.flint-dialog p{font-size:13px}.saevr-motion-toggle{right:13px;bottom:13px;width:44px;height:44px;padding:0}.saevr-motion-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@media(max-width:360px){.nav-inner,.nav.scrolled .nav-inner{padding-left:11px;padding-right:6px;gap:5px}.brand{gap:6px}.brand-name{font-size:18px;letter-spacing:.04em}.brand [data-mark]{width:25px;height:25px}.nav-right{gap:5px}.nav-right .btn{padding:10px 10px;font-size:11px;max-width:123px}.nav-burger{width:37px;min-width:37px}.hero-card,.grove{padding:24px 21px}.hero h1{font-size:54px}.wordmark{font-size:18px}.wordmark .brand-caption{font-size:7px;letter-spacing:.06em}.hero .lede{font-size:13px}.hero-cta .btn-lg{font-size:11px;padding:12px 14px}.stat,.stat:nth-child(2),.stat:nth-child(3){padding-inline:8px}.stat .v{font-size:18px}.stat .s{font-size:9px}.stat .k{font-size:7px;letter-spacing:.1em}.grove .card{padding:18px}.rows li{grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:10px 8px}.tk{width:36px;height:36px;font-size:9px}.rows .r{font-size:12px}.rows .r small{font-size:9px}.section-head h2{font-size:34px}.slab{padding:36px 23px}.slab h2{font-size:37px}.prose h1{font-size:39px}.tabs a{padding-inline:12px}.foot-card{padding:25px 21px}.foot-grid{gap:24px 14px}.foot-grid h5{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ground[data-motion]::before{animation:none!important;transform:scale(1.035)}.saevr-motion-toggle{transition:none}.js .rise{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}


/* Social account: compact icon on desktop, menu entry on mobile. */
.nav-links .social-mobile{display:none}
@media(max-width:1000px){.nav-links .social-mobile{display:block}}