@charset "utf-8";
/* =========================================================================
   DESIGNUL MEU — v3 „LINIA"
   Concept: desenăm firul care leagă camera din hală de telefonul clientului.
   Grafit dominant · ultramarin ca MATERIAL (linii, grile, muchii) ·
   chihlimbar ca SINGUR accent de acțiune.
   Display: Bricolage Grotesque. Corp: Instrument Sans. Ambele self-hostate.
   ========================================================================= */

/* ---------- fonturi ---------------------------------------------------- */
@font-face{
  font-family:"Bricolage Grotesque"; font-style:normal; font-weight:400 800;
  font-display:swap; src:url(/assets/fonts/bricolage-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:"Bricolage Grotesque"; font-style:normal; font-weight:400 800;
  font-display:swap; src:url(/assets/fonts/bricolage-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Instrument Sans"; font-style:normal; font-weight:400 600;
  font-display:swap; src:url(/assets/fonts/instrument-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,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:"Instrument Sans"; font-style:normal; font-weight:400 600;
  font-display:swap; src:url(/assets/fonts/instrument-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---------- token-uri -------------------------------------------------- */
:root{
  --graphite:#07090D;  --graphite-2:#0E1219; --graphite-3:#161C27; --graphite-4:#1F2736;
  --lime:#EDEEF1;      --lime-2:#8992A2;     --lime-3:#5C6474;
  --paper:#F1F2F4;     --paper-2:#E3E5E9;    --paper-3:#D2D6DD;
  --paper-ink:#0A0C11; --paper-ink-2:#545C6A;
  --ultra:#2B4BFF;     --ultra-soft:#7D93FF; --ultra-deep:#16266E;
  --amber:#FFAE1A;     --amber-hi:#FFC451;   --amber-ink:#1A1204;
  --signal:#00E28A;
  --hair:rgba(237,238,241,.12);
  --hair-strong:rgba(237,238,241,.22);
  --hair-ink:rgba(10,12,17,.14);

  --display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  --sans:"Instrument Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;

  --maxw:1520px;
  --pad:clamp(20px,4vw,72px);

  --s1:4px; --s2:8px; --s3:14px; --s4:24px; --s5:40px; --s6:68px; --s7:112px; --s8:180px;
  --r1:2px; --r2:4px; --r3:10px; --rp:999px;

  --e-micro:cubic-bezier(.32,.72,0,1);
  --e-sec:cubic-bezier(.16,1,.3,1);
  --t-micro:180ms; --t-sec:720ms;

  --nav-h:64px;
}
/* ---------- bază ------------------------------------------------------- */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:calc(var(--nav-h) + 28px); }
body{
  margin:0; background:var(--graphite); color:var(--lime);
  font-family:var(--sans); font-size:17px; line-height:1.62; font-weight:400;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
@media (max-width:640px){ body{ font-size:18px; } }
img,svg,video{ display:block; max-width:100%; }
img{ height:auto; }
a{ color:inherit; text-decoration:none; }
p{ margin:0; }
ul,ol{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4{ margin:0; font-family:var(--display); font-weight:600; text-wrap:balance; }
button,input,select,textarea{ font:inherit; color:inherit; }
::selection{ background:var(--amber); color:var(--amber-ink); }
:focus-visible{ outline:2.5px solid var(--amber); outline-offset:3px; border-radius:var(--r2); }
.ch--paper :focus-visible{ outline-color:var(--ultra); }

.shell{ width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:var(--pad); }
.skip{ position:absolute; left:-9999px; top:0; z-index:300; background:var(--amber); color:var(--amber-ink);
  padding:14px 22px; font-weight:600; }
.skip:focus{ left:0; }
.vh{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
  clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* ---------- tipografie ------------------------------------------------- */
.d1{ font-size:clamp(3.1rem,7.2vw,6.6rem); line-height:.94; letter-spacing:-.035em; font-weight:600;
     font-variation-settings:"opsz" 96; }
.d2{ font-size:clamp(2.35rem,5vw,4.4rem);  line-height:.98; letter-spacing:-.03em;  font-weight:600;
     font-variation-settings:"opsz" 72; }
.d3{ font-size:clamp(1.75rem,3vw,2.75rem); line-height:1.05; letter-spacing:-.02em; font-weight:600;
     font-variation-settings:"opsz" 48; }
.d4{ font-size:clamp(1.22rem,1.8vw,1.6rem);line-height:1.15; letter-spacing:-.012em;font-weight:600;
     font-variation-settings:"opsz" 24; }
.lede{ font-size:clamp(1.14rem,1.4vw,1.34rem); line-height:1.5; color:var(--lime-2); max-width:58ch; }
.ch--paper .lede{ color:var(--paper-ink-2); }
.micro{ font-family:var(--sans); font-size:12.5px; font-weight:500; letter-spacing:.22em;
  text-transform:uppercase; line-height:1.3; color:var(--lime-2); }
.ch--paper .micro{ color:var(--paper-ink-2); }
.eyebrow{ display:inline-flex; align-items:center; gap:12px; }
.eyebrow::before{ content:""; width:26px; height:1px; background:var(--amber); flex:0 0 auto; }
.num{ font-family:var(--display); font-variant-numeric:tabular-nums; font-weight:700; }

/* ---------- capitole --------------------------------------------------- */
.ch{ position:relative; }
.ch--dark{ background:var(--graphite); color:var(--lime); }
.ch--deep{ background:var(--graphite-2); color:var(--lime); }
.ch--paper{ background:var(--paper); color:var(--paper-ink); }
.ch--paper .d1,.ch--paper .d2,.ch--paper .d3,.ch--paper .d4{ color:var(--paper-ink); }
.sec{ padding-block:clamp(72px,9vw,150px); }
.sec--tight{ padding-block:clamp(48px,6vw,96px); }
.sec--flush-t{ padding-top:0; }

/* cap de secțiune: 7/5 asimetric, titlul jos-stânga, lede sus-dreapta */
.head{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(20px,4vw,72px); align-items:end; margin-bottom:clamp(36px,5vw,72px); }
.head__t{ margin-top:18px; }
.head p{ padding-bottom:6px; }
@media (max-width:900px){ .head{ grid-template-columns:1fr; gap:16px; } }

/* linia-fir: elementul de continuitate al conceptului */
.wire{ position:relative; }
.wire::before{ content:""; position:absolute; left:calc(var(--pad) * -1 + 12px); top:0; bottom:0;
  width:1px; background:linear-gradient(180deg,transparent,var(--ultra) 12%,var(--ultra) 88%,transparent);
  opacity:.5; }
@media (max-width:1100px){ .wire::before{ display:none; } }
.node{ position:relative; padding-left:30px; }
.node::before{ content:""; position:absolute; left:0; top:.62em; width:9px; height:9px; border-radius:50%;
  background:var(--graphite); border:1.5px solid var(--ultra-soft); box-shadow:0 0 0 4px rgba(43,75,255,.12); }
.ch--paper .node::before{ background:var(--paper); border-color:var(--ultra); }

/* ---------- butoane și linkuri ----------------------------------------- */
.btn{ display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:54px; padding:15px 28px; border:1px solid transparent; border-radius:var(--rp);
  font-weight:600; font-size:15.5px; cursor:pointer; white-space:nowrap;
  transition:background var(--t-micro) var(--e-micro), color var(--t-micro) var(--e-micro),
             border-color var(--t-micro) var(--e-micro), transform var(--t-micro) var(--e-micro),
             box-shadow var(--t-micro) var(--e-micro); }
.btn i{ font-style:normal; transition:transform var(--t-micro) var(--e-micro); }
.btn:hover i{ transform:translateX(4px); }
.btn--go{ background:var(--amber); color:var(--amber-ink); box-shadow:0 12px 30px -14px rgba(255,174,26,.9); }
.btn--go:hover{ background:var(--amber-hi); transform:translateY(-2px); box-shadow:0 18px 42px -16px rgba(255,174,26,1); }
.btn--line{ background:transparent; color:var(--lime); border-color:var(--hair-strong); }
.btn--line:hover{ border-color:var(--lime); background:rgba(237,238,241,.06); transform:translateY(-2px); }
.ch--paper .btn--line{ color:var(--paper-ink); border-color:var(--hair-ink); }
.ch--paper .btn--line:hover{ border-color:var(--paper-ink); background:rgba(10,12,17,.04); }
.btn--sm{ min-height:44px; padding:11px 20px; font-size:14px; }

.lnk{ display:inline-flex; align-items:center; gap:9px; padding-block:7px; font-weight:500;
  border-bottom:1px solid var(--hair-strong);
  transition:gap var(--t-micro) var(--e-micro), border-color var(--t-micro) var(--e-micro), color var(--t-micro) var(--e-micro); }
.lnk:hover{ gap:15px; color:var(--amber); border-color:var(--amber); }
.ch--paper .lnk{ border-color:var(--hair-ink); }
.ch--paper .lnk:hover{ color:var(--ultra); border-color:var(--ultra); }
.tel{ font-family:var(--display); font-weight:700; font-size:clamp(1.35rem,2.2vw,1.9rem);
  letter-spacing:-.02em; color:var(--amber); display:inline-flex; align-items:center; gap:12px; }
.tel:hover{ color:var(--amber-hi); }

/* ---------- navigație -------------------------------------------------- */
.nav{ position:fixed; z-index:150; top:14px; left:50%; transform:translateX(-50%);
  display:flex; align-items:center; gap:clamp(8px,1.6vw,22px);
  height:var(--nav-h); padding:8px 8px 8px 22px; border-radius:var(--rp);
  max-width:calc(100vw - 22px);
  background:rgba(7,9,13,.72); border:1px solid var(--hair);
  backdrop-filter:blur(18px) saturate(1.5); -webkit-backdrop-filter:blur(18px) saturate(1.5);
  transition:top .4s var(--e-sec), background .4s var(--e-sec), border-color .4s var(--e-sec),
             color .4s var(--e-sec), box-shadow .4s var(--e-sec); }
.nav.on-paper{ background:rgba(241,242,244,.78); border-color:var(--hair-ink); color:var(--paper-ink); }
.nav.tight{ top:8px; box-shadow:0 18px 46px -26px rgba(0,0,0,.85); }
.nav__brand{ font-family:var(--display); font-weight:700; font-size:18px; letter-spacing:-.02em; white-space:nowrap; }
.nav__brand b{ color:var(--amber); font-weight:700; }
.nav__links{ display:flex; align-items:center; gap:clamp(4px,1.1vw,16px); font-size:14.5px; margin-left:auto; }
.nav__links a{ position:relative; padding:9px 6px; opacity:.84; white-space:nowrap;
  transition:opacity var(--t-micro) var(--e-micro); }
.nav__links a::after{ content:""; position:absolute; left:6px; right:calc(100% - 6px); bottom:5px; height:1.5px;
  background:var(--amber); transition:right .32s var(--e-micro); }
.nav__links a:hover{ opacity:1; }
.nav__links a:hover::after,.nav__links a[aria-current]::after{ right:6px; }
.nav__links a[aria-current]{ opacity:1; }
.nav__cta{ flex:0 0 auto; }
.burger{ display:none; width:46px; height:46px; border-radius:50%; border:1px solid var(--hair-strong);
  background:transparent; align-items:center; justify-content:center; cursor:pointer; margin-left:auto; }
.nav.on-paper .burger{ border-color:var(--hair-ink); }
.burger span{ display:block; width:18px; height:1.6px; background:currentColor; position:relative;
  transition:background var(--t-micro) var(--e-micro); }
.burger span::before,.burger span::after{ content:""; position:absolute; left:0; width:18px; height:1.6px;
  background:currentColor; transition:transform .34s var(--e-sec); }
.burger span::before{ top:-6px; } .burger span::after{ top:6px; }
.burger[aria-expanded="true"] span{ background:transparent; }
.burger[aria-expanded="true"] span::before{ transform:translateY(6px) rotate(45deg); }
.burger[aria-expanded="true"] span::after{ transform:translateY(-6px) rotate(-45deg); }
@media (max-width:1080px){
  .nav__links,.nav__cta{ display:none; }
  .burger{ display:inline-flex; }
  .nav{ padding:8px 8px 8px 20px; }
}

/* panou mobil */
.sheet{ position:fixed; inset:0; z-index:140; background:var(--graphite); color:var(--lime);
  display:flex; flex-direction:column; justify-content:center; gap:6px;
  padding:calc(var(--nav-h) + 40px) var(--pad) 32px;
  opacity:0; transform:translateY(-8px); transition:opacity .34s var(--e-sec), transform .34s var(--e-sec); }
.sheet.open{ opacity:1; transform:none; }
.sheet a{ font-family:var(--display); font-weight:600; font-size:clamp(1.5rem,7vw,2.1rem);
  letter-spacing:-.02em; padding:9px 0; border-bottom:1px solid var(--hair); }
.sheet a:last-of-type{ border-bottom:0; }
.sheet__foot{ margin-top:26px; display:flex; flex-direction:column; gap:12px; }
.sheet__foot .tel{ font-size:1.7rem; }

/* bară de apel pe mobil — publicul ăsta sună */
.callbar{ position:fixed; z-index:130; left:12px; right:12px; bottom:12px; display:none;
  grid-template-columns:1fr auto; gap:8px; }
.callbar a{ display:flex; align-items:center; justify-content:center; gap:10px; min-height:56px;
  border-radius:var(--rp); font-weight:600; font-size:16px; }
.callbar .c1{ background:var(--amber); color:var(--amber-ink); box-shadow:0 14px 34px -12px rgba(0,0,0,.8); }
.callbar .c2{ background:var(--graphite-3); color:var(--lime); border:1px solid var(--hair-strong);
  padding-inline:20px; box-shadow:0 14px 34px -12px rgba(0,0,0,.8); }
@media (max-width:820px){ .callbar{ display:grid; } body{ padding-bottom:78px; } }

/* ---------- hero ------------------------------------------------------- */
.hero{ position:relative; min-height:100svh; display:flex; flex-direction:column; justify-content:flex-end;
  padding-top:calc(var(--nav-h) + 34px); overflow:hidden; background:var(--graphite); }
.hero--sub{ min-height:auto; padding-bottom:0; }
.stage{ position:absolute; inset:0; z-index:0; }
.stage canvas,.stage svg{ width:100%; height:100%; display:block; }
.stage.live > svg{ display:none; }   /* fallback-ul dispare când pornește WebGL */
.stage--band{ position:relative; height:clamp(150px,18vw,240px); margin-bottom:clamp(26px,3.4vw,48px); }
.hero__veil{ position:absolute; inset:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(102deg,rgba(7,9,13,.95) 0%,rgba(7,9,13,.74) 32%,rgba(7,9,13,.12) 60%,rgba(7,9,13,0) 100%),
    linear-gradient(180deg,rgba(7,9,13,.55) 0%,rgba(7,9,13,0) 20%,rgba(7,9,13,.30) 58%,var(--graphite) 100%),
    radial-gradient(74% 58% at 76% 26%,rgba(43,75,255,.14),transparent 68%); }
.hero__in{ position:relative; z-index:2; width:100%; padding-bottom:clamp(22px,3.4vh,42px); }
.hero__grid{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(24px,4vw,72px); align-items:end; }
@media (max-width:1000px){ .hero__grid{ grid-template-columns:1fr; gap:26px; } }
.hero h1{ margin-top:20px; }
.hero .ln{ display:block; overflow:hidden; }
.hero .ln > span{ display:block; will-change:transform; }
.hero__aside .lede{ max-width:40ch; }
.hero__cta{ margin-top:26px; display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.hero__tel{ margin-top:18px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.hero__tel small{ font-size:13px; color:var(--lime-2); }
.serif-i{ font-style:italic; }
.amber{ color:var(--amber); }

/* bandă de dovadă sub fold */
.proof{ position:relative; z-index:2; border-top:1px solid var(--hair); }
.proof__g{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.proof__g > div{ padding:20px clamp(12px,1.8vw,28px) 22px; border-right:1px solid var(--hair); }
.proof__g > div:last-child{ border-right:0; }
.proof b{ display:block; font-family:var(--display); font-weight:700;
  font-size:clamp(1.5rem,2.6vw,2.3rem); line-height:1.05; letter-spacing:-.03em; color:var(--lime); }
.proof b em{ font-style:normal; color:var(--amber); }
.proof span{ display:block; margin-top:7px; font-size:13px; line-height:1.42; color:var(--lime-2); }
@media (max-width:880px){
  .proof__g{ grid-template-columns:repeat(2,1fr); }
  .proof__g > div:nth-child(2n){ border-right:0; }
  .proof__g > div:nth-child(-n+2){ border-bottom:1px solid var(--hair); }
}

/* firimituri */
.crumbs{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; font-size:13.5px; color:var(--lime-2); }
.crumbs a:hover{ color:var(--amber); }

/* ---------- blocuri de cifre ------------------------------------------- */
.stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1px;
  background:var(--hair); border:1px solid var(--hair); }
.stat{ background:var(--graphite); padding:clamp(24px,3vw,40px); }
.ch--paper .stats{ background:var(--hair-ink); border-color:var(--hair-ink); }
.ch--paper .stat{ background:var(--paper); }
.stat b{ display:block; font-family:var(--display); font-weight:700;
  font-size:clamp(2.6rem,5vw,4.2rem); line-height:1; letter-spacing:-.04em; color:var(--amber);
  font-variant-numeric:tabular-nums; }
.stat u{ text-decoration:none; display:block; margin-top:10px; font-weight:600; font-size:16px; }
.stat span{ display:block; margin-top:4px; font-size:13.5px; color:var(--lime-2); }
.ch--paper .stat span{ color:var(--paper-ink-2); }
@media (max-width:900px){ .stats{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .stats{ grid-template-columns:1fr; } }

/* ---------- probleme vs. soluție (split) ------------------------------- */
.duo{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(16px,2.4vw,32px); }
@media (max-width:900px){ .duo{ grid-template-columns:1fr; } }
.panel{ border:1px solid var(--hair); padding:clamp(24px,3vw,40px); background:rgba(237,238,241,.02); }
.ch--paper .panel{ border-color:var(--hair-ink); background:rgba(10,12,17,.02); }
.panel--hot{ border-color:rgba(43,75,255,.42); background:linear-gradient(160deg,rgba(43,75,255,.10),transparent 62%); }
.panel__tag{ display:inline-block; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase;
  padding:7px 12px; border:1px solid var(--hair-strong); border-radius:var(--rp); margin-bottom:22px; }
.ch--paper .panel__tag{ border-color:var(--hair-ink); }
.panel--hot .panel__tag{ border-color:var(--ultra-soft); color:var(--ultra-soft); }
.ticks li{ position:relative; padding:11px 0 11px 30px; border-bottom:1px solid var(--hair); font-size:16.5px; }
.ch--paper .ticks li{ border-color:var(--hair-ink); }
.ticks li:last-child{ border-bottom:0; }
.ticks li::before{ content:""; position:absolute; left:0; top:1.05em; width:14px; height:1.5px; background:var(--amber); }
.ticks--mute li{ color:var(--lime-2); }
.ticks--mute li::before{ background:var(--lime-3); }
.ch--paper .ticks--mute li{ color:var(--paper-ink-2); }

/* ---------- fluxul (6 pași, orizontal) --------------------------------- */
.flow{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1px; background:var(--hair);
  border:1px solid var(--hair); }
.flow__s{ background:var(--graphite); padding:clamp(20px,2vw,30px); position:relative; }
.ch--paper .flow{ background:var(--hair-ink); border-color:var(--hair-ink); }
.ch--paper .flow__s{ background:var(--paper); }
.flow__s em{ font-style:normal; font-family:var(--display); font-weight:700; font-size:13px; color:var(--ultra-soft); }
.ch--paper .flow__s em{ color:var(--ultra); }
.flow__s b{ display:block; margin-top:36px; font-family:var(--display); font-weight:600; font-size:17.5px;
  letter-spacing:-.01em; }
.flow__s span{ display:block; margin-top:8px; font-size:14px; color:var(--lime-2); line-height:1.45; }
.ch--paper .flow__s span{ color:var(--paper-ink-2); }
.flow__s svg{ width:34px; height:22px; stroke:var(--ultra-soft); fill:none; stroke-width:1.4; position:absolute; top:26px; right:24px; opacity:.85; }
.ch--paper .flow__s svg{ stroke:var(--ultra); }
@media (max-width:1200px){ .flow{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:680px){ .flow{ grid-template-columns:1fr; } }

/* ---------- rail: derulare orizontală ---------------------------------- */
.rail{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(280px,32vw);
  gap:clamp(14px,1.6vw,22px); overflow-x:auto; overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory; padding-bottom:18px;
  scrollbar-width:thin; scrollbar-color:var(--hair-strong) transparent; }
.rail > *{ scroll-snap-align:start; }
.rail::-webkit-scrollbar{ height:4px; }
.rail::-webkit-scrollbar-thumb{ background:var(--hair-strong); }
.rail__hint{ margin-top:12px; font-size:13px; color:var(--lime-2); }
.ch--paper .rail__hint{ color:var(--paper-ink-2); }
.step{ border:1px solid var(--hair); padding:clamp(22px,2.4vw,32px); min-height:230px;
  display:flex; flex-direction:column; background:rgba(237,238,241,.02);
  transition:border-color var(--t-micro) var(--e-micro), background var(--t-micro) var(--e-micro); }
.ch--paper .step{ border-color:var(--hair-ink); background:rgba(10,12,17,.02); }
.step:hover{ border-color:var(--ultra-soft); background:rgba(43,75,255,.07); }
.step b{ font-family:var(--display); font-weight:700; font-size:13px; color:var(--amber); }
.step h3{ margin-top:auto; padding-top:26px; font-size:20px; }
.step p{ margin-top:9px; font-size:15px; color:var(--lime-2); }
.ch--paper .step p{ color:var(--paper-ink-2); }
@media (max-width:640px){ .rail{ grid-auto-columns:minmax(74vw,74vw); } }

/* ---------- dovada: capturi -------------------------------------------- */
.ev{ display:grid; gap:clamp(20px,2.6vw,36px); }
.ev--2{ grid-template-columns:1fr 1fr; }
.ev--3{ grid-template-columns:repeat(3,1fr); }
@media (max-width:980px){ .ev--3{ grid-template-columns:1fr 1fr; } }
@media (max-width:720px){ .ev--2,.ev--3{ grid-template-columns:1fr; } }
.shot{ margin:0; }
.ev--2 > .shot--wide{ grid-column:1 / -1; }
.shot__f{ border:1px solid var(--hair); background:var(--graphite-2); overflow:hidden;
  box-shadow:0 34px 80px -46px rgba(0,0,0,.95);
  transition:border-color var(--t-sec) var(--e-sec), transform var(--t-sec) var(--e-sec); }
.ch--paper .shot__f{ border-color:var(--hair-ink); box-shadow:0 34px 80px -50px rgba(10,12,17,.6); }
.shot:hover .shot__f{ border-color:var(--ultra-soft); transform:translateY(-3px); }
.shot__bar{ display:flex; align-items:center; gap:9px; padding:11px 14px; border-bottom:1px solid var(--hair);
  font-size:12px; color:var(--lime-2); }
.ch--paper .shot__bar{ border-color:var(--hair-ink); color:var(--paper-ink-2); }
.shot__bar i{ width:7px; height:7px; border-radius:50%; background:var(--hair-strong); }
.shot__bar b{ margin-left:6px; font-weight:500; }
.shot img{ width:100%; }
.shot figcaption{ margin-top:16px; font-size:15px; color:var(--lime-2); line-height:1.5; }
.ch--paper .shot figcaption{ color:var(--paper-ink-2); }
.real{ display:inline-flex; align-items:center; gap:8px; margin-top:10px; font-size:12px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--signal); }
.real::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--signal);
  box-shadow:0 0 0 4px rgba(0,226,138,.14); }

/* ramă de telefon pentru capturile din aplicație */
.phone{ position:relative; margin-inline:auto; max-width:310px; padding:9px;
  border:1px solid var(--hair-strong); border-radius:34px; background:var(--graphite-2);
  box-shadow:0 44px 90px -50px rgba(0,0,0,1); }
.ch--paper .phone{ border-color:var(--hair-ink); box-shadow:0 44px 90px -54px rgba(10,12,17,.7); }
.phone img{ border-radius:26px; width:100%; }
.phones{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2.4vw,34px); align-items:start; }
@media (max-width:820px){ .phones{ grid-template-columns:1fr; max-width:340px; margin-inline:auto; } }

/* ---------- citat ------------------------------------------------------ */
.quote{ display:grid; grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:clamp(24px,4vw,64px);
  align-items:center; }
@media (max-width:900px){ .quote{ grid-template-columns:1fr; } }
.quote blockquote{ margin:0; font-family:var(--display); font-weight:500;
  font-size:clamp(1.6rem,3.2vw,2.9rem); line-height:1.16; letter-spacing:-.025em; }
.quote blockquote span{ color:var(--amber); }
.quote__who{ display:flex; align-items:center; gap:16px; }
.quote__who i{ display:grid; place-items:center; width:56px; height:56px; border-radius:50%;
  background:var(--ultra); color:#fff; font-style:normal; font-family:var(--display); font-weight:700; font-size:19px; }
.quote__who b{ display:block; font-size:17px; font-weight:600; }
.quote__who span{ display:block; font-size:14px; color:var(--lime-2); margin-top:2px; }
.ch--paper .quote__who span{ color:var(--paper-ink-2); }

/* ---------- fâșie foto full-bleed -------------------------------------- */
.bleed{ position:relative; min-height:min(66vh,560px); display:flex; align-items:flex-end;
  overflow:hidden; background:var(--graphite-2); }
.bleed img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.bleed::after{ content:""; position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(90deg,rgba(7,9,13,.94) 0%,rgba(7,9,13,.74) 38%,rgba(7,9,13,.18) 72%),
    linear-gradient(180deg,rgba(7,9,13,.55),rgba(7,9,13,.86) 76%,var(--graphite)); }
.bleed .shell{ position:relative; z-index:2; padding-block:clamp(34px,6vw,72px); }
.bleed h2{ max-width:20ch; }
.bleed p{ margin-top:18px; max-width:52ch; color:var(--lime-2); }

/* ---------- carduri (servicii) ----------------------------------------- */
.cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,1.8vw,24px); }
@media (max-width:940px){ .cards{ grid-template-columns:1fr; } }
.card{ display:flex; flex-direction:column; border:1px solid var(--hair);
  padding:clamp(24px,2.6vw,36px); min-height:280px; background:rgba(237,238,241,.02);
  transition:border-color var(--t-micro) var(--e-micro), background var(--t-micro) var(--e-micro), transform var(--t-micro) var(--e-micro); }
.ch--paper .card{ border-color:var(--hair-ink); background:rgba(10,12,17,.02); }
.card:hover{ border-color:var(--ultra-soft); background:rgba(43,75,255,.07); transform:translateY(-3px); }
.card em{ font-style:normal; font-family:var(--display); font-weight:700; font-size:13px; color:var(--ultra-soft); }
.ch--paper .card em{ color:var(--ultra); }
.card h3{ margin-top:30px; }
.card p{ margin-top:11px; color:var(--lime-2); font-size:15.5px; }
.ch--paper .card p{ color:var(--paper-ink-2); }
.card__go{ margin-top:auto; padding-top:22px; font-size:14px; font-weight:600; color:var(--amber); }

/* ---------- listă de straturi ------------------------------------------ */
.rows{ border-top:1px solid var(--hair); }
.ch--paper .rows{ border-color:var(--hair-ink); }
.row{ display:grid; grid-template-columns:64px minmax(0,1fr) 210px; gap:clamp(14px,2.4vw,32px);
  align-items:start; padding:clamp(20px,2.4vw,32px) 8px; border-bottom:1px solid var(--hair);
  transition:background var(--t-micro) var(--e-micro), padding var(--t-micro) var(--e-micro); }
.ch--paper .row{ border-color:var(--hair-ink); }
.row:hover{ background:rgba(43,75,255,.07); padding-inline:20px; }
.row > em{ font-style:normal; font-family:var(--display); font-weight:700; font-size:13px; color:var(--amber); padding-top:4px; }
.row b{ display:block; font-family:var(--display); font-weight:600; font-size:clamp(1.15rem,1.7vw,1.42rem); letter-spacing:-.012em; }
.row span{ display:block; margin-top:7px; color:var(--lime-2); font-size:15.5px; }
.ch--paper .row span{ color:var(--paper-ink-2); }
.row u{ text-decoration:none; font-size:13.5px; color:var(--ultra-soft); text-align:right; padding-top:5px; }
.ch--paper .row u{ color:var(--ultra); }
@media (max-width:860px){
  .row{ grid-template-columns:46px minmax(0,1fr); }
  .row u{ grid-column:2; text-align:left; padding-top:10px; }
}

/* ---------- split lipicios --------------------------------------------- */
.sticky{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(28px,4vw,72px);
  align-items:start; }
.sticky--rev{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); }
.sticky--rev > *:first-child{ order:2; }
.sticky--rev > *:last-child{ order:1; }
.sticky__side{ position:sticky; top:calc(var(--nav-h) + 40px); }
@media (max-width:940px){
  .sticky,.sticky--rev{ grid-template-columns:1fr; }
  .sticky--rev > *:first-child,.sticky--rev > *:last-child{ order:0; }
  .sticky__side{ position:static; }
}

/* ---------- tabel comparativ ------------------------------------------- */
.tw{ overflow-x:auto; border:1px solid var(--hair); }
.ch--paper .tw{ border-color:var(--hair-ink); }
.cmp{ width:100%; border-collapse:collapse; min-width:660px; font-size:15.5px; }
.cmp th,.cmp td{ padding:16px 20px; text-align:left; border-bottom:1px solid var(--hair); vertical-align:top; }
.ch--paper .cmp th,.ch--paper .cmp td{ border-color:var(--hair-ink); }
.cmp thead th{ font-family:var(--display); font-weight:600; font-size:15px; background:rgba(237,238,241,.04); }
.ch--paper .cmp thead th{ background:rgba(10,12,17,.04); }
.cmp tbody th{ font-weight:600; width:26%; }
.cmp td:last-child{ background:rgba(43,75,255,.08); }
.cmp tr:last-child th,.cmp tr:last-child td{ border-bottom:0; }

/* ---------- întrebări -------------------------------------------------- */
.faq{ border-top:1px solid var(--hair); }
.ch--paper .faq{ border-color:var(--hair-ink); }
.faq details{ border-bottom:1px solid var(--hair); }
.ch--paper .faq details{ border-color:var(--hair-ink); }
.faq summary{ list-style:none; cursor:pointer; padding:24px 44px 24px 0; position:relative; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary h3{ font-size:clamp(1.1rem,1.7vw,1.4rem); font-weight:600; letter-spacing:-.012em; }
.faq summary::after{ content:""; position:absolute; right:8px; top:calc(50% - 1px); width:15px; height:1.6px;
  background:var(--amber); transition:transform .3s var(--e-micro); }
.faq summary::before{ content:""; position:absolute; right:8px; top:calc(50% - 1px); width:15px; height:1.6px;
  background:var(--amber); transform:rotate(90deg); transition:transform .3s var(--e-micro); }
.faq details[open] summary::before{ transform:rotate(0deg); }
.faq details p{ padding:0 12% 26px 0; color:var(--lime-2); }
.ch--paper .faq details p{ color:var(--paper-ink-2); }
.faq details p + p{ padding-top:14px; }

/* ---------- formular --------------------------------------------------- */
.contact{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:clamp(28px,4vw,80px);
  align-items:start; }
@media (max-width:900px){ .contact{ grid-template-columns:1fr; } }
.form{ display:grid; gap:16px; }
.field label{ display:block; font-size:13px; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  color:var(--lime-2); margin-bottom:8px; }
.ch--paper .field label{ color:var(--paper-ink-2); }
.field input,.field textarea{ width:100%; padding:15px 16px; background:rgba(237,238,241,.04);
  border:1px solid var(--hair-strong); border-radius:var(--r2); color:var(--lime); font-size:17px;
  transition:border-color var(--t-micro) var(--e-micro), background var(--t-micro) var(--e-micro); }
.ch--paper .field input,.ch--paper .field textarea{ background:#fff; border-color:var(--hair-ink); color:var(--paper-ink); }
.field input:focus,.field textarea:focus{ border-color:var(--amber); background:rgba(255,174,26,.06); outline:none; }
.ch--paper .field input:focus,.ch--paper .field textarea:focus{ background:#fff; }
.field textarea{ min-height:120px; resize:vertical; }
.form__row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:560px){ .form__row{ grid-template-columns:1fr; } }
.form__note{ font-size:13.5px; color:var(--lime-2); }
.ch--paper .form__note{ color:var(--paper-ink-2); }
.hp{ position:absolute!important; left:-9999px; width:1px; height:1px; overflow:hidden; }
.form__msg{ padding:14px 16px; border:1px solid var(--signal); background:rgba(0,226,138,.08);
  color:var(--signal); font-size:15px; border-radius:var(--r2); }
.form__msg[data-state="err"]{ border-color:var(--amber); background:rgba(255,174,26,.08); color:var(--amber); }

/* ---------- CTA final -------------------------------------------------- */
.final{ text-align:center; }
.final .eyebrow{ justify-content:center; }
.final h2{ margin-top:22px; }
.final .lede{ margin:22px auto 0; text-align:center; }
.final__row{ margin-top:34px; display:flex; flex-wrap:wrap; gap:14px; justify-content:center; }
.final__tel{ margin-top:26px; display:flex; flex-wrap:wrap; gap:26px; justify-content:center; align-items:center; }

/* ---------- footer ----------------------------------------------------- */
.foot{ background:var(--graphite-2); border-top:1px solid var(--hair); padding-block:clamp(46px,5vw,80px) 30px; }
.foot__top{ display:grid; grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr);
  gap:clamp(22px,3vw,54px); }
@media (max-width:840px){ .foot__top{ grid-template-columns:1fr 1fr; } }
@media (max-width:520px){ .foot__top{ grid-template-columns:1fr; } }
.foot h2{ font-size:clamp(1.3rem,2vw,1.7rem); max-width:16ch; }
.foot__col{ display:flex; flex-direction:column; gap:11px; font-size:15.5px; }
.foot__col b{ font-size:12.5px; letter-spacing:.2em; text-transform:uppercase; color:var(--lime-2); font-weight:500; margin-bottom:5px; }
.foot__col a:hover{ color:var(--amber); }
.mark{ margin-top:clamp(40px,5vw,80px); font-family:var(--display); font-weight:700;
  font-size:clamp(3rem,13vw,11rem); line-height:.82; letter-spacing:-.05em; color:transparent;
  -webkit-text-stroke:1px var(--hair-strong); user-select:none; }
.mark b{ color:transparent; -webkit-text-stroke:1px rgba(255,174,26,.42); font-weight:700; }
.foot__fine{ margin-top:30px; padding-top:22px; border-top:1px solid var(--hair);
  display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; font-size:13.5px; color:var(--lime-2); }

/* ---------- revelări --------------------------------------------------- */
.js .r{ opacity:0; transform:translateY(20px);
  transition:opacity var(--t-sec) var(--e-sec), transform var(--t-sec) var(--e-sec); }
.js .r.in{ opacity:1; transform:none; }
.js .rc{ clip-path:inset(0 0 100% 0); transition:clip-path .95s var(--e-sec); }
.js .rc.in{ clip-path:inset(0 0 0 0); }
.js .hero .ln > span{ transform:translateY(112%); }
.js .hero [data-h]{ opacity:0; transform:translateY(14px); }
.hero.ready .ln > span{ animation:lnUp 1s var(--e-sec) forwards; }
.hero.ready .ln:nth-child(2) > span{ animation-delay:.08s; }
.hero.ready .ln:nth-child(3) > span{ animation-delay:.16s; }
.hero.ready [data-h]{ animation:hFade .74s var(--e-sec) forwards; }
.hero.ready [data-h]:nth-of-type(2){ animation-delay:.12s; }
.hero.ready .proof[data-h]{ animation-delay:.24s; }
@keyframes lnUp{ to{ transform:translateY(0); } }
@keyframes hFade{ to{ opacity:1; transform:none; } }

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation:none!important; transition:none!important; }
  html{ scroll-behavior:auto; }
  .js .r,.js .rc,.js .hero .ln > span,.js .hero [data-h]{
    opacity:1!important; transform:none!important; clip-path:none!important; }
}

/* =========================================================================
   PACHETE DIGITALS — carduri, ofertă, tabel comparativ
   ========================================================================= */
.plans{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(14px,1.8vw,26px);
  align-items:stretch; grid-template-rows:auto auto auto auto 1fr auto auto; }
@media (max-width:1080px){
  .plans{ grid-template-columns:1fr; grid-template-rows:none; max-width:640px; margin-inline:auto; }
}
.plan{ position:relative; display:flex; flex-direction:column;
  border:1px solid var(--hair-ink); background:#fff; padding:clamp(24px,2.4vw,34px);
  transition:border-color var(--t-micro) var(--e-micro), transform var(--t-micro) var(--e-micro),
             box-shadow var(--t-micro) var(--e-micro); }
.ch--dark .plan,.ch--deep .plan{ border-color:var(--hair); background:var(--graphite-2); }
.plan:hover{ transform:translateY(-3px); box-shadow:0 26px 60px -38px rgba(10,12,17,.6); }
.plan--best{ border:1.5px solid var(--ultra); box-shadow:0 26px 70px -40px rgba(43,75,255,.55); }
.plan--best:hover{ box-shadow:0 32px 80px -40px rgba(43,75,255,.7); }
.plan__flag{ position:absolute; top:-13px; left:clamp(24px,2.4vw,34px);
  background:var(--amber); color:var(--amber-ink); font-size:12px; font-weight:700;
  letter-spacing:.1em; text-transform:uppercase; padding:6px 13px; border-radius:var(--rp); }
.plan__head h3{ margin-bottom:4px; }
.plan__sub{ font-size:14.5px; color:var(--paper-ink-2); }
.ch--dark .plan__sub{ color:var(--lime-2); }
.plan__promise{ margin-top:14px; font-family:var(--display); font-weight:600;
  font-size:clamp(1.05rem,1.4vw,1.25rem); line-height:1.25; letter-spacing:-.015em; }
.plan__inc{ margin-top:20px; padding:9px 12px; border:1px dashed var(--hair-ink);
  font-size:13.5px; color:var(--paper-ink-2); }
.plan__inc b{ color:var(--paper-ink); }
.plan__inc span{ color:var(--ultra); font-weight:700; margin-right:4px; }
.plan__inc--base{ border:0; padding-inline:0; letter-spacing:.14em; text-transform:uppercase;
  font-size:12px; opacity:.55; }
.plan__money{ margin-top:22px; }
.plan__price{ margin-top:0; display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; }
.plan__price b{ font-family:var(--display); font-weight:700; font-variant-numeric:tabular-nums;
  font-size:clamp(2.8rem,4.4vw,3.9rem); line-height:1; letter-spacing:-.04em; }
.plan__price span{ font-size:15px; color:var(--paper-ink-2); }
.plan__price--ask b{ font-size:clamp(1.25rem,1.9vw,1.6rem); line-height:1.2; letter-spacing:-.015em; }
.plan__extra{ margin-top:10px; font-size:14.5px; color:var(--paper-ink-2); line-height:1.5; }
.plan__extra b{ color:var(--paper-ink); }
.plan__cond{ margin-top:12px; font-size:12.5px; color:var(--paper-ink-2); opacity:.8; }
.plan__tail{ margin-top:0; }
.plan__who{ margin-top:22px; padding-top:20px; border-top:1px solid var(--hair-ink);
  font-size:15px; color:var(--paper-ink-2); }
.plan__list{ margin-top:16px; }
.plan__list li{ font-size:15px; padding:9px 0 9px 26px; }
.plan__list li::before{ top:1.05em; width:12px; }
.plan__inst{ margin-top:16px; }
.plan__no{ margin-top:10px; }
.plan__inst,.plan__no{ font-size:13.5px; color:var(--paper-ink-2); line-height:1.5; }
.plan__inst b,.plan__no b{ color:var(--paper-ink); }
.plan__cta{ margin-top:auto; padding-top:0; width:100%; margin-block-start:26px; }

/* ---------- oferta ---------- */
.offer{ border:1px solid rgba(43,75,255,.4); background:
    linear-gradient(150deg,rgba(43,75,255,.14),rgba(43,75,255,.03) 58%,transparent);
  padding:clamp(26px,3.4vw,54px); }
.offer__lead{ max-width:70ch; }
.offer__lead .d3{ font-family:var(--display); font-weight:500; }
.offer__grid{ margin-top:clamp(28px,3.4vw,46px); display:grid; grid-template-columns:1fr 1fr;
  gap:clamp(16px,2vw,30px); }
@media (max-width:820px){ .offer__grid{ grid-template-columns:1fr; } }
.offer__box{ border:1px solid var(--hair); background:rgba(7,9,13,.45); padding:clamp(20px,2.2vw,30px); }
.offer__box p{ margin-top:12px; color:var(--lime-2); font-size:15.5px; }
.offer__prices{ margin-top:22px; display:grid; gap:12px; }
.offer__prices > div{ display:flex; align-items:baseline; gap:10px; flex-wrap:wrap;
  padding-top:12px; border-top:1px solid var(--hair); }
.offer__prices > div:first-child{ border-top:0; padding-top:0; }
.offer__prices span{ min-width:52px; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--lime-2); }
.offer__prices s{ color:var(--lime-3); font-size:15px; }
.offer__prices b{ font-family:var(--display); font-weight:700; font-variant-numeric:tabular-nums;
  font-size:clamp(1.5rem,2.4vw,2.05rem); letter-spacing:-.03em; color:var(--amber); }
.offer__prices em{ font-style:normal; font-size:13.5px; color:var(--lime-2); }
.offer__fine{ margin-top:24px; font-size:12.5px; color:var(--lime-2); opacity:.85; }

/* ---------- tabel comparativ + acordeon pe telefon ---------- */
.cmp--plans thead th:not(:first-child),
.cmp--plans td{ text-align:center; width:15%; }
.cmp--plans tbody th{ width:55%; font-weight:400; }
.cmp--plans td.yes i{ color:var(--signal); font-style:normal; font-size:19px; }
.cmp--plans td.no i{ color:var(--paper-ink-2); opacity:.45; font-style:normal; }
.cmp--plans td.opt{ font-size:13px; color:var(--paper-ink-2); }
.cmp--plans td:last-child{ background:rgba(43,75,255,.07); }
.cmp-table{ overflow:visible; }
.cmp-acc{ display:none; }
@media (max-width:900px){
  .cmp-table{ display:none; }
  .cmp-acc{ display:block; border-top:1px solid var(--hair-ink); }
}
.cmp-acc__item{ border-bottom:1px solid var(--hair-ink); }
.cmp-acc__item summary{ list-style:none; cursor:pointer; padding:20px 40px 20px 0; position:relative; }
.cmp-acc__item summary::-webkit-details-marker{ display:none; }
.cmp-acc__item summary h4{ font-size:1.2rem; }
.cmp-acc__item summary::after,.cmp-acc__item summary::before{ content:""; position:absolute; right:6px;
  top:calc(50% - 1px); width:14px; height:1.6px; background:var(--ultra); transition:transform .3s var(--e-micro); }
.cmp-acc__item summary::before{ transform:rotate(90deg); }
.cmp-acc__item[open] summary::before{ transform:rotate(0); }
.cmp-acc__list{ padding-bottom:18px; }
.cmp-acc__list li{ display:flex; align-items:flex-start; gap:14px; justify-content:space-between;
  padding:9px 0; border-top:1px solid var(--hair-ink); font-size:15.5px; }
.cmp-acc__list li > span{ flex:1; }
.cmp-acc__list i{ font-style:normal; font-size:18px; flex:0 0 auto; }
.cmp-acc__list i.yes{ color:var(--signal); }
.cmp-acc__list i.no{ color:var(--paper-ink-2); opacity:.45; }
.cmp-acc__list em{ font-style:normal; font-size:13px; color:var(--paper-ink-2); flex:0 0 auto; }

/* ---------- pas de implementare, cu termen ---------- */
.step__when{ margin-top:16px; font-size:12.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--amber); }

/* pe ecrane late, randurile se aliniaza intre carduri: pretul din Start
   sta la aceeasi inaltime cu cel din Pro si cu linia de la Vision */
@supports (grid-template-rows: subgrid){
  @media (min-width:1081px){
    .plan{ display:grid; grid-row:1 / -1; grid-template-rows:subgrid; gap:0; }
    .plan__inc{ align-self:start; }
    .plan__money{ align-self:start; }
  }
}

/* ---------- tur ghidat: fiecare ecran, cu textul lipit de el ---------- */
.tur__pas{ padding-block:clamp(40px,5vw,86px); border-top:1px solid var(--hair-ink); }
.ch--dark .tur__pas,.ch--deep .tur__pas{ border-color:var(--hair); }
.tur__pas:first-of-type{ border-top:0; padding-top:0; }
.tur__pas .shot__f{ max-width:100%; }
.tur__pas .phone{ max-width:290px; }
@media (max-width:940px){ .tur__pas{ padding-block:clamp(30px,6vw,52px); } }