/* ==========================================================================
   Varno — pagina de prezentare (destinyab.com/varno)

   Stilul paginilor de produs Apple: negru pentru momentele mari, gri foarte
   deschis pentru produs, titluri mari cu litere stranse, culoarea doar in
   degrade (portocaliu -> roz -> mov), ca in filmul de prezentare.

   Miscarea: doar transform si opacity, ca s-o faca placa video. Arcurile
   (spring) le scrie varno.js; aici e doar curba lor ca linear(), in --arc.
   ========================================================================== */

@font-face { font-family: "Inter"; font-weight: 400; font-display: swap;
  src: url("/static/fonts/inter-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap;
  src: url("/static/fonts/inter-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap;
  src: url("/static/fonts/inter-latin-500-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap;
  src: url("/static/fonts/inter-latin-ext-500-normal.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap;
  src: url("/static/fonts/inter-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap;
  src: url("/static/fonts/inter-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Inter Display: taietura pentru litere mari (desenata stransa, ca SF Pro Display). */
@font-face { font-family: "Inter Display"; font-weight: 600; font-display: swap;
  src: url("/static/varno/fonts/inter-display-semibold.woff") format("woff"); }
@font-face { font-family: "Inter Display"; font-weight: 700; font-display: swap;
  src: url("/static/varno/fonts/inter-display-bold.woff") format("woff"); }

:root {
  --negru: #000;
  --gri: #f5f5f7;
  --text: #1d1d1f;
  --text2: #6e6e73;
  --text-i: #f5f5f7;
  --text-i2: #86868b;
  --portocaliu: #ff8a1f;
  --roz: #ff3d5a;
  --magenta: #d63fa3;
  --mov: #8b5cf6;
  --degrade: linear-gradient(90deg, #ff8a1f 0%, #ff3d5a 45%, #d63fa3 74%, #8b5cf6 100%);
  --display: "Inter Display", "Inter", system-ui, -apple-system, sans-serif;
  --corp: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Arcul implicit (amortizare 1, raspuns 0.55 s). varno.js il rescrie ca linear(). */
  --arc: cubic-bezier(.22, 1, .36, 1);
  --arc-t: 900ms;
  --nav-h: 52px;
  color-scheme: light dark;
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: var(--nav-h); }
body {
  margin: 0;
  background: var(--negru);
  color: var(--text);
  font: 400 17px/1.47 var(--corp);
  letter-spacing: -0.011em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis: none;
  overflow-x: clip;
}
img, svg, video { display: block; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
a { color: inherit; -webkit-tap-highlight-color: transparent; }

.g {
  background: var(--degrade);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  /* coada lui „y” si „p” nu se taie */
  padding-bottom: .06em;
}

/* ---------------- Butoane ---------------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 44px; padding: 0 22px; border-radius: 999px;
  font-size: 17px; font-weight: 500; letter-spacing: -0.01em; text-decoration: none;
  transition: transform 120ms ease-out, background-color .25s ease, opacity .25s ease;
  touch-action: manipulation;
}
/* Raspunsul vine la apasare, nu la eliberare. */
.btn:active, .b-card:active, .film-poster:active { transform: scale(.97); transition-duration: 90ms; }
.btn-alb { background: #f5f5f7; color: #000; }
.btn-alb:hover { background: #fff; }
.btn-link { color: #2997ff; padding: 0 6px; }
.btn-link:hover span:first-child { text-decoration: underline; }
.ton-deschis .btn-link { color: #0066cc; }
.btn-mic { height: 28px; padding: 0 12px; font-size: 12px; font-weight: 500; background: var(--text-i); color: #000; }
.btn:focus-visible, .seg button:focus-visible, .comut:focus-visible, .film-poster:focus-visible, .nav a:focus-visible {
  outline: 2px solid #2997ff; outline-offset: 3px;
}

/* ---------------- Bara de sus (sticla) ---------------- */
.nav {
  position: fixed; inset: 0 0 auto 0; z-index: 50;
  height: var(--nav-h);
  background: rgba(22, 22, 23, .72);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  color: var(--text-i);
  transition: background-color .45s ease, color .45s ease, box-shadow .45s ease;
}
.nav[data-ton="deschis"] { background: rgba(251, 251, 253, .76); color: var(--text); box-shadow: 0 1px 0 rgba(0, 0, 0, .06); }
.nav-in { max-width: 1080px; height: 100%; margin: 0 auto; padding: 0 22px; display: flex; align-items: center; gap: 24px; }
.nav-logo { display: flex; align-items: center; gap: 9px; text-decoration: none; font: 600 19px/1 var(--display); letter-spacing: -0.02em; }
.nav-links { display: flex; gap: 26px; margin: 0 auto; font-size: 12.5px; }
.nav-links a { text-decoration: none; opacity: .8; transition: opacity .2s; }
.nav-links a:hover, .nav-links a.activ { opacity: 1; }
.nav-dr { display: flex; align-items: center; gap: 12px; margin-left: auto; }
@media (max-width: 900px) { .nav-links { display: none; } }

/* ---------------- Comutatoare segmentate (cu pastila pe arc) ---------------- */
.seg {
  position: relative; display: inline-flex; padding: 3px; border-radius: 999px;
  background: rgba(0, 0, 0, .06);
}
.seg button {
  position: relative; z-index: 1; height: 32px; padding: 0 18px; border-radius: 999px;
  font-size: 14px; font-weight: 500; color: var(--text2);
  transition: color .3s ease;
}
.seg button[aria-checked="true"], .seg button[aria-selected="true"] { color: var(--text); }
.seg-pill {
  position: absolute; top: 3px; left: 0; height: calc(100% - 6px); width: 60px;
  border-radius: 999px; background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 3px 10px rgba(0, 0, 0, .06);
  will-change: transform, width;
}
.seg-mic { background: rgba(255, 255, 255, .1); padding: 2px; }
.seg-mic button { height: 24px; padding: 0 9px; font-size: 11px; font-weight: 600; color: rgba(245, 245, 247, .6); }
.seg-mic button[aria-checked="true"] { color: #000; }
.seg-mic .seg-pill { top: 2px; height: calc(100% - 4px); background: #f5f5f7; box-shadow: none; }
.nav[data-ton="deschis"] .seg-mic { background: rgba(0, 0, 0, .06); }
.nav[data-ton="deschis"] .seg-mic button { color: var(--text2); }
.nav[data-ton="deschis"] .seg-mic button[aria-checked="true"] { color: #fff; }
.nav[data-ton="deschis"] .seg-mic .seg-pill { background: #1d1d1f; }
.nav[data-ton="deschis"] .btn-mic { background: #1d1d1f; color: #fff; }
.seg-inchis { background: rgba(255, 255, 255, .1); }
.seg-inchis button { color: rgba(245, 245, 247, .62); }
.seg-inchis button[aria-selected="true"] { color: #000; }
.seg-inchis .seg-pill { background: #f5f5f7; }

/* ---------------- Hero ---------------- */
.hero {
  position: relative; min-height: 100vh; min-height: 100svh;
  display: grid; place-items: center; overflow: hidden;
  background: #000; color: var(--text-i); text-align: center;
  padding: calc(var(--nav-h) + 40px) 22px 80px;
}
.hero-lumina {
  position: absolute; left: 50%; top: 42%; width: 900px; height: 900px; margin: -450px 0 0 -450px;
  background: radial-gradient(closest-side, rgba(214, 63, 120, .32), rgba(139, 92, 246, .14) 45%, transparent 72%);
  pointer-events: none; will-change: transform, opacity;
}
.hero-in { position: relative; will-change: transform, opacity; }
.hero-icon {
  margin: 0 auto 30px; width: clamp(120px, 15vw, 168px); height: auto; aspect-ratio: 1;
  filter: drop-shadow(0 20px 60px rgba(255, 61, 110, .28));
}
.hero-titlu {
  margin: 0; font: 700 clamp(72px, 13vw, 156px)/.95 var(--display); letter-spacing: -0.045em;
  background: linear-gradient(180deg, #fff 40%, #c9c9cf); -webkit-background-clip: text; background-clip: text; color: transparent;
  padding-bottom: .04em;
}
.hero-sub { margin: 18px 0 0; font: 600 clamp(22px, 3vw, 34px)/1.15 var(--display); letter-spacing: -0.022em; color: #a1a1a6; }
.hero-butoane { display: flex; gap: 14px; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 40px; }

/* Intrarea: totul pleaca putin mai mic si incetosat si se aseaza pe arc. */
.js .hero .hero-icon, .js .hero .hero-titlu, .js .hero .hero-sub, .js .hero .hero-butoane { opacity: 0; transform: translateY(18px) scale(.94); filter: blur(10px); }
.js .hero.pornit .hero-icon, .js .hero.pornit .hero-titlu, .js .hero.pornit .hero-sub, .js .hero.pornit .hero-butoane {
  opacity: 1; transform: none; filter: none;
  transition: opacity 1s ease, transform 1.4s var(--arc), filter 1s ease;
}
.js .pornit .hero-icon { transform: none; filter: drop-shadow(0 20px 60px rgba(255, 61, 110, .28)); }
.js .pornit .hero-titlu { transition-delay: .12s; }
.js .pornit .hero-sub { transition-delay: .26s; }
.js .pornit .hero-butoane { transition-delay: .42s; }

/* ---------------- Jongleria (scena lipita) ---------------- */
.juggle { position: relative; height: 380vh; background: #000; color: var(--text-i); }
.juggle-lipit {
  position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden;
  display: grid; place-items: center; text-align: center;
}
.juggle-linia { grid-area: 1 / 1; will-change: opacity, transform; }
.juggle-cap { margin: 0 0 6px; font: 600 clamp(26px, 4.2vw, 52px)/1.1 var(--display); letter-spacing: -0.028em; color: #86868b; padding: 0 22px; }
.juggle-cuvinte { display: grid; height: 1.2em; font: 700 clamp(56px, 10vw, 132px)/1.1 var(--display); letter-spacing: -0.045em; }
.juggle-cuvinte > span {
  grid-area: 1 / 1; justify-self: center;
  opacity: 0; transform: translateY(.42em) scale(.96); filter: blur(14px);
  transition: opacity .55s ease, transform .9s var(--arc), filter .6s ease;
}
.juggle-cuvinte > span.on { opacity: 1; transform: none; filter: none; }
.juggle-cuvinte > span.sus { opacity: 0; transform: translateY(-.42em) scale(.96); filter: blur(14px); }
.nor { position: absolute; inset: 0; pointer-events: none; }
.nor { --sx: 1; }
.nor span {
  position: absolute; left: calc(50% + var(--x) * var(--sx) * 1vw); top: calc(50% + var(--y) * 1vh);
  font: 500 calc(13px + var(--z) * 15px)/1 var(--corp); letter-spacing: -0.01em;
  color: rgba(245, 245, 247, calc(.22 + var(--z) * .6));
  white-space: nowrap; opacity: 0; translate: -50% -50%;
  will-change: transform, opacity;
}
.juggle-intrebare {
  grid-area: 1 / 1; margin: 0; padding: 0 22px; position: relative; z-index: 2;
  font: 700 clamp(36px, 6.4vw, 80px)/1.08 var(--display); letter-spacing: -0.04em;
  opacity: 0; will-change: opacity, transform;
}
.juggle-punct {
  position: absolute; left: 50%; top: 50%; width: 120px; height: 120px; margin: -60px 0 0 -60px;
  border-radius: 50%; background: #f5f5f7; transform: scale(0); z-index: 3;
  box-shadow: 0 0 80px 30px rgba(255, 255, 255, .25);
  will-change: transform;
}

/* ---------------- Sectiunile cu produsul ---------------- */
.sectiune { position: relative; padding: 140px 22px 120px; }
.ton-deschis { background: var(--gri); color: var(--text); }
.ton-inchis { background: #000; color: var(--text-i); }
.cap { max-width: 1120px; margin: 0 auto 64px; text-align: center; }
.cap h2 { margin: 0; font: 700 clamp(40px, 6.6vw, 80px)/1.05 var(--display); letter-spacing: -0.042em; text-wrap: balance; }
.cap p { margin: 18px auto 0; max-width: 640px; font: 500 clamp(19px, 2vw, 24px)/1.35 var(--corp); letter-spacing: -0.017em; color: var(--text2); text-wrap: balance; }
.ton-inchis .cap p { color: var(--text-i2); }

.puncte {
  max-width: 1080px; margin: 72px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px;
}
.puncte h3 { margin: 0 0 8px; font: 600 21px/1.2 var(--display); letter-spacing: -0.02em; }
.puncte p { margin: 0; font-size: 16px; line-height: 1.5; color: var(--text2); }
@media (max-width: 760px) { .puncte { grid-template-columns: 1fr; gap: 28px; margin-top: 48px; } .sectiune { padding: 100px 20px 90px; } .cap { margin-bottom: 40px; } }

/* Aparitia la derulare: opacitate + o urcare mica, pe arc. */
.js .rv { opacity: 0; transform: translateY(36px); transition: opacity .9s ease, transform var(--arc-t) var(--arc); transition-delay: calc(var(--d, 0) * 90ms); }
.js .rv.in { opacity: 1; transform: none; }
.js .puncte.rv > div { opacity: 0; transform: translateY(24px); transition: opacity .8s ease, transform var(--arc-t) var(--arc); }
.js .puncte.rv.in > div { opacity: 1; transform: none; }
.js .puncte.rv.in > div:nth-child(2) { transition-delay: .1s; }
.js .puncte.rv.in > div:nth-child(3) { transition-delay: .2s; }

/* ---------------- Fereastra aplicatiei (desenata la 1280 px, scalata) ---------------- */
.mock {
  --k: 1;
  position: relative; width: min(1280px, 100%); margin: 0 auto;
  height: calc(var(--h, 760) * var(--k) * 1px);
  transform-origin: 50% 0;
  will-change: transform, opacity;
}
.mock-in {
  position: absolute; top: 0; left: 0; width: 1280px; height: calc(var(--h, 760) * 1px);
  transform: scale(var(--k)); transform-origin: 0 0;
}
.w {
  --wbg: #fbfbfd; --wcard: #fff; --wline: #ececf0; --wt: #1d1d1f; --wt2: #6e6e73; --wt3: #a1a1a6; --wtab: #efeff2;
  --wverde: #1f9d55; --wrosu: #e5383b;
  background: var(--wbg); color: var(--wt);
  border-radius: 30px; overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 30px 80px -20px rgba(15, 20, 40, .22), 0 60px 140px -40px rgba(15, 20, 40, .16);
  font-family: var(--corp); letter-spacing: -0.01em;
  transition: background-color .6s ease, color .6s ease;
}
.w * { transition: background-color .6s ease, border-color .6s ease, color .6s ease, fill .6s ease, stop-color .6s ease; }
.w.noapte {
  --wbg: #141416; --wcard: #1d1d20; --wline: #2b2b2f; --wt: #f5f5f7; --wt2: #a1a1a6; --wt3: #6e6e73; --wtab: #2a2a2e;
  --wverde: #34c759; --wrosu: #ff6b6e;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 30px 80px -20px rgba(0, 0, 0, .5);
}
.w-bara { display: flex; align-items: center; height: 84px; padding: 0 30px; border-bottom: 1px solid var(--wline); }
.w-logo { display: flex; align-items: center; gap: 12px; font: 600 25px/1 var(--display); letter-spacing: -0.02em; width: 260px; }
.w-taburi { display: flex; gap: 6px; margin: 0 auto; font-size: 19px; color: var(--wt2); }
.w-taburi span { padding: 9px 18px; border-radius: 999px; white-space: nowrap; }
.w-taburi .ales { background: var(--wtab); color: var(--wt); }
.w-dr { width: 260px; display: flex; justify-content: flex-end; align-items: center; gap: 12px; }
.w-limba { font-size: 14px; font-weight: 600; color: var(--wt2); border: 1px solid var(--wline); border-radius: 8px; padding: 5px 9px; }
.w-avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, #ff8a1f, #ff3d6e 55%, #b33ad6); color: #fff; font-size: 14px; font-weight: 600; }
.w-corp { padding: 30px 40px; }

.m-data { margin: 0; font-size: 17px; color: var(--wt2); }
.m-salut { margin: 6px 0 22px; font: 600 32px/1.15 var(--display); letter-spacing: -0.025em; }
.m-cifre { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.m-card, .m-panou { background: var(--wcard); border: 1px solid var(--wline); border-radius: 22px; }
.m-card { padding: 24px 26px; }
.m-et { margin: 0; font-size: 17px; color: var(--wt2); }
.m-val { margin: 10px 0 8px; font: 600 46px/1 var(--display); letter-spacing: -0.035em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.m-val.mare { font-size: 58px; }
.m-val small { font: 500 22px var(--corp); color: var(--wt2); letter-spacing: 0; }
.m-sek, .m-sek2 { font: 500 24px var(--corp); color: var(--wt2); letter-spacing: 0; }
.m-sek:not(:empty) { margin-right: 6px; }
.m-sek2:not(:empty) { margin-left: 6px; }
.m-din { font: 500 28px var(--corp); color: var(--wt2); }
.m-up { margin: 0; font-size: 15px; color: var(--wverde); font-weight: 500; }
.m-sub { margin: 0; font-size: 15px; color: var(--wt2); }
.m-jos { display: grid; grid-template-columns: 1fr 420px; gap: 20px; margin-top: 20px; }
.m-panou { padding: 26px 28px; }
.m-panou-t { margin: 0 0 14px; font: 600 23px/1.2 var(--display); letter-spacing: -0.02em; display: flex; align-items: center; gap: 10px; }

.m-azi { background: var(--wcard); border: 1px solid var(--wline); border-radius: 22px; padding: 26px 26px 10px; }
.m-azi-t { margin: 0 0 18px; font: 600 23px/1 var(--display); letter-spacing: -0.02em; }
.m-azi-r, .fl-lista .m-azi-r { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 20px; }
.m-azi-r b { display: block; font-size: 18px; font-weight: 500; }
.m-azi-r span:not(.ic) { display: block; font-size: 15px; color: var(--wt2); margin-top: 2px; }
.ic { flex: none; width: 38px; height: 38px; border-radius: 11px; display: grid; place-items: center; }
.ic svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.ic.galben { background: #fff4d6; color: #d68a00; }
.ic.mov { background: #efe7ff; color: #7c4dea; }
.ic.albastru { background: #e3f0ff; color: #1a7cf0; }
.ic.verde { background: #def6e7; color: #1f9d55; }
.ic.roz { background: #ffe4ec; color: #ff3d6e; }
.ic.albastru.plin { background: #1a7cf0; color: #fff; }
.w.noapte .ic.galben { background: #3a3020; } .w.noapte .ic.mov { background: #2d2540; }
.w.noapte .ic.albastru { background: #1c2a3e; } .w.noapte .ic.verde { background: #1b3326; }

/* Scena cu camionul (ca pe Acasa din aplicatie) */
.drum { position: relative; height: 412px; border-radius: 22px; overflow: hidden; }
.drum-scena { position: absolute; inset: 0; width: 100%; height: 100%; }
.drum-chips { position: absolute; z-index: 2; top: 18px; left: 20px; display: flex; gap: 10px; }
.drum-chips span { background: rgba(255, 255, 255, .86); color: #1d1d1f; font-size: 14px; font-weight: 500; padding: 6px 12px; border-radius: 999px;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.c-cer1 { stop-color: #9cc4f2; } .c-cer2 { stop-color: #f2d8d2; } .c-cer3 { stop-color: #f7c9a6; }
.d-soare { fill: #fff6e3; } .d-deal1 { fill: #c7b8e6; } .d-deal2 { fill: #b6a7da; }
.d-brazi path { fill: #9f90cf; } .d-asfalt { fill: #3a3a42; }
.d-linii path { stroke: #f5f5f7; stroke-width: 5; stroke-dasharray: 46 46; fill: none; }
.d-umbra { fill: rgba(0, 0, 0, .28); }
.d-remorca { fill: #fbfbfd; stroke: #e5e5ea; }
.d-varno { font: 700 46px var(--display); letter-spacing: -0.02em; fill: #1d1d1f; }
.d-sa { fill: #55555c; } .d-aripa { fill: none; stroke: #2c2c30; stroke-width: 5; stroke-linecap: round; }
.d-rezervor { fill: #b9bcc4; } .d-usa { fill: none; stroke: rgba(255, 255, 255, .08); stroke-width: 1.5; }
.d-bara { fill: none; stroke: #8e8e93; stroke-width: 3; stroke-linecap: round; } .d-bara.gros { stroke: #3a3a40; stroke-width: 5; }
.d-sasiu { fill: #2c2c30; } .d-picior { stroke: #2c2c30; stroke-width: 5; }
.d-cap { fill: #1f1f24; } .d-geam { fill: #5f6b82; } .d-far { fill: #fff3c2; } .d-treapta { fill: #8e8e93; }
.d-anvelopa { fill: #1b1b1e; } .d-janta { fill: #c7c7cc; } .d-spite { stroke: #5a5a60; stroke-width: 2; }
.w.noapte .c-cer1 { stop-color: #0b1430; } .w.noapte .c-cer2 { stop-color: #2a2a58; } .w.noapte .c-cer3 { stop-color: #5a3d6c; }
.w.noapte .d-soare { fill: #e9ecf5; } .w.noapte .d-halou { opacity: .35; }
.w.noapte .d-deal1 { fill: #3b3466; } .w.noapte .d-deal2 { fill: #2f2a55; } .w.noapte .d-brazi path { fill: #241f44; }
.w.noapte .d-asfalt { fill: #1c1c22; } .w.noapte .d-remorca { fill: #d9d9e2; }
.w.noapte .d-far { fill: #fff3c2; filter: drop-shadow(0 0 10px #ffe9a0); }
.w.noapte .drum-chips span { background: rgba(30, 30, 34, .8); color: #f5f5f7; }
/* Miscarea camionului merge doar cat se vede (.viz), ca sa nu consume degeaba. */
.roata { transform-box: fill-box; transform-origin: center; animation: v-roata .8s linear infinite paused; }
.d-linii path { animation: v-linii .55s linear infinite paused; }
.camion { animation: v-tremur 2.4s ease-in-out infinite paused; }
.viz .roata, .viz .d-linii path, .viz .camion { animation-play-state: running; }
@keyframes v-roata { to { transform: rotate(360deg); } }
@keyframes v-linii { to { stroke-dashoffset: 92; } }
@keyframes v-tremur { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-1.5px); } }

/* ---- Flux de numerar ---- */
.cf { display: grid; grid-template-columns: 1fr 420px; gap: 20px; }
.cf-grafic { height: 570px; }
.cf-sus { display: flex; justify-content: space-between; align-items: flex-start; }
.cf-leg { display: flex; gap: 18px; font-size: 15px; color: var(--wt2); }
.cf-leg i { display: inline-block; width: 22px; height: 3px; border-radius: 2px; vertical-align: middle; margin-right: 8px; }
.l-real { background: linear-gradient(90deg, #ff8a1f, #ff3d6e); }
.l-prog { background: repeating-linear-gradient(90deg, #8b5cf6 0 5px, transparent 5px 8px); }
.cf-svg { width: 100%; height: auto; margin-top: 40px; overflow: visible; }
.cf-grila line { stroke: var(--wline); stroke-width: 1.5; }
.cf-ax text { font: 500 17px var(--corp); fill: var(--wt3); text-anchor: end; }
.cf-ax text[x="130"], .cf-ax text[x="290"], .cf-ax text[x="450"], .cf-ax text[x="610"], .cf-ax text[x="770"] { text-anchor: middle; }
.cf-arie { fill: url(#cf-arie); opacity: 0; transition: opacity 1.2s ease .6s; }
.cf-real { fill: none; stroke: url(#vg-h); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 2s cubic-bezier(.45, 0, .2, 1); }
.cf-prog { fill: none; stroke: #8b5cf6; stroke-width: 4; stroke-linecap: round; stroke-dasharray: 10 9; opacity: 0; transition: opacity .8s ease 2s; }
.cf-banda { fill: url(#cf-arie2); opacity: 0; transition: opacity 1s ease 2.2s; }
.cf-azi { stroke: var(--wt3); stroke-width: 1.5; stroke-dasharray: 4 5; opacity: 0; transition: opacity .6s ease 1.8s; }
.cf-azi-et rect { fill: #1d1d1f; } .cf-azi-et text { fill: #fff; font: 600 13px var(--corp); text-anchor: middle; }
.w.noapte .cf-azi-et rect { fill: #f5f5f7; } .w.noapte .cf-azi-et text { fill: #000; }
.cf-azi-et, .cf-punct { opacity: 0; transition: opacity .5s ease 1.9s; }
.cf-punct { fill: #fff; stroke: #ff3d6e; stroke-width: 4; }
.cf-bula { opacity: 0; transform: translateY(8px) scale(.9); transform-box: fill-box; transform-origin: 0 100%;
  transition: opacity .5s ease 2.6s, transform .8s var(--arc) 2.6s; }
.cf-bula rect { fill: #8b5cf6; } .cf-bula text { fill: #fff; font: 600 15px var(--corp); text-anchor: middle; }
.play .cf-real { stroke-dashoffset: 0; }
.play .cf-arie, .play .cf-prog, .play .cf-banda, .play .cf-azi, .play .cf-azi-et, .play .cf-punct { opacity: 1; }
.play .cf-bula { opacity: 1; transform: none; }
.cf-lista { padding-bottom: 8px; }
.cf-r { display: grid; grid-template-columns: 84px 1fr auto; align-items: center; gap: 10px; padding: 15px 0; border-bottom: 1px solid var(--wline);
  font-size: 18px; opacity: 0; transform: translateX(16px); transition: opacity .5s ease, transform .8s var(--arc); }
.cf-r span { color: var(--wt2); font-size: 16px; }
.cf-r b { font-weight: 500; }
.cf-r em { font-style: normal; font-weight: 600; font-variant-numeric: tabular-nums; }
.cf-r em.plus { color: var(--wverde); }
.play .cf-r { opacity: 1; transform: none; }
.play .cf-r:nth-of-type(2) { transition-delay: .3s; } .play .cf-r:nth-of-type(3) { transition-delay: .4s; }
.play .cf-r:nth-of-type(4) { transition-delay: .5s; } .play .cf-r:nth-of-type(5) { transition-delay: .6s; }
.play .cf-r:nth-of-type(6) { transition-delay: .7s; } .play .cf-r:nth-of-type(7) { transition-delay: .8s; }

/* ---- Facturi ---- */
.inv { display: grid; grid-template-columns: 470px 1fr; gap: 20px; position: relative; }
.inv-inbox, .inv-plati { padding: 26px 0 0; height: 580px; }
.inv-inbox .m-panou-t, .inv-cap { padding: 0 28px; }
.inv-cap { display: flex; justify-content: space-between; align-items: center; }
.pastila { font: 500 14px var(--corp); padding: 4px 11px; border-radius: 999px; background: #ffe4ec; color: #e0245e; letter-spacing: 0; }
.pastila.gri { background: var(--wtab); color: var(--wt2); }
.pastila.rosie { background: #ffe5e5; color: #e5383b; font-weight: 600; font-size: 16px; padding: 6px 14px; }
.inv-mail { display: grid; grid-template-columns: 48px 1fr auto; gap: 14px; align-items: center; padding: 15px 28px; border-top: 1px solid var(--wline); position: relative; }
.inv-mail::before { content: ""; position: absolute; left: 11px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: #ff3d6e; transition: transform .4s var(--arc), opacity .3s; }
.inv-mail.citit::before { transform: scale(0); opacity: 0; }
.inv-mail b { display: block; font-size: 18px; font-weight: 500; }
.inv-mail span:not(.av):not(.pdf) { display: block; font-size: 15px; color: var(--wt2); margin-top: 1px; }
.av { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; color: #fff; font-weight: 600; font-size: 17px; }
.av.o { background: #ff8a1f; } .av.r { background: #ff3d6e; } .av.b { background: #1a7cf0; } .av.p { background: #8b5cf6; }
.pdf { font: 700 12px var(--corp); letter-spacing: .06em; color: #ff3d6e; border: 1.5px solid #ffd0dc; border-radius: 7px; padding: 5px 9px; background: var(--wcard); }
.pdf.zbor { position: absolute; z-index: 5; pointer-events: none; box-shadow: 0 10px 24px rgba(255, 61, 110, .3); }
.inv-th, .inv-r { display: grid; grid-template-columns: 1.6fr .9fr .9fr 1.2fr; align-items: center; padding: 0 28px; }
.inv-th { margin-top: 20px; padding-bottom: 12px; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--wt2); border-bottom: 1px solid var(--wline); }
.inv-r { height: 78px; border-bottom: 1px solid var(--wline); font-size: 18px; }
.inv-r b { font-weight: 500; }
.inv-r > span { color: var(--wt2); }
.inv-r .num { color: var(--wt); font-weight: 600; font-variant-numeric: tabular-nums; }
.st { justify-self: start; font-size: 14px; font-weight: 600; padding: 5px 12px; border-radius: 999px; }
.st.ok { background: #def6e7; color: #1f9d55; } .st.cn { background: #efe7ff; color: #7c4dea; }
.w.noapte .st.ok { background: #1b3326; color: #34c759; } .w.noapte .st.cn { background: #2d2540; color: #b794ff; }
.inv-r > * { opacity: 0; transition: opacity .45s ease; }
.inv-r .st { transform: scale(.6); transition: opacity .3s ease, transform .7s cubic-bezier(.3, 1.6, .5, 1); }
.inv-r.on > * { opacity: 1; }
.inv-r.on .st { transform: none; transition-delay: .25s; }
.inv-total { display: flex; justify-content: space-between; align-items: baseline; padding: 22px 28px; font-size: 18px; color: var(--wt2); }
.inv-total b { color: var(--wt); font: 600 30px var(--display); letter-spacing: -0.02em; }
.inv-total small { font: 500 14px var(--corp); color: var(--wt2); }

/* ---- Combustibil ---- */
.fu { display: grid; grid-template-columns: 1fr 430px; gap: 20px; }
.fu-tabel { padding: 26px 0 0; height: 580px; }
.fu-th, .fu-r { display: grid; grid-template-columns: 1fr 1fr 1fr 1.2fr; align-items: center; padding: 0 28px; }
.fu-th { margin-top: 20px; padding-bottom: 12px; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--wt2); border-bottom: 1px solid var(--wline); }
.fu-r { height: 88px; border-bottom: 1px solid var(--wline); font-size: 18px; }
.fu-r b { display: block; font-weight: 500; }
.fu-r small { display: block; color: var(--wt2); font-size: 14px; }
.fu-r .num { font-weight: 500; font-variant-numeric: tabular-nums; }
.fu-r s { text-decoration: none; position: relative; transition: color .4s ease; }
.fu-r.gresit s::after { content: ""; position: absolute; left: -3px; right: -3px; top: 52%; height: 2.5px; border-radius: 2px; background: var(--wrosu);
  transform: scaleX(0); transform-origin: left; transition: transform .45s cubic-bezier(.6, 0, .3, 1); }
.play .fu-r.gresit s { color: var(--wrosu); }
.play .fu-r.gresit s::after { transform: scaleX(1); }
.fu-o { display: flex; align-items: center; gap: 10px; }
.fu-o em { font-style: normal; font-size: 13px; font-weight: 600; border-radius: 999px; }
.est { color: #d97706; background: #fff1dc; padding: 3px 10px; }
.bif { width: 22px; height: 22px; display: grid; place-items: center; background: #def6e7; color: #1f9d55; font-size: 12px; }
.w.noapte .est { background: #3a2c16; color: #ffb547; } .w.noapte .bif { background: #1b3326; color: #34c759; }
.fu-r.gresit .fu-o { opacity: 0; transform: translateY(8px); transition: opacity .4s ease, transform .7s var(--arc); }
.play .fu-r.gresit .fu-o { opacity: 1; transform: none; }
.play .fu-r[data-i="1"] s::after { transition-delay: .5s; } .play .fu-r[data-i="1"] s { transition-delay: .5s; } .play .fu-r[data-i="1"] .fu-o { transition-delay: .95s; }
.play .fu-r[data-i="2"] s::after { transition-delay: 1.1s; } .play .fu-r[data-i="2"] s { transition-delay: 1.1s; } .play .fu-r[data-i="2"] .fu-o { transition-delay: 1.55s; }
.play .fu-r[data-i="4"] s::after { transition-delay: 1.7s; } .play .fu-r[data-i="4"] s { transition-delay: 1.7s; } .play .fu-r[data-i="4"] .fu-o { transition-delay: 2.15s; }
.fu-dr { display: grid; gap: 20px; grid-template-rows: auto 1fr; }
.fu-bare { position: relative; display: flex; align-items: flex-end; gap: 10px; height: 150px; margin-top: 26px; }
.fu-bare i { position: relative; flex: 1; height: calc(var(--h) * 1%); border-radius: 7px; background: var(--wtab);
  transform: scaleY(0); transform-origin: bottom; transition: transform 1s var(--arc); transition-delay: calc(var(--i) * 45ms); }
.fu-bare i.rosu { background: #ff3b30; transition-delay: .7s; }
.fu-bare i b { position: absolute; bottom: 100%; left: 50%; margin-bottom: 6px; translate: -50% 0; font-size: 13px; font-weight: 600; color: #ff3b30; white-space: nowrap; }
.play .fu-bare i { transform: none; }
.fu-medie { position: absolute; left: 0; right: 0; bottom: 64%; border-top: 2px dashed var(--wt3); opacity: .5; }
.fu-unul .pastila { display: inline-block; margin-top: 4px; }

/* ---- Flota ---- */
.fl { display: grid; grid-template-columns: 1fr 420px; gap: 20px; }
.fl-schita { height: 580px; padding: 26px 28px; position: relative; }
.fl-schita .inv-cap { padding: 0; }
.fl-leg { display: flex; gap: 10px; font-size: 14px; color: var(--wt2); }
.fl-leg > span { background: var(--wtab); padding: 4px 10px; border-radius: 999px; display: flex; align-items: center; gap: 6px; }
.fl-leg i { width: 9px; height: 9px; border-radius: 2px; }
.t-iarna { --c: #2f8cff; } .t-all { --c: #34c759; } .t-ms { --c: #ffa31a; }
.fl-leg i.t-iarna, .fl-leg i.t-all, .fl-leg i.t-ms { background: var(--c); }
.fl-desen { position: relative; height: 380px; margin-top: 10px; font-size: 18px; }
.fl-et { position: absolute; font-size: 18px; font-weight: 500; white-space: nowrap; opacity: 0; transform: translateY(6px); transition: opacity .5s ease, transform .7s var(--arc); }
.fl-et.e1 { right: 215px; top: 6px; } .fl-et.e2 { right: 0; top: 6px; } .fl-et.e3 { left: 20px; top: 338px; } .fl-et.e4 { left: 380px; top: 338px; }
.play .fl-et { opacity: 1; transform: none; }
.play .fl-et.e2 { transition-delay: .3s; } .play .fl-et.e3 { transition-delay: .5s; } .play .fl-et.e4 { transition-delay: .7s; }
.fl-remorca { position: absolute; left: 20px; top: 120px; width: 470px; height: 140px; border: 2px solid var(--wline); border-radius: 12px;
  display: grid; place-items: center; padding-left: 120px; padding-right: 40px; font-size: 18px; font-weight: 500; letter-spacing: .2em; color: var(--wt3); }
.fl-sasiu { position: absolute; left: 440px; top: 158px; width: 160px; height: 64px; background: var(--wtab); border-radius: 6px; }
.fl-cabina { position: absolute; left: 584px; top: 112px; width: 104px; height: 156px; border-radius: 20px; background: #4a4a50;
  box-shadow: inset -28px 0 0 -10px #707078; }
.ax { position: absolute; left: calc(var(--x) * 1px); top: 90px; width: 6px; height: 200px; margin-left: -3px; background: var(--wline); border-radius: 3px; }
.tyre { position: absolute; left: calc(var(--x) * 1px - 26px); top: calc(66px + var(--y) * 196px); width: 52px; height: 36px; border-radius: 9px;
  background: var(--wtab); transition: background-color .5s ease, transform .7s cubic-bezier(.3, 1.5, .5, 1); transform: scale(.85); }
.tyre.dubla { height: 40px; box-shadow: 0 46px 0 0 currentColor; color: var(--wtab); }
.tyre.dubla[style*="--y:0"] { top: 50px; } .tyre.dubla[style*="--y:1"] { top: 262px; box-shadow: 0 -46px 0 0 currentColor; }
.play .tyre { background: var(--c); transform: none; transition-delay: calc(.2s + var(--i) * .14s); }
.play .tyre.dubla { color: var(--c); }
.fl-regula { position: absolute; left: 28px; right: 28px; bottom: 28px; display: flex; align-items: center; gap: 16px; padding: 18px 20px;
  background: #eaf3ff; border-radius: 16px; font-size: 18px; opacity: 0; transform: translateY(14px); transition: opacity .5s ease 1.2s, transform .8s var(--arc) 1.2s; }
.fl-regula p { margin: 0; }
.play .fl-regula { opacity: 1; transform: none; }
.w.noapte .fl-regula { background: #1c2a3e; }
.fl-lista { padding-top: 26px; }
.fl-lista .m-azi-r { padding-bottom: 18px; border-bottom: 1px solid var(--wline); opacity: 0; transform: translateX(14px); transition: opacity .5s ease, transform .8s var(--arc); }
.play .fl-lista .m-azi-r { opacity: 1; transform: none; }
.play .fl-lista .m-azi-r:nth-of-type(2) { transition-delay: .1s; } .play .fl-lista .m-azi-r:nth-of-type(3) { transition-delay: .2s; }
.play .fl-lista .m-azi-r:nth-of-type(4) { transition-delay: .3s; } .play .fl-lista .m-azi-r:nth-of-type(5) { transition-delay: .4s; }

/* ---------------- Soferii: telefonul ---------------- */
.soferi { overflow: hidden; padding-top: 160px; padding-bottom: 160px; }
.soferi-lumina { position: absolute; right: -10%; top: 10%; width: 900px; height: 900px; pointer-events: none;
  background: radial-gradient(closest-side, rgba(255, 61, 90, .25), rgba(139, 92, 246, .12) 50%, transparent 75%); }
.soferi-in { position: relative; max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: 1fr 380px; gap: 60px; align-items: center; }
.soferi-text h2 { margin: 0; font: 700 clamp(40px, 5.6vw, 72px)/1.05 var(--display); letter-spacing: -0.042em; }
.soferi-text > p { margin: 22px 0 36px; font: 500 22px/1.35 var(--corp); color: var(--text-i2); letter-spacing: -0.017em; }
.soferi-text > p.soferi-nota { margin: 14px 0 0 4px; font: 400 13px/1.4 var(--corp); color: #6e6e73; letter-spacing: 0; }
.telefon {
  position: relative; width: 360px; height: 740px; margin: 0 auto; border-radius: 60px; padding: 12px;
  background: linear-gradient(145deg, #3a3a40, #1a1a1d 40%, #2a2a2e);
  box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .12), 0 40px 100px -20px rgba(255, 61, 110, .25), 0 30px 60px rgba(0, 0, 0, .6);
}
.tel-ecran { position: relative; height: 100%; border-radius: 48px; overflow: hidden; background: #000; color: #f5f5f7; isolation: isolate; }
.tel-status { position: relative; z-index: 3; display: flex; justify-content: space-between; align-items: center; padding: 18px 30px 0; font-size: 15px; font-weight: 600; height: 50px; }
.tel-insula { position: absolute; left: 50%; top: 12px; width: 110px; height: 32px; margin-left: -55px; border-radius: 20px; background: #000; box-shadow: 0 0 0 1px #111; }
.tel-bat { width: 26px; height: 12px; border: 1.5px solid #f5f5f7; border-radius: 4px; position: relative; }
.tel-bat::after { content: ""; position: absolute; inset: 1.5px 6px 1.5px 1.5px; background: #f5f5f7; border-radius: 1.5px; }
.tel-pista { display: flex; height: calc(100% - 50px - 72px); will-change: transform; touch-action: pan-y; cursor: grab; user-select: none; -webkit-user-select: none; }
.tel-pista.trag { cursor: grabbing; }
.tel-pag { flex: 0 0 100%; padding: 14px 22px 0; overflow: hidden; }
.tel-t { margin: 8px 0 14px; font: 700 34px/1.1 var(--display); letter-spacing: -0.03em; }
.cal-cap { display: flex; justify-content: space-between; font-size: 17px; margin-bottom: 10px; }
.cal-cap span { color: #86868b; letter-spacing: .2em; }
.cal-zile, .cal { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; }
.cal-zile { font-size: 12px; color: #86868b; margin-bottom: 6px; }
.cal { row-gap: 8px; font-size: 16px; font-weight: 500; font-variant-numeric: tabular-nums; }
.cal i { position: relative; font-style: normal; height: 38px; line-height: 38px; z-index: 0; }
.cal i.wk { color: #a1a1a6; }
.cal i.sel::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: var(--degrade); background-size: 700% 100%; background-position: calc(var(--c) * 100% / 6) 0;
  transform: scaleX(0); transform-origin: left; opacity: 0;
  transition: transform .35s cubic-bezier(.3, .7, .3, 1), opacity .2s ease;
}
.cal i.cs::before { border-radius: 19px 0 0 19px; } .cal i.cd::before { border-radius: 0 19px 19px 0; } .cal i.cs.cd::before { border-radius: 19px; inset: 0 2px; }
.alege .cal i.sel { color: #fff; transition: color .2s ease calc(var(--i) * 70ms); }
.alege .cal i.sel::before { transform: none; opacity: 1; transition-delay: calc(var(--i) * 70ms); }
.cal-rez { margin-top: 18px; background: #1c1c1e; border-radius: 16px; padding: 14px 16px; opacity: 0; transform: translateY(10px); transition: opacity .4s ease, transform .7s var(--arc); }
.cal-rez b { display: block; font-size: 17px; } .cal-rez span { font-size: 14px; color: #a1a1a6; }
.alege .cal-rez { opacity: 1; transform: none; transition-delay: .9s; }
.tel-btn { position: relative; display: grid; width: 100%; height: 50px; margin-top: 14px; border-radius: 25px; overflow: hidden; font-weight: 600; font-size: 16px;
  background: var(--degrade); color: #fff; transition: background-color .4s ease; }
.tel-btn > span { grid-area: 1 / 1; place-self: center; transition: opacity .3s ease, transform .6s var(--arc); }
.tel-btn .b { opacity: 0; transform: translateY(12px); color: #062e12; }
.tel-btn::before { content: ""; position: absolute; inset: 0; background: #30d158; opacity: 0; transition: opacity .35s ease; }
.trimis .tel-btn::before { opacity: 1; }
.trimis .tel-btn .a { opacity: 0; transform: translateY(-12px); }
.trimis .tel-btn .b { opacity: 1; transform: none; position: relative; }
.tel-btn.gri { background: #2c2c2e; }
.notif { position: absolute; z-index: 4; left: 10px; right: 10px; top: 8px; display: flex; gap: 12px; align-items: center; padding: 12px 14px;
  border-radius: 22px; background: rgba(44, 44, 48, .82); -webkit-backdrop-filter: blur(24px) saturate(160%); backdrop-filter: blur(24px) saturate(160%);
  transform: translateY(-140%); opacity: 0; transition: transform .7s cubic-bezier(.3, 1.35, .5, 1), opacity .3s ease; }
.notif.arata { transform: none; opacity: 1; }
.notif small { display: flex; justify-content: space-between; font-size: 11px; color: #a1a1a6; letter-spacing: .04em; }
.notif small em { font-style: normal; text-transform: uppercase; }
.notif > div { flex: 1; }
.notif b { display: block; font-size: 15px; } .notif span { font-size: 13px; color: #d1d1d6; }
.ps-card { background: #1c1c1e; border-radius: 20px; padding: 18px; }
.ps-card small { color: #a1a1a6; font-size: 13px; }
.ps-suma { margin: 4px 0; font: 700 40px/1.1 var(--display); letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.ps-suma span:first-child, .ps-suma span:last-child { font: 500 18px var(--corp); color: #a1a1a6; letter-spacing: 0; }
.ps-r { display: flex; justify-content: space-between; padding: 10px 0; border-top: 1px solid #2c2c2e; font-size: 15px; color: #d1d1d6; }
.ps-r:first-of-type { margin-top: 12px; }
.ps-r b { font-weight: 600; color: #f5f5f7; font-variant-numeric: tabular-nums; }
.ps-lista { margin-top: 14px; }
.ps-lista div { display: flex; justify-content: space-between; padding: 14px 4px; border-bottom: 1px solid #1c1c1e; font-size: 15px; color: #d1d1d6; }
.pd-total { background: #1c1c1e; border-radius: 20px; padding: 18px; margin-bottom: 10px; }
.pd-total small { color: #a1a1a6; font-size: 13px; }
.pd-r { display: grid; grid-template-columns: 36px 1fr auto; gap: 12px; align-items: center; padding: 14px 4px; border-bottom: 1px solid #1c1c1e; }
.pd-r .fl { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; font-size: 12px; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, var(--c1) 50%, var(--c2) 50%); text-shadow: 0 1px 2px rgba(0, 0, 0, .5); }
.pd-r b { display: block; font-size: 15px; font-weight: 500; margin-bottom: 6px; }
.pd-r i { display: block; height: 6px; border-radius: 3px; background: var(--degrade); width: calc(var(--w) * 100%); transform: scaleX(0); transform-origin: left; transition: transform 1s var(--arc); }
.pd-activ .pd-r i { transform: none; }
.pd-activ .pd-r:nth-of-type(3) i { transition-delay: .1s; } .pd-activ .pd-r:nth-of-type(4) i { transition-delay: .2s; } .pd-activ .pd-r:nth-of-type(5) i { transition-delay: .3s; }
.pd-r em { font-style: normal; font-size: 14px; color: #a1a1a6; }
.tel-bara { position: absolute; left: 0; right: 0; bottom: 0; height: 72px; display: flex; justify-content: space-around; align-items: center; padding: 0 26px 12px;
  border-top: 1px solid #1c1c1e; background: rgba(0, 0, 0, .8); }
.tel-bara i { width: 26px; height: 26px; border-radius: 8px; background: #2c2c2e; }
.tel-bara i.a { background: linear-gradient(135deg, #ff8a1f, #ff3d6e); }
@media (max-width: 900px) {
  .soferi-in { grid-template-columns: 1fr; text-align: center; gap: 56px; }
  .soferi-text > p { margin: 18px 0 28px; }
  .soferi-text > p.soferi-nota { margin-left: 0; }
}
@media (max-width: 400px) { .telefon { transform: scale(.9); margin: -36px auto; } }

/* ---------------- Limbi si zi/noapte ---------------- */
.limbi-ctrl { display: flex; justify-content: center; align-items: center; gap: 28px; flex-wrap: wrap; margin: -24px auto 48px; }
.comut-et { display: inline-flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 500; color: var(--text2); user-select: none; -webkit-user-select: none; }
.comut { position: relative; width: 64px; height: 36px; border-radius: 18px; background: #e3e3e8; touch-action: none; transition: background-color .35s ease; }
.comut[aria-checked="true"] { background: #1d1d1f; }
.comut-buton { position: absolute; top: 3px; left: 3px; width: 30px; height: 30px; border-radius: 50%; background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .18), 0 0 0 .5px rgba(0, 0, 0, .04); will-change: transform; }

/* ---------------- Restul (bento) ---------------- */
.bento { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.b-card {
  background: #fff; border-radius: 30px; padding: 34px 32px 32px; min-height: 260px;
  display: flex; flex-direction: column;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
  transition: transform .5s var(--arc), box-shadow .5s ease, opacity .9s ease;
}
.b-card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -18px rgba(0, 0, 0, .14); }
.js .b-card.rv:not(.in) { transform: translateY(36px); }
.b-card.mare, .b-card.lat { grid-column: span 2; }
.b-card:nth-child(9) { grid-column: span 2; }
.b-ic { width: 52px; height: 52px; border-radius: 15px; display: grid; place-items: center; background: #f5f5f7; margin-bottom: auto; }
.b-ic svg { width: 28px; height: 28px; fill: none; stroke: url(#vg-h); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.b-card h3 { margin: 32px 0 8px; font: 700 26px/1.15 var(--display); letter-spacing: -0.025em; }
.b-card p { margin: 0; font-size: 17px; color: var(--text2); max-width: 520px; }
.b-cifra { margin-top: 22px; font-size: 18px; color: var(--text2); }
.b-cifra b { font: 700 44px var(--display); letter-spacing: -0.035em; color: var(--text); font-variant-numeric: tabular-nums; }
.b-cifra small { display: block; font-size: 14px; margin-top: 2px; }
@media (max-width: 900px) { .bento { grid-template-columns: 1fr 1fr; } .b-card.mare, .b-card.lat, .b-card:nth-child(9) { grid-column: span 2; } }
@media (max-width: 600px) { .bento { grid-template-columns: 1fr; } .b-card.mare, .b-card.lat, .b-card:nth-child(9) { grid-column: auto; } .b-card { min-height: 0; } }

/* ---------------- Filmul ---------------- */
.film-sec { padding-bottom: 160px; }
.film-poster {
  position: relative; display: block; width: min(1080px, 100%); margin: 0 auto; aspect-ratio: 16 / 9;
  border-radius: 30px; overflow: hidden; background: #111;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .08), 0 40px 120px -30px rgba(255, 61, 110, .3);
  transition: transform .5s var(--arc), opacity .9s ease;
}
.film-poster img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--arc); }
.film-poster:hover img { transform: scale(1.03); }
.film-play { position: absolute; left: 50%; top: 50%; width: 92px; height: 92px; margin: -46px 0 0 -46px; border-radius: 50%;
  display: grid; place-items: center; padding-left: 5px; color: #fff;
  background: rgba(255, 255, 255, .16); -webkit-backdrop-filter: blur(20px) saturate(180%); backdrop-filter: blur(20px) saturate(180%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3); transition: transform .4s var(--arc), background-color .3s; }
.film-poster:hover .film-play { transform: scale(1.08); background: rgba(255, 255, 255, .24); }
.film-durata { position: absolute; right: 22px; bottom: 18px; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, .8); }

.film-modal { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 70px 4vw; }
.film-modal[hidden] { display: none; }
.film-fundal { position: absolute; inset: 0; background: rgba(0, 0, 0, .82); opacity: 0;
  -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); }
.film-cadru { position: relative; width: min(1200px, 100%, calc((100vh - 140px) * 16 / 9)); aspect-ratio: 16 / 9; border-radius: 22px; overflow: hidden; background: #000;
  transform-origin: 0 0; will-change: transform; box-shadow: 0 40px 120px rgba(0, 0, 0, .6); }
.film-cadru video { width: 100%; height: 100%; background: #000; }
.film-x { position: absolute; top: 18px; right: 18px; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; color: #f5f5f7;
  background: rgba(255, 255, 255, .14); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); opacity: 0; transition: opacity .3s ease, transform .12s ease-out; }
.film-x:active { transform: scale(.92); }

/* ---------------- Final ---------------- */
.final { position: relative; overflow: hidden; text-align: center; padding: 180px 22px 200px; }
.final-lumina { position: absolute; left: 50%; top: 30%; width: 1000px; height: 1000px; margin: -500px 0 0 -500px; pointer-events: none;
  background: radial-gradient(closest-side, rgba(214, 63, 120, .28), rgba(139, 92, 246, .1) 50%, transparent 72%); }
.final-in { position: relative; }
.final-icon { margin: 0 auto 34px; filter: drop-shadow(0 20px 50px rgba(255, 61, 110, .3)); }
.final h2 { margin: 0 auto; max-width: 900px; font: 700 clamp(40px, 7vw, 88px)/1.04 var(--display); letter-spacing: -0.045em; text-wrap: balance; }
.final p { margin: 22px auto 0; max-width: 560px; font: 500 19px/1.45 var(--corp); color: var(--text-i2); }

.subsol { background: #000; color: #6e6e73; font-size: 13px; border-top: 1px solid #1d1d1f; }
.subsol-in { max-width: 1080px; margin: 0 auto; padding: 22px; display: flex; gap: 24px; align-items: center; flex-wrap: wrap; }
.subsol-in > span:first-child { display: flex; align-items: center; gap: 8px; color: #d1d1d6; font-weight: 600; }
.subsol-in > span:last-child { margin-left: auto; }
.subsol a { color: #d1d1d6; }

/* ---------------- Accesibilitate ---------------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .js .rv, .js .puncte.rv > div, .js .hero .hero-icon, .js .hero .hero-titlu, .js .hero .hero-sub, .js .hero .hero-butoane, .js .b-card.rv:not(.in) {
    transform: none !important; filter: none !important; transition: opacity .4s ease !important;
  }
  .juggle-cuvinte > span, .juggle-cuvinte > span.sus { transform: none; filter: none; transition: opacity .3s ease; }
  .roata, .d-linii path, .camion { animation: none !important; }
  .cf-real { transition: stroke-dashoffset .01s; }
  .notif, .cf-bula, .fl-et, .fl-regula, .cf-r, .fl-lista .m-azi-r, .fu-r.gresit .fu-o, .tyre, .fu-bare i, .inv-r .st, .cal-rez, .pd-r i, .tel-btn > span {
    transform: none !important;
  }
  .cal i.sel::before { transform: none; }
  .b-card:hover, .film-poster:hover img { transform: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .nav { background: #161617; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .nav[data-ton="deschis"] { background: #fbfbfd; }
  .notif, .film-play, .film-x, .drum-chips span { -webkit-backdrop-filter: none; backdrop-filter: none; background: #2c2c30; }
  .drum-chips span { background: #fff; }
  .film-fundal { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(0, 0, 0, .94); }
}
@media (prefers-contrast: more) {
  .hero-sub, .juggle-cap, .cap p, .puncte p, .b-card p { color: inherit; }
}

/* in titlurile randurilor, bucatile traduse raman pe acelasi rand */
.m-azi-r b span { display: inline !important; margin: 0 !important; font-size: inherit !important; color: inherit !important; }
.inv-cap .m-panou-t { margin-bottom: 0; }
.pastila.gata { background: var(--wtab); color: var(--wt2); }
.b-steaguri { display: flex; gap: 8px; margin-top: 22px; }
.b-steaguri span { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-size: 12px; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, var(--c1) 50%, var(--c2) 50%); text-shadow: 0 1px 2px rgba(0, 0, 0, .45); }

/* Fereastra pe telefon: cel putin la jumatate din marime, trasa lateral. */
.mock-hint { display: none; margin: 14px 0 0; text-align: center; font-size: 13px; color: var(--text2); }
.mock-hint::after { content: " →"; }
.mock.lat + .mock-hint { display: block; }
.mock.lat {
  width: calc(100% + 40px); margin-left: -20px; height: calc(var(--h) * var(--k) * 1px + 40px);
  overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}
.mock.lat::-webkit-scrollbar { display: none; }
.mock.lat .mock-in { left: 16px; top: 6px; }
.mock.lat::after { content: ""; position: absolute; top: 0; left: calc(1280px * var(--k) + 16px); width: 16px; height: 1px; }
@media (max-width: 700px) {
  .nor span { font-size: calc(11px + var(--z) * 11px); }
}

/* ---------------- Trei aplicatii ---------------- */
.aplicatii { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ap-card { background: #fff; border-radius: 30px; padding: 30px 30px 34px; transition: transform .5s var(--arc), opacity .9s ease; }
.ap-card h3 { margin: 6px 0 10px; font: 700 26px/1.15 var(--display); letter-spacing: -0.025em; }
.ap-card p { margin: 0; font-size: 17px; color: var(--text2); }
.ap-card p.ap-eticheta { margin-top: 26px; font-size: 14px; font-weight: 600; color: var(--roz); }
.ap-desen { position: relative; height: 210px; border-radius: 22px; background: linear-gradient(160deg, #f5f5f7, #ececf0); display: grid; place-items: center; overflow: hidden; }
/* calculatorul */
.ap-ecran { position: relative; width: 210px; height: 132px; border: 7px solid #1d1d1f; border-radius: 12px; background: #fbfbfd;
  display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 10px 8px 26px 1fr; gap: 6px; padding: 8px; transform: translateY(-6px); }
.ap-ecran .ap-bara { grid-column: 1 / -1; background: #ececf0; border-radius: 3px; }
.ap-ecran .ap-l1 { grid-column: 1 / 3; background: #d2d2d7; border-radius: 3px; }
.ap-ecran .ap-l2 { grid-column: 3 / 5; }
.ap-ecran b { background: #fff; border: 1px solid #ececf0; border-radius: 5px; }
.ap-ecran .ap-grafic { grid-column: 1 / -1; border-radius: 5px; background:
  linear-gradient(transparent 55%, rgba(255, 61, 110, .14)), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 30' preserveAspectRatio='none'%3E%3Cpath d='M0 24 C15 22 20 27 32 19 S52 22 62 12 S82 14 100 4' fill='none' stroke='%23ff3d6e' stroke-width='2.4'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
.ap-baza { position: absolute; bottom: 30px; width: 258px; height: 10px; border-radius: 0 0 10px 10px; background: linear-gradient(#c7c7cc, #a1a1a6); }
/* telefonul */
.ap-telefon { position: relative; width: 98px; height: 196px; border-radius: 24px; background: #000; border: 4px solid #2c2c2e;
  display: flex; flex-direction: column; gap: 7px; padding: 26px 10px 10px; transform: translateY(26px) rotate(-8deg); transition: transform 1.2s var(--arc); }
.ap-card.in .ap-telefon { transform: translateY(18px) rotate(-4deg); }
.ap-insula { position: absolute; top: 7px; left: 50%; width: 30px; height: 9px; margin-left: -15px; border-radius: 6px; background: #1c1c1e; }
.ap-t1 { height: 9px; width: 60%; border-radius: 3px; background: #f5f5f7; }
.ap-card-g { height: 40px; border-radius: 9px; background: var(--degrade); }
.ap-telefon b { height: 12px; border-radius: 4px; background: #1c1c1e; }
/* hartiile contabilului */
.ap-foaie { position: absolute; width: 120px; height: 152px; border-radius: 10px; background: #fff; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .25);
  transition: transform 1.1s var(--arc); }
.ap-foaie.f3 { transform: rotate(-12deg) translate(-26px, 6px); }
.ap-foaie.f2 { transform: rotate(-5deg) translate(-12px, 2px); }
.ap-foaie.f1 { transform: rotate(3deg); padding: 22px 16px; display: flex; flex-direction: column; gap: 9px; }
.ap-card.in .ap-foaie.f3 { transform: rotate(-16deg) translate(-44px, 10px); }
.ap-card.in .ap-foaie.f2 { transform: rotate(-7deg) translate(-20px, 4px); }
.ap-card.in .ap-foaie.f1 { transform: rotate(5deg) translate(10px, 0); }
.ap-foaie.f1 i { height: 7px; border-radius: 3px; background: #ececf0; }
.ap-foaie.f1 i.scurt { width: 55%; }
.ap-foaie.f1 em { margin-top: auto; align-self: flex-start; font: 700 11px var(--corp); letter-spacing: .08em; color: #fff; background: var(--degrade); padding: 4px 9px; border-radius: 6px; }
@media (max-width: 900px) { .aplicatii { grid-template-columns: 1fr; max-width: 560px; } }

/* ---------------- Inca ceva (lista mica) ---------------- */
.lista-mica { max-width: 1080px; margin: 110px auto 0; }
.lm-titlu { margin: 0 0 30px; font: 700 clamp(30px, 4vw, 44px)/1.1 var(--display); letter-spacing: -0.035em; }
.lm-grila { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 40px; }
.lm-item { border-top: 1px solid #d2d2d7; padding: 20px 0 26px; }
.lm-item h4 { margin: 0 0 6px; font: 600 18px/1.3 var(--display); letter-spacing: -0.015em; }
.lm-item p { margin: 0; font-size: 15.5px; line-height: 1.45; color: var(--text2); }
@media (max-width: 900px) { .lm-grila { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .lm-grila { grid-template-columns: 1fr; } .lista-mica { margin-top: 80px; } }

/* ---------------- Siguranta ---------------- */
.siguranta { padding-bottom: 150px; }
.sig-lacat { margin: 0 auto 26px; }
.sig-grila { max-width: 1080px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.sig-card { background: #1c1c1e; border-radius: 28px; padding: 30px 30px 34px; }
.sig-card h3 { margin: 0 0 10px; font: 700 22px/1.2 var(--display); letter-spacing: -0.02em; color: #f5f5f7; }
.sig-card p { margin: 0; font-size: 16px; line-height: 1.5; color: #a1a1a6; }
@media (max-width: 900px) { .sig-grila { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .sig-grila { grid-template-columns: 1fr; } }

/* ---------------- Partenerul ---------------- */
.cap .eticheta-g { display: inline-block; margin: 0 0 14px; font: 600 15px/1 var(--corp); letter-spacing: .02em; text-transform: uppercase;
  background: var(--degrade); -webkit-background-clip: text; background-clip: text; color: transparent; }
.pt-card { max-width: 1080px; margin: 0 auto; background: #fff; border-radius: 36px; padding: 48px 52px 0;
  display: grid; grid-template-columns: 340px 1fr; gap: 20px 56px; box-shadow: 0 30px 80px -40px rgba(0, 0, 0, .18); }
.pt-firma { display: flex; flex-direction: column; gap: 22px; }
.pt-logo { width: 148px; height: 148px; border-radius: 50%; display: grid; place-items: center; background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 20px 50px -18px rgba(15, 30, 46, .35); }
.pt-logo img { width: 132px; height: 132px; border-radius: 50%; }
.pt-firma h3 { margin: 0; font: 700 34px/1.1 var(--display); letter-spacing: -0.03em; }
.pt-firma .pt-loc { margin: 6px 0 4px; font-size: 16px; color: var(--text2); }
.pt-link { padding: 0; height: auto; font-size: 16px; }
.pt-poveste p { margin: 0 0 16px; font: 500 20px/1.5 var(--corp); letter-spacing: -0.015em; color: var(--text); }
.pt-poveste p + p { color: var(--text2); font-weight: 400; font-size: 18px; }
.pt-cifre { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid #ececf0; margin: 18px -52px 0; }
.pt-cifre > div { padding: 30px 28px 34px; border-right: 1px solid #ececf0; display: flex; flex-direction: column; gap: 6px; }
.pt-cifre > div:first-child { padding-left: 52px; }
.pt-cifre > div:last-child { border-right: 0; }
.pt-cifre b { font: 700 46px/1 var(--display); letter-spacing: -0.04em; background: var(--degrade); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .05em; }
.pt-cifre b span { -webkit-text-fill-color: transparent; }
.pt-cifre > div > span { font-size: 14.5px; line-height: 1.4; color: var(--text2); }
@media (max-width: 900px) {
  .pt-card { grid-template-columns: 1fr; padding: 34px 26px 0; }
  .pt-cifre { grid-template-columns: 1fr 1fr; margin: 10px -26px 0; }
  .pt-cifre > div { padding: 24px 22px; border-bottom: 1px solid #ececf0; }
  .pt-cifre > div:first-child { padding-left: 22px; }
  .pt-cifre > div:nth-child(2n) { border-right: 0; }
}

/* Cronologia: linia se umple pe masura ce derulezi. */
.cronologie { position: relative; max-width: 720px; margin: 90px auto 0; padding-left: 52px; }
.cr-linie { position: absolute; left: 17px; top: 8px; bottom: 8px; width: 3px; border-radius: 2px; background: #e3e3e8; overflow: hidden; }
.cr-linie i { position: absolute; inset: 0; background: linear-gradient(180deg, #ff8a1f, #ff3d5a 50%, #8b5cf6); transform-origin: top; transform: scaleY(0); }
.cr-pasi { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 34px; }
.cr-pas { position: relative; }
.cr-punct { position: absolute; left: -43px; top: 3px; width: 17px; height: 17px; border-radius: 50%; background: var(--gri); border: 3px solid #d2d2d7;
  transition: border-color .4s ease, background-color .4s ease, transform .6s cubic-bezier(.3, 1.6, .5, 1); }
.cr-pas.aprins .cr-punct { border-color: #ff3d6e; background: #fff; transform: scale(1.15); }
.cr-cand { margin: 0; font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--text2); }
.cr-ce { margin: 4px 0 0; font: 600 21px/1.3 var(--display); letter-spacing: -0.02em; color: #86868b; transition: color .5s ease; }
.cr-pas.aprins .cr-ce { color: var(--text); }

/* ---------------- Cum incepi ---------------- */
.pasi { list-style: none; max-width: 1080px; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; counter-reset: pas; }
.pas { background: #fff; border-radius: 28px; padding: 30px 26px 32px; }
.pas-nr { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--degrade); color: #fff; font: 700 19px var(--display); }
.pas h3 { margin: 22px 0 8px; font: 700 21px/1.2 var(--display); letter-spacing: -0.02em; }
.pas p { margin: 0; font-size: 15.5px; color: var(--text2); }
@media (max-width: 900px) { .pasi { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .pasi { grid-template-columns: 1fr; } }

/* ---------------- Intrebari (se deschid pe arc) ---------------- */
.faq { max-width: 820px; margin: 120px auto 0; }
.faq-titlu { margin: 0 0 24px; font: 700 clamp(36px, 5vw, 56px)/1.05 var(--display); letter-spacing: -0.04em; }
.faq-item { border-bottom: 1px solid #d2d2d7; }
.faq-q { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 0; text-align: left;
  font: 600 20px/1.3 var(--display); letter-spacing: -0.015em; color: var(--text); }
.faq-q:focus-visible { outline: 2px solid #0066cc; outline-offset: 4px; border-radius: 6px; }
.faq-q i { position: relative; flex: none; width: 20px; height: 20px; transition: transform .5s var(--arc); }
.faq-q i::before, .faq-q i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 2px; margin: -1px 0 0 -8px; border-radius: 1px; background: currentColor; }
.faq-q i::after { transform: rotate(90deg); }
.faq-q[aria-expanded="true"] i { transform: rotate(45deg); }
.faq-a { overflow: hidden; }
.faq-a p { margin: 0; padding: 0 40px 26px 0; font-size: 17px; line-height: 1.55; color: var(--text2); }