:root {
  --bg: #07110d;
  --bg-2: #0b1712;
  --panel: rgba(255,255,255,.055);
  --panel-border: rgba(255,255,255,.11);
  --text: #f4f7f5;
  --muted: #9cadA4;
  --accent: #76f2b4;
  --accent-2: #b9ffd8;
  --dark-text: #0a1811;
  --light-bg: #f3f6f4;
  --light-muted: #5f6c65;
  --line: rgba(11,24,17,.12);
  --radius: 28px;
  --shadow: 0 30px 80px rgba(0,0,0,.22);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }

a { color: inherit; text-decoration: none; }
button { font: inherit; }
img, svg { display: block; max-width: 100%; }
::selection { background: var(--accent); color: #07110d; }

.page-noise {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  z-index: 9999;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
}

.container {
  width: min(1180px, calc(100% - 44px));
  margin-inline: auto;
}
.section { position: relative; padding: 122px 0; }
.section-light { background: var(--light-bg); color: var(--dark-text); }

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transition: background .3s ease, border-color .3s ease, backdrop-filter .3s ease;
  border-bottom: 1px solid transparent;
}
.site-header.scrolled {
  background: rgba(7,17,13,.78);
  border-color: rgba(255,255,255,.08);
  backdrop-filter: blur(18px);
}
.header-inner {
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  letter-spacing: .12em;
  font-weight: 750;
}
.brand img { border-radius: 10px; }
.nav {
  display: flex;
  align-items: center;
  gap: 34px;
  color: #c6d0ca;
  font-size: 14px;
}
.nav a:not(.button) {
  transition: color .2s ease;
}
.nav a:not(.button):hover { color: #fff; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 24px;
  border-radius: 999px;
  background: var(--accent);
  color: #07110d;
  font-weight: 700;
  border: 1px solid transparent;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(118,242,180,.18);
  background: #8af6c1;
}
.button-small { min-height: 42px; padding: 0 18px; font-size: 13px; }
.button-light { background: #f7faf8; }
.text-link {
  color: #dce5e0;
  font-size: 14px;
  font-weight: 650;
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.text-link span { transition: transform .2s ease; }
.text-link:hover span { transform: translate(3px,-3px); }

.nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  padding: 10px;
}
.nav-toggle span {
  display: block;
  height: 2px;
  background: #fff;
  margin: 5px 0;
  border-radius: 2px;
  transition: transform .25s ease, opacity .25s ease;
}

.hero {
  min-height: 900px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-top: 165px;
  background:
    radial-gradient(circle at 68% 28%, rgba(77,181,131,.13), transparent 34%),
    linear-gradient(180deg,#07110d 0%,#08130e 100%);
}
.hero::after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
}
.hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 70px;
  position: relative;
  z-index: 2;
}
.hero-copy { padding-top: 10px; }
.eyebrow,
.section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 750;
}
.eyebrow {
  color: #b8c5be;
  border: 1px solid rgba(255,255,255,.12);
  padding: 9px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
}
.status-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 6px rgba(118,242,180,.08);
}
.hero h1 {
  font-size: clamp(64px, 7.4vw, 112px);
  line-height: .91;
  letter-spacing: -.072em;
  margin: 34px 0 28px;
  font-weight: 670;
  max-width: 740px;
}
.hero h1 span {
  color: transparent;
  -webkit-text-stroke: 1px rgba(255,255,255,.42);
}
.hero-lead {
  font-size: 18px;
  line-height: 1.7;
  color: #9fb0a7;
  max-width: 590px;
  margin: 0 0 34px;
}
.hero-actions { display:flex; align-items:center; gap:24px; }
.hero-trust {
  margin-top: 62px;
  display: flex;
  gap: 44px;
  flex-wrap: wrap;
}
.hero-trust div { display:grid; gap:6px; min-width: 120px; }
.hero-trust strong { font-size: 22px; letter-spacing: -.03em; }
.hero-trust span { color:#819188; font-size:12px; max-width:140px; line-height:1.45; }

.hero-orb {
  position:absolute;
  border-radius:50%;
  filter: blur(10px);
  pointer-events:none;
}
.hero-orb-a {
  width:380px; height:380px;
  right:-130px; top:180px;
  background:radial-gradient(circle,rgba(118,242,180,.11),transparent 68%);
}
.hero-orb-b {
  width:300px; height:300px;
  left:-190px; bottom:60px;
  background:radial-gradient(circle,rgba(255,255,255,.04),transparent 70%);
}

.wallet-stage { position: relative; perspective: 1200px; }
.wallet-card {
  background: linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.035));
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 30px;
  padding: 28px;
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.09);
  backdrop-filter: blur(16px);
  transform: rotateY(-4deg) rotateX(1deg);
  animation: walletFloat 7s ease-in-out infinite;
}
.wallet-topline { display:flex; justify-content:space-between; align-items:flex-start; }
.wallet-label { display:block; color:#94a39b; font-size:13px; margin-bottom:6px; }
.wallet-balance { font-size:36px; letter-spacing:-.045em; font-weight:700; }
.icon-button {
  color:#c4cec8; background:rgba(255,255,255,.05);
  width:42px;height:42px;border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
}
.performance { display:flex; gap:8px; align-items:center; margin-top:10px; font-size:12px; }
.performance-pill {
  color:var(--accent);
  background:rgba(118,242,180,.10);
  border:1px solid rgba(118,242,180,.16);
  padding:5px 8px;
  border-radius:999px;
}
.performance-text { color:#75867d; }
.chart { height:145px; margin:28px 0 12px; }
.chart svg { width:100%; height:100%; overflow:visible; }
.chart-area { fill:url(#areaGradient); }
.chart-line {
  fill:none; stroke:var(--accent); stroke-width:3; stroke-linecap:round;
  stroke-dasharray:1; stroke-dashoffset:1;
  animation: drawLine 2s .4s ease forwards;
  filter:drop-shadow(0 0 8px rgba(118,242,180,.22));
}
.wallet-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:14px 0 26px; }
.wallet-action {
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#dfe6e2; border-radius:16px; min-height:70px;
  display:flex; align-items:center; justify-content:center; gap:9px;
  cursor:default;
}
.action-icon {
  display:grid; place-items:center;
  width:30px; height:30px; border-radius:10px;
  background:rgba(118,242,180,.10);
  color:var(--accent);
}
.asset-list { border-top:1px solid rgba(255,255,255,.08); padding-top:8px; }
.asset-row {
  display:grid; grid-template-columns:44px 1fr auto; gap:12px; align-items:center;
  padding:13px 0; border-bottom:1px solid rgba(255,255,255,.055);
}
.asset-icon {
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  background:#1b2a22;border:1px solid rgba(255,255,255,.08);font-weight:700;
}
.asset-icon.stable { color:var(--accent); }
.asset-name,.asset-value { display:grid; gap:4px; }
.asset-name strong,.asset-value strong { font-size:13px; }
.asset-name span,.asset-value span { color:#6f8177; font-size:11px; }
.asset-value { text-align:right; }

.floating-chip {
  position:absolute; z-index:3;
  padding:11px 14px;border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(10,24,17,.84);
  backdrop-filter:blur(12px);
  color:#dce6e0;font-size:12px;
  box-shadow:0 18px 38px rgba(0,0,0,.24);
  animation: chipFloat 5s ease-in-out infinite;
}
.floating-chip span { color:var(--accent); margin-left:8px; }
.chip-a { right:-34px; top:70px; }
.chip-b { left:-30px; bottom:120px; animation-delay:-2.2s; }

.ticker-wrap { position:absolute; left:50%; transform:translateX(-50%); bottom:38px; overflow:hidden; opacity:.72; }
.ticker { display:flex; gap:20px; white-space:nowrap; justify-content:center; color:#7f9187; font-size:12px; letter-spacing:.04em; }
.ticker i { color:var(--accent); font-style:normal; }

.section-heading { max-width:720px; }
.section-heading.centered { margin:0 auto 60px; text-align:center; }
.section-kicker { color:#1d7a4e; margin-bottom:24px; }
.section-heading h2,
.security-copy h2,
.company-intro h2,
.cta-card h2 {
  font-size:clamp(42px,5.6vw,74px);
  line-height:.98; letter-spacing:-.055em; margin:0;
}
.section-heading p,
.section-text {
  color:var(--light-muted);
  font-size:17px; line-height:1.7; margin:26px 0 0; max-width:620px;
}

.feature-grid {
  margin-top:70px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.feature-card {
  position:relative;
  min-height:310px;
  border:1px solid var(--line);
  border-radius:24px;
  padding:26px;
  background:rgba(255,255,255,.55);
  overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.feature-card:hover {
  transform:translateY(-6px);
  box-shadow:0 22px 50px rgba(19,45,30,.08);
  border-color:rgba(29,122,78,.22);
}
.feature-card-large {
  grid-column:span 2;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:30px;
}
.card-number { color:#94a39b; font-size:11px; letter-spacing:.1em; }
.feature-card h3 { font-size:24px; line-height:1.08; letter-spacing:-.035em; margin:70px 0 14px; }
.feature-card p { color:var(--light-muted); font-size:14px; line-height:1.65; margin:0; }
.feature-card-large h3 { margin:86px 0 14px; font-size:31px; }
.feature-icon {
  position:absolute; right:24px; top:24px;
  width:46px;height:46px;border-radius:15px;
  display:grid;place-items:center;
  background:#0d1c14;color:var(--accent);
  font-size:20px;
}
.mini-dashboard {
  align-self:end;
  height:220px;
  border-radius:22px 22px 0 0;
  background:#0b1711;
  margin-bottom:-26px;
  padding:23px 20px 0;
  box-shadow:0 24px 55px rgba(6,19,12,.18);
}
.mini-top { display:flex; justify-content:space-between; color:#a8b6ae; font-size:12px; }
.mini-top strong { color:#fff; font-size:20px; }
.mini-bars { height:145px; display:flex; align-items:end; gap:8px; margin-top:22px; }
.mini-bars span {
  flex:1; height:var(--h); border-radius:8px 8px 0 0;
  background:linear-gradient(180deg,var(--accent),rgba(118,242,180,.12));
  opacity:.78;
}

.security-section {
  background:
    radial-gradient(circle at 20% 50%,rgba(118,242,180,.08),transparent 30%),
    #07110d;
}
.security-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:90px; }
.security-visual { min-height:570px; display:grid; place-items:center; }
.security-core { width:360px;height:360px;position:relative;display:grid;place-items:center; }
.shield-mark {
  width:146px;height:166px;
  display:grid;place-items:center;
  filter:drop-shadow(0 0 36px rgba(118,242,180,.18));
}
.shield-mark svg path:first-child {
  fill:rgba(118,242,180,.06); stroke:rgba(118,242,180,.55); stroke-width:2;
}
.shield-check { fill:none;stroke:var(--accent);stroke-width:7;stroke-linecap:round;stroke-linejoin:round; }
.orbit { position:absolute;inset:0;border:1px solid rgba(255,255,255,.07);border-radius:50%;animation:spin 18s linear infinite; }
.orbit span {
  width:10px;height:10px;border-radius:50%;background:var(--accent);
  position:absolute;left:50%;top:-5px;box-shadow:0 0 22px rgba(118,242,180,.7);
}
.orbit-two { inset:38px; animation-duration:14s; animation-direction:reverse; }
.orbit-two span { top:auto;bottom:-5px; }
.orbit-three { inset:78px; animation-duration:10s; opacity:.55; }
.security-copy .section-kicker { color:var(--accent); }
.security-copy h2 { max-width:650px; }
.security-copy .section-text { color:#94a69c; }
.security-list { margin-top:42px; border-top:1px solid rgba(255,255,255,.08); }
.security-list > div {
  display:grid;grid-template-columns:38px 1fr;gap:18px;
  padding:22px 0;border-bottom:1px solid rgba(255,255,255,.08);
}
.security-list > div > span { color:var(--accent);font-size:11px;letter-spacing:.08em;margin-top:4px; }
.security-list strong { display:block;font-size:16px;margin-bottom:6px; }
.security-list p { margin:0;color:#7e9186;font-size:13px;line-height:1.55; }

.compliance-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:start; }
.compliance-panel {
  border:1px solid var(--line);
  border-radius:28px;
  padding:34px;
  background:#fff;
  box-shadow:0 30px 70px rgba(19,45,30,.06);
}
.compliance-status { display:grid; grid-template-columns:112px 1fr; gap:26px; align-items:center; }
.ring {
  width:112px;height:112px;border-radius:50%;
  display:grid;place-items:center;
  background:conic-gradient(#24a56a 0 82%,#dfe9e3 82% 100%);
  position:relative;
}
.ring::after { content:"";position:absolute;inset:10px;border-radius:50%;background:#fff; }
.ring span { position:relative;z-index:1;font-weight:800;font-size:19px;letter-spacing:.04em; }
.muted-label { display:block;color:#7d8b84;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px; }
.compliance-status strong { display:block;font-size:22px;letter-spacing:-.025em;line-height:1.2; }
.compliance-status p { color:#67756e;font-size:13px;line-height:1.55;margin:8px 0 0; }
.compliance-tags { display:flex;flex-wrap:wrap;gap:9px;margin:28px 0; }
.compliance-tags span { padding:9px 12px;border-radius:999px;background:#eff5f1;color:#2f493b;font-size:11px;font-weight:650; }
.compliance-note { border-top:1px solid var(--line);padding-top:22px;color:#68766f;font-size:12px;line-height:1.6;margin:0; }

.process-section {
  background:#0a1811;
  border-top:1px solid rgba(255,255,255,.055);
}
.process-section .section-kicker { color:var(--accent); }
.process-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px; }
.process-card {
  min-height:280px;border-radius:24px;padding:28px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
  transition:transform .3s ease,border-color .3s ease;
}
.process-card:hover { transform:translateY(-6px);border-color:rgba(118,242,180,.25); }
.process-number { color:var(--accent);font-size:11px;letter-spacing:.1em; }
.process-card h3 { margin:102px 0 12px;font-size:25px;letter-spacing:-.035em; }
.process-card p { margin:0;color:#82938a;line-height:1.6;font-size:14px;max-width:290px; }

.company-section { background:#0a1811;padding-top:0; }
.company-card {
  border-radius:32px;
  background:#f4f7f5;
  color:var(--dark-text);
  overflow:hidden;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
}
.company-intro { padding:54px; background:#eaf0ec; }
.company-intro h2 { font-size:52px; }
.company-intro p { margin:24px 0 0;color:#66736c;line-height:1.7;max-width:460px; }
.company-details { margin:0;padding:32px 44px; }
.company-details div {
  display:grid;grid-template-columns:190px 1fr;gap:24px;
  padding:17px 0;border-bottom:1px solid rgba(11,24,17,.10);
}
.company-details div:last-child { border-bottom:0; }
.company-details dt { color:#7b8982;font-size:12px; }
.company-details dd { margin:0;font-size:13px;font-weight:650; }
.company-details a { text-decoration:underline;text-decoration-color:#b6c4bc;text-underline-offset:4px; }

.cta-section { background:#0a1811;padding-top:0; }
.cta-card {
  background:var(--accent);
  color:#06110c;
  border-radius:32px;
  padding:56px;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:40px;
}
.cta-card .section-kicker { color:#195c3c;margin-bottom:20px; }
.cta-card h2 { max-width:780px; }

.footer {
  background:#06100b;
  border-top:1px solid rgba(255,255,255,.06);
  padding:62px 0 32px;
}
.footer-main { display:grid;grid-template-columns:1fr auto;gap:80px; }
.footer-brand p { color:#74867c;font-size:13px;line-height:1.6;max-width:360px;margin-top:20px; }
.footer-links { display:flex;gap:100px; }
.footer-links div { display:grid;align-content:start;gap:12px;min-width:110px; }
.footer-links strong { font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#71847a;margin-bottom:4px; }
.footer-links a { font-size:13px;color:#c2cdc7; }
.footer-legal {
  margin-top:58px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.06);
  display:grid;
  grid-template-columns:1fr 1.7fr;
  gap:50px;
  color:#607168;
  font-size:10px;
  line-height:1.55;
}
.footer-legal p { margin:0; }

.reveal {
  opacity:0;
  transform:translateY(28px);
  transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);
}
.reveal.in-view { opacity:1;transform:none; }
.reveal-delay { transition-delay:.12s; }

@keyframes walletFloat {
  0%,100% { transform:rotateY(-4deg) rotateX(1deg) translateY(0); }
  50% { transform:rotateY(-2deg) rotateX(.5deg) translateY(-10px); }
}
@keyframes chipFloat {
  0%,100% { transform:translateY(0); }
  50% { transform:translateY(-9px); }
}
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes drawLine { to { stroke-dashoffset:0; } }

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { animation-duration:.001ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.001ms !important; }
  .reveal { opacity:1; transform:none; }
}

@media (max-width: 1020px) {
  .hero { min-height:auto; padding-bottom:150px; }
  .hero-grid { grid-template-columns:1fr; gap:70px; }
  .hero-copy { max-width:760px; }
  .wallet-stage { max-width:640px; width:100%; margin-inline:auto; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .security-grid,.compliance-grid { grid-template-columns:1fr;gap:40px; }
  .security-visual { min-height:460px;order:2; }
  .company-card { grid-template-columns:1fr; }
  .company-intro { padding:44px; }
  .company-details { padding:26px 44px 34px; }
}

@media (max-width: 760px) {
  .container { width:min(100% - 28px,1180px); }
  .section { padding:86px 0; }
  .header-inner { height:72px; }
  .brand span { font-size:12px; }
  .nav-toggle { display:block;position:relative;z-index:101; }
  .nav {
    position:fixed;inset:0;
    background:rgba(6,16,11,.98);
    display:flex;flex-direction:column;justify-content:center;
    gap:28px;font-size:22px;
    opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:.25s ease;
  }
  .nav.open { opacity:1;visibility:visible;transform:none; }
  .nav.open + * {}
  .nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav-toggle.active span:nth-child(2){opacity:0;}
  .nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .nav .button-small { font-size:15px; min-height:50px; }
  .hero { padding-top:128px; }
  .hero h1 { font-size:clamp(58px,18vw,84px); }
  .hero-lead { font-size:16px; }
  .hero-actions { align-items:flex-start;flex-direction:column; }
  .hero-trust { gap:26px; }
  .wallet-card { padding:20px;transform:none;animation:none; }
  .wallet-balance { font-size:30px; }
  .floating-chip { display:none; }
  .wallet-actions { gap:6px; }
  .wallet-action { min-height:62px;font-size:11px;flex-direction:column;gap:5px; }
  .ticker-wrap { bottom:28px; }
  .ticker { justify-content:flex-start; animation:mobileTicker 18s linear infinite; }
  .section-heading h2,.security-copy h2,.company-intro h2,.cta-card h2 { font-size:46px; }
  .feature-grid { grid-template-columns:1fr; }
  .feature-card-large { grid-column:auto;grid-template-columns:1fr;min-height:520px; }
  .feature-card { min-height:270px; }
  .mini-dashboard { margin-top:18px; }
  .security-core { width:300px;height:300px; }
  .security-visual { min-height:390px; }
  .compliance-status { grid-template-columns:1fr; }
  .process-grid { grid-template-columns:1fr; }
  .process-card { min-height:235px; }
  .process-card h3 { margin-top:70px; }
  .company-intro { padding:34px 28px; }
  .company-details { padding:20px 28px 28px; }
  .company-details div { grid-template-columns:1fr;gap:7px;padding:15px 0; }
  .cta-card { padding:36px 28px;align-items:flex-start;flex-direction:column; }
  .footer-main { grid-template-columns:1fr;gap:36px; }
  .footer-links { gap:54px; }
  .footer-legal { grid-template-columns:1fr;gap:14px; }
}
@keyframes mobileTicker { to { transform:translateX(-45%); } }