/* ============================================================
   RideCheetah — foaia de stil „PIETRICICA" (v2 · două teme)
   Aceeași familie ca pagina principală (prototipul „p10 · alb și negru"):
   pietricele cu raze eliptice, chihlimbar → cărămidă, fontul Nunito.

   TEMELE: /tema.js (încărcat SINCRON în <head>, înaintea foilor) pune pe <html>
   data-tema="luminos|intunecat". Aici:
     :root                          = LUMINOS  (teren crem cald, cerneală de ciocolată)
     html[data-tema="intunecat"]    = ÎNTUNECAT (aproape-negru cald, espresso)
   REGULA: nicio culoare scrisă de mână în componente — totul trece prin jetoanele
   de mai jos, ca amândouă temele să fie corecte. Umpluturile de chihlimbar sunt
   la fel în ambele teme; PE CHIHLIMBAR SE SCRIE CU CERNEALĂ (--deep).
   Accentele folosite ca SCRIS au variantă „-ink" lizibilă pe terenul temei.
   ============================================================ */

:root{
  color-scheme:light;
  /* teren și pietricele */
  --bg:#FBF2E7;  --bg-2:#F6E6D3;
  --surface:#FFFAF5;           /* pietricica (cardul) */
  --surface-2:#F7EADD;         /* ridicat în card, butonul secundar */
  --surface-3:#EFDCC8;         /* piste, schelete, jetoane */
  --field:#FFFFFF;             /* câmpurile de scris */
  --line:rgba(43,18,6,.11);  --line-2:rgba(43,18,6,.20);
  /* scrisul */
  --text:#2B1206; --text-2:#4A2B1B; --muted:#6F4F3D; --muted-2:#85634F;
  /* accente — umpluturi (la fel în ambele teme) */
  --amber:#FFC46B; --peach:#FF9A62; --terra:#E0653D; --deep:#2B1206; --deep-2:#5A2A11;
  --leaf:#B6E06A;  --leaf-2:#79C24C; --clay:#F2775A; --clay-2:#D8412A;
  /* accente — ca scris, lizibile pe terenul temei (≥4,5:1 măsurat) */
  --amber-ink:#7A4F0A; --terra-ink:#A93D1A; --leaf-ink:#3B7519; --clay-ink:#B3321E;
  --link:#A93D1A; --link-hover:#7E2A0F;
  /* umpluturi moi pentru benzi, jetoane, stări */
  --amber-soft:#FFF0DA; --amber-line:rgba(214,132,30,.50);
  --leaf-soft:#EAF5D6;  --leaf-line:rgba(59,117,25,.34);
  --clay-soft:#FDE4DC;  --clay-line:rgba(179,50,30,.34);
  /* gradienturi */
  --grad-gold:linear-gradient(140deg,#FFD489,#FF9A62 60%,#E0653D);
  --grad-stone:linear-gradient(146deg,#FFD489 0%,#FFA96C 46%,#E0653D 100%);
  --grad-clay:linear-gradient(140deg,#C9452B,#A42A17);  /* alb pe el: 4,8:1 la capătul deschis, 7,2:1 la cel închis */
  --grad-leaf:linear-gradient(130deg,#B6E06A,#79C24C);
  --grad-bul:linear-gradient(140deg,#FFD489,#FFAF79);   /* balonul șoferului în conversație */
  --grad-wa:linear-gradient(130deg,#57E08B,#25D366); --on-wa:#06210F;  /* WhatsApp, la fel în ambele teme */
  --on-leaf:#12250A;                                     /* cerneala de pe frunză */
  --dot-slaba:#F2AE3C;                                   /* punctul „rămâne" / chihlimbar mediu */
  --band-bg:linear-gradient(145deg,#FFF4E6,#FBE2CA);
  --ovl-card:#FFFAF5;
  /* umbre și sticlă */
  --sh-peb:inset 0 1.5px 0 rgba(255,255,255,.95), inset 0 0 0 1px rgba(43,18,6,.05), inset 0 -12px 26px -14px rgba(160,84,30,.14), 0 30px 56px -40px rgba(110,48,12,.42), 0 10px 22px -16px rgba(110,48,12,.20);
  --sh-soft:0 14px 30px -22px rgba(110,48,12,.5);
  --sh-gold:0 18px 34px -18px rgba(224,101,61,.9), inset 0 1.5px 0 rgba(255,255,255,.5), inset 0 -8px 16px -10px rgba(160,50,10,.35);
  --sh-clay:0 16px 30px -18px rgba(176,46,26,.85), inset 0 1px 0 rgba(255,255,255,.25);
  --nav-bg:rgba(255,250,245,.84);
  --nav-sh:inset 0 1px 0 #fff, inset 0 0 0 1px rgba(43,18,6,.07), 0 18px 40px -28px rgba(110,48,12,.55);
  --glass:rgba(251,242,231,.9);
  --scrim:rgba(43,18,6,.42);
  --media-scrim:rgba(8,6,5,.92);
  --on-media:#F7EDE4; --on-media-bg:rgba(11,9,8,.82);
  /* focalizare, selecție, bare de derulare */
  --focus:#C9502A; --focus-glow:rgba(224,101,61,.20); --bad-glow:rgba(179,50,30,.16);
  --sel-bg:rgba(255,196,107,.6); --sel-fg:#2B1206;
  --sb:#D9BFA6;
  --ph-code:#DCC5AE;
  /* lumina ambientală și bobul hârtiei */
  --amb-a:#FFD9A6; --amb-b:#FFC4A0; --amb-c:#F8D9BC; --amb-op:.55; --grain-op:.06;

  --spring:  cubic-bezier(.34,1.56,.64,1);
  --spring2: cubic-bezier(.2,.9,.22,1.3);
  --ease:    cubic-bezier(.22,1,.36,1);

  /* fontul: Nunito din /nunito.css; aici doar rezervele */
  --font: var(--f-text, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
  --font-t: var(--f-titlu, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);
  /* cheile, codurile și adresele: tot Nunito (cerința: un singur font pe site), cu cifre de lățime egală;
     rezervele de mai jos sunt doar pentru cazul în care Nunito nu s-a încărcat */
  --mono: var(--f-text, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);

  /* raza eliptică de pietricică — inima limbajului vizual */
  --peb:   34px 30px 32px 30px / 30px 34px 30px 32px;
  --peb-s: 24px 20px 22px 20px / 20px 24px 20px 22px;
  --peb-b: 22px 19px 21px 19px / 19px 22px 19px 21px;

  /* numele vechi, păstrate pentru orice pagină care le mai citește */
  --cream: var(--text);
  --ink: var(--field);
}

html[data-tema="intunecat"]{
  color-scheme:dark;
  --bg:#0D0907;  --bg-2:#16100C;
  --surface:#1E1714; --surface-2:#2A211C; --surface-3:#372B25;
  --field:#130E0B;
  --line:rgba(247,237,228,.10); --line-2:rgba(247,237,228,.18);
  --text:#F7EDE4; --text-2:#E9DCD0; --muted:#C0AA9C; --muted-2:#A89488;
  --amber-ink:#FFC46B; --terra-ink:#FF9A62; --leaf-ink:#B6E06A; --clay-ink:#FF8E74;
  --link:#FFB173; --link-hover:#FFD08A;
  --amber-soft:rgba(255,196,107,.10); --amber-line:rgba(255,196,107,.38);
  --leaf-soft:rgba(182,224,106,.10);  --leaf-line:rgba(182,224,106,.34);
  --clay-soft:rgba(242,119,90,.11);   --clay-line:rgba(242,119,90,.40);
  --band-bg:linear-gradient(140deg,#2E241F,#1A1513);
  --ovl-card:linear-gradient(150deg,#241D1A 0%,#1A1513 100%);
  --sh-peb:inset 0 1px 0 rgba(255,240,225,.07), inset 0 0 0 1px rgba(255,228,205,.08), 0 34px 60px -34px rgba(0,0,0,.92), 0 10px 22px -14px rgba(0,0,0,.7);
  --sh-soft:inset 0 0 0 1px rgba(255,228,205,.08), 0 18px 36px -24px rgba(0,0,0,.9);
  --sh-gold:0 18px 34px -18px rgba(224,101,61,.8), inset 0 1.5px 0 rgba(255,255,255,.45), inset 0 -8px 16px -10px rgba(160,50,10,.35);
  --sh-clay:0 16px 30px -18px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.2);
  --nav-bg:rgba(26,19,15,.82);
  --nav-sh:inset 0 1px 0 rgba(255,240,225,.07), inset 0 0 0 1px rgba(255,228,205,.09), 0 18px 40px -22px rgba(0,0,0,.9);
  --glass:rgba(13,9,7,.88);
  --scrim:rgba(8,6,5,.72);
  --focus:#FFB173; --focus-glow:rgba(255,196,107,.18); --bad-glow:rgba(242,119,90,.16);
  --sel-bg:rgba(255,154,98,.42); --sel-fg:#fff;
  --sb:#4A392F;
  --ph-code:#3D302A;
  --amb-a:#7A3A1E; --amb-b:#5A3B12; --amb-c:#4A2418; --amb-op:.5; --grain-op:.05;
}

*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
html,body{margin:0; padding:0;}
/* clip, nu hidden: „hidden" pe html ar rupe position:sticky pe iOS */
html{overflow-x:clip; scroll-behavior:smooth; background:var(--bg); scrollbar-color:var(--sb) var(--bg);
  -webkit-text-size-adjust:100%; text-size-adjust:100%;}
body{
  overflow-x:clip;
  font-family:var(--font);
  font-size:calc(16px * var(--f-text-scara,1)); line-height:1.62; font-weight:500;
  color:var(--text);
  background:var(--bg);
  min-height:100vh;
  /* marginea de sus a antetului rămâne în <body> (nu „scapă" deasupra lui): altfel pagina era cu 14–30 px mai
     înaltă decât ecranul și se mișca la derulare chiar când totul încăpea */
  display:flow-root;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--sel-bg); color:var(--sel-fg);}
img,svg,video{max-width:100%;}
a{color:var(--link); text-underline-offset:.16em;}
a:hover{color:var(--link-hover);}
button,input,textarea,select{font-family:inherit;}
:focus-visible{outline:3px solid var(--focus); outline-offset:3px;}
::-webkit-scrollbar{width:11px; height:11px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--sb); border-radius:8px; border:3px solid var(--bg);}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important; animation-iteration-count:1!important;
    transition-duration:.001ms!important; scroll-behavior:auto!important;}
}

/* ---------- lumina ambientală: strat FIX, deci nu adaugă lățime paginii ----------
   Se mișcă doar prin transform (compus pe placa video), nu prin border-radius:
   un strat estompat care își schimbă forma se redesenează la fiecare cadru. */
.ambient{position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden;}
.ambient i{position:absolute; display:block; filter:blur(60px); opacity:var(--amb-op); border-radius:58% 42% 44% 56% / 52% 46% 54% 48%;
  animation:ambDrift 22s ease-in-out infinite alternate; will-change:transform;}
.ambient i.a{width:46vw;height:40vw;min-width:280px;min-height:240px;left:-10vw;top:-8vw;
  background:radial-gradient(circle at 40% 40%,var(--amb-a),transparent 70%);}
.ambient i.b{width:44vw;height:40vw;min-width:260px;min-height:240px;right:-12vw;top:36vh;
  background:radial-gradient(circle at 50% 50%,var(--amb-b),transparent 70%);animation-duration:28s;}
.ambient i.c{width:52vw;height:44vw;min-width:300px;min-height:260px;left:-14vw;bottom:-10vw;
  background:radial-gradient(circle at 50% 50%,var(--amb-c),transparent 70%);animation-duration:25s;}
/* bobul hârtiei: static, sub conținut */
.ambient::after{content:""; position:absolute; inset:0; opacity:var(--grain-op);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .2 0 0 0 0 .1 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");}
@keyframes ambDrift{
  0%  {transform:translate3d(0,0,0) rotate(0deg) scale(1);}
  50% {transform:translate3d(3vw,2vh,0) rotate(8deg) scale(1.08);}
  100%{transform:translate3d(-2vw,4vh,0) rotate(-5deg) scale(.96);}
}
@keyframes blobMorph{
  0%  {border-radius:58% 42% 44% 56% / 52% 46% 54% 48%;}
  33% {border-radius:38% 62% 60% 40% / 60% 38% 62% 40%;}
  66% {border-radius:64% 36% 34% 66% / 40% 64% 36% 60%;}
  100%{border-radius:46% 54% 56% 44% / 56% 50% 50% 44%;}
}

/* ---------- schela ---------- */
.page{position:relative; z-index:1;}
.wrap{width:100%; max-width:1080px; margin:0 auto; padding:0 max(16px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));}
.wrap.narrow{max-width:760px;}
.sect{padding:52px 0;}
.sect.tight{padding:34px 0;}

/* ---------- ANTETUL PAGINILOR (pietricica de sus: marca + butonul temei) ---------- */
.rcTop{position:relative; z-index:50; display:flex; align-items:center; gap:10px;
  margin:max(14px,env(safe-area-inset-top)) 0 8px; padding:6px 6px 6px 8px;
  background:var(--nav-bg); -webkit-backdrop-filter:blur(14px) saturate(1.2); backdrop-filter:blur(14px) saturate(1.2);
  border-radius:28px 24px 26px 24px / 24px 28px 24px 26px; box-shadow:var(--nav-sh);}
.rcBrand{display:inline-flex; align-items:center; gap:10px; min-height:44px; min-width:0; padding:0 10px 0 0;
  text-decoration:none; color:var(--text); border-radius:22px;}
.rcBrand:hover{color:var(--text);}
.rcBrand:hover .rcBrandT{color:var(--terra-ink);}
.rcBrandT{font-family:var(--font-t); font-weight:850; font-size:calc(18.5px * var(--f-titlu-scara,1)); letter-spacing:-.02em;
  line-height:1.1; white-space:nowrap; transition:color .25s;}
.rcTopEnd{margin-left:auto; display:flex; align-items:center; gap:8px; flex:0 0 auto;}

/* marca: pietricica întunecată cu ghepardul (aceeași în ambele teme, ca în aplicație) */
.brandMark{width:40px;height:40px;flex:0 0 auto; display:grid; place-items:center; overflow:hidden;
  background:radial-gradient(circle at 50% 30%,#3A2A14,#150F07);
  border-radius:56% 44% 46% 54% / 50% 52% 48% 50%;
  animation:blobMorph 14s ease-in-out infinite alternate;
  box-shadow:0 8px 18px -8px rgba(43,18,6,.75);}
.brandMark img,.brandMark svg{width:100%;height:100%;display:block;}

/* antetul vechi al paginii principale (îl mai citește index.html vechi) */
.top{position:sticky; top:0; z-index:40; padding:10px 0;
  background:var(--nav-bg); backdrop-filter:blur(14px); border-bottom:1px solid var(--line);}
.topIn{display:flex; align-items:center; gap:14px;}
.brand{display:flex; align-items:center; gap:11px; text-decoration:none; color:var(--text); flex:0 0 auto;}
.brandTxt b{display:block; font-size:16.5px; font-weight:800; letter-spacing:-.02em; line-height:1.2;}
.brandTxt s{display:block; text-decoration:none; font-size:12px; color:var(--muted-2);
  letter-spacing:.12em; text-transform:uppercase; font-weight:700;}
.topNav{flex:1 1 auto; min-width:0; overflow-x:auto; contain:paint; scrollbar-width:none; -webkit-overflow-scrolling:touch;}
.topNav::-webkit-scrollbar{display:none;}
.topNavIn{display:flex; gap:7px; width:max-content; padding:2px 0;}
.topNav a{display:flex; align-items:center; min-height:44px; padding:0 14px; border-radius:999px; text-decoration:none;
  font-size:13px; font-weight:800; letter-spacing:.02em; color:var(--muted); white-space:nowrap;
  background:var(--surface); border:1px solid var(--line); transition:color .25s, background .25s;}
.topNav a:hover{color:var(--terra-ink); background:var(--surface-2);}
.topNav a[aria-current="page"]{color:var(--deep); background:linear-gradient(130deg,var(--amber),var(--terra)); border-color:transparent;}

/* ---------- butoane: pietricele care se strivesc la apăsare ---------- */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:9px;
  min-height:50px; padding:13px 24px; border:0; border-radius:28px 24px 26px 24px / 24px 28px 24px 26px; cursor:pointer;
  font-family:var(--font); font-size:15.5px; font-weight:850; letter-spacing:-.005em; line-height:1.2;
  text-decoration:none; text-align:center;
  transition:transform .4s var(--spring), box-shadow .3s var(--ease), background-color .3s, color .3s, opacity .2s;}
.btn:hover{transform:translateY(-2px);}
.btn:active{transform:translateY(1px) scale(1.03,.92); transition-duration:.12s;}
.btn:focus-visible{outline:3px solid var(--focus); outline-offset:3px;}
.btn:disabled,.btn[aria-disabled="true"]{opacity:.55; cursor:not-allowed; transform:none; box-shadow:none;}
.btn-gold{background:var(--grad-gold); color:var(--deep); box-shadow:var(--sh-gold);}
.btn-gold:hover{color:var(--deep);}
.btn-ghost{background:var(--surface); color:var(--text); box-shadow:inset 0 0 0 1.5px var(--line-2), var(--sh-soft);}
.btn-ghost:hover{background:var(--surface-2); color:var(--text);}
.btn-leaf{background:var(--grad-leaf); color:var(--on-leaf); box-shadow:0 16px 30px -18px rgba(121,194,76,.9);}
.btn-leaf:hover{color:var(--on-leaf);}
/* Butonul care STRICĂ ceva fără întoarcere (ștergerea contului). Lutul e plin,
   nu conturat: un buton periculos trebuie să se deosebească de „Renunță" din
   privire. Lutul e închis destul cât scrisul alb să treacă de 4,5:1 — în ambele teme. */
.btn-clay{background:var(--grad-clay); color:#FFFFFF; box-shadow:var(--sh-clay);}
.btn-clay:hover{color:#FFFFFF;}
.btn.block{display:flex; width:100%;}
.btnRow{display:flex; flex-wrap:wrap; gap:11px; margin-top:20px;}

/* ---------- titluri ---------- */
.eyebrow{display:inline-flex; align-items:center; gap:9px; font-size:12px; font-weight:850; letter-spacing:.16em;
  text-transform:uppercase; color:var(--terra-ink); margin-bottom:10px;}
.eyebrow::before{content:""; width:20px; height:9px; flex:0 0 auto; border-radius:60% 40% 55% 45%/50% 60% 40% 50%;
  background:var(--grad-gold); box-shadow:0 3px 8px -3px rgba(224,101,61,.8);}
/* culoarea se moștenește: un titlu pe chihlimbar ia cerneala pietricelei, nu cremul temei */
h1,h2,h3{margin:0; font-family:var(--font-t); letter-spacing:var(--f-titlu-spatiere,-.02em); font-weight:850; line-height:1.12;}
/* titlurile pe două rânduri se împart echilibrat, nu cu un cuvânt singur pe al doilea rând */
h1,h2{text-wrap:balance;}
h1{font-size:calc(clamp(30px,7.2vw,50px) * var(--f-titlu-scara,1));}
h2{font-size:calc(clamp(24px,5.2vw,34px) * var(--f-titlu-scara,1));}
h3{font-size:calc(clamp(18px,3.4vw,21px) * var(--f-titlu-scara,1)); letter-spacing:-.01em;}
.lede{color:var(--muted); font-size:clamp(15.5px,3.6vw,17.5px); margin:14px 0 0; max-width:58ch;}
.sHead{margin-bottom:22px;}
.sHead.center{text-align:center;}
.sHead.center .lede{margin-left:auto; margin-right:auto;}

/* ---------- pietricele ---------- */
.peb{background:var(--surface); border-radius:var(--peb); box-shadow:var(--sh-peb);
  padding:20px 22px; position:relative; overflow:hidden;}
.peb .glow{position:absolute; width:170px;height:150px; right:-56px; bottom:-56px; pointer-events:none;
  border-radius:50%; background:radial-gradient(circle,rgba(255,196,107,.20),rgba(255,196,107,0) 70%);}
.peb > *:not(.glow){position:relative; z-index:1;}
.peb .k{font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--muted-2);}
.peb .v{margin-top:6px; font-size:30px; font-weight:850; letter-spacing:-.04em;
  font-variant-numeric:tabular-nums; line-height:1.05;}
.peb .v u{text-decoration:none; font-size:13px; font-weight:800; color:var(--muted); margin-left:4px; letter-spacing:0;}
.peb p{color:var(--muted); font-size:15px; margin:8px 0 0;}

.grid{display:grid; gap:12px;}
.g2{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));}
.g3{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));}
.g4{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));}

/* ---------- EROU: pietricica de chihlimbar (pagina veche) ---------- */
.hero{position:relative; padding:26px 24px 26px; border-radius:44px; color:var(--deep);
  background:var(--grad-stone); box-shadow:0 26px 60px -30px rgba(224,101,61,.95), inset 0 1px 0 rgba(255,255,255,.45);
  overflow:hidden;}
.hero::after{content:""; position:absolute; width:240px;height:210px; right:-60px; top:-80px;
  background:radial-gradient(circle at 40% 40%, rgba(255,255,255,.55), rgba(255,255,255,0) 70%);
  border-radius:50%; pointer-events:none;}
.hero > *{position:relative; z-index:2;}
.heroLbl{font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;}
.money{display:flex; align-items:baseline; gap:9px; margin:6px 0 2px;}
.money b{font-size:clamp(46px,13vw,68px); font-weight:850; letter-spacing:-.05em; line-height:.98; font-variant-numeric:tabular-nums;}
.money s{text-decoration:none; font-size:20px; font-weight:800; opacity:.8;}
.heroSub{font-size:13px; font-weight:700; margin:0 0 14px;}
.track{height:18px; border-radius:999px; background:rgba(43,18,6,.18); position:relative;}
.track i{position:absolute; left:0; top:0; bottom:0; width:68%; border-radius:999px; background:linear-gradient(90deg,var(--deep-2),var(--deep));}
.goalRow{display:flex; justify-content:space-between; margin-top:12px; font-size:12.5px; font-weight:800;}
.goalRow em{font-style:normal; font-weight:850;}

/* ---------- cascada de intrare ---------- */
.rise > *{animation:riseIn .55s var(--spring) both;}
.rise > *:nth-child(1){animation-delay:.02s}
.rise > *:nth-child(2){animation-delay:.08s}
.rise > *:nth-child(3){animation-delay:.14s}
.rise > *:nth-child(4){animation-delay:.20s}
.rise > *:nth-child(5){animation-delay:.26s}
.rise > *:nth-child(6){animation-delay:.32s}
@keyframes riseIn{from{opacity:0; transform:translateY(24px) scale(.965);} to{opacity:1; transform:none;}}

/* ---------- rând cu iconiță (setări / funcții / pași) ---------- */
.row{display:flex; align-items:flex-start; gap:14px; padding:16px 18px; border-radius:var(--peb-s);
  background:var(--surface); box-shadow:var(--sh-peb);}
.row .ic{width:44px;height:44px;flex:0 0 auto; display:grid; place-items:center; color:var(--amber-ink);
  background:var(--amber-soft); border-radius:54% 46% 48% 52% / 48% 52% 48% 52%;}
.row .ic svg{width:21px;height:21px;}
.row .ic .nr{font-size:16px; font-weight:900; color:var(--amber-ink); line-height:1;}
.row .tx{flex:1; min-width:0;}
.row .tx b{display:block; font-size:15.5px; font-weight:850; letter-spacing:-.01em; color:var(--text);}
.row .tx s{text-decoration:none; display:block; font-size:14px; color:var(--muted); font-weight:600; margin-top:3px;}
.rows{display:grid; gap:11px;}

/* ---------- jetoane ---------- */
.chip{display:inline-flex; align-items:center; gap:7px; padding:7px 13px; border-radius:999px;
  font-size:12px; font-weight:850; letter-spacing:.07em; text-transform:uppercase;
  background:var(--surface-2); color:var(--muted); box-shadow:inset 0 0 0 1px var(--line);}
.chip.leaf{background:var(--leaf-soft); color:var(--leaf-ink); box-shadow:none;}
.chip.amber{background:linear-gradient(130deg,var(--amber),var(--peach)); color:var(--deep); box-shadow:none;}
.chip.clay{background:var(--clay-soft); color:var(--clay-ink); box-shadow:none;}
.chips{display:flex; flex-wrap:wrap; gap:8px;}

/* ---------- blocuri late: DERULEAZĂ ÎN CONTAINERUL LOR ----------
   overflow-x singur nu ajunge: fără contain:paint lățimea tabelului scapă în
   scrollWidth-ul documentului pe Chrome mobil și apare o bară pe toată pagina. */
.scrollx{overflow-x:auto; contain:paint; -webkit-overflow-scrolling:touch;
  border-radius:26px; background:var(--surface); box-shadow:var(--sh-peb);}
.scrollx > table{border-collapse:collapse; width:100%; min-width:560px; font-size:14px;}
.scrollx th,.scrollx td{padding:13px 15px; text-align:left; border-bottom:1px solid var(--line); vertical-align:top;}
.scrollx thead th{font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--amber-ink);
  font-weight:850; background:var(--surface-2); white-space:nowrap;}
.scrollx tbody td{color:var(--muted);}
.scrollx tbody td:first-child{color:var(--text); font-weight:700;}
.scrollx tr:last-child td{border-bottom:0;}
.scrollHint{font-size:12px; color:var(--muted-2); margin:8px 2px 0; font-weight:700;}

/* cod / cheie de licență — la fel, derulează în cutia lui (singurul loc cu litere egale) */
.codebox{margin-top:10px; padding:16px 18px; border-radius:24px; background:var(--field);
  border:1.5px solid var(--amber-line); overflow-x:auto; contain:paint;}
.codebox .k{font-size:12px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; color:var(--amber-ink);}
.codebox .val{font-family:var(--mono); font-size:clamp(17px,5vw,24px); font-weight:800; color:var(--text); font-variant-numeric:tabular-nums;
  letter-spacing:.06em; margin-top:7px; white-space:nowrap; user-select:all; -webkit-user-select:all;}

/* ---------- text legal / articol ---------- */
.doc h1{margin-top:6px;}
.doc h2{font-size:calc(clamp(19px,4.4vw,24px) * var(--f-titlu-scara,1)); margin:34px 0 10px; color:var(--text);}
.doc h3{margin:20px 0 6px; color:var(--terra-ink);}
.doc p,.doc li{color:var(--muted); font-size:16px;}
.doc p{margin:10px 0;}
.doc ul,.doc ol{margin:10px 0; padding-left:22px;}
.doc li{margin:7px 0;}
.doc li::marker{color:var(--terra-ink);}
.doc strong,.doc b{color:var(--text);}
.doc .peb + .peb{margin-top:12px;}
/* legăturile din text: rândul ține cel puțin 24px de atins */
.doc p a:not(.btn),.doc li a:not(.btn),.f-hint a:not(.btn),.alt a:not(.btn),.muted a:not(.btn),.support-note a:not(.btn){padding:3px 0;}
.doc code{font-family:var(--mono); font-size:.9em; padding:2px 7px; border-radius:8px; overflow-wrap:anywhere;
  background:var(--surface-2); box-shadow:inset 0 0 0 1px var(--line); color:var(--terra-ink);}
.doc hr{border:0; border-top:1px solid var(--line-2); margin:34px 0;}
/* listă scurtă de legături (ex. „Util" pe /contact): fiecare e o țintă întreagă de 44px, una sub alta */
.doc .links{display:flex; flex-direction:column; align-items:flex-start; gap:0; margin:6px 0 0;}
.doc .links a:not(.btn){display:inline-flex; align-items:center; min-height:44px; padding:0;}
/* casetele din documente: .en = rezumatul în engleză; .box = caseta de acțiune */
.doc .en,.doc .box{margin-top:22px; padding:18px 20px; border-radius:var(--peb-s); background:var(--surface);
  box-shadow:var(--sh-peb); border-left:4px solid var(--amber);}
.doc .en h2,.doc .box h2{margin-top:0;}
.doc .box.keep{border-left-color:var(--clay);}

/* locul unde trebuie completate datele firmei — sare în ochi, nu se poate publica din greșeală */
.fill{display:inline-block; padding:1px 9px; border-radius:999px; font-weight:800;
  background:var(--clay-soft); color:var(--clay-ink); border:1px dashed var(--clay-line);
  font-size:.94em; letter-spacing:.01em;}
.todo{border:1.5px dashed var(--clay-line); background:var(--clay-soft);}
.todo .k{color:var(--clay-ink);}

/* ---------- întrebări frecvente, fără JS (details/summary) ---------- */
details.qa{background:var(--surface); box-shadow:var(--sh-peb); border-radius:28px; padding:2px 4px; overflow:hidden;}
details.qa + details.qa{margin-top:10px;}
details.qa summary{list-style:none; cursor:pointer; min-height:56px; padding:14px 18px; display:flex; gap:12px;
  align-items:center; font-size:16px; font-weight:800; letter-spacing:-.01em; color:var(--text);}
details.qa summary::-webkit-details-marker{display:none;}
details.qa summary .plus{margin-left:auto; width:30px;height:30px;flex:0 0 auto; border-radius:50%;
  background:var(--surface-2); display:grid; place-items:center; color:var(--terra-ink);
  font-weight:900; font-size:17px; line-height:1; transition:transform .34s var(--spring);}
details.qa[open] summary .plus{transform:rotate(45deg);}
details.qa .a{padding:0 18px 17px; color:var(--muted); font-size:15px;}
details.qa[open] .a{animation:riseIn .4s var(--ease) both;}

/* ---------- bandă de îndemn ---------- */
.band{border-radius:44px; padding:30px 26px; text-align:center; position:relative; overflow:hidden;
  background:var(--band-bg); border:1.5px solid var(--amber-line);}
.band .glow{position:absolute; width:280px;height:240px; right:-80px; top:-90px; pointer-events:none; border-radius:50%;
  background:radial-gradient(circle,rgba(255,154,98,.22),rgba(255,154,98,0) 70%);}
.band > *{position:relative; z-index:2;}
.band .btnRow{justify-content:center;}

/* ---------- subsol ---------- */
.foot{margin-top:20px; padding:26px 0 40px; border-top:1px solid var(--line);}
.footIn{display:flex; flex-wrap:wrap; gap:18px; justify-content:space-between; align-items:flex-start;}
.footNav{display:flex; flex-wrap:wrap; gap:0 6px;}
.footNav a{display:inline-flex; align-items:center; min-height:44px; padding:0 8px; border-radius:14px;
  color:var(--muted); text-decoration:none; font-size:14px; font-weight:700;}
.footNav a:hover{color:var(--terra-ink); background:var(--surface-2);}
.footNote{color:var(--muted-2); font-size:13px; max-width:46ch; margin:12px 0 0;}

/* ---------- utilitare ---------- */
.center{text-align:center;}
.mt0{margin-top:0}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt24{margin-top:24px}
.small{font-size:13.5px; color:var(--muted);}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
[hidden]{display:none!important;}

/* ---------- modal „ai un cod de referral?" (pagina veche) ---------- */
.ovl{position:fixed; inset:0; z-index:60; display:none; padding:20px;
  background:var(--scrim); backdrop-filter:blur(6px); align-items:center; justify-content:center;}
.ovl.open{display:flex;}
.ovlCard{width:100%; max-width:420px; padding:24px 22px; border-radius:38px; background:var(--ovl-card);
  box-shadow:var(--sh-peb), 0 34px 70px -24px rgba(0,0,0,.6); animation:cardIn .6s var(--spring2) both;}
@keyframes cardIn{
  0%{opacity:0; transform:translateY(-60px) scale(.86) rotate(-1.6deg);}
  60%{opacity:1; transform:translateY(6px) scale(1.02) rotate(.4deg);}
  100%{opacity:1; transform:none;}
}
.ovlCard h3{margin-bottom:6px;}
.ovlCard p{color:var(--muted); font-size:15px; margin:0 0 14px;}
.field{width:100%; min-height:50px; padding:13px 18px; border-radius:22px; background:var(--field);
  border:1.5px solid var(--line-2); color:var(--text); font-family:var(--mono);
  font-size:17px; font-weight:800; letter-spacing:.12em; text-transform:uppercase;}
.field::placeholder{color:var(--muted-2); letter-spacing:.06em; font-weight:700;}
.field:focus{outline:none; border-color:var(--focus); box-shadow:0 0 0 4px var(--focus-glow);}
.err{display:none; margin:10px 2px 0; color:var(--clay-ink); font-size:14px; font-weight:800;}
.err.show{display:block;}
.ovlActions{display:grid; gap:9px; margin-top:16px;}

/* ============================================================
   PAGINILE DE DOCUMENT (termeni, rambursare, contact,
   confidențialitate, ștergerea datelor)
   ============================================================ */
.docTop{display:flex; align-items:center; gap:11px; padding:20px 0 6px;}
.docTop a{color:var(--text); text-decoration:none; font-weight:800; font-size:16.5px; letter-spacing:-.02em;}
.docHead{margin:18px 0 26px;}
.docHead h1{color:var(--text);}
.upd{color:var(--muted-2); font-size:14px; font-weight:700; margin:10px 0 0;}
.doc p.upd{color:var(--muted-2); font-size:14px;}
/* două legături pe rânduri vecine (ex. /stergere-date: e-mailul · Confidențialitate): zonele de atingere nu se mai suprapun */
.upd:has(a){line-height:1.8;}
.back{display:inline-flex; align-items:center; gap:8px; min-height:44px; margin-top:26px; color:var(--link);
  text-decoration:none; font-weight:800; font-size:15px;}
.back:hover{color:var(--link-hover);}
/* săgeata „înapoi" desenată (Nunito nu are „←") */
.back-ic{flex:0 0 auto; width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round;}
.back:hover .back-ic{transform:translateX(-2px); transition:transform .25s;}
/* iconițele din titlurile de pe /contact (în loc de emoji) */
.h-ic{display:inline-block; width:.95em; height:.95em; margin-right:.35em; vertical-align:-.12em; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; color:var(--terra-ink);}
p.back{display:block; min-height:0; color:var(--muted-2); font-size:13.5px; font-weight:700; margin-bottom:34px;}
.hl{margin:16px 0; padding:15px 17px; border-radius:26px; background:var(--amber-soft); border:1px solid var(--amber-line);}
.hl p{margin:0; color:var(--text);}
.doc .peb h2:first-child,.doc .peb > .glow:first-child + h2{margin-top:0;}

/* ============================================================
   BUTONUL TEMEI din antet (pietricica soare ↔ lună) + meniul lui.
   Codul e în /tema-buton.js; o copie a stilului stă în partener.css.
   ============================================================ */
.tema{position:relative; flex:0 0 auto;}
.tema-btn{position:relative; width:44px; height:44px; display:grid; place-items:center; padding:0; border:0; cursor:pointer;
  color:var(--terra-ink); background:linear-gradient(160deg,#FFF7EC,#FBE5CD);
  border-radius:17px 19px 15px 18px / 19px 15px 18px 16px;
  box-shadow:inset 0 1px 0 #fff, inset 0 0 0 1px rgba(43,18,6,.08), 0 8px 16px -10px rgba(110,48,12,.6);
  transition:transform .45s var(--spring), box-shadow .3s;}
html[data-tema="intunecat"] .tema-btn{color:var(--amber); background:linear-gradient(160deg,#2E231D,#1C1512);
  box-shadow:inset 0 1px 0 rgba(255,240,225,.08), inset 0 0 0 1px rgba(255,228,205,.12), 0 8px 16px -10px rgba(0,0,0,.9);}
.tema-btn:hover{transform:rotate(-8deg) scale(1.05);}
.tema-btn:active{transform:scale(.9);}
.tema-btn[aria-expanded="true"]{box-shadow:inset 0 0 0 2px var(--amber), 0 8px 16px -10px rgba(110,48,12,.6);}
.tema-ic{position:absolute; left:50%; top:50%; width:24px; height:24px; margin:-12px 0 0 -12px; overflow:visible;
  transition:transform .55s var(--spring), opacity .3s;}
.tema-luna{opacity:0; transform:rotate(-70deg) scale(.4);}
html[data-tema="intunecat"] .tema-soare{opacity:0; transform:rotate(70deg) scale(.4);}
html[data-tema="intunecat"] .tema-luna{opacity:1; transform:none;}
/* „automat": o lună mică, jumătate plină, în colț */
.tema-a{position:absolute; right:3px; bottom:3px; width:12px; height:12px; border-radius:50%; opacity:0; transform:scale(.4);
  transition:opacity .3s, transform .45s var(--spring);
  background:linear-gradient(90deg,var(--text) 50%,var(--amber) 50%); box-shadow:0 0 0 2px var(--surface);}
html[data-tema-alegere="auto"] .tema-a{opacity:1; transform:none;}

.tema-pop{position:absolute; top:calc(100% + 10px); right:0; z-index:70; width:min(300px,calc(100vw - 24px));
  padding:8px; background:var(--surface); color:var(--text); text-align:left;
  border-radius:28px 24px 26px 24px / 24px 28px 24px 26px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 0 0 1px var(--line), 0 30px 60px -24px rgba(43,18,6,.45), 0 12px 24px -12px rgba(43,18,6,.35);
  transform-origin:calc(100% - 22px) 0;}
html[data-tema="intunecat"] .tema-pop{box-shadow:inset 0 1px 0 rgba(255,240,225,.07), inset 0 0 0 1px var(--line-2), 0 30px 60px -24px rgba(0,0,0,.9), 0 12px 24px -12px rgba(0,0,0,.8);}
.tema-pop:not([hidden]){animation:temaPopIn .42s var(--spring);}
@keyframes temaPopIn{from{opacity:0; transform:translateY(-8px) scale(.92);} to{opacity:1; transform:none;}}
.tp-h{margin:8px 12px 6px; font-size:12px; line-height:1.2; font-weight:850; letter-spacing:.14em; text-transform:uppercase; color:var(--muted);}
.tp-i{display:grid; grid-template-columns:38px 1fr 22px; align-items:center; gap:12px; width:100%; min-height:50px;
  margin:0; padding:6px 12px 6px 6px; border:0; cursor:pointer; text-align:left; background:none; color:var(--text);
  border-radius:19px 16px 18px 16px / 16px 19px 16px 18px; font-family:var(--font); font-size:15.5px; font-weight:750; line-height:1.2;
  transition:background-color .2s;}
.tp-i:hover{background:var(--surface-2);}
.tp-i:focus-visible{outline:3px solid var(--focus); outline-offset:-3px;}
.tp-i[aria-checked="true"]{background:var(--amber-soft); box-shadow:inset 0 0 0 1.5px var(--amber-line);}
.tp-ic{width:38px; height:38px; display:grid; place-items:center; border-radius:54% 46% 48% 52% / 48% 52% 48% 52%;
  background:var(--surface-2); color:var(--terra-ink);}
.tp-ic svg{width:21px; height:21px;}
.tp-t{display:grid; gap:2px; min-width:0;}
.tp-n{overflow-wrap:anywhere;}
.tp-d{font-size:13px; font-weight:650; line-height:1.3; color:var(--muted);}
.tp-ok{width:22px; height:22px; padding:3px; border-radius:50%; background:var(--grad-gold); color:var(--deep);
  opacity:0; transform:scale(.4); transition:opacity .2s, transform .4s var(--spring);}
.tp-i[aria-checked="true"] .tp-ok{opacity:1; transform:none;}

/* butonul care arată chiar adresa de email (/contact): nu iese niciodată din card; pe ecranele foarte înguste
   (Galaxy Fold închis, 280 px) ocupă tot rândul, cu scrisul puțin mai mic, și adresa încape întreagă */
.btn-mail{max-width:100%; overflow-wrap:anywhere;}
@media (max-width:340px){
  .btn-mail{display:flex; width:100%; padding-left:12px; padding-right:12px; font-size:14.5px;}
}
@media (max-width:300px){
  .peb{padding-left:18px; padding-right:18px;}
}

/* pe ecranele tactile „hover" rămâne lipit după atingere: fără ridicări și fundaluri agățate */
@media (hover:none){
  .btn:hover,.tema-btn:hover{transform:none;}
  .tp-i:hover{background:none;}
  .tp-i[aria-checked="true"]:hover{background:var(--amber-soft);}
}