/* A conventional type family, with real regular/bold weights and more room between letters. */
:root{--site-font:Arial,Helvetica,sans-serif;font-family:var(--site-font)}
body,button,input,select,textarea{font-family:var(--site-font)!important}
body{font-weight:400;letter-spacing:0}
h1,h2,h3{font-family:var(--site-font)!important}
.hero h1,.statement-header h2,.wide-heading h2,.wallet-scene h2,.pair-panel h2,.faq h2{font-weight:400!important;letter-spacing:-.025em!important;line-height:1.09}
.hero-description,.statement-header>p:last-child,.wide-heading>p,.process-line p,.statement-bottom p{letter-spacing:0}
.hero-description{font-size:clamp(18px,2vw,22px);line-height:1.5}
.hero h1{max-width:1000px;margin-left:auto;margin-right:auto}
.product-name,.brand{font-weight:700;letter-spacing:0}
.process-line h3,.statement-bottom h3{font-weight:700;letter-spacing:-.02em}
.faq-card h3{font-weight:700!important;letter-spacing:0!important;line-height:1.4!important}
.faq-card p,.faq-card a{letter-spacing:0!important}
.faq-card a{font-weight:700!important}
.scene-eyebrow{font-weight:400;letter-spacing:.12em}
.scene-description{letter-spacing:0}
.nav-links{font-size:12px}
.er-footer .ef-brand{font-weight:700;letter-spacing:-.02em}
.er-footer .ef-column h3{font-weight:700}
.er-footer .ef-top-link{font-weight:400}
/* The tiny SVG tile is static. There are no animated noise layers or blending effects. */
.hero,.statement,.pair-panel,.er-footer{position:relative;isolation:isolate}
.surface-grain{position:absolute;inset:0;z-index:5;pointer-events:none;background:url("assets/surface-grain.svg") repeat;background-size:192px 192px;opacity:.075;contain:strict}
.statement>.surface-grain{opacity:.055}
.hero-copy,.hero-visual,.statement-header,.statement-bottom,.light-sculpture,.er-footer .ef-wrap,.pair-panel>.reveal,.type-sculpture,.clarity-art{position:relative;z-index:1}
/* Keep the button shadow above the artwork background so its lower edge is not cut off. */
.hero-copy{z-index:2}
.ecosystem-panel{background-color:#f0f2f5}
.er-footer{background:linear-gradient(145deg,#f4f6fa,#eaf0f7)}
.faq-card{box-shadow:0 2px 3px #0c223010,0 10px 24px #0c223014!important}
.er-footer .ef-top-link{box-shadow:0 1px 2px #12233b06,inset 0 1px 0 #fff}
@media(max-width:600px){.hero h1{font-size:clamp(39px,10.8vw,52px)}.hero-copy{padding-top:34px}.pair-panel h2{font-size:36px}.nav-links{font-size:13px}.surface-grain{opacity:.065}}
@media(forced-colors:active){.surface-grain{display:none}}