@font-face { font-family: "Space Grotesk"; src: url("../assets/space-grotesk/space-grotesk-latin.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
/* Morain / Liquidity Atlas — a visual system built around reading,
   routing and proving, rather than another trading dashboard. */
:root {
  --atlas-ink: #171c1c;
  --atlas-deep: #171c1c;
  --atlas-panel: #26302e;
  --atlas-paper: #dbdcd5;
  --atlas-paper-hi: #e8eae3;
  --atlas-line: #d9d5ca;
  --atlas-text: #171c1c;
  --atlas-muted: #60635e;
  --atlas-orange: #b7c8be;
  --atlas-orange-deep: #617d7b;
  --atlas-blue: #90aaa4;
  --atlas-blue-deep: #617d7b;
  --morain-cyan: var(--atlas-orange);
  --morain-cyan-hover: #dce7dd;
  --morain-cyan-soft: #b7c8be33;
  --morain-gray-900: var(--atlas-deep);
  --morain-gray-800: var(--atlas-ink);
  --morain-gray-100: var(--atlas-paper);
  --c-soft: #b7c8be22;
  --surf: #25302f;
  --line: #90aaa438;
  --line-2: #90aaa418;
  --muted: #b6c4bc;
}
html { scroll-behavior: smooth; }
body { background: var(--atlas-deep); color: var(--atlas-paper); font-family: "Space Grotesk", Arial, sans-serif; }
[hidden] { display: none !important; }
::selection { background: var(--atlas-orange); color: var(--atlas-deep); }
:where(a,button,input,select,textarea,[role="button"]):focus-visible { outline: 2px solid var(--atlas-orange) !important; outline-offset: 4px; }
.text-cyan,.hover\:text-cyan:hover,.group:hover .group-hover\:text-cyan { color: var(--atlas-orange); }
.bg-cyan { background-color: var(--atlas-orange); }
.border-cyan { border-color: var(--atlas-orange); }
.eyebrow { color: var(--atlas-orange); font-size: 11px; letter-spacing: .18em; font-weight: 600; }
.title-text { font-size: clamp(42px,5.7vw,78px); line-height: 1.04; letter-spacing: -.065em; font-weight: 500; }
.subtitle-text { letter-spacing: -.045em; }
.btn,.hero-btn { border-radius: 0; transition: transform .3s cubic-bezier(.2,.8,.2,1), background-color .25s, border-color .25s, color .25s, box-shadow .25s; }
.btn:hover,.hero-btn:hover { transform: translateY(-3px); }
.btn-primary,.hero-btn-primary { background: var(--atlas-orange); color: var(--atlas-deep); font-weight: 650; }
.btn-primary:hover,.hero-btn-primary:hover { background: #dce7dd; box-shadow: 0 9px 32px #b7c8be3b; }
.btn-ghost { border-color: #90aaa455; }
.btn-ghost:hover { border-color: var(--atlas-blue); background: #90aaa415; }
.rounded-xs { border-radius: 0; }

/* A restrained top rail lets the signal colors belong to the content. */
header { background: #171c1cee !important; border-bottom: 1px solid #90aaa41d; backdrop-filter: blur(18px); }
header nav a { position: relative; }
header nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -9px; height: 1px; background: var(--atlas-orange); transition: right .3s ease; }
header nav a:hover::after,header nav a[aria-current="page"]::after { right: 0; }
header .btn-primary { background: var(--atlas-orange) !important; color: var(--atlas-deep) !important; }
#vx-burn-strip { background: #1c2525 !important; border-color: #90aaa41c !important; }
#vx-burn-strip>span:first-child { background: var(--atlas-orange) !important; box-shadow: 0 0 8px var(--atlas-orange) !important; }
#vx-burn-strip strong { color: var(--atlas-orange) !important; }

/* Hero: a trading instrument, with scale and depth rather than a card stack. */
.hero-editorial { background: radial-gradient(circle at 82% 31%,#38446558,transparent 42%), radial-gradient(circle at 18% 95%,#b84c2b2e,transparent 39%),var(--atlas-deep) !important; border-color: #90aaa425 !important; }
.hero-editorial::before { background: radial-gradient(ellipse,#b7c8be29,transparent 70%); }
.hero-editorial::after { content: "CHAIN / 4663"; position: absolute; z-index: 1; right: 34px; bottom: 48px; color: #90aaa480; font: 10px/1.2 JetBrains Mono,monospace; letter-spacing: .26em; writing-mode: vertical-rl; pointer-events: none; }
.hero-editorial h1 { font-size: clamp(52px,5.35vw,88px) !important; max-width: 950px; letter-spacing: -.065em; line-height: .99; }
.hero-editorial h1 .text-cyan { color: var(--atlas-orange); }
.hero-editorial h1 + p { color: #c4c8d0; line-height: 1.65; max-width: 570px; }
.hero-editorial .hero-side { position: relative; background: #24302edd; border: 1px solid #90aaa44a; border-radius: 0; box-shadow: 14px 14px 0 #101717,0 30px 80px #0007; }
.hero-editorial .hero-side::before { content: "LIVE / ROUTE MONITOR"; position: absolute; top: -27px; right: 0; font: 9px JetBrains Mono,monospace; letter-spacing: .17em; color: var(--atlas-blue); }
.hero-editorial .hero-side button[aria-pressed="true"] { background: #b7c8be14; }
.hero-editorial .hero-btn-ghost { background: #171c1cb8; border-color: #90aaa461; }
.hero-editorial .hero-btn-ghost:hover { color: var(--atlas-blue); border-color: var(--atlas-blue); }
.hero-editorial .bg-cyan { background-color: var(--atlas-orange); }
.hero-editorial.is-ambient>div.relative.z-\[2\] { opacity: 0 !important; pointer-events: none; }
.hero-editorial.is-ambient>a[aria-hidden="false"] { opacity: 1 !important; pointer-events: auto; }
.hero-editorial .hero-side .atlas-selected-market { opacity: 1; }

/* The scroll chapter shares the visual grammar but has its own spatial feel. */
.lm-section { background: #1c2525; border-color: #90aaa439; }
.lm-section::before { background: radial-gradient(ellipse at 73% 40%,#5876af25,transparent 55%); }
.lm-copy h2 { font-weight: 500; letter-spacing: -.065em; }
.lm-copy h2 em,.lm-link { color: var(--atlas-orange); }
.lm-copy>p:not(.lm-caption) { color: #c6d1df; }
.lm-kicker { color: var(--atlas-blue); }
.lm-kicker-dot { background: var(--atlas-orange); box-shadow: 0 0 12px var(--atlas-orange); }
.lm-stage { border-color: #90aaa435; color: #aebdd0; }
.lm-stage:hover,.lm-stage.is-active { background: #b7c8be15; color: #e8eae3; }
.lm-stage.is-active span,.lm-stage.is-active i { color: var(--atlas-orange); }
.lm-caption { color: #c2cfe0 !important; }
.lm-visual { background: radial-gradient(circle at 54% 50%,#b7c8be26,#7391dc0f 35%,transparent 65%),#151c1d; }
.lm-visual::before { background-image: linear-gradient(#90aaa410 1px,transparent 1px),linear-gradient(90deg,#90aaa410 1px,transparent 1px); }
.lm-visual::after { background: linear-gradient(90deg,transparent,var(--atlas-orange),transparent); }
.lm-core { background: radial-gradient(circle,#b7c8be37,#1c2a41ad 67%,transparent 72%); }
.lm-core-ring { border-color: #e7ff84a8; box-shadow: 0 0 40px #b7c8be33,inset 0 0 25px #b7c8be1c; }
.lm-core-ring::before,.lm-core-ring::after { border-color: #90aaa437; }
.lm-output { border-color: #90aaa470; background: #162239e8; }
.lm-output-arrow,.lm-visual-foot span:last-child { color: var(--atlas-orange); }
.lm-source i { background: var(--atlas-blue); box-shadow: 0 0 8px var(--atlas-blue); }
.lm-visual[data-stage="check"] .lm-output { border-color: var(--atlas-orange); box-shadow: 0 0 42px #b7c8be3b; }

/* Products: a compact field guide on warm stock. */
#products { background: var(--atlas-paper); color: var(--atlas-text); position: relative; }
#products::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(#171c1c0a 1px,transparent 1px); background-size: 100% 56px; pointer-events: none; }
#products>.page-pad { position: relative; }
#products .title-text { max-width: 850px; }
#products .eyebrow { color: var(--atlas-orange-deep); }
#products [aria-label="Live pools on chain 4663"] { border-left: 1px solid #171c1c44; padding-left: 26px; }
#products [aria-label="Live pools on chain 4663"] span { color: var(--atlas-text); }
#products [aria-label="Live pools on chain 4663"]>span:last-child { color: var(--atlas-muted); font-size: 17px; letter-spacing: 0; }
#products>.page-pad>.grid { gap: 0; border: 1px solid #171c1c36; }
#products>.page-pad>.grid>[data-fx] { background: #e8eae3; border-right: 1px solid #171c1c30; border-radius: 0; min-height: 390px; box-shadow: none; overflow: hidden; transition: background .4s,transform .4s; }
#products>.page-pad>.grid>[data-fx]:last-child { border-right: 0; background: #263332; color: var(--atlas-paper); }
#products>.page-pad>.grid>[data-fx]:hover { background: #ffe5d8; transform: translateY(-8px); z-index: 2; box-shadow: 0 20px 40px #171c1c21; }
#products>.page-pad>.grid>[data-fx]:last-child:hover { background: #384d49; }
#products>.page-pad>.grid>[data-fx]::before { display: block; content: "0" counter(atlas-product); counter-increment: atlas-product; color: var(--atlas-orange-deep); font: 11px JetBrains Mono,monospace; letter-spacing: .12em; margin-bottom: auto; }
#products>.page-pad>.grid { counter-reset: atlas-product; }
#products>.page-pad>.grid>[data-fx]:last-child::before { color: var(--atlas-orange); }
#products>.page-pad>.grid>[data-fx] svg { width: 45px; height: 45px; color: var(--atlas-orange-deep); }
#products>.page-pad>.grid>[data-fx]:last-child svg { color: var(--atlas-orange); }
#products>.page-pad>.grid>[data-fx] .subtitle-text { font-size: 27px; color: var(--atlas-text); }
#products>.page-pad>.grid>[data-fx]:last-child .subtitle-text { color: var(--atlas-paper); }
#products>.page-pad>.grid>[data-fx] p { color: #506072; line-height: 1.62; }
#products>.page-pad>.grid>[data-fx]:last-child p { color: #d5dfec; }
#products .atlas-card-link { display: inline-flex; align-self: flex-start; color: var(--atlas-orange); border-bottom: 1px solid var(--atlas-orange); margin-top: 20px; padding-bottom: 6px; font: 12px JetBrains Mono,monospace; letter-spacing: .03em; }
#products .atlas-card-link:hover { color: #ffac91; }
#products>.page-pad>.grid>[data-fx] .font-mono { color: #6a7280; border-top: 1px solid #171c1c2b; padding-top: 15px; }
#products .border-t { border-color: #171c1c55; }
#products .btn:not(.btn-primary) { border-color: var(--atlas-text); color: var(--atlas-text); }
#products .btn:not(.btn-primary):hover { background: var(--atlas-text); color: var(--atlas-paper); }

/* Venues: a continuous order book, not six unrelated tiles. */
#venues { background: #111d2d; color: var(--atlas-paper); }
#venues>.page-pad>.grid { gap: clamp(42px,6vw,110px); }
#venues .title-text { max-width: 560px; }
#venues .title-text em { color: var(--atlas-blue); }
#venues .eyebrow { color: var(--atlas-orange); }
#venues p { color: #bdc9d7; line-height: 1.65; }
#venues #vx-stat-vol { color: var(--atlas-orange); }
#venues>.page-pad>.grid>div:last-child { gap: 0; border-top: 1px solid #90aaa44a; counter-reset: atlas-venue; }
#venues>.page-pad>.grid>div:last-child>[data-fx] { background: transparent; border: 0; border-bottom: 1px solid #90aaa43c; border-radius: 0; padding: 24px 52px 24px 48px; transition: background .3s,padding .3s; }
#venues>.page-pad>.grid>div:last-child>[data-fx]::before { counter-increment: atlas-venue; content: "0" counter(atlas-venue); position: absolute; top: 27px; left: 0; color: var(--atlas-orange); font: 11px JetBrains Mono,monospace; }
#venues>.page-pad>.grid>div:last-child>[data-fx]::after { content: "POOL STATE"; position: absolute; right: 5px; top: 27px; color: var(--atlas-blue); opacity: .55; font: 9px JetBrains Mono,monospace; letter-spacing: .1em; }
#venues>.page-pad>.grid>div:last-child>[data-fx]:hover { background: #90aaa40c; padding-left: 57px; }
#venues>.page-pad>.grid>div:last-child [class*="font-sans"] { font-size: 21px; color: var(--atlas-paper); }
#venues>.page-pad>.grid>div:last-child .eyebrow { color: var(--atlas-blue); }
#venues [data-vx-venue] { color: var(--atlas-orange); border-color: #b7c8be5c; }

/* Why: open editorial columns and one clear causal chain. */
#why { background: #e7e9e5; color: var(--atlas-text); }
#why .title-text { max-width: 950px; }
#why .title-text em { color: var(--atlas-orange-deep); }
#why .eyebrow { color: var(--atlas-orange-deep); }
#why p { color: #465565; }
#why>.page-pad>.grid { gap: 0; border-top: 1px solid #171c1c44; border-bottom: 1px solid #171c1c44; counter-reset: atlas-reason; }
#why>.page-pad>.grid>[data-fx] { background: transparent; border: 0; border-right: 1px solid #171c1c3b; border-radius: 0; padding: 33px 32px 38px; min-height: 340px; }
#why>.page-pad>.grid>[data-fx]:first-child { padding-left: 0; }
#why>.page-pad>.grid>[data-fx]:last-child { border-right: 0; }
#why>.page-pad>.grid>[data-fx]::before { counter-increment: atlas-reason; content: "0" counter(atlas-reason) " / SIGNAL"; color: var(--atlas-orange-deep); font: 10px JetBrains Mono,monospace; letter-spacing: .16em; margin-bottom: 45px; display: block; }
#why .subtitle-text { font-size: 29px; color: var(--atlas-text); }
#why [data-fx]>.eyebrow { border-top: 1px solid #171c1c30; padding-top: 18px; }

/* Proof reads like evidence with transaction links in reach. */
#verify { background: #0b1422; color: var(--atlas-paper); }
#verify .title-text { max-width: 1000px; }
#verify .title-text em { color: var(--atlas-blue); }
#verify>.page-pad>p { color: #c5d0df; }
#verify>.page-pad>.mt-12>[data-fx],#verify>.page-pad>.mt-6>[data-fx] { border-radius: 0; border: 1px solid #90aaa44d; background: linear-gradient(135deg,#1a2b41,#142033); position: relative; overflow: hidden; }
#verify>.page-pad>.mt-12>[data-fx] { border-left: 5px solid var(--atlas-orange); }
#verify>.page-pad>.mt-6>[data-fx] { border-left: 5px solid var(--atlas-blue); }
#verify>.page-pad>.mt-12>[data-fx]::after,#verify>.page-pad>.mt-6>[data-fx]::after { content: "VERIFIED / 4663"; position: absolute; right: 24px; top: 22px; color: #90aaa49c; font: 9px JetBrains Mono,monospace; letter-spacing: .17em; }
#verify>.page-pad>.mt-12 p,#verify>.page-pad>.mt-6 p { max-width: 1050px; }
#verify .text-cyan { color: var(--atlas-orange); }
#verify>.page-pad>.grid>[data-fx] { border-radius: 0; border: 1px solid #90aaa43a; background: #19283c; }
#verify>.page-pad>.grid>[data-fx] .subtitle-text { color: var(--atlas-paper); }
#verify>.page-pad>.grid>[data-fx] p { color: #bfcede; }
#verify a { transition: color .2s,border-color .2s,background-color .2s; }
#verify a:hover { color: #ffb59d; border-color: var(--atlas-orange); background: #b7c8be19; }

/* Contact: an open directory with obvious, full-row destinations. */
#contact { background: #21334b; color: var(--atlas-paper); }
#contact .title-text { max-width: 590px; }
#contact .title-text em { color: var(--atlas-orange); }
#contact p { color: #c8d4e1; }
#contact>.page-pad>.grid>div:last-child { gap: 0; border-top: 1px solid #90aaa455; }
#contact>.page-pad>.grid>div:last-child>a { border: 0; border-bottom: 1px solid #90aaa455; background: transparent; border-radius: 0; padding: 19px 32px 19px 0; position: relative; transition: padding .3s,background .3s; }
#contact>.page-pad>.grid>div:last-child>a:hover { background: #90aaa410; padding-left: 15px; }
#contact>.page-pad>.grid>div:last-child>a::after { content: "↗"; position: absolute; right: 3px; top: 24px; color: var(--atlas-orange); font-size: 20px; }
#contact>.page-pad>.grid>div:last-child>a .subtitle-text { margin-bottom: 4px; }
#contact>.page-pad>.grid>div:last-child>a .subtitle-text span { display: none; }
#contact>.page-pad>.grid>div:last-child>a p { color: #bac9d9; }
footer { background: #070e18 !important; border-color: #90aaa429 !important; }
footer a:hover { color: var(--atlas-orange) !important; }

/* Reference pages use the same editorial hierarchy and clearer controls. */
.atlas-docs main { background: var(--atlas-deep); }
.atlas-docs nav[aria-label="Contents"] { border-left: 1px solid #90aaa445; padding: 18px 10px 20px 14px; }
.atlas-docs nav[aria-label="Contents"] a:hover,.atlas-docs nav[aria-label="Contents"] a:focus-visible { color: var(--atlas-orange) !important; border-left-color: var(--atlas-orange) !important; }
.atlas-docs main section { border-color: #90aaa430 !important; }
.atlas-docs main section h2 { letter-spacing: -.06em !important; }
.atlas-docs main pre { border-color: #90aaa43d !important; border-radius: 0 !important; background: #17263a !important; }
.atlas-docs main section a:hover { color: #ffb599 !important; }
.atlas-registry main>section { border-color: #90aaa430 !important; }
.atlas-registry main>section:first-child { background: radial-gradient(circle at 83% 12%,#7d97ce17,transparent 43%),var(--atlas-deep) !important; }
.atlas-registry main>section:first-child h1 { font-size: clamp(52px,6vw,87px) !important; line-height: 1.02 !important; letter-spacing: -.065em !important; max-width: 1050px; }
.atlas-registry main>section:first-child p { color: #c5d0dd !important; }
.atlas-registry main>section:nth-child(2) { background: #172538 !important; }
.atlas-registry details { border-radius: 0 !important; border-color: #90aaa442 !important; background: #1c2e43 !important; transition: border-color .2s,background .2s; }
.atlas-registry details:hover,.atlas-registry details[open] { border-color: #b7c8be88 !important; background: #233750 !important; }
.atlas-registry details summary { padding: 19px 23px !important; }
.atlas-registry details summary::after { content: "+"; color: var(--atlas-orange); font: 26px/1 Inter,Arial,sans-serif; margin-left: 10px; }
.atlas-registry details[open] summary::after { content: "−"; }
.atlas-registry details summary::-webkit-details-marker { display: none; }

/* In the static copy the trading module is absent. The preview states that
   clearly and retains a useful, interactive explanation of the product. */
.atlas-static-app .vx { background: #1c2525; }
.atlas-static-app .vx-wrap { max-width: 1400px; padding-top: 45px; padding-bottom: 110px; }
.atlas-preview-head { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 24px; border-bottom: 1px solid #90aaa445; }
.atlas-preview-chain { color: var(--atlas-blue); font: 10px JetBrains Mono,monospace; letter-spacing: .17em; }
.atlas-preview-intro { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: end; padding: 70px 0 55px; }
.atlas-preview-intro h1 { color: var(--atlas-paper); font-size: clamp(56px,7.5vw,110px); letter-spacing: -.075em; line-height: .96; font-weight: 500; }
.atlas-preview-intro h1 em { color: var(--atlas-orange); font-style: normal; }
.atlas-preview-intro p { color: #c8d3e0; font-size: 18px; line-height: 1.65; max-width: 470px; }
.atlas-preview-status { display: flex; gap: 20px; align-items: center; border-top: 1px solid #b7c8be75; border-bottom: 1px solid #b7c8be75; padding: 17px 23px; background: #b7c8be10; font-size: 14px; }
.atlas-preview-status strong { color: #ffb59a; font-weight: 600; flex: 0 0 36%; }
.atlas-preview-status span { color: #c6d3df; }
.atlas-preview-grid { display: grid; grid-template-columns: 42% 58%; min-height: 550px; margin-top: 45px; border: 1px solid #90aaa442; }
.atlas-preview-steps { display: flex; flex-direction: column; }
.atlas-preview-steps button { flex: 1; border: 0; border-bottom: 1px solid #90aaa442; text-align: left; padding: 27px 35px; background: #18263a; color: #d1dbea; transition: background .25s,padding .25s; }
.atlas-preview-steps button:last-child { border: 0; }
.atlas-preview-steps button:hover,.atlas-preview-steps button.on { background: #b7c8be1c; padding-left: 43px; }
.atlas-preview-steps button span { display: block; color: var(--atlas-orange); font: 10px JetBrains Mono,monospace; letter-spacing: .16em; }
.atlas-preview-steps button strong { display: block; color: var(--atlas-paper); font-size: clamp(23px,2.4vw,35px); font-weight: 500; letter-spacing: -.055em; margin: 12px 0 5px; }
.atlas-preview-steps button small { display: block; font-size: 13px; color: #afbfce; }
.atlas-preview-visual { position: relative; overflow: hidden; background: radial-gradient(circle at 56% 50%,#b7c8be22,transparent 34%),#151c1d; border-left: 1px solid #90aaa442; }
.atlas-preview-gridlines { position: absolute; inset: 0; background-image: linear-gradient(#90aaa40d 1px,transparent 1px),linear-gradient(90deg,#90aaa40d 1px,transparent 1px); background-size: 44px 44px; }
.atlas-preview-source { position: absolute; left: 6%; color: var(--atlas-blue); font: 10px JetBrains Mono,monospace; letter-spacing: .08em; transition: opacity .5s,transform .5s; }
.atlas-preview-source::before { content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--atlas-orange); margin-right: 10px; box-shadow: 0 0 12px var(--atlas-orange); }
.atlas-preview-source::after { content: ""; position: absolute; left: 3px; top: 50%; width: 35vw; height: 1px; transform-origin: left; background: linear-gradient(90deg,#b7c8be78,transparent); }
.atlas-preview-source.s1 { top: 22%; }.atlas-preview-source.s2 { top: 37%; }.atlas-preview-source.s3 { top: 62%; }.atlas-preview-source.s4 { top: 77%; }
.atlas-preview-center { position: absolute; left: 55%; top: 50%; transform: translate(-50%,-50%); width: 170px; height: 170px; border-radius: 50%; border: 1px solid #ffb28eaf; box-shadow: 0 0 0 30px #b7c8be0d,0 0 0 72px #90aaa409,0 0 70px #b7c8be2b; display: grid; place-content: center; text-align: center; color: var(--atlas-paper); font-size: 28px; letter-spacing: -.06em; line-height: .95; background: #1a293dd9; transition: box-shadow .5s,transform .5s; }
.atlas-preview-output { position: absolute; right: 4%; top: 46%; padding: 11px; border: 1px solid #90aaa465; color: var(--atlas-paper); font-size: 14px; line-height: 1.1; transition: border-color .5s,box-shadow .5s; }
.atlas-preview-beam { position: absolute; left: 55%; right: 8%; top: 50%; height: 2px; background: linear-gradient(90deg,#b7c8be,#ffccad); transform: scaleX(.25); transform-origin: left; opacity: .3; transition: transform .6s,opacity .6s; }
.atlas-preview-caption { position: absolute; bottom: 22px; left: 27px; color: #a5b7cb; font: 9px JetBrains Mono,monospace; letter-spacing: .14em; }
[data-preview-visual="quote"] .atlas-preview-center { box-shadow: 0 0 0 34px #b7c8be1e,0 0 0 76px #90aaa40e,0 0 100px #b7c8be54; transform: translate(-50%,-50%) scale(1.07); }
[data-preview-visual="quote"] .atlas-preview-source { opacity: .58; transform: translateX(20px); }
[data-preview-visual="check"] .atlas-preview-source { opacity: .3; }
[data-preview-visual="check"] .atlas-preview-beam { transform: scaleX(1); opacity: 1; }
[data-preview-visual="check"] .atlas-preview-output { border-color: var(--atlas-orange); box-shadow: 0 0 50px #b7c8be4a; }
.atlas-preview-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 35px; }
.atlas-launch-preview { background: #1c2525; min-height: 78vh; }
.atlas-launch-preview #root { max-width: 1400px; padding-top: 45px; padding-bottom: 100px; }
.atlas-launch-preview .atlas-preview-intro { padding-bottom: 85px; }
.atlas-launch-links { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 45px; }

@media(max-width:1100px) {
  #products>.page-pad>.grid>[data-fx] { border-bottom: 1px solid #171c1c30; min-height: 340px; }
  #why>.page-pad>.grid>[data-fx] { min-height: 0; }
}
@media(max-width:900px) {
  .atlas-preview-intro { grid-template-columns: 1fr; gap: 20px; padding: 50px 0 40px; }
  .atlas-preview-grid { grid-template-columns: 1fr; }
  .atlas-preview-visual { min-height: 430px; border-left: 0; border-top: 1px solid #90aaa442; }
  .atlas-preview-status { align-items: flex-start; flex-direction: column; gap: 6px; }
  .hero-editorial::after { display: none; }
  .hero-editorial h1 { font-size: clamp(43px,8vw,70px) !important; }
  #venues>.page-pad>.grid>div:last-child>[data-fx] { padding-right: 30px; }
  #why>.page-pad>.grid>[data-fx],#why>.page-pad>.grid>[data-fx]:first-child { padding: 28px 0; border-right: 0; border-bottom: 1px solid #171c1c3b; }
  #why>.page-pad>.grid>[data-fx]:last-child { border-bottom: 0; }
  #why>.page-pad>.grid>[data-fx]::before { margin-bottom: 25px; }
}
@media(max-width:600px) {
  .atlas-preview-chain { max-width: 120px; text-align: right; }
  .atlas-preview-intro h1 { font-size: clamp(49px,12vw,72px); }
  .atlas-preview-intro p { font-size: 16px; }
  .atlas-preview-steps button { padding: 20px; }
  .atlas-preview-steps button:hover,.atlas-preview-steps button.on { padding-left: 27px; }
  .atlas-preview-visual { min-height: 360px; }
  .atlas-preview-center { width: 130px; height: 130px; font-size: 22px; }
  .atlas-preview-source { font-size: 7px; }
  .atlas-preview-output { font-size: 11px; top: 67%; }
  .atlas-preview-actions .btn { width: 100%; }
  .atlas-launch-links .btn { width: 100%; }
  .title-text { font-size: clamp(38px,10vw,55px); }
  .hero-editorial h1 { font-size: clamp(43px,11vw,61px) !important; }
  .hero-editorial .hero-side { box-shadow: 8px 8px 0 #101717; }
  #products>.page-pad>.grid>[data-fx] { border-right: 0; min-height: 0; }
  #products [aria-label="Live pools on chain 4663"] { border-left: 0; padding-left: 0; }
  #verify>.page-pad>.mt-12>[data-fx]::after,#verify>.page-pad>.mt-6>[data-fx]::after { display: none; }
}
@media(prefers-reduced-motion:reduce) {
  .btn,.hero-btn,#products>.page-pad>.grid>[data-fx],#venues>.page-pad>.grid>div:last-child>[data-fx],#contact>.page-pad>.grid>div:last-child>a { transition: none !important; }
  .btn:hover,.hero-btn:hover,#products>.page-pad>.grid>[data-fx]:hover { transform: none; }
}

/* Compact shared header actions on registry and legal pages. */
body > header .btn { min-height:32px !important; padding:.45rem .7rem !important; font-size:10px !important; }