/* Preisfuchs, site v2 (15.10.2026), dupa macheta lui bro: verde de padure, sectiuni compacte, multe lucruri de apasat.
 * Se incarca DUPA style.css: de acolo raman fonturile, culorile temelor, telefonul viu, capturile, panoul legal.
 * Totul nou are prefixul .v- ca sa nu se bata cu regulile vechi. Telefonul intai, calculatorul adaptat. */

:root{
  /* 15.10 (bro: „totul in armonie”): UN singur ritm de miscare pe tot site-ul.
     rapid = culori, chenare, apasari; mediu = schimbari de stare; lent = lucruri care se deschid sau apar.
     O singura curba (porneste repede, se opreste lin); iesirile sunt mai scurte si accelereaza. */
  --m-fast:.16s; --m-base:.28s; --m-slow:.42s;
  --m-ease:cubic-bezier(.23,1,.32,1); --m-exit:cubic-bezier(.4,0,1,1);
}
@font-face{font-family:Caveat;src:url(fonts/caveat-600.woff2) format("woff2");font-weight:600;font-display:swap}

:root,[data-theme="light"]{
  /* 15.10 (bro): tema deschisa = „alb iarna”: alb cu tenta rece, brazi verzi (fara zapada si ninsoare, bro nu le-a vrut) */
  --v-bg:#F4F8FA; --v-bg2:#E7F0F4; --v-panel:#FFFFFF; --v-panel2:#F1F6F8;
  --v-line:rgba(38,92,88,.16); --v-line2:rgba(38,92,88,.30);
  --v-mint:#1E6B52; --v-mint-hi:#2E9470; --v-on-mint:#FFFFFF; --v-glow:rgba(140,190,215,.30);
  --v-text:#13212A; --v-muted:#4B5D66; --v-grid:rgba(30,70,90,.05);
  --v-forest1:#B7CBD0; --v-forest2:#7FA19A; --v-warn:#C26A12; --v-q:#55615B;
  --v-padure:url(img/padure.svg); --v-forest-f:none;
}
[data-theme="dark"]{
  /* 15.10 (bro): tema intunecata = „verde copac”: verde de brad adevarat, nu aproape negru */
  --v-bg:#0B2A1D; --v-bg2:#0F3425; --v-panel:rgba(20,64,44,.74); --v-panel2:rgba(28,82,57,.82);
  --v-line:rgba(110,222,165,.22); --v-line2:rgba(110,222,165,.42);
  --v-mint:#45E3A0; --v-mint-hi:#6CF0BA; --v-on-mint:#05190F; --v-glow:rgba(69,227,160,.20);
  --v-text:#F2F7F4; --v-muted:#BBD1C5; --v-grid:rgba(160,240,200,.05);
  --v-forest1:#0E3A26; --v-forest2:#072415; --v-warn:#F0A14B; --v-q:#C9D0CC;
  --v-padure:url(img/padure.svg); --v-forest-f:brightness(.55) saturate(1.15);
}

body{background:var(--v-bg);color:var(--v-text)}
.v-nav,.v-hero,.v-sec,.v-foot{font-size:16px}
.eyebrow{color:var(--v-mint);font:800 clamp(10.5px,2.9vw,12.5px)/1.2 Archivo;letter-spacing:.16em}
h1,h2{color:var(--v-text)}
.wrap{width:min(1120px,100% - clamp(32px,8vw,128px))}

/* ------------------------------------------------------------------ nav */
.v-nav{position:sticky;top:0;z-index:50;padding:10px 0;transition:background-color var(--m-base) var(--m-ease),box-shadow var(--m-base) var(--m-ease)}
.v-nav.scrolled{background:color-mix(in srgb,var(--v-bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--v-line)}
.v-nav-in{display:flex;align-items:center;gap:12px;height:50px}
.v-brand{display:flex;align-items:center;gap:10px;font:800 21px/1 Archivo;letter-spacing:-.02em;text-decoration:none;color:var(--v-text);margin-right:auto}
.v-brand img{border-radius:9px}
.v-links{display:none;gap:26px;margin-right:12px}
.v-links a{text-decoration:none;font-weight:600;font-size:15px;color:var(--v-muted);transition:color var(--m-fast) var(--m-ease)}
.v-nav .seg{padding:3px;gap:3px;background:var(--v-panel);box-shadow:inset 0 0 0 1px var(--v-line2)}
.v-nav .seg button{width:40px;height:34px;padding:0;justify-content:center;color:var(--v-muted)}
.v-nav .seg button[aria-pressed="true"]{background:var(--v-mint);color:var(--v-on-mint)}
.v-burger{width:42px;height:42px;border:0;background:transparent;display:grid;place-content:center;gap:5px;cursor:pointer;padding:0}
.v-burger span{display:block;width:24px;height:2.4px;border-radius:2px;background:var(--v-text);transition:transform var(--m-slow) var(--m-ease),opacity var(--m-fast) var(--m-ease)}
.v-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.4px) rotate(45deg)}
.v-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.v-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.4px) rotate(-45deg)}
.v-menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--m-slow) var(--m-ease)}
.v-menu.open{grid-template-rows:1fr}
.v-menu>.wrap{overflow:hidden;min-height:0}
.v-menu-in{display:grid;gap:2px;padding:0}
.v-menu.open .v-menu-in{padding:10px 0 18px}
.v-menu a{display:block;padding:12px 6px;text-decoration:none;font:700 22px/1.2 Archivo;color:var(--v-text);border-bottom:1px solid var(--v-line);
  opacity:0;transform:translateY(-8px);transition:opacity var(--m-base) var(--m-ease),transform var(--m-slow) var(--m-ease)}
.v-menu.open a{opacity:1;transform:none}
.v-menu.open a:nth-child(2){transition-delay:.04s}.v-menu.open a:nth-child(3){transition-delay:.08s}
.v-menu.open a:nth-child(4){transition-delay:.12s}.v-menu.open a:nth-child(5){transition-delay:.16s}
.v-menu-legal{display:flex;gap:18px;padding-top:12px}
.v-menu-legal a{font:600 14px Archivo;color:var(--v-muted);border:0;padding:4px 0}

/* ----------------------------------------------------------------- hero */
.v-hero{position:relative;overflow:hidden;padding:18px 0 70px;isolation:isolate}
.v-hero::before{content:"";position:absolute;inset:-20% -30% auto;height:120%;z-index:-2;
  background:radial-gradient(60% 50% at 75% 30%,var(--v-glow),transparent 70%),radial-gradient(40% 40% at 10% 0%,color-mix(in srgb,var(--v-glow) 60%,transparent),transparent 70%)}
.v-grid-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(var(--v-grid) 1px,transparent 1px),linear-gradient(90deg,var(--v-grid) 1px,transparent 1px);background-size:44px 44px;
  -webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent 90%);mask-image:linear-gradient(to bottom,#000 30%,transparent 90%)}
.v-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"text phone" "checks checks";gap:18px 10px;align-items:start}
.v-hero-text{grid-area:text;display:grid;gap:14px;align-content:start;padding-top:12px}
.v-hero h1{font-size:clamp(31px,8.6vw,76px);line-height:.98;letter-spacing:-.035em}
.v-hero h1 em,.v-final h2 em{font-style:normal;color:var(--v-mint);background:linear-gradient(100deg,var(--v-mint) 30%,var(--v-mint-hi));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.v-lede{font-size:clamp(15px,3.9vw,20px);line-height:1.45;color:var(--v-muted);max-width:30ch}
.v-play{display:inline-flex;align-items:center;gap:12px;justify-self:start;height:clamp(52px,13vw,64px);padding:0 clamp(16px,4.4vw,24px) 0 14px;border-radius:14px;
  background:var(--v-text);color:var(--v-bg);box-shadow:0 10px 30px -12px rgba(0,0,0,.5);transition:transform var(--m-base) var(--m-ease)}
[data-theme="dark"] .v-play{background:#E9F3EE;color:#07150D}
.v-play small{display:block;font:600 11px/1.1 Archivo;opacity:.75}
.v-play b{display:block;font:800 clamp(17px,4.6vw,21px)/1.1 Archivo;letter-spacing:-.01em}
.v-how{display:inline-flex;align-items:center;gap:8px;justify-self:start;font:800 clamp(16px,4.2vw,19px)/1 Archivo;color:var(--v-text);text-decoration:none;padding:6px 0;
  border-bottom:2px solid var(--v-line2);transition:border-color var(--m-fast) var(--m-ease),gap var(--m-base) var(--m-ease)}
.v-how svg{width:18px;height:18px;animation:vBob 1.8s ease-in-out infinite}
@keyframes vBob{50%{transform:translateY(4px)}}

.v-hero-phone{grid-area:phone;position:relative;display:grid;justify-items:start;padding-right:clamp(70px,22vw,140px)}
.v-hero-phone .phone{--pw:150;cursor:pointer;transform-origin:50% 40%;transition:transform var(--m-slow) var(--m-ease)}
.v-hero-phone .phone:active{transform:scale(.98)}
.v-stat{position:absolute;right:0;width:clamp(84px,24vw,150px);display:grid;gap:4px;justify-items:start;text-align:left;padding:12px 10px 12px 12px;border-radius:16px;
  background:var(--v-panel);color:var(--v-text);border:1px solid var(--v-line2);box-shadow:0 18px 40px -20px rgba(0,0,0,.6);cursor:pointer;font:inherit;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:vFloat 5s ease-in-out infinite;transition:border-color var(--m-fast) var(--m-ease),transform var(--m-base) var(--m-ease)}
.v-stat{z-index:10}
.v-stat-a{top:14%}
.v-stat-b{top:48%;animation-delay:-3s}
@keyframes vFloat{50%{transform:translateY(-7px)}}
.v-stat-ic{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--v-mint) 16%,transparent);color:var(--v-mint)}
.v-stat-ic svg{width:17px;height:17px}
.v-stat b{font:800 clamp(18px,5.2vw,30px)/1 Archivo;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.v-stat>span:last-child{font-size:clamp(11.5px,3.2vw,15px);line-height:1.25;color:var(--v-muted)}
.v-hand{position:absolute;right:-4px;bottom:-34px;display:flex;align-items:center;gap:6px;font:600 clamp(18px,5vw,25px)/1 Caveat,cursive;color:var(--v-text);transform:rotate(-4deg);
  /* 15.10 (bro): mana e buton (deschide/misca telefonul) */
  background:none;border:0;padding:6px 4px;cursor:pointer;transition:transform var(--m-base) var(--m-ease)}
/* 15.10 (bro: „cum era la inceput, imi placea”): mana si sageata se misca din nou fara oprire */
.v-hand svg{width:26px;height:26px;color:var(--v-mint);animation:vTap 1.6s ease-in-out infinite}
@keyframes vTap{50%{transform:translate(-2px,-3px) scale(.92)}}
.v-checks{grid-area:checks;list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.v-checks li{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--v-muted)}
.v-checks svg{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--v-mint);color:var(--v-on-mint)}
.v-forest{position:absolute;left:0;right:0;bottom:0;height:120px;z-index:-1;pointer-events:none;opacity:.9;
  background:var(--v-padure) center bottom/auto 100% repeat-x;filter:var(--v-forest-f,none)}
[data-theme="light"] .v-forest{opacity:.35}
/* cerul de iarna din hero: putin mai rece sus */
[data-theme="light"] .v-hero{background:linear-gradient(180deg,#DDE9EF 0%,#EAF2F5 55%,var(--v-bg) 100%)}

/* ------------------------------------------------------------- sectiuni */
.v-sec{padding:44px 0 6px;position:relative}
.v-sec>.wrap{display:grid;gap:14px;padding-top:28px;border-top:1px solid var(--v-line)}
.v-sec h2{font-size:clamp(27px,7.2vw,52px);letter-spacing:-.03em;line-height:1.03;margin-bottom:6px}
.v-lede2{color:var(--v-muted);font-size:clamp(15px,3.9vw,18px);line-height:1.5;max-width:60ch}

/* acordeon (pasii chiar sunt o succesiune: 01-02-03) */
.v-acc{display:grid;gap:10px}
/* 15.10 (bro): pasii arata EXACT ca intrebarile de la FAQ: acelasi chenar, colturi, deschis = doar chenar verde; fara bec patrat la apasare */
.v-step{border:1px solid var(--v-line2);border-radius:14px;background:var(--v-panel);overflow:hidden;transition:border-color var(--m-base) var(--m-ease)}
.v-step.open{border-color:var(--v-mint)}
.v-step-h{width:100%;border-radius:inherit;outline-offset:-3px;display:flex;align-items:center;gap:14px;padding:14px 16px;border:0;background:transparent;color:var(--v-text);font:inherit;text-align:left;cursor:pointer}
.v-step-h b{flex:1;font:800 clamp(16px,4.4vw,20px)/1.2 Archivo;letter-spacing:-.01em}
.v-n{width:44px;height:44px;flex:none;border-radius:50%;display:grid;place-items:center;font:800 15px/1 "Plex Mono",monospace;background:color-mix(in srgb,var(--v-mint) 14%,transparent);color:var(--v-mint);transition:background-color var(--m-base) var(--m-ease),color var(--m-base) var(--m-ease)}
.v-step.open .v-n{background:var(--v-mint);color:var(--v-on-mint)}
.v-pm{position:relative;width:18px;height:18px;flex:none}
.v-pm::before,.v-pm::after{content:"";position:absolute;left:0;right:0;top:50%;height:2.4px;margin-top:-1.2px;border-radius:2px;background:currentColor;transition:transform var(--m-slow) var(--m-ease)}
.v-pm::after{transform:rotate(90deg)}
.v-step.open .v-pm::after,details[open] .v-pm::after{transform:rotate(0)}
.v-step-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--m-slow) var(--m-ease)}
.v-step.open .v-step-b{grid-template-rows:1fr}
.v-step-b>div{overflow:hidden;min-height:0;display:grid;gap:14px;padding:0 16px 0 74px}
.v-step.open .v-step-b>div{padding-bottom:18px}
.v-step-b p{color:var(--v-muted);line-height:1.5}
.v-ways{display:flex;flex-wrap:wrap;gap:6px 16px}
.v-ways button{border-color:transparent!important;padding:6px 4px!important;font-size:13.5px!important}
.v-ways button[aria-pressed="true"]{border-color:var(--v-mint)!important;padding:6px 12px 6px 8px!important}
.v-ways button,.v-mini-go{display:inline-flex;align-items:center;gap:9px;padding:9px 14px 9px 10px;border-radius:999px;border:1px solid var(--v-line2);background:transparent;color:var(--v-text);font:600 14px Archivo;cursor:pointer;transition:border-color var(--m-fast) var(--m-ease),background-color var(--m-fast) var(--m-ease),transform var(--m-fast) var(--m-ease)}
.v-ways svg{width:22px;height:22px;color:var(--v-mint)}
.v-ways button[aria-pressed="true"]{background:color-mix(in srgb,var(--v-mint) 16%,transparent);border-color:var(--v-mint)}
.v-mini-go{justify-self:start;padding:9px 16px;background:var(--v-mint);color:var(--v-on-mint);border-color:transparent;font-weight:700}
.v-way-say,.v-bar-say{font-size:14px!important;color:var(--v-text)!important;min-height:1.4em}
.v-bars{display:flex;align-items:flex-end;gap:5px;height:110px;padding:8px 0 0;border-bottom:2px solid var(--v-line2)}
.v-bars button{flex:1;height:calc(var(--h)*1%);min-height:8px;border:0;padding:0;border-radius:6px 6px 2px 2px;cursor:pointer;
  background:color-mix(in srgb,var(--v-mint) 38%,transparent);transform-origin:bottom;transition:background-color var(--m-fast) var(--m-ease),transform var(--m-fast) var(--m-ease)}
.v-bars button.me{background:var(--chartMid,#3B82F6)}
.v-bars button[aria-pressed="true"]{background:var(--v-mint);transform:scaleY(1.04)}
.v-bars button.me[aria-pressed="true"]{background:#5B9BFF}
.v-step:not(.open) .v-bars button{transform:scaleY(.05)}
.v-step.open .v-bars button{transition:transform var(--m-slow) var(--m-ease),background-color var(--m-fast) var(--m-ease)}
.v-offers{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.v-offers li{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--v-panel2);font-size:14.5px}
.v-offers li.me{outline:1.5px solid var(--v-mint)}
.v-offers b{font-weight:600}

/* urteile */
.v-vtabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v-vtabs button,.v-vmore button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:6px 10px;border-radius:14px;border:1px solid var(--v-line2);
  background:var(--v-panel);color:var(--v-text);font:700 clamp(12.5px,3.4vw,15.5px)/1.15 Archivo;cursor:pointer;transition:background-color var(--m-base) var(--m-ease),color var(--m-base) var(--m-ease),border-color var(--m-base) var(--m-ease),transform var(--m-fast) var(--m-ease)}
.v-vtabs button:active,.v-vmore button:active{transform:scale(.97)}
.v-vtabs .ic,.v-vmore .ic{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center}
.v-vtabs .ic svg,.v-vmore .ic svg{width:22px;height:22px}
.v-vtabs button[aria-selected="true"]{background:var(--v-mint);color:var(--v-on-mint);border-color:var(--v-mint)}
.v-vtabs button[aria-selected="true"] .ic{background:var(--v-on-mint);color:var(--v-mint)}
.v-vtabs button[aria-selected="true"] .ic svg{width:15px;height:15px}
.v-vtabs button[data-v="teuer"] .ic{color:var(--v-warn)}
.v-vtabs button[data-v="teuer"][aria-selected="true"] .ic{color:var(--v-mint)}
/* caseta cu robotul (bro 15.10: „prea patrata”): colturi mari, lumina in culoarea verdictului, padurea se topeste, fara chenar dur */
.v-verdict{--vc:var(--v-mint);position:relative;overflow:visible;margin-bottom:8px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;min-height:170px;padding:22px 10px 18px 22px;border-radius:28px;isolation:isolate;
  border:1px solid color-mix(in srgb,var(--vc) 22%,transparent);
  background:
    radial-gradient(60% 75% at 80% 58%,color-mix(in srgb,var(--vc) 26%,transparent),transparent 70%),
    radial-gradient(90% 70% at 0% 0%,color-mix(in srgb,var(--v-text) 5%,transparent),transparent 60%),
    linear-gradient(160deg,var(--v-panel2),var(--v-panel));
  box-shadow:0 24px 50px -28px color-mix(in srgb,var(--vc) 55%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent);
  transition:border-color var(--m-slow) var(--m-ease),box-shadow var(--m-slow) var(--m-ease)}
.v-verdict::after{content:"";position:absolute;inset:auto 0 0 0;height:62%;z-index:-2;border-radius:0 0 27px 27px;background:var(--v-padure) center bottom/auto 100% repeat-x;filter:var(--v-forest-f,none);opacity:.55;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 55%),linear-gradient(0deg,#000 40%,transparent);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent 0,#000 55%) intersect,linear-gradient(0deg,#000 40%,transparent)}
[data-theme="light"] .v-verdict::after{opacity:.25}
.v-verdict-txt{display:grid;gap:6px}
.v-vt{font:800 clamp(21px,5.8vw,32px)/1.05 Archivo;letter-spacing:-.02em;color:var(--v-text)}
.v-vp{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.v-big{font:800 clamp(24px,6.8vw,40px)/1 Archivo;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.v-statt{font-size:clamp(14px,3.8vw,18px);color:var(--v-muted)}
.v-vx{color:var(--v-muted);font-size:clamp(14px,3.8vw,17px)}
.v-vprod{font-size:12px;color:var(--v-muted);opacity:.8}
.v-rob{/* 15.10: corpul se termina la 323/347 din poza; translate 7% = corpul fix pe marginea casetei,
     iar degetele (bro: „nu se vad”) atarna PESTE margine: caseta nu mai taie (overflow visible), robotul se tine de ea */
  width:100%;height:auto;max-width:240px;justify-self:end;align-self:end;margin:0 0 -18px;translate:0 7%;filter:drop-shadow(0 10px 22px rgba(0,0,0,.3));transform-origin:50% 100%;transition:opacity var(--m-fast) var(--m-ease),transform var(--m-slow) var(--m-ease)}
.v-verdict.swap .v-rob{opacity:0;transform:translateY(10px) scale(.96);transition-duration:var(--m-fast)}
.v-verdict.swap .v-verdict-txt{opacity:0;transition-duration:var(--m-fast)}
.v-verdict-txt{transition:opacity var(--m-base) var(--m-ease)}
.v-verdict[data-v="mittel"]{--vc:var(--chartMid,#3B82F6)}
.v-verdict[data-v="teuer"],.v-verdict[data-v="verd"]{--vc:var(--v-warn)}
.v-verdict[data-v="kein"]{--vc:var(--v-q)}
.v-verdict[data-v] .v-vt{color:var(--vc,var(--v-text))}
.v-vmore{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.v-vmore button{justify-content:flex-start;padding:8px 12px;text-align:left}
.v-vmore .ch{width:16px;height:16px;margin-left:auto;opacity:.6;flex:none}
.v-vmore .ic.warn{background:#E07A2E;color:#fff}
.v-vmore .ic.q{background:var(--v-panel2);color:var(--v-text);box-shadow:inset 0 0 0 1px var(--v-line2)}
.v-vmore .ic svg{width:18px;height:18px}
.v-vmore button[aria-pressed="true"]{border-color:var(--v-mint);background:var(--v-panel2)}

/* hell / dunkel */
.v-cmp{position:relative;width:100%;max-width:600px;border-radius:20px;overflow:hidden;border:1px solid var(--v-line2);user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize;aspect-ratio:676/330}
.v-cmp-side{position:absolute;inset:0;display:grid;align-content:end;padding:0 4% 4%}
.v-cmp-side.l{background:#F3F6F4}
.v-cmp-side.d{background:#0A1F15;clip-path:inset(0 0 0 var(--cut))}
.v-cmp-side img{width:100%;height:auto;border-radius:12px;pointer-events:none}
.v-cmp-tag{position:absolute;top:12px;display:flex;align-items:center;gap:6px;font:700 13px Archivo}
.v-cmp-side.l .v-cmp-tag{left:14px;color:#1C5F4A}
.v-cmp-side.d .v-cmp-tag{right:14px;color:#3BE3A3}
.v-cmp-tag svg{width:16px;height:16px}
.v-cmp-h{position:absolute;top:0;bottom:0;left:var(--cut);width:2px;margin-left:-1px;background:rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.v-cmp-h b{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#14201B;box-shadow:0 6px 20px rgba(0,0,0,.35)}
.v-cmp-h b svg{width:20px;height:20px}
.v-cmp-h:focus-visible b{box-shadow:0 0 0 3px var(--v-mint),0 6px 20px rgba(0,0,0,.35)}

/* date */
.v-data{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.v-data>div{display:grid;gap:6px;align-content:start;padding:6px 12px 6px 0;border-right:1px solid var(--v-line)}
.v-data>div+div{padding-left:12px}
.v-data>div:last-child{border-right:0}
.v-data svg{width:30px;height:30px;color:var(--v-mint);margin-bottom:4px;transition:transform var(--m-slow) var(--m-ease)}
.v-data b{font:700 clamp(14px,3.8vw,17px)/1.25 Archivo}
.v-data span{font-size:clamp(12.5px,3.4vw,14.5px);line-height:1.4;color:var(--v-muted)}

/* faq */
.v-faq{display:grid;gap:8px}
.v-faq details{border:1px solid var(--v-line2);border-radius:14px;background:var(--v-panel);transition:border-color var(--m-base) var(--m-ease)}
.v-faq details[open]{border-color:var(--v-mint)}
.v-faq summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 16px;font:600 clamp(15px,4vw,17px)/1.3 Archivo;cursor:pointer}
.v-faq summary::-webkit-details-marker{display:none}
.v-faq summary .v-pm{margin-left:auto}
.v-faq-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--m-slow) var(--m-ease)}
.v-faq details.anim .v-faq-b{grid-template-rows:1fr}
.v-faq-b>p{overflow:hidden;min-height:0;padding:0 16px;color:var(--v-muted);line-height:1.55}
.v-faq details.anim .v-faq-b>p{padding-bottom:16px}

/* final */
.v-final-sec>.wrap{border-top:0}
.v-final{position:relative;overflow:hidden;isolation:isolate;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;
  padding:clamp(22px,6vw,48px);border-radius:22px;border:1px solid var(--v-line2);
  background:radial-gradient(80% 120% at 0% 0%,color-mix(in srgb,var(--v-mint) 14%,transparent),transparent 60%),var(--v-panel)}
.v-final h2{font-size:clamp(25px,6.6vw,48px);line-height:1.04;margin:0}
.v-final h2 em{display:block}
.v-forest-cta{height:65%;opacity:.55}
.v-play.light{background:#F4F8F6;color:#07150D}

/* footer */
.v-foot{padding:28px 0 30px}
.v-foot-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.v-foot .v-brand{font-size:19px;margin:0}
.v-foot nav{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--v-muted)}
.v-foot nav a{text-decoration:none;color:var(--v-muted)}
.v-foot-note{margin-top:16px;font-size:12px;line-height:1.5;color:var(--v-muted);opacity:.8}

/* telefonul mare (telefon, dupa „Tippen & ausprobieren”) */
.v-phone-dlg{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100%;height:100%;display:grid;place-items:center;overflow:hidden}
.v-phone-dlg:not([open]){display:none}
.v-phone-dlg::backdrop{background:color-mix(in srgb,var(--v-bg) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.v-phone-dlg[open] .phone{animation:vZoom var(--m-slow) var(--m-ease)}
.v-phone-dlg[open]::backdrop{animation:vFade var(--m-base) var(--m-ease)}
.v-phone-dlg.closing .phone{animation:vZoomOut var(--m-fast) var(--m-exit) forwards}
.v-phone-dlg.closing::backdrop{animation:vFadeOut var(--m-fast) var(--m-exit) forwards}
@keyframes vZoom{from{transform:scale(.9) translateY(14px);opacity:0}}
@keyframes vZoomOut{to{transform:scale(.94) translateY(8px);opacity:0}}
@keyframes vFade{from{opacity:0}}
@keyframes vFadeOut{to{opacity:0}}
.v-phone-x{position:fixed;top:16px;right:16px;width:46px;height:46px;border-radius:50%;border:0;background:var(--v-panel);color:var(--v-text);box-shadow:0 0 0 1px var(--v-line2);display:grid;place-items:center;cursor:pointer}
.v-phone-x svg{width:20px;height:20px}

/* aparitii (rv vine din style.css; aici doar mai lin) */
/* 15.10 (bro: „se vede rau”): aparitiile mai scurte si mai devreme; fara sectiuni-fantoma la derulare */
@media (prefers-reduced-motion:no-preference){.js .rv:not(.in){transform:translateY(16px)}}
.js .rv{transition-duration:var(--m-slow)!important;transition-timing-function:var(--m-ease)!important;transition-delay:calc(var(--d,0) * 50ms)!important}

/* ------------------------------------------------------------ calculator */
@media (min-width:700px){
  .v-hero-phone .phone{--pw:230}
}
@media (min-width:960px){
  .v-links{display:flex}
  .v-burger{display:none}
  .v-menu{display:none}
  .v-hero{padding:40px 0 120px}
  .v-hero-in{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px 40px;align-items:center}
  .v-hero-text{gap:22px}
  .v-lede{max-width:34ch}
  .v-hero-phone{justify-items:start;padding-right:150px}
  .v-hero-phone .phone{--pw:290}
  .v-stat{right:0;width:168px;padding:16px}
  .v-stat-a{top:18%}.v-stat-b{top:54%}
  .v-hand{right:4%;bottom:-46px}
  .v-forest{height:200px}
  .v-sec{padding:70px 0 10px}
  .v-sec>.wrap{padding-top:44px;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);column-gap:60px;align-items:start}
  .v-sec>.wrap>.eyebrow,.v-sec>.wrap>h2,.v-sec>.wrap>.v-lede2{grid-column:1}
  .v-sec>.wrap>:not(.eyebrow):not(h2):not(.v-lede2){grid-column:2;grid-row:1 / span 4}
  .v-final-sec>.wrap{display:block}
  .v-verdict{min-height:230px}
  .v-data>div{padding-right:22px}.v-data>div+div{padding-left:22px}
  /* 15.10: titlul si propozitia stau una sub alta; spatiul ramas merge in randul 4 (1fr), nu intre ele */
  #urteile .wrap{grid-template-rows:auto auto auto 1fr auto}
  #urteile .wrap>.v-vtabs{grid-row:1}
  #urteile .wrap>.v-verdict{grid-row:2 / span 3}
  #urteile .wrap>.v-vmore{grid-row:5}
}
/* indicatiile din telefon nu se pun peste cardurile 155 / 88 */
.v-hero-phone .lv-tap,.v-hero-phone .lv-hint{display:none}
/* telefon (bro, 15.10): cardurile 155 / 88 stau pe marginea telefonului, nu peste tot ecranul lui */
@media (max-width:699px){
  .v-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .v-hero-phone{padding-right:0}
  .v-hero-phone .phone{--pw:142}
  .v-stat{right:-8px;width:84px;padding:9px 8px 10px 10px;border-radius:14px;gap:3px}
  .v-stat-ic{width:22px;height:22px;border-radius:7px}
  .v-stat-ic svg{width:14px;height:14px}
  .v-stat b{font-size:19px}
  .v-stat>span:last-child{font-size:11px}
  .v-stat-a{top:10%}.v-stat-b{top:56%}
  .v-hand{white-space:nowrap;font-size:18px;right:0}
  .v-hero h1{font-size:clamp(28px,8.4vw,44px)}
  .v-hero-in{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
  .v-hero-phone .phone{--pw:132}
  .v-play{gap:9px;padding:0 14px 0 11px}
  .v-play b{white-space:nowrap;font-size:clamp(15px,4.3vw,19px)}
  .v-play svg{flex:none}
}
@media (max-width:699px){
  .v-vtabs button{font-size:13px;gap:6px;padding:6px 8px;text-align:left;justify-content:flex-start}
  .v-vtabs .ic{width:22px;height:22px}.v-vtabs .ic svg{width:19px;height:19px}
  .v-verdict{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);padding-left:18px}
}
@media (max-width:380px){
  .v-hero-phone{padding-right:0}
  .v-hand{font-size:15px;right:-6px}
  .v-hero-phone .phone{--pw:128}
  .v-stat{width:80px;padding:10px 8px}
  /* 320-380: iconita deasupra textului, ca filele sa incapa */
  .v-vtabs button{flex-direction:column;justify-content:center;text-align:center;gap:3px;padding:7px 4px;font-size:12.5px}
  .v-vmore button{font-size:12.5px;padding:8px 9px;gap:7px}
}
@media (prefers-reduced-motion:reduce){
  .v-stat,.v-how svg,.v-hand svg{animation:none}
}
.v-vp[hidden]{display:none}
@media (min-width:960px) and (max-width:1199px){
  .v-hero-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .v-hero-phone{padding-right:128px}
  .v-hero-phone .phone{--pw:250}
  .v-stat{width:146px;padding:13px}
}

/* 15.10 (bro: „perfect pe orice device”): ecrane foarte mici (iPhone SE 320) */
@media (max-width:380px){
  .v-brand{font-size:18px;gap:8px}
  .v-brand img{width:30px;height:30px}
  .v-nav .seg button{width:34px;height:30px}
  .v-nav-in{gap:8px}
  .v-how{font-size:15px;white-space:nowrap}
  .v-data{grid-template-columns:1fr;gap:14px}
  .v-data>div,.v-data>div+div{grid-template-columns:28px 1fr;column-gap:12px;padding:0 0 14px;border-right:0;border-bottom:1px solid var(--v-line)}
  .v-data>div:last-child{border-bottom:0;padding-bottom:0}
  .v-data>div>svg{grid-row:span 2}
}
@media (max-width:340px){
  .v-hero-phone .phone{--pw:112}
  .v-stat{width:74px;padding:8px 7px}
  .v-stat b{font-size:16px}
  .v-stat>span:last-child{font-size:10.5px}
  .v-hand{font-size:13px;bottom:-40px}
}

/* 15.10 (bro: „fa-le pe toate”): pastila verde aluneca la fila apasata (dublura activa decupata cu clip-path) */
.v-vtabs{position:relative}
.v-vtabs.ind button[aria-selected="true"]{background:var(--v-panel);color:var(--v-text);border-color:var(--v-line2)}
.v-vtabs.ind button[aria-selected="true"] .ic{background:none;color:inherit}
.v-vtabs.ind button[data-v="teuer"][aria-selected="true"] .ic{color:var(--v-warn)}
.v-vact{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:inherit;gap:inherit;pointer-events:none;
  clip-path:inset(0 var(--r,100%) 0 var(--l,0) round 14px);transition:clip-path var(--m-slow) var(--m-ease)}
.v-vact.fara{transition:none}
.v-vact button{background:var(--v-mint);color:var(--v-on-mint);border-color:var(--v-mint)}
.v-vact .ic{background:var(--v-on-mint);color:var(--v-mint)}
.v-vact .ic svg{width:15px;height:15px}


/* hover doar unde exista mouse (pe telefon ramanea „agatat”) + lumina discreta care urmareste mouse-ul pe casete */
@media (hover:hover) and (pointer:fine){
  .v-links a:hover,.v-foot nav a:hover{color:var(--v-text)}
  .v-play:hover{transform:translateY(-2px)}
  .v-how:hover{border-color:var(--v-mint);gap:12px}
  .v-stat:hover,.v-ways button:hover,.v-mini-go:hover{border-color:var(--v-mint)}
  .v-bars button:hover{background:var(--v-mint);transform:scaleY(1.04)}
  .v-data>div:hover svg{transform:rotate(-8deg) scale(1.1)}
  .v-step,.v-faq details,.v-vmore button{background-image:radial-gradient(240px circle at var(--mx,-999px) var(--my,-999px),color-mix(in srgb,var(--v-mint) 10%,transparent),transparent 70%)}
}

/* 15.10: pe calculator cardurile 155 / 88 se lipesc de telefon (intra putin peste marginea lui), ca un singur grup */
@media (min-width:1200px){ .v-hero-phone .v-stat{left:254px;right:auto} }
@media (min-width:960px) and (max-width:1199px){ .v-hero-phone .v-stat{left:218px;right:auto} }

/* mana: la hover/apasare se ridica putin; telefonul tresare cand mana il „atinge” */
@media (hover:hover) and (pointer:fine){ .v-hand:hover{transform:rotate(-4deg) translateY(-3px)} .v-hand:hover svg{animation-duration:.9s} }
.v-hand:focus-visible{outline:2px solid var(--v-mint);outline-offset:4px;border-radius:10px}
.v-hero-phone .phone.atins{animation:vAtins var(--m-slow) var(--m-ease)}
@keyframes vAtins{40%{transform:scale(.985) rotate(-.6deg)}}

/* 15.10 (bro: „ferestrele … rearanjeaza-le pe telefon sa arate mult mai profi si animeaza-le”):
   pe telefon textul sus pe toata latimea, dedesubt telefonul centrat, cu cardurile pe diagonala
   (155 € iese pe stanga sus, 88 pe dreapta jos). Intra din laterale cand apare telefonul, apoi plutesc. */
@media (max-width:699px){
  .v-hero-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "phone" "checks";gap:30px}
  .v-hero h1{font-size:clamp(34px,10.6vw,50px)}
  .v-play b{font-size:19px}
  .v-hero-phone{justify-items:center;padding:4px 0 46px}
  .v-hero-phone .phone{--pw:210}
  .v-stat{width:128px;padding:11px 12px 12px;border-radius:16px;gap:4px}
  .v-stat-ic{width:26px;height:26px;border-radius:8px}
  .v-stat-ic svg{width:16px;height:16px}
  .v-stat b{font-size:25px}
  .v-stat>span:last-child{font-size:12px}
  .v-stat-a{top:12%;left:max(0px,calc(50% - 172px));right:auto}
  .v-stat-b{top:56%;right:max(0px,calc(50% - 172px));left:auto}
  .v-hand{right:auto;left:50%;bottom:4px;translate:-50% 0;font-size:19px}
  .v-checks{margin-top:0}
}
@media (max-width:380px){
  .v-hero-phone .phone{--pw:186}
  .v-stat{width:114px;padding:10px 10px 11px}
  .v-stat b{font-size:22px}
  .v-stat-a{left:0}.v-stat-b{right:0}
  .v-hand{font-size:16px;bottom:6px}
}
@media (max-width:340px){ .v-hero-phone .phone{--pw:170} .v-stat{width:104px} .v-stat b{font-size:20px} }

/* intrarea cardurilor: din partea lor, putin mai mici, apoi la loc; plutirea porneste dupa */
@media (prefers-reduced-motion:no-preference){
  .js .v-hero-phone .v-stat{transition:opacity var(--m-slow) var(--m-ease),translate .7s var(--m-ease),scale .7s var(--m-ease),border-color var(--m-fast) var(--m-ease)}
  .js .v-hero-phone .v-stat-a{transition-delay:.35s}
  .js .v-hero-phone .v-stat-b{transition-delay:.55s}
  .js .v-hero-phone:not(.in) .v-stat{opacity:0;scale:.9}
  .js .v-hero-phone:not(.in) .v-stat-a{translate:-34px 6px}
  .js .v-hero-phone:not(.in) .v-stat-b{translate:34px 6px}
  .v-stat-a{animation-duration:5.2s}
  .v-stat-b{animation-duration:6.1s;animation-delay:-2.4s}
}