/* ===========================================================================
   Heaven: the third company, second cut. Dark and cinematic.

   The stage is near black with one beam of warm light from above. Two great
   wings stand either side of the exchange box (obsidian with gold edges on the
   left, pearl on the right), dust drifts in the beam, fog lies on the floor.
   Headlines are heavy upper case. Cards are black with their own art. A winged
   gold emblem rises over a burning horizon; the page ends at the gates.

   Gold is the company's own light and is used for decoration only.
   THE ACCENT STILL WINS: every interactive element ends in var(--a).
   All art: public/panel/img/heaven (wings and quill: scripts/heaven-art.js).
   =========================================================================== */
@font-face{font-family:'HvSans';src:url('/_p/fonts/satoshi-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'HvSans';src:url('/_p/fonts/satoshi-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'HvSans';src:url('/_p/fonts/satoshi-900.woff2') format('woff2');font-weight:900;font-display:swap}

:root{
  --bg:#0b0c10;
  --bg1:#121318;   /* raised */
  --bg2:#17181e;   /* cards inside cards */
  --bg3:#1f2128;   /* chips, hovers */
  --bg4:#2a2c35;
  --sunk:#08090c;
  --ln:rgba(255,255,255,.07);
  --ln2:rgba(255,255,255,.13);
  --tx:#f5f6f8;
  --tx2:#c9ccd4;
  --mu:#8d919c;
  --fa:#62666f;
  --ok:#21c07a; --wa:#f0b24a; --no:#f0475e;
  --gold:#f0c060; --gold2:#ffe4a3; --gold3:#a8741f;
  --card:#111216;
  --head:rgba(11,12,16,.72);
  --e1:0 1px 0 rgba(255,255,255,.04) inset;
  --e2:0 1px 0 rgba(255,255,255,.04) inset,0 20px 40px -20px rgba(0,0,0,.8);
  --e3:0 1px 0 rgba(255,255,255,.05) inset,0 30px 60px -24px rgba(0,0,0,.9);
  --e4:0 1px 0 rgba(255,255,255,.06) inset,0 40px 90px -30px rgba(0,0,0,.95);
  --edge:0 0 0 transparent;
  --spark:transparent;--sweep:transparent;--fx:transparent;
  --r:24px;
  --err-bg:rgba(240,71,94,.1);--err-ln:rgba(240,71,94,.35);--err-tx:#ffc2cb;
  color-scheme:dark;
}

body{background:var(--bg);color:var(--tx);font-family:'HvSans','PBody',system-ui,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'HvSans','PBody',system-ui,sans-serif;font-weight:900;color:var(--tx);letter-spacing:-.01em}
a{color:var(--a)}
a:hover{color:var(--a-soft)}
::selection{background:var(--a);color:var(--a-ink)}
:focus-visible{outline:2px solid var(--a);outline-offset:3px;border-radius:8px}
.wrap{max-width:1240px;padding:0 24px}
.hv-narrow{max-width:900px}
.muted,.sec-lede{color:var(--mu)}
.faint{color:var(--fa)}
body::before,body::after,.x-wrap::before,.x-wrap::after,.atmo::before,.grain::after,.gridfield::before{display:none!important}
.fx,.sweep::after{display:none!important}

/* ---- header -------------------------------------------------------------- */
.p-head{background:transparent;border-bottom:1px solid transparent;transition:background .25s,border-color .25s,backdrop-filter .25s}
.p-head.scrolled{background:var(--head);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border-bottom-color:var(--ln)}
.p-head .wrap{height:80px;max-width:1440px}
.p-brand{color:#fff;font-family:'HvSans',sans-serif;font-weight:900;font-size:1.45rem;letter-spacing:-.02em;gap:.6rem;text-transform:uppercase}
.p-brand:hover{color:#fff}
.hv-mark{display:block;flex:0 0 auto;overflow:visible}
.hv-head .p-brand{margin-inline-end:1rem}
.p-nav{gap:.4rem;font-size:1rem;font-weight:700}
.p-nav a{color:#fff;border-radius:999px;padding:.5rem .9rem;opacity:.86}
.p-nav a:hover{opacity:1;background:rgba(255,255,255,.06);color:#fff}
.p-nav a.on{opacity:1;background:none;color:#fff}
.p-cta,.p-nav a.p-nav-cta{background:var(--a);color:var(--a-ink);border-radius:999px;height:48px;padding:0 1.5rem;font-weight:700;font-size:1rem}
.p-cta:hover,.p-nav a.p-nav-cta:hover{background:var(--a-soft);color:var(--a-ink);filter:none}
.hv-mode{display:none}
.hv-tg{display:inline-flex;align-items:center;gap:.45rem;height:48px;padding:0 1.1rem;border-radius:999px;background:var(--bg3);color:#fff;font-size:.92rem;font-weight:700;white-space:nowrap}
.hv-tg:hover{background:var(--bg4);color:#fff;text-decoration:none}
.p-lang>summary{color:#fff;border-radius:999px;background:var(--bg3);height:48px;padding:0 1rem}
.p-lang>summary:hover,.p-lang[open]>summary{background:var(--bg4)}
.p-lang-pop{background:var(--bg2);border-color:var(--ln2);box-shadow:var(--e4)}
.p-lang-pop a{color:var(--tx2)}
.p-lang-pop a:hover{background:var(--bg3);color:#fff}
.p-lang-pop a.on{color:var(--a);font-weight:700}
.p-burger{border-color:var(--ln2);color:#fff;border-radius:999px;background:var(--bg3)}
.p-burger span{background:currentColor}
@media(max-width:900px){
  .p-nav{background:var(--bg2);border-color:var(--ln2);box-shadow:var(--e4)}
  .p-nav a{border-radius:12px}
}
@media(max-width:1100px){.hv-tg span{display:none}.hv-tg{width:48px;padding:0;justify-content:center}}
@media(max-width:620px){.hv-tg{display:none}.p-head .wrap{height:68px}.p-cta{height:42px;padding:0 1.1rem;font-size:.92rem}.p-lang>summary{height:42px}}

/* ---- fixed side furniture: tracker tab and section dots ------------------- */
.hv-tracker{position:fixed;z-index:30;left:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;
  padding:18px 12px;border-radius:0 16px 16px 0;background:var(--bg2);border:1px solid var(--ln2);border-left:0;color:#fff;font-weight:700;font-size:.92rem;
  box-shadow:var(--e3);transition:padding .2s,background .2s}
.hv-tracker span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
.hv-tracker svg{order:-1}
.hv-tracker:hover{color:#fff;background:var(--bg3);padding-left:16px;text-decoration:none}
[dir=rtl] .hv-tracker{left:auto;right:0;border-radius:16px 0 0 16px;border-left:1px solid var(--ln2);border-right:0}
.hv-dots{position:fixed;z-index:30;right:22px;top:50%;transform:translateY(-50%);display:grid;gap:8px}
.hv-dots a{display:block;width:10px;height:6px;border-radius:4px;background:rgba(255,255,255,.28);transition:height .25s,background .25s}
.hv-dots a:hover{background:rgba(255,255,255,.6)}
.hv-dots a.on{height:22px;background:#fff}
[dir=rtl] .hv-dots{right:auto;left:22px}
@media(max-width:1180px){.hv-dots{display:none}}
@media(max-width:760px){.hv-tracker{display:none}}

/* ---- the stage ----------------------------------------------------------- */
.x-wrap.hv-hero{position:relative;isolation:isolate;border:0;overflow:hidden;padding:48px 0 110px;margin-top:-80px;padding-top:150px;min-height:100svh}
.hv-stage{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent);
  background:radial-gradient(70% 55% at 50% 0,#1c1d24,transparent 70%),linear-gradient(180deg,#0e0f14,#0b0c10 60%)}
.hv-beam{position:absolute;left:50%;top:-20%;width:min(1100px,120vw);height:120%;transform:translateX(-50%);
  background:radial-gradient(40% 55% at 50% 0,rgba(255,236,190,.22),rgba(255,214,140,.07) 45%,transparent 70%)}
.hv-rays{position:absolute;left:50%;top:-900px;width:1800px;height:1800px;margin-left:-900px;opacity:.9;
  background:repeating-conic-gradient(from 160deg at 50% 50%,rgba(255,232,180,.05) 0deg 3deg,transparent 3deg 11deg);
  -webkit-mask-image:radial-gradient(closest-side,#000 30%,transparent 72%);mask-image:radial-gradient(closest-side,#000 30%,transparent 72%);
  animation:hv-sway 18s ease-in-out infinite alternate}
@keyframes hv-sway{from{transform:rotate(-4deg)}to{transform:rotate(4deg)}}
.hv-dust i{position:absolute;left:var(--x);bottom:-10px;width:var(--s);height:var(--s);border-radius:50%;background:#ffe8b8;opacity:0;
  box-shadow:0 0 6px rgba(255,220,150,.8);animation:hv-rise var(--d) linear infinite;animation-delay:var(--o)}
@keyframes hv-rise{0%{transform:translateY(0);opacity:0}15%{opacity:.8}85%{opacity:.5}100%{transform:translateY(-95vh) translateX(30px);opacity:0}}
.hv-wing{position:absolute;top:clamp(170px,24vh,230px);height:min(70vh,700px);width:auto;transition:translate .6s cubic-bezier(.2,.7,.2,1);will-change:translate}
.hv-wing.l{right:calc(50% + 300px);filter:drop-shadow(0 30px 60px rgba(0,0,0,.8)) drop-shadow(0 0 40px rgba(240,192,96,.12))}
.hv-wing.r{left:calc(50% + 300px);filter:drop-shadow(0 30px 60px rgba(0,0,0,.7)) drop-shadow(0 0 60px rgba(255,255,255,.12))}
@keyframes hv-flap{0%,100%{rotate:0deg}50%{rotate:-2.2deg}}
@keyframes hv-flap-r{0%,100%{rotate:0deg}50%{rotate:2.2deg}}
.hv-wing.l{transform-origin:85% 95%}.hv-wing.r{transform-origin:15% 95%}
.hv-fog{position:absolute;left:-10%;right:-10%;bottom:-60px;height:260px;
  background:radial-gradient(50% 60% at 20% 70%,rgba(160,170,200,.18),transparent 70%),radial-gradient(45% 60% at 80% 70%,rgba(160,170,200,.16),transparent 70%),
             radial-gradient(60% 70% at 50% 100%,rgba(200,205,225,.14),transparent 70%),linear-gradient(180deg,transparent,var(--bg) 85%);
  filter:blur(6px);animation:hv-fog 24s ease-in-out infinite alternate}
@keyframes hv-fog{to{transform:translateX(3%)}}
@media(max-width:1280px){.hv-wing{height:min(64vh,620px);opacity:.8}}
@media(max-width:900px){.hv-wing{top:70px;height:440px;opacity:.35}.hv-wing.l{right:calc(50% + 90px)}.hv-wing.r{left:calc(50% + 90px)}}

/* ---- hero type, pill, box, banner ---------------------------------------- */
.hv-hero-in{display:flex;flex-direction:column;align-items:center;text-align:center}
.hv-h1{font-weight:900;text-transform:uppercase;font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:1;letter-spacing:-.02em;margin:0 0 2.2rem;
  text-shadow:0 10px 50px rgba(0,0,0,.6)}
.hv-l{display:block}
.hv-pill{display:inline-flex;align-items:center;vertical-align:middle;margin:0 .12em;padding:.08em .14em .08em .1em;border-radius:999px;
  background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.14);transform:translateY(-.06em);backdrop-filter:blur(8px)}
.hv-pill img{width:.62em;height:.62em;border-radius:50%;box-shadow:0 0 0 3px #0e0f14;margin-inline-start:-.16em}
.hv-pill img:first-child{margin-inline-start:0}
.hv-pill b{margin-inline-start:.12em;padding:.12em .34em;border-radius:999px;background:var(--a);color:var(--a-ink);font-size:.3em;font-weight:700;letter-spacing:0;line-height:1.2}
.hv-box-wrap{width:100%;max-width:600px;margin:0 auto}
.hv-banner{display:flex;align-items:center;gap:16px;width:100%;max-width:600px;margin:22px auto 0;padding:14px 18px 14px 10px;border-radius:20px;
  background:rgba(17,18,22,.85);border:1px solid var(--ln2);color:#fff;text-align:start;backdrop-filter:blur(10px);transition:border-color .2s,transform .2s}
.hv-banner:hover{border-color:var(--gold);color:#fff;text-decoration:none;transform:translateY(-2px)}
.hv-banner img{width:46px;height:auto;margin:-26px 0 -18px 6px;filter:drop-shadow(0 6px 14px rgba(240,192,96,.35));transform:rotate(-10deg)}
.hv-banner b{display:block;font-size:1.06rem;font-weight:700}
.hv-banner em{display:block;font-style:normal;color:var(--mu);font-size:.9rem;margin-top:2px}
.hv-banner-go{margin-inline-start:auto;flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--bg3);color:#fff}
[dir=rtl] .hv-banner-go svg{transform:scaleX(-1)}
.hv-h1,.hv-box-wrap,.hv-banner{animation:hv-up .9s cubic-bezier(.2,.7,.2,1) both}
.hv-box-wrap{animation-delay:.1s}.hv-banner{animation-delay:.2s}
.hv-wing.l,.hv-wing.r{animation:hv-flap 9s ease-in-out infinite,hv-in 1.4s cubic-bezier(.2,.7,.2,1) backwards}
.hv-wing.r{animation-name:hv-flap-r,hv-in}
@keyframes hv-in{from{opacity:0;translate:0 60px}}
@keyframes hv-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:620px){.x-wrap.hv-hero{padding-top:110px;padding-bottom:70px;min-height:0}.hv-h1{margin-bottom:1.6rem}}

/* ---- the exchange box: dark, like the best of them ----------------------- */
.x-box{position:relative;background:rgba(18,19,24,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid var(--ln2);border-radius:28px;box-shadow:var(--e4);width:100%;max-width:600px;margin:0 auto;text-align:start}
.x-box::before{display:none}
.x-inner{padding:18px}
.x-toggle{background:var(--bg3);border:0;border-radius:16px;padding:5px;box-shadow:none}
.x-toggle button{color:var(--tx2);border-radius:12px;font-weight:700;font-size:1rem}
.x-toggle button:hover{color:#fff}
.x-toggle button[aria-pressed=true]{background:color-mix(in srgb,var(--a) 22%,#120b06);color:var(--a-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a) 40%,transparent)}
.x-leg{background:var(--bg2);border:1px solid var(--ln2);border-radius:18px;box-shadow:none;padding:14px 16px}
.x-leg:focus-within{border-color:color-mix(in srgb,var(--a) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 18%,transparent)}
.x-leg label{color:var(--tx2);font-size:.86rem;font-weight:500;text-transform:none;letter-spacing:0}
.x-amt{color:#fff;font-size:1.9rem;font-weight:700;letter-spacing:-.02em;font-family:'HvSans',sans-serif}
.x-amt::placeholder{color:var(--fa)}
.x-usd{color:var(--mu)}
.x-pick{background:var(--bg3);color:#fff;border:1px solid var(--ln2);border-radius:999px;box-shadow:none;font-weight:700}
.x-pick:hover{background:var(--bg4);border-color:rgba(255,255,255,.22)}
.x-pick .net{color:var(--mu)}
.x-flip button{background:var(--bg1);border:1px solid var(--ln2);color:#fff;box-shadow:0 0 0 5px rgba(18,19,24,.95);border-radius:10px;
  transition:transform .35s cubic-bezier(.3,1.6,.5,1),border-color .2s}
.x-flip button:hover{border-color:var(--a);color:var(--a-soft);transform:rotate(180deg)}
.x-rate{color:#fff;font-weight:500}
.x-field label{color:var(--tx2);font-weight:500}
.x-field input{background:var(--bg2);border:1px solid var(--ln2);color:#fff;border-radius:16px;box-shadow:none;padding:.95rem 1rem}
.x-field input::placeholder{color:var(--fa)}
.x-field input:focus{border-color:var(--a);box-shadow:0 0 0 3px color-mix(in srgb,var(--a) 18%,transparent)}
.x-field summary{color:var(--a-soft);opacity:1!important;font-weight:700}
.x-hint{color:var(--mu)}
.x-go{background:var(--a);color:var(--a-ink);border-radius:999px;font-weight:700;font-size:1.05rem;min-height:56px;box-shadow:0 18px 40px -18px var(--a)}
.x-go:hover{background:var(--a-soft);filter:none}
.x-go[disabled]{background:color-mix(in srgb,var(--a) 22%,#0b0c10);color:color-mix(in srgb,var(--a) 70%,#fff);box-shadow:none}
.x-note{color:var(--mu)}
.x-err{background:var(--err-bg);border-color:var(--err-ln);color:var(--err-tx)}

/* ---- coin picker --------------------------------------------------------- */
.cp-back{background:rgba(0,0,0,.65);backdrop-filter:blur(6px)}
.cp-box{background:var(--bg1);border:1px solid var(--ln2);box-shadow:var(--e4);border-radius:24px}
.cp-search{border-color:var(--ln)}
.cp-search input{background:var(--bg3);border:1px solid transparent;color:#fff;border-radius:14px}
.cp-search input:focus{border-color:var(--a);outline:none}
.cp-item{color:#fff;border-radius:12px}
.cp-item:hover{background:var(--bg3)}
.cp-item span{color:var(--mu)}
.cp-item b{color:#fff}

/* ---- sections ------------------------------------------------------------ */
.hv-sec{padding:110px 0}
.hv-h2{font-weight:900;font-size:clamp(2.1rem,4vw,3.4rem);line-height:1.05;letter-spacing:-.02em;text-align:center;margin:0 0 3rem}
.hv-h2.l{text-align:start;margin-bottom:.8rem}
.sec-h{font-family:'HvSans',sans-serif;font-weight:900;letter-spacing:-.02em}
.sec-head{margin-bottom:2.5rem;align-items:flex-end}
.sec-lede{font-size:1.06rem;line-height:1.6;max-width:40rem}
.sec-link{color:#fff;background:var(--bg3);border-radius:999px;padding:.7rem 1.2rem;font-weight:700;font-size:.92rem}
.sec-link:hover{background:var(--bg4);color:#fff;text-decoration:none}
@media(max-width:620px){.hv-sec{padding:72px 0}.hv-h2{margin-bottom:2rem}}

/* ---- the numbers --------------------------------------------------------- */
.hv-numbers{padding-top:40px}
.hv-lead{font-weight:900;font-size:clamp(1.6rem,3.2vw,2.6rem);line-height:1.15;letter-spacing:-.015em;text-align:center;max-width:56rem;margin:0 auto 3.5rem;
  color:#fff}
.hv-stats{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:18px}
.hv-stats>div{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:34px 18px;border-radius:28px;
  background:var(--card);border:1px solid var(--ln);box-shadow:var(--e2)}
.hv-stats>div.mid{background:radial-gradient(80% 90% at 50% 120%,rgba(240,192,96,.16),transparent 70%),var(--card)}
.hv-stat-k{font-weight:700;color:var(--tx2)}
.hv-stats b{display:flex;align-items:center;gap:10px;font-weight:900;font-size:clamp(3.4rem,6vw,5.2rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.hv-laurel{width:30px;height:54px;color:var(--gold3);flex:0 0 auto}
.hv-laurel.r{transform:scaleX(-1)}
.hv-stat-coins{display:flex;margin-top:14px}
.hv-stat-coins img{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 3px var(--card);margin-inline-start:-8px;transition:transform .25s}
.hv-stat-coins img:first-child{margin-inline-start:0}
.hv-stats>div:hover .hv-stat-coins img{transform:translateY(-4px)}
.hv-stats>div:hover .hv-stat-coins img:nth-child(even){transform:translateY(2px)}
@media(max-width:860px){.hv-stats{grid-template-columns:1fr}}

/* ---- the emblem over the burning horizon --------------------------------- */
.hv-ascend{position:relative;overflow:hidden;isolation:isolate;padding:120px 0 0;text-align:center;
  background:radial-gradient(1px 1px at 12% 20%,#fff,transparent),radial-gradient(1px 1px at 30% 8%,#fff,transparent),radial-gradient(1.4px 1.4px at 70% 14%,#fff,transparent),
    radial-gradient(1px 1px at 88% 30%,#fff,transparent),radial-gradient(1px 1px at 52% 26%,#fff,transparent),radial-gradient(1.2px 1.2px at 6% 44%,#fff,transparent),
    radial-gradient(1px 1px at 94% 52%,#fff,transparent),
    radial-gradient(900px 300px at 50% 470px,rgba(255,170,80,.55),transparent 70%),
    radial-gradient(1500px 520px at 50% 470px,rgba(240,130,40,.3),transparent 70%),
    radial-gradient(90% 70% at 50% 20%,rgba(240,160,70,.16),transparent 60%),#0b0c10}
.hv-horizon{position:absolute;z-index:-1;left:50%;top:440px;width:2400px;height:1600px;margin-left:-1200px;border-radius:50%;
  background:radial-gradient(closest-side,#0b0c10 92%,transparent 100%);
  box-shadow:0 -2px 0 rgba(255,222,160,.95),0 -6px 18px rgba(255,180,90,.7)}
.hv-ascend-in{position:relative}
.hv-ascend .hv-h2{margin-bottom:1.4rem}
.hv-assure{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;color:var(--tx2);font-weight:700}
.hv-assure li{display:flex;align-items:center;gap:.5rem}
.hv-tick{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:50%;color:#2a1a04;background:linear-gradient(180deg,var(--gold2),var(--gold))}
.hv-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:2rem 0 0}
.hv-btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 2rem;border-radius:999px;font-weight:700;font-size:1.02rem;transition:transform .2s,background .2s,border-color .2s}
.hv-btn:hover{transform:translateY(-2px);text-decoration:none}
.hv-btn-white{background:#fff;color:#0b0c10}
.hv-btn-white:hover{color:#0b0c10;background:#f1f1f1}
.hv-btn-line{border:1.5px solid rgba(255,255,255,.75);color:#fff}
.hv-btn-line:hover{color:#fff;border-color:#fff;background:rgba(255,255,255,.06)}
.hv-btn-accent{background:var(--a);color:var(--a-ink);box-shadow:0 18px 40px -16px var(--a)}
.hv-btn-accent:hover{color:var(--a-ink);background:var(--a-soft)}
.hv-emblem{position:relative;width:min(760px,100%);height:440px;margin:30px auto 0}
.hv-emblem-d{position:absolute;left:50%;top:40px;width:240px;height:auto;transform:translateX(-50%);filter:drop-shadow(0 30px 40px rgba(0,0,0,.7)) drop-shadow(0 0 50px rgba(240,180,80,.35));
  animation:hv-hover 6s ease-in-out infinite}
.hv-emblem-w{position:absolute;top:0;height:400px;width:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6));animation:hv-hover 6s ease-in-out infinite}
.hv-emblem-w.l{right:calc(50% + 40px)}
.hv-emblem-w.r{left:calc(50% + 40px);transform:scaleX(-1)}
@keyframes hv-hover{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(max-width:700px){.hv-emblem{height:300px}.hv-emblem-d{width:170px}.hv-emblem-w{height:270px}.hv-emblem-w.l{right:calc(50% + 24px)}.hv-emblem-w.r{left:calc(50% + 24px)}.hv-horizon{top:520px}}

/* ---- why: black cards with art ------------------------------------------- */
.hv-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.hv-card{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;min-height:400px;padding:38px;border-radius:32px;
  background:#000;border:1px solid var(--ln);transition:border-color .3s,transform .4s cubic-bezier(.2,.7,.2,1)}
.hv-card:hover{border-color:var(--ln2);transform:translateY(-4px)}
.hv-card.c7{grid-column:span 7}.hv-card.c5{grid-column:span 5}.hv-card.c6{grid-column:span 6}
.hv-card-t{position:relative;z-index:2;max-width:22rem}
.hv-card h3{font-weight:900;font-size:clamp(1.7rem,2.4vw,2.2rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 .8rem}
.hv-hi{background:linear-gradient(180deg,var(--gold2),var(--gold) 60%,var(--gold3));-webkit-background-clip:text;background-clip:text;color:transparent}
.hv-card p{color:var(--tx2);line-height:1.6;margin:0}
.hv-card::after{content:"";position:absolute;z-index:-1;inset:auto -20% -50% 30%;height:90%;background:radial-gradient(closest-side,rgba(240,192,96,.12),transparent);pointer-events:none}
/* glass coins */
.hv-coinstack{position:absolute;right:0;bottom:0;width:62%;height:100%;pointer-events:none}
.hv-cs{position:absolute;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hv-cs0{right:36%;bottom:12%;transform:perspective(700px) rotateY(28deg) rotateZ(-8deg)}
.hv-cs1{right:8%;top:10%;transform:perspective(700px) rotateY(-24deg) rotateZ(6deg)}
.hv-cs2{right:-4%;bottom:-4%;transform:perspective(700px) rotateY(30deg) rotateZ(10deg);opacity:.9}
.hv-card:hover .hv-cs0{transform:perspective(700px) rotateY(10deg) rotateZ(-4deg) translateY(-10px)}
.hv-card:hover .hv-cs1{transform:perspective(700px) rotateY(-8deg) rotateZ(2deg) translateY(-14px)}
.hv-card:hover .hv-cs2{transform:perspective(700px) rotateY(12deg) rotateZ(6deg) translateY(-8px)}
.hv-coin3d{display:block;filter:drop-shadow(0 30px 30px rgba(0,0,0,.8))}
.hv-coinstack.sm{width:55%}
/* quill and key */
.hv-art-quill{position:absolute;right:-30px;bottom:-60px;height:440px;width:auto;transform:rotate(14deg);filter:drop-shadow(0 0 40px rgba(240,192,96,.25));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hv-card:hover .hv-art-quill{transform:rotate(4deg) translateY(-12px)}
.hv-art-key{position:absolute;right:-20px;bottom:-30px;width:300px;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.hv-card:hover .hv-art-key{transform:rotate(-8deg) scale(1.04)}
.hv-art-key{filter:drop-shadow(0 0 30px rgba(240,192,96,.35))}
.hv-flowwrap{margin-top:auto}
.hv-flow-coins{display:flex;justify-content:space-between;align-items:flex-end;padding:0 4px 14px}
.hv-flow-coins span{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700;font-size:.92rem}
.hv-flow-coins .hv-coin3d{width:92px;height:auto}
.hv-flowwrap .hv-flow{margin-top:0}
/* tilted route cards, from the real routes */
.hv-collage{position:relative;margin-top:auto;height:200px}
.hv-chipcard{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:18px;background:var(--bg2);border:1px solid var(--ln2);
  color:#fff;box-shadow:0 20px 40px -18px #000;white-space:nowrap;transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .2s}
.hv-chipcard:hover{color:#fff;text-decoration:none;border-color:var(--gold)}
.hv-cc0{left:0;top:0;transform:rotate(-5deg)}
.hv-cc1{left:22%;top:66px;transform:rotate(3deg)}
.hv-cc2{left:6%;top:136px;transform:rotate(-2deg)}
.hv-card:hover .hv-cc0{transform:rotate(-2deg) translateY(-4px)}.hv-card:hover .hv-cc1{transform:rotate(1deg) translateX(6px)}.hv-card:hover .hv-cc2{transform:rotate(0) translateY(4px)}
.hv-route-ic{display:flex}
.hv-route-ic img{border-radius:50%;box-shadow:0 0 0 2px var(--bg2)}
.hv-route-ic img+img{margin-inline-start:-9px}
.hv-cc-n b{display:block;font-weight:700}
.hv-cc-n em{display:block;font-style:normal;color:var(--gold);font-variant-numeric:tabular-nums;font-size:.9rem}
/* live price card, from the real feed */
.hv-live{position:relative;margin-top:auto;border-radius:22px;background:var(--bg2);border:1px solid var(--ln2);padding:18px 18px 0;overflow:hidden;box-shadow:0 30px 60px -30px #000;transform:rotate(-1.5deg);transition:transform .5s}
.hv-card:hover .hv-live{transform:rotate(0)}
.hv-live-h{display:flex;align-items:center;gap:12px}
.hv-live-h img{border-radius:50%}
.hv-live-h b{display:block;font-weight:700}
.hv-live-h em{display:block;font-style:normal;color:var(--tx2);font-variant-numeric:tabular-nums}
.hv-chg{margin-inline-start:auto;padding:5px 10px;border-radius:10px;font-weight:700;font-size:.86rem;font-variant-numeric:tabular-nums}
.hv-chg.up{background:rgba(33,192,122,.16);color:var(--ok)}.hv-chg.dn{background:rgba(240,71,94,.16);color:var(--no)}
.hv-spark{display:block;width:100%;height:120px;margin-top:10px}
/* the order flow */
.hv-flow{margin-top:auto;display:flex;align-items:center;padding:22px;border-radius:22px;background:var(--bg2);border:1px solid var(--ln2)}
.hv-flow i{flex:1;height:3px;border-radius:3px;background:var(--bg4);position:relative;overflow:hidden}
.hv-flow i.done{background:var(--ok)}
.hv-flow i.run::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ok),var(--gold));animation:hv-run 2.4s ease-in-out infinite}
@keyframes hv-run{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.hv-fdot{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:50%;border:2px solid var(--bg4);color:#fff}
.hv-fdot.done{background:var(--ok);border-color:var(--ok)}
.hv-fdot.spin{border-color:var(--gold);border-top-color:transparent;animation:hv-spin 1.1s linear infinite}
@keyframes hv-spin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.hv-card.c7,.hv-card.c5,.hv-card.c6{grid-column:1/-1}.hv-card{min-height:360px}}
@media(max-width:620px){
  .hv-card{padding:28px;min-height:0}
  .hv-card-coins{min-height:380px}
  .hv-coinstack{width:100%;height:60%;top:auto;transform:scale(.78);transform-origin:100% 100%}
  .hv-card-quill,.hv-card-key{min-height:300px}
  .hv-art-quill{height:280px;bottom:-40px}.hv-art-key{width:200px}
  .hv-collage{height:190px}
}

/* ---- four steps: cards with their own small scene ------------------------ */
.hv-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hv-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:start;gap:10px;padding:0 0 22px;border-radius:26px;overflow:hidden;cursor:pointer;
  background:var(--card);border:1px solid var(--ln);color:#fff;font:inherit;transition:border-color .3s,transform .3s}
.hv-step:hover{border-color:var(--ln2)}
.hv-step[aria-selected=true]{border-color:color-mix(in srgb,var(--gold) 60%,transparent);transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(240,192,96,.35)}
.hv-step-scene{display:grid;place-items:center;width:100%;height:170px;background:radial-gradient(70% 90% at 50% 0,rgba(255,232,180,.12),transparent 70%),var(--bg2);border-bottom:1px solid var(--ln)}
.hv-step-n{padding:0 22px;font-weight:900;font-size:1rem;color:var(--gold)}
.hv-step-t{display:grid;gap:6px;padding:0 22px}
.hv-step-t b{font-weight:900;font-size:1.2rem;letter-spacing:-.01em}
.hv-step-t span{color:var(--mu);line-height:1.55;font-size:.95rem}
.hv-step-bar{position:absolute;left:22px;right:22px;bottom:10px;height:3px;border-radius:3px;background:var(--bg3);overflow:hidden}
.hv-step-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold3),var(--gold2))}
.hv-step[aria-selected=true] .hv-step-bar i{animation:hv-fill 5s linear forwards}
@keyframes hv-fill{to{width:100%}}
.hv-s1{display:flex;align-items:center;gap:10px}
.hv-s1 img{border-radius:50%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.6))}
.hv-s1-x{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--bg4);font-size:1.2rem}
.hv-s2{display:flex;align-items:center;gap:8px;width:72%;padding:14px;border-radius:14px;background:var(--bg3);border:1px dashed var(--ln2)}
.hv-s2 i{height:9px;flex:1;border-radius:6px;background:var(--bg4)}
.hv-s2 i.s{flex:.4}
.hv-ok{display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:50%;background:var(--ok);color:#fff}
.hv-s3{display:flex;align-items:center;gap:10px;width:76%}
.hv-s3 img{border-radius:50%}
.hv-beamline{flex:1;height:4px;border-radius:4px;background:linear-gradient(90deg,transparent,var(--gold),transparent);background-size:200% 100%;animation:hv-beamx 1.4s linear infinite}
@keyframes hv-beamx{from{background-position:100% 0}to{background-position:-100% 0}}
.hv-burst{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;color:#2a1a04;background:linear-gradient(180deg,var(--gold2),var(--gold));
  box-shadow:0 0 0 12px rgba(240,192,96,.12),0 0 0 26px rgba(240,192,96,.06),0 20px 50px -10px rgba(240,192,96,.6)}
@media(max-width:1000px){.hv-steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hv-steps{grid-template-columns:1fr}.hv-step[aria-selected=true]{transform:none}}

/* ---- markets ------------------------------------------------------------- */
.mk-scroll{border:1px solid var(--ln);border-radius:24px;background:var(--card);box-shadow:none}
.mk th{color:var(--mu);border-bottom-color:var(--ln);font-weight:500;background:transparent}
.mk td{border-bottom-color:var(--ln);color:#fff}
.mk tbody tr:hover td{background:var(--bg2)}
.mk-asset,.mk-asset:hover,.mk-asset b{color:#fff}
.mk-asset em{color:var(--mu)}
.mk-go{background:var(--a);border:0;color:var(--a-ink);border-radius:999px;font-weight:700;box-shadow:none}
.mk-go:hover{background:var(--a-soft);color:var(--a-ink)}
.mk-card{background:var(--card);border:1px solid var(--ln);box-shadow:none;border-radius:20px}
.mk-card:hover{border-color:var(--ln2)}
.mk-card-l{color:var(--mu)}
.mk-find{background:var(--bg2);border:1px solid var(--ln2);color:#fff;border-radius:999px;box-shadow:none}
.mk-find:focus{border-color:var(--a)}
.mk-count,.mk-empty{color:var(--mu)}
.mk-live{color:var(--ok);display:inline-flex;margin-top:.25rem}
.up{color:var(--ok)} .dn{color:var(--no)}

/* ---- reviews (only real, published ones) --------------------------------- */
.hv-reviews{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.hv-reviews-track{display:flex;gap:16px;width:max-content;animation:hv-marq 60s linear infinite}
.hv-reviews:hover .hv-reviews-track{animation-play-state:paused}
@keyframes hv-marq{to{transform:translateX(-50%)}}
.hv-review{width:300px;margin:0;padding:22px;border-radius:20px;background:#000;border:1px solid var(--ln);display:flex;flex-direction:column;gap:12px}
.hv-stars span{color:var(--bg4);font-size:1.1rem}.hv-stars span.on{color:var(--ok)}
.hv-review blockquote{margin:0;color:var(--tx2);font-size:.94rem;line-height:1.55;flex:1}
.hv-review figcaption b{display:block}.hv-review figcaption em{font-style:normal;color:var(--mu);font-size:.86rem}

/* ---- questions ----------------------------------------------------------- */
.hv-faq{display:grid;gap:12px}
.hv-faq details{background:var(--card);border:1px solid var(--ln);border-radius:20px;transition:border-color .25s,background .25s}
.hv-faq details[open]{background:var(--bg2);border-color:var(--ln2)}
.hv-faq summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;color:#fff;font-weight:700;font-size:1.08rem;padding:1.3rem 1.5rem}
.hv-faq summary::-webkit-details-marker{display:none}
.hv-pm{position:relative;margin-inline-start:auto;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--bg3);transition:transform .3s,background .3s}
.hv-pm::before,.hv-pm::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;margin:-1px 0 0 -7px;border-radius:2px;background:#fff}
.hv-pm::after{transform:rotate(90deg)}
.hv-faq details[open] .hv-pm{transform:rotate(45deg);background:var(--a)}
.hv-faq details[open] .hv-pm::before,.hv-faq details[open] .hv-pm::after{background:var(--a-ink)}
.hv-faq p{color:var(--tx2);line-height:1.65;padding:0 1.5rem 1.4rem;margin:0}

/* ---- the gates ----------------------------------------------------------- */
.hv-gate{position:relative;overflow:hidden;isolation:isolate;padding:110px 0 0;text-align:center}
.hv-gate-in{position:relative;z-index:2}
.hv-gate .hv-h2{margin-bottom:1rem}
.hv-gate p{color:var(--tx2);font-size:1.1rem;max-width:36rem;margin:0 auto 2rem}
.hv-gates{display:block;width:max(118%,1700px);max-width:none;height:auto;margin:30px 0 0;position:relative;left:50%;transform:translateX(-50%)}
@media(max-width:700px){.hv-gates{width:1100px;margin-top:10px}}

/* ---- About --------------------------------------------------------------- */
.hv-about-hero{padding-bottom:80px!important;min-height:0!important}
.hv-about-hero .hv-h1{font-size:clamp(2.4rem,5.4vw,4.4rem)}
.hv-about-hero .lede{color:var(--tx2);font-size:1.12rem;max-width:40rem;margin:0 auto}
.hv-about-em{margin:-10px auto 10px}
.hv-about-em .hv-emblem{height:300px;margin:0 auto}
.hv-about-em .hv-emblem-d{width:170px;top:20px}
.hv-about-em .hv-emblem-w{height:270px}
.hv-about-em .hv-emblem-w.l{right:calc(50% + 24px)}.hv-about-em .hv-emblem-w.r{left:calc(50% + 24px)}
.hv-story{text-align:center}
.hv-story .sec-lede{margin:0 auto 1rem;max-width:44rem;font-size:1.12rem;color:var(--tx2)}
.hv-bento-3{grid-template-columns:repeat(3,1fr)}
.hv-bento-3 .hv-card{grid-column:auto;min-height:0}
.hv-ico{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;margin-bottom:1.6rem;color:#2a1a04;background:linear-gradient(180deg,var(--gold2),var(--gold))}
@media(max-width:860px){.hv-bento-3{grid-template-columns:1fr}}

/* ---- shared surfaces (inner pages) --------------------------------------- */
.btn{border-radius:999px;font-weight:700;padding:.9rem 1.7rem}
.btn-primary,.btn-go{background:var(--a);color:var(--a-ink);border-color:transparent;box-shadow:0 14px 34px -16px var(--a)}
.btn-primary:hover,.btn-go:hover{background:var(--a-soft);color:var(--a-ink);text-decoration:none}
.btn-line{background:var(--bg3);border-color:transparent;color:#fff}
.btn-line:hover{background:var(--bg4);color:#fff}
.card,.panel,.stat{background:var(--card);border:1px solid var(--ln);box-shadow:none;border-radius:22px}
.card:hover{border-color:var(--ln2)}
.sec-alt{background:var(--bg1);border:0}
.eyebrow{color:var(--gold)}
.x-badge{border-color:var(--ln2);color:var(--tx2);background:var(--bg2);box-shadow:none}
.x-stats{border:1px solid var(--ln);background:var(--card);box-shadow:none;border-radius:22px}
.x-stats div{border-right-color:var(--ln)}
.x-stats dt{color:#fff} .x-stats dd{color:var(--mu)}
.statrow{background:var(--ln)}
.stat-l{color:var(--mu)} .stat-v{color:#fff} .stat-s{color:var(--mu)}
.kv{border-color:var(--ln);color:var(--mu)} .kv b{color:#fff}
.addr{background:var(--bg2);border-color:var(--ln2);color:#fff;box-shadow:none}
.pill{border-color:var(--ln2);color:var(--tx2);background:var(--bg2)}
.steps div{background:var(--bg3)}
.steps div.on{background:var(--a)}
.steps-rail li::after{background:var(--ln2)}
.step-n{background:var(--a);border-color:transparent;color:var(--a-ink);box-shadow:none}
.steps-rail p{color:var(--mu)}
.why-ico{background:linear-gradient(180deg,var(--gold2),var(--gold));border-color:transparent;color:#2a1a04;box-shadow:none}
.coin-chip{background:var(--card);border-color:var(--ln);color:#fff;box-shadow:none;border-radius:999px}
.coin-chip:hover{background:var(--bg2);border-color:var(--ln2);color:#fff}
.coin-chip em{color:var(--mu)}
.cta-band{background:radial-gradient(80% 120% at 50% 120%,rgba(240,160,70,.3),transparent 60%),var(--card);border:1px solid var(--ln2);color:#fff;box-shadow:none;border-radius:32px}
.cta-band .sec-h,.cta-band h2{color:#fff}
.cta-band p,.cta-band .muted{color:var(--tx2)}
.p-ticker{background:var(--bg1);border-color:var(--ln)}
.p-tick{border-right-color:var(--ln);color:var(--mu)}
.p-tick b,.p-tick .px{color:#fff}
.ord-amt{color:#fff}
table th{border-bottom-color:var(--ln);color:var(--mu)}
table td{border-bottom-color:var(--ln)}
input,select,textarea{color:#fff}
.bl-card{background:var(--card);border-color:var(--ln)}
.bl-tag{background:var(--bg3);color:var(--gold)}
.rv-card{background:var(--card)}
.rv-stars span.on{color:var(--ok)}
.rv-score strong{color:#fff}
.po-body{color:var(--tx2)}
.faq{border-top-color:var(--ln)}
.faq details{border-bottom-color:var(--ln)}
.faq summary{color:#fff}
.faq p{color:var(--tx2)}

/* ---- footer -------------------------------------------------------------- */
.p-foot.hv-foot{background:#08090c;border-top:1px solid var(--ln);color:var(--mu);padding:70px 0 34px}
.hv-foot .p-brand{font-size:1.4rem}
.hv-foot-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:48px}
.hv-foot-brand p{margin:1rem 0 0;max-width:22rem;line-height:1.6}
.hv-foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.hv-foot-cols strong{display:block;color:var(--fa);font-size:.86rem;font-weight:500;margin-bottom:1rem}
.hv-foot-cols a{display:block;color:#fff;font-size:.96rem;font-weight:500;padding:.3rem 0;opacity:.88}
.hv-foot-cols a:hover{opacity:1;color:#fff;text-decoration:none}
.hv-foot-cols a .faint{color:var(--mu)}
.hv-foot-lang{margin-top:1.25rem;border:1px solid var(--ln2);border-radius:999px;background:var(--bg2);color:#fff;padding:.6rem 1rem;font:inherit;font-size:.9rem}
.hv-foot-end{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:52px;padding-top:24px;border-top:1px solid var(--ln);font-size:.86rem;color:var(--fa)}
@media(max-width:900px){.hv-foot-top{grid-template-columns:1fr}.hv-foot-cols{grid-template-columns:1fr 1fr}}

/* ---- motion off when asked ----------------------------------------------- */
@media(prefers-reduced-motion:reduce){
  .hv-rays,.hv-dust,.hv-fog,.hv-wing,.hv-emblem-d,.hv-emblem-w,.hv-h1,.hv-box-wrap,.hv-banner,.hv-reviews-track,
  .hv-flow i.run::after,.hv-fdot.spin,.hv-beamline,.hv-step-bar i{animation:none!important}
  .hv-dust{display:none}
  .hv-card,.hv-cs,.hv-chipcard,.hv-live,.hv-art-quill,.hv-art-key,.x-flip button,.hv-wing{transition:none}
  .hv-step[aria-selected=true] .hv-step-bar i{width:100%}
}