/* ============================================================
   RideCheetah · pagina principală · „Pietricica vie", alb și negru
   Portată din prototipul aprobat p10-alb-negru. Fontul (Nunito) și variabilele lui vin din
   /nunito.css; tema o pune /tema.js pe <html>: data-tema="luminos|intunecat".
   :root = luminos · [data-tema="intunecat"] = suprascrierile (jetoane), componentele la final.
   Fără framework, fără CDN, fără fonturi externe: mișcarea o fac CSS-ul și acasa*.js.
   ============================================================ */
:root{
  --bg:#FBF2E7; --bg-2:#F6E6D3; --bg-3:#EFD9C2; --paper:#FFFAF5; --white:#fff;
  --ink:#2B1206; --ink-2:#4A2B1B; --muted:#6F4F3D; --muted-2:#85634F;
  --line:rgba(43,18,6,.10); --line-2:rgba(43,18,6,.17);
  --amber:#FFC46B; --peach:#FF9A62; --terra:#E0653D; --terra-ink:#B4441F; --deep:#2B1206;
  --leaf:#B6E06A; --leaf-2:#79C24C; --leaf-ink:#3B7519;
  --clay:#F2775A; --clay-2:#D8412A; --clay-ink:#B3321E; --amber-ink:#8A5A0E;
  --leaf-soft:#E3F3C9; --leaf-soft-2:#EEF7DC; --leaf-soft-3:#E6F4CE;
  --clay-soft:#FDE0D8; --clay-soft-2:#FDE4DC; --clay-tint:rgba(216,65,42,.10);
  --amber-soft:#FFF1DE; --peach-soft:#FFEBD1;
  --card:#1F1917; --card-2:#292120; --card-3:#342A27; --cream:#F7EDE4; --cmuted:#B7A296;
  --inv-bg:#2B1206; --inv-fg:#F7EDE4;
  --grad-gold:linear-gradient(140deg,#FFD489,#FF9A62 60%,#E0653D);
  --grad-text:linear-gradient(100deg,#EC7A33 0%,#D9522A 55%,#A93A18 100%);
  --peb:34px 30px 32px 30px / 30px 34px 30px 32px;
  --peb-l:56px 48px 52px 46px / 48px 56px 46px 52px;
  --peb-s:22px 19px 21px 19px / 19px 22px 19px 21px;
  --spring:cubic-bezier(.34,1.56,.64,1); --ease:cubic-bezier(.22,1,.36,1);
  --hl:#fff;
  --sh-peb:inset 0 1.5px 0 rgba(255,255,255,.95), inset 0 -12px 26px -14px rgba(160,84,30,.20), 0 34px 60px -38px rgba(110,48,12,.45), 0 10px 22px -14px rgba(110,48,12,.22);
  --sh-soft:0 22px 44px -30px rgba(110,48,12,.45);
  --sh-drop:rgba(110,48,12,.55);
  --nav-bg:rgba(255,250,245,.78); --nav-bg-solid:rgba(255,250,245,.95);
  --nav-sh:inset 0 1px 0 #fff, inset 0 0 0 1px rgba(43,18,6,.06), 0 18px 40px -28px rgba(110,48,12,.55);
  --nav-sh-2:inset 0 1px 0 #fff, inset 0 0 0 1px rgba(43,18,6,.08), 0 22px 44px -24px rgba(110,48,12,.6);
  --glass:rgba(255,255,255,.7); --glass-solid:rgba(255,255,255,.92);
  --chip-bg:rgba(255,255,255,.92); --pill-bg:rgba(255,255,255,.75);
  --hs-on:#fff; --scrim:rgba(251,242,231,.86);
  --choco:linear-gradient(160deg,#4A2B1B,#2B1206 70%); --choco-fg:#F7EDE4;
  --choco-sh:inset 0 1px 0 rgba(255,255,255,.18), 0 18px 32px -18px rgba(43,18,6,.9);
  --btnw-sh:inset 0 0 0 1.5px var(--line), inset 0 -6px 14px -8px rgba(160,84,30,.25), 0 16px 30px -20px rgba(110,48,12,.55);
  --map-bg:#EFE7DC; --map-road:#fff; --map-park:#DDE8C8; --map-ink:#2B1206;
  --pin:#2B1206; --pin-2:#fff; --pin-dot:#FFC46B;
  --of-bg:#fff; --of-fg:#1b1b1b; --of-mut:#5a5a5a; --of-mut-2:#666; --of-btn:#1b1b1b; --of-btn-fg:#fff;
  --grain-op:.07; --dot:rgba(43,18,6,.16); --sel-bg:rgba(255,196,107,.6); --sel-fg:#2B1206; --focus:#E0653D;
  --sb:#D9BFA6;
  --g-sand-1:#F7DDC0; --g-sand-2:#F0C9A2; --g-peach-1:#FFE1B8; --g-peach-2:#FFB98C; --g-leaf-1:#E4F5C4; --g-leaf-2:#C5E79A;
  --g-hero-1:#FFD489; --g-hero-2:#FF9A62; --g-hero-3:#E0653D;
  /* fontul: /nunito.css definește --f-titlu, --f-text și scările; aici doar scurtăturile */
  --ts:var(--f-titlu-scara,1);
  --fw-t:var(--f-titlu-greutate,850);
  --fw-n:calc(var(--f-titlu-greutate,850) - 40);
  --ls-t:var(--f-titlu-spatiere,-.02em);
  --wrap:1200px; --gut:clamp(18px,4vw,40px);
  --nav-top:14px; --nav-h:64px;
}

/* ============ TEMA ÎNTUNECATĂ: jetoanele ============ */
[data-tema="intunecat"]{
  --bg:#0D0907; --bg-2:#16100C; --bg-3:#261C17; --paper:#1A1310; --white:#221A16;
  --ink:#FBF2E7; --ink-2:#E9DCD0; --muted:#C0AA9C; --muted-2:#A48E80;
  --line:rgba(247,237,228,.09); --line-2:rgba(247,237,228,.16);
  --terra-ink:#FF8A5B; --leaf-ink:#B6E06A; --leaf-2:#8ACB5A;
  --clay:#FF8E74; --clay-2:#EE5A3F; --clay-ink:#FF9A85; --amber-ink:#FFC46B;
  --leaf-soft:rgba(182,224,106,.14); --leaf-soft-2:rgba(182,224,106,.11); --leaf-soft-3:rgba(182,224,106,.15);
  --clay-soft:rgba(255,125,95,.15); --clay-soft-2:rgba(255,125,95,.16); --clay-tint:rgba(255,125,95,.14);
  --amber-soft:rgba(255,196,107,.12); --peach-soft:rgba(255,176,106,.15);
  --card:#211915; --card-2:#2B211C; --card-3:#362A24;
  --inv-bg:#F3E6D8; --inv-fg:#1C120C;
  --grad-text:linear-gradient(100deg,#FFCB7A 0%,#FF9A62 48%,#F4764B 100%);
  --hl:rgba(255,240,225,.10);
  --sh-peb:inset 0 1px 0 rgba(255,240,225,.07), inset 0 0 0 1px rgba(255,228,205,.075), 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 22px 44px -26px rgba(0,0,0,.9);
  --sh-drop:rgba(0,0,0,.85);
  --nav-bg:rgba(26,19,15,.74); --nav-bg-solid:rgba(24,17,14,.96);
  --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);
  --nav-sh-2:inset 0 1px 0 rgba(255,240,225,.08), inset 0 0 0 1px rgba(255,228,205,.11), 0 22px 44px -20px rgba(0,0,0,.95);
  --glass:rgba(30,22,18,.74); --glass-solid:rgba(30,22,18,.95);
  --chip-bg:rgba(36,27,22,.94); --pill-bg:rgba(255,236,218,.06);
  --hs-on:#30251F; --scrim:rgba(9,6,5,.84);
  --choco:linear-gradient(160deg,#FFF7EE,#EBD9C6 85%); --choco-fg:#2B1206;
  --choco-sh:inset 0 1.5px 0 #fff, inset 0 -8px 16px -10px rgba(140,80,30,.35), 0 18px 34px -18px rgba(0,0,0,.9);
  --btnw-sh:inset 0 0 0 1.5px var(--line-2), inset 0 1px 0 rgba(255,240,225,.08), 0 16px 30px -20px rgba(0,0,0,.9);
  --map-bg:#1D1815; --map-road:#2F2823; --map-park:#1F2A1A; --map-ink:#F7EDE4;
  --pin:#F3E6D8; --pin-2:#FBF2E7; --pin-dot:#E0653D;
  --of-bg:#1C1B1B; --of-fg:#F4F2F0; --of-mut:#ABA6A2; --of-mut-2:#ABA6A2; --of-btn:#F4F2F0; --of-btn-fg:#141212;
  --grain-op:.06; --dot:rgba(255,235,220,.2); --sel-bg:rgba(255,154,98,.42); --sel-fg:#fff; --focus:#FF9A62;
  --sb:#4A392F;
  --g-sand-1:#2A1C14; --g-sand-2:#3A251A; --g-peach-1:#3C2418; --g-peach-2:#5E3320; --g-leaf-1:#1D2914; --g-leaf-2:#2C3E1E;
  --g-hero-1:#FFC477; --g-hero-2:#F07F45; --g-hero-3:#9E3A18;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{overflow-x:clip;scroll-padding-top:96px;background:var(--bg);scrollbar-color:var(--sb) var(--bg);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;overflow-x:clip;background:var(--bg);color:var(--ink-2);font:500 calc(16.5px * var(--f-text-scara,1))/1.62 var(--f-text);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:var(--sel-bg);color:var(--sel-fg)}
img,svg,video{max-width:100%;display:block}
a{color:var(--terra-ink)}
button,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:14px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
.skip{position:fixed;left:12px;top:-80px;z-index:100;display:inline-flex;align-items:center;min-height:44px;background:var(--inv-bg);color:var(--inv-fg);padding:10px 18px;border-radius:16px;font-weight:800;text-decoration:none;transition:top .3s var(--ease)}
.skip:focus{top:12px}
.ic{width:20px;height:20px;flex:0 0 auto}
.gs-sand1{stop-color:var(--g-sand-1)} .gs-sand2{stop-color:var(--g-sand-2)}
.gs-peach1{stop-color:var(--g-peach-1)} .gs-peach2{stop-color:var(--g-peach-2)}
.gs-leaf1{stop-color:var(--g-leaf-1)} .gs-leaf2{stop-color:var(--g-leaf-2)}
.gs-hero1{stop-color:var(--g-hero-1)} .gs-hero2{stop-color:var(--g-hero-2)} .gs-hero3{stop-color:var(--g-hero-3)}

/* textură de hârtie, fixă și statică */
.grain{position:fixed;inset:0;z-index:90;pointer-events:none;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")}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 max(var(--gut),env(safe-area-inset-right)) 0 max(var(--gut),env(safe-area-inset-left))}

/* ---------- tipografie ---------- */
.h1,.h2,.h3{font-family:var(--f-titlu);color:var(--ink);margin:0}
.h1{font-size:calc(clamp(42px,5.1vw,76px) * var(--ts));line-height:1.04;font-weight:var(--fw-t);letter-spacing:var(--ls-t)}
.h2{font-size:calc(clamp(34px,4.5vw,62px) * var(--ts));line-height:1.08;font-weight:var(--fw-n);letter-spacing:calc(var(--ls-t) * .9);text-wrap:balance}
.h2-s{font-size:calc(clamp(30px,3.4vw,46px) * var(--ts))}
.h3{font-size:calc(clamp(21px,1.9vw,25px) * var(--ts));line-height:1.2;font-weight:calc(var(--f-titlu-greutate,850) - 80);letter-spacing:calc(var(--ls-t) * .45)}
.grad{position:relative;white-space:nowrap;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;
  padding:0 .04em .06em;margin:0 -.04em}
.is-split .grad{background:none;color:inherit;padding:0;margin:0}
.is-split .grad .w{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .04em .08em;margin:0 -.04em}
.w{display:inline-block}
.lede{font-size:calc(clamp(16.5px,1.35vw,19px) * var(--f-text-scara,1));color:var(--muted);margin:18px 0 0;max-width:58ch;text-wrap:pretty}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font:800 12px/1.2 var(--f-text);letter-spacing:.17em;text-transform:uppercase;color:var(--terra-ink);margin-bottom:16px}
.eyebrow::before{content:"";flex:0 0 auto;width:22px;height:10px;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)}
.eyebrow-dark{color:var(--amber)}
.sec-head{margin-bottom:clamp(30px,4vw,54px);max-width:820px}
.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}
.sec-head.center .lede{margin-left:auto;margin-right:auto}

/* ---------- pietricele ---------- */
.peb{background:var(--paper);border-radius:var(--peb);box-shadow:var(--sh-peb);position:relative}
.peb-white{background:var(--white);border-radius:var(--peb-l);box-shadow:var(--sh-peb);position:relative}
.peb-sand{background:linear-gradient(160deg,#F7E4CE,#F2D6B9);border-radius:var(--peb-l);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.7), 0 30px 60px -44px rgba(110,48,12,.5);position:relative}
.peb-dark{background:radial-gradient(120% 90% at 20% 0%,#3A2A22 0%,#1F1917 55%,#171210 100%);color:var(--cream);border-radius:var(--peb-l);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 40px 70px -40px rgba(43,18,6,.8);position:relative}
.peb-dark .h3{color:var(--cream)}
.peb-dark p{color:var(--cmuted)}
.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;text-wrap:balance;background:var(--bg-2);color:var(--ink-2);font:800 12.5px/1.25 var(--f-text);letter-spacing:.01em}
.chip-clay{background:var(--clay-tint);color:var(--clay-ink)}
.pill{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 10px;border-radius:999px;background:var(--pill-bg);
  box-shadow:inset 0 1px 0 var(--hl), 0 10px 24px -16px var(--sh-drop);font:800 12px/1.2 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--terra-ink)}
.pill > span{text-wrap:balance}
.pill-dot{flex:0 0 auto;width:18px;height:18px;border-radius:50%;background:var(--grad-gold);position:relative}
.pill-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(224,101,61,.45);animation:ping 2.4s var(--ease) infinite}
@keyframes ping{0%{transform:scale(.6);opacity:1}80%,100%{transform:scale(1.5);opacity:0}}

/* ---------- butoane: pietricele care se strivesc la apăsare ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 26px;border:0;cursor:pointer;
  border-radius:30px 26px 28px 26px/26px 30px 26px 28px;font:800 16px/1.15 var(--f-text);letter-spacing:-.005em;text-decoration:none;text-align:center;
  overflow:hidden;isolation:isolate;transition:transform .45s var(--spring),box-shadow .35s var(--ease),background-color .3s}
.btn:hover{transform:translateY(-3px) scale(1.025)}
.btn:active{transform:translateY(1px) scale(1.04,.9);transition-duration:.12s}
.btn .ic{transition:transform .45s var(--spring)}
.btn:hover .ic{transform:translateX(3px) rotate(-4deg)}
.btn-sm{min-height:46px;padding:10px 20px;font-size:14.5px}
.btn.block{display:flex;width:100%}
.btn-gold{background:var(--grad-gold);color:var(--deep);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55), inset 0 -8px 16px -8px rgba(160,50,10,.45), 0 18px 34px -16px rgba(224,101,61,.95)}
.btn-gold:hover{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55), inset 0 -8px 16px -8px rgba(160,50,10,.45), 0 26px 44px -18px rgba(224,101,61,1)}
.btn-choco{background:var(--choco);color:var(--choco-fg);box-shadow:var(--choco-sh)}
.btn-white{background:var(--white);color:var(--ink);box-shadow:var(--btnw-sh)}
.btn-cream{background:rgba(255,250,245,.92);color:var(--deep);box-shadow:inset 0 1px 0 #fff, 0 14px 26px -18px rgba(90,30,5,.7)}
.btn-wa{background:linear-gradient(140deg,#57E08B,#25D366);color:#06210f;box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 16px 30px -18px rgba(37,160,90,.9)}
.btn[aria-disabled="true"],.btn:disabled{filter:saturate(.5) brightness(.86);cursor:not-allowed}
.btn[aria-disabled="true"]:hover,.btn:disabled:hover{transform:none}
.btn.is-busy{cursor:progress}
.ripple{position:absolute;z-index:-1;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:45% 55% 50% 50%;background:rgba(255,255,255,.55);pointer-events:none;
  animation:ripple .75s cubic-bezier(.25,.46,.45,.94) forwards}
@keyframes ripple{from{transform:scale(0) rotate(0);opacity:.9}to{transform:scale(var(--rs,20)) rotate(90deg);opacity:0}}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* ---------- ANTET ---------- */
.nav{position:fixed;top:calc(var(--nav-top) + env(safe-area-inset-top));left:0;right:0;z-index:50;padding:0 max(var(--gut),env(safe-area-inset-right)) 0 max(var(--gut),env(safe-area-inset-left));pointer-events:none}
.nav-in{pointer-events:auto;max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 12px;
  background:var(--nav-bg);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);
  border-radius:30px 26px 28px 26px/26px 30px 26px 28px;box-shadow:var(--nav-sh);transition:box-shadow .4s}
.nav.is-scrolled .nav-in{box-shadow:var(--nav-sh-2)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);flex:0 0 auto;min-height:44px;min-width:44px;border-radius:18px}
.brand-peb{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;
  background:radial-gradient(circle at 50% 30%,#3A2A14,#150F07);border-radius:56% 44% 46% 54%/50% 52% 48% 50%;
  animation:morph 12s ease-in-out infinite alternate;box-shadow:0 8px 18px -8px rgba(43,18,6,.8)}
.brand-peb .mascot{width:36px;height:36px}
.brand-txt{font:var(--fw-t) calc(20px * var(--ts))/1 var(--f-titlu);letter-spacing:calc(var(--ls-t) * .6);white-space:nowrap}
@keyframes morph{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%}}
.nav-links{position:relative;display:flex;align-items:center;gap:0;margin-left:auto}
.nav-links a{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:44px;padding:0 11px;border-radius:999px;text-decoration:none;color:var(--ink-2);font:750 14px/1 var(--f-text);white-space:nowrap;transition:color .3s}
.nav-links a:hover,.nav-links a.is-active{color:var(--ink)}
.nav-ind{position:absolute;left:0;top:50%;height:38px;width:60px;margin-top:-19px;border-radius:20px 16px 18px 16px/16px 20px 16px 18px;
  background:linear-gradient(140deg,#FFE3BC,#FFC9A0);box-shadow:inset 0 1px 0 rgba(255,255,255,.8), 0 6px 14px -8px rgba(224,101,61,.7);opacity:0;pointer-events:none;
  transition:transform .6s var(--spring),width .6s var(--spring),opacity .3s}
.nav-ind.is-instant{transition:opacity .3s}
.nav-cta{flex:0 0 auto}

/* RO / EN — ca pe site-ul de până acum */
.lang-switch{display:inline-flex;flex:0 0 auto;gap:3px;padding:3px;border-radius:17px 14px 16px 14px/14px 17px 14px 16px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}
.lang-btn{min-width:44px;min-height:40px;padding:0 10px;border:0;border-radius:13px 11px 12px 11px/11px 13px 11px 12px;background:none;cursor:pointer;
  font:900 12.5px/1 var(--f-text);letter-spacing:.08em;color:var(--muted);transition:background-color .25s,color .25s}
.lang-btn:hover{color:var(--ink)}
.lang-btn[aria-pressed="true"]{background:var(--grad-gold);color:var(--deep);box-shadow:inset 0 1px 0 rgba(255,255,255,.5), 0 6px 12px -8px rgba(224,101,61,.9)}
@media (pointer:coarse){ .lang-btn{min-height:44px} }

/* „Contul meu" — apare doar când JS confirmă o sesiune */
.nav-cont{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;border-radius:17px 14px 16px 14px/14px 17px 14px 16px;
  text-decoration:none;color:var(--ink);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);font:800 14px/1 var(--f-text);transition:background-color .25s,color .25s}
.nav-cont:hover{color:var(--terra-ink)}
/* în antetul lat, doar pietricica cu omuleț (44 px): numele stă în title și aria-label; în sertar apare cu text */
.nav-cont .nav-cont-t{display:none}
.nav-burger{display:none;flex:0 0 auto;width:48px;height:48px;border:0;border-radius:18px 15px 17px 15px/15px 18px 15px 17px;background:var(--inv-bg);color:var(--inv-fg);place-items:center;cursor:pointer;
  transition:transform .4s var(--spring)}
.nav-burger:active{transform:scale(.9)}
.nav-burger .ic{width:22px;height:22px}

.drawer{position:fixed;inset:0;z-index:49;padding:calc(88px + env(safe-area-inset-top)) max(var(--gut),env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) max(var(--gut),env(safe-area-inset-left));
  background:var(--scrim);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.drawer-peb{max-width:560px;margin:0 auto;background:var(--white);border-radius:var(--peb-l);box-shadow:var(--sh-peb);padding:14px 14px 16px}
.drawer:not([hidden]) .drawer-peb{animation:drawerIn .6s var(--spring) both}
@keyframes drawerIn{from{opacity:0;transform:translateY(-40px) scale(.9) rotate(-2deg)}to{opacity:1;transform:none}}
.drawer nav{display:grid;gap:2px;margin-bottom:10px}
.drawer nav a{display:flex;align-items:center;min-height:50px;padding:0 16px;border-radius:18px;text-decoration:none;color:var(--ink);font:var(--fw-n) calc(22px * var(--ts))/1.1 var(--f-titlu);letter-spacing:calc(var(--ls-t) * .5)}
.drawer nav a:active,.drawer nav a:hover{background:var(--bg-2)}
.drawer nav a:focus-visible{outline-offset:-3px}
.drawer-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 4px 12px}
.drawer-cont{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border-radius:17px 14px 16px 14px/14px 17px 14px 16px;background:var(--bg-2);color:var(--ink);text-decoration:none;font:800 15px/1.2 var(--f-text);max-width:100%}
.drawer-cont .nav-cont-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* antetul lat are loc de toate legăturile doar de la 1280 px; mai jos, meniul trece în sertar */
@media (max-width:1399px){ .nav-links a{padding:0 9px;font-size:13.5px} .nav-in{gap:10px} }
@media (max-width:1279px){
  .nav-links,.lang-switch-d,.nav-cont{display:none}
  .nav-burger{display:grid}
  .tema{margin-left:auto}
}
@media (max-width:699px){ .nav-cta{display:none} }

/* ---------- ALEGEREA TEMEI: pietricica din antet + meniul ei ---------- */
.tema{position:relative;flex:0 0 auto}
.tema-btn{position:relative;width:48px;height:48px;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,.07), 0 8px 16px -10px rgba(110,48,12,.6);
  transition:transform .45s var(--spring),box-shadow .3s}
.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{width:26px;height:26px;overflow:visible}
.tema-ic .t-miez{r:5.2px;transition:r .55s var(--spring)}
.tema-ic .t-taie{cx:31px;cy:-7px;transition:cx .55s var(--ease),cy .55s var(--ease)}
.tema-ic .t-raze{transform-origin:12px 12px;transition:transform .55s var(--spring),opacity .3s}
[data-tema="intunecat"] .tema-ic .t-miez{r:9px}
[data-tema="intunecat"] .tema-ic .t-taie{cx:17.5px;cy:6.5px}
[data-tema="intunecat"] .tema-ic .t-raze{transform:rotate(60deg) scale(.3);opacity:0}
.tema-a{position:absolute;right:4px;bottom:4px;width:13px;height:13px;border-radius:50%;opacity:0;transform:scale(.4);transition:opacity .3s,transform .45s var(--spring);
  background:linear-gradient(90deg,var(--inv-bg) 50%,var(--amber) 50%);box-shadow:0 0 0 2px var(--nav-bg-solid)}
[data-tema-alegere="auto"] .tema-a{opacity:1;transform:none}

.tema-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:300px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;
  padding:8px;pointer-events:auto;background:var(--white);color:var(--ink);border-radius:30px 26px 28px 26px/26px 30px 26px 28px;
  box-shadow:inset 0 1px 0 var(--hl), inset 0 0 0 1px var(--line), 0 30px 60px -24px var(--sh-drop), 0 12px 24px -12px var(--sh-drop);
  transform-origin:calc(100% - 24px) 0;scrollbar-width:thin}
.tema-pop:not([hidden]){animation:popIn .42s var(--spring)}
@keyframes popIn{from{opacity:0;transform:translateY(-8px) scale(.92)}to{opacity:1;transform:none}}
.tp-h{margin:10px 12px 6px;font:800 12px/1.2 var(--f-text);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;padding:6px 12px 6px 6px;border:0;cursor:pointer;text-align:left;
  background:none;color:var(--ink);border-radius:19px 16px 18px 16px/16px 19px 16px 18px;font:750 15px/1.2 var(--f-text);transition:background-color .2s}
.tp-i:hover{background:var(--bg-2)}
.tp-i:focus-visible{outline-offset:-2px}
.tp-i[aria-checked="true"]{background:var(--amber-soft);box-shadow:inset 0 0 0 1.5px rgba(255,196,107,.75)}
.tp-ic{width:38px;height:38px;display:grid;place-items:center;border-radius:54% 46% 48% 52%/48% 52% 48% 52%;background:var(--bg-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:600 12.5px/1.3 var(--f-text);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}
@media (max-width:640px){
  .tema-pop{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:calc(86px + env(safe-area-inset-top));width:auto;max-width:none;max-height:calc(100dvh - 98px - env(safe-area-inset-top))}
}

/* ---------- mascota ---------- */
.mascot{display:block;width:120px;height:122px}
.mascot-svg{width:100%;height:100%;overflow:visible}

/* ---------- blob-uri ---------- */
.blob{position:absolute;pointer-events:none;overflow:visible}
.deco{z-index:0;opacity:.9}

/* ---------- EROU ---------- */
.hero{position:relative;padding:clamp(108px,13vh,128px) 0 34px;overflow-x:clip}
.hero-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.blob-hero{width:min(760px,64vw);height:min(760px,64vw);right:-8vw;top:40px}
.blob-hero-shine{width:min(420px,34vw);height:min(420px,34vw);right:14vw;top:70px;opacity:.55;mix-blend-mode:soft-light}
.blob-h2{width:520px;height:520px;left:-220px;bottom:-160px;opacity:.7}
.blob-h3{width:130px;height:130px;right:31%;top:74px;opacity:.8}
.hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center}
.hero-copy{position:relative;z-index:2;min-width:0}
.hero .h1{margin-top:20px}
.squiggle{display:none}
.grad .squiggle{display:block;position:absolute;left:2%;width:98%;bottom:-.2em;height:.26em;overflow:visible;pointer-events:none}
.br-d{display:inline}
.squiggle path{stroke-dasharray:420;stroke-dashoffset:0}
.hero .lede{margin-top:34px;max-width:min(52ch,30em)}
.live-stat{display:inline-flex;align-items:center;gap:10px;margin:22px 0 0;padding:9px 16px 9px 12px;border-radius:999px;background:var(--leaf-soft);color:var(--leaf-ink);
  font:800 14px/1.3 var(--f-text);letter-spacing:.01em}
.live-dot{position:relative;flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--leaf-2)}
.live-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--leaf-2);animation:pulseDot 1.9s var(--ease) infinite}
@keyframes pulseDot{0%{transform:scale(1);opacity:.55}70%,100%{transform:scale(3);opacity:0}}
.trust{display:flex;align-items:center;gap:10px;margin:24px 0 0;font-weight:700;font-size:14.5px;color:var(--muted)}
.trust .ic{color:var(--leaf-ink)}
.hint{display:inline-flex;align-items:center;gap:12px;margin-top:22px;min-height:44px;color:var(--ink);text-decoration:none;font-weight:800;font-size:15px}
.hint-peb{width:40px;height:40px;display:grid;place-items:center;background:var(--white);border-radius:52% 48% 46% 54%/50% 44% 56% 50%;box-shadow:var(--sh-soft);animation:bob 2.2s ease-in-out infinite}
.hint:hover .hint-peb{background:var(--amber);color:var(--deep)}
@keyframes bob{50%{transform:translateY(5px)}}

.hero-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:720px}
.stage-note{position:relative;z-index:3;text-align:center;font-size:12.5px;font-weight:700;color:var(--ink-2);opacity:.78;margin:12px 0 0;text-wrap:balance}
.lg-only{display:inline}

/* comutatorul de exemple de sub telefon: BUNĂ / OK / SLABĂ */
.hero-switch{position:relative;z-index:3;display:flex;gap:4px;margin-top:26px;padding:5px;border-radius:22px 19px 21px 19px/19px 22px 19px 21px;
  background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--sh-peb)}
.hs{--c:var(--leaf-ink);--d:var(--leaf-2);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:64px;min-height:44px;padding:0 16px;border:0;border-radius:17px 14px 16px 14px/14px 17px 14px 16px;
  background:none;cursor:pointer;overflow:hidden;font:900 12.5px/1 var(--f-text);letter-spacing:.11em;color:var(--muted);transition:background-color .3s,color .3s,box-shadow .3s,transform .45s var(--spring)}
.hs[data-v="ok"]{--c:var(--amber-ink);--d:#F2AE3C}
.hs[data-v="slaba"]{--c:var(--clay-ink);--d:var(--clay)}
.hs i{width:9px;height:9px;border-radius:50%;background:var(--d);box-shadow:0 0 0 3px color-mix(in srgb,var(--d) 22%,transparent);transition:transform .45s var(--spring)}
.hs:hover{color:var(--c)}
.hs:active{transform:scale(.93)}
.hs.is-on{background:var(--hs-on);color:var(--c);box-shadow:0 10px 18px -12px var(--sh-drop), inset 0 0 0 1.5px rgba(255,196,107,.7)}
.hs.is-on i{transform:scale(1.25)}
.hs-prog{position:absolute;left:12px;right:12px;bottom:6px;height:2.5px;border-radius:2px;background:currentColor;opacity:.45;transform:scaleX(0);transform-origin:0 50%}
.hs-prog.is-run{animation:hsProg var(--dur,4.2s) linear forwards}
.hs-prog.is-paused{animation-play-state:paused}
@keyframes hsProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.float-chip{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;background:var(--chip-bg);color:var(--ink);
  border-radius:22px 18px 20px 18px/18px 22px 18px 20px;box-shadow:var(--sh-peb);font:800 14px/1 var(--f-text);white-space:nowrap;transition:translate .9s var(--ease)}
.float-chip .ic{width:18px;height:18px;color:var(--terra)}
.fc1{left:-3%;top:9%}
.fc2{right:-5%;top:45%}
.fc3{left:-1%;bottom:22%}
.mascot-hero{position:absolute;z-index:1;left:calc(50% - 262px);top:52%;transform:rotate(-9deg);transform-origin:50% 100%;transition:translate .9s var(--ease)}
.mascot-hero .mascot{width:128px;height:130px}

/* ---------- telefon ---------- */
.phone{position:relative;width:300px;padding:10px;border-radius:48px;
  background:linear-gradient(150deg,#3B2B22,#150F0B 60%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.08), inset 0 2px 1px rgba(255,255,255,.18), 0 50px 80px -40px rgba(60,24,6,.75), 0 18px 36px -20px rgba(60,24,6,.5)}
.phone::before{content:"";position:absolute;right:-3px;top:120px;width:4px;height:64px;border-radius:4px;background:#2A1E18}
.ph-screen{position:relative;border-radius:39px;overflow:hidden;aspect-ratio:1080/2340;background:#0E0A08;isolation:isolate}
.ph-screen img,.ph-screen video{width:100%;height:100%;object-fit:cover;object-position:top}
.phone-sm{width:250px;border-radius:42px;padding:9px}
.phone-sm .ph-screen{border-radius:34px}
.hero-phone{z-index:2;width:300px;transform:rotate(-3deg);transition:translate .9s var(--ease)}
.hero-phone .ph-screen{background:var(--map-bg)}
.ph-status{position:absolute;z-index:5;top:0;left:0;right:0;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font:800 12px/1 var(--f-text);color:var(--map-ink)}
.ph-notch{width:86px;height:24px;border-radius:14px;background:#0E0A08}
.ph-map{position:absolute;inset:0;width:100%;height:100%}
.pm-bg{fill:var(--map-bg)}
.pm-rd{stroke:var(--map-road);fill:none}
.pm-park{fill:var(--map-park)}
.pm-pin{fill:var(--pin)}
.pm-pin2{fill:var(--pin-2)}
.pm-dot{fill:var(--pin-dot)}
.ph-route{stroke-dasharray:330;stroke-dashoffset:0}

/* cardul RideCheetah (același ca în aplicație: pietricică închisă) */
.rc-card{position:absolute;z-index:4;left:12px;right:12px;top:48px;padding:14px 14px 12px 20px;color:var(--cream);
  background:linear-gradient(160deg,#2A211E,#1B1513);border-radius:26px 22px 24px 22px/22px 26px 22px 24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 24px 40px -20px rgba(20,8,2,.8);font-family:var(--f-text);transform-origin:50% 0}
.rc-bar{position:absolute;left:8px;top:16px;bottom:16px;width:5px;border-radius:5px;background:var(--leaf);transition:background-color .5s}
.rc-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rc-src{font:800 9.5px/1.2 var(--f-text);letter-spacing:.14em;text-transform:uppercase;color:var(--cmuted)}
.rc-src b{color:var(--cream);font-weight:800}
.vpill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 9px;border-radius:999px;font:900 10.5px/1 var(--f-text);letter-spacing:.1em;
  background:rgba(182,224,106,.16);color:#B6E06A;transition:background-color .45s,color .45s}
.vpill i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(182,224,106,.18)}
.vroll{display:inline-block;overflow:hidden;height:1.3em;line-height:1.3;margin:-.12em 0}
.vroll b{display:block}
.rc-card[data-v="ok"] .rc-bar{background:var(--amber)}
.rc-card[data-v="ok"] .vpill{background:rgba(255,196,107,.16);color:var(--amber)}
.rc-card[data-v="slaba"] .rc-bar{background:#F2775A}
.rc-card[data-v="slaba"] .vpill{background:rgba(242,119,90,.18);color:#FF8E74}
.rc-big{display:flex;align-items:baseline;gap:7px;margin:6px 0 8px}
.rc-big b{font:var(--fw-t) calc(44px * var(--ts))/1 var(--f-titlu);letter-spacing:calc(var(--ls-t) * .8);color:var(--amber);font-variant-numeric:tabular-nums}
.rc-big span{font:800 13px/1 var(--f-text);color:var(--cmuted)}
.rc-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rc-cells div{background:rgba(255,255,255,.06);border-radius:14px 12px 13px 12px;padding:8px 8px 7px;min-width:0}
.rc-cells b{display:block;font:800 16px/1.1 var(--f-text);font-variant-numeric:tabular-nums;color:var(--cream)}
.rc-cells b.pos{color:#B6E06A}
.rc-cells b.neg{color:#FF8E74}
.rc-cells s{display:block;text-decoration:none;font:800 8.5px/1.2 var(--f-text);letter-spacing:.09em;text-transform:uppercase;color:var(--cmuted);margin-top:3px}
.rc-rows{margin-top:8px}
.rc-rows p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:4px 0;font-size:11.5px;color:var(--cmuted);font-weight:600}
.rc-rows b{color:var(--cream);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
/* textele din macheta telefonului: cel puțin 12 px pe orice ecran */
.rc-card .rc-src{font-size:12px;letter-spacing:.02em;text-transform:none}
.vpill{font-size:12px}
.rc-cells s{font-size:12px;letter-spacing:0;text-transform:none;font-weight:700}
.rc-rows p{font-size:13px}

/* oferta (generică, nu siglele aplicațiilor); în întunecat e oferta „de noapte" */
.offer{position:absolute;z-index:3;left:8px;right:8px;bottom:8px;padding:14px 16px 12px;background:var(--of-bg);color:var(--of-fg);border-radius:26px;
  box-shadow:0 -10px 30px -12px rgba(0,0,0,.25);font-family:var(--f-text)}
.of-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.of-prod{display:flex;align-items:center;gap:7px;font-weight:800;font-size:13.5px}
.of-prod i{width:8px;height:8px;border-radius:50%;background:var(--of-fg)}
.of-price{font-size:20px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.of-meta{margin:2px 0 8px;font-size:12px;color:var(--of-mut);font-weight:600}
.of-star{display:inline-block;width:11px;height:11px;margin-right:2px;vertical-align:-1px}
.of-leg{display:flex;gap:10px;align-items:flex-start;margin:6px 0}
.of-leg i{flex:0 0 auto;width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--of-fg)}
.of-leg i.sq{border-radius:2px}
.of-leg div{display:grid;line-height:1.3}
.of-leg b{font-size:13px;font-weight:800}
.of-leg span{font-size:12px;color:var(--of-mut-2);font-weight:600}
.of-btn{display:block;margin-top:10px;padding:11px;border-radius:14px;background:var(--of-btn);color:var(--of-btn-fg);text-align:center;font-weight:800;font-size:13px}

/* ---------- secțiuni ---------- */
.sec{position:relative;padding:clamp(56px,7.5vw,108px) 0;overflow-x:clip}
.sec-sand{background:var(--bg-2);margin:48px 0}
.sec-sand .wrap{position:relative;z-index:1}
.wave{position:absolute;left:0;width:100%;height:50px;fill:var(--bg-2);pointer-events:none}
.wave-top{top:-49px}
.wave-bot{bottom:-49px}

/* ---------- elemente plutitoare ---------- */
.wa-float{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:45;width:60px;height:60px;display:grid;place-items:center;color:#06210f;
  background:linear-gradient(140deg,#57E08B,#25D366);border-radius:54% 46% 50% 50%/48% 54% 46% 52%;box-shadow:inset 0 1px 0 rgba(255,255,255,.55), 0 18px 34px -14px rgba(20,120,60,.8);
  transition:transform .5s var(--spring),visibility 0s;animation:morph 10s ease-in-out infinite alternate}
.wa-float .ic{width:28px;height:28px}
.wa-float:hover{transform:scale(1.08) rotate(-6deg)}
.wa-float.is-hidden{transform:translateY(130px) scale(.6);visibility:hidden;transition:transform .5s var(--spring),visibility 0s linear .5s}

/* ---------- verdictul „la vedere" cât muți cursorii (doar telefon/tabletă) ---------- */
.calc-dock{position:fixed;left:50%;top:calc(86px + env(safe-area-inset-top));z-index:48;display:flex;align-items:center;gap:8px;padding:9px 10px 9px 22px;pointer-events:none;
  border-radius:22px 19px 21px 19px/19px 22px 19px 21px;background:linear-gradient(160deg,#2A211E,#1B1513);color:var(--cream);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 20px 34px -14px rgba(20,8,2,.75);opacity:0;visibility:hidden;transform:translate(-50%,-150%) scale(.9);
  transition:transform .55s var(--spring),opacity .3s,visibility 0s linear .55s}
.calc-dock.on{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);transition:transform .55s var(--spring),opacity .3s,visibility 0s}
.cd-bar{position:absolute;left:9px;top:10px;bottom:10px;width:4px;border-radius:4px;background:#B6E06A;transition:background-color .4s}
.cd-num{font:var(--fw-t) calc(26px * var(--ts))/1 var(--f-titlu);letter-spacing:calc(var(--ls-t) * .8);color:var(--amber);font-variant-numeric:tabular-nums}
.cd-u{font:800 12px/1 var(--f-text);color:var(--cmuted)}
.cd-v{display:inline-flex;align-items:center;gap:6px;margin-left:4px;padding:8px 11px;border-radius:999px;font:900 12px/1 var(--f-text);letter-spacing:.1em;
  background:rgba(182,224,106,.16);color:#B6E06A;transition:background-color .4s,color .4s}
.cd-v i{width:7px;height:7px;border-radius:50%;background:currentColor}
.calc-dock[data-v="ok"] .cd-bar{background:var(--amber)}
.calc-dock[data-v="ok"] .cd-v{background:rgba(255,196,107,.16);color:var(--amber)}
.calc-dock[data-v="slaba"] .cd-bar{background:#F2775A}
.calc-dock[data-v="slaba"] .cd-v{background:rgba(242,119,90,.18);color:#FF8E74}
@media (min-width:981px){ .calc-dock{display:none} }

/* ---------- modalul „ai un cod de partener?" ---------- */
.ref-overlay{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:20px max(16px,env(safe-area-inset-right)) 20px max(16px,env(safe-area-inset-left));
  background:var(--scrim);overflow-y:auto;overscroll-behavior:contain}
.ref-overlay.open{display:flex}
.ref-card{width:100%;max-width:440px;margin:auto;padding:26px 22px 22px;background:var(--white);color:var(--ink);border-radius:var(--peb-l);box-shadow:var(--sh-peb), 0 40px 80px -30px var(--sh-drop);
  animation:cardIn .6s var(--spring) 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}}
.ref-card h3{margin:0 0 8px;font:var(--fw-n) calc(24px * var(--ts))/1.15 var(--f-titlu);letter-spacing:calc(var(--ls-t) * .6);color:var(--ink)}
.ref-card p{margin:0 0 16px;color:var(--muted)}
.ref-input{width:100%;min-height:54px;padding:12px 18px;border-radius:22px 19px 21px 19px/19px 22px 19px 21px;background:var(--bg);border:1.5px solid var(--line-2);color:var(--ink);
  font:800 18px/1.2 var(--f-text);letter-spacing:.12em;text-transform:uppercase}
.ref-input::placeholder{color:var(--muted);letter-spacing:.04em;font-weight:700;text-transform:none}
.ref-input:focus{outline:none;border-color:var(--terra);box-shadow:0 0 0 4px rgba(255,196,107,.28)}
.ref-err{display:none;margin:10px 2px 0;color:var(--clay-ink);font-size:14px;font-weight:800}
.ref-err.show{display:block}
.ref-actions{display:grid;gap:10px;margin-top:18px}
.ref-btn:disabled{opacity:.6}

/* ---------- ecrane tactile: fără hover „lipit", fără efecte scumpe care repictează la fiecare cadru ---------- */
@keyframes blobBreath{0%{rotate:-7deg;scale:1}50%{rotate:9deg;scale:1.06 .95}100%{rotate:18deg;scale:.95 1.05}}
@media (hover:none),(pointer:coarse){
  .btn:hover,.btn:hover .ic,.preset:hover,.wa-float:hover,.vcover:hover .vplay,.tema-btn:hover{transform:none}
  .hint:hover .hint-peb{background:var(--white);color:inherit}
  .hs:hover{color:var(--muted)}
  .hs.is-on:hover{color:var(--c)}
  .tp-i:hover{background:none}
  .tp-i[aria-checked="true"]:hover{background:var(--amber-soft)}
  .nav-in{background:var(--nav-bg-solid);backdrop-filter:none;-webkit-backdrop-filter:none}
  .hero-switch{background:var(--glass-solid);backdrop-filter:none;-webkit-backdrop-filter:none}
  .brand-peb,.wa-float,.vplay{animation:none}
  .grain{display:none}
  body{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 .065 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}
  .blob{animation:blobBreath var(--bd,16s) ease-in-out var(--bdl,0s) infinite alternate;will-change:transform}
  .blob.is-off{animation-play-state:paused}
  /* pata din banda de îndemn e întinsă peste tot textul (preserveAspectRatio=none): rotită, lăsa butoanele
     și bulele pe fundalul gol (tabletă 641–1279 px). Aici doar respiră, fără rotire. */
  .cta-blob{animation-name:ctaBreath}
}
@keyframes ctaBreath{0%{scale:1}50%{scale:1.025 .975}100%{scale:.98 1.02}}

/* ---------- stări inițiale: doar cu JS + mișcare permisă (acasa.js le aduce la vedere) ---------- */
.js-anim:not(.hero-in) :is([data-hero],.hero-phone,.hero-switch,.float-chip,.mascot-hero,.stage-note,.hero-bg .blob){opacity:0}
.js-anim:not(.hero-in) #heroTitle{visibility:hidden}
.js-anim:not(.hero-in) .squiggle path{stroke-dashoffset:420}
.js-anim [data-reveal]:not(.is-in){opacity:0}
[data-tilt].is-tilt{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease)}
.js-anim [data-split]:not(.is-split){visibility:hidden}
.js-anim [data-split].is-split:not(.is-in) .w{opacity:0}

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

/* ============ TEMA ÎNTUNECATĂ: antet, erou, telefon ============ */
[data-tema="intunecat"] .peb-sand{background:linear-gradient(160deg,#1E1511,#150F0C);box-shadow:inset 0 1px 0 rgba(255,240,225,.06), inset 0 0 0 1px rgba(255,228,205,.08), 0 30px 60px -40px rgba(0,0,0,.9)}
[data-tema="intunecat"] .peb-dark{background:radial-gradient(120% 90% at 20% 0%,#3B2A20 0%,#231A15 55%,#1A1310 100%);
  box-shadow:inset 0 1px 0 rgba(255,236,215,.10), inset 0 0 0 1px rgba(255,196,107,.17), 0 40px 70px -40px rgba(0,0,0,.95), 0 0 70px -34px rgba(255,150,70,.22)}
[data-tema="intunecat"] .eyebrow::before{box-shadow:0 0 10px -2px rgba(255,154,98,.55)}
[data-tema="intunecat"] .pill-dot::after{border-color:rgba(255,154,98,.5)}
[data-tema="intunecat"] .pill{box-shadow:inset 0 1px 0 rgba(255,240,225,.08), inset 0 0 0 1px rgba(255,196,107,.20)}
[data-tema="intunecat"] .btn-gold{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55), inset 0 -8px 16px -8px rgba(160,50,10,.45), 0 18px 38px -16px rgba(240,110,55,.75)}
[data-tema="intunecat"] .brand-peb{box-shadow:0 0 0 1.5px rgba(255,196,107,.30), 0 8px 18px -8px rgba(0,0,0,.9)}
[data-tema="intunecat"] .nav-ind{background:linear-gradient(140deg,rgba(255,196,107,.22),rgba(255,154,98,.15));box-shadow:inset 0 0 0 1px rgba(255,196,107,.28)}
[data-tema="intunecat"] .nav-burger{color:var(--ink);background:linear-gradient(160deg,#33271F,#1D1612);
  box-shadow:inset 0 1px 0 rgba(255,240,225,.10), inset 0 0 0 1px rgba(255,228,205,.13), 0 8px 18px -10px rgba(0,0,0,.9)}
[data-tema="intunecat"] .tema-btn{color:var(--amber);background:linear-gradient(160deg,#30251F,#1D1612);
  box-shadow:inset 0 1px 0 rgba(255,240,225,.10), inset 0 0 0 1px rgba(255,196,107,.22), 0 8px 18px -10px rgba(0,0,0,.9), 0 0 18px -8px rgba(255,196,107,.35)}
[data-tema="intunecat"] .tema-btn[aria-expanded="true"]{box-shadow:inset 0 0 0 2px var(--amber), 0 0 18px -6px rgba(255,196,107,.5)}
[data-tema="intunecat"] .tema-pop{background:#1D1612}
[data-tema="intunecat"] .tp-i[aria-checked="true"]{box-shadow:inset 0 0 0 1.5px rgba(255,196,107,.45)}
[data-tema="intunecat"] .tp-ic{background:#2A201B;color:var(--amber)}
[data-tema="intunecat"] .drawer-peb{background:#1D1612}
[data-tema="intunecat"] .lang-switch{background:#241B16;box-shadow:inset 0 0 0 1px rgba(255,228,205,.10)}
[data-tema="intunecat"] .nav-cont,[data-tema="intunecat"] .drawer-cont{background:#2A201B;box-shadow:inset 0 0 0 1px rgba(255,228,205,.10)}
[data-tema="intunecat"] .hs.is-on{box-shadow:0 10px 18px -12px rgba(0,0,0,.9), inset 0 0 0 1.5px rgba(255,196,107,.55)}
[data-tema="intunecat"] .hint-peb{background:#2A201B}
[data-tema="intunecat"] .hero-bg::before{content:"";position:absolute;right:-12vw;top:-4vw;width:min(980px,82vw);height:min(980px,82vw);border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,130,60,.20),rgba(255,110,50,.07) 60%,rgba(255,110,50,0))}
[data-tema="intunecat"] .blob-hero-shine{opacity:.32}
[data-tema="intunecat"] .float-chip{box-shadow:inset 0 1px 0 rgba(255,240,225,.08), inset 0 0 0 1px rgba(255,228,205,.10), 0 18px 34px -16px rgba(0,0,0,.9)}
[data-tema="intunecat"] .float-chip .ic{color:var(--peach)}
[data-tema="intunecat"] .hero-switch{box-shadow:inset 0 1px 0 rgba(255,240,225,.07), inset 0 0 0 1px rgba(255,228,205,.10), 0 20px 40px -24px rgba(0,0,0,.9)}
[data-tema="intunecat"] .phone{background:linear-gradient(150deg,#4D3C32,#1F1713 60%);
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.10), inset 0 2px 1px rgba(255,255,255,.24), 0 0 0 1px rgba(255,225,200,.12), 0 50px 80px -40px rgba(0,0,0,.95), 0 18px 36px -20px rgba(0,0,0,.8), 0 0 60px -30px rgba(255,150,80,.25)}
[data-tema="intunecat"] .phone::before{background:#3F3129}
[data-tema="intunecat"] .ph-screen img{filter:brightness(.94)}
[data-tema="intunecat"] .hero-phone{--map-bg:#0D1113; --map-road:#1F2A28; --map-park:#16211F; --map-ink:#DDE5E3;
  --pin:#C9D3D1; --pin-2:#F2F6F5; --pin-dot:#0D1113;
  --of-bg:#161B1D; --of-fg:#F2F6F5; --of-mut:#C9D3D1; --of-mut-2:#93A4A1; --of-btn:#2B3437; --of-btn-fg:#D5DEDC}
[data-tema="intunecat"] .hero-phone .offer{box-shadow:inset 0 0 0 1px rgba(201,211,209,.10), 0 -10px 30px -12px rgba(0,0,0,.7)}
[data-tema="intunecat"] .rc-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.10), inset 0 0 0 1px rgba(255,225,200,.10), 0 24px 40px -20px rgba(0,0,0,.9)}
[data-tema="intunecat"] .offer{box-shadow:inset 0 0 0 1px rgba(255,255,255,.07), 0 -10px 30px -12px rgba(0,0,0,.6)}
[data-tema="intunecat"] .calc-dock{box-shadow:inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,225,200,.12), 0 20px 34px -14px rgba(0,0,0,.9)}
[data-tema="intunecat"] .ref-card{background:#1D1612}