/* Canonul public v3 (aprobat 28 iul 2026): sursa unica pentru toate paginile publice. */
/* ===== Homepage v3: produs-erou cu date reale, hero ink cu textura de grila, sectiuni
   colorate, zero alb steril. Totul sub .hv3, ca sa nu atinga stilurile layoutului. ===== */
.hv3{--ink:#131220;--ink2:#40465a;--muted:#7c8296;--line:#e9e8ef;--soft:#f6f5f9;
  --brand:#d81b60;--brand-soft:#fdf0f5;--green:#157a42;--green-soft:#e8f5ee;
  --amber:#9a6b15;--amber-soft:#fdf4e3;--w:1200px;
  font-family:'DM Sans',sans-serif;color:var(--ink);background:#faf6f7;line-height:1.55}
.hv3 .wrap{max-width:var(--w);margin:0 auto;padding:0 28px}
.hv3 h1,.hv3 h2,.hv3 h3{letter-spacing:-.022em;line-height:1.08;font-family:'DM Sans',sans-serif}
.hv3 a{text-decoration:none}
.hv3 .pillx{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;padding:7px 15px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink)}
.hv3 .pillx i{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block}
.hv3 .btnx{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:15.5px;border-radius:13px;padding:16px 27px;transition:.16s}
.hv3 .btnx.b{background:linear-gradient(195deg,#ec407a,#d81b60);color:#fff;box-shadow:0 14px 30px -12px rgba(216,27,96,.55)}
.hv3 .btnx.b:hover{transform:translateY(-2px);color:#fff}
.hv3 .btnx.g{border:1.5px solid var(--line);color:var(--ink);background:#fff}
.hv3 .btnx.g:hover{border-color:var(--ink);color:var(--ink)}
.hv3 .icx{width:18px;height:18px;flex:none}

.hv3 .hero{position:relative;padding:66px 0 0;overflow:hidden;background:
  radial-gradient(820px 420px at 18% -6%, rgba(216,27,96,.32), transparent 58%),
  radial-gradient(700px 380px at 85% 2%, rgba(123,63,242,.22), transparent 55%),
  repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 44px),
  repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 44px),
  #17131f}
.hv3 .hero .pillx{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.hv3 .hero-top{max-width:900px;margin:0 auto;text-align:center;position:relative}
.hv3 .hero h1{font-size:62px;font-weight:900;margin:26px 0 0;color:#fff}
.hv3 .hero h1 .strike{position:relative;white-space:nowrap}
.hv3 .hero h1 .strike svg{position:absolute;left:-2%;right:0;top:54%;width:104%;height:14px}
.hv3 .hero h1 .u{position:relative;white-space:nowrap;color:#ff5c96}
.hv3 .hero h1 .u svg{position:absolute;left:0;bottom:-10px;width:100%;height:12px}
.hv3 .hero .lead{font-size:19px;color:#cfcbdd;margin:26px auto 0;max-width:660px}
.hv3 .cta-row{display:flex;gap:14px;margin-top:34px;justify-content:center;flex-wrap:wrap}
.hv3 .hero .btnx.g{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.hv3 .hero .btnx.g:hover{border-color:#fff;color:#fff}
.hv3 .hero-proof{display:flex;gap:10px;justify-content:center;margin-top:22px;flex-wrap:wrap}
.hv3 .hp{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#d9d5e4;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 16px}
.hv3 .hp svg{width:15px;height:15px;color:#7fd7a4;flex:none}

.hv3 .stage{position:relative;margin-top:58px}
.hv3 .browser{max-width:1080px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:22px 22px 0 0;box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 -30px 90px -30px rgba(216,27,96,.55), 0 60px 120px -50px rgba(0,0,0,.75);overflow:hidden}
.hv3 .b-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fbfafc}
.hv3 .b-bar i{width:10px;height:10px;border-radius:50%;display:inline-block}
.hv3 .b-bar i:nth-child(1){background:#f1b0c5}.hv3 .b-bar i:nth-child(2){background:#f5d9a8}.hv3 .b-bar i:nth-child(3){background:#b9e2c8}
.hv3 .b-url{margin-left:12px;flex:1;max-width:420px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:6px 14px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}
.hv3 .b-url svg{width:12px;height:12px;color:var(--green);flex:none}
.hv3 .appx{display:grid;grid-template-columns:210px 1fr}
.hv3 .side{border-right:1px solid var(--line);padding:18px 14px;background:#fbfafc;font-size:13px}
.hv3 .side .s-t{font-size:10.5px;font-weight:800;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin:14px 10px 8px}
.hv3 .side .s-i{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;font-weight:600;color:var(--ink2)}
.hv3 .side .s-i.on{background:var(--brand-soft);color:var(--brand);font-weight:800}
.hv3 .side .s-i svg{width:15px;height:15px;flex:none}
.hv3 .mainx{padding:18px 22px}
.hv3 .filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.hv3 .f-chip{font-size:12px;font-weight:700;border:1.5px solid var(--line);border-radius:999px;padding:7px 14px;color:var(--ink2);display:inline-flex;gap:7px;align-items:center}
.hv3 .f-chip.on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}
.hv3 a.f-chip:hover{border-color:var(--brand);color:var(--brand)}
.hv3 .cat-row{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}
.hv3 .cat-row .res{font-size:13px;font-weight:800}
.hv3 .cat-row .res span{color:var(--muted);font-weight:600}
.hv3 .tblx{width:100%;border-collapse:collapse;font-size:13px}
.hv3 .tblx th{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:800;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.hv3 .tblx td{padding:12px;border-bottom:1px solid #f2f1f6;vertical-align:middle}
.hv3 .dmx{display:flex;align-items:center;gap:11px;font-weight:800;color:var(--ink)}
.hv3 .fav{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;color:#fff;flex:none}
.hv3 .dax{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:900;padding:4px 11px;border-radius:999px;background:var(--green-soft);color:var(--green);white-space:nowrap}
.hv3 .dax.mid{background:var(--amber-soft);color:var(--amber)}
.hv3 .dax svg{width:11px;height:11px;flex:none}
.hv3 .trf{font-weight:800;color:var(--ink)}
.hv3 .trf small{display:block;font-size:10.5px;color:var(--muted);font-weight:600}
.hv3 .buy{font-size:12px;font-weight:800;color:#fff !important;background:var(--ink);padding:8px 16px;border-radius:9px;white-space:nowrap}
.hv3 .buy:hover{background:var(--brand)}

.hv3 .floatx{position:absolute;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -24px rgba(19,18,32,.35);padding:15px 18px;font-size:13px;z-index:5}
.hv3 .floatx .f-h{display:flex;align-items:center;gap:10px;font-weight:800;color:var(--ink)}
.hv3 .floatx .f-h .ok{width:26px;height:26px;border-radius:9px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;flex:none}
.hv3 .floatx .f-h .ok svg{width:14px;height:14px}
.hv3 .floatx small{display:block;color:var(--muted);font-weight:600;margin-top:4px}
.hv3 .fl1{left:calc(50% - 610px);top:-20px;transform:rotate(-2deg);background:linear-gradient(195deg,#ec407a,#d81b60);border:none}
.hv3 .fl1 .f-h{color:#fff}
.hv3 .fl1 small{color:rgba(255,255,255,.75)}
.hv3 .fl1 .f-h .ok{background:rgba(255,255,255,.18);color:#fff}
.hv3 .fl2{right:calc(50% - 700px);top:60px;transform:rotate(2deg)}
.hv3 .fl3{left:calc(50% - 655px);top:auto;bottom:70px;transform:rotate(-1.5deg);background:#17131f;border-color:#2c2b3d}
.hv3 .fl3 .f-h{color:#fff}
.hv3 .fl3 small{color:#9a94ab}
.hv3 .fl3 .f-h .ok{background:rgba(127,215,164,.15);color:#7fd7a4}

.hv3 .proof{background:linear-gradient(100deg,#a81049,#d81b60 55%,#7b3ff2 130%);color:#fff;position:relative}
.hv3 .proof-in{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:30px 0;flex-wrap:wrap}
.hv3 .pf b{font-size:30px;font-weight:900;letter-spacing:-.02em;display:block;color:#fff}
.hv3 .pf span{font-size:12.5px;color:rgba(255,255,255,.72);font-weight:600}
.hv3 .pf .up{color:#7fd7a4;font-size:12px;font-weight:800;margin-left:7px}
.hv3 .proof .sep{width:1px;height:44px;background:rgba(255,255,255,.25)}

.hv3 .sec{padding:78px 0;position:relative}
.hv3 .sec-pill{display:inline-block;font-size:11.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--brand);background:var(--brand-soft);border-radius:999px;padding:8px 16px}
.hv3 .sec-h{font-size:42px;font-weight:900;margin-top:18px;max-width:24ch;color:var(--ink)}
.hv3 .sec-sub{font-size:16.5px;color:var(--ink2);margin-top:16px;max-width:56ch}
.hv3 .compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px}
.hv3 .cmp{border-radius:20px;padding:34px;position:relative}
.hv3 .cmp.bad{background:#fdf9f3;border:1px solid #efe6d8}
.hv3 .cmp.good{background:#17131f;border:1.5px solid #17131f;box-shadow:0 34px 70px -40px rgba(23,19,31,.75)}
.hv3 .cmp h3{font-size:19px;font-weight:900;color:var(--ink)}
.hv3 .cmp.good h3{color:#fff}
.hv3 .cmp ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:13px}
.hv3 .cmp li{display:flex;gap:11px;font-size:14.5px;color:var(--ink2);align-items:flex-start}
.hv3 .cmp.good li{color:#c3bfd0}
.hv3 .cmp li svg{width:17px;height:17px;flex:none;margin-top:2px}
.hv3 .cmp.bad li svg{color:#c2465f}
.hv3 .cmp.good li svg{color:#7fd7a4}
.hv3 .cmp .who{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.hv3 .cmp.good .who{color:#ff5c96}

.hv3 .svc{background:var(--brand-soft);border-top:1px solid #f5d9e5;border-bottom:1px solid #f5d9e5;position:relative;overflow:hidden}
.hv3 .svc::before{content:attr(data-word);position:absolute;top:8px;right:-20px;font-size:190px;font-weight:1000;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(216,27,96,.10);pointer-events:none;line-height:1}
.hv3 .svc-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:52px}
.hv3 .s-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;position:relative;overflow:hidden;transition:.18s}
.hv3 .s-card:hover{transform:translateY(-4px);box-shadow:0 34px 70px -40px rgba(19,18,32,.35)}
.hv3 .s-card h3{font-size:23px;font-weight:900;display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:var(--ink)}
.hv3 .s-card p{font-size:14.5px;color:var(--ink2);margin-top:12px;max-width:52ch}
.hv3 .s-card .go{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:800;font-size:14.5px;color:var(--brand)}
.hv3 .s-card .go svg{width:16px;height:16px;transition:.15s;flex:none}
.hv3 .s-card:hover .go svg{transform:translateX(4px)}
.hv3 .free-pill{font-size:10.5px;font-weight:900;letter-spacing:.04em;color:var(--green);background:var(--green-soft);padding:5px 11px;border-radius:999px}
.hv3 .s-mini{display:grid;gap:18px}
.hv3 .s-sm{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 26px;display:flex;gap:16px;align-items:flex-start;transition:.16s}
.hv3 .s-sm:hover{transform:translateY(-3px);box-shadow:0 24px 50px -30px rgba(19,18,32,.3)}
.hv3 .s-sm .mic{width:40px;height:40px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center;flex:none}
.hv3 .s-sm .mic svg{width:18px;height:18px}
.hv3 .s-sm b{font-size:15.5px;font-weight:800;color:var(--ink)}
.hv3 .s-sm span{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.hv3 .kw-shot{margin-top:24px;background:#fbfafc;border:1px solid var(--line);border-radius:14px;padding:16px;font-size:12.5px}
.hv3 .kw-row{display:flex;justify-content:space-between;align-items:center;padding:8px 6px;border-bottom:1px solid #f0eff4;gap:10px}
.hv3 .kw-row:last-child{border-bottom:0}
.hv3 .kw-row b{font-weight:700;color:var(--ink2)}
.hv3 .pos{font-weight:900;color:var(--green);white-space:nowrap}
.hv3 .chips-t{display:flex;flex-wrap:wrap;gap:8px}
.hv3 .chips-l{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:20px 0 10px}

.hv3 .types{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}
.hv3 .type{background:#fff;border:1px solid var(--line);border-left:5px solid var(--brand);border-radius:16px;padding:24px;transition:.15s;position:relative;display:block}
.hv3 .type:hover{background:var(--brand);border-color:var(--brand);transform:translateY(-3px);box-shadow:0 26px 50px -24px rgba(216,27,96,.65)}
.hv3 .type b{display:block;font-size:15.5px;font-weight:800;color:var(--ink)}
.hv3 .type span{display:block;font-size:12.5px;color:var(--muted);margin-top:7px;line-height:1.5}
.hv3 .type .tg{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:12px;font-weight:800;color:var(--brand)}
.hv3 .type .tg svg{width:13px;height:13px;flex:none}
.hv3 .type:hover b,.hv3 .type:hover .tg{color:#fff}
.hv3 .type:hover span{color:rgba(255,255,255,.82)}
.hv3 .type.full{background:#17131f;border-color:#17131f}
.hv3 .type.full b,.hv3 .type.full .tg{color:#fff}
.hv3 .type.full span{color:#a7abbd}

.hv3 .faq-dark{background:
  radial-gradient(700px 360px at 90% 110%, rgba(216,27,96,.28), transparent 60%),
  repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0 1px, transparent 1px 44px),
  #17131f}
.hv3 .faq-dark .sec-h{color:#fff}
.hv3 .faq-dark .faq-left p{color:#9a94ab}
.hv3 .faq-dark .sec-pill{background:rgba(216,27,96,.2);color:#ff5c96}
.hv3 .faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:64px;align-items:start;margin-top:8px}
.hv3 .faq-left{position:sticky;top:100px}
.hv3 .faq-left p{font-size:15px;margin-top:16px;max-width:34ch}
.hv3 .faq-left a{color:#ff5c96;font-weight:800}
.hv3 .faq-list{display:grid;gap:12px}
.hv3 .q{background:#fff;border:1px solid #fff;border-radius:16px}
.hv3 .q[open]{border-color:rgba(216,27,96,.4);box-shadow:0 20px 44px -30px rgba(216,27,96,.4)}
.hv3 .q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:21px 24px;font-weight:800;font-size:16px;color:var(--ink)}
.hv3 .q summary::-webkit-details-marker{display:none}
.hv3 .q .pm{flex:none;width:28px;height:28px;border-radius:9px;background:var(--soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--brand);font-weight:900;font-size:16px}
.hv3 .q[open] .pm{background:var(--brand);color:#fff;border-color:var(--brand)}
.hv3 .q .ans{padding:0 24px 22px;font-size:14.5px;color:var(--ink2);max-width:66ch}

.hv3 .final{background:linear-gradient(120deg,#a81049,#d81b60 60%,#7b3ff2 150%);border-radius:28px;padding:64px 60px;position:relative;overflow:hidden}
.hv3 .final .grid-tex{position:absolute;inset:0;background:repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 40px),repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 1px, transparent 1px 40px);pointer-events:none}
.hv3 .final h2{color:#fff;font-size:40px;font-weight:900;max-width:18ch;position:relative}
.hv3 .final p{color:rgba(255,255,255,.85);font-size:16px;margin-top:16px;max-width:52ch;position:relative}
.hv3 .final .acts{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap;position:relative;z-index:2}
.hv3 .final .btnx.b{background:#17131f;box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}
.hv3 .final .btnx.g{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.hv3 .final .btnx.g:hover{border-color:#fff;color:#fff}
.hv3 .f-float{position:absolute;right:56px;background:#fff;border-radius:14px;padding:13px 17px;font-size:12.5px;font-weight:800;box-shadow:0 24px 50px -20px rgba(0,0,0,.5);color:var(--ink)}
.hv3 .f-float small{display:block;font-weight:600;color:var(--muted)}
.hv3 .ff1{top:64px;transform:rotate(2deg)}
.hv3 .ff2{top:150px;right:120px;transform:rotate(-2deg)}
.hv3 .ff3{top:236px;transform:rotate(1deg)}

@media(max-width:1460px){.hv3 .fl1{left:12px}.hv3 .fl2{right:12px}.hv3 .fl3{left:12px}}
@media(max-width:1020px){
  .hv3 .hero h1{font-size:40px}
  .hv3 .appx{grid-template-columns:1fr}
  .hv3 .side{display:none}
  .hv3 .mainx{overflow-x:auto}
  .hv3 .tblx{min-width:560px}
  .hv3 .compare,.hv3 .svc-grid,.hv3 .faq-grid{grid-template-columns:1fr}
  .hv3 .types{grid-template-columns:repeat(2,1fr)}
  .hv3 .floatx{display:none}
  .hv3 .faq-left{position:static}
  .hv3 .sec-h{font-size:32px}
  .hv3 .final{padding:44px 30px}
  .hv3 .final h2{font-size:29px}
  .hv3 .f-float{display:none}
  .hv3 .proof .sep{display:none}
}
@media(max-width:760px){
  .hv3 .proof-in{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px;padding:26px 28px}
  .hv3 .pf b{font-size:23px}
  .hv3 .pf span{font-size:11.5px}
  .hv3 .pf:last-child{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.25);padding-top:16px}
  .hv3 .pf .up{margin-left:6px}
}
@media(max-width:600px){
  .hv3 .hero h1{font-size:29px}
  .hv3 .hero .lead{font-size:15.5px}
  .hv3 .hero h1 .strike,.hv3 .hero h1 .u{white-space:normal}
  .hv3 .hero h1 .strike svg,.hv3 .hero h1 .u svg{display:none}
  .hv3 .hero h1 .strike{text-decoration:line-through;text-decoration-color:rgba(216,27,96,.85);text-decoration-thickness:4px}
  .hv3 .types{grid-template-columns:1fr}
}