:root{--bg:#050505;--panel:#101010;--panel2:#151515;--line:rgba(255,255,255,.12);--text:#f4f1ec;--muted:#b9b1a8;--gold:#c7a46a;--gold2:#e0c892;--shadow:0 30px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.site-header{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:24px 42px;background:linear-gradient(180deg,rgba(0,0,0,.86),rgba(0,0,0,.42),transparent);backdrop-filter:blur(10px)}.brand{text-decoration:none;color:var(--text);letter-spacing:.55em;font-size:18px;font-weight:500;line-height:1;display:inline-flex;flex-direction:column;gap:7px}.brand small{color:var(--gold);font-size:11px;letter-spacing:.48em;text-align:center;position:relative}.brand small:before,.brand small:after{content:"";height:1px;width:38px;background:var(--gold);position:absolute;top:50%}.brand small:before{right:calc(100% + 10px)}.brand small:after{left:calc(100% + 10px)}.main-nav{display:flex;gap:46px}.main-nav a{color:var(--text);text-decoration:none;text-transform:uppercase;letter-spacing:.24em;font-size:12px;font-weight:700;opacity:.88}.main-nav a:hover{color:var(--gold)}.menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);padding:8px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.18em}.hero{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(199,164,106,.13),transparent 28%),linear-gradient(180deg,#030303,#080808 64%,#101010)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,transparent 25%,transparent 75%,#050505 100%)}.chart-bg{position:absolute;inset:auto 0 0 0;height:55%;opacity:.25;display:flex;align-items:end;gap:10px;padding:0 8vw;filter:blur(.2px)}.chart-bg span{display:block;flex:1;max-width:34px;background:linear-gradient(180deg,var(--gold),rgba(255,255,255,.18));border-radius:2px;animation:pulse 6s infinite ease-in-out}.chart-bg span:nth-child(1){height:18%}.chart-bg span:nth-child(2){height:32%;animation-delay:.4s}.chart-bg span:nth-child(3){height:24%;animation-delay:.8s}.chart-bg span:nth-child(4){height:45%;animation-delay:1.2s}.chart-bg span:nth-child(5){height:39%;animation-delay:1.6s}.chart-bg span:nth-child(6){height:62%;animation-delay:2s}.chart-bg span:nth-child(7){height:76%;animation-delay:2.4s}.chart-bg span:nth-child(8){height:88%;animation-delay:2.8s}@keyframes pulse{50%{transform:translateY(-22px);opacity:.75}}.hero-inner{position:relative;z-index:2;width:min(900px,88vw);text-align:center;padding-top:60px}.hero-logo{width:min(470px,82vw);height:auto;mix-blend-mode:screen;filter:drop-shadow(0 20px 60px rgba(0,0,0,.7));border-radius:20px}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.34em;color:var(--gold2);font-size:12px;font-weight:700}.hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(42px,7vw,92px);line-height:.95;margin:22px auto 18px;max-width:980px;font-weight:500}.hero-copy{max-width:720px;margin:0 auto;color:var(--muted);font-size:18px}.section{padding:96px 8vw;border-top:1px solid var(--line);background:linear-gradient(180deg,#0b0b0b,#070707)}
.about-market{display:grid;grid-template-columns:.68fr 1.52fr;grid-template-areas:"kicker title" "copy chart";gap:38px 58px;align-items:start;position:relative;overflow:hidden}.about-market:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 58%,rgba(199,164,106,.11),transparent 38%);pointer-events:none}.about-head{display:contents}.about-head .section-kicker{grid-area:kicker}.about-head h2{grid-area:title;font-family:"Cormorant Garamond",serif;font-size:clamp(42px,5.3vw,82px);line-height:.98;margin:0 0 18px;max-width:720px;position:relative;z-index:4}.about-copy{grid-area:copy;border-left:1px solid var(--gold);padding-left:72px;color:#ddd5cc;max-width:650px;position:relative;z-index:4}.market-visual{grid-area:chart;position:relative;z-index:2;min-height:560px;margin-top:34px;margin-right:-6vw;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 62% 32%,rgba(92,147,127,.18),transparent 38%),linear-gradient(135deg,rgba(255,255,255,.058),rgba(255,255,255,.017));border:1px solid rgba(255,255,255,.08);box-shadow:0 36px 110px rgba(0,0,0,.56);opacity:.96}.market-perspective{position:absolute;inset:-34% -20% -22% -24%;transform:perspective(1250px) rotateX(64deg) rotateZ(-8deg) translateY(74px);transform-origin:50% 58%;filter:blur(.06px);animation:marketDrift 260s ease-in-out infinite alternate}.market-chart{width:100%;height:100%;overflow:visible}.market-grid path{fill:none;stroke:rgba(255,255,255,.085);stroke-width:1}.orderbook rect{fill:#58d977;opacity:.32;animation:bookPulse 40s ease-in-out infinite}.right-book rect:nth-child(odd),.left-book rect:nth-child(even){fill:#fb6b75;opacity:.28}.market-layer{animation:marketFloat 240s linear infinite alternate}.market-area{fill:url(#marketFill);opacity:.82}.market-line{fill:none;stroke:url(#marketLine);stroke-width:5.2;stroke-linecap:round;stroke-linejoin:round;filter:url(#marketGlow);stroke-dasharray:1900;stroke-dashoffset:1900;animation:marketDraw 210s ease-in-out infinite}.candles{animation:candleEase 210s ease-in-out infinite}.candles path{fill:none;stroke-width:5.2;stroke-linecap:round;opacity:.78;filter:url(#marketGlow);stroke-dasharray:90;stroke-dashoffset:90;animation:candleDraw 210s ease-in-out infinite}.candles .up{stroke:#6dff8c}.candles .down{stroke:#ff6875}.candles .long{stroke-width:5.8}.price-axis text{font-family:Inter,system-ui,sans-serif;font-size:18px;fill:rgba(255,255,255,.54);letter-spacing:.04em}@keyframes marketDraw{0%{stroke-dashoffset:1900;opacity:.25}72%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}@keyframes candleDraw{0%,8%{stroke-dashoffset:90;opacity:0}62%{stroke-dashoffset:0;opacity:.8}100%{stroke-dashoffset:0;opacity:.8}}@keyframes candleEase{0%{transform:translateX(-20px)}100%{transform:translateX(24px)}}@keyframes marketDrift{0%{transform:perspective(1250px) rotateX(64deg) rotateZ(-8deg) translateY(82px) translateX(-28px)}100%{transform:perspective(1250px) rotateX(64deg) rotateZ(-8deg) translateY(56px) translateX(32px)}}@keyframes marketFloat{0%{transform:translateX(-28px) translateY(4px)}100%{transform:translateX(30px) translateY(-2px)}}@keyframes bookPulse{0%,100%{opacity:.18}50%{opacity:.42}}
.split{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.split h2{font-family:"Cormorant Garamond",serif;font-size:clamp(40px,5vw,70px);line-height:1;margin:14px 0 0}.split-copy{border-left:1px solid var(--gold);padding-left:70px;color:#ddd5cc}.centered{text-align:center;margin-bottom:34px}.card-grid,.process-grid,.founder-grid{display:grid;gap:26px}.three{grid-template-columns:repeat(3,1fr)}.card,.process-step,.founder{background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.card{text-align:center}.icon{width:70px;height:70px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);color:var(--gold);font-size:30px;background:rgba(255,255,255,.04)}h3{font-family:"Cormorant Garamond",serif;font-size:32px;line-height:1.1;margin:0 0 12px}.card p,.process-step p,.founder p{color:#cec7bd;margin:0}.process-grid{grid-template-columns:repeat(4,1fr)}.process-step span{color:var(--gold);font-weight:700;letter-spacing:.16em;font-size:13px}.founder-grid{grid-template-columns:1fr 1fr}.founder{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center}.founder img{width:170px;height:170px;object-fit:cover;border-radius:50%;border:1px solid rgba(199,164,106,.45);box-shadow:0 20px 55px rgba(0,0,0,.45)}.role{color:var(--gold)!important;margin-bottom:12px!important;font-weight:600}.disclaimer{text-align:center}.disclaimer p{max-width:900px;margin:0 auto;color:#d8d0c7}.site-footer{padding:42px 8vw;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);background:#030303;color:#c9c1b8}.footer-brand{font-size:16px}.muted{color:#8f887f}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header{padding:20px}.main-nav{position:absolute;right:20px;top:72px;display:none;flex-direction:column;gap:18px;background:rgba(8,8,8,.96);border:1px solid var(--line);padding:22px;border-radius:18px}.main-nav.open{display:flex}.menu-toggle{display:block}.split,.three,.process-grid,.founder-grid{grid-template-columns:1fr}.split-copy{border-left:0;padding-left:0}.founder{grid-template-columns:1fr;text-align:center}.founder img{margin:auto}.site-footer{flex-direction:column;text-align:center}.section{padding:72px 6vw}.brand{font-size:15px}.hero-logo{width:min(420px,92vw)}}



@media(max-width:900px){.about-market{grid-template-columns:1fr;grid-template-areas:"kicker" "title" "copy" "chart";gap:24px}.about-copy{border-left:0;padding-left:0}.market-visual{min-height:380px;margin-top:8px;margin-right:0}.market-perspective{inset:-26% -42% -12% -42%;animation-duration:260s}.about-head h2{margin-bottom:0}}

/* v7: About chart aligned to final requested design: large, wide, slow, immediately visible */
.about-market{
  min-height: 820px;
  display:grid;
  grid-template-columns:minmax(360px,.72fr) minmax(660px,1.55fr);
  grid-template-areas:
    "kicker chart"
    "title chart"
    "copy chart";
  gap:22px 32px;
  align-items:start;
  padding:118px 3.8vw 104px 4.8vw;
  background:
    radial-gradient(circle at 72% 44%,rgba(69,104,98,.18),transparent 36%),
    radial-gradient(circle at 20% 20%,rgba(199,164,106,.06),transparent 35%),
    linear-gradient(180deg,#060707,#090909 58%,#060606);
}
.about-market:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,#060606 0%,rgba(6,6,6,.95) 24%,rgba(6,6,6,.54) 42%,rgba(6,6,6,.08) 64%,rgba(6,6,6,.72) 100%);
}
.about-market:after{
  z-index:0;
  background:radial-gradient(circle at 76% 45%,rgba(199,164,106,.11),transparent 42%);
}
.about-head .section-kicker{position:relative;z-index:4;margin-top:24px;}
.about-head h2{
  grid-area:title;
  position:relative;
  z-index:4;
  max-width:660px;
  font-size:clamp(52px,5.9vw,104px);
  line-height:.92;
  margin:10px 0 18px;
  text-shadow:0 18px 48px rgba(0,0,0,.82);
}
.about-copy{
  position:relative;
  z-index:4;
  max-width:610px;
  padding-left:38px;
  margin-top:24px;
  font-size:18px;
  line-height:1.7;
}
.market-visual{
  grid-area:chart;
  position:absolute;
  z-index:2;
  top:112px;
  right:-7vw;
  width:min(76vw,1280px);
  height:690px;
  min-height:690px;
  margin:0;
  border:0;
  border-radius:0;
  overflow:hidden;
  background:transparent;
  box-shadow:none;
  opacity:1 !important;
  transform:none !important;
}
.market-visual:before{
  content:"";
  position:absolute;
  inset:-8% -6%;
  z-index:3;
  pointer-events:none;
  background:radial-gradient(circle at 62% 45%,transparent 0%,transparent 42%,rgba(0,0,0,.54) 82%),linear-gradient(90deg,rgba(0,0,0,.76) 0%,transparent 22%,transparent 76%,rgba(0,0,0,.72) 100%);
}
.market-perspective{
  inset:-20% -9% -12% -16%;
  transform-origin:50% 58%;
  transform:perspective(1250px) rotateX(57deg) rotateZ(-7deg) translateY(60px) translateX(0);
  animation:marketDriftV7 420s ease-in-out infinite alternate;
  opacity:.96;
}
.market-layer{animation:marketFloatV7 360s ease-in-out infinite alternate;}
.market-line{
  stroke-width:4.8;
  stroke-dasharray:none !important;
  stroke-dashoffset:0 !important;
  opacity:.96;
  animation:marketLineBreathV7 22s ease-in-out infinite !important;
}
.market-area{opacity:.54;}
.candles{animation:candleEaseV7 360s ease-in-out infinite alternate;}
.candles path{
  stroke-width:4.8;
  stroke-dasharray:none !important;
  stroke-dashoffset:0 !important;
  opacity:.9;
  animation:candlePulseV7 24s ease-in-out infinite !important;
}
.candles .long{stroke-width:5.6;}
.market-grid path{stroke:rgba(255,255,255,.105);}
.orderbook{filter:blur(.8px);}
.orderbook rect{animation:bookPulse 44s ease-in-out infinite;}
.price-axis text{font-size:17px;fill:rgba(255,255,255,.56);}
@keyframes marketDriftV7{
  0%{transform:perspective(1250px) rotateX(57deg) rotateZ(-7deg) translateY(68px) translateX(-26px) scale(1.04)}
  100%{transform:perspective(1250px) rotateX(57deg) rotateZ(-7deg) translateY(44px) translateX(38px) scale(1.08)}
}
@keyframes marketFloatV7{
  0%{transform:translateX(-22px) translateY(2px)}
  100%{transform:translateX(34px) translateY(-4px)}
}
@keyframes candleEaseV7{
  0%{transform:translateX(-10px)}
  100%{transform:translateX(22px)}
}
@keyframes marketLineBreathV7{
  0%,100%{opacity:.9;filter:url(#marketGlow)}
  50%{opacity:1;filter:url(#marketGlow)}
}
@keyframes candlePulseV7{
  0%,100%{opacity:.78}
  50%{opacity:.98}
}
@media(max-width:1100px){
  .about-market{grid-template-columns:1fr;grid-template-areas:"kicker" "title" "copy" "chart";min-height:auto;padding:88px 6vw;}
  .market-visual{position:relative;top:auto;right:auto;width:100%;height:460px;min-height:460px;margin-top:18px;border-radius:22px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);}
  .market-perspective{inset:-24% -42% -12% -34%;}
}
@media(max-width:700px){
  .about-head h2{font-size:clamp(44px,14vw,72px)}
  .about-copy{padding-left:24px;font-size:16px;}
  .market-visual{height:360px;min-height:360px;}
}

/* v8: final requested About chart. Uses the provided chart visual as base and overlays a slow live trend animation. */
.about-market{
  min-height: 830px !important;
  overflow:hidden;
  grid-template-columns:minmax(380px,.72fr) minmax(700px,1.7fr) !important;
  padding:112px 3.2vw 104px 4.2vw !important;
  background:linear-gradient(180deg,#050606,#080909 56%,#050505) !important;
}
.about-market:before{
  z-index:2 !important;
  background:linear-gradient(90deg,#050606 0%,rgba(5,6,6,.96) 25%,rgba(5,6,6,.58) 42%,rgba(5,6,6,.08) 65%,rgba(5,6,6,.54) 100%) !important;
}
.about-head, .about-copy{z-index:5 !important;}
.about-head h2{max-width:660px !important;}
.about-copy{max-width:610px !important;}
.market-visual{
  position:absolute !important;
  z-index:1 !important;
  top:64px !important;
  right:-4.5vw !important;
  width:min(78vw,1340px) !important;
  height:735px !important;
  min-height:735px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
  opacity:1 !important;
  transform:none !important;
}
.market-visual:before{
  content:"";
  position:absolute;
  inset:-2%;
  z-index:3;
  pointer-events:none;
  background:
    radial-gradient(circle at 68% 44%, transparent 0%, transparent 34%, rgba(0,0,0,.46) 78%),
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.36) 18%,transparent 44%,rgba(0,0,0,.26) 75%,rgba(0,0,0,.7) 100%),
    linear-gradient(180deg,rgba(0,0,0,.44),transparent 32%,rgba(0,0,0,.28));
}
.market-visual:after{display:none !important;}
.market-photo{
  position:absolute;
  inset:-8% -8% -8% -10%;
  background-image:url('assets/market-reference.png');
  background-size:cover;
  background-position:center center;
  filter:saturate(1.08) contrast(1.08) brightness(.78);
  opacity:.78;
  transform:perspective(1400px) rotateX(3deg) rotateZ(-1.5deg) scale(1.08);
  animation:marketPhotoDrift 280s linear infinite alternate;
  transform-origin:center center;
}
.live-trend-line{
  position:absolute;
  z-index:4;
  inset:8% 7% 14% 11%;
  width:82%;
  height:72%;
  transform:perspective(1100px) rotateX(9deg) rotateZ(-5.4deg) translateX(6%) translateY(4%);
  transform-origin:center center;
  opacity:.95;
  filter:blur(.05px);
  animation:trendPlaneDrift 260s ease-in-out infinite alternate;
}
.trend-path,.trend-shadow{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.trend-shadow{
  stroke:#53ff73;
  stroke-width:11;
  opacity:.11;
  filter:url(#trendGlow);
  animation:trendSlowMove 95s linear infinite alternate;
}
.trend-path{
  stroke:url(#trendStroke);
  stroke-width:4.2;
  filter:url(#trendGlow);
  opacity:.88;
  stroke-dasharray:24 10 7 8;
  animation:trendSlowMove 95s linear infinite alternate, trendDash 58s linear infinite;
}
.live-candle-overlay path{
  fill:none;
  stroke-linecap:round;
  stroke-width:5;
  opacity:.74;
  filter:url(#trendGlow);
  animation:candleLivePulse 26s ease-in-out infinite;
}
.live-candle-overlay .candle-up{stroke:#6cff7f;}
.live-candle-overlay .candle-down{stroke:#ff6672;}
.live-candle-overlay .big{stroke-width:6.2;opacity:.84;}
@keyframes marketPhotoDrift{
  0%{transform:perspective(1400px) rotateX(3deg) rotateZ(-1.5deg) translateX(-18px) translateY(0) scale(1.08)}
  100%{transform:perspective(1400px) rotateX(3deg) rotateZ(-1.5deg) translateX(26px) translateY(-8px) scale(1.11)}
}
@keyframes trendPlaneDrift{
  0%{transform:perspective(1100px) rotateX(9deg) rotateZ(-5.4deg) translateX(4%) translateY(4%) scale(1)}
  100%{transform:perspective(1100px) rotateX(9deg) rotateZ(-5.4deg) translateX(7%) translateY(2.6%) scale(1.012)}
}
@keyframes trendSlowMove{
  0%{transform:translateX(-34px) translateY(8px)}
  100%{transform:translateX(52px) translateY(-4px)}
}
@keyframes trendDash{
  from{stroke-dashoffset:0}
  to{stroke-dashoffset:-420}
}
@keyframes candleLivePulse{
  0%,100%{opacity:.62;transform:translateX(-10px)}
  50%{opacity:.95;transform:translateX(12px)}
}
@media(max-width:1100px){
  .about-market{grid-template-columns:1fr !important;grid-template-areas:"kicker" "title" "copy" "chart" !important;min-height:auto !important;padding:88px 6vw !important;}
  .market-visual{position:relative !important;top:auto !important;right:auto !important;width:100% !important;height:460px !important;min-height:460px !important;margin-top:18px !important;border-radius:24px !important;border:1px solid rgba(255,255,255,.07) !important;background:#050606 !important;}
  .market-photo{inset:-6% -16% -6% -14%;}
  .live-trend-line{inset:10% 3% 14% 7%;width:90%;height:72%;}
}
@media(max-width:700px){
  .market-visual{height:360px !important;min-height:360px !important;}
  .about-copy{font-size:16px !important;}
}


/* v9: static background only — foreground graph removed */
.market-visual{
  height: min(58vw, 650px) !important;
  min-height: 520px !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: #050606 !important;
}
.market-photo{
  inset: -8% -10% -8% -8% !important;
  opacity: .88 !important;
  filter: saturate(1.05) contrast(1.08) brightness(.7) !important;
  animation: none !important;
  transform: scale(1.03) !important;
  background-size: cover !important;
  background-position: center right !important;
}
.market-visual::before{
  background: linear-gradient(90deg,#050505 0%,rgba(5,5,5,.94) 10%,rgba(5,5,5,.48) 36%,rgba(5,5,5,.05) 65%,rgba(5,5,5,.18) 100%) !important;
}
.live-trend-line{display:none !important;}
.about-copy p{font-size:17px;}
@media(max-width:900px){
  .market-visual{height:420px !important;min-height:420px !important;border-radius:22px !important;}
  .market-photo{background-position:center center !important;}
}