/* OSIRIS — prima pagină, secțiunea 8 „Pricing” (#pricing, pasul 5a, 26 Oct 2026). Se încarcă doar pe prima pagină; clasele au prefixul pr-.
   Făcută după cercetare/sectiuni/preturi/fisa.md (TradingView, Linear, Vercel, Framer, Raycast; note Stripe / Coinbase One):
   - două planuri în două cutii (Raycast), fiecare cu cardul de membru holografic (26, mcard.js) sus; planul plătit e deosebit prin LUMINĂ
     (rama albastră stinsă + o lumină în colț, ca pe /pricing) și e singurul cu buton plin (Linear) — fără auriu, fără insignă „popular”;
   - butonul pe toată lățimea cardului, 48 px (TradingView); „no card” pe un rând mic chiar sub buton (TradingView); „Everything in Shrimp, plus:”
     în capul listei planului plătit (Linear / Vercel / Raycast); o linie subțire înaintea listei (Linear, Vercel); nota cinstită sub planuri (Stripe);
   - șirul 07 (scanner.js) între titlu și planuri, pe toată lățimea, stins la capete, ca moment vizual (Raycast: banda foto deasupra planurilor);
   - stările: hover / apăsare / focus de tastatură sunt ale fundației (.btn din osiris.css: fond + 1 px sus; inel 2 px la 3 px — Vercel 2 px la 4, Linear 1 la 2);
     intrarea = ritmul site-ului (.reveal), al doilea plan la +90 ms (ca la #tools); nimic condiționat pe prefers-reduced-motion (regula 6).
   Textele, prețurile, listele și proba vin din /pricing (src/pages/pricing.html), nimic inventat; logica contului e în pricing-home.js (account.js neatins).
   Fără JavaScript: planurile și butoanele rămân; șirul e înlocuit de trei carduri nemișcate (noscript, desenate de rezerva din mcard.css).
   Paleta E strictă: hex / rgba doar în blocul de variabile de mai jos; fonturile doar prin tokeni (--font-sans, --font-mono = fontul datelor din type.css). */

.pr-sec{
  --pr-bd-shark:rgba(56,189,248,.34);        /* rama planului Shark (ca .page-pricing .tier--shark) și a cardului „Your plan” */
  --pr-bd-shark-strong:rgba(56,189,248,.6);
  --pr-glow:rgba(56,189,248,.12);            /* lumina din colțul planului Shark */
  --pr-glow-deep:rgba(29,78,216,.1);
  --pr-badge-bg:rgba(56,189,248,.1);         /* insigna „Your plan” (Shrimp): contur albastru stins, text gheață */
  --pr-badge-bd:rgba(56,189,248,.42);
  --pr-sheen:rgba(255,255,255,.42);          /* banda de lumină care trece peste butonul Shark la hover (ca .btn--shark de pe /pricing) */
  --pr-sheen-2:rgba(224,242,254,.3);
  --pr-shadow:rgba(56,189,248,.65);          /* umbra butonului plin la hover (aceeași ca .btn--solid:hover din fundație) */
  --pr-fade:rgba(6,8,15,0);                  /* capetele stinse ale șirului: --bg → transparent */
  --pr-pad:2rem;                             /* 32 px în cutie (Linear, Vercel, Raycast) */
  --pr-gap:var(--s6);                        /* 32 px între cele două planuri */
  --pr-art:26rem;                            /* cardul de membru: 416 px, ca pe /pricing (.tier__art) */
}

/* ---------- șirul 07: pe toată lățimea paginii, între titlu și planuri; înălțimea e rezervată din CSS ca pagina să nu sară când pornește scanner.js
   (scanner.css: .scan{height:var(--scan-h, 340px × k)}, k = min(1, lățime / 520)). Cardurile se sting la capete printr-o mască DOAR pe șina lor
   (.scan__rail: 4 carduri), nu pe tot șirul (canvasele cu lumini și particule rămân libere); măsurat: 59,9 fps cu mască, 59,6 fără
   (lab/pas5a/lucru/fps_masca.py). Fără mască s-ar vedea un dreptunghi mai închis peste fascicule la capete. ---------- */
.pr-band{position:relative;margin:0 0 clamp(2.5rem,5vw,4rem)}
.pr-stream{--scan-h:min(340px,65.4vw);position:relative;height:var(--scan-h)}
.pr-stream.scan{background:transparent}                                   /* fasciculele paginii se văd prin șir; cardurile sunt oricum opace */
.pr-stream .scan__rail{-webkit-mask-image:linear-gradient(to right,var(--pr-fade),var(--black) clamp(3rem,10vw,12rem),var(--black) calc(100% - clamp(3rem,10vw,12rem)),var(--pr-fade));
  mask-image:linear-gradient(to right,var(--pr-fade),var(--black) clamp(3rem,10vw,12rem),var(--black) calc(100% - clamp(3rem,10vw,12rem)),var(--pr-fade))}
html:not(.js) .pr-stream{display:none}
/* fără JavaScript: trei carduri nemișcate (Shrimp, Shark, 7-day pass) din rezerva mcard.css ([data-mcard]:not(.mcard)) */
.pr-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}

/* ---------- cele două planuri ---------- */
.pr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pr-gap);margin-inline:auto}
.pr-grid.reveal{opacity:1;transform:none}                                 /* intră planurile, pe rând (mai jos), nu grila */
.pr-plan{position:relative;display:flex;flex-direction:column;padding:var(--pr-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)}
/* Shark: deosebit prin lumină, nu prin culoare — rama albastră stinsă și o lumină radială în colțul de sus (Raycast: gradient + ramă; Vercel: alt fond) */
.pr-plan--shark{border-color:var(--pr-bd-shark);
  background:radial-gradient(110% 60% at 85% 0%,var(--pr-glow),transparent 62%),linear-gradient(180deg,var(--pr-glow-deep),transparent 55%),var(--card)}
.pr-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)}

/* cardul de membru (26): 416 px, centrat; mcard.js îi dă înclinarea, folia și întoarcerea; fără JS rămâne cardul nemișcat din mcard.css */
.pr-plan__art{width:min(100%,var(--pr-art));margin:0 auto clamp(1.5rem,2.6vw,2rem)}

.pr-plan__name{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;line-height:1.1}
.pr-badge{display:inline-flex;align-items:center;padding:.3rem .7rem;border-radius:var(--r-pill);border:1px solid var(--pr-badge-bd);background:var(--pr-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)}
.pr-badge[hidden]{display:none}
.pr-plan--shark .pr-badge{color:var(--bg);border-color:transparent;background:linear-gradient(110deg,var(--accent),var(--nile-strong))}
.pr-plan__for{margin-top:.45rem;font-size:var(--t-body);line-height:1.5;color:var(--muted)}

/* prețul: mare, cu literele strânse (Vercel 56 px / −6 %; Raycast 64 px), în fontul datelor; „forever” / „per month” șters, pe aceeași linie de bază */
.pr-price{display:flex;align-items:baseline;gap:.55rem;margin-top:clamp(1.1rem,2.2vw,1.6rem)}
.pr-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}
.pr-price span{font-size:.9375rem;color:var(--muted)}

/* butonul: pe toată lățimea cardului, 48 px (TradingView 291 × 48; Linear / Raycast / Vercel 36–40, dar cât textul); Shrimp = contur, Shark = plin.
   Hover / apăsare / focus: ale fundației (.btn). Când contul are deja acces (probă activă sau Shark plătit), în locul CTA-ului stă „Open the chart”
   (ca în hero: account.js ascunde CTA-ul contului cu [hidden]; pricing-home.js pune .is-access) */
.pr-cta{margin-top:clamp(1.25rem,2.2vw,1.6rem)}
.pr-go{width:100%}
.pr-go--alt{display:none}
.pr-cta [data-acct="cta"][hidden]{display:none}
.pr-cta [data-acct="cta"][hidden]~.pr-go--alt,.pr-plan.is-access .pr-go--alt{display:inline-flex}
.pr-plan.is-access .pr-cta [data-acct="cta"]{display:none}
/* proba de 7 zile stă în cutia Shark (Mihai, 27 Oct): ascunsă până când pricing-home.js vede un cont Shrimp cu proba încă disponibilă */
.pr-go--trial{display:none;margin-top:.55rem}
.pr-plan.has-trial .pr-go--trial{display:inline-flex}
/* Shark: butonul plin al fundației (.btn--solid) + banda de lumină care trece la hover (ca .btn--shark de pe /pricing, refăcută aici cu prefixul pr-) */
.pr-go--shark{overflow:hidden;isolation:isolate}
.pr-go--shark::after{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(110deg,var(--pr-fade) 32%,var(--pr-sheen) 47%,var(--pr-sheen-2) 53%,var(--pr-fade) 68%) -160% 0/260% 100% no-repeat;
  transition:background-position .75s var(--ease)}
.pr-go--shark:hover::after,.pr-go--shark:focus-visible::after{background-position:160% 0}
.pr-go--shark[aria-disabled="true"]::after{display:none}
.pr-go--shark[aria-disabled="true"]{box-shadow:none}

/* rândul de sub buton: „No card needed…”, „Or try it first: 7 days free, no card needed” (legătura = 44 px pe atingere, fără să mute rândul) */
.pr-sub{min-height:1.5rem;margin-top:.75rem;font-size:var(--t-small);line-height:1.5;color:var(--muted);text-align:center}
.pr-sub .link{display:inline-block;padding:.75rem .3rem;margin:-.75rem -.3rem;font-size:inherit;transition:color var(--d-fast) var(--ease-std)}
.pr-sub .link:hover{color:var(--nile-strong)}

/* lista: ce E inclus (bifa fundației, .ticks), după o linie subțire (Linear, Vercel); la Shark întâi „Everything in Shrimp, plus:” (Linear „All Free features +”) */
.pr-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}
.pr-list>li{font-size:.9375rem;line-height:1.5;color:var(--muted);text-wrap:pretty}
.pr-list b{font-weight:600;color:var(--text)}
.pr-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)}
.pr-list__intro+.pr-list{margin-top:.7rem;padding-top:0;border-top:0}

/* nota cinstită de sub planuri (Stripe: fiecare condiție lângă preț; TradingView: „billed annually”) */
.pr-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}

/* ---------- intrarea: planurile urcă 20 px pe rând (al doilea la +90 ms, ca la #tools); starea ascunsă există doar cu JavaScript (.js pe <html>);
   reveal.js pune is-in pe .pr-grid ---------- */
.js .pr-grid .pr-plan{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease),border-color var(--d-med) var(--ease-std)}
.js .pr-grid.is-in .pr-plan{opacity:1;transform:none}
.pr-grid.is-in .pr-plan--shark{transition-delay:.09s,.09s,0s}

/* ---------- lățimi ---------- */
@media (max-width:1279px){.pr-sec{--pr-pad:1.75rem}}
@media (max-width:1023px){.pr-sec{--pr-gap:var(--s5);--pr-art:22rem}}
/* ≤ 760 px: un plan sub celălalt (TradingView, Linear, Vercel pe telefon), 20 px între ele */
@media (max-width:760px){
  .pr-sec{--pr-gap:1.25rem;--pr-art:24rem}
  .pr-grid{grid-template-columns:minmax(0,1fr)}
  .pr-grid.is-in .pr-plan--shark{transition-delay:0s}
}
@media (max-width:639px){
  .pr-sec{--pr-pad:1.4rem 1.25rem}
  .pr-still{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
  .pr-still>:nth-child(3){display:none}
  .pr-price b{font-size:2.5rem}
}
@media (max-width:359px){.pr-sec{--pr-pad:1.2rem 1rem}}