/* OSIRIS — baza vizuală (pasul 1 „Fundația”, 21 Oct 2026). Paleta E (albastru electric), un singur accent.
   Făcută după cercetare/sectiuni/fundatia/fisa.md: meniul după Linear + Raycast + Vercel, butoanele după Linear / Supabase / Clerk,
   subsolul după 21st.dev footer-column (14) + Linear / Kraken, fonturile: Schibsted Grotesk (tot), Instrument Serif italic (accent),
   JetBrains Mono (cifre, etichete), Archivo Wide 900 (doar cuvântul OSIRIS). Se încarcă pe toate paginile. */

@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/jbmono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/assets/fonts/jbmono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Archivo Wide";src:url("/assets/fonts/archivo-wide-900.woff2") format("woff2");font-weight:900;font-stretch:125%;font-style:normal;font-display:swap}

:root{
  /* Paleta E (regula 1) */
  --bg:#06080f;
  --card:#0e121c;
  --text:#f2f4f8;
  --muted:#8a93a6;          /* 6,5:1 pe --bg, 6,1:1 pe --card */
  --accent:#38bdf8;
  --accent-hover:#5ccbfa;
  --accent-press:#22b3f0;
  --accent-deep:#1d4ed8;
  --accent-soft:rgba(56,189,248,.12);
  --accent-ring:rgba(56,189,248,.35);
  --up:#22c55e;
  --down:#ef4444;
  --line:rgba(242,244,248,.08);        /* Linear: alb 8 % */
  --line-strong:rgba(242,244,248,.14);
  --line-hover:rgba(242,244,248,.4);
  --fill-soft:rgba(242,244,248,.045);
  --fill:rgba(242,244,248,.07);
  --white:#ffffff;--black:#000000;
  --danger-text:#fca5a5;--danger-ink:#22050a;      /* text de eroare pe fundal închis / text pe butonul roșu */
  --panel-top:#10151f;--panel-bottom:#0a0d16;        /* gradientul ferestrelor */
  --note-text:#c9dcea;--switch-off:#263044;--endbar-text:#ffd9dd;

  /* numele vechi, ca paginile încă nerefăcute (pricing, products, tools, bots) să rămână lizibile în paleta E */
  --obsidian:var(--bg);--night:#0a0d16;--slate:var(--card);--deep:#0b1d3a;
  --nile:var(--accent);--nile-strong:#7dd3fc;--nile-dim:var(--accent-deep);
  --gold:#b8c4d8;--gold-strong:#dfe6f1;
  --bone:var(--text);--mist:var(--muted);--fog:#7b8599;

  /* Fonturi */
  --font-sans:"Schibsted Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --font-wide:"Archivo Wide",var(--font-sans);
  --font:var(--font-sans);

  /* Scara de text (fluidă; mărimile din fișă: H1 56–80, H2 48–56, paragraf 16–18) */
  --t-display:clamp(2.75rem,6.4vw,5.25rem);
  --t-h1:clamp(2.5rem,5.4vw,4.5rem);
  --t-h2:clamp(1.9rem,3.4vw,3.125rem);
  --t-h3:clamp(1.25rem,1.6vw,1.5rem);
  --t-lead:clamp(1.0625rem,1.2vw,1.1875rem);
  --t-body:1rem;
  --t-small:.875rem;
  --t-micro:.75rem;

  /* Spațiu */
  --s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--s8:4rem;--s9:6rem;--s10:8rem;
  --gutter:clamp(1.25rem,3.4vw,3rem);
  --maxw:80rem;                              /* 1280 px, ca Resend / Reflect */
  --sec-y:clamp(4.5rem,9vw,9rem);             /* 130 px la 1440, 144 de la 1600 (Linear 128, Next.js 144) */

  /* Forme: lucrurile de apăsat sunt pilule, cardurile 20, panourile 24, câmpurile 12 */
  --r-pill:999px;--r-card:20px;--r-panel:24px;--r-input:12px;

  /* Mișcare (Supabase: cubic-bezier(.22,1,.36,1); Vercel/Resend: cubic-bezier(.4,0,.2,1), 150–200 ms) */
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-std:cubic-bezier(.4,0,.2,1);
  --ease-out:var(--ease);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --d-fast:.18s;--d-med:.32s;--d-slow:.6s;

  /* Straturi */
  --z-sticky:50;--z-nav:100;--z-overlay:500;--z-modal:1000;--z-intro:2000;
  --nav-h:4rem;                               /* 64 px: Vercel, TradingView, Kraken, Binance */
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100svh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--t-body);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}
h1,h2,h3,h4,p,figure,blockquote,ul,ol,dl,dd{margin:0}
h1,h2,h3,h4{font-weight:500}
ul,ol{padding:0;list-style:none}
img,svg,video,canvas{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
::selection{background:var(--accent);color:var(--bg)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
main{position:relative;z-index:1}

.nobr{white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{width:min(100% - 2*var(--gutter),var(--maxw));margin-inline:auto}
.num{font-variant-numeric:tabular-nums lining-nums}

/* ---------- Text ---------- */
.h1{font-size:var(--t-h1);line-height:1;letter-spacing:-.03em;font-weight:450;text-wrap:balance}
.h2{font-size:var(--t-h2);line-height:1.05;letter-spacing:-.028em;font-weight:450;text-wrap:balance}
.h3{font-size:var(--t-h3);line-height:1.2;letter-spacing:-.015em;font-weight:500}
.h1 em,.h2 em,.h3 em{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.06em;letter-spacing:-.01em}
.lead{font-size:var(--t-lead);line-height:1.5;color:var(--muted);max-width:38em;text-wrap:pretty}
/* eticheta mică de deasupra unui titlu (Raycast, Linear: mono, majuscule, cu o linie scurtă în accent) */
.eyebrow{display:flex;align-items:center;gap:.85rem;margin-bottom:clamp(.9rem,1.6vw,1.25rem);font-family:var(--font-mono);font-size:var(--t-micro);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.eyebrow::before{content:"";flex:0 0 1.5rem;height:1px;background:var(--accent);opacity:.85}
.eyebrow--plain::before{display:none}
.h1+.lead,.h2+.lead{margin-top:var(--s4)}

/* ---------- Butoane (fișa, B): mici și dense, pilulă, hover o treaptă mai deschis + 1 px în sus,
   apăsare scale(.97), focus inel de 2 px, 180 ms ---------- */
.btn{--btn-bg:transparent;--btn-fg:var(--text);--btn-bd:var(--line-strong);
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:2.75rem;padding:0 1.25rem;border-radius:var(--r-pill);
  background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);font-weight:500;font-size:.9375rem;line-height:1;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;
  transition:background-color var(--d-fast) var(--ease-std),border-color var(--d-fast) var(--ease-std),color var(--d-fast) var(--ease-std),transform var(--d-fast) var(--ease),box-shadow var(--d-fast) var(--ease-std);
  -webkit-tap-highlight-color:transparent;touch-action:manipulation}
.btn:hover{--btn-bd:var(--line-hover);--btn-bg:var(--fill-soft);transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.97);transition-duration:.08s}
.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.btn--solid,.btn--nile{--btn-bg:var(--accent);--btn-fg:var(--bg);--btn-bd:var(--accent);font-weight:600}
.btn--solid:hover,.btn--nile:hover{--btn-bg:var(--accent-hover);--btn-bd:var(--accent-hover);box-shadow:0 8px 24px -12px rgba(56,189,248,.65)}
.btn--solid:active,.btn--nile:active{--btn-bg:var(--accent-press);--btn-bd:var(--accent-press);box-shadow:none}
.btn--danger{--btn-bg:var(--down);--btn-fg:var(--danger-ink);--btn-bd:var(--down)}
.btn--lg{min-height:3rem;padding:0 1.5rem;font-size:1rem}
.btn--sm{min-height:2.25rem;padding:0 .95rem;font-size:.875rem}
.btn .arr{display:inline-block;transition:transform var(--d-med) var(--ease)}
.btn:hover .arr{transform:translateX(.2em)}
.btn .ico{margin-left:-.15em}
.btn[disabled],.btn[aria-disabled="true"]{opacity:.55;cursor:default;transform:none}
.btn.is-countdown{--btn-bg:rgba(34,197,94,.12);--btn-fg:var(--up);--btn-bd:rgba(34,197,94,.4);font-variant-numeric:tabular-nums}

/* ---------- Meniul de sus (refăcut 22 Oct 2026 după cercetare/sectiuni/meniu_cont/fisa.md, A–D) ----------
   fix, 64 px; peste hero transparent (cu o umbră de lizibilitate sus); după 12 px de derulare (clasa is-stuck din app.js) fundal închis
   translucid + blur(20px) + linie de 1 px alb 8 % (Linear). Linkurile stau la stânga, lângă logo (Vercel, Stripe, Kraken, Coinbase,
   TradingView), gri → alb, cu o pilulă abia vizibilă la hover și la meniul deschis (Linear: alb ~8 %), 120 ms. Fără transform pe .nav:
   alte scripturi îl pot muta. Fonturile: doar tokenii (--font-sans, --font-wide). */
.skip{position:fixed;z-index:calc(var(--z-modal) + 30);top:calc(env(safe-area-inset-top) + .75rem);left:max(.75rem,env(safe-area-inset-left));display:inline-flex;align-items:center;min-height:2.75rem;padding:0 1.15rem;border-radius:var(--r-pill);background:var(--text);color:var(--bg);font-family:var(--font-sans);font-size:.9375rem;font-weight:600;line-height:1;opacity:0;pointer-events:none;transform:translateY(calc(-100% - 1.5rem));transition:transform var(--d-fast) var(--ease),opacity var(--d-fast) var(--ease-std)}
.skip:focus,.skip:focus-visible{opacity:1;pointer-events:auto;transform:none;outline:2px solid var(--accent);outline-offset:3px}
.nav{position:fixed;z-index:var(--z-nav);top:0;left:0;right:0;padding-top:env(safe-area-inset-top)}
.nav::before,.nav::after{content:"";position:absolute;inset:0;pointer-events:none;transition:opacity .2s var(--ease-std)}
.nav::before{bottom:-2.5rem;background:linear-gradient(to bottom,rgba(6,8,15,.5),rgba(6,8,15,.2) 55%,rgba(6,8,15,0))}
.nav::after{background:rgba(6,8,15,.8);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);opacity:0}
.nav.is-stuck::before{opacity:0}
.nav.is-stuck::after{opacity:1}
.nav__bar{position:relative;z-index:1;display:flex;align-items:center;height:var(--nav-h);width:min(100% - 2*var(--gutter),var(--maxw));margin-inline:auto}
.nav__brand{display:inline-flex;align-items:center;flex-shrink:0;height:2.5rem;padding:0 .25rem 0 0;border-radius:8px}   /* începe exact pe coloana grilei (x = marginea lui .wrap) */
.nav__brand b{font-family:var(--font-wide);font-weight:900;font-stretch:125%;font-size:.875rem;letter-spacing:.2em;line-height:1;color:var(--text)}
.nav__links{position:relative;display:flex;align-items:center;gap:.125rem;margin-left:clamp(1.5rem,3vw,2.75rem)}
/* pilula care alunecă sub linkul de sub mouse / tastatură (app.js pune --hl-x, --hl-w și has-hl) */
.nav__links::before{content:"";position:absolute;left:0;top:50%;width:var(--hl-w,0);height:2.25rem;margin-top:-1.125rem;border-radius:8px;background:rgba(242,244,248,.06);transform:translateX(var(--hl-x,0));opacity:0;pointer-events:none;
  transition:transform .28s var(--ease),width .28s var(--ease),opacity .15s var(--ease-std)}
.nav__links.has-hl::before{opacity:1}
.nav__item{position:relative}
.nav__link{position:relative;display:inline-flex;align-items:center;gap:.375rem;height:2.25rem;padding:0 .75rem;border-radius:8px;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;letter-spacing:.005em;line-height:1;color:var(--muted);white-space:nowrap;
  transition:color .12s var(--ease-std),background-color .12s var(--ease-std)}
.nav__link:hover,.nav__link:focus-visible,.nav__link[aria-current="page"],.nav__link[aria-expanded="true"],.nav__item--menu:hover:not(.is-dismissed)>.nav__link{color:var(--text)}
.nav__link[aria-expanded="true"]{background:rgba(242,244,248,.08)}
.nav__link:active{background:rgba(242,244,248,.1)}
.nav__link:focus-visible{outline-offset:2px}
.nav__link[aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:.125rem;width:1rem;height:2px;margin-left:-.5rem;border-radius:2px;background:var(--accent)}
.nav__link .chev{width:.4rem;height:.4rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;rotate:45deg;translate:0 -.1rem;opacity:.75;transition:rotate .22s var(--ease),translate .22s var(--ease)}
.nav__link[aria-expanded="true"] .chev,.nav__item--menu:hover:not(.is-dismissed)>.nav__link .chev{rotate:225deg;translate:0 .12rem}
.nav__live{width:.375rem;height:.375rem;margin-right:.0625rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(56,189,248,.45);animation:navLive 2.4s ease-out infinite}
@keyframes navLive{0%{box-shadow:0 0 0 0 rgba(56,189,248,.45)}70%,100%{box-shadow:0 0 0 .4rem rgba(56,189,248,0)}}
.nav__actions{display:flex;align-items:center;gap:.375rem;margin-left:auto}
.nav__signin{display:inline-flex;align-items:center;height:2.25rem;padding:0 .875rem;border-radius:8px;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;color:var(--muted);white-space:nowrap;transition:color .12s var(--ease-std),background-color .12s var(--ease-std)}
.nav__signin:hover{color:var(--text);background:rgba(242,244,248,.06)}
.nav__signin:active{background:rgba(242,244,248,.1)}
.nav__actions .btn--sm{min-height:2.25rem;padding:0 1rem;font-size:.9375rem}
.nav__menu-btn{display:none;width:2.75rem;height:2.75rem;border-radius:12px;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:rgba(242,244,248,.04);transition:border-color var(--d-fast),background-color var(--d-fast)}
.nav__menu-btn:hover{border-color:var(--line-hover)}
.nav__menu-btn[aria-expanded="true"]{background:rgba(242,244,248,.08)}
.nav__menu-btn span,.nav__menu-btn span::before{display:block;width:1.1rem;height:1.5px;background:var(--text);border-radius:2px;transition:rotate var(--d-med) var(--ease),translate var(--d-med) var(--ease)}
.nav__menu-btn span{position:relative;translate:0 -3px}
.nav__menu-btn span::before{content:"";position:absolute;inset:0;translate:0 6px}
.nav__menu-btn[aria-expanded="true"] span{translate:0 0;rotate:45deg}
.nav__menu-btn[aria-expanded="true"] span::before{translate:0 0;rotate:-90deg}

/* panoul Tools (fișa B, C): 2 coloane × 3 cu titlu + o descriere scurtă (Linear), panou închis cu blur, chenar alb 8 %, rază 14 (Linear);
   iconițe monocrome pe plăcuțe neutre (TradingView + Kraken), accentul doar la hover / focus. Se deschide la hover după 60 ms sau din
   tastatură (aria-expanded: app.js; Esc, săgeți, focus înapoi: nav.js), 180 ms opacitate + scale .98 → 1 (Linear); se închide în 120 ms
   după o pauză de 150 ms (NN/g: mouse-ul care taie colțul spre panou nu-l închide). Un pod invizibil acoperă golul de sub buton. */
.nav__panel{position:absolute;top:calc(100% + .5rem);left:-.75rem;width:44rem;padding:.5rem;border-radius:14px;
  background:rgba(14,18,28,.92);border:1px solid var(--line);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);
  box-shadow:0 1px 0 rgba(242,244,248,.05) inset,0 24px 60px -18px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.3);transform-origin:2.5rem 0;
  opacity:0;visibility:hidden;transform:translateY(-4px) scale(.98);
  transition:opacity .12s var(--ease-std) .15s,transform .12s var(--ease-std) .15s,visibility 0s linear .27s}
.nav__panel::before{content:"";position:absolute;left:0;right:0;top:-.75rem;height:.75rem}
.nav__item--menu:hover:not(.is-dismissed)>.nav__panel,.nav__link[aria-expanded="true"]+.nav__panel{opacity:1;visibility:visible;transform:none;
  transition:opacity .18s var(--ease) .06s,transform .18s var(--ease) .06s,visibility 0s linear .06s}
.nav__tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.125rem}
.nav__tool{display:grid;grid-template-columns:2.25rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:.875rem;padding:.75rem;border-radius:10px;transition:background-color .12s var(--ease-std)}
.nav__tool:hover{background:rgba(242,244,248,.045)}
.nav__tool:focus-visible{background:rgba(242,244,248,.045);outline:2px solid var(--accent);outline-offset:-2px;border-radius:10px}
.nav__tool:active{background:rgba(242,244,248,.07)}
.nav__tile{grid-row:1/3;align-self:start;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:9px;background:linear-gradient(180deg,rgba(242,244,248,.07),rgba(242,244,248,.02));border:1px solid var(--line);box-shadow:0 1px 0 rgba(242,244,248,.06) inset;color:rgba(242,244,248,.86);
  transition:color .15s var(--ease-std),border-color .15s var(--ease-std),background-color .15s var(--ease-std)}
.nav__tile .ico{width:1.25rem;height:1.25rem}
.nav__tool:hover .nav__tile,.nav__tool:focus-visible .nav__tile{color:var(--accent);border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.08)}
.nav__tool b{align-self:end;padding-top:.0625rem;font-size:.9375rem;font-weight:600;letter-spacing:0;line-height:1.25;color:var(--text)}
.nav__tool small{align-self:start;margin-top:.1875rem;font-size:.8125rem;line-height:1.35;color:var(--muted)}
.nav__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.375rem .25rem 0;padding:.75rem .5rem .3125rem;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}
.nav__foot span{white-space:nowrap}
.nav__more{display:inline-flex;align-items:center;gap:.25rem;margin:-.375rem -.5rem;padding:.375rem .5rem;border-radius:8px;font-weight:500;color:var(--text);white-space:nowrap;transition:background-color .12s var(--ease-std)}
.nav__more .ico{width:.95rem;height:.95rem;color:var(--muted);transition:transform .2s var(--ease),color .12s var(--ease-std)}
.nav__more:hover{background:rgba(242,244,248,.06)}
.nav__more:hover .ico{transform:translateX(2px);color:var(--text)}
/* pe paginile uneltelor gratuite (body.page-tool--…): „Tools” e marcat ca pagina curentă, iar unealta deschisă e luminată în panou și în foaie */
.page-tool:not(.page-cycle) .nav__item--menu>.nav__link{color:var(--text)}
.page-tool:not(.page-cycle) .nav__item--menu>.nav__link::after{content:"";position:absolute;left:50%;bottom:.125rem;width:1rem;height:2px;margin-left:-.5rem;border-radius:2px;background:var(--accent)}
:is(.page-tool--liquidation-heatmap [href="/tools/liquidation-heatmap.html"],.page-tool--open-interest [href="/tools/open-interest.html"],.page-tool--orderbook-delta [href="/tools/orderbook-delta.html"],.page-tool--funding-rate [href="/tools/funding-rate.html"],.page-tool--long-short-ratio [href="/tools/long-short-ratio.html"],.page-tool--orderbook-live [href="/tools/orderbook-live.html"]):is(.nav__tool,.sheet__tiles a){background:rgba(242,244,248,.035)}
:is(.page-tool--liquidation-heatmap [href="/tools/liquidation-heatmap.html"],.page-tool--open-interest [href="/tools/open-interest.html"],.page-tool--orderbook-delta [href="/tools/orderbook-delta.html"],.page-tool--funding-rate [href="/tools/funding-rate.html"],.page-tool--long-short-ratio [href="/tools/long-short-ratio.html"],.page-tool--orderbook-live [href="/tools/orderbook-live.html"]):is(.nav__tool,.sheet__tiles a) .nav__tile{color:var(--accent);border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.08)}

/* foaia de meniu pe telefon (fișa D): ecran întreg, opacă; rânduri de 56 px cu linie și săgeată (Kraken, Coinbase); uneltele ca grilă
   de 2 cu aceleași plăcuțe neutre; butoanele de cont jos, pe toată lățimea (Vercel, Kraken). Focusul ținut înăuntru: nav.js. */
.sheet{position:fixed;inset:0;z-index:calc(var(--z-nav) - 1);display:flex;flex-direction:column;padding:calc(var(--nav-h) + 1rem + env(safe-area-inset-top)) var(--gutter) calc(1.25rem + env(safe-area-inset-bottom));
  background:var(--bg);overflow-y:auto;overscroll-behavior:contain;
  opacity:0;visibility:hidden;transition:opacity .25s var(--ease-std),visibility 0s linear .25s}
.sheet.is-open{opacity:1;visibility:visible;transition-delay:0s}
.sheet__main{display:grid;border-top:1px solid var(--line)}
.sheet__main a{display:flex;align-items:center;justify-content:space-between;min-height:3.5rem;border-bottom:1px solid var(--line);font-family:var(--font-sans);font-size:1.375rem;font-weight:500;letter-spacing:-.01em;color:var(--text);transition:color .12s var(--ease-std)}
.sheet__main a:active{color:var(--accent)}
.sheet__main a .ico{width:1.125rem;height:1.125rem;color:var(--muted)}
.sheet__label{margin:1.75rem 0 .75rem;font-family:var(--font-sans);font-size:var(--t-small);font-weight:600;color:var(--muted)}
.sheet__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.sheet__tiles a{display:flex;align-items:center;gap:.75rem;min-height:3.5rem;padding:.625rem .75rem;border-radius:14px;border:1px solid var(--line);background:rgba(14,18,28,.6);font-size:.9375rem;font-weight:500;line-height:1.2;color:var(--text);transition:border-color .12s var(--ease-std),background-color .12s var(--ease-std)}
.sheet__tiles a:active{border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.06)}
.sheet__tiles a:active .nav__tile{color:var(--accent)}
.sheet__tiles .nav__tile{grid-row:auto;flex-shrink:0;width:2.25rem;height:2.25rem}
.sheet__cta{margin-top:auto;padding-top:1.75rem;display:grid;gap:.625rem}
/* rândurile intră pe rând când se deschide foaia */
.sheet__main a,.sheet__label,.sheet__tiles a,.sheet__cta{opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease),transform .35s var(--ease)}
.sheet.is-open .sheet__main a,.sheet.is-open .sheet__label,.sheet.is-open .sheet__tiles a,.sheet.is-open .sheet__cta{opacity:1;transform:none}
.sheet.is-open .sheet__main a:nth-child(1){transition-delay:.04s}.sheet.is-open .sheet__main a:nth-child(2){transition-delay:.08s}.sheet.is-open .sheet__main a:nth-child(3){transition-delay:.12s}.sheet.is-open .sheet__main a:nth-child(4){transition-delay:.16s}.sheet.is-open .sheet__main a:nth-child(5){transition-delay:.2s}
.sheet.is-open .sheet__label{transition-delay:.22s}.sheet.is-open .sheet__tiles a{transition-delay:.26s}.sheet.is-open .sheet__cta{transition-delay:.3s}

@media (max-width:1023px){
  .nav__links,.nav__signin{display:none}
  .nav__menu-btn{display:inline-flex}
  /* pe telefon totul din bară se atinge la 44 px (Coinbase) */
  .nav__actions .btn--sm{min-height:2.75rem;padding:0 1.1rem}
  .nav__brand{height:2.75rem}
  .nav__user{width:2.75rem;height:2.75rem}
}
/* cât e deschisă foaia, butonul primar rămâne doar jos, în foaie (Linear îl ține o singură dată) */
.nav:has(.nav__menu-btn[aria-expanded="true"]) .nav__actions .btn{display:none}
@media (max-width:480px){
  .nav:has(.nav__user:not([hidden])) .nav__brand b{font-size:.75rem;letter-spacing:.14em}
  .nav__brand{flex-shrink:1;min-width:0;overflow:hidden}
  .nav__actions .btn--sm{padding-inline:.9em}
}
@media (max-width:360px){.sheet__tiles{grid-template-columns:1fr}}
/* R3 (judecata 1): pe tabletă (iPad 820×1180) foaia e scurtă și margin-top:auto lăsa ~500 px goi între unelte și butoane;
   aici butoanele vin la 2,5 rem sub unelte (.75rem + padding-top 1.75rem). Pe telefon (< 600) rămân jos, ca înainte. */
@media (min-width:600px) and (max-width:1023px){.sheet__cta{margin-top:.75rem}}

/* pagina blocată cât e deschisă foaia sau o fereastră */
html.is-locked,html.is-locked body{overflow:hidden}
[hidden]{display:none!important}
.ico{width:1.25em;height:1.25em;flex-shrink:0}
.link{color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-weight:500}
.link--quiet{margin-left:auto;color:var(--muted);font-weight:400;font-size:var(--t-small)}
.link--quiet:hover{color:var(--down)}
.dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}
.dot--up{background:var(--up);box-shadow:0 0 0 .2rem rgba(34,197,94,.16)}
.dot--down{background:var(--down);box-shadow:0 0 0 .2rem rgba(239,68,68,.16)}

/* meniu: butonul de cont + stări */
.nav__user{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;background:rgba(242,244,248,.06);color:var(--text);font-size:1.05rem;border:1px solid var(--line-strong);transition:background-color var(--d-fast),border-color var(--d-fast)}
.nav__user:hover{background:rgba(242,244,248,.12);border-color:var(--line-hover)}
@media (max-width:1023px),(pointer:coarse){.nav__user{width:2.75rem;height:2.75rem}}
.is-hinted{animation:hinted 1.1s ease-in-out infinite}
@keyframes hinted{0%,100%{box-shadow:0 0 0 0 rgba(56,189,248,0)}50%{box-shadow:0 0 0 .4rem rgba(56,189,248,.35)}}
/* până răspunde account.js butoanele de cont stau ascunse (să nu clipească „Log in” la un om logat); fără JavaScript (fără clasa js) se văd */
html.js:not(.acct-ready) .nav__actions [data-acct]{visibility:hidden}

/* indiciul de la prima vizită (account.js): stă sub „Chart”, singurul link din bară cu data-action="chart" (cel din panoul Tools a ieșit) */
.nudge{position:absolute;z-index:2;top:calc(100% + .75rem);left:0;width:max-content;max-width:17.5rem;padding:.7rem 2.6rem .7rem .95rem;border-radius:12px;background:var(--accent);color:var(--bg);font-size:.875rem;font-weight:600;line-height:1.3;opacity:0;transform:translateY(-6px);transition:opacity var(--d-med),transform var(--d-med) var(--ease);box-shadow:0 18px 40px -18px rgba(56,189,248,.7)}
.nudge::before{content:"";position:absolute;left:1.4rem;top:-.35rem;width:.8rem;height:.8rem;background:inherit;rotate:45deg;border-radius:2px}
.nudge.is-in{opacity:1;transform:none}
.nudge button{position:absolute;right:.35rem;top:50%;translate:0 -50%;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;color:inherit}
.nudge button:hover{background:rgba(6,8,15,.12)}

/* ---------- Ferestre (logare / înregistrare / confirmări): logica e în account.js, aici doar aspectul ----------
   Regulile de bază (.modal, .modal__panel, .field, .form, .check, .note, .form__error) le folosesc și /checkout, /products și cutia
   probei, deci rămân cum erau; fereastra de cont își are stratul ei mai jos (.acct, #accountModal). */
.modal{position:fixed;inset:0;z-index:var(--z-modal);display:none;padding:1rem;background:rgba(3,5,10,.72);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;overscroll-behavior:contain}
.modal.is-open{display:flex;animation:modalIn var(--d-med) var(--ease)}
.modal--confirm{z-index:calc(var(--z-modal) + 5)}
@keyframes modalIn{from{opacity:0}to{opacity:1}}
.modal__panel{position:relative;width:min(100%,27rem);margin:auto;padding:2.1rem 1.75rem 1.75rem;border-radius:var(--r-panel);background:linear-gradient(180deg,var(--panel-top),var(--panel-bottom));border:1px solid var(--line-strong);box-shadow:0 40px 120px -30px var(--black),0 1px 0 rgba(255,255,255,.06) inset;animation:panelIn .5s var(--ease)}
@keyframes panelIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.modal__panel--sm{width:min(100%,24rem);text-align:center}
.modal__close{position:absolute;z-index:3;top:.8rem;right:.8rem;width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:background-color var(--d-fast),color var(--d-fast)}
.modal__close:hover{background:var(--fill);color:var(--text)}
.confirm__ico{width:3.25rem;height:3.25rem;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;font-size:1.35rem;background:var(--accent-soft);color:var(--accent)}
.confirm__ico--warn{background:rgba(223,230,241,.1);color:var(--gold-strong)}
.confirm__ico--danger{background:rgba(239,68,68,.14);color:var(--down)}
.confirm__title{font-size:1.3rem;line-height:1.15;letter-spacing:-.025em;font-weight:500}
.confirm__msg{margin:.6rem 0 1.4rem;color:var(--muted);font-size:.9375rem;line-height:1.5}
.confirm__msg b{color:var(--text)}
.confirm__row{display:flex;gap:.6rem}
.confirm__row .btn{flex:1}
.form{display:grid;gap:.85rem;margin-top:1.25rem}
.field{display:grid;gap:.4rem}
.field span{font-size:.8125rem;font-weight:500;color:var(--muted)}
.field input{width:100%;height:3rem;padding:0 .95rem;border-radius:var(--r-input);background:rgba(242,244,248,.05);border:1px solid var(--line-strong);font-size:1rem;color:var(--text);transition:border-color var(--d-fast),box-shadow var(--d-fast),background-color var(--d-fast)}
.field input::placeholder{color:var(--fog)}
.field input:hover{border-color:var(--line-hover)}
.field input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);background:rgba(242,244,248,.07)}
.form__aside{text-align:right;margin-top:-.35rem;font-size:var(--t-small)}
.form__error{padding:.7rem .9rem;border-radius:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--danger-text);font-size:.875rem}
.form__submit{width:100%;margin-top:.25rem}
.form__submit[disabled]{opacity:.6;cursor:progress}
.form__switch{text-align:center;color:var(--muted);font-size:.875rem}
.note{display:flex;gap:.65rem;align-items:flex-start;padding:.8rem .9rem;border-radius:12px;font-size:.8125rem;line-height:1.5}
.note .ico{margin-top:.12em;font-size:1.1rem}
.note--warn{background:rgba(56,189,248,.07);border:1px solid rgba(56,189,248,.28);color:var(--note-text)}
.note--warn b{color:var(--text)}
.note a{color:var(--accent);text-decoration:underline}
.check{display:flex;gap:.65rem;align-items:flex-start;font-size:.8125rem;line-height:1.45;color:var(--muted);cursor:pointer}
.check input{width:1.15rem;height:1.15rem;margin:.1rem 0 0;flex-shrink:0;accent-color:var(--accent)}
.check a{color:var(--accent);text-decoration:underline}

/* ---------- Fereastra de cont (logare / înregistrare / parola uitată), refăcută 22 Oct 2026 după cercetare/sectiuni/meniu_cont/fisa.md, E ----------
   Logarea: fereastră îngustă (26 rem = 416 px, între Kraken 450 și TradingView 340), cuvântul OSIRIS sus (toate au logo-ul deasupra),
   etichete deasupra câmpurilor (TradingView, Stripe), câmpuri de 46 px, focus = chenar accent + halou de 3 px (Stripe), câmpul greșit după
   ce omul a trecut prin el: chenar roșu (Kraken, TradingView); eroarea (o pune account.js): casetă roșie stinsă cu iconiță; butonul
   principal de 48 px, cu rotiță cât e ocupat; legătura spre celălalt formular jos, după o linie (Stripe, TradingView). Înregistrarea pe
   calculator: împărțită ca fereastra TradingView și exemplul 30 (formularul la stânga, cardul de membru la dreapta, pe un panou întunecat;
   cardul îl desenează mcard.*, aici doar locul lui). Pe telefon: tot ecranul (TradingView, Kraken, Stripe), intră de jos în sus.
   Ieșirea nu se poate anima: account.js scoate fereastra din pagină pe loc. */
#accountModal{padding:1.5rem 1rem;background:rgba(3,5,10,.76);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}
#accountModal.is-open{animation:modalIn .2s var(--ease-std)}
.modal__panel.acct{width:min(100%,26rem);padding:2.5rem 2.25rem 1.75rem;border-radius:20px;box-shadow:0 1px 0 rgba(242,244,248,.06) inset,0 40px 120px -30px var(--black),0 0 0 1px rgba(0,0,0,.35);animation:acctIn .36s var(--ease)}
@keyframes acctIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes acctFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.acct .modal__close{top:.75rem;right:.75rem;border-radius:12px}
.acct .modal__close:focus-visible{outline-offset:0}
.acct__head{text-align:center}
.acct__head img{display:none}
.acct__head::before{content:"OSIRIS";content:"OSIRIS" / "";display:block;margin-bottom:1.375rem;font-family:var(--font-wide);font-weight:900;font-stretch:125%;font-size:.8125rem;letter-spacing:.24em;line-height:1;color:var(--text)}
.acct__head h2{font-family:var(--font-sans);font-size:1.5rem;line-height:1.15;letter-spacing:-.01em;font-weight:600;color:var(--text)}
.acct__head p{margin-top:.375rem;font-family:var(--font-sans);font-size:.9375rem;color:var(--muted)}
/* Login / Register: o șină abia vizibilă, fila activă un ton mai deschis (nu pilula albă) */
.seg{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin-top:1.5rem;padding:.25rem;border-radius:12px;background:rgba(242,244,248,.035);border:1px solid var(--line)}
.seg__btn{height:2.375rem;border-radius:9px;font-family:var(--font-sans);font-weight:500;font-size:.9375rem;color:var(--muted);transition:background-color .15s var(--ease-std),color .15s var(--ease-std),box-shadow .15s var(--ease-std)}
.seg__btn:hover{color:var(--text)}
.seg__btn.is-on{background:rgba(242,244,248,.09);color:var(--text);box-shadow:0 1px 0 rgba(242,244,248,.07) inset,0 1px 2px rgba(0,0,0,.45)}
.seg__btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
/* cardul de membru (înregistrare): pe telefon deasupra formularului; pe ecrane joase nu încape */
.acct__card{margin-top:1.25rem}
.acct__card[hidden]{display:none}
.acct__card:not([hidden]){animation:acctFade .3s var(--ease)}
.acct__card [data-mcard]{width:min(100%,18rem);margin-inline:auto;aspect-ratio:1.6}
.acct__card p{margin-top:.75rem;text-align:center;font-size:.8125rem;color:var(--muted)}
/* formularele */
.acct .form{gap:1rem;margin-top:1.5rem}
.acct .form:not([hidden]){animation:acctFade .24s var(--ease)}
.acct .field{gap:.375rem}
.acct .field span{font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--muted)}
.acct .field input{height:2.875rem;padding:0 .875rem;border-radius:10px;background:rgba(242,244,248,.04);border:1px solid rgba(242,244,248,.12);font-family:var(--font-sans);font-size:1rem;caret-color:var(--accent);
  transition:border-color .15s var(--ease-std),box-shadow .15s var(--ease-std),background-color .15s var(--ease-std)}
.acct .field input::placeholder{color:var(--muted);opacity:1}
.acct .field input:hover{border-color:rgba(242,244,248,.24)}
.acct .field input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(56,189,248,.22);background:rgba(242,244,248,.06)}
.acct .field input:user-invalid{border-color:rgba(239,68,68,.7)}
.acct .field input:user-invalid:focus{box-shadow:0 0 0 3px rgba(239,68,68,.2)}
/* completarea automată a browserului rămâne pe fundalul ferestrei (altfel Chrome pune un dreptunghi deschis) */
.acct .field input:-webkit-autofill{-webkit-text-fill-color:var(--text);box-shadow:0 0 0 100px var(--panel-top) inset;transition:background-color 9999s}
.acct .field input:-webkit-autofill:focus{box-shadow:0 0 0 100px var(--panel-top) inset,0 0 0 3px rgba(56,189,248,.22)}
.acct .link{font-family:var(--font-sans);text-decoration-color:rgba(56,189,248,.45);text-underline-offset:3px;transition:text-decoration-color .15s var(--ease-std),color .15s var(--ease-std)}
.acct .link:hover{color:var(--accent-hover);text-decoration-color:currentColor}
.acct .form__aside{display:flex;justify-content:flex-end;margin-top:-.375rem;font-size:.8125rem}
.acct .form__error{display:flex;gap:.625rem;align-items:flex-start;padding:.75rem .875rem;border-radius:10px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.32);color:var(--danger-text);font-size:.875rem;line-height:1.4;animation:acctFade .24s var(--ease)}
.acct .form__error::before{content:"";flex-shrink:0;width:1rem;height:1rem;margin-top:.0625rem;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5h.01'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5M12 16.5h.01'/%3E%3C/svg%3E") center/contain no-repeat}
.acct .form__submit{min-height:3rem;margin-top:.25rem;font-size:1rem}
.acct .form__submit[disabled]{opacity:.8;cursor:progress;transform:none}
.acct .form__submit[disabled]::before{content:"";width:1rem;height:1rem;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:acctSpin .7s linear infinite}
@keyframes acctSpin{to{transform:rotate(360deg)}}
.acct .form__switch{margin-top:.25rem;padding-top:1.125rem;border-top:1px solid var(--line);font-family:var(--font-sans);font-size:.875rem}
.acct .note{gap:.625rem;padding:.75rem .875rem;border-radius:10px;font-size:.8125rem;line-height:1.5}
.acct .note .ico{width:1.05rem;height:1.05rem;margin-top:.15em}
.acct .note--warn{background:rgba(56,189,248,.06);border-color:rgba(56,189,248,.24)}
.acct .note:not([hidden]){animation:acctFade .24s var(--ease)}
.acct .note a{text-underline-offset:2px}
/* bifele: pătrățel de 18 px, rază 5, bifat = accent cu semn închis */
.acct .check{gap:.625rem;font-size:.8125rem;line-height:1.45}
.acct .check input{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;margin:.0625rem 0 0;border-radius:5px;border:1.5px solid rgba(242,244,248,.32);background:rgba(242,244,248,.04);cursor:pointer;transition:background-color .15s var(--ease-std),border-color .15s var(--ease-std)}
.acct .check input:hover{border-color:rgba(242,244,248,.55)}
.acct .check input:checked{border-color:var(--accent);background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2306080f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/.8rem no-repeat}
.acct .check input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.acct .check a{text-decoration-color:rgba(56,189,248,.45);text-underline-offset:2px}
.acct .check a:hover{text-decoration-color:currentColor}
@media (min-width:940px){
  /* înregistrarea: formularul la stânga, cardul la dreapta pe un panou întunecat cu o lumină albastră și o grilă stinsă */
  .modal__panel.acct.is-reg{width:min(100%,60rem);display:grid;grid-template-columns:minmax(0,25rem) minmax(0,1fr);column-gap:2.75rem;align-items:start;padding:2.25rem 2.25rem 1.75rem}
  .modal__panel.acct.is-reg>.acct__head,.modal__panel.acct.is-reg>.seg,.modal__panel.acct.is-reg>.form{grid-column:1}
  .modal__panel.acct.is-reg>.acct__card{grid-column:2;grid-row:1/span 3;align-self:stretch;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:-1.5rem -1.5rem -1rem 0;padding:2.5rem 2rem;border-radius:14px;border:1px solid var(--line);overflow:hidden;
    background:radial-gradient(110% 80% at 78% 0%,rgba(29,78,216,.34),rgba(29,78,216,0) 62%),radial-gradient(80% 60% at 12% 100%,rgba(56,189,248,.12),rgba(56,189,248,0) 62%),var(--bg)}
  .modal__panel.acct.is-reg>.acct__card::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(242,244,248,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(242,244,248,.045) 1px,transparent 1px);background-size:32px 32px;
    -webkit-mask-image:radial-gradient(70% 60% at 50% 50%,black 15%,transparent 78%);mask-image:radial-gradient(70% 60% at 50% 50%,black 15%,transparent 78%)}
  .modal__panel.acct.is-reg .acct__card [data-mcard]{position:relative;width:min(100%,24rem)}
  .modal__panel.acct.is-reg .acct__card p{position:relative;margin-top:1.25rem}
  /* parola și confirmarea, una lângă alta: fereastra încape pe ecranele de 900 px */
  .acct #registerForm{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:.75rem}
  .acct #registerForm>*{grid-column:1/-1}
  .acct #registerForm>.field:nth-child(3),.acct #registerForm>.field:nth-child(4){grid-column:auto}
  /* mai strâns, ca fereastra de înregistrare să încapă pe un ecran de 900 px */
  .modal__panel.acct.is-reg{padding-top:2rem;padding-bottom:1.5rem}
  .modal__panel.acct.is-reg .acct__head::before{margin-bottom:1rem}
  .modal__panel.acct.is-reg .acct__head h2{font-size:1.375rem}
  .modal__panel.acct.is-reg .acct__head p{margin-top:.25rem}
  .modal__panel.acct.is-reg>.seg{margin-top:1.25rem}
  .acct #registerForm{gap:.75rem;margin-top:1.25rem}
  .acct #registerForm .note{padding:.625rem .75rem;font-size:.78125rem;line-height:1.45}
  .acct #registerForm .form__switch{padding-top:.875rem}
}
/* R2 (judecata 1): pe ecranele joase de laptop fereastra de înregistrare (825 px la 1440×900) nu încape și „Create Account” cădea sub pliu.
   Măsurat la 1280×720: trebuie ≤ 672 px. Două trepte: ≤ 880 px (1536×864, 1280×800) doar ritmul mai strâns (−92 px);
   ≤ 800 px (1366×768, 1024×768, 1280×720) și numele + emailul una lângă alta, ca parola și confirmarea (−85 px) → ~648 px. */
@media (min-width:940px) and (max-height:880px){
  .modal__panel.acct.is-reg{padding-top:1.5rem;padding-bottom:1.25rem}
  .modal__panel.acct.is-reg .acct__head::before{margin-bottom:.75rem}
  .modal__panel.acct.is-reg>.seg{margin-top:1rem}
  .acct #registerForm{gap:.625rem;margin-top:1rem}
  .acct #registerForm .field{gap:.25rem}
  .acct #registerForm .field span{line-height:1.3}
  .acct #registerForm .field input{height:2.625rem}
  .acct #registerForm .note{padding:.5rem .625rem;font-size:.75rem;line-height:1.4}
  .acct #registerForm .check{font-size:.75rem;line-height:1.4}
  .acct #registerForm .form__submit{min-height:2.75rem}
  .acct #registerForm .form__switch{padding-top:.625rem}
}
@media (min-width:940px) and (max-height:800px){
  .acct #registerForm>.field:nth-child(1),.acct #registerForm>.field:nth-child(2){grid-column:auto}
}
@media (max-height:760px) and (max-width:939px){.acct__card{display:none}}
@media (max-width:560px){
  /* pe telefon fereastra de cont ia tot ecranul și intră de jos în sus */
  #accountModal{padding:0}
  .modal__panel.acct{width:100%;min-height:100%;margin:0;border:0;border-radius:0;box-shadow:none;padding:calc(1.25rem + env(safe-area-inset-top)) var(--gutter) calc(1.75rem + env(safe-area-inset-bottom));animation:acctUp .36s var(--ease)}
  .acct .modal__close{top:calc(.5rem + env(safe-area-inset-top));right:.5rem}
  .acct__head::before{margin-bottom:1.75rem}
}
@keyframes acctUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ---------- mesaje scurte (toast) ---------- */
.toasts{position:fixed;z-index:calc(var(--z-modal) + 20);left:50%;bottom:max(1.5rem,calc(env(safe-area-inset-bottom) + 1rem));translate:-50% 0;display:grid;gap:.5rem;justify-items:center;width:max-content;max-width:calc(100vw - 1.5rem);pointer-events:none}
.toast{pointer-events:auto;display:flex;align-items:center;gap:.85rem;padding:.8rem 1.15rem;border-radius:var(--r-pill);background:rgba(14,18,28,.97);border:1px solid var(--line-strong);box-shadow:0 20px 50px -20px var(--black);font-size:.9375rem;line-height:1.3;opacity:0;transform:translateY(12px);transition:opacity var(--d-med),transform var(--d-med) var(--ease)}
.toast.is-in{opacity:1;transform:none}
.toast::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--accent);flex-shrink:0}
.toast--good::before{background:var(--up)}
.toast--bad::before{background:var(--down)}
.toast--warn::before{background:var(--gold-strong)}
.toast__act{font-weight:500;color:var(--accent);white-space:nowrap}

/* ---------- panoul de cont ---------- */
.prof{position:fixed;z-index:var(--z-overlay);width:min(22.5rem,calc(100vw - 1.5rem));max-height:calc(100dvh - var(--nav-h) - 3rem);overflow-y:auto;padding:1.1rem;border-radius:var(--r-card);background:rgba(12,16,26,.97);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 80px -30px var(--black);opacity:0;transform:translateY(-8px);transition:opacity var(--d-fast),transform var(--d-med) var(--ease)}
.prof.is-open{opacity:1;transform:none}
.prof__top{display:flex;gap:.8rem;align-items:center;margin-bottom:.8rem}
.prof__top b{display:block;font-size:1.0625rem;letter-spacing:-.015em;font-weight:500}
.prof__top span{display:block;color:var(--muted);font-size:var(--t-small);overflow-wrap:anywhere}
.prof__avatar{width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,var(--accent-deep),var(--deep));font-weight:500;font-size:1.1rem}
.plan{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .75rem;border-radius:var(--r-pill);font-size:var(--t-small);font-weight:500;border:1px solid var(--line-strong);color:var(--muted)}
.plan--shark{color:var(--gold-strong);border-color:rgba(223,230,241,.4);background:rgba(223,230,241,.06)}
.plan small{font-weight:400;color:var(--muted);font-size:var(--t-micro)}
.prof__sec{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--line)}
.prof__label{font-family:var(--font-mono);font-size:var(--t-micro);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}
.prof__hint{color:var(--muted);font-size:var(--t-small)}
.prof__hint a,.prof__err a{color:var(--accent);text-decoration:underline;font-weight:500}
.prof__err{margin-top:.5rem;color:var(--danger-text);font-size:var(--t-small)}
.prof__wide{width:100%}
.pbox{display:grid;gap:.15rem;padding:.75rem .9rem;border-radius:12px;border:1px solid var(--line-strong);font-size:var(--t-small)}
.pbox span{color:var(--muted)}
.pbox i{font-style:normal;font-variant-numeric:tabular-nums;color:var(--text)}
.pbox--up{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.08)}
.pbox--up b{color:var(--up)}
.pbox--nile{border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.08)}
.pbox--nile b{color:var(--accent)}
.pbox--gold{border-color:rgba(223,230,241,.4);background:rgba(223,230,241,.06)}
.pbox--gold b{color:var(--gold-strong)}
.tg{display:flex;align-items:center;gap:.55rem;font-size:var(--t-small);margin-bottom:.6rem}
.tg--on{color:var(--up);margin-bottom:0}
.tg--off{color:var(--danger-text)}
.tg__steps{margin:.75rem 0 .6rem;padding-left:1.15rem;list-style:decimal;color:var(--muted);font-size:var(--t-small);line-height:1.6}
.tg__code{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}
.tg__code code{flex:1;min-width:0;padding:.55rem .7rem;border-radius:10px;background:var(--accent-soft);color:var(--accent);font:500 .9375rem/1.2 var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}
.tg__row{display:flex;flex-wrap:wrap;gap:.4rem}
.prof__links{display:grid;gap:.15rem}
.prof__links a,.prof__links button,.switch-row{display:flex;align-items:center;gap:.7rem;width:100%;min-height:2.75rem;padding:0 .6rem;border-radius:10px;font-size:.9375rem;text-align:left;color:var(--text);transition:background-color var(--d-fast)}
.prof__links a:hover,.prof__links button:hover{background:var(--fill)}
.prof__links .ico{color:var(--muted);font-size:1.05rem}
.switch-row{justify-content:space-between;cursor:pointer}
.switch-row span{display:flex;align-items:center;gap:.7rem}
.switch-row i{font-style:normal;font-family:var(--font-mono);font-size:var(--t-micro);font-weight:500;color:var(--muted)}
.switch{-webkit-appearance:none;appearance:none;position:relative;width:2.6rem;height:1.5rem;border-radius:var(--r-pill);background:var(--switch-off);cursor:pointer;transition:background-color var(--d-med);flex-shrink:0}
.switch::after{content:"";position:absolute;top:.18rem;left:.18rem;width:1.14rem;height:1.14rem;border-radius:50%;background:var(--text);transition:transform var(--d-med) var(--ease)}
.switch:checked{background:var(--accent)}
.switch:checked::after{transform:translateX(1.1rem)}

/* ---------- bara „proba expiră” + nota de cookie ---------- */
.endbar{position:fixed;z-index:var(--z-sticky);top:calc(env(safe-area-inset-top) + var(--nav-h) + .6rem);left:50%;translate:-50% 0;display:flex;align-items:center;gap:.7rem;max-width:calc(100vw - 1.5rem);padding:.45rem .5rem .45rem 1rem;border-radius:var(--r-pill);background:rgba(60,12,20,.94);border:1px solid rgba(239,68,68,.45);color:var(--endbar-text);font-size:var(--t-small);white-space:nowrap}
.endbar a{font-weight:500;text-decoration:underline;color:var(--white)}
.endbar button{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;color:inherit}
.cookie{position:fixed;z-index:var(--z-sticky);left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));width:min(27rem,calc(100vw - 2rem));display:flex;gap:1rem;align-items:center;padding:1rem 1.1rem;border-radius:var(--r-card);background:rgba(14,18,28,.98);border:1px solid var(--line-strong);box-shadow:0 30px 70px -30px var(--black);font-size:.8125rem;line-height:1.45;color:var(--muted);transform:translateY(calc(100% + 2rem));transition:transform .55s var(--ease)}
.cookie.is-in{transform:none}
.cookie a{color:var(--text);text-decoration:underline;margin-right:.35rem}
@media (max-width:520px){.cookie{flex-direction:column;align-items:stretch}.cookie .btn{width:100%}.endbar{font-size:var(--t-micro)}}

/* ---------- secțiuni + intrarea lină (ritmul Virella: opacitate + 20 px, 500 ms; hero-ul nu așteaptă) ---------- */
.section{position:relative;padding:var(--sec-y) 0}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s6);margin-bottom:clamp(2rem,4vw,3.5rem)}
.section__head .lead{margin-top:var(--s4)}
.section__more{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
@media (max-width:760px){.section__head{flex-direction:column;align-items:flex-start}}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
html:not(.js) .reveal{opacity:1;transform:none}

/* ---------- fundalul general: fasciculele (fișa D1, după codul original, adaptat) ----------
   un strat fix sub tot; fiecare fascicul e un dreptunghi lung (1,7 × înălțimea ecranului) rotit ~−35°, umplut cu o elipsă de lumină
   (radial-gradient) care se stinge spre toate marginile: moale ca blur-ul originalului, dar rasterizată o singură dată (filter: blur
   cobora la 11 fps în Chromium fără GPU, masca la 45); se animează DOAR transform și opacity */
.beams{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg);contain:strict}
.beam{position:absolute;top:-35vh;left:var(--x);width:var(--w);height:170vh;transform-origin:50% 0;opacity:var(--o);will-change:transform,opacity;
  background:radial-gradient(ellipse at center,rgba(var(--c),1) 0%,rgba(var(--c),.6) 28%,rgba(var(--c),.2) 52%,rgba(var(--c),0) 71%);
  animation:beamDrift var(--dur) ease-in-out var(--delay) infinite alternate,beamPulse var(--pulse) ease-in-out var(--delay) infinite alternate}
@keyframes beamDrift{from{transform:translate3d(-50%,var(--y0),0) rotate(var(--a))}to{transform:translate3d(-50%,var(--y1),0) rotate(var(--a))}}
@keyframes beamPulse{from{opacity:calc(var(--o) * .75)}to{opacity:var(--o)}}
.beams__noise{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}

/* ---------- locuri marcate pentru pașii următori ---------- */
.slot{display:grid;place-items:center;min-height:clamp(14rem,36vh,26rem);border:1px dashed var(--line-strong);border-radius:var(--r-panel);background:rgba(14,18,28,.45);color:var(--muted);text-align:center;padding:1.5rem}
.slot::before{content:attr(data-slot);font-family:var(--font-mono);font-size:var(--t-micro);font-weight:500;letter-spacing:.14em;text-transform:uppercase}

/* ---------- subsolul (fișa C): linie sus; bloc de email în card; brand + 3 coloane; butoane rotunde; © + legal ---------- */
.foot{position:relative;z-index:1;margin-top:var(--sec-y);padding:clamp(3.5rem,6vw,5rem) 0 2rem;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(6,8,15,0),rgba(6,8,15,.6) 30%,rgba(6,8,15,.85))}
.foot .wrap{position:relative}
.foot__cta{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2.5rem;align-items:center;margin-bottom:clamp(3rem,5vw,4.5rem);padding:clamp(1.75rem,3.5vw,3rem);border-radius:var(--r-panel);background:radial-gradient(120% 140% at 0% 0%,rgba(56,189,248,.09),rgba(56,189,248,0) 55%),var(--card);border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.foot__cta h2{font-size:clamp(1.6rem,2.6vw,2.25rem);line-height:1.08;letter-spacing:-.028em;font-weight:450;text-wrap:balance}
.foot__cta h2 em{font-family:var(--font-serif);font-style:italic;font-weight:400;font-size:1.06em}
.foot__cta p{margin-top:.75rem;color:var(--muted);max-width:30em}
.foot__form{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}
.foot__form input{flex:1 1 14rem;min-width:0;height:3.125rem;padding:0 1.15rem;border-radius:var(--r-pill);background:rgba(242,244,248,.05);border:1px solid var(--line-strong);font-size:1rem;color:var(--text);transition:border-color var(--d-fast),box-shadow var(--d-fast),background-color var(--d-fast)}
.foot__form input::placeholder{color:var(--fog)}
.foot__form input:hover{border-color:var(--line-hover)}
.foot__form input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);background:rgba(242,244,248,.07)}
.foot__form .btn{min-height:3.125rem;padding-inline:1.5rem;font-size:1rem}
.foot__small{margin-top:.8rem;font-size:var(--t-small);color:var(--muted)}
.foot__facts{display:grid;gap:.75rem;justify-self:end;width:min(100%,22rem)}
.foot__facts li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.9rem;padding:.9rem 1rem;border-radius:14px;border:1px solid var(--line);background:rgba(6,8,15,.5)}
.foot__facts b{font-family:var(--font-mono);font-weight:500;font-size:1.25rem;letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}
.foot__facts span{font-size:var(--t-small);color:var(--text)}
.foot__facts small{display:block;color:var(--muted);font-size:var(--t-micro);margin-top:.1rem}
.foot__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,2fr);gap:2.5rem;margin-bottom:clamp(2.5rem,4vw,3.5rem)}
.foot__logo{display:inline-flex;align-items:center;margin-bottom:1.1rem}
.foot__logo b{font-family:var(--font-wide);font-weight:900;font-stretch:125%;font-size:1rem;letter-spacing:.22em;line-height:1}
.foot__brand p{max-width:22rem;color:var(--muted);font-size:var(--t-small);line-height:1.55;margin-bottom:1.5rem}
.foot__social{display:flex;gap:.75rem}
.foot__cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.foot__title{font-size:.8125rem;line-height:1.25rem;font-weight:600;letter-spacing:.02em;margin-bottom:1rem;color:var(--text)}
.foot__cols ul{display:grid;gap:.6rem}
.foot__cols a{font-size:.875rem;line-height:1.25rem;color:var(--muted);transition:color .15s var(--ease-std)}
.foot__cols a:hover{color:var(--text)}
.foot__live{display:inline-flex;align-items:center}
.ping{position:relative;display:inline-flex;width:.5rem;height:.5rem;margin-left:.55rem}
.ping::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);opacity:.75;animation:ping 1.4s cubic-bezier(0,0,.2,1) infinite}
.ping i{position:relative;width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}}
.foot__base{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.8125rem;color:var(--muted)}
.foot__base p{max-width:48em}
.foot__base ul{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.foot__base a:hover{color:var(--text)}
@media (max-width:1023px){.foot__grid{grid-template-columns:1fr}}
/* subsol pe telefon: legături cu zonă de atins de 44 px */
@media (max-width:768px){
  .foot__cols ul{gap:0}
  .foot__cols a,.foot__base a{display:inline-flex;align-items:center;min-height:2.75rem}
  .foot__logo{min-height:2.75rem;margin-bottom:.5rem}
  .foot__base ul{gap:0 1.5rem}
}
@media (max-width:767px){
  .foot__cta{grid-template-columns:1fr;padding:1.5rem}
  .foot__facts{justify-self:stretch;width:auto}
  .foot__cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot__base{flex-direction:column;align-items:flex-start}
}

/* butoanele rotunde de rețele (fișa 16, la 44 px): se măresc la 1,1, se înclină 2°, o bandă de lumină trece în 0,7 s */
.fb{--c:242,244,248;--shine:rgba(242,244,248,.16);--glow:rgba(56,189,248,.35);
  position:relative;display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:9999px;overflow:hidden;cursor:pointer;color:var(--text);
  border:1px solid var(--line-strong);background:linear-gradient(to top right,rgba(242,244,248,.03),rgba(242,244,248,.08));
  box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3);
  transition:scale .3s cubic-bezier(0,0,.2,1),rotate .3s cubic-bezier(0,0,.2,1),box-shadow .3s cubic-bezier(0,0,.2,1),border-color .3s cubic-bezier(0,0,.2,1),color .3s}
.fb__shine{position:absolute;inset:0;background:linear-gradient(to right,transparent,var(--shine),transparent);translate:-100% 0;transition:translate .7s cubic-bezier(0,0,.2,1)}
.fb__icon{position:relative;z-index:1;display:block;line-height:0}
.fb__icon .ico{width:1.25rem;height:1.25rem}
@media (hover:hover){
  .fb:not([aria-disabled="true"]):hover{scale:1.1;rotate:2deg;color:var(--accent);border-color:rgba(56,189,248,.45);box-shadow:0 20px 40px -14px var(--glow);background:linear-gradient(to top right,rgba(56,189,248,.16),rgba(242,244,248,.05))}
  .fb:not([aria-disabled="true"]):hover .fb__shine{translate:100% 0}
}
.fb:active{scale:.95;rotate:0deg}
.fb[aria-disabled="true"]{opacity:.45;cursor:default}

/* ---------- întrebări (acordeon nativ) + nota de risc: pe prima pagină, prețuri și altele ---------- */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.faq__list{border-top:1px solid var(--line-strong)}
.faq__item{border-bottom:1px solid var(--line-strong)}
.faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s5);min-height:4rem;padding:.9rem 0;font-size:clamp(1.0625rem,1.3vw,1.1875rem);font-weight:500;letter-spacing:-.012em;cursor:pointer;list-style:none;color:var(--text);transition:color var(--d-fast)}
.faq__item summary:hover{color:var(--accent)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"";flex-shrink:0;width:.6rem;height:.6rem;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);rotate:45deg;translate:0 -.15rem;transition:rotate var(--d-med) var(--ease),translate var(--d-med) var(--ease)}
.faq__item[open] summary::after{rotate:225deg;translate:0 .2rem}
.faq__item p{padding:0 2.5rem 1.4rem 0;color:var(--muted);max-width:44em;animation:faqIn .4s var(--ease)}
@keyframes faqIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.notice{margin-top:clamp(3rem,6vw,5rem);padding:1.5rem 1.6rem;border-radius:var(--r-card);border:1px solid rgba(239,68,68,.35);background:rgba(239,68,68,.06)}
.notice b{display:block;margin-bottom:.4rem;color:var(--danger-text)}
.notice p{color:var(--muted);font-size:.9375rem}
.notice a{display:inline-block;margin-top:.7rem}
@media (max-width:860px){.faq{grid-template-columns:1fr}}
.no-trial [data-trial]{display:none!important}
html:not(.no-trial) [data-notrial]{display:none!important}

/* ---------- liste cu bife (folosite si de uneltele vechi, prin tools.js / cycle-score.js) ---------- */
.ticks{display:grid;gap:.55rem;margin-top:var(--s5)}
.ticks li{position:relative;padding-left:1.6rem;font-size:.9375rem}
.ticks li::before{content:"";position:absolute;left:.15rem;top:.42em;width:.7rem;height:.38rem;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);rotate:-45deg}
/* personajul egiptean nu mai există (regula 2): orice .mascot rămas pe paginile vechi (404) se ascunde */
.mascot{display:none!important}