/* ==========================================================================
   Gifthash V10.0 — Seller header / hero: "Sell Gift Cards. Move Value Worldwide."
   Everything is scoped to .ghs-sell-hero; every keyframe is prefixed gh.
   Scene units: desktop stage 1000 × 640, phone stage 400 × 470 — one unit is
   var(--u) (container-query width, overridden in px by sell-hero.js).
   One shared demonstration cycle: --cyc (12 s). Cards 1–4 take turns feeding
   the cube (48 s super-cycle). Static under prefers-reduced-motion / .is-static,
   frozen under .is-paused. The section is deliberately a single dark world
   (the reference figure) on Gifthash's light page.
   ========================================================================== */
.ghs-sell-hero{--ghs-bg:#060A18;--ghs-bg2:#0B1230;--ghs-surface:rgba(14,22,48,.72);--ghs-line:rgba(120,150,255,.22);--ghs-blue:#2F7BFF;--ghs-blue2:#0F62E6;--ghs-cyan:#38BDF8;--ghs-violet:#8B5CF6;--ghs-violet2:#C4B5FD;
  --ghs-text:#EAF0F9;--ghs-muted:#A9B8D6;--ghs-gold:#F5C451;--cyc:12s;--px:0deg;--py:0deg;
  --ghs-disp:'Sora',system-ui,-apple-system,'Segoe UI',sans-serif;--ghs-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  position:relative;isolation:isolate;overflow:hidden;color:var(--ghs-text);font-family:var(--ghs-font);
  background:radial-gradient(110% 80% at 70% 20%,#101A45 0%,#0A1130 40%,var(--ghs-bg) 78%);margin:0;padding:0}
.ghs-sell-hero *,.ghs-sell-hero *::before,.ghs-sell-hero *::after{box-sizing:border-box}
.ghs-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- space: nebulae, star fields, horizon glow ---------- */
.ghs-space{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ghs-space .neb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.6}
.ghs-space .n1{width:56vw;height:56vw;max-width:980px;max-height:980px;left:46%;top:-16%;background:radial-gradient(circle,rgba(47,123,255,.42),rgba(47,123,255,0) 62%)}
.ghs-space .n2{width:40vw;height:40vw;max-width:720px;max-height:720px;left:64%;top:34%;background:radial-gradient(circle,rgba(139,92,246,.36),rgba(139,92,246,0) 64%)}
.ghs-space .n3{width:34vw;height:34vw;max-width:600px;max-height:600px;left:-10%;top:48%;background:radial-gradient(circle,rgba(56,189,248,.16),rgba(56,189,248,0) 64%);opacity:.5}
.ghs-space .stars{position:absolute;left:0;top:0;width:2px;height:2px;border-radius:50%;background:transparent;animation:ghsTwinkle 6s ease-in-out infinite}
.ghs-space .s2{width:1px;height:1px;animation-delay:-3s;animation-duration:8s}
@keyframes ghsTwinkle{0%,100%{opacity:.75}50%{opacity:.35}}
.ghs-space .horizon{position:absolute;left:-10%;right:-10%;bottom:-40%;height:70%;border-radius:50%;background:radial-gradient(ellipse at 50% 100%,rgba(47,123,255,.22),rgba(139,92,246,.1) 45%,transparent 70%);filter:blur(20px)}

/* ---------- trust strip (real facts) ---------- */
.ghs-strip{position:relative;z-index:1;list-style:none;margin:0;padding:10px clamp(16px,3vw,48px);display:flex;align-items:center;gap:6px 26px;flex-wrap:wrap;background:rgba(8,13,34,.7);border-bottom:1px solid var(--ghs-line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:600 .84rem/1.2 var(--ghs-font);color:var(--ghs-text)}
.ghs-strip li{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.ghs-strip .ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(47,123,255,.16);color:var(--ghs-cyan);flex:0 0 auto}
.ghs-strip .ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ghs-strip .ic.v{color:var(--ghs-violet2);background:rgba(139,92,246,.18)}.ghs-strip .ic.g{color:var(--ghs-gold);background:rgba(245,196,81,.14)}.ghs-strip .ic.c{color:#7DD3FC}
.ghs-strip .rate{margin-left:auto;gap:10px}
.ghs-strip .avs,.ghs-proof .avs{display:inline-flex}
.ghs-strip .avs i,.ghs-proof .avs i{width:28px;height:28px;border-radius:50%;margin-left:-8px;border:2px solid #0B1230;background:linear-gradient(160deg,#2F7BFF,#8B5CF6);color:#fff;font:700 .62rem/24px var(--ghs-font);text-align:center;font-style:normal;letter-spacing:.02em}
.ghs-strip .avs i:first-child,.ghs-proof .avs i:first-child{margin-left:0}
.ghs-strip .gh-gstars,.ghs-proof .gh-gstars{display:inline-flex;gap:2px}
.ghs-strip .gh-gstars i,.ghs-proof .gh-gstars i{position:relative;width:15px;height:15px;display:inline-block}
.ghs-strip .gh-gstars i svg,.ghs-proof .gh-gstars i svg{position:absolute;inset:0;width:100%;height:100%;fill:rgba(255,255,255,.18)}
.ghs-strip .gh-gstars i::after,.ghs-proof .gh-gstars i::after{content:"";position:absolute;inset:0;width:var(--f,100%);overflow:hidden;background:var(--ghs-gold);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z'/></svg>") left/15px 15px no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6L2.5 9.4l6.6-.8z'/></svg>") left/15px 15px no-repeat}
.ghs-strip .rate b{font-size:.9rem}

/* ---------- layout ---------- */
.ghs-hero-in{position:relative;z-index:1;max-width:1600px;margin:0 auto;padding:40px clamp(16px,3.4vw,48px) 30px;display:grid;grid-template-columns:minmax(0,46fr) minmax(0,54fr);gap:16px 18px;align-items:center}
@media (min-width:1600px){.ghs-hero-in{padding-left:64px;padding-right:64px;padding-top:48px}}
.ghs-copy{position:relative;z-index:2;min-width:0;padding:6px 0 10px}

.ghs-eyebrow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0;font:700 clamp(.6rem,.75vw,.72rem)/1.4 var(--ghs-font);letter-spacing:.14em;white-space:nowrap;text-transform:uppercase;color:var(--ghs-cyan)}
.ghs-eyebrow i{font-style:normal;margin:0 10px;color:var(--ghs-violet2);opacity:.9}
.ghs-h1{margin:14px 0 0;font:800 clamp(36px,3.1vw,60px)/1.04 var(--ghs-disp);letter-spacing:-.035em;color:#fff;text-wrap:balance}
.ghs-h1 em{font-style:normal;background:linear-gradient(90deg,#4DA3FF 0%,#6D8BFF 45%,#9B6BFF 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.ghs-lede{margin:18px 0 0;max-width:600px;font-size:clamp(16px,1.2vw,19px);line-height:1.55;color:var(--ghs-muted)}

/* three feature cards */
.ghs-feats{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ghs-feats li{min-height:96px;padding:13px 12px 12px;border-radius:16px;background:var(--ghs-surface);border:1px solid var(--ghs-line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 14px 30px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.06);
  display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-content:start}
.ghs-feats .ic{grid-row:1/3;width:40px;height:40px;border-radius:12px;background:linear-gradient(160deg,rgba(47,123,255,.4),rgba(139,92,246,.35));border:1px solid rgba(125,211,252,.35);display:grid;place-items:center;color:#DCEBFF}
.ghs-feats .ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ghs-feats b{font:700 clamp(.84rem,.95vw,.95rem)/1.22 var(--ghs-font);color:#fff;letter-spacing:-.01em}
.ghs-feats small{font-size:clamp(.72rem,.8vw,.8rem);line-height:1.3;color:var(--ghs-muted);margin-top:4px}

/* buttons */
.ghs-cta{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0 0}
.ghs-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 28px;border-radius:16px;font:700 1.06rem/1 var(--ghs-font);letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease;user-select:none}
.ghs-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ghs-btn-primary{min-width:238px;background:linear-gradient(90deg,#2F7BFF,#6D5BFF);color:#fff!important;box-shadow:0 10px 30px rgba(47,123,255,.4),inset 0 1px 0 rgba(255,255,255,.25)}
.ghs-btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 40px rgba(47,123,255,.5),inset 0 1px 0 rgba(255,255,255,.25)}
.ghs-btn-ghost{background:rgba(10,16,40,.7);color:#fff!important;border:1px solid rgba(120,150,255,.35)}
.ghs-btn-ghost .ic{width:26px;height:26px;border-radius:50%;background:#fff;color:#0B1230;display:grid;place-items:center}
.ghs-btn-ghost .ic svg{width:16px;height:16px;fill:#0B1230;stroke:none}
.ghs-btn-ghost:hover{border-color:rgba(125,211,252,.7)}
.ghs-btn:focus-visible{outline:3px solid var(--ghs-cyan);outline-offset:3px}

/* proof row (real reviews only) */
.ghs-proof{display:flex;align-items:center;gap:14px;margin:22px 0 0;color:var(--ghs-muted);font-size:.9rem}
.ghs-proof .avs i{width:34px;height:34px;font-size:.7rem;line-height:30px}
.ghs-proof .t{display:flex;flex-direction:column;gap:3px;line-height:1.3}
.ghs-proof .t b{color:#fff;font-size:1rem;margin-right:4px}
.ghs-proof .gh-gstars{margin-right:8px;vertical-align:-2px}
.ghs-proof small{font-size:.82rem}

/* ---------- the artwork ---------- */
.ghs-art{position:relative;z-index:1;min-width:0;container-type:inline-size;align-self:center;display:flex;flex-direction:column;justify-content:center}
.ghs-stage{position:relative;width:100%;aspect-ratio:1000/640;--u:0.1cqw;perspective:calc(1900 * var(--u));perspective-origin:50% 55%}
.ghs-scene{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--px)) rotateY(var(--py));transition:transform .35s ease-out}
.ghs-stage-foot{position:relative;z-index:9;display:flex;align-items:center;gap:14px;margin:6px 0 0;min-height:32px}
.ghs-legend{font-size:.72rem;letter-spacing:.02em;color:rgba(169,184,214,.7)}
.ghs-pause{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--ghs-line);background:rgba(10,16,40,.7);color:var(--ghs-muted);font:600 .74rem/1 var(--ghs-font);cursor:pointer}
.ghs-pause:hover{color:#fff;border-color:rgba(125,211,252,.6)}
.ghs-pause:focus-visible{outline:3px solid var(--ghs-cyan);outline-offset:2px}
.ghs-pause .p{width:10px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.ghs-pause[aria-pressed=true] .p{border:0;width:0;height:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
.ghs-defs{position:absolute;width:0;height:0;overflow:hidden}

/* digital globe: real continents wrapped on a lit sphere, slow spin, network arcs */
.ghs-globe{position:absolute;z-index:1;left:calc(560 * var(--u));top:calc(232 * var(--u));width:calc(440 * var(--u));height:calc(440 * var(--u));margin:calc(-220 * var(--u)) 0 0 calc(-220 * var(--u));border-radius:50%;
  background:radial-gradient(circle at 38% 32%,#3E8BFF 0%,#1C4BC8 32%,#0B2170 62%,#050D33 100%);box-shadow:0 0 calc(60 * var(--u)) rgba(56,189,248,.35),0 0 calc(140 * var(--u)) rgba(47,123,255,.25),inset 0 0 calc(60 * var(--u)) rgba(2,8,40,.8)}
.ghs-globe .land{position:absolute;inset:0;border-radius:50%;background:url("../img/world-land.svg") repeat-x;background-size:200% 100%;background-position:0 0;opacity:.85;animation:ghsSpin 60s linear infinite;-webkit-mask:radial-gradient(circle at 50% 50%,#000 58%,rgba(0,0,0,.35) 76%,transparent 86%);mask:radial-gradient(circle at 50% 50%,#000 58%,rgba(0,0,0,.35) 76%,transparent 86%)}
@keyframes ghsSpin{to{background-position:-200% 0}}
.ghs-globe .grid{position:absolute;inset:0;border-radius:50%;background-image:radial-gradient(rgba(125,211,252,.55) 1px,transparent 1.4px);background-size:calc(9 * var(--u)) calc(9 * var(--u));opacity:.35;-webkit-mask:radial-gradient(circle,#000 60%,transparent 90%);mask:radial-gradient(circle,#000 60%,transparent 90%)}
.ghs-globe .shade{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.22),transparent 38%),radial-gradient(circle at 50% 50%,transparent 52%,rgba(3,8,32,.75) 100%);box-shadow:inset 0 0 0 1px rgba(125,211,252,.35)}
.ghs-globe .net{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ghs-globe .net .arcs path{fill:none;stroke:#7DD3FC;stroke-width:1.6;stroke-opacity:.75;stroke-linecap:round;stroke-dasharray:6 10;animation:ghsTravel 3.2s linear infinite}
.ghs-globe .net .arcs path:nth-child(2){animation-duration:4s;stroke:#A78BFA}.ghs-globe .net .arcs path:nth-child(4){animation-duration:3.6s}.ghs-globe .net .arcs path:nth-child(5){stroke:#A78BFA;animation-duration:4.4s}
.ghs-globe .net .nodes circle{fill:#fff;opacity:.9;animation:ghsNodeBlink 3s ease-in-out infinite}
.ghs-globe .net .nodes circle:nth-child(2n){animation-delay:-1.5s}
@keyframes ghsNodeBlink{0%,100%{opacity:.5;r:3}50%{opacity:1;r:4.5}}
.ghs-globe .net .pk circle{fill:#fff;filter:drop-shadow(0 0 4px #7DD3FC)}
@keyframes ghsTravel{to{stroke-dashoffset:-84}}

/* streams (SVG overlays share the stage coordinate system) */
.ghs-streams{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.ghs-back{z-index:2}.ghs-front{z-index:6}.ghs-streams-m{display:none;z-index:2}
.ghs-flow path,.ghs-out path,.ghs-globe-in path{fill:none;stroke-linecap:round}
.ghs-flow .halo{stroke:#2F7BFF;stroke-width:24;stroke-opacity:.16;filter:url(#ghsHalo)}
.ghs-flow .body{stroke:url(#ghsGrad);stroke-width:10;stroke-opacity:.45;animation:ghsBreath 5s ease-in-out infinite;animation-delay:calc(var(--ghsi) * -.9s)}
.ghs-flow .core{stroke:#BFE3FF;stroke-width:3;stroke-opacity:.85;stroke-dasharray:24 56;animation:ghsTravel 2.6s linear infinite;animation-delay:calc(var(--ghsi) * -.55s)}
.ghs-flow .edge{stroke:#fff;stroke-width:.9;stroke-opacity:.3;stroke-dasharray:4 30;animation:ghsTravel 3.4s linear infinite;animation-delay:calc(var(--ghsi) * -.4s)}
@keyframes ghsBreath{0%,100%{stroke-width:10}50%{stroke-width:12}}
.ghs-flow.f1 .core,.ghs-flow.f2 .core,.ghs-flow.f3 .core,.ghs-flow.f4 .core{animation:ghsTravel 2.6s linear infinite,ghsHot 48s linear infinite}
.ghs-flow.f1 .body,.ghs-flow.f2 .body,.ghs-flow.f3 .body,.ghs-flow.f4 .body{animation:ghsBreath 5s ease-in-out infinite,ghsHotBody 48s linear infinite}
.ghs-flow.f1 .core,.ghs-flow.f1 .body{animation-delay:0s!important}.ghs-flow.f2 .core,.ghs-flow.f2 .body{animation-delay:-12s!important}.ghs-flow.f3 .core,.ghs-flow.f3 .body{animation-delay:-24s!important}.ghs-flow.f4 .core,.ghs-flow.f4 .body{animation-delay:-36s!important}
@keyframes ghsHot{0%{stroke-opacity:.85;stroke:#BFE3FF}2%{stroke-opacity:1;stroke:#fff}8.3%{stroke-opacity:1;stroke:#fff}11%{stroke-opacity:.85;stroke:#BFE3FF}100%{stroke-opacity:.85;stroke:#BFE3FF}}
@keyframes ghsHotBody{0%{stroke-opacity:.45}2%{stroke-opacity:.75}8.3%{stroke-opacity:.75}11%{stroke-opacity:.45}100%{stroke-opacity:.45}}
/* globe energy dipping into the cube */
.ghs-globe-in .halo{stroke:#8B5CF6;stroke-width:26;stroke-opacity:.18;filter:url(#ghsHalo)}
.ghs-globe-in .body{stroke:#A78BFA;stroke-width:9;stroke-opacity:.45}
.ghs-globe-in .core{stroke:#E9D5FF;stroke-width:2.6;stroke-opacity:.8;stroke-dasharray:14 40;animation:ghsTravel 2.2s linear infinite}
/* output bundles: bank lights 6.5–8 s, crypto 8.5–10 s */
.ghs-out .halo{stroke:#7DD3FC;stroke-width:34;stroke-opacity:.12;filter:url(#ghsHalo)}
.ghs-out .body{stroke:url(#ghsGradOut);stroke-width:12;stroke-opacity:.5}
.ghs-out .core{stroke:#fff;stroke-width:3.6;stroke-opacity:.9;stroke-dasharray:22 40;animation:ghsTravel 1.8s linear infinite}
.ghs-out .edge{stroke:#fff;stroke-width:.9;stroke-opacity:.3;stroke-dasharray:3 26;animation:ghsTravel 2.8s linear infinite}
.ghs-out.bank .halo{animation:ghsOutHaloA var(--cyc) linear infinite}.ghs-out.bank .body{animation:ghsOutBodyA var(--cyc) linear infinite}
.ghs-out.crypto .halo{animation:ghsOutHaloB var(--cyc) linear infinite}.ghs-out.crypto .body{animation:ghsOutBodyB var(--cyc) linear infinite}
@keyframes ghsOutHaloA{0%,50%{stroke-opacity:.12}54%,66%{stroke-opacity:.34}72%,100%{stroke-opacity:.12}}
@keyframes ghsOutBodyA{0%,50%{stroke-opacity:.5}54%,66%{stroke-opacity:.95}72%,100%{stroke-opacity:.5}}
@keyframes ghsOutHaloB{0%,66%{stroke-opacity:.12}70%,82%{stroke-opacity:.34}88%,100%{stroke-opacity:.12}}
@keyframes ghsOutBodyB{0%,66%{stroke-opacity:.5}70%,82%{stroke-opacity:.95}88%,100%{stroke-opacity:.5}}
/* packets */
.ghs-packet .pk-core{fill:#fff}
.ghs-packet .pk-halo{fill:#7DD3FC;fill-opacity:.55;filter:url(#ghsSoft)}
.ghs-packet.out .pk-halo{fill:#A78BFA}
.ghs-sparks circle{fill:#fff;opacity:0;transform-box:fill-box;transform-origin:center;animation:ghsSpark var(--cyc) linear infinite}
.ghs-sparks circle:nth-child(2){animation-delay:.15s}.ghs-sparks circle:nth-child(3){animation-delay:3.9s}.ghs-sparks circle:nth-child(4){animation-delay:5.85s}
@keyframes ghsSpark{0%,32%{opacity:0;transform:scale(1)}34%{opacity:1;transform:scale(2.2)}38%{opacity:0;transform:scale(1)}100%{opacity:0}}

/* ---------- floating brand cards ---------- */
.ghs-card{position:absolute;z-index:4;left:calc(var(--ghsx) * var(--u));top:calc(var(--ghsy) * var(--u));width:calc(126 * var(--u));height:calc(78 * var(--u));margin:calc(-39 * var(--u)) 0 0 calc(-63 * var(--u));
  border-radius:calc(13 * var(--u));overflow:hidden;background:#111;transform:rotate(var(--ghsr));
  box-shadow:0 calc(4 * var(--u)) 0 rgba(0,0,0,.5),0 calc(22 * var(--u)) calc(44 * var(--u)) rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.25);
  animation:ghsFloat var(--ghsp) ease-in-out infinite;animation-delay:calc(-1 * var(--ghsph))}
.ghs-card img{display:block;width:100%;height:100%;object-fit:cover}
.ghs-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,0) 66%,rgba(255,255,255,.1) 100%);pointer-events:none}
.ghs-card .edge{position:absolute;inset:0;border-radius:inherit;border:calc(2 * var(--u)) solid #7DD3FC;opacity:0;box-shadow:0 0 calc(24 * var(--u)) rgba(125,211,252,.75),inset 0 0 calc(18 * var(--u)) rgba(125,211,252,.35)}
.ghs-card.c1 .edge,.ghs-card.c2 .edge,.ghs-card.c3 .edge,.ghs-card.c4 .edge{animation:ghsCardHot 48s linear infinite}
.ghs-card.c2 .edge{animation-delay:-12s}.ghs-card.c3 .edge{animation-delay:-24s}.ghs-card.c4 .edge{animation-delay:-36s}
@keyframes ghsCardHot{0%{opacity:0}2.5%{opacity:1}8.3%{opacity:1}11%{opacity:0}100%{opacity:0}}
@keyframes ghsFloat{0%,100%{transform:rotate(var(--ghsr)) translate(0,0)}50%{transform:rotate(var(--ghsr)) translate(3px,-8px)}}
.ghs-more{position:absolute;z-index:6;left:calc(var(--ghsx) * var(--u));top:calc(var(--ghsy) * var(--u));transform:translate(-50%,-50%) translateZ(calc(120 * var(--u)));padding:calc(8 * var(--u)) calc(14 * var(--u));border-radius:calc(12 * var(--u));background:rgba(14,22,48,.85);border:1px solid rgba(125,211,252,.4);color:#DCEBFF;font:600 max(10px,calc(12 * var(--u)))/1 var(--ghs-font);white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.4);animation:ghsFloatMore 6s ease-in-out infinite}
.ghs-more b{color:var(--ghs-cyan);margin-right:2px}
@keyframes ghsFloatMore{0%,100%{transform:translate(-50%,-50%) translateZ(calc(120 * var(--u)))}50%{transform:translate(-50%,calc(-50% - 6px)) translateZ(calc(120 * var(--u)))}}

/* ---------- the engine: ring platform + glass cube ---------- */
.ghs-engine{position:absolute;z-index:5;left:calc(455 * var(--u));top:calc(400 * var(--u));width:0;height:0;transform-style:preserve-3d;--W:calc(172 * var(--u));--H:calc(172 * var(--u));--D:calc(172 * var(--u))}
.ghs-plinth{position:absolute;left:calc(-260 * var(--u));top:calc(-62 * var(--u));width:calc(520 * var(--u));height:calc(190 * var(--u));overflow:visible}
.ghs-plinth .glow{fill:#2F7BFF;fill-opacity:.32;filter:url(#ghsHalo);animation:ghsGlowPulse var(--cyc) ease-in-out infinite}
@keyframes ghsGlowPulse{0%,30%,100%{fill-opacity:.32}36%,46%{fill-opacity:.55}}
.ghs-plinth .band{stroke:rgba(125,211,252,.35);stroke-width:1}
.ghs-plinth .disc{stroke:#7DD3FC;stroke-width:1.5;stroke-opacity:.6}
.ghs-plinth .ring{fill:none;stroke:#7DD3FC;stroke-opacity:.45;stroke-width:1.2;stroke-dasharray:14 10;animation:ghsRing 14s linear infinite}
.ghs-plinth .ring.r2{stroke:#A78BFA;animation-direction:reverse;animation-duration:11s}
.ghs-plinth .ring.r3{stroke-dasharray:6 8;animation-duration:8s;stroke-opacity:.7}
@keyframes ghsRing{to{stroke-dashoffset:-240}}
.ghs-plinth .runner{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:70 1440;animation:ghsRunner 6s linear infinite;filter:drop-shadow(0 0 6px #7DD3FC)}
@keyframes ghsRunner{to{stroke-dashoffset:-1510}}
.ghs-plinth .label{font:700 15px var(--ghs-font);letter-spacing:.2em;fill:#EAF0F9;text-transform:uppercase}
.ghs-cube{position:absolute;left:calc(var(--W) / -2);top:calc(-140 * var(--u));width:var(--W);height:var(--H);transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-32deg) translateY(0);animation:ghsCubeFloat 7s ease-in-out infinite}
@keyframes ghsCubeFloat{0%,100%{transform:rotateX(-18deg) rotateY(-32deg) translateY(0)}50%{transform:rotateX(-18deg) rotateY(-30.5deg) translateY(calc(-6 * var(--u)))}}
.ghs-cube .face{position:absolute;left:0;top:0;width:var(--W);height:var(--H);border-radius:calc(10 * var(--u));border:1px solid rgba(125,211,252,.55);
  background:linear-gradient(160deg,rgba(60,110,220,.28),rgba(8,16,48,.7) 55%,rgba(139,92,246,.22));box-shadow:inset 0 0 calc(34 * var(--u)) rgba(47,123,255,.25),inset 0 0 0 1px rgba(255,255,255,.06),0 0 calc(18 * var(--u)) rgba(47,123,255,.18)}
.ghs-cube .front{transform:translateZ(calc(var(--D) / 2));background:linear-gradient(160deg,rgba(80,140,255,.2),rgba(8,16,48,.55) 50%,rgba(139,92,246,.18));overflow:hidden}
.ghs-cube .back{transform:translateZ(calc(var(--D) / -2)) rotateY(180deg);background:linear-gradient(160deg,rgba(6,12,40,.9),rgba(20,30,80,.92));overflow:hidden}
.ghs-cube .left{width:var(--D);left:calc((var(--W) - var(--D)) / 2);transform:rotateY(-90deg) translateZ(calc(var(--W) / 2));background:linear-gradient(180deg,rgba(47,123,255,.22),rgba(6,12,40,.75))}
.ghs-cube .right{width:var(--D);left:calc((var(--W) - var(--D)) / 2);transform:rotateY(90deg) translateZ(calc(var(--W) / 2));background:linear-gradient(180deg,rgba(6,12,40,.75),rgba(139,92,246,.18))}
.ghs-cube .top{height:var(--D);top:calc((var(--H) - var(--D)) / 2);transform:rotateX(90deg) translateZ(calc(var(--H) / 2));background:linear-gradient(160deg,rgba(125,211,252,.38),rgba(47,123,255,.14) 60%,rgba(6,12,40,.55))}
.ghs-cube .bottom{height:var(--D);top:calc((var(--H) - var(--D)) / 2);transform:rotateX(-90deg) translateZ(calc(var(--H) / 2));background:rgba(4,8,30,.92)}
.ghs-cube .core-light{position:absolute;left:8%;top:8%;width:84%;height:84%;border-radius:50%;transform:translateZ(0);background:radial-gradient(circle at 50% 55%,rgba(191,227,255,.6),rgba(125,211,252,.4) 30%,rgba(139,92,246,.22) 55%,transparent 72%);filter:blur(calc(10 * var(--u)));animation:ghsCoreLight var(--cyc) ease-in-out infinite}
@keyframes ghsCoreLight{0%,30%{opacity:.6;transform:translateZ(0) scale(.92)}36%,50%{opacity:1;transform:translateZ(0) scale(1.06)}56%,84%{opacity:.85}92%,100%{opacity:.6;transform:translateZ(0) scale(.92)}}
.ghs-cube .frame{position:absolute;inset:calc(-2 * var(--u));border-radius:calc(12 * var(--u));transform:translateZ(calc(var(--D) / 2 + 1px));pointer-events:none;padding:calc(2.5 * var(--u));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  background:conic-gradient(from var(--ghsA,0deg),rgba(125,211,252,.3) 0 40%,#fff 48%,#A78BFA 54%,rgba(125,211,252,.3) 62% 100%);animation:ghsRim 5s linear infinite;box-shadow:0 0 calc(30 * var(--u)) rgba(56,189,248,.3)}
@property --ghsA{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes ghsRim{to{--ghsA:360deg}}
.ghs-cube .circuit{position:absolute;inset:8%;width:84%;height:84%;overflow:visible}
.ghs-cube .circuit path{fill:none;stroke:#7DD3FC;stroke-width:2;stroke-opacity:.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18 22;animation:ghsTravel 2.2s linear infinite}
.ghs-cube .circuit .c2{animation-duration:2.9s;animation-direction:reverse;stroke:#A78BFA}
.ghs-cube .circuit circle{fill:#fff;opacity:.7;animation:ghsNode var(--cyc) ease-in-out infinite}
.ghs-cube .circuit circle:nth-of-type(2){animation-delay:.25s}.ghs-cube .circuit circle:nth-of-type(3){animation-delay:.5s}
@keyframes ghsNode{0%,32%{opacity:.5;r:3.5}35%{opacity:1;r:6}50%{opacity:.6;r:3.5}100%{opacity:.5}}
.ghs-cube .inlet{position:absolute;left:8%;right:8%;height:calc(9 * var(--u));border-radius:999px;background:radial-gradient(ellipse at center,#fff,rgba(125,211,252,.35) 55%,transparent 75%);opacity:.22;animation:ghsInlet var(--cyc) ease-out infinite}
.ghs-cube .inlet.i1{top:30%}.ghs-cube .inlet.i2{top:50%;animation-delay:.05s}.ghs-cube .inlet.i3{top:70%;animation-delay:.1s}
@keyframes ghsInlet{0%,31%{opacity:.22;box-shadow:none}34%{opacity:1;box-shadow:0 0 calc(24 * var(--u)) rgba(191,227,255,.9)}46%{opacity:.4}58%,100%{opacity:.22;box-shadow:none}}
.ghs-cube .outlet{position:absolute;left:14%;right:14%;top:44%;height:calc(12 * var(--u));border-radius:999px;background:radial-gradient(ellipse at center,#fff,rgba(167,139,250,.45) 55%,transparent 76%);opacity:.25;animation:ghsOutlet var(--cyc) ease-out infinite}
@keyframes ghsOutlet{0%,50%{opacity:.25;box-shadow:none}54%{opacity:1;box-shadow:0 0 calc(26 * var(--u)) rgba(167,139,250,.9)}82%{opacity:.9}90%,100%{opacity:.25;box-shadow:none}}
.ghs-cube .scan{position:absolute;left:5%;right:5%;height:16%;top:-22%;border-radius:999px;background:linear-gradient(180deg,rgba(125,211,252,0),rgba(125,211,252,.55) 45%,rgba(167,139,250,.25));filter:blur(calc(3 * var(--u)));opacity:0;animation:ghsScan var(--cyc) linear infinite}
@keyframes ghsScan{0%,33%{top:-22%;opacity:0}36%{opacity:1}48%{opacity:1}50%{top:104%;opacity:0}100%{top:104%;opacity:0}}
.ghs-cube .badge{position:absolute;left:50%;top:46%;width:calc(118 * var(--u));height:calc(104 * var(--u));margin:calc(-52 * var(--u)) 0 0 calc(-59 * var(--u));border-radius:calc(16 * var(--u));background:linear-gradient(160deg,#101A3E,#070C22);border:1px solid rgba(125,211,252,.35);box-shadow:0 calc(14 * var(--u)) calc(30 * var(--u)) rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(6 * var(--u))}
.ghs-cube .badge img{width:calc(50 * var(--u));height:calc(50 * var(--u));filter:drop-shadow(0 0 calc(8 * var(--u)) rgba(56,189,248,.6))}
.ghs-cube .badge b{font:800 calc(18 * var(--u))/1 var(--ghs-disp);color:#fff;letter-spacing:-.02em}
.ghs-cube .badge b em{font-style:normal;color:#4DA3FF}
.ghs-cube .state{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);height:calc(20 * var(--u));min-width:calc(120 * var(--u));border-radius:999px;background:rgba(6,12,40,.85);border:1px solid rgba(125,211,252,.35);font:600 calc(9.5 * var(--u))/calc(20 * var(--u)) var(--ghs-font);letter-spacing:.06em;text-transform:uppercase;color:#BFE3FF;text-align:center;white-space:nowrap;padding:0 calc(12 * var(--u))}
.ghs-cube .state i{position:absolute;left:0;right:0;top:0;font-style:normal;opacity:0}
.ghs-cube .state .s1{animation:ghsS1 var(--cyc) linear infinite}.ghs-cube .state .s2{animation:ghsS2 var(--cyc) linear infinite;color:#fff}.ghs-cube .state .s3{animation:ghsS3 var(--cyc) linear infinite;color:#E9D5FF}
@keyframes ghsS1{0%,16%{opacity:0}18%,31%{opacity:1}33%,100%{opacity:0}}
@keyframes ghsS2{0%,33%{opacity:0}35%,48%{opacity:1}50%,100%{opacity:0}}
@keyframes ghsS3{0%,50%{opacity:0}52%,84%{opacity:1}86%,100%{opacity:0}}
.ghs-caption{position:absolute;left:0;top:calc(128 * var(--u));transform:translateX(-50%);white-space:nowrap;font:700 max(8px,calc(11 * var(--u)))/1 var(--ghs-font);letter-spacing:.3em;text-transform:uppercase;color:rgba(169,184,214,.8)}
.ghs-caption i{font-style:normal;margin:0 calc(10 * var(--u));color:var(--ghs-cyan)}

/* ---------- destination panels ---------- */
.ghs-dest{position:absolute;z-index:7;left:calc(762 * var(--u));width:calc(226 * var(--u));border-radius:calc(18 * var(--u));background:linear-gradient(160deg,rgba(16,26,62,.94),rgba(8,13,36,.97));border:1px solid rgba(125,211,252,.4);box-shadow:0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(47,123,255,.15);animation:ghsDestFloat 6.5s ease-in-out infinite}
.ghs-dest.bank{top:calc(258 * var(--u));min-height:calc(72 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u));display:flex;align-items:center;gap:calc(12 * var(--u));animation:ghsDestFloat 6.5s ease-in-out infinite,ghsDestPulseA var(--cyc) ease-out infinite}
.ghs-dest.crypto{top:calc(350 * var(--u));min-height:calc(82 * var(--u));padding:calc(12 * var(--u)) calc(14 * var(--u));display:flex;flex-direction:column;gap:calc(8 * var(--u));animation:ghsDestFloat 6.5s ease-in-out infinite;animation-delay:-2s;animation:ghsDestFloat 6.5s ease-in-out -2s infinite,ghsDestPulseB var(--cyc) ease-out infinite}
.ghs-dest .ic{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(12 * var(--u));background:rgba(47,123,255,.22);color:#7DD3FC;display:grid;place-items:center;flex:0 0 auto}
.ghs-dest .ic svg{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ghs-dest b{font:700 max(10px,calc(15 * var(--u)))/1.2 var(--ghs-font);color:#fff}
.ghs-dest .chev{margin-left:auto;width:calc(18 * var(--u));height:calc(18 * var(--u));color:#BFE3FF}
.ghs-dest .chev svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ghs-dest .ghs-coins{display:flex;gap:calc(10 * var(--u))}
.ghs-dest .ghs-coins img{width:calc(34 * var(--u));height:calc(34 * var(--u));border-radius:50%;box-shadow:0 0 0 calc(2 * var(--u)) rgba(255,255,255,.12),0 calc(6 * var(--u)) calc(14 * var(--u)) rgba(0,0,0,.5)}
.ghs-dest .ok{position:absolute;right:calc(-8 * var(--u));top:calc(-8 * var(--u));width:calc(26 * var(--u));height:calc(26 * var(--u));border-radius:50%;background:#19B98A;color:#04150c;display:grid;place-items:center;box-shadow:0 0 0 calc(3 * var(--u)) rgba(25,185,138,.25);opacity:0;transform:scale(.6)}
.ghs-dest .ok svg{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ghs-dest.bank .ok{animation:ghsOkA var(--cyc) ease-out infinite}.ghs-dest.crypto .ok{animation:ghsOkB var(--cyc) ease-out infinite}
@keyframes ghsDestFloat{0%,100%{translate:0 0}50%{translate:0 calc(-4 * var(--u))}}
@keyframes ghsDestPulseA{0%,64%{border-color:rgba(125,211,252,.4);box-shadow:0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(47,123,255,.15)}67%,74%{border-color:#fff;box-shadow:0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.2),0 0 0 calc(3 * var(--u)) rgba(125,211,252,.5),0 0 calc(50 * var(--u)) rgba(56,189,248,.5)}82%,100%{border-color:rgba(125,211,252,.4);box-shadow:0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(47,123,255,.15)}}
@keyframes ghsDestPulseB{0%,80%{border-color:rgba(125,211,252,.4);box-shadow:0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(47,123,255,.15)}83%,90%{border-color:#fff;box-shadow:0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.2),0 0 0 calc(3 * var(--u)) rgba(167,139,250,.5),0 0 calc(50 * var(--u)) rgba(139,92,246,.5)}96%,100%{border-color:rgba(125,211,252,.4);box-shadow:0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(47,123,255,.15)}}
@keyframes ghsOkA{0%,65%{opacity:0;transform:scale(.6)}68%{opacity:1;transform:scale(1.2)}72%,94%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.6)}}
@keyframes ghsOkB{0%,81%{opacity:0;transform:scale(.6)}84%{opacity:1;transform:scale(1.2)}88%,96%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.6)}}

/* ---------- handwritten notes + decorative phone ---------- */
.ghs-note{display:none}
.ghs-phone{display:none}
@media (min-width:1200px){
  .ghs-note{display:block;position:absolute;z-index:8;font:600 calc(22 * var(--u))/1.05 'Caveat',cursive;color:var(--ghs-violet2);pointer-events:none;transform:translateZ(calc(120 * var(--u)))}
  .ghs-note.n1{left:calc(790 * var(--u));top:calc(28 * var(--u));transform:translateZ(calc(120 * var(--u))) rotate(-8deg)}
  .ghs-note.n1 .arr{position:absolute;left:calc(-30 * var(--u));top:calc(56 * var(--u));width:calc(44 * var(--u));height:calc(44 * var(--u));fill:none;stroke:var(--ghs-violet2);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .ghs-note.n2{left:calc(800 * var(--u));top:calc(136 * var(--u));transform:translateZ(calc(120 * var(--u))) rotate(-6deg)}
}
@media (min-width:1440px){
  .ghs-note.n3{display:block;left:calc(940 * var(--u));top:calc(456 * var(--u));transform:translateZ(calc(140 * var(--u))) rotate(-8deg);font-size:calc(19 * var(--u))}
  .ghs-phone{display:block;position:absolute;z-index:8;left:calc(834 * var(--u));top:calc(452 * var(--u));width:calc(98 * var(--u));height:calc(188 * var(--u));padding:calc(5 * var(--u));border-radius:calc(20 * var(--u));background:linear-gradient(160deg,#2A3558,#0A0F24);
    box-shadow:0 calc(24 * var(--u)) calc(50 * var(--u)) rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.12);transform:translateZ(calc(130 * var(--u))) rotate(9deg);animation:ghsPhone 7.5s ease-in-out infinite}
  @keyframes ghsPhone{0%,100%{transform:translateZ(calc(130 * var(--u))) rotate(9deg) translateY(0)}50%{transform:translateZ(calc(130 * var(--u))) rotate(8deg) translateY(calc(-5 * var(--u)))}}
  .ghs-phone .in{position:relative;height:100%;border-radius:calc(16 * var(--u));overflow:hidden;background:radial-gradient(120% 80% at 70% 20%,#101C4A,#050A22 60%);padding:calc(9 * var(--u)) calc(8 * var(--u));display:flex;flex-direction:column;gap:calc(5 * var(--u))}
  .ghs-phone .bar{display:flex;align-items:center;gap:calc(3 * var(--u));font:800 calc(7 * var(--u))/1 var(--ghs-disp);color:#fff}
  .ghs-phone .bar img{width:calc(9 * var(--u));height:calc(9 * var(--u))}
  .ghs-phone .bar i{margin-left:auto;width:calc(8 * var(--u));height:calc(6 * var(--u));border-top:1px solid #9cf;border-bottom:1px solid #9cf}
  .ghs-phone .mini{height:calc(52 * var(--u));border-radius:50%;width:calc(52 * var(--u));align-self:center;background:radial-gradient(circle at 38% 32%,#3E8BFF,#1C4BC8 40%,#0B2170 75%);box-shadow:0 0 calc(14 * var(--u)) rgba(56,189,248,.5);position:relative}
  .ghs-phone .mini::after{content:"";position:absolute;inset:0;border-radius:50%;background:url("../img/world-land.svg") repeat-x;background-size:200% 100%;opacity:.8;animation:ghsSpin 40s linear infinite}
  .ghs-phone strong{font:800 calc(9 * var(--u))/1.1 var(--ghs-disp);color:#fff;text-align:center}
  .ghs-phone .row{display:flex;align-items:center;gap:calc(4 * var(--u));padding:calc(4 * var(--u)) calc(6 * var(--u));border-radius:calc(6 * var(--u));background:rgba(47,123,255,.16);border:1px solid rgba(125,211,252,.3);font:600 calc(5.5 * var(--u))/1 var(--ghs-font);color:#DCEBFF}
  .ghs-phone .row svg{width:calc(7 * var(--u));height:calc(7 * var(--u));fill:none;stroke:#7DD3FC;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
}

/* ---------- compact process strip (inside the header) ---------- */
.ghs-steps-wrap{grid-column:1/-1;position:relative;margin:10px 0 0;padding:18px 22px 18px;border-radius:22px;background:rgba(9,15,40,.72);border:1px solid var(--ghs-line);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 20px 50px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06)}
.ghs-steps-h{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 14px}
.ghs-steps-h h2{margin:0;font:800 clamp(1.15rem,1.5vw,1.45rem)/1.2 var(--ghs-disp);color:#fff;letter-spacing:-.02em}
.ghs-steps-h p{margin:4px 0 0;font-size:.9rem;color:var(--ghs-muted)}
.ghs-steps-link{display:inline-flex;align-items:center;gap:6px;color:#7DD3FC;font:700 .9rem/1 var(--ghs-font);text-decoration:none;border-bottom:1px solid rgba(125,211,252,.4);padding-bottom:3px}
.ghs-steps-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ghs-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ghs-step{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;column-gap:12px;padding:12px 30px 12px 12px;border-radius:16px;background:rgba(14,22,50,.75);border:1px solid rgba(120,150,255,.18);min-width:0}
.ghs-step .n{font:800 1.1rem/1 var(--ghs-disp);color:#7DD3FC;width:16px}
.ghs-step .tile{width:56px;height:56px;border-radius:14px;background:rgba(47,123,255,.16);border:1px solid rgba(125,211,252,.3);display:grid;place-items:center;color:#BFE3FF;animation:var(--stepAnim,none) var(--cyc) linear infinite}
.ghs-step .tile svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ghs-step .t{display:flex;flex-direction:column;min-width:0}
.ghs-step .t b{font:700 .95rem/1.2 var(--ghs-font);color:#fff}
.ghs-step .t small{font-size:.78rem;line-height:1.35;color:var(--ghs-muted);margin-top:4px}
.ghs-step .arrow{position:absolute;right:-14px;top:50%;width:12px;height:12px;margin-top:-6px;border-right:2px solid rgba(125,211,252,.55);border-top:2px solid rgba(125,211,252,.55);transform:rotate(45deg);z-index:1}
.ghs-step:nth-child(1) .tile{--stepAnim:ghsStep1}.ghs-step:nth-child(2) .tile{--stepAnim:ghsStep2}.ghs-step:nth-child(3) .tile{--stepAnim:ghsStep3}.ghs-step:nth-child(4) .tile{--stepAnim:ghsStep4}
@keyframes ghsStep1{0%,1%{background:rgba(47,123,255,.16);box-shadow:none}3%,15%{background:rgba(47,123,255,.5);box-shadow:0 0 22px rgba(56,189,248,.5);border-color:#fff;color:#fff}18%,100%{background:rgba(47,123,255,.16);box-shadow:none}}
@keyframes ghsStep2{0%,16%{background:rgba(47,123,255,.16);box-shadow:none}19%,31%{background:rgba(47,123,255,.5);box-shadow:0 0 22px rgba(56,189,248,.5);border-color:#fff;color:#fff}34%,100%{background:rgba(47,123,255,.16);box-shadow:none}}
@keyframes ghsStep3{0%,33%{background:rgba(47,123,255,.16);box-shadow:none}36%,48%{background:rgba(47,123,255,.5);box-shadow:0 0 22px rgba(56,189,248,.5);border-color:#fff;color:#fff}51%,100%{background:rgba(47,123,255,.16);box-shadow:none}}
@keyframes ghsStep4{0%,50%{background:rgba(47,123,255,.16);box-shadow:none}53%,86%{background:rgba(139,92,246,.5);box-shadow:0 0 22px rgba(139,92,246,.5);border-color:#fff;color:#fff}89%,100%{background:rgba(47,123,255,.16);box-shadow:none}}
.ghs-steps-note{position:absolute;left:18px;top:-11px;padding:3px 10px;border-radius:999px;background:#0B1230;border:1px solid var(--ghs-line);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(169,184,214,.75)}

/* ---------- responsive ---------- */
@media (max-width:1199px){
  .ghs-hero-in{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:34px}
  .ghs-copy{max-width:720px}
  .ghs-art{max-width:880px;width:100%;margin:0 auto}
  .ghs-h1{font-size:clamp(38px,5.6vw,58px)}
  .ghs-strip .rate{margin-left:0}
}
@media (max-width:1100px){
  .ghs-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ghs-step .arrow{display:none}
}
@media (max-width:900px){
  .ghs-feats{gap:10px}.ghs-feats li{padding:12px}
  .ghs-strip{gap:6px 18px;font-size:.78rem}
}
@media (max-width:767px){
  .ghs-strip{padding:8px 16px;gap:6px 14px;font-size:.74rem}
  .ghs-strip li:nth-child(3),.ghs-strip li:nth-child(5){display:none}
  .ghs-strip .ic{width:22px;height:22px}.ghs-strip .ic svg{width:14px;height:14px}
  .ghs-hero-in{display:flex;flex-direction:column;gap:0;padding:24px 20px 26px}
  .ghs-copy{display:contents}
  .ghs-eyebrow{order:1;font-size:.6rem;letter-spacing:.1em;line-height:1.6}
  .ghs-eyebrow i{margin:0 6px}
  .ghs-h1{order:2;margin-top:14px;font-size:clamp(34px,10.4vw,42px);line-height:1.06}
  .ghs-h1 br{display:none}
  .ghs-lede{order:3;margin-top:14px;font-size:16px}
  .ghs-cta{order:4;flex-direction:column;gap:11px;margin-top:20px}
  .ghs-btn{width:100%;min-height:54px;font-size:1rem}
  .ghs-art{order:5;margin:22px 0 0;width:100%}
  .ghs-stage{aspect-ratio:400/500;--u:0.25cqw;perspective:calc(1500 * var(--u))}
  .ghs-feats{order:6;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:26px}
  .ghs-feats li{min-height:0;grid-template-rows:auto auto;grid-template-columns:36px minmax(0,1fr);align-items:center;padding:9px 12px;border-radius:14px}
  .ghs-feats .ic{grid-row:1/3;width:36px;height:36px}
  .ghs-feats b{font-size:.9rem}.ghs-feats small{margin-top:2px;font-size:.76rem}
  .ghs-proof{order:7;margin-top:16px}
  .ghs-steps-wrap{order:8;margin-top:18px;padding:16px 14px 14px}
  .ghs-steps{grid-template-columns:minmax(0,1fr);gap:8px}
  .ghs-step{grid-template-columns:auto auto minmax(0,1fr);column-gap:10px;padding:9px 12px 9px 10px}
  .ghs-step .n{font-size:.9rem;width:14px}
  .ghs-step .tile{width:42px;height:42px;border-radius:11px}.ghs-step .tile svg{width:21px;height:21px}
  .ghs-step .t b{font-size:.84rem}.ghs-step .t small{font-size:.72rem}
  .ghs-steps-note{left:10px;font-size:.6rem}
  .ghs-legend{font-size:.66rem}
  .ghs-pause span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .ghs-pause{min-width:32px;justify-content:center;padding:0;margin-left:auto}
  /* ---- phone scene (400 × 470): globe behind, four cards across the top, compact cube, destination card lower-right ---- */
  .ghs-streams-d{display:none}.ghs-streams-m{display:block}
  .ghs-card.c5,.ghs-card.c6,.ghs-card.c7,.ghs-more,.ghs-dest.crypto .ghs-coins img:nth-child(n+4){display:none}
  .ghs-globe{left:calc(150 * var(--u));top:calc(250 * var(--u));width:calc(300 * var(--u));height:calc(300 * var(--u));margin:calc(-150 * var(--u)) 0 0 calc(-150 * var(--u));opacity:.9}
  .ghs-card{left:calc(var(--ghsmx) * var(--u));top:calc(var(--ghsmy) * var(--u));width:calc(104 * var(--u));height:calc(65 * var(--u));margin:calc(-32.5 * var(--u)) 0 0 calc(-52 * var(--u));--ghsr:var(--ghsmr);border-radius:calc(11 * var(--u))}
  .ghs-engine{left:calc(150 * var(--u));top:calc(262 * var(--u));--W:calc(120 * var(--u));--H:calc(120 * var(--u));--D:calc(120 * var(--u))}
  .ghs-cube{top:calc(-96 * var(--u))}
  .ghs-cube .badge{width:calc(84 * var(--u));height:calc(74 * var(--u));margin:calc(-37 * var(--u)) 0 0 calc(-42 * var(--u));border-radius:calc(12 * var(--u))}
  .ghs-cube .badge img{width:calc(34 * var(--u));height:calc(34 * var(--u))}
  .ghs-cube .badge b{font-size:calc(12 * var(--u))}
  .ghs-cube .state{min-width:calc(90 * var(--u));height:calc(16 * var(--u));font-size:max(7px,calc(7.5 * var(--u)));line-height:calc(16 * var(--u))}
  .ghs-plinth{left:calc(-170 * var(--u));top:calc(-38 * var(--u));width:calc(340 * var(--u));height:calc(124 * var(--u))}
  .ghs-plinth .label{font-size:13px;letter-spacing:.14em}
  .ghs-caption{left:calc(50 * var(--u));top:calc(92 * var(--u));font-size:max(6.5px,calc(8 * var(--u)));letter-spacing:.2em}
  .ghs-dest{left:calc(226 * var(--u));width:calc(166 * var(--u));border-radius:calc(14 * var(--u))}
  .ghs-dest.bank{top:calc(372 * var(--u));min-height:calc(52 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u));gap:calc(8 * var(--u))}
  .ghs-dest.bank b br{display:none}
  .ghs-dest.bank .ic{width:calc(30 * var(--u));height:calc(30 * var(--u))}
  .ghs-dest b{font-size:max(9px,calc(11 * var(--u)))}
  .ghs-dest.crypto{top:calc(436 * var(--u));min-height:0;padding:calc(8 * var(--u)) calc(10 * var(--u));flex-direction:column;align-items:flex-start;gap:calc(6 * var(--u))}
  .ghs-dest.crypto b{white-space:nowrap}
  .ghs-dest .ghs-coins{gap:calc(8 * var(--u))}.ghs-dest .ghs-coins img{width:calc(22 * var(--u));height:calc(22 * var(--u))}
  .ghs-dest .ok{width:calc(20 * var(--u));height:calc(20 * var(--u))}
}
@media (max-width:340px){
  .ghs-hero-in{padding-left:16px;padding-right:16px}
  .ghs-h1{font-size:32px}
}

/* ---------- pause / reduced motion / static still ---------- */
.ghs-sell-hero.is-paused *,.ghs-sell-hero.is-paused *::before,.ghs-sell-hero.is-paused *::after{animation-play-state:paused!important}
.ghs-sell-hero.is-static *,.ghs-sell-hero.is-static *::before,.ghs-sell-hero.is-static *::after{animation:none!important;transition:none!important}
.ghs-sell-hero.is-static .ghs-scene{transform:none}
.ghs-sell-hero.is-static .ghs-packet,.ghs-sell-hero.is-static .ghs-sparks,.ghs-sell-hero.is-static .ghs-globe .pk{display:none}
.ghs-sell-hero.is-static .ghs-cube .state .s2{opacity:1}
.ghs-sell-hero.is-static .ghs-flow .core,.ghs-sell-hero.is-static .ghs-out .core{stroke-dasharray:none;stroke-opacity:.75}
.ghs-sell-hero.is-static .ghs-cube .scan{opacity:.55;top:38%}
.ghs-sell-hero.is-static .ghs-dest .ok{opacity:1;transform:scale(1)}
@media (prefers-reduced-motion:reduce){
  .ghs-sell-hero:not(.is-motion) *,.ghs-sell-hero:not(.is-motion) *::before,.ghs-sell-hero:not(.is-motion) *::after{animation:none!important;transition:none!important}
  .ghs-sell-hero:not(.is-motion) .ghs-packet,.ghs-sell-hero:not(.is-motion) .ghs-sparks,.ghs-sell-hero:not(.is-motion) .ghs-globe .pk{display:none}
  .ghs-sell-hero:not(.is-motion) .ghs-cube .state .s2{opacity:1}
  .ghs-sell-hero:not(.is-motion) .ghs-flow .core,.ghs-sell-hero:not(.is-motion) .ghs-out .core{stroke-dasharray:none;stroke-opacity:.75}
  .ghs-sell-hero:not(.is-motion) .ghs-cube .scan{opacity:.55;top:38%}
  .ghs-sell-hero:not(.is-motion) .ghs-dest .ok{opacity:1;transform:scale(1)}
}

/* ---------- colour guard: the storefront's light theme colours every p/h1/li — the hero is its own dark world ---------- */
.ghs-sell-hero .ghs-h1,.ghs-sell-hero .ghs-steps-h h2,.ghs-sell-hero .ghs-feats b,.ghs-sell-hero .ghs-step .t b,.ghs-sell-hero .ghs-dest b,.ghs-sell-hero .ghs-proof .t b,.ghs-sell-hero .ghs-strip .rate b{color:#fff}
.ghs-sell-hero .ghs-lede,.ghs-sell-hero .ghs-steps-h p,.ghs-sell-hero .ghs-feats small,.ghs-sell-hero .ghs-step .t small,.ghs-sell-hero .ghs-proof,.ghs-sell-hero .ghs-proof small{color:var(--ghs-muted)}
.ghs-sell-hero .ghs-strip,.ghs-sell-hero .ghs-strip li{color:var(--ghs-text)}
.ghs-sell-hero .ghs-eyebrow{color:var(--ghs-cyan)}
.ghs-sell-hero .ghs-lede{margin:18px 0 0}.ghs-sell-hero .ghs-steps-h p{margin:4px 0 0}.ghs-sell-hero .ghs-steps-h h2{margin:0}
.ghs-sell-hero .ghs-steps-link{color:#7DD3FC}.ghs-sell-hero .ghs-legend{color:rgba(169,184,214,.7)}
.ghs-sell-hero ul,.ghs-sell-hero ol{list-style:none}