/* OSIRIS — pagina /pricing în paleta E (pasul 7b, 27 Oct 2026). Se încarcă doar pe /pricing, după osiris.css / pages.css / mcard.css / scanner.css;
   clasele au prefixul pp-. Făcută după secțiunea #pricing de pe prima pagină (pricing-home.css, pasul 5a, nota 8,6) și după fișa
   cercetare/sectiuni/preturi/fisa.md (TradingView, Linear, Vercel, Raycast; note Stripe):
   - cele două planuri în două cutii, cardul de membru holografic (26, mcard.js) sus; Shark deosebit prin LUMINĂ (rama albastră stinsă + lumina
     din colț) și singurul cu buton plin; fără auriu, fără insignă „popular”;
   - butonul pe toată lățimea cutiei, 48 px; „No card needed” sub buton; „Everything in Shrimp, plus:” în capul listei Shark; nota cinstită sub planuri;
   - șirul 07 (scanner.js) pe toată lățimea, stins la capete, cu înălțimea rezervată din CSS; tabelul de comparație ca un registru: grupurile în
     fontul datelor, bifele albastre, coloana Shark cu o spoială albastră; FAQ-ul = acordeonul fundației; caseta de risc neutră (roșu doar la scădere).
   Cârligele pe care le caută pricing.js rămân: #heroTitle, #heroLead, #activePlan (.planstate), [data-tier], .tier__art [data-mcard], [data-yours],
   [data-plan-go], [data-sub], clasele is-yours / is-wanted. Intrarea = animații CSS care merg mereu (regula 6), fără JavaScript.
   Paleta E strictă: hex / rgba doar în blocul de variabile; fonturile doar prin tokeni. */

.page-pricing{
  --pp-bd-shark:rgba(56,189,248,.34);        /* rama planului Shark */
  --pp-glow:rgba(56,189,248,.12);            /* lumina din colțul planului Shark */
  --pp-glow-deep:rgba(29,78,216,.1);
  --pp-badge-bg:rgba(56,189,248,.1);         /* insigna „Your plan” pe Shrimp */
  --pp-badge-bd:rgba(56,189,248,.42);
  --pp-chip-bd:rgba(56,189,248,.26);         /* cele 13 nume de indicatori */
  --pp-chip-bg:rgba(56,189,248,.06);
  --pp-sheen:rgba(255,255,255,.42);          /* banda de lumină peste butonul Shark la hover */
  --pp-sheen-2:rgba(224,242,254,.3);
  --pp-ring:rgba(56,189,248,.55);            /* pulsul „is-wanted” când vii de la Xcharts / Cycle Score */
  --pp-ring-0:rgba(56,189,248,0);
  --pp-col:rgba(56,189,248,.05);             /* coloana Shark din tabel */
  --pp-col-hover:rgba(56,189,248,.1);
  --pp-row-hover:rgba(242,244,248,.035);
  --pp-fade:rgba(6,8,15,0);                  /* capetele stinse ale șirului */
  --pp-pad:2rem;
  --pp-gap:var(--s6);
  --pp-art:26rem;
}

/* ---------- hero: centrat, cu eticheta mono deasupra; pricing.js schimbă titlul / propoziția / pastila după cont ---------- */
.pp-hero{padding-bottom:clamp(1.5rem,3.5vw,3rem);text-align:center}
.pp-hero .h1{max-width:14em;margin-inline:auto}
.pp-hero .lead{max-width:40em;margin-inline:auto}
.pp-hero__eyebrow{justify-content:center}
.pp-hero .planstate{display:inline-flex;align-items:center;gap:.45rem;margin-top:var(--s5);padding:.5rem 1.1rem;border-radius:var(--r-pill);border:1px solid var(--line-strong);
  font-family:var(--font-mono);font-size:var(--t-small);color:var(--muted)}
.pp-hero .planstate[hidden]{display:none}
.pp-hero .planstate b{font-weight:600;color:var(--text)}
.pp-hero .planstate--shark{border-color:var(--pp-badge-bd);background:var(--pp-badge-bg)}
.pp-hero .planstate--shark b{color:var(--nile-strong)}

/* ---------- planurile ---------- */
.pp-plans{padding-top:clamp(.5rem,1.5vw,1.5rem)}
.pp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pp-gap);max-width:70rem;margin-inline:auto;align-items:start} /* judecata 1: cutiile nu se mai întind una după alta (Shrimp avea ~300 px goi) */
.pp-plan{position:relative;display:flex;flex-direction:column;padding:var(--pp-pad);border-radius:var(--r-panel);border:1px solid var(--line-strong);
  background:var(--card);box-shadow:0 1px 0 var(--fill-soft) inset,0 40px 90px -60px var(--black);transition:border-color var(--d-med) var(--ease-std),box-shadow var(--d-med) var(--ease-std)}
.pp-plan--shark{border-color:var(--pp-bd-shark);
  background:radial-gradient(110% 60% at 85% 0%,var(--pp-glow),transparent 62%),linear-gradient(180deg,var(--pp-glow-deep),transparent 55%),var(--card)}
.pp-plan.is-yours{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 1px 0 var(--fill-soft) inset,0 40px 90px -60px var(--black)}
.pp-plan.is-wanted{animation:ppWanted 1.6s var(--ease-out) .4s 2}
@keyframes ppWanted{0%{box-shadow:0 0 0 0 var(--pp-ring)}100%{box-shadow:0 0 0 1.6rem var(--pp-ring-0)}}

.pp-plan__art{width:min(100%,var(--pp-art));margin:0 auto clamp(1.5rem,2.6vw,2rem)}
.pp-plan__name{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;line-height:1.1}
.pp-badge{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:var(--r-pill);border:1px solid var(--pp-badge-bd);background:var(--pp-badge-bg);
  font-family:var(--font-sans);font-size:var(--t-micro);font-weight:600;line-height:1.2;letter-spacing:.01em;color:var(--nile-strong)}
.pp-badge[hidden]{display:none}
.pp-plan--shark .pp-badge{color:var(--bg);border-color:transparent;background:linear-gradient(110deg,var(--accent),var(--nile-strong))}
.pp-plan__for{margin-top:.45rem;font-size:var(--t-body);line-height:1.5;color:var(--muted)}

/* prețul: mare, strâns, în fontul datelor; „forever” / „per month” șters, pe aceeași linie de bază */
.pp-price{display:flex;align-items:baseline;gap:.55rem;margin-top:clamp(1.1rem,2.2vw,1.6rem)}
.pp-price b{font-family:var(--font-mono);font-weight:700;font-size:clamp(2.5rem,4vw,3.5rem);line-height:.95;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums lining-nums}
.pp-price span{font-size:.9375rem;color:var(--muted)}

/* butonul: pe toată lățimea cutiei, 48 px; Shrimp = contur, Shark = plin + banda de lumină la hover. Fără JavaScript: butoanele (pricing.js) se ascund,
   rămân legăturile din <noscript> */
.pp-cta{margin-top:clamp(1.25rem,2.2vw,1.6rem)}
.pp-go{width:100%}
/* butonul probei din cutia Shark (Mihai, 27 Oct): se vede DOAR când account.js îi dă starea „Activate 7 days free” (cont Shrimp cu proba disponibilă);
   nelogat (register), numărătoare (probă activă) sau ascuns de account.js → nu apare */
.pp-go--trial{display:none;margin-top:.55rem}
.pp-go--trial[data-action="trial"]:not([hidden]):not(.is-countdown){display:inline-flex}
html:not(.js) .pp-go[data-plan-go]{display:none}
.pp-go--shark{overflow:hidden;isolation:isolate}
.pp-go--shark::after{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(110deg,var(--pp-fade) 32%,var(--pp-sheen) 47%,var(--pp-sheen-2) 53%,var(--pp-fade) 68%) -160% 0/260% 100% no-repeat;
  transition:background-position .75s var(--ease)}
.pp-go--shark:hover::after,.pp-go--shark:focus-visible::after{background-position:160% 0}
.pp-go--shark[disabled]::after{display:none}
.pp-go[disabled]{box-shadow:none}

/* rândul de sub buton; legătura probei / „Manage it in your profile” = 44 px pe atingere, fără să mute rândul */
.pp-sub{min-height:1.5rem;margin-top:.75rem;font-size:var(--t-small);line-height:1.5;color:var(--muted);text-align:center}
.pp-sub .link{display:inline-block;padding:.75rem .3rem;margin:-.75rem -.3rem;font-size:inherit;transition:color var(--d-fast) var(--ease-std)}
.pp-sub .link:hover{color:var(--nile-strong)}

/* lista: după o linie subțire; la Shark întâi „Everything in Shrimp, plus:”; cele 13 nume ca pastile */
.pp-list{margin-top:clamp(1.25rem,2.4vw,1.75rem);padding-top:clamp(1.25rem,2.4vw,1.75rem);border-top:1px solid var(--line);gap:.7rem}
.pp-list>li{font-size:.9375rem;line-height:1.5;color:var(--muted);text-wrap:pretty}
.pp-list b{font-weight:600;color:var(--text)}
.pp-list__intro{margin-top:clamp(1.25rem,2.4vw,1.75rem);padding-top:clamp(1.25rem,2.4vw,1.75rem);border-top:1px solid var(--line);font-size:var(--t-small);line-height:1.5;color:var(--muted)}
.pp-list__intro+.pp-list{margin-top:.7rem;padding-top:0;border-top:0}
.pp-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.65rem}
.pp-list .pp-chips li{padding:.28rem .7rem;border-radius:var(--r-pill);border:1px solid var(--pp-chip-bd);background:var(--pp-chip-bg);font-size:var(--t-small);line-height:1.3;color:var(--text)}
.pp-list .pp-chips li::before{content:none}

/* nota cinstită de sub planuri și de sub tabel */
.pp-note{max-width:62em;margin:clamp(1.5rem,3vw,2.25rem) auto 0;font-size:var(--t-small);line-height:1.6;color:var(--muted);text-align:center;text-wrap:pretty}

/* ---------- capul centrat al secțiunilor ---------- */
.pp-head{margin-bottom:clamp(1.5rem,3vw,2.5rem);text-align:center}
.pp-head .h2{margin-inline:auto}
.pp-head .lead{max-width:40em;margin:var(--s4) auto 0}

/* ---------- șirul 07: pe toată lățimea, înălțimea rezervată (scanner.css: .scan{height:var(--scan-h)}), stins la capete doar pe șina cardurilor ---------- */
.pp-band{overflow:clip}
.pp-stream{--scan-h:min(340px,65.4vw);position:relative;height:var(--scan-h)}
.pp-stream.scan{background:transparent}
.pp-stream .scan__rail{-webkit-mask-image:linear-gradient(to right,var(--pp-fade),var(--black) clamp(3rem,10vw,12rem),var(--black) calc(100% - clamp(3rem,10vw,12rem)),var(--pp-fade));
  mask-image:linear-gradient(to right,var(--pp-fade),var(--black) clamp(3rem,10vw,12rem),var(--black) calc(100% - clamp(3rem,10vw,12rem)),var(--pp-fade))}
.pp-stream__note{margin-top:.25rem;text-align:center;font-size:var(--t-small);color:var(--fog)}
.pp-stream:not(.scan)+.pp-stream__note{display:none}
html:not(.js) .pp-stream{display:none}
.pp-still{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);width:min(100% - 2*var(--gutter),var(--maxw));margin-inline:auto}

/* ---------- tabelul de comparație: un registru ---------- */
.pp-compare{padding-top:clamp(1rem,2.5vw,2rem)}
.pp-cmp__box{max-width:60rem;margin-inline:auto;border-radius:var(--r-panel);border:1px solid var(--line-strong);background:var(--card);overflow:clip}
.pp-cmp{width:100%;border-collapse:collapse;font-size:.9375rem}
.pp-cmp th,.pp-cmp td{padding:.8rem clamp(.75rem,2vw,1.5rem);text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}
.pp-cmp thead th{padding-block:1.2rem;font-family:var(--font-sans);font-size:1.125rem;font-weight:600;text-align:center;letter-spacing:-.01em;color:var(--text);border-bottom:1px solid var(--line-strong)}
.pp-cmp thead th small{display:block;margin-top:.25rem;font-family:var(--font-mono);font-size:var(--t-small);font-weight:400;letter-spacing:0;color:var(--muted);font-variant-numeric:tabular-nums}
.pp-cmp__shark{color:var(--nile-strong)}
.pp-cmp thead th.pp-cmp__shark{color:var(--nile-strong)}
.pp-cmp td,.pp-cmp thead th:nth-child(n+2){width:clamp(5rem,17vw,11.5rem);text-align:center}
.pp-cmp td:last-child,.pp-cmp thead th:last-child{background:var(--pp-col)}
.pp-cmp tbody th{font-weight:400;color:var(--text)}
.pp-cmp tbody th small{display:block;margin-top:.15rem;font-size:var(--t-small);line-height:1.4;color:var(--fog)}
.pp-cmp tbody tr:not(.pp-cmp__grp):hover th,.pp-cmp tbody tr:not(.pp-cmp__grp):hover td:first-of-type{background:var(--pp-row-hover)}
.pp-cmp tbody tr:not(.pp-cmp__grp):hover td:last-child{background:var(--pp-col-hover)}
.pp-cmp tbody tr:last-child th,.pp-cmp tbody tr:last-child td{border-bottom:0}
.pp-cmp .pp-cmp__grp th{padding-top:1.7rem;font-family:var(--font-mono);font-size:var(--t-micro);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom-color:var(--line-strong)}
.pp-cmp .pp-cmp__grp th small{display:inline;margin-left:.6rem;font-size:inherit;letter-spacing:.06em;text-transform:none;color:var(--fog)}
.pp-y::before{content:"";display:inline-block;width:.9rem;height:.48rem;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);rotate:-45deg;translate:0 -.18rem}
.pp-cmp td.pp-y:last-child::before{border-color:var(--nile-strong)}
.pp-n::before{content:"";display:inline-block;width:.8rem;height:2px;border-radius:2px;background:var(--fog);opacity:.55;vertical-align:middle}
.pp-t{font-size:var(--t-small);font-weight:600;color:var(--nile-strong);line-height:1.3}
.pp-t small{display:block;font-weight:400;color:var(--muted)}

/* ---------- FAQ (acordeonul fundației) + caseta de risc, neutră: rama și fondul paginii, titlul în textul normal, un punct albastru în față ---------- */
.pp-notice{border-color:var(--line-strong);background:var(--fill-soft)}
.pp-notice b{display:flex;align-items:center;gap:.6rem;color:var(--text)}
.pp-notice b::before{content:"";flex:0 0 .5rem;height:.5rem;border-radius:50%;background:var(--accent)}
.pp-notice .link{display:inline-block;padding:.6rem 0;margin:-.6rem 0}

/* ---------- intrarea: hero-ul și planurile urcă 20 px, pe rând (merg mereu, fără JavaScript) ---------- */
@keyframes ppIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.pp-hero .wrap>*{animation:ppIn .6s var(--ease) both}
.pp-hero .wrap>:nth-child(2){animation-delay:.08s}
.pp-hero .wrap>:nth-child(3){animation-delay:.16s}
.pp-hero .wrap>:nth-child(4){animation-delay:.24s}
.pp-grid>.pp-plan{animation:ppIn .6s var(--ease) .2s both}
.pp-grid>.pp-plan--shark{animation-delay:.29s}
.pp-grid>.pp-plan.is-wanted{animation:ppIn .6s var(--ease) .2s both,ppWanted 1.6s var(--ease-out) .9s 2}

/* ---------- lățimi ---------- */
@media (max-width:1279px){.page-pricing{--pp-pad:1.75rem}}
@media (max-width:1023px){.page-pricing{--pp-gap:var(--s5);--pp-art:22rem}}
@media (max-width:860px){.pp-notice{margin-top:clamp(2rem,5vw,3rem)}}
@media (max-width:760px){
  .page-pricing{--pp-gap:1.25rem;--pp-art:24rem}
  .pp-grid{grid-template-columns:minmax(0,1fr)}
  .pp-grid>.pp-plan--shark{animation-delay:.2s}
  .pp-cmp{font-size:.875rem}
  .pp-cmp thead th{font-size:1rem}
  .pp-cmp th,.pp-cmp td{padding-inline:.6rem}
  .pp-cmp td,.pp-cmp thead th:nth-child(n+2){width:5.5rem}
  .pp-cmp thead th small{font-size:var(--t-micro);white-space:nowrap}
  .pp-t{font-size:var(--t-micro)}
}
@media (max-width:639px){
  .page-pricing{--pp-pad:1.4rem 1.25rem}
  .pp-still{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
  .pp-still>:nth-child(3){display:none}
  .pp-price b{font-size:2.5rem}
}
@media (max-width:359px){.page-pricing{--pp-pad:1.2rem 1rem}}