/* GoldTrader Ionut — site styles (modern & clean) */
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(/assets/fonts/instrument-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(/assets/fonts/instrument-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Layout: airy single column of wide sections; hero split text/photo; content as bento grid */
:root{
  --ink:#1b1d21;        /* page: anthracite */
  --panel:#23262b;      /* raised surfaces */
  --panel-2:#2a2d33;    /* hover / inner */
  --line:#34383f;       /* borders */
  --text:#eceef1;       /* primary text */
  --muted:#9097a1;      /* secondary text */
  --gold:#c9a96e;       /* accent, used sparingly */
  --gold-ink:#1d1708;   /* text on gold */
  --font:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --gutter:max(20px,4vw);
  --max:1240px;
  --r-lg:28px;
  --r-md:20px;
  --ease:cubic-bezier(.22,.8,.2,1);
  --nav-h:68px;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font);font-size:clamp(1rem,.97rem + .15vw,1.0625rem);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-feature-settings:"ss01","cv11"}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0 0 1em}
h1,h2,h3{margin:0;font-weight:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--text);color:var(--ink);padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:600}
.skip:focus{top:12px}
.ico{width:1.1em;height:1.1em;fill:currentColor;flex:none}
.small{font-size:.85rem;color:var(--muted);margin:.75rem 0 0}

/* ---------- Buttons ---------- */
.btn{--py:.8rem;--px:1.25rem;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:var(--py) var(--px);border-radius:12px;font:600 .975rem/1.1 var(--font);text-decoration:none;border:1px solid transparent;cursor:pointer;overflow:hidden;transition:transform .3s var(--ease),background-color .25s,border-color .25s,color .25s,box-shadow .3s var(--ease)}
.btn--gold{background:var(--gold);color:var(--gold-ink);box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 8px 24px -10px rgba(201,169,110,.6)}
.btn--gold::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);transform:translateX(-110%);transition:transform .8s var(--ease)}
.btn--gold:hover{background:#d6b87f;transform:translateY(-1px);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 14px 30px -12px rgba(201,169,110,.75)}
.btn--gold:hover::after{transform:translateX(110%)}
.btn--gold:active{transform:scale(.98)}
.btn--outline{color:var(--text);border-color:var(--line);background:transparent}
.btn--outline:hover{border-color:var(--muted);background:var(--panel)}
.btn--sm{--py:.55rem;--px:.95rem;font-size:.9rem;border-radius:10px}
.btn--lg{--py:1rem;--px:1.5rem;font-size:1rem}
.btn--block{width:100%}
.linklike{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}

/* ---------- Nav ---------- */
.nav{position:fixed;inset:0 0 auto;z-index:50;height:var(--nav-h);border-bottom:1px solid transparent;transition:background-color .35s,border-color .35s}
.nav.is-solid{background:rgba(27,29,33,.82);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border-bottom-color:var(--line)}
.nav__inner{max-width:var(--max);margin:0 auto;height:100%;padding:0 var(--gutter);display:flex;align-items:center;gap:2rem}
.wordmark{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none;font-size:1.1rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap}
.wordmark__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--panel);border:1px solid var(--line);margin-right:.35rem}
.wordmark__mark svg{width:17px;height:17px;fill:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.wordmark__gold{color:var(--text)}
.wordmark__name{color:var(--gold)}
.nav__links{display:flex;gap:.25rem;margin-left:auto}
.nav__links a{padding:.45rem .8rem;border-radius:9px;text-decoration:none;font-size:.93rem;color:var(--muted);transition:color .2s,background-color .2s}
.nav__links a:hover{color:var(--text);background:var(--panel)}
@media (max-width:900px){.nav__links{display:none}.nav .btn{margin-left:auto}}

/* ---------- Hero ---------- */
.hero{position:relative;isolation:isolate;padding:calc(var(--nav-h) + clamp(3rem,7vw,6rem)) 0 clamp(3.5rem,7vw,6rem);overflow:hidden}
.hero__dots{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(236,238,241,.09) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(60% 70% at 70% 40%,#000,transparent 75%);mask-image:radial-gradient(60% 70% at 70% 40%,#000,transparent 75%)}
.hero::after{content:"";position:absolute;z-index:-1;width:60vw;height:60vw;max-width:820px;max-height:820px;right:-10%;top:-15%;border-radius:50%;background:radial-gradient(circle,rgba(201,169,110,.13),transparent 62%);pointer-events:none;animation:breathe 14s ease-in-out infinite alternate}
@keyframes breathe{to{transform:translate3d(-3%,4%,0) scale(1.08)}}
.hero__inner{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.pill{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .85rem .4rem .7rem;border:1px solid var(--line);border-radius:999px;background:rgba(35,38,43,.6);font-size:.88rem;color:var(--muted);margin-bottom:1.75rem;opacity:0;animation:rise .8s .1s var(--ease) forwards}
.pill__dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(201,169,110,.18);animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(201,169,110,.04)}}
.hero__title{font-size:clamp(2.9rem,1.6rem + 5vw,5.6rem);font-weight:600;font-stretch:88%;line-height:.98;letter-spacing:-.045em}
.hero__title .line{display:block;overflow:hidden;padding-bottom:.08em}
.hero__title .line>span{display:inline-block;transform:translateY(105%);animation:lineUp 1s var(--ease) forwards}
.hero__title .line:nth-child(1)>span{animation-delay:.18s}
.hero__title .line:nth-child(2)>span{animation-delay:.3s}
.line--muted{color:var(--muted)}
@keyframes lineUp{to{transform:translateY(0)}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fade{to{opacity:1}}
.hero__lede{max-width:31rem;margin:1.75rem 0 2.25rem;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);color:var(--muted);opacity:0;animation:rise .9s .55s var(--ease) forwards}
.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;opacity:0;animation:rise .9s .7s var(--ease) forwards}
.hero__risk{margin:1.5rem 0 0;font-size:.82rem;color:var(--muted);opacity:0;animation:rise .9s .85s var(--ease) forwards}
.hero__risk a{color:var(--text);text-underline-offset:3px}

.hero__photo{position:relative;margin:0;justify-self:end;width:min(100%,440px)}
.hero__frame{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;background:var(--panel);clip-path:inset(0 0 100% 0 round var(--r-lg));animation:unveil 1.3s .25s var(--ease) forwards}
.hero__frame img{width:100%;height:100%;object-fit:cover;object-position:55% 30%;transform:scale(1.1);animation:settle 1.8s .25s var(--ease) forwards}
@keyframes unveil{to{clip-path:inset(0 0 0 0 round var(--r-lg))}}
@keyframes settle{to{transform:scale(1)}}

.chip{position:absolute;background:rgba(27,29,33,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(236,238,241,.12);border-radius:16px;box-shadow:0 18px 40px -18px rgba(0,0,0,.8);opacity:0;animation:rise .9s var(--ease) forwards}
.chip--chart{top:8%;left:-14%;width:190px;padding:.75rem .85rem .6rem;animation-delay:1.1s}
.chip__head{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;font-weight:600;margin-bottom:.35rem}
.chip__tag{font-weight:500;font-size:.68rem;color:var(--muted);padding:.1rem .45rem;border:1px solid var(--line);border-radius:999px}
.chip--chart svg{display:block;width:100%;height:52px}
.chip__line{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 1.8s 1.4s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.chip--channel{bottom:7%;right:-8%;display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem .7rem .7rem;animation-delay:1.3s}
.chip__ico{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--gold)}
.chip__ico svg{width:19px;height:19px;fill:var(--gold-ink)}
.chip__text{display:flex;flex-direction:column;line-height:1.25;font-size:.88rem}
.chip__text small{color:var(--muted);font-size:.76rem}

@media (max-width:900px){
  .hero__inner{grid-template-columns:1fr}
  .hero__photo{justify-self:center;width:min(100%,420px);order:-1;margin-bottom:.5rem}
  .hero__frame{aspect-ratio:5/5.4}
  .chip--chart{left:12px;top:12px;width:160px}
  .chip--channel{right:12px;bottom:12px}
  .hero__actions .btn{flex:1 1 100%}
}

/* ---------- Platform strip ---------- */
.strip{border-block:1px solid var(--line)}
.strip__inner{max-width:var(--max);margin:0 auto;padding:1.1rem var(--gutter);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 2rem}
.strip__label{color:var(--muted);font-size:.9rem;margin-right:auto}
.strip a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:500;color:var(--text);opacity:.8;transition:opacity .2s,color .2s}
.strip a:hover{opacity:1;color:var(--gold)}
@media (max-width:600px){.strip__label{width:100%}}

/* ---------- Shared sections ---------- */
.section{max-width:var(--max);margin:0 auto;padding:clamp(4.5rem,9vw,8rem) var(--gutter) 0}
.h2{font-size:clamp(2rem,1.3rem + 2.6vw,3.4rem);font-weight:600;font-stretch:90%;line-height:1.05;letter-spacing:-.035em;margin-bottom:1.25rem;text-wrap:balance}
.prose p{color:var(--muted);max-width:34rem}
.prose strong{color:var(--text);font-weight:600}
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 3rem;margin-bottom:2.25rem}
.section-head .h2{margin:0}
.section-head__note{max-width:22rem;color:var(--muted);margin:0}

/* ---------- About ---------- */
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2.5rem,6vw,6rem);align-items:center}
.about__media{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem;align-items:end}
.about__main,.about__side{margin:0;overflow:hidden;border-radius:var(--r-md);background:var(--panel)}
.about__main{aspect-ratio:3/4}
.about__side{aspect-ratio:4/5;margin-bottom:12%}
.about__main img,.about__side img{width:100%;height:100%;object-fit:cover}
.about__main img{object-position:45% 60%}
.about__side img{object-position:40% 30%}
.quote{margin:2rem 0 0;padding:1.4rem 1.5rem;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line)}
.quote p{font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);font-weight:500;letter-spacing:-.015em;line-height:1.3;margin-bottom:.5rem}
.quote cite{font-style:normal;font-size:.85rem;color:var(--gold)}
@media (max-width:900px){.about{grid-template-columns:1fr}.about__media{order:-1}}

/* ---------- Bento ---------- */
.bento{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:minmax(220px,auto);gap:1rem}
.tile{position:relative;padding:1.6rem;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:border-color .3s,transform .4s var(--ease),background-color .3s}
.tile:hover{border-color:rgba(201,169,110,.45);transform:translateY(-3px);background:var(--panel-2)}
.tile h3{font-size:1.2rem;font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-bottom:.5rem}
.tile p{margin:0;color:var(--muted);font-size:.95rem}
.tile__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(201,169,110,.1);border:1px solid rgba(201,169,110,.25);margin-bottom:2.5rem}
.tile__ico svg{width:22px;height:22px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tile--feature{grid-row:span 2;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;background:linear-gradient(180deg,var(--panel),#202328)}
.tile--feature h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-stretch:92%}
.tile__chart{position:relative}
.tile__chart svg{display:block;width:100%;height:200px}
.tile__chart .candles{transform-origin:bottom;transform:scaleY(.2);opacity:0;transition:transform 1.4s var(--ease),opacity .8s}
.tile--feature.is-in .candles{transform:none;opacity:1}
.tile__note{display:block;margin-top:.5rem;font-size:.72rem;color:var(--muted)}
@media (max-width:1000px){.bento{grid-template-columns:1fr 1fr}.tile--feature{grid-column:span 2;grid-row:auto}}
@media (max-width:620px){.bento{grid-template-columns:1fr}.tile--feature{grid-column:auto}.tile{min-height:0}.tile__ico{margin-bottom:1.5rem}}

/* ---------- Principles ---------- */
.principles__head .h2{max-width:18ch}
.principles__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem);margin-top:1.5rem}
.principle{padding-top:1.25rem;border-top:1px solid var(--line);position:relative}
.principle::before{content:"";position:absolute;left:0;top:-1px;width:48px;height:1px;background:var(--gold)}
.principle h3{font-size:1.2rem;font-weight:600;letter-spacing:-.02em;margin-bottom:.6rem}
.principle p{color:var(--muted);margin:0}
@media (max-width:900px){.principles__grid{grid-template-columns:1fr}}

/* ---------- Telegram ---------- */
.tg__panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2.5rem,5vw,5rem);align-items:center;padding:clamp(2rem,5vw,4.5rem);border-radius:var(--r-lg);background:var(--panel);border:1px solid var(--line)}
.tg__panel::before{content:"";position:absolute;width:520px;height:520px;right:-120px;bottom:-200px;border-radius:50%;background:radial-gradient(circle,rgba(201,169,110,.16),transparent 65%);pointer-events:none}
.tg__copy{position:relative}
.tg__copy>p{color:var(--muted);max-width:32rem}
.checks{list-style:none;padding:0;margin:1.5rem 0 2rem;display:grid;gap:.6rem}
.checks li{display:flex;align-items:center;gap:.7rem}
.checks li::before{content:"";flex:none;width:20px;height:20px;border-radius:50%;background:rgba(201,169,110,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.6 2.5L14 7.5' fill='none' stroke='%23c9a96e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}
.tg__device{position:relative;justify-self:center;width:min(100%,320px)}
.tg__label{font-size:.78rem;color:var(--muted);text-align:center;margin:.9rem 0 0}
.phone{border-radius:40px;padding:10px;background:#121418;border:1px solid #3a3e45;box-shadow:0 40px 80px -30px rgba(0,0,0,.9)}
.phone>*{background:#16181c}
.phone__bar{display:flex;align-items:center;gap:.7rem;padding:1rem;border-radius:30px 30px 0 0;border-bottom:1px solid #24272d}
.phone__avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--gold);color:var(--gold-ink);font-weight:700;font-size:.78rem}
.phone__title{display:flex;flex-direction:column;line-height:1.2;font-size:.9rem}
.phone__title small{color:var(--muted);font-size:.74rem}
.phone__feed{padding:.9rem .75rem;display:flex;flex-direction:column;gap:.65rem;min-height:340px}
.msg{position:relative;background:#22252b;border-radius:14px 14px 14px 4px;padding:.7rem .8rem 1.25rem;font-size:.84rem;line-height:1.4;max-width:92%;opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.msg p{margin:0;color:#d8dbe0}
.msg b{color:var(--gold);font-weight:600}
.msg--chart svg{width:100%;height:auto;border-radius:8px;background:#1b1d21;margin-bottom:.55rem}
.msg__line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s .4s var(--ease)}
.msg__meta{position:absolute;right:.65rem;bottom:.3rem;font-size:.66rem;color:#6f7680}
.tg__device.is-in .msg{opacity:1;transform:none}
.tg__device.is-in .msg:nth-child(2){transition-delay:.2s}
.tg__device.is-in .msg:nth-child(3){transition-delay:.4s}
.tg__device.is-in .msg__line{stroke-dashoffset:0}
.phone__join{text-align:center;padding:.9rem;border-radius:0 0 30px 30px;color:#6fb2ee;font-weight:600;border-top:1px solid #24272d}
@media (max-width:900px){.tg__panel{grid-template-columns:1fr}.tg__copy .btn{width:100%}}

/* ---------- Socials ---------- */
.socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.social{--mx:50%;--my:50%;position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"ico text" "desc desc" "open open";gap:1rem;padding:1.5rem;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);text-decoration:none;overflow:hidden;transition:border-color .3s,transform .4s var(--ease)}
.social::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(201,169,110,.14),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.social:hover{border-color:rgba(201,169,110,.45);transform:translateY(-3px)}
.social:hover::before{opacity:1}
.social__ico{grid-area:ico;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--ink);border:1px solid var(--line)}
.social__ico svg{width:22px;height:22px;fill:var(--text);transition:fill .3s}
.social:hover .social__ico svg{fill:var(--gold)}
.social__text{grid-area:text;display:flex;flex-direction:column;justify-content:center;line-height:1.25}
.social__name{font-weight:600;font-size:1.1rem}
.social__handle{color:var(--muted);font-size:.9rem}
.social__desc{grid-area:desc;color:var(--muted);font-size:.95rem}
.social__open{grid-area:open;justify-self:start;font-size:.85rem;font-weight:600;padding:.4rem .8rem;border-radius:9px;border:1px solid var(--line);transition:background-color .3s,color .3s,border-color .3s}
.social:hover .social__open{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
@media (max-width:900px){.socials{grid-template-columns:1fr}}

/* ---------- Final CTA ---------- */
.final__card{position:relative;overflow:hidden;border-radius:var(--r-lg);min-height:440px;display:flex;align-items:flex-end;border:1px solid var(--line)}
.final__bg{position:absolute;inset:0}
.final__bg img{width:100%;height:100%;object-fit:cover;object-position:65% 50%;transform:scale(1.04);transition:transform 1.6s var(--ease)}
.final__card:hover .final__bg img{transform:scale(1)}
.final__card::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(27,29,33,.92) 0%,rgba(27,29,33,.65) 45%,rgba(27,29,33,.1) 100%)}
.final__inner{position:relative;z-index:2;padding:clamp(1.75rem,5vw,4rem);max-width:38rem}
.final__inner>p{color:#c9ccd2;font-size:1.1rem;margin-bottom:1.75rem}
@media (max-width:700px){.final__card::before{background:linear-gradient(180deg,rgba(27,29,33,.2) 0%,rgba(27,29,33,.85) 55%,rgba(27,29,33,.96) 100%)}.final__card{min-height:520px}.final__inner .btn{width:100%}}

/* ---------- Risk ---------- */
.risk{padding-bottom:clamp(4rem,8vw,6rem)}
.risk__box{padding:clamp(1.5rem,3vw,2.25rem);border-radius:var(--r-md);border:1px solid var(--line)}
.risk h2{font-size:1.15rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}
.risk h2::before{content:"!";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(201,169,110,.15);color:var(--gold);font-size:.8rem;font-weight:700}
.risk__cols{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2.5rem}
.risk p{color:var(--muted);font-size:.93rem;margin:0}
.risk__foot{margin-top:1.25rem!important;padding-top:1.25rem;border-top:1px solid var(--line)}
@media (max-width:800px){.risk__cols{grid-template-columns:1fr}}

/* ---------- Footer ---------- */
.footer{border-top:1px solid var(--line);padding:2.5rem 0 calc(2.5rem + env(safe-area-inset-bottom))}
.footer__inner{max-width:var(--max);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto;gap:1.25rem 3rem}
.footer__brand p{color:var(--muted);margin:.5rem 0 0;font-size:.9rem}
.footer__links{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;font-size:.93rem}
.footer__links a,.footer__links button{color:var(--muted);text-decoration:none;transition:color .2s}
.footer__links a:hover,.footer__links button:hover{color:var(--text)}
.footer__fine{grid-column:1/-1;margin:0;font-size:.78rem;color:#737a84;max-width:80ch}
.wordmark--static{font-size:1.1rem}
@media (max-width:900px){.footer__inner{grid-template-columns:1fr}.footer{padding-bottom:calc(6.5rem + env(safe-area-inset-bottom))}}

/* ---------- Sticky CTA (mobile) ---------- */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:.75rem max(16px,env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(27,29,33,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .45s var(--ease);display:none}
.sticky-cta.is-on{transform:none}
@media (max-width:900px){.sticky-cta{display:block}}

/* ---------- Consent ---------- */
.consent{position:fixed;z-index:100;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;justify-content:center;pointer-events:none}
.consent[hidden]{display:none}
.consent__inner{pointer-events:auto;max-width:600px;width:100%;padding:1.25rem 1.35rem;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 70px -20px rgba(0,0,0,.85);font-size:.9rem;animation:rise .5s var(--ease)}
.consent__inner p{color:var(--muted);margin-bottom:1rem}
.consent__inner a{color:var(--text)}
.consent__title{font-weight:600;font-size:1.05rem;color:var(--text)!important;margin-bottom:.35rem!important}
.consent__actions{display:flex;gap:.6rem;justify-content:flex-end}
.consent__actions .btn{min-width:7rem}
@media (max-width:480px){.consent__actions .btn{flex:1}}

/* ---------- Scroll reveals ---------- */
.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .reveal.is-in{opacity:1;transform:none}
.js .reveal-img{clip-path:inset(10% 0 0 0 round var(--r-md));transition:clip-path 1.2s var(--ease)}
.js .reveal-img img{transform:scale(1.12);transition:transform 1.6s var(--ease)}
.js .reveal-img.is-in{clip-path:inset(0 0 0 0 round var(--r-md))}
.js .reveal-img.is-in img{transform:scale(1)}
[data-parallax]{will-change:transform}

/* ---------- Legal pages ---------- */
.legal{max-width:50rem;margin:0 auto;padding:calc(var(--nav-h) + 4rem) var(--gutter) 5rem}
.legal h1{font-size:clamp(2.2rem,1.6rem + 2.4vw,3.2rem);font-weight:600;font-stretch:90%;letter-spacing:-.035em;line-height:1.05;margin-bottom:1.5rem}
.legal h2{font-size:1.25rem;font-weight:600;letter-spacing:-.015em;margin:2.5rem 0 .75rem}
.legal p,.legal li{color:var(--muted)}
.legal a{color:var(--gold)}
.todo{display:inline-block;background:rgba(201,169,110,.14);border:1px dashed var(--gold);color:var(--gold);border-radius:6px;padding:.05rem .45rem;font-weight:600}
.notice{border:1px solid var(--line);border-radius:14px;padding:1rem 1.2rem;background:var(--panel);font-size:.92rem}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}
  [data-parallax]{transform:none!important}
}

/* =========================================================
   Motion layer: animated charts, ticker, scroll progress
   ========================================================= */
.nav__progress{position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none}
.nav__progress span{display:block;height:100%;background:linear-gradient(90deg,rgba(201,169,110,.2),var(--gold));transform:scaleX(0);transform-origin:left}

.hero__candles{position:absolute;z-index:-1;left:0;right:0;bottom:0;width:100%;height:46%;opacity:0;animation:fade 2s .6s ease forwards;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000 75%);mask-image:linear-gradient(90deg,transparent 40%,#000 75%);pointer-events:none}
@media (max-width:900px){.hero__candles{height:32%;-webkit-mask-image:linear-gradient(180deg,transparent,#000 60%);mask-image:linear-gradient(180deg,transparent,#000 60%)}}
.chip__canvas{display:block;width:100%;height:52px}

/* Ticker */
.ticker{overflow:hidden;border-bottom:1px solid var(--line);padding:1rem 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker__track{display:flex;align-items:center;gap:1.75rem;width:max-content;animation:marquee 42s linear infinite;font-size:clamp(1rem,.9rem + .4vw,1.25rem);font-weight:500;font-stretch:92%;letter-spacing:-.01em;color:var(--muted);white-space:nowrap}
.ticker__track i{flex:none;width:6px;height:6px;border-radius:2px;background:var(--gold);transform:rotate(45deg);opacity:.8}
.ticker:hover .ticker__track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Chart study */
.chart{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.chart__intro>p{color:var(--muted);max-width:30rem}
.legend{list-style:none;margin:1.75rem 0 0;padding:0;display:grid;gap:1rem}
.legend li{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;font-size:.93rem;color:var(--muted)}
.legend b{display:block;color:var(--text);font-weight:600;margin-bottom:.1rem}
.legend__sw{width:14px;height:14px;border-radius:4px;margin-top:.3rem}
.legend__sw--res{background:rgba(201,169,110,.35);border:1px dashed var(--gold)}
.legend__sw--dem{background:rgba(120,190,160,.3);border:1px dashed rgba(120,190,160,.8)}
.legend__sw--ses{background:var(--panel-2);border:1px solid var(--line)}

.terminal{border-radius:var(--r-lg);background:#16181c;border:1px solid var(--line);overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(201,169,110,.06)}
.terminal__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:.9rem 1.1rem;border-bottom:1px solid #24272d}
.terminal__sym{display:flex;align-items:baseline;gap:.6rem}
.terminal__sym b{font-weight:600}
.terminal__sym small{color:var(--muted);font-size:.82rem}
.tf{display:inline-flex;padding:3px;border-radius:10px;background:var(--panel);border:1px solid var(--line)}
.tf__btn{font:600 .8rem/1 var(--font);color:var(--muted);background:transparent;border:0;border-radius:7px;padding:.45rem .7rem;cursor:pointer;transition:background-color .2s,color .2s}
.tf__btn:hover{color:var(--text)}
.tf__btn[aria-pressed="true"]{background:var(--gold);color:var(--gold-ink)}
.terminal__body{position:relative;height:clamp(260px,32vw,380px)}
.terminal__body canvas{display:block;width:100%;height:100%}
.zone-label{position:absolute;left:12px;font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:6px;background:rgba(22,24,28,.85);backdrop-filter:blur(4px)}
.zone-label--res{top:calc(16% + 6px);color:var(--gold);border:1px solid rgba(201,169,110,.4)}
.zone-label--dem{top:calc(72% + 6px);color:#8fcdb3;border:1px solid rgba(120,190,160,.4)}
.terminal__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1.1rem;border-top:1px solid #24272d}
.sessions{display:flex;gap:.4rem}
.session{position:relative;font-size:.78rem;font-weight:600;color:var(--muted);padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);overflow:hidden;transition:color .4s,border-color .4s}
.session::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left}
.session.is-active{color:var(--text);border-color:rgba(201,169,110,.5)}
.session.is-active::after{animation:sessionBar 3.2s linear forwards}
@keyframes sessionBar{to{transform:scaleX(1)}}
.terminal__tag{display:inline-flex;align-items:center;gap:.5rem;font-size:.76rem;color:var(--muted)}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:pulse 2s ease-in-out infinite;box-shadow:0 0 0 3px rgba(201,169,110,.2)}
@media (max-width:1000px){.chart{grid-template-columns:1fr}}

/* Canvas versions of tile + message charts */
.tile__chart canvas{display:block;width:100%;height:210px}
.msg__canvas{display:block;width:100%;height:96px;border-radius:8px;background:#1b1d21;margin-bottom:.55rem}