/* V2 „Semnal românesc”: oameni reali, o linie galbenă de semnal care îi leagă, Bricolage Grotesque.
   Alb dominant, albastru pentru acțiuni, galben ca semnal, mov punctual. */
:root{
  --font:'Bricolage Grotesque',system-ui,sans-serif;--font-d:'Bricolage Grotesque',system-ui,sans-serif;
  --bg:#FFFFFF;--ink:#111633;--muted:#4D5470;--surface:#FFFFFF;--surface-ink:#111633;--surface-muted:#4D5470;--line:#E1E3EC;--field:#878B9E;
  --primary:#2B3FD6;--on-primary:#fff;--accent:#FFD23F;--on-accent:#111633;--violet:#6D3FD6;
  --r:24px;--r-lg:32px;--r-btn:16px;
}
h1,h2{font-family:var(--font-d);font-weight:800;letter-spacing:-.03em;line-height:.98;font-variation-settings:"opsz" 96}
h1{font-size:clamp(3.2rem,7vw,6.5rem)}
h2{font-size:clamp(2rem,4vw,3.4rem);margin-bottom:18px}
.btn{font-weight:700}
.v2-top{position:sticky;top:0;z-index:60;background:#fff;border-bottom:3px solid var(--accent)}
.v2-top__in{display:flex;align-items:center;gap:24px;height:70px}
.v2-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.125rem;text-decoration:none}
.v2-brand .brand__mark{width:36px;height:36px}
.v2-brand .brand__mark svg{width:100%;height:100%}
.v2-nav{display:flex;gap:6px;margin:0 auto}
.v2-nav a{padding:8px 14px;border-radius:12px;text-decoration:none;font-weight:600;transition:background-color var(--t-std) var(--ease)}
.v2-nav a:hover{background:#F1F2F7}
.v2-top__cta{display:flex;gap:12px;align-items:center;margin-left:auto}
.v2-tel{font-weight:700;text-decoration:none}
.v2-hero{padding:56px 0 96px;overflow:hidden}
.v2-hero__in{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.v2-lead{font-size:1.1875rem;color:var(--muted);margin:22px 0 0;max-width:540px;line-height:1.55}
.v2-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.v2-collage{position:relative;height:620px}
.v2-signal{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.v2-signal path{stroke:var(--accent);stroke-width:7;stroke-linecap:round}
.v2-c{position:absolute;margin:0;border-radius:var(--r-lg);overflow:visible}
.v2-c img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-lg)}
.v2-c i{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--accent);border:5px solid #fff;z-index:3}
.v2-c--1{left:0;top:30px;width:52%;height:250px}.v2-c--1 i{left:44px;top:62px}
.v2-c--2{right:0;top:170px;width:50%;height:300px}.v2-c--2 i{left:40px;top:44px}
.v2-c--3{left:12%;bottom:0;width:48%;height:220px}.v2-c--3 i{right:-11px;bottom:40px}
.v2-eyebrow{font-weight:700;color:var(--primary);margin-bottom:12px}
.v2-fam{background:var(--accent);padding:96px 0}
.v2-fam__in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.v2-fam .v2-eyebrow{color:var(--ink)}
.v2-fam .v2-lead{color:#3a3410}
.v2-big{font-size:1.6em;letter-spacing:-.05em}
.v2-fam__photo{margin:0;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:5/4}
.v2-fam__photo img{width:100%;height:100%;object-fit:cover}
.v2-lines{list-style:none;padding:0;margin:28px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.v2-lines li{padding:14px 16px;border-radius:16px;background:#fff}
.v2-lines b{display:block}
.v2-lines span{font-size:.875rem;color:var(--muted)}
.v2-sec{padding:112px 0}
.v2-sec--tint{background:#F4F5FA}
.v2-head{margin-bottom:48px;max-width:760px}
.v2-head--row{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:32px;flex-wrap:wrap}
.v2-head--row>p{max-width:420px}
.v2-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.v2-plans .plan{border:2px solid var(--line);border-top:8px solid var(--line)}
.v2-plans .plan--hot{border-color:var(--primary);border-top-color:var(--accent)}
.v2-plans .tag{background:var(--accent);color:var(--on-accent)}
.v2-plans .plan__price .num{font-size:4rem;font-weight:800;letter-spacing:-.05em}
.v2-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,23%);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;scrollbar-width:thin}
.v2-rail>*{scroll-snap-align:start}
.v2-rail .prod{border-radius:var(--r)}
.v2-rail .prod__art{aspect-ratio:4/5}
.v2-rail .mprice .num{font-size:2rem;font-weight:800}
.v2-service{position:relative;padding:120px 0;overflow:hidden;background:#111633}
.v2-service__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.v2-service .wrap{position:relative}
.v2-service__card{max-width:520px;padding:36px;border-radius:var(--r-lg);background:#fff}
.rep{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:16px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left}
.rep b{display:block;font-weight:700}
.rep small{color:var(--muted)}
.rep em{font-style:normal;font-weight:800;white-space:nowrap;padding:6px 10px;border-radius:10px;background:var(--accent);transition:background-color var(--t-std) var(--ease)}
.rep:hover em{background:#FFE58A}
.v2-reps{margin-top:16px;border-top:1px solid var(--line)}
.v2-story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.v2-story__photo{margin:0;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5}
.v2-story__photo img{width:100%;height:100%;object-fit:cover}
.v2-im{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}
.v2-im b{display:inline-grid;place-items:center;width:40px;height:40px;margin-right:10px;border-radius:12px;background:var(--violet);color:#fff;vertical-align:middle}
.v2-final{background:var(--ink);color:#fff;padding:96px 0}
.v2-final__in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.v2-final h2{margin:0}
.v2-final .v2-cta{margin:0}
.v2-final .btn--p{background:var(--accent);color:var(--on-accent)}
.v2-final .btn--g{color:#fff}
.v2-foot{background:var(--ink);color:#A9AFC6;border-top:1px solid #262c4a;padding:24px 0 96px;font-size:.8125rem}
.v2-foot__in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media (max-width:1020px){
  .v2-nav,.v2-tel{display:none}
  .v2-hero__in,.v2-fam__in,.v2-story{grid-template-columns:1fr;gap:36px}
  .v2-collage{height:520px}
  .v2-plans{grid-template-columns:1fr}
  .v2-rail{grid-auto-columns:minmax(260px,46%)}
  .v2-sec,.v2-fam{padding:80px 0}
}
@media (max-width:520px){
  .v2-hero{padding:32px 0 64px}
  .v2-collage{height:420px}
  .v2-c--1{height:180px;width:60%}.v2-c--2{height:210px;top:140px;width:56%}.v2-c--3{height:160px;width:58%;left:4%}
  .v2-lines{grid-template-columns:1fr}
  .v2-rail{grid-auto-columns:80%}
  .v2-service__card{padding:24px}
}