/* dopamine landing — layout follows the proxima.tools skeleton: 64px header, 1184px hero column,
   hanging segmented pill over a framed dashboard, logo rail, 3-column sticky editorial flow,
   numbers band, import/activity two-up, compact footer. Palette swapped to green. */
:root{
  --deep:#0b0a0e;            /* page */
  --deep-2:#0d0b14;
  --ink:#f3f2f6;
  --ink-2:#e9e7ef;
  --muted:#a39fb0;
  --muted-2:#bbb8c4;
  --line:#17151d;
  --line-soft:rgba(231,225,242,.08);
  --electric:#9d7cff;
  --electric-soft:#d8ccff;
  --electric-deep:#3d2b80;
  --tint:rgba(157,124,255,.12);
  --tint-ring:rgba(157,124,255,.2);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --heading:clamp(2.25rem, calc(1.9rem + 1.4vw), 3rem);
  --section-heading:clamp(1.75rem, calc(1.5rem + 1vw), 2.5rem);
  --body:15px; --support:13px; --label:11px;
  --content:1184px; --rail:1280px;
}
*{ box-sizing:border-box; }
html{ scroll-behavior:auto; }
body{ margin:0; background:var(--deep); color:#fcfcfc; font-family:var(--font); -webkit-font-smoothing:antialiased; }
a{ text-decoration:none; color:inherit; }
button{ font-family:inherit; }
.mono{ font-family:ui-monospace,Menlo,Consolas,monospace; }
.skip{ position:fixed; left:16px; top:12px; z-index:60; transform:translateY(-80px); background:#fff; color:#000; padding:8px 12px; border-radius:6px; }
.skip:focus{ transform:none; }
::selection{ background:var(--electric-deep); color:#f0ecff; }

/* ─── header ─── */
.site-header{ position:sticky; top:0; z-index:50; width:100%; }
.site-header-gradient{ position:absolute; inset:0 0 auto; height:120px; pointer-events:none; background:linear-gradient(to bottom, var(--deep) 0%, rgba(11,10,14,.94) 28%, rgba(11,10,14,.58) 56%, transparent 100%); }
.site-header-in{ position:relative; z-index:10; height:64px; width:100%; max-width:var(--content); margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
.site-header-left{ display:flex; align-items:center; gap:28px; }
.site-header-brand img{ height:20px; width:auto; display:block; }
.site-header-nav{ display:flex; align-items:center; }
.site-header-link{ display:inline-flex; align-items:center; height:32px; padding:0 12px; font-size:var(--support); font-weight:500; color:#8a8f98; transition:color .22s cubic-bezier(.22,1,.36,1), opacity .26s; border-radius:6px; }
.site-header-link:hover{ color:#fff; }
.site-header-in:has(.site-header-link:hover) .site-header-link{ opacity:.58; }
.site-header-in:has(.site-header-link:hover) .site-header-link:hover{ opacity:1; }
.site-header-right{ display:flex; align-items:center; gap:8px; }
.site-header-primary{ display:inline-flex; align-items:center; height:32px; padding:0 13px; border-radius:6px; font-size:14px; font-weight:500; letter-spacing:-.02em; background:var(--electric); color:#0b0914; transition:background .2s, color .2s; }
.site-header-primary:hover{ background:#fff; }
.site-header-menu-toggle{ display:none; position:relative; width:44px; height:44px; border:0; background:none; color:var(--ink); cursor:pointer; }
.site-header-menu-toggle span{ position:absolute; left:14px; width:16px; height:2px; border-radius:10px; background:currentColor; transition:transform .26s cubic-bezier(.22,1,.36,1); }
.site-header-menu-toggle span:first-child{ transform:translateY(-4px); } .site-header-menu-toggle span:last-child{ transform:translateY(4px); }
.site-header[data-menu-open] .site-header-menu-toggle span:first-child{ transform:rotate(45deg); } .site-header[data-menu-open] .site-header-menu-toggle span:last-child{ transform:rotate(-45deg); }
.site-header-mobile-menu{ position:fixed; inset:64px 0 0; z-index:5; background:rgba(11,10,14,.98); border-top:1px solid rgba(122,122,122,.1); padding:28px 24px 40px; overflow-y:auto; }
.site-header-mobile-group+.site-header-mobile-group{ margin-top:28px; }
.site-header-mobile-group p{ margin:0 0 22px; font-size:10px; font-weight:620; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.5); }
.site-header-mobile-group ul{ list-style:none; margin:0; padding:0; display:grid; gap:18px; }
.site-header-mobile-group a{ font-size:24px; font-weight:500; letter-spacing:-.01em; color:rgba(255,255,255,.92); }

/* ─── hero ─── */
.hero{ position:relative; isolation:isolate; overflow:clip;
  background:linear-gradient(transparent 70%, var(--deep) 90% 100%), linear-gradient(var(--deep) 0%, #110d1f 27%, #231a4a 52%, #35267a 66%, #4a3596 73%, var(--deep) 90% 100%); }
.dot-wings{ position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.dot-wings .pattern-layer{ position:absolute; inset:0 0 auto; height:min(760px,76%); opacity:.76; overflow:hidden;
  -webkit-mask-image:linear-gradient(transparent 0, #000 88px 76%, transparent 100%), linear-gradient(90deg, transparent 0%, rgba(0,0,0,.72) 18%, #000 50%, rgba(0,0,0,.72) 82%, transparent 100%);
  mask-image:linear-gradient(transparent 0, #000 88px 76%, transparent 100%), linear-gradient(90deg, transparent 0%, rgba(0,0,0,.72) 18%, #000 50%, rgba(0,0,0,.72) 82%, transparent 100%);
  -webkit-mask-composite:source-in; mask-composite:intersect; }
.pattern-canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; }
.hero-in{ position:relative; z-index:10; width:100%; max-width:var(--content); margin:0 auto; padding:64px 24px 0; }
.hero-copy{ max-width:1080px; display:flex; flex-direction:column; }
h1[data-hero-title]{ margin:0; max-width:900px; font-size:var(--heading); font-weight:500; line-height:.99; letter-spacing:-.032em; color:var(--ink); text-wrap:balance; animation:copy-in .56s cubic-bezier(.22,1,.36,1) both; }
.hero-title-glow{ position:relative; display:inline-block; isolation:isolate; }
.hero-title-glow::before{ content:attr(data-text); position:absolute; inset:0; color:transparent; filter:blur(5px); opacity:.88; pointer-events:none;
  background:linear-gradient(96deg, rgba(157,124,255,.45) 2%, rgba(170,120,255,.85) 26%, rgba(255,122,217,.72) 48%, rgba(255,122,217,0) 74%); -webkit-background-clip:text; background-clip:text; }
.hero-title-text{ position:relative; z-index:1; }
.hero-sub{ margin-top:28px; max-width:660px; display:flex; flex-direction:column; gap:32px; animation:copy-in .62s cubic-bezier(.22,1,.36,1) 70ms both; }
.hero-sub p{ margin:0; font-size:17px; line-height:1.65; color:#b6b9bb; text-wrap:pretty; }
.hero-mobile-ctas{ display:none; align-items:center; gap:8px; }
.btn-light{ display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 16px; border-radius:8px; background:var(--electric); color:#0b0914; font-size:15px; font-weight:500; white-space:nowrap; }
.btn-text{ display:inline-flex; align-items:center; height:44px; padding:0 16px; font-size:15px; color:rgba(255,255,255,.9); }
@keyframes copy-in{ from{ opacity:0; transform:translateY(8px); } }

.live-row{ margin-top:32px; display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; font-size:13px; color:#929799; }
.live-label{ font-weight:400; }
.live-chains{ display:flex; align-items:center; gap:2px; }
.live-chain{ position:relative; display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; color:#b7bbbd; transition:background .18s; }
.live-chain:hover{ background:rgba(255,255,255,.06); }
.live-chain img{ width:20px; height:20px; border-radius:50%; display:block; }
.live-sep{ width:1px; height:16px; background:rgba(255,255,255,.1); }
.live-secured{ display:inline-flex; align-items:center; gap:6px; font-weight:500; letter-spacing:-.01em; color:#b9bdbe; }
.live-secured strong{ font-weight:600; color:var(--electric-soft); }

/* hanging segmented control */
.hero-segment{ will-change:transform; position:sticky; top:calc(100svh - 3.75rem); z-index:30; margin:102px auto -126px; width:calc(100% - 2.5rem); max-width:420px; height:44px; display:grid; grid-template-columns:repeat(3,1fr); padding:4px; border-radius:999px; background:rgba(18,16,22,.92); border:1px solid rgba(255,255,255,.1); box-shadow:0 10px 30px rgba(0,0,0,.45); backdrop-filter:blur(14px); }
.hero-segment-indicator{ position:absolute; inset:4px auto 4px 4px; width:calc((100% - 8px) / 3); border-radius:999px; background:#dfe0e4; box-shadow:0 1px 2px rgba(0,0,0,.22); transition:transform .36s cubic-bezier(.22,1,.36,1); pointer-events:none; }
.hero-segment button{ position:relative; z-index:10; display:inline-flex; align-items:center; justify-content:center; gap:7px; height:36px; min-width:0; padding:0 6px; border:0; background:none; border-radius:999px; color:#a39fb0; font-size:12px; font-weight:600; cursor:pointer; transition:color .2s; }
.hero-segment button.is-active{ color:#0d0b14; }
.hero-gap{ height:44px; }

/* dashboard stage */
.hero-dashboard-stage{ position:relative; left:50%; width:calc(100% + 4rem); max-width:calc(var(--rail) - 12px); transform:translateX(-50%); }
.hero-dashboard-border{ position:absolute; inset:-6px -6px -6px -6px; z-index:0; border-radius:18px 18px 0 0; pointer-events:none;
  background:linear-gradient(to bottom, rgba(255,255,255,.06) 0%, rgba(255,255,255,.025) 58%, rgba(255,255,255,.006) 82%, transparent 100%), linear-gradient(to bottom, rgba(11,10,14,.55) 0%, rgba(11,10,14,.28) 60%, rgba(11,10,14,.06) 86%, rgba(11,10,14,.015) 100%);
  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.94) 0%, rgba(0,0,0,.84) 44%, rgba(0,0,0,.48) 72%, rgba(0,0,0,.28) 100%); mask-image:linear-gradient(to bottom, rgba(0,0,0,.94) 0%, rgba(0,0,0,.84) 44%, rgba(0,0,0,.48) 72%, rgba(0,0,0,.28) 100%); }
.hero-dashboard-bg{ position:absolute; inset:0; border-radius:12px; background:var(--deep); }
.hero-dashboard-frame{ position:relative; z-index:1; overflow:hidden; border-radius:12px; border:1px solid transparent; padding:6px; background:#0d0c12; }
.hero-dashboard-window{ position:relative; overflow:hidden; border-radius:7px; aspect-ratio:2452/1214; contain:layout paint; background:#08070b; }
.hero-dashboard-sheen{ position:absolute; inset:0; z-index:10; pointer-events:none; background:radial-gradient(58% 54% at 11% 5%, rgba(255,255,255,.06) 0%, rgba(255,255,255,.022) 40%, transparent 70%); }
.hero-dashboard-ring{ position:absolute; inset:0; z-index:20; pointer-events:none; border-radius:12px; border:1px solid rgba(255,255,255,.09);
  -webkit-mask-image:linear-gradient(183deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.84) 44%, rgba(0,0,0,.34) 68%, transparent 86%); mask-image:linear-gradient(183deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.84) 44%, rgba(0,0,0,.34) 68%, transparent 86%); }
.hero-dashboard-fade{ position:absolute; inset:auto 0 0; z-index:10; height:224px; pointer-events:none; background:linear-gradient(to bottom, transparent 0%, var(--deep) calc(100% - 20px), var(--deep) 100%); }

/* app mock inside the window */
.app-mock{ position:absolute; inset:0; display:flex; flex-direction:column; font-family:var(--font); }
.app-mock-bar{ display:flex; align-items:center; justify-content:space-between; gap:12px; height:46px; padding:0 14px; background:linear-gradient(180deg, rgba(7,7,8,.95), rgba(7,7,8,.7)); border-bottom:1px solid rgba(255,255,255,.05); flex:0 0 auto; }
.app-mock-brand{ display:flex; align-items:center; gap:10px; } .app-mock-brand img{ height:16px; }
.app-pill{ font-size:9px; font-weight:800; letter-spacing:.08em; color:var(--electric); border:1px solid rgba(157,124,255,.3); background:rgba(157,124,255,.08); border-radius:999px; padding:2px 7px; }
.app-mock-syms{ display:flex; gap:3px; padding:3px; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:rgba(13,12,14,.7); }
.app-mock-syms span{ display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:999px; font-size:11px; font-weight:700; color:rgba(255,255,255,.7); }
.app-mock-syms img{ width:14px; height:14px; border-radius:50%; }
.app-mock-syms em{ font-style:normal; font-weight:600; font-size:10px; color:var(--muted); }
.app-mock-syms .on{ background:linear-gradient(180deg, rgba(157,124,255,.22), rgba(157,124,255,.1)); border:1px solid rgba(157,124,255,.35); color:#fff; }
.app-mock-syms .on em{ color:var(--electric); }
.app-mock-stats{ display:flex; gap:6px; align-items:center; }
.app-mock-stats span{ font-size:11px; font-weight:700; padding:6px 11px; border-radius:999px; border:1px solid rgba(255,255,255,.08); background:rgba(13,12,14,.7); }
.app-mock-stats b{ font-size:9.5px; color:var(--muted); letter-spacing:.06em; margin-right:6px; } .app-mock-stats i{ font-style:normal; color:var(--electric); }
.app-mock-stats .app-mock-btn{ background:linear-gradient(180deg,#b49cff,#9d7cff); color:#160c2e; border-color:rgba(157,124,255,.6); }
.app-mock-stage{ position:relative; flex:1; min-height:0; background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px); background-size:24px 24px; }
.demo{ position:absolute; inset:0; width:100%; height:100%; display:block; }
.app-mock-price{ position:absolute; left:14px; top:14px; padding:8px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.08); background:rgba(13,12,14,.8); backdrop-filter:blur(10px); }
.app-mock-price .big{ font-weight:800; font-size:18px; letter-spacing:-.02em; font-variant-numeric:tabular-nums; } .app-mock-price .sub{ font-size:10px; color:var(--muted); }
.app-mock-pill{ position:absolute; bottom:14px; display:inline-flex; align-items:center; gap:9px; padding:8px 12px 8px 9px; border-radius:999px; background:rgba(19,18,21,.92); border:1px solid rgba(255,255,255,.1); font-size:13px; font-weight:800; box-shadow:0 8px 28px rgba(0,0,0,.45); }
.app-mock-pill.left{ left:14px; } .app-mock-pill.right{ right:14px; }
.app-mock-pill .ic{ width:22px; height:22px; border-radius:50%; background:rgba(157,124,255,.1); border:1px solid rgba(157,124,255,.2); }
.app-mock-pill b{ min-width:18px; height:18px; padding:0 5px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:var(--electric); color:#160c2e; font-size:10px; }
.app-mock-pill small{ color:var(--muted); font-size:10px; }

/* ─── rails + sections ─── */
.rails{ position:relative; }
.rail-section{ background:var(--deep); }
.rail-in{ width:100%; max-width:1100px; margin:0 auto; padding:16px 24px 36px; }
.rail-title{ display:flex; justify-content:center; margin-bottom:12px; }
.chain-availability-label{ font-size:var(--support); color:var(--muted); font-weight:500; }
.launchpad-rail{ width:100%; margin:0 auto; }
.launchpad-rail ul{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(6,1fr); }
.launchpad-rail li{ position:relative; display:flex; align-items:center; justify-content:center; height:72px; min-width:0; padding:0 8px; }
.launchpad-rail li+li::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:28px; background:rgba(231,225,242,.12); }
.launchpad-rail li>div{ display:flex; align-items:center; justify-content:center; gap:8px; max-width:100%; font-size:13px; font-weight:500; letter-spacing:-.01em; color:#cdcad6; white-space:nowrap; }
.launchpad-rail img{ width:24px; height:24px; border-radius:50%; object-fit:cover; flex:0 0 auto; }
.launchpad-rail .soon{ color:var(--muted); }
.soon-dot{ width:8px; height:8px; border-radius:50%; background:var(--electric); box-shadow:0 0 10px var(--electric); animation:pulse 2s ease-in-out infinite; }
@keyframes pulse{ 50%{ opacity:.35; } }

.section-eyebrow{ display:inline-flex; align-items:center; width:fit-content; height:24px; padding:0 6px; border-radius:8px; font-size:var(--support); font-weight:500; line-height:20px; letter-spacing:-.14px; white-space:nowrap; color:var(--electric-soft); background:var(--tint); box-shadow:inset 0 0 0 1px var(--tint-ring); }
[data-section-title]{ font-size:var(--section-heading); font-weight:500; letter-spacing:-.032em; line-height:.99; color:var(--ink); text-wrap:balance; }
[data-chapter-title]{ font-size:clamp(1.9rem, calc(1.55rem + 1.1vw), 2.6rem); font-weight:500; letter-spacing:-.032em; line-height:.99; color:var(--ink); text-wrap:balance; }

/* ─── editorial flow (ef2) ─── */
.story-break{ padding-top:clamp(72px,10svh,112px); overflow:clip; }
.editorial-v2{ background:var(--deep); scroll-margin-top:64px; }
.ef2-flow{ display:grid; grid-template-columns:228px clamp(40px,6vw,88px) minmax(280px,.72fr) clamp(40px,6vw,88px) minmax(0,1.28fr) clamp(40px,6vw,88px); border-top:1px solid var(--line); border-inline:1px solid var(--line); width:100%; max-width:1440px; margin:0 auto; }
.ef2-nav{ grid-column:1; position:relative; border-right:1px solid var(--line); }
.ef2-nav-sticky{ position:sticky; top:64px; display:flex; flex-direction:column; justify-content:center; min-height:calc(100svh - 64px); padding:64px 28px; }
.ef2-nav-list{ position:relative; display:grid; }
.ef2-nav button{ display:grid; grid-template-columns:26px minmax(0,1fr); align-items:center; gap:11px; min-height:68px; padding:0; border:0; background:none; text-align:left; color:#9296a0; cursor:pointer; transition:color .2s; }
.ef2-nav button+button{ border-top:1px solid var(--line); }
.ef2-nav button:hover{ color:#cdcad6; } .ef2-nav button.is-active{ color:var(--ink); }
.ef2-nav-copy{ display:grid; gap:3px; min-width:0; }
.ef2-nav button strong{ font-size:13px; font-weight:520; letter-spacing:-.012em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ef2-nav-copy small{ font-size:10px; font-weight:450; line-height:1.35; color:#9296a0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ef2-layer-mark{ width:20px; height:20px; color:#979ba6; transition:color .18s, transform .22s cubic-bezier(.22,1,.36,1); }
.ef2-nav button.is-active .ef2-layer-mark{ color:var(--electric); transform:scale(1.06); }
.ef2-nav-indicator{ position:absolute; left:-28px; top:0; width:2px; height:68px; background:var(--electric); transition:transform .36s cubic-bezier(.22,1,.36,1); }
.ef2-chapters{ grid-column:3; min-width:0; }
.ef2-chapter{ display:flex; align-items:center; min-height:min(680px, 100svh - 64px); padding-block:clamp(64px,8vw,112px); scroll-margin-top:64px; }
.ef2-chapter+.ef2-chapter{ border-top:1px solid var(--line); }
.ef2-copy{ width:100%; max-width:430px; }
.ef2-copy h3{ margin:28px 0 0; padding-bottom:.08em; }
.ef2-copy>p{ margin:24px 0 0; font-size:var(--body); line-height:1.65; color:var(--muted); }
.ef2-operator-features{ list-style:none; margin:27px 0 0; padding:0; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.ef2-operator-features li{ display:inline-flex; align-items:center; gap:8px; min-height:20px; font-size:13px; font-weight:500; line-height:1; color:#b9bdc7; white-space:nowrap; }
.ef2-feature-mark{ display:inline-grid; place-items:center; width:20px; height:20px; border-radius:6px; background:var(--tint); color:var(--electric); }
.ef2-feature-mark svg{ width:12px; height:12px; }
.ef2-feature-mark:empty::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--electric); }
.ef2-operator-features em{ margin-left:-2px; padding:3px 5px 2px; border-radius:4px; font-size:8px; font-style:normal; font-weight:650; letter-spacing:.08em; text-transform:uppercase; line-height:1; color:var(--electric-soft); background:rgba(157,124,255,.13); }
.ef2-operator-feature-groups{ display:grid; grid-template-columns:repeat(3,auto); gap:20px 24px; margin-top:27px; }
.ef2-operator-feature-group-title{ display:block; margin-bottom:12px; font-size:10px; font-weight:650; letter-spacing:.1em; text-transform:uppercase; color:var(--electric-soft); }
.ef2-operator-feature-groups .ef2-operator-features{ margin-top:0; gap:10px; }
.ef2-stage{ grid-column:5; position:relative; min-width:0; }
.ef2-stage-sticky{ position:sticky; top:64px; height:calc(100svh - 64px); display:grid; place-items:center; }
.ef2-stage-demo{ position:relative; width:100%; height:clamp(440px,46vw,540px); }
.ef2-stage-surface{ position:absolute; inset:0; overflow:hidden; isolation:isolate; background:var(--deep); }
.ef2-stage-spec{ position:absolute; top:0; left:0; right:0; z-index:2; display:grid; height:20px; font-size:12px; color:var(--muted); }
.ef2-stage-spec-context{ grid-area:1/1; display:inline-flex; align-items:center; gap:8px; opacity:0; transition:opacity .3s; }
.ef2-stage-spec-context.is-active{ opacity:1; }
.ef2-stage-chevron{ color:#565266; } .ef2-stage-spec strong{ font-weight:500; color:var(--ink-2); }
.ef2-card-frame{ position:absolute; left:50%; top:calc(50% + 12px); width:min(82%,590px); aspect-ratio:9/10; max-height:92%; transform:translate(-50%,-50%); overflow:hidden; border-radius:12px; background:var(--deep-2); border:1px solid var(--line-soft); box-shadow:0 28px 76px rgba(0,0,0,.45); }
.ef2-card-content{ position:relative; width:100%; height:100%; overflow:hidden; }
.ef2-card-backdrop{ position:absolute; inset:0; z-index:0; opacity:.5; }
.ef2-card-scene{ position:absolute; inset:0; z-index:1; opacity:0; visibility:hidden; pointer-events:none; contain:layout paint; transition:opacity .36s cubic-bezier(.22,1,.36,1); }
.ef2-card-scene.is-active{ opacity:1; visibility:visible; pointer-events:auto; }
.ef2-mobile-visual{ display:none; }

/* scene content (shared desktop + mobile) */
.scene{ position:absolute; inset:0; padding:18px; display:flex; flex-direction:column; gap:12px; font-size:12px; }
.scene-card{ border-radius:10px; border:1px solid var(--line-soft); background:rgba(14,12,18,.9); padding:12px; }
.scene-row{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.scene-muted{ color:var(--muted); font-size:11px; }
.scene-big{ font-size:22px; font-weight:700; letter-spacing:-.02em; }
.scene-tag{ font-size:9px; font-weight:800; letter-spacing:.06em; color:var(--electric); border:1px solid var(--tint-ring); border-radius:999px; padding:2px 7px; }
.scene-addr{ margin-top:10px; padding:10px 12px; border-radius:8px; background:rgba(255,255,255,.03); border:1px solid var(--line-soft); font-family:ui-monospace,Menlo,monospace; font-size:12px; }
.scene-ledger{ display:flex; flex-direction:column; }
.scene-ledger>div{ display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--line-soft); font-size:12px; }
.scene-ledger>div:last-child{ border-bottom:0; }
.good{ color:var(--electric); } .bad{ color:#ff4d6a; }
.scene-grid{ position:relative; flex:1; border-radius:10px; overflow:hidden; background:#08070b; border:1px solid var(--line-soft); }
.scene-grid canvas{ position:absolute; inset:0; width:100%; height:100%; }
.scene-flow{ display:flex; flex-direction:column; gap:12px; }
.scene-flow>div{ display:flex; align-items:center; gap:12px; }
.scene-flow .dot{ width:10px; height:10px; border-radius:50%; border:2px solid rgba(255,255,255,.15); flex:0 0 auto; }
.scene-flow .dot.on{ background:var(--electric); border-color:var(--electric); box-shadow:0 0 12px rgba(157,124,255,.8); }
.scene-flow b{ display:block; font-size:12px; } .scene-flow small{ color:var(--muted); font-size:11px; }

/* ─── numbers ─── */
.numbers-section{ position:relative; overflow:hidden; }
.numbers-section__backdrop{ position:absolute; inset:0; z-index:0; width:100%; max-width:var(--rail); margin:0 auto; left:0; right:0; pointer-events:none; isolation:isolate; overflow:hidden; border-bottom:1px solid var(--line);
  background:linear-gradient(rgba(11,10,14,.08), rgba(11,10,14,.16) 42%, rgba(42,20,80,.42) 100%), radial-gradient(94% 72% at 50% 94%, rgba(157,124,255,.42), rgba(43,14,92,.22) 54%, transparent 78%), var(--deep); }
.numbers-section__field{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:min(100%,1280px); height:500px; overflow:hidden; }
.numbers-section__field .dot-wings .pattern-layer{ height:100%; inset:0; opacity:1; -webkit-mask-image:linear-gradient(transparent 0, #000 12% 100%); mask-image:linear-gradient(transparent 0, #000 12% 100%); -webkit-mask-composite:initial; mask-composite:initial; }
.numbers-section__inner{ position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; text-align:center; width:min(100%,1280px); margin:0 auto; padding-top:100px; }
.numbers-section__eyebrow{ margin-bottom:22px; }
.numbers-section__copy h2{ margin:0; }
.numbers-section__copy>p{ margin:22px auto 0; max-width:650px; font-size:18px; line-height:28px; color:rgba(228,213,255,.68); text-wrap:balance; }
.numbers-section__menu{ position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:100%; min-height:183px; margin-top:32px; padding-inline:max(0px, calc((100% - var(--content)) / 2)); }
.numbers-section__metric{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; padding:26px 18px 30px; text-align:center; }
.numbers-section__metric+.numbers-section__metric::before{ content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:2px; height:34px; background:rgba(231,225,242,.14); }
.numbers-section__value{ display:inline-grid; place-items:center; font-size:32px; font-weight:420; line-height:1.25; letter-spacing:-.025em; color:var(--ink); font-variant-numeric:tabular-nums; white-space:nowrap; }
.numbers-section__metric>span:last-child{ max-width:140px; margin-top:8px; font-size:14px; line-height:1.5; color:var(--muted); }

/* ─── import + activity ─── */
.activity-history-section{ background:var(--deep); padding-top:clamp(64px,8vw,104px); }
.activity-history-shell{ width:100%; max-width:1280px; margin:0 auto; padding-inline:24px; }
.activity-history-frame{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(32px,5vw,72px); align-items:start; }
.activity-import-copy h3,.activity-history-heading h3{ margin:22px 0 0; color:#f1edff; }
.activity-import-copy p,.activity-history-heading p{ margin:18px 0 0; font-size:var(--body); line-height:1.65; color:var(--muted); max-width:420px; }
.token-import-demo{ margin-top:28px; border-radius:14px; border:1px solid var(--line-soft); background:var(--deep-2); padding:16px; display:flex; flex-direction:column; gap:14px; }
.token-import-demo__label{ display:block; margin-bottom:8px; font-size:11px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.token-import-demo__input{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 12px; border-radius:9px; border:1px solid var(--line-soft); background:rgba(255,255,255,.03); font-size:13px; }
.token-import-demo__copy{ font-size:11px; font-weight:700; color:var(--electric); }
.token-import-demo__result{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.token-import-demo__identity{ display:flex; align-items:center; gap:10px; } .token-import-demo__identity img{ width:28px; height:28px; border-radius:50%; }
.token-import-demo__identity b{ display:block; font-size:14px; } .token-import-demo__identity small{ font-size:11px; color:var(--muted); }
.tid-step{ font-size:11px; font-weight:700; padding:6px 10px; border-radius:999px; background:var(--tint); color:var(--electric-soft); box-shadow:inset 0 0 0 1px var(--tint-ring); }
.activity-console{ margin-top:28px; border-radius:14px; border:1px solid var(--line-soft); background:var(--deep-2); overflow:hidden; }
.activity-console-viewport{ height:420px; overflow:hidden; position:relative; -webkit-mask-image:linear-gradient(#000 0, #000 80%, transparent 100%); mask-image:linear-gradient(#000 0, #000 80%, transparent 100%); }
.activity-console-track{ display:flex; flex-direction:column; animation:consoleScroll 38s linear infinite; }
@keyframes consoleScroll{ to{ transform:translateY(-50%); } }
.activity-event{ display:grid; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:12px; padding:11px 16px; border-bottom:1px solid var(--line-soft); font-size:13px; }
.activity-event .ae-ic{ width:28px; height:28px; border-radius:8px; display:grid; place-items:center; background:rgba(255,255,255,.04); color:var(--muted); font-size:11px; font-weight:800; }
.activity-event--hit .ae-ic{ background:var(--tint); color:var(--electric); }
.activity-event--miss .ae-ic{ background:rgba(255,77,106,.12); color:#ff8da0; }
.activity-event--withdraw .ae-ic{ background:rgba(255,209,102,.12); color:#ffd166; }
.activity-event b{ font-weight:600; color:var(--ink-2); } .activity-event small{ color:var(--muted); font-size:11px; margin-left:8px; }
.activity-event time{ color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; }
.activity-control-guarantees{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:clamp(56px,6vw,88px); padding-bottom:clamp(64px,8vw,104px); }
.activity-control-guarantee{ display:flex; gap:18px; align-items:flex-start; padding:22px; border-radius:16px; border:1px solid var(--line-soft); background:var(--deep-2); }
.activity-control-icon{ width:56px; height:56px; flex:0 0 auto; border-radius:14px; display:grid; place-items:center; color:var(--electric); background:var(--tint); box-shadow:inset 0 0 0 1px var(--tint-ring); }
.activity-control-icon svg{ width:30px; height:30px; }
.activity-control-guarantee h3{ margin:0; font-size:16px; font-weight:500; line-height:1.35; color:var(--ink); }
.activity-control-guarantee p{ margin:8px 0 0; font-size:var(--support); line-height:1.55; color:var(--muted); }

/* ─── footer ─── */
.footer-spacing{ padding-top:24px; }
.site-footer{ position:relative; z-index:1; background:var(--deep); border-top:1px solid var(--line); }
.site-footer__simple{ display:flex; align-items:center; justify-content:space-between; width:100%; max-width:1280px; margin:0 auto; padding:28px 24px; }
.site-footer__brand img{ height:22px; width:auto; display:block; }
.site-footer__x{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:10px; color:#a39fb0; border:1px solid var(--line-soft); transition:color .2s, border-color .2s, background .2s; }
.site-footer__x:hover{ color:#fff; border-color:rgba(157,124,255,.4); background:var(--tint); }

/* ─── responsive ─── */
@media (max-width:1180px){
  .ef2-flow{ grid-template-columns:minmax(300px,.84fr) minmax(420px,1.16fr); }
  .ef2-nav{ grid-column:1/-1; position:sticky; top:64px; z-index:12; border-right:0; border-bottom:1px solid var(--line); background:rgba(11,10,14,.98); }
  .ef2-nav-sticky{ position:static; min-height:0; padding:0; display:block; }
  .ef2-nav-list{ grid-template-columns:repeat(3,1fr); }
  .ef2-nav button{ padding-inline:22px; } .ef2-nav button+button{ border-top:0; border-left:1px solid var(--line); }
  .ef2-nav-indicator{ left:0; top:auto; bottom:0; width:33.333%; height:2px; }
  .ef2-chapters{ grid-column:1; } .ef2-stage{ grid-column:2; }
  .ef2-chapter{ min-height:calc(100svh - 132px); scroll-margin-top:132px; }
  .ef2-stage-sticky{ top:132px; height:calc(100svh - 132px); min-height:520px; }
}
@media (max-width:860px){
  .site-header-nav,.site-header-right{ display:none; } .site-header-menu-toggle{ display:flex; }
  .hero-in{ padding-top:56px; }
  .hero-mobile-ctas{ display:flex; }
  .hero-segment{ display:none; } .hero-gap{ height:40px; }
  .hero-dashboard-stage{ width:calc(100% + 5rem); }
  .hero-dashboard-window{ aspect-ratio:1.42; }
  .app-mock-syms,.app-mock-stats span:not(.app-mock-btn){ display:none; }
  .launchpad-rail ul{ grid-template-columns:repeat(3,1fr); row-gap:4px; } .launchpad-rail li{ height:58px; }
  .story-break{ padding-top:44px; }
  .ef2-flow{ display:block; }
  .ef2-nav{ position:static; overflow-x:auto; backdrop-filter:none; } .ef2-nav-sticky{ min-width:480px; } .ef2-nav button{ min-height:64px; padding-inline:16px; }
  .ef2-chapter{ display:block; min-height:0; padding:52px 12px 64px; scroll-margin-top:64px; }
  .ef2-copy h3{ margin-top:18px; } .ef2-copy>p{ margin-top:16px; font-size:14px; line-height:1.6; }
  .ef2-operator-feature-groups{ grid-template-columns:1fr 1fr; }
  .ef2-mobile-visual{ display:grid; width:min(100%,420px); aspect-ratio:460/430; margin:38px auto 0; overflow:hidden; }
  .ef2-mobile-visual .ef2-card-frame{ position:relative; inset:auto; transform:none; width:100%; height:100%; aspect-ratio:auto; max-height:none; border-radius:10px; box-shadow:none; }
  .ef2-stage{ display:none; }
  .numbers-section__inner{ min-height:600px; padding:58px 20px 24px; }
  .numbers-section__copy>p{ max-width:340px; font-size:16px; }
  .numbers-section__menu{ grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:24px; }
  .numbers-section__metric{ min-height:128px; padding:18px 12px; } .numbers-section__metric+.numbers-section__metric::before{ display:none; }
  .activity-history-frame{ grid-template-columns:1fr; } .activity-console-viewport{ height:320px; }
  .activity-control-guarantees{ grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce){ *{ animation:none !important; transition:none !important; } }

/* X link in the header */
.site-header-x{ display:inline-grid; place-items:center; width:36px; height:36px; border-radius:999px; color:rgba(255,255,255,.75); border:1px solid rgba(255,255,255,.12); transition:color .15s, border-color .15s, background .15s; }
.site-header-x:hover{ color:#fff; border-color:rgba(157,124,255,.5); background:rgba(157,124,255,.08); }