/* ==========================================================================
   Constantin Ion Reparații — reparații casnice de orice fel
   Liquid glass cald: aurora de dimineață în casă (piersică, nisip, turcoaz pal)
   accent: portocaliul centurii de scule · cerneală: bleumarin-grafit
   ========================================================================== */

@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(fonts/bricolage-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-stretch:100%;font-display:swap;src:url(fonts/bricolage.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:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter-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:"Inter";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter.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}

/* bara de jos pe iPhone (Safari 26): clasa ios26 / ios26-sub vine din <head> */
:root{--tbz:max(12px,env(safe-area-inset-bottom))}
.ios26{--tbz:max(14px,calc(env(safe-area-inset-bottom,0px) + 8px))}
.ios26.ios26-sub{--tbz:max(calc(env(safe-area-inset-bottom,0px) + 10px),106px)}

:root{
  --f-display:"Bricolage Grotesque","Inter",system-ui,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;

  --ink:#17212c;          /* bleumarin-grafit: titluri */
  --ink-2:#283746;
  --ink-3:#3b4c5c;
  --txt:#28313a;
  --mut:#5e6771;
  --paper:#fbf7f1;
  --sand:#f4ece0;
  --cream:#fff9f0;
  --line:rgba(23,33,44,.12);
  --or:#e8621a;           /* accentul: portocaliul de șantier */
  --or-d:#c64f0d;
  --or-l:#ff9a52;
  --or-xl:#ffd4b0;

  --noapte:#0f1821;
  --n-txt:#d5d9dd;
  --n-mut:#98a3ad;
  --n-line:rgba(230,236,242,.13);

  --g-bg:linear-gradient(135deg,rgba(255,255,255,.7),rgba(255,255,255,.32));
  --g-bg-n:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.04));
  --g-brd:rgba(255,255,255,.75);
  --g-brd-n:rgba(255,255,255,.16);
  --g-sh:0 1px 0 rgba(255,255,255,.9) inset,0 -1px 0 rgba(23,33,44,.04) inset,0 18px 50px -24px rgba(23,33,44,.34);
  --g-sh-n:0 1px 0 rgba(255,255,255,.18) inset,0 24px 60px -30px rgba(0,0,0,.7);

  --r-s:14px;--r:22px;--r-l:34px;
  --e:cubic-bezier(.2,.8,.2,1);
  --wrap:1220px;
  --barh:0px;
  --antet-h:76px;
}
@media (max-width:899px){:root{--barh:74px;--antet-h:66px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto;overflow-x:clip;scroll-padding-top:96px}
body{margin:0;font:400 17px/1.62 var(--f-body);color:var(--txt);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main,.subsol{overflow-x:clip}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--f-display);color:var(--ink);line-height:1.06;letter-spacing:-.02em;margin:0;font-weight:700}
p{margin:0 0 1em}
::selection{background:var(--or-l);color:var(--ink)}
:focus-visible{outline:3px solid var(--or);outline-offset:3px;border-radius:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.salt{position:fixed;left:16px;top:-80px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;text-decoration:none}
.salt:focus{top:12px}
.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}
.ic{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic-f{fill:currentColor;stroke:none}

/* ---------- Aurora: câmpul de lumină de sub sticlă ---------- */
.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:
  radial-gradient(120% 80% at 50% -10%,#fff6ea 0%,rgba(255,246,234,0) 60%),var(--paper)}
.aurora i{position:absolute;border-radius:50%;opacity:.78;will-change:transform}
.aurora .a1{width:64vmax;height:64vmax;left:-20vmax;top:-24vmax;background:radial-gradient(circle,rgba(255,186,132,.85) 0%,rgba(255,186,132,0) 66%)}
.aurora .a2{width:52vmax;height:52vmax;right:-18vmax;top:4vh;background:radial-gradient(circle,rgba(150,214,204,.6) 0%,rgba(150,214,204,0) 64%)}
.aurora .a3{width:50vmax;height:50vmax;left:24vw;bottom:-28vmax;background:radial-gradient(circle,rgba(255,160,96,.55) 0%,rgba(255,160,96,0) 66%)}
.aurora .a4{width:38vmax;height:38vmax;left:-12vmax;bottom:6vh;background:radial-gradient(circle,rgba(110,130,160,.3) 0%,rgba(110,130,160,0) 66%)}
.anim .aurora .a1{animation:plutire1 26s ease-in-out infinite alternate}
.anim .aurora .a2{animation:plutire2 31s ease-in-out infinite alternate}
.anim .aurora .a3{animation:plutire3 34s ease-in-out infinite alternate}
.anim .aurora .a4{animation:plutire1 38s ease-in-out infinite alternate-reverse}
@keyframes plutire1{to{transform:translate3d(8vw,6vh,0) scale(1.08)}}
@keyframes plutire2{to{transform:translate3d(-10vw,12vh,0) scale(.92)}}
@keyframes plutire3{to{transform:translate3d(-6vw,-10vh,0) scale(1.12)}}
main,.subsol,.antet{position:relative;z-index:1}

/* ---------- Sticlă ---------- */
.sticla{background:var(--g-bg);border:1px solid var(--g-brd);box-shadow:var(--g-sh);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}
.sticla-u{background:var(--g-bg);border:1px solid var(--g-brd);box-shadow:var(--g-sh)} /* translucid, fără blur: ieftin */
.noapte .sticla-u,.sticla-u.n{background:var(--g-bg-n);border-color:var(--g-brd-n);box-shadow:var(--g-sh-n)}
.sticla.n{background:linear-gradient(135deg,rgba(23,33,44,.55),rgba(15,24,33,.35));border-color:var(--g-brd-n);box-shadow:var(--g-sh-n)}
html.lite .sticla{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.94)}
html.lite .antet-sticla{background:rgba(251,247,241,.96)!important}
html.lite .sticla.n,html.lite .bara-jos .sticla-j{background:rgba(15,24,33,.95)!important}

/* ---------- Butoane lucioase ---------- */
.btn{--bg:var(--ink);--fg:#fff;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 24px;border-radius:999px;background:var(--bg);color:var(--fg);font:600 16px/1.15 var(--f-body);text-decoration:none;white-space:nowrap;overflow:hidden;transition:transform .25s var(--e),box-shadow .25s var(--e),background .25s;box-shadow:0 1px 0 rgba(255,255,255,.28) inset,0 12px 30px -14px rgba(23,33,44,.55)}
.btn::before{content:"";position:absolute;inset:0 0 50% 0;z-index:-1;border-radius:999px 999px 40% 40%/999px 999px 14px 14px;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0));pointer-events:none}
.btn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:-1;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.4),rgba(255,255,255,0));transform:skewX(-18deg);opacity:0;pointer-events:none}
@media (hover:hover){.btn:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 18px 36px -14px rgba(23,33,44,.6)}
.anim .btn:hover::after{opacity:1;animation:sclipire .9s var(--e)}}
@keyframes sclipire{from{left:-60%}to{left:120%}}
.btn-or{--bg:linear-gradient(180deg,#ff8536,#de5810);--fg:#fff;box-shadow:0 1px 0 rgba(255,255,255,.42) inset,0 14px 34px -14px rgba(198,79,13,.78)}
.btn-wa{--bg:linear-gradient(180deg,#2fd56f,#1aa952);--fg:#fff;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 14px 34px -14px rgba(26,169,82,.7)}
.btn-sticla{--bg:var(--g-bg);--fg:var(--ink);border:1px solid var(--g-brd);box-shadow:var(--g-sh)}
.noapte .btn-sticla,.btn-sticla.n{--bg:var(--g-bg-n);--fg:#fff;border-color:var(--g-brd-n);box-shadow:var(--g-sh-n)}
.btn-mic{min-height:44px;padding:0 18px;font-size:15px}
.btn-mare{min-height:62px;padding:0 30px;font-size:18px}
.btn .ic{width:20px;height:20px}
.lnk{display:inline-flex;align-items:center;gap:.4em;font-weight:600;color:var(--ink-2);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:1px}
.lnk .ic{transition:transform .25s var(--e)}
.lnk:hover .ic{transform:translateX(3px)}
.noapte .lnk{color:var(--or-l)}

/* ---------- Antet: pastilă de sticlă ---------- */
.antet{position:fixed!important;top:14px;left:0;right:0;z-index:50;pointer-events:none;transition:transform .45s var(--e)}
.antet-bara{pointer-events:auto;position:relative;isolation:isolate;width:min(100% - 28px,1260px);margin-inline:auto;height:var(--antet-h);display:flex;align-items:center;gap:22px;padding:0 10px 0 16px;border-radius:999px}
.antet-sticla{position:absolute;inset:0;z-index:-1;border-radius:inherit}
.antet.ascuns{transform:translateY(-130%)}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);flex:none}
.logo-semn{width:44px;height:44px;flex:none}
.logo-txt{display:flex;flex-direction:column;line-height:1}
.logo-txt b{font:800 20px/1 var(--f-display);letter-spacing:-.03em}
.logo-txt b span{color:var(--or-d)}
.logo-txt small{font:600 10.5px/1 var(--f-body);letter-spacing:.24em;text-transform:uppercase;color:var(--mut);margin-top:5px}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{position:relative;padding:10px 13px;border-radius:999px;text-decoration:none;font:500 15px/1 var(--f-body);color:var(--txt);transition:background .2s,color .2s}
.nav a:hover,.nav a[aria-current="page"]{background:rgba(23,33,44,.07);color:var(--ink)}
.antet-act{display:flex;align-items:center;gap:8px;flex:none}
.antet-tel{display:inline-flex;align-items:center;gap:8px;padding:0 14px;min-height:46px;border-radius:999px;text-decoration:none;font:700 15px/1 var(--f-body);color:var(--ink);font-variant-numeric:tabular-nums}
.antet-tel .ic{color:var(--or-d)}
.burger{display:none;width:50px;height:50px;border-radius:50%;place-items:center;background:var(--ink);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 24px -10px rgba(23,33,44,.6)}
.burger .ic{width:22px;height:22px}
@media (max-width:1159px){.antet-tel span{display:none}.antet-tel{padding:0 12px}}
@media (max-width:899px){
  .nav,.antet-act .btn,.antet-tel{display:none}
  .antet-act{margin-left:auto}
  .burger{display:grid}
  .antet{top:10px}
  .antet-bara{padding:0 8px 0 12px;width:min(100% - 20px,1260px)}
  .logo-semn{width:38px;height:38px}
  .logo-txt b{font-size:18px}
  .logo-txt small{font-size:9.5px;letter-spacing:.2em}
}

/* ---------- Sertarul de pe telefon (rămâne în ecran, se deschide cu clip-path) ---------- */
.voal{position:fixed;inset:0;z-index:74;background:rgba(8,12,16,.42);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.sertar{position:fixed;top:0;right:0;bottom:0;width:min(100%,440px);z-index:75;display:flex;flex-direction:column;padding:18px 20px calc(var(--tbz) + 12px);overflow-y:auto;overscroll-behavior:contain;
  background:linear-gradient(160deg,rgba(28,40,52,.97),rgba(13,20,27,.985) 70%);color:var(--n-txt);
  visibility:hidden;opacity:0;clip-path:inset(0 0 0 100%);transition:clip-path .5s var(--e),opacity .3s,visibility .5s}
.sertar::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(70% 40% at 90% 0%,rgba(232,98,26,.32),transparent 70%),radial-gradient(60% 40% at 0% 100%,rgba(150,214,204,.18),transparent 70%)}
.meniu-deschis .voal{opacity:1;visibility:visible}
.meniu-deschis .sertar{visibility:visible;opacity:1;clip-path:inset(0)}
.sertar-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.sertar .logo{color:#fff}
.sertar .logo-txt small{color:var(--n-mut)}
.sertar .logo-txt b span{color:var(--or-l)}
.sertar-x{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);color:#fff}
.sertar-x .ic{width:22px;height:22px}
.sertar-nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 2px;border-bottom:1px solid var(--n-line);text-decoration:none;font:600 26px/1.05 var(--f-display);letter-spacing:-.02em;color:#fff}
.sertar-nav a small{display:block;font:400 13px/1.3 var(--f-body);letter-spacing:0;color:var(--n-mut);margin-top:5px}
.sertar-nav .ic{color:var(--or-l);width:24px;height:24px}
.sertar-nav a[aria-current="page"] span:first-child{color:var(--or-l)}
.meniu-deschis .sertar-nav a{animation:linkurcare .5s var(--e) both}
.meniu-deschis .sertar-nav a:nth-child(2){animation-delay:.04s}.meniu-deschis .sertar-nav a:nth-child(3){animation-delay:.08s}
.meniu-deschis .sertar-nav a:nth-child(4){animation-delay:.12s}.meniu-deschis .sertar-nav a:nth-child(5){animation-delay:.16s}
.meniu-deschis .sertar-nav a:nth-child(6){animation-delay:.2s}.meniu-deschis .sertar-nav a:nth-child(7){animation-delay:.24s}
@keyframes linkurcare{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.sertar-nr{margin:22px 0 0;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid var(--n-line)}
.sertar-nr small{display:block;font:600 11px/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--n-mut);margin-bottom:8px}
.sertar-nr a{font:800 30px/1 var(--f-display);color:#fff;text-decoration:none;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.sertar-acts{display:grid;gap:10px;margin-top:auto;padding-top:22px}
.sertar-acts .btn{width:100%;white-space:normal}
.sertar-nota{font-size:13px;color:var(--n-mut);text-align:center;margin:14px 0 0}
body.blocat{overflow:hidden}

/* ---------- Bara fixă de jos (telefon) ---------- */
.bara-jos{display:none}
@media (max-width:899px){
  .bara-jos{display:block;position:fixed;left:10px;right:10px;bottom:var(--tbz);z-index:60}
  .sticla-j{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;border-radius:24px;
    background:linear-gradient(135deg,rgba(23,33,44,.82),rgba(15,24,33,.9));border:1px solid rgba(255,255,255,.16);box-shadow:0 1px 0 rgba(255,255,255,.16) inset,0 20px 40px -16px rgba(0,0,0,.55);
    -webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}
  .bara-jos a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:52px;border-radius:18px;text-decoration:none;color:#fff;font:600 12.5px/1 var(--f-body)}
  .bara-jos a .ic{width:22px;height:22px}
  .bara-jos .bj-wa{background:linear-gradient(180deg,#2fd56f,#1aa952)}
  .bara-jos .bj-tel{background:linear-gradient(180deg,#ff8536,#de5810)}
  .bara-jos .bj-of{background:rgba(255,255,255,.1)}
  .meniu-deschis .bara-jos{opacity:0;visibility:hidden}
  body{padding-bottom:calc(var(--barh) + var(--tbz) + 4px)}
}

/* ---------- Secțiuni: ritm ---------- */
.sec{position:relative;padding:clamp(76px,10vw,132px) 0}
.sec-strans{padding:clamp(56px,7vw,88px) 0}
.noapte{background:var(--noapte);color:var(--n-txt)}
.noapte h1,.noapte h2,.noapte h3,.noapte h4{color:#fff}
.noapte::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(50% 60% at 85% 10%,rgba(232,98,26,.22),transparent 70%),
  radial-gradient(50% 60% at 5% 90%,rgba(80,140,150,.32),transparent 70%)}
.noapte>.wrap{position:relative}
.nisip{background:linear-gradient(180deg,rgba(244,236,224,0),rgba(244,236,224,.86) 16%,rgba(244,236,224,.86) 84%,rgba(244,236,224,0))}
.supra{display:inline-flex;align-items:center;gap:10px;font:700 12.5px/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--or-d);margin-bottom:18px}
.supra::before{content:"";width:28px;height:2px;border-radius:2px;background:currentColor}
.noapte .supra{color:var(--or-l)}
.titlu{font-size:clamp(36px,5.2vw,68px);font-weight:750}
.titlu-m{font-size:clamp(30px,3.8vw,50px)}
.grad{background:linear-gradient(100deg,var(--ink-2) 0%,var(--ink-3) 35%,var(--or-d) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.noapte .grad{background-image:linear-gradient(100deg,#fff 0%,#f6e6d6 40%,var(--or-l) 100%)}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:var(--mut);max-width:62ch}
.noapte .lead{color:var(--n-mut)}
.cap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px 64px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.cap .lead{margin:0}
.cap-c{text-align:center;max-width:840px;margin:0 auto clamp(40px,5vw,64px)}
.cap-c .lead{margin:18px auto 0}
@media (max-width:899px){.cap{grid-template-columns:minmax(0,1fr)}}

/* ---------- Apariții (doar pe verticală) ---------- */
.anim [data-rv]:not(.in){opacity:0;transform:translateY(24px)}
.anim [data-rv]{transition:opacity .8s var(--e),transform .8s var(--e);transition-delay:calc(var(--k,0) * 70ms)}
.anim [data-rv="z"]:not(.in){transform:scale(.96) translateY(14px)}

/* ==========================================================================
   1. EROU — panoul cu numărul de telefon
   ========================================================================== */
.erou{position:relative;padding:calc(var(--antet-h) + 48px) 0 clamp(60px,7vw,96px);min-height:min(100svh,980px)}
.erou-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,5vw,72px);align-items:center}
.erou-eticheta{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:999px;font:600 14px/1.2 var(--f-body);color:var(--ink-2);margin-bottom:26px}
.erou-eticheta i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--or-l);flex:none}
.erou-eticheta i .ic{width:17px;height:17px}
.erou h1{font-size:clamp(44px,5.4vw,78px);font-weight:780;line-height:.98;letter-spacing:-.035em}
.erou h1 .rand{display:block}
.erou h1 em{font-style:normal;position:relative;display:inline-block}
.erou h1 em svg{position:absolute;left:0;right:0;bottom:-.12em;width:100%;height:.3em;overflow:visible}
.erou h1 em path{fill:none;stroke:var(--or);stroke-width:7;stroke-linecap:round;stroke-dasharray:320;stroke-dashoffset:0}
.anim .erou h1 em path{stroke-dashoffset:320;animation:traseaza 1.3s .9s var(--e) forwards}
@keyframes traseaza{to{stroke-dashoffset:0}}
.erou-lead{margin:26px 0 0;max-width:54ch;font-size:clamp(18px,1.55vw,21px);color:var(--mut)}

/* panoul cu plăcuțe (split-flap) */
.panou{display:block;margin:34px 0 0;padding:16px 18px 18px;border-radius:28px;text-decoration:none;color:inherit;width:max-content;max-width:100%}
.panou-sus{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font:700 11.5px/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.panou-sus span{display:inline-flex;align-items:center;gap:8px}
.panou-sus .led{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.18)}
.anim .panou-sus .led{animation:led 2.2s ease-in-out infinite}
@keyframes led{50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
.placute{display:flex;align-items:center;gap:6px}
.placute .sep{width:10px}
.fl{position:relative;width:clamp(34px,4.1vw,54px);height:clamp(50px,6vw,78px);border-radius:12px;perspective:300px;
  background:linear-gradient(180deg,#22303e 0%,#1a2531 49.5%,#121b25 50.5%,#17212c 100%);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 10px 22px -10px rgba(10,16,22,.7)}
.fl::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(0,0,0,.55);box-shadow:0 1px 0 rgba(255,255,255,.06)}
.fl b{position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(30px,3.7vw,50px)/1 var(--f-display);color:#fff;font-variant-numeric:tabular-nums;backface-visibility:hidden}
.fl.acc b{color:var(--or-l)}
.fl.flip b{animation:flip .16s ease-in}
@keyframes flip{from{transform:rotateX(-75deg);opacity:.4}to{transform:none;opacity:1}}
.panou:hover .fl{box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 14px 26px -10px rgba(198,79,13,.6)}
.panou-jos{display:flex;align-items:center;gap:8px;margin-top:12px;font:600 14.5px/1.3 var(--f-body);color:var(--ink-2)}
.panou-jos .ic{color:var(--or-d)}
.erou-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* colajul din dreapta */
.erou-scena{position:relative;padding:10px 0 40px}
.erou-arc{position:relative;margin:0;aspect-ratio:4/5;border-radius:240px 240px 34px 34px;padding:10px}
.erou-arc .in{position:relative;width:100%;height:100%;border-radius:230px 230px 26px 26px;overflow:hidden;background:var(--ink)}
.erou-arc img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.anim .erou-arc img{animation:respira 18s ease-in-out infinite alternate}
@keyframes respira{to{transform:scale(1.06)}}
.erou-arc .in::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,24,33,0) 55%,rgba(15,24,33,.55))}
.cip{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:999px;font:600 14px/1.15 var(--f-body);color:var(--ink);white-space:nowrap}
.cip i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ff8536,#de5810);color:#fff;flex:none}
.cip i .ic{width:18px;height:18px}
.cip-1{left:-7%;top:16%}
.cip-2{right:-5%;top:36%}
.cip-3{left:-4%;top:58%}
.cip-4{right:-2%;bottom:20%}
.anim .cip{animation:plutesc 6s ease-in-out infinite}
.anim .cip-2{animation-delay:-1.5s}.anim .cip-3{animation-delay:-3s}.anim .cip-4{animation-delay:-4.5s}
@keyframes plutesc{50%{transform:translateY(-10px)}}
.erou-fisa{position:absolute;z-index:3;left:8%;right:8%;bottom:0;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:24px}
.erou-fisa .sigiliu{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:var(--or-l)}
.erou-fisa .sigiliu .ic{width:26px;height:26px}
.erou-fisa b{display:block;font:700 17px/1.2 var(--f-display);color:var(--ink)}
.erou-fisa span{font-size:14px;color:var(--mut)}
.erou-jos{display:flex;justify-content:center;margin-top:clamp(40px,5vw,64px)}
.mouse{display:inline-flex;flex-direction:column;align-items:center;gap:8px;font:600 12px/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--mut);text-decoration:none}
.mouse i{width:26px;height:40px;border-radius:14px;border:2px solid currentColor;position:relative}
.mouse i::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--or)}
.anim .mouse i::after{animation:rotita 1.8s ease-in-out infinite}
@keyframes rotita{50%{transform:translateY(9px);opacity:.3}}
@media (max-width:1099px){.cip-1{left:-3%}.cip-2{right:-2%}}
@media (max-width:899px){
  .erou{padding-top:calc(var(--antet-h) + 40px);min-height:0}
  .erou-grid{grid-template-columns:minmax(0,1fr)}
  .erou-scena{max-width:460px;width:100%;margin:6px auto 0}
  .cip{font-size:13px;padding:8px 13px 8px 8px}
  .cip i{width:30px;height:30px}
  .cip-1{left:0}.cip-2{right:0}.cip-3{left:0}.cip-4{right:0}
  .erou-jos{display:none}
}
@media (max-width:599px){
  .erou h1{font-size:clamp(40px,11.5vw,58px)}
  .panou{padding:12px 12px 14px;border-radius:22px;width:100%}
  .placute{gap:3px;justify-content:space-between}
  .placute .sep{width:4px}
  .fl{width:calc((100% - 40px) / 10);height:auto;aspect-ratio:.68;border-radius:9px;min-width:0}
  .fl b{font-size:clamp(22px,7vw,34px)}
  .erou-acts .btn{flex:1 1 100%;white-space:normal}
  .erou-fisa{left:4%;right:4%}
  .cip-3,.cip-4{display:none}
}

/* ==========================================================================
   2. Banda cu reparații (curge spre stânga, tăiată în părinte)
   ========================================================================== */
.banda{position:relative;overflow:hidden;padding:20px 0;border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(255,255,255,.2),rgba(255,255,255,.55),rgba(255,255,255,.2))}
.banda-pista{display:flex;width:max-content;gap:0}
.anim .banda-pista{animation:curge 48s linear infinite}
@keyframes curge{to{transform:translate3d(-50%,0,0)}}
.banda-pista span{display:inline-flex;align-items:center;gap:22px;padding-right:22px;font:700 clamp(22px,2.6vw,34px)/1 var(--f-display);letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.banda-pista span::after{content:"";width:14px;height:14px;border-radius:4px;transform:rotate(45deg);background:linear-gradient(180deg,#ff8536,#de5810)}
.banda-pista span:nth-child(even){color:transparent;-webkit-text-stroke:1.2px var(--ink-3)}

/* ==========================================================================
   3. Pe scurt — cele trei promisiuni
   ========================================================================== */
.scurt-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:18px}
.scurt-card{position:relative;padding:30px 28px 28px;border-radius:var(--r-l);overflow:hidden}
.scurt-card .nr{position:absolute;right:18px;top:6px;font:800 110px/1 var(--f-display);letter-spacing:-.06em;color:rgba(23,33,44,.05)}
.scurt-card i{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--ink);color:var(--or-l);margin-bottom:22px}
.scurt-card i .ic{width:28px;height:28px}
.scurt-card h3{font-size:25px;margin-bottom:10px}
.scurt-card p{margin:0;color:var(--mut);font-size:16px}
.scurt-card.acc{background:linear-gradient(160deg,#ff8536,#d9540f);border-color:rgba(255,255,255,.3);color:#fff}
.scurt-card.acc h3{color:#fff}.scurt-card.acc p{color:rgba(255,255,255,.88)}
.scurt-card.acc i{background:#fff;color:var(--or-d)}
.scurt-card.acc .nr{color:rgba(255,255,255,.12)}
.scurt-poze{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px}
.scurt-poze figure{position:relative;margin:0;border-radius:var(--r-l);overflow:hidden;aspect-ratio:16/10;background:var(--ink)}
.scurt-poze figure:first-child{aspect-ratio:auto;grid-row:span 1}
.scurt-poze img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--e)}
.scurt-poze figure:hover img{transform:scale(1.05)}
.scurt-poze figcaption{position:absolute;left:12px;bottom:12px;padding:8px 13px;border-radius:999px;font:600 13px/1 var(--f-body);color:#fff;background:rgba(15,24,33,.5);border:1px solid rgba(255,255,255,.2)}
@media (max-width:899px){.scurt-grid,.scurt-poze{grid-template-columns:minmax(0,1fr)}.scurt-poze figure:first-child{aspect-ratio:16/10}}

/* ==========================================================================
   4. Servicii — bento cu poze
   ========================================================================== */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(220px,auto);gap:16px}
.srv{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:260px;border-radius:var(--r-l);overflow:hidden;text-decoration:none;color:#fff;background:var(--ink);isolation:isolate}
.srv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1s var(--e)}
.srv::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,24,33,0) 30%,rgba(15,24,33,.82) 100%)}
.srv:hover img{transform:scale(1.06)}
.srv-txt{position:relative;margin:12px;padding:18px 18px 16px;border-radius:24px;background:linear-gradient(135deg,rgba(23,33,44,.78),rgba(15,24,33,.62));border:1px solid rgba(255,255,255,.22);box-shadow:0 1px 0 rgba(255,255,255,.25) inset}
.srv-txt i{position:absolute;right:14px;top:-22px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ff8536,#de5810);color:#fff;box-shadow:0 10px 22px -8px rgba(198,79,13,.7)}
.srv-txt i .ic{width:22px;height:22px}
.srv h3{color:#fff;font-size:clamp(21px,2vw,26px);margin-bottom:6px;padding-right:44px}
.srv p{margin:0;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.86)}
.srv .mai{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:600 13.5px/1 var(--f-body);color:var(--or-xl)}
.srv:hover .mai .ic{transform:translateX(3px)}
.srv .mai .ic{transition:transform .25s var(--e)}
.s-a{grid-column:span 7;grid-row:span 2}
.s-b{grid-column:span 5}
.s-c{grid-column:span 5}
.s-d{grid-column:span 4}
.s-e{grid-column:span 4}
.s-f{grid-column:span 4}
.s-g{grid-column:span 6}
.s-h{grid-column:span 6}
.srv-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:22px 26px;border-radius:var(--r-l)}
.srv-alt p{margin:0;font:600 18px/1.4 var(--f-display);color:var(--ink);max-width:60ch}
@media (max-width:1099px){.s-a{grid-column:span 12;grid-row:span 1;min-height:380px}.s-b,.s-c{grid-column:span 6}.s-d,.s-e,.s-f{grid-column:span 4}}
@media (max-width:899px){.bento{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.s-a{grid-column:span 2}.s-b,.s-c,.s-d,.s-e,.s-f,.s-g,.s-h{grid-column:span 1}}
@media (max-width:599px){.bento{grid-template-columns:minmax(0,1fr)}.s-a,.s-b,.s-c,.s-d,.s-e,.s-f,.s-g,.s-h{grid-column:span 1}.srv{min-height:300px}.s-a{min-height:340px}.srv-alt .btn{width:100%;white-space:normal}}

/* ==========================================================================
   5. Casa în secțiune — momentul memorabil
   ========================================================================== */
.casa-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,56px);align-items:center}
.casa-scena{position:relative;padding:18px;border-radius:40px}
.casa-svg{width:100%;height:auto;overflow:visible}
.casa-svg .contur{fill:none;stroke:rgba(255,255,255,.72);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.casa-svg .fin{fill:none;stroke:rgba(255,255,255,.42);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.casa-svg .acc{fill:none;stroke:var(--or-l);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.casa-svg .pamant{fill:none;stroke:rgba(255,255,255,.25);stroke-width:1.5;stroke-dasharray:3 7}
.casa-svg .zid{fill:rgba(255,255,255,.04)}
.anim .casa-svg .contur,.anim .casa-svg .fin,.anim .casa-svg .acc{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s var(--e)}
.anim .casa-scena.desenat .casa-svg .contur,.anim .casa-scena.desenat .casa-svg .fin,.anim .casa-scena.desenat .casa-svg .acc{stroke-dashoffset:0}
.anim .casa-scena.desenat .casa-svg .fin{transition-delay:.5s}
.anim .casa-scena.desenat .casa-svg .acc{transition-delay:.9s}
.cam{cursor:pointer;outline:none}
.cam .fundal{fill:rgba(255,255,255,0);stroke:none;transition:fill .35s var(--e)}
.cam:hover .fundal{fill:rgba(255,255,255,.06)}
.cam.activ .fundal{fill:url(#gradCamera)}
.cam:focus-visible .fundal{stroke:var(--or-l);stroke-width:3}
.cam .eticheta{font:700 13px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;fill:rgba(255,255,255,.62);transition:fill .3s}
.cam.activ .eticheta{fill:#fff}
.cam .punct{fill:var(--or);stroke:#fff;stroke-width:2.5}
.anim .cam .halou{fill:none;stroke:var(--or-l);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:halou 2.4s ease-out infinite}
.cam.activ .halou{stroke:#fff}
@keyframes halou{from{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}
.casa-legenda{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.casa-legenda button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border-radius:999px;font:600 14px/1 var(--f-body);color:var(--n-txt);background:rgba(255,255,255,.06);border:1px solid var(--n-line);transition:background .2s,color .2s,border-color .2s}
.casa-legenda button[aria-pressed="true"]{background:linear-gradient(180deg,#ff8536,#de5810);border-color:transparent;color:#fff}
.casa-legenda button .ic{width:18px;height:18px}
.fisa{position:relative;padding:30px 28px 26px;border-radius:var(--r-l);min-height:480px;display:flex;flex-direction:column}
.fisa-sus{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.fisa-sus i{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,#ff8536,#de5810);color:#fff;flex:none;box-shadow:0 12px 24px -10px rgba(232,98,26,.7)}
.fisa-sus i .ic{width:28px;height:28px}
.fisa-sus small{display:block;font:700 11.5px/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--or-l);margin-bottom:6px}
.fisa h3{font-size:clamp(26px,2.6vw,34px)}
.fisa-corp{transition:opacity .25s,transform .25s}
.fisa-corp.schimb{opacity:0;transform:translateY(8px)}
.fisa-text{color:var(--n-mut);font-size:16px}
.fisa-lista{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px}
.fisa-lista li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--n-txt)}
.fisa-lista .ic{color:var(--or-l);margin-top:3px}
.fisa-sfat{display:flex;gap:12px;padding:14px 16px;border-radius:18px;background:rgba(232,98,26,.12);border:1px solid rgba(255,154,82,.25);font-size:14.5px;color:#f6e1d2;margin-bottom:20px}
.fisa-sfat .ic{color:var(--or-l);width:20px;height:20px;margin-top:2px}
.fisa .btn{margin-top:auto;white-space:normal}
@media (max-width:999px){.casa-grid{grid-template-columns:minmax(0,1fr)}.fisa{min-height:0}}
@media (max-width:599px){.casa-scena{padding:8px;border-radius:26px}.cam .eticheta{font-size:15px}.casa-legenda button{font-size:13px;padding:0 12px}}

/* ==========================================================================
   6. Bonul de lucru — bifezi, se scrie mesajul
   ========================================================================== */
.bon-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:start}
.bon-grupe{display:grid;gap:22px}
.bon-grupa h3{display:flex;align-items:center;gap:10px;font-size:19px;margin-bottom:12px}
.bon-grupa h3 .ic{color:var(--or-d);width:22px;height:22px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font:500 15px/1.2 var(--f-body);color:var(--ink);background:var(--g-bg);border:1px solid var(--g-brd);box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 8px 20px -14px rgba(23,33,44,.4);transition:background .2s,color .2s,transform .2s;text-align:left}
.chip::before{content:"";width:16px;height:16px;border-radius:5px;border:1.6px solid var(--ink-3);flex:none;transition:background .2s,border-color .2s}
.chip[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.chip[aria-pressed="true"]::before{background:var(--or) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat;border-color:var(--or)}
@media (hover:hover){.chip:hover{transform:translateY(-1px)}}
.bon-hartie{position:sticky;top:calc(var(--antet-h) + 30px);padding:28px 26px 30px;background:#fffdf8;color:#2a2622;border-radius:6px;box-shadow:0 30px 60px -30px rgba(23,33,44,.45),0 2px 0 rgba(23,33,44,.04);
  -webkit-mask:radial-gradient(circle 7px at 50% 0,transparent 98%,#000) 0 0/22px 51% repeat-x,radial-gradient(circle 7px at 50% 100%,transparent 98%,#000) 0 100%/22px 51% repeat-x;
  mask:radial-gradient(circle 7px at 50% 0,transparent 98%,#000) 0 0/22px 51% repeat-x,radial-gradient(circle 7px at 50% 100%,transparent 98%,#000) 0 100%/22px 51% repeat-x}
.bon-hartie::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 31px,rgba(23,33,44,.05) 31px 32px)}
.bon-cap{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:2px dashed rgba(42,38,34,.25)}
.bon-cap b{display:block;font:800 22px/1 var(--f-display);letter-spacing:.04em;text-transform:uppercase}
.bon-cap small{display:block;margin-top:6px;font:500 12.5px/1.3 ui-monospace,"SF Mono",Menlo,monospace;color:#7a7067}
.bon-stampila{flex:none;width:74px;height:74px;border-radius:50%;border:2.5px solid var(--or);color:var(--or);display:grid;place-items:center;text-align:center;font:800 10.5px/1.15 var(--f-body);letter-spacing:.08em;text-transform:uppercase;transform:rotate(-12deg);opacity:.85}
.bon-linii{list-style:none;margin:14px 0;padding:0;min-height:130px;font:500 14.5px/1.5 ui-monospace,"SF Mono",Menlo,monospace}
.bon-linii li{display:flex;align-items:baseline;gap:8px;padding:5px 0}
.bon-linii li::after{content:"";flex:1;order:1;border-bottom:1.5px dotted rgba(42,38,34,.35);transform:translateY(-4px)}
.bon-linii li span{order:0}
.bon-linii li em{order:2;font-style:normal;color:var(--or-d);font-weight:700}
.bon-linii .gol{color:#8a8077;font-style:italic}
.bon-linii .gol::after{display:none}
.anim .bon-linii li.nou{animation:tipar .35s var(--e)}
@keyframes tipar{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.bon-campuri{display:grid;gap:10px;padding-top:14px;border-top:2px dashed rgba(42,38,34,.25)}
.bon-campuri label{display:grid;gap:5px;font:600 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:#7a7067}
.bon-campuri input,.bon-campuri select{min-height:46px;padding:0 14px;border-radius:12px;border:1.5px solid rgba(42,38,34,.18);background:#fff;font:500 15.5px/1.2 var(--f-body);letter-spacing:0;text-transform:none;color:#2a2622}
.bon-campuri input:focus,.bon-campuri select:focus{outline:none;border-color:var(--or)}
.bon-total{display:flex;justify-content:space-between;align-items:center;margin:16px 0 18px;font:700 15px/1 ui-monospace,"SF Mono",Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}
.bon-total b{font:800 26px/1 var(--f-display);color:var(--or-d)}
.bon-hartie .btn{width:100%;white-space:normal}
.bon-nota{margin:12px 0 0;font-size:13px;color:#7a7067;text-align:center}
@media (max-width:899px){.bon-grid{grid-template-columns:minmax(0,1fr)}.bon-hartie{position:relative;top:auto}}

/* ==========================================================================
   7. De ce un singur meseriaș — cântarul
   ========================================================================== */
.cantar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:22px;align-items:stretch}
.taler{padding:30px 28px;border-radius:var(--r-l)}
.taler h3{font-size:24px;margin-bottom:6px}
.taler>p{color:var(--mut);font-size:15px;margin-bottom:18px}
.taler ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.taler li{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.taler li i{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center}
.taler li i .ic{width:16px;height:16px}
.taler.fara{background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.16));border:1px dashed rgba(23,33,44,.2)}
.taler.fara li{color:var(--mut)}
.taler.fara li i{background:rgba(23,33,44,.08);color:var(--mut)}
.taler.cu{background:linear-gradient(160deg,#1d2a37,#111a23);color:var(--n-txt);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px -30px rgba(15,24,33,.6)}
.taler.cu h3{color:#fff}.taler.cu>p{color:var(--n-mut)}
.taler.cu li i{background:linear-gradient(180deg,#ff8536,#de5810);color:#fff}
.cantar-mijloc{display:grid;place-items:center}
.cantar-mijloc span{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font:800 16px/1 var(--f-display);color:var(--ink)}
@media (max-width:899px){.cantar{grid-template-columns:minmax(0,1fr)}.cantar-mijloc span{width:56px;height:56px;font-size:14px}}

/* ==========================================================================
   8. Cum lucrăm — patru pași pe o linie care se umple
   ========================================================================== */
.pasi{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:pas}
.pasi-linie{position:absolute;left:6%;right:6%;top:40px;height:4px;border-radius:4px;background:rgba(23,33,44,.1);overflow:hidden}
.pasi-linie i{position:absolute;inset:0;background:linear-gradient(90deg,var(--or-l),var(--or-d));transform-origin:0 50%;transform:scaleX(var(--p,1))}
.pas{position:relative;padding:0 6px;text-align:center}
.pas-nr{position:relative;z-index:1;width:84px;height:84px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;font:800 30px/1 var(--f-display);color:var(--ink)}
.pas-nr .ic{position:absolute;right:-6px;bottom:-4px;width:34px;height:34px;padding:7px;border-radius:50%;background:linear-gradient(180deg,#ff8536,#de5810);color:#fff;box-shadow:0 8px 18px -8px rgba(198,79,13,.8)}
.pas h3{font-size:22px;margin-bottom:8px}
.pas p{margin:0;font-size:15.5px;color:var(--mut)}
@media (max-width:899px){
  .pasi{grid-template-columns:minmax(0,1fr);gap:28px}
  .pasi-linie{left:41px;right:auto;top:20px;bottom:20px;width:4px;height:auto}
  .pasi-linie i{transform-origin:50% 0;transform:scaleY(var(--p,1))}
  .pas{display:grid;grid-template-columns:84px minmax(0,1fr);gap:18px;text-align:left;padding:0;align-items:center}
  .pas-nr{margin:0}
}

/* ==========================================================================
   9. Imagini de lucru — slideshow mare
   ========================================================================== */
.show{position:relative;border-radius:40px;overflow:hidden;background:var(--ink);aspect-ratio:16/8.2;isolation:isolate}
.show-cadru{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--e)}
.show-cadru.on{opacity:1}
.show-cadru img{width:100%;height:100%;object-fit:cover}
.anim .show-cadru.on img{animation:kenburns 9s linear both}
@keyframes kenburns{from{transform:scale(1.08)}to{transform:scale(1)}}
.show::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(15,24,33,.72) 0%,rgba(15,24,33,.2) 55%,rgba(15,24,33,0)),linear-gradient(0deg,rgba(15,24,33,.55),rgba(15,24,33,0) 40%)}
.show-txt{position:absolute;z-index:2;left:clamp(18px,4vw,48px);bottom:clamp(18px,4vw,48px);max-width:min(520px,calc(100% - 36px));padding:24px 26px;border-radius:28px;color:#fff}
.show-txt small{display:inline-block;font:700 11.5px/1 var(--f-body);letter-spacing:.2em;text-transform:uppercase;color:var(--or-l);margin-bottom:10px}
.show-txt h3{color:#fff;font-size:clamp(24px,2.6vw,36px);margin-bottom:8px}
.show-txt p{margin:0;color:rgba(255,255,255,.84);font-size:15.5px}
.show-ctrl{position:absolute;z-index:2;right:clamp(16px,3vw,36px);bottom:clamp(16px,3vw,36px);display:flex;gap:8px}
.show-ctrl button{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff}
.show-ctrl .ic{width:22px;height:22px}
.show-puncte{position:absolute;z-index:2;left:clamp(18px,4vw,48px);right:clamp(18px,4vw,48px);top:clamp(16px,3vw,30px);display:flex;gap:6px}
.show-puncte span{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.25);overflow:hidden;position:relative}
.show-puncte span::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:0 50%;transform:scaleX(0)}
.show-puncte span.trecut::after{transform:scaleX(1)}
.anim .show-puncte span.acum::after{animation:umple 6s linear forwards}
@keyframes umple{to{transform:scaleX(1)}}
.show-nota{margin:14px 4px 0;font-size:13px;color:var(--mut)}
.mini{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:12px}
.mini button{aspect-ratio:4/3;border-radius:16px;overflow:hidden;opacity:.55;transition:opacity .25s,transform .25s;outline-offset:2px}
.mini button.on{opacity:1;box-shadow:0 0 0 3px var(--or)}
.mini img{width:100%;height:100%;object-fit:cover}
@media (max-width:899px){.show{aspect-ratio:4/5;border-radius:28px}.show::after{background:linear-gradient(0deg,rgba(15,24,33,.85) 0%,rgba(15,24,33,.25) 55%,rgba(15,24,33,0))}
  .show-txt{left:12px;right:12px;bottom:76px;max-width:none;padding:18px 18px}.show-ctrl{right:12px;bottom:14px}.show-ctrl button{width:48px;height:48px}.mini{grid-template-columns:repeat(4,minmax(0,1fr))}.mini button:nth-child(n+5){display:none}}

/* ==========================================================================
   10. Defectele mici cresc — cartonașe întoarse
   ========================================================================== */
.mici-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mic{position:relative;padding:26px 24px 24px;border-radius:var(--r-l);display:flex;flex-direction:column;gap:14px}
.mic-sus{display:flex;align-items:center;gap:12px}
.mic-sus i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(232,98,26,.12);color:var(--or-d);flex:none}
.mic-sus i .ic{width:24px;height:24px}
.mic h3{font-size:20px}
.mic-azi,.mic-maine{position:relative;padding:11px 14px 12px;border-radius:16px;font-size:14.5px;line-height:1.5}
.mic-azi::before,.mic-maine::before{display:block;margin-bottom:5px;font:800 10.5px/1 var(--f-body);letter-spacing:.16em}
.mic-azi{background:rgba(23,33,44,.05);color:var(--txt)}
.mic-azi::before{content:"AZI";color:var(--mut)}
.mic-maine{background:rgba(232,98,26,.09);color:#7b3a14}
.mic-maine::before{content:"DACĂ O LAȘI";color:var(--or-d)}
.mic-rez{display:flex;gap:8px;align-items:flex-start;margin-top:auto;font:600 15px/1.4 var(--f-body);color:var(--ink)}
.mic-rez .ic{color:#16a34a;margin-top:2px}
@media (max-width:999px){.mici-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.mici-grid{grid-template-columns:minmax(0,1fr)}}

/* ==========================================================================
   11. Trusa — fotografia uneltelor cu puncte
   ========================================================================== */
.trusa{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(24px,4vw,48px);align-items:center}
.trusa-foto{position:relative;border-radius:40px;overflow:hidden;aspect-ratio:4/3;background:var(--ink)}
.trusa-foto img{width:100%;height:100%;object-fit:cover}
.trusa-foto::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 80% at 50% 50%,rgba(15,24,33,0),rgba(15,24,33,.45))}
.pin{position:absolute;z-index:2;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.22);border:1.5px solid rgba(255,255,255,.75);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.pin::before{content:"";width:14px;height:14px;border-radius:50%;background:var(--or);box-shadow:0 0 0 3px #fff}
.anim .pin::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid #fff;animation:halou2 2.4s ease-out infinite}
@keyframes halou2{from{transform:scale(1);opacity:.8}to{transform:scale(1.9);opacity:0}}
.pin[aria-pressed="true"]{background:var(--or);border-color:#fff}
.pin[aria-pressed="true"]::before{background:#fff;box-shadow:none}
.trusa-lista{display:grid;gap:10px}
.unealta{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;border-radius:22px;text-align:left;transition:background .25s,transform .25s}
.unealta i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--ink);color:var(--or-l)}
.unealta i .ic{width:22px;height:22px}
.unealta b{display:block;font:700 17px/1.2 var(--f-display);color:var(--ink);margin-bottom:3px}
.unealta span{font-size:14.5px;color:var(--mut);line-height:1.45}
.unealta.on{background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(255,255,255,.55));box-shadow:0 0 0 2px var(--or),var(--g-sh)}
@media (max-width:899px){.trusa{grid-template-columns:minmax(0,1fr)}.trusa-foto{border-radius:28px}}

/* ==========================================================================
   12. Până ajunge meseriașul — sfaturi de siguranță
   ========================================================================== */
.sfaturi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sfat{position:relative;padding:26px 22px 24px;border-radius:var(--r-l);overflow:hidden}
.sfat .tip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font:700 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.sfat .tip .ic{width:16px;height:16px}
.sfat.apa .tip{background:rgba(56,140,220,.16);color:#9fd0ff}
.sfat.curent .tip{background:rgba(250,204,21,.15);color:#fde68a}
.sfat.gaz .tip{background:rgba(239,68,68,.16);color:#fecaca}
.sfat.usa .tip{background:rgba(150,214,204,.15);color:#bff0e8}
.sfat h3{font-size:21px;margin-bottom:12px}
.sfat ol{margin:0;padding:0 0 0 20px;display:grid;gap:8px;font-size:15px;color:var(--n-txt)}
.sfat ol li::marker{color:var(--or-l);font-weight:700}
.sfaturi-nota{display:flex;gap:12px;align-items:flex-start;margin-top:22px;padding:18px 20px;border-radius:22px;font-size:15px;color:var(--n-mut)}
.sfaturi-nota .ic{color:var(--or-l);width:22px;height:22px;margin-top:1px}
.sfaturi-nota b{color:#fff}
@media (max-width:1099px){.sfaturi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.sfaturi{grid-template-columns:minmax(0,1fr)}}

/* ==========================================================================
   13. Întrebări frecvente
   ========================================================================== */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,72px);align-items:start}
.faq-st{position:sticky;top:calc(var(--antet-h) + 40px)}
.faq-st .btn{margin-top:22px}
.faq{display:grid;gap:10px}
.faq details{border-radius:24px;overflow:hidden}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;font:700 18px/1.3 var(--f-display);color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;transition:transform .3s var(--e),background .3s}
.faq summary i .ic{width:18px;height:18px}
.faq details[open] summary i{transform:rotate(45deg);background:var(--or)}
.faq .rasp{padding:0 22px 20px;color:var(--mut);font-size:16px}
.faq .rasp p:last-child{margin:0}
@media (max-width:899px){.faq-grid{grid-template-columns:minmax(0,1fr)}.faq-st{position:relative;top:auto}}

/* ==========================================================================
   14. Apelul mare — numărul uriaș
   ========================================================================== */
.apel{text-align:center;overflow:hidden}
.apel .supra{justify-content:center}
.apel h2{font-size:clamp(34px,5vw,64px);max-width:16ch;margin:0 auto}
.apel-nr{display:inline-block;margin:clamp(26px,4vw,40px) auto 0;font:800 clamp(52px,11vw,164px)/.9 var(--f-display);letter-spacing:-.045em;text-decoration:none;font-variant-numeric:tabular-nums;
  background:linear-gradient(100deg,#fff 0%,#ffe2cc 45%,var(--or-l) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.apel-nr:hover{filter:brightness(1.08)}
.apel-sub{margin:20px auto 0;color:var(--n-mut);max-width:52ch}
.apel-acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}
.apel-unelte{position:absolute;inset:0;pointer-events:none;opacity:.14}
.apel-unelte svg{position:absolute;width:130px;height:130px;color:#fff}
.apel-unelte .u1{left:4%;top:12%;transform:rotate(-24deg)}
.apel-unelte .u2{right:6%;top:18%;transform:rotate(18deg)}
.apel-unelte .u3{left:10%;bottom:10%;transform:rotate(12deg)}
.apel-unelte .u4{right:12%;bottom:8%;transform:rotate(-10deg)}
@media (max-width:599px){.apel-nr{font-size:clamp(40px,13vw,64px)}.apel-acts .btn{width:100%;white-space:normal}.apel-unelte svg{width:80px;height:80px}}

/* ==========================================================================
   15. Contact
   ========================================================================== */
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:stretch}
.contact-carte{position:relative;padding:32px 30px;border-radius:var(--r-l);display:flex;flex-direction:column;gap:14px;overflow:hidden}
.contact-carte::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(232,98,26,.28),transparent 70%)}
.contact-carte h3{font-size:28px}
.c-rand{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border-radius:20px;text-decoration:none;color:inherit;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.7);transition:transform .25s var(--e)}
a.c-rand:hover{transform:translateY(-2px)}
.c-rand i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--ink);color:var(--or-l)}
.c-rand i.wa{background:linear-gradient(180deg,#2fd56f,#1aa952);color:#fff}
.c-rand i .ic{width:22px;height:22px}
.c-rand small{display:block;font:700 11px/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-bottom:5px}
.c-rand b{font:700 19px/1.2 var(--f-display);color:var(--ink);font-variant-numeric:tabular-nums}
.contact-nota{margin-top:auto;font-size:14px;color:var(--mut)}
.formular{padding:32px 30px;border-radius:var(--r-l)}
.formular h3{font-size:26px;margin-bottom:6px}
.formular>p{color:var(--mut);font-size:15px}
.f-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.f-c{display:grid;gap:6px}
.f-c.lat{grid-column:1/-1}
.f-c label{font:600 13.5px/1.2 var(--f-body);color:var(--ink-2)}
.f-c input,.f-c textarea,.f-c select{width:100%;min-height:50px;padding:12px 16px;border-radius:16px;border:1.5px solid rgba(23,33,44,.12);background:rgba(255,255,255,.75);font:400 16px/1.4 var(--f-body);color:var(--ink);transition:border-color .2s,background .2s}
.f-c textarea{min-height:120px;resize:vertical}
.f-c input:focus,.f-c textarea:focus,.f-c select:focus{outline:none;border-color:var(--or);background:#fff}
.f-acord{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--mut);grid-column:1/-1}
.f-acord input{width:20px;height:20px;margin-top:2px;accent-color:var(--or);flex:none}
.f-eroare{grid-column:1/-1;min-height:1.2em;margin:0;color:#b42318;font-size:14px;font-weight:600}
.formular .btn{width:100%;white-space:normal;margin-top:4px}
@media (max-width:899px){.contact-grid{grid-template-columns:minmax(0,1fr)}.f-grid{grid-template-columns:minmax(0,1fr)}.formular,.contact-carte{padding:26px 20px}}

/* ==========================================================================
   SUBSOL
   ========================================================================== */
.subsol{position:relative;background:var(--noapte);color:var(--n-txt);padding:clamp(60px,8vw,96px) 0 34px;margin-top:0}
.subsol::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 60% at 90% 0%,rgba(232,98,26,.18),transparent 70%)}
.subsol .wrap{position:relative}
.subsol-mare{margin:0 0 40px;font:800 clamp(52px,12vw,190px)/.85 var(--f-display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.22);white-space:nowrap}
.subsol-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.subsol .logo{color:#fff;margin-bottom:16px}
.subsol .logo-txt small{color:var(--n-mut)}
.subsol .logo-txt b span{color:var(--or-l)}
.subsol p{color:var(--n-mut);font-size:15px;max-width:40ch}
.subsol h4{font:700 13px/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.subsol ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px}
.subsol ul a{color:var(--n-mut);text-decoration:none}
.subsol ul a:hover{color:#fff}
.subsol-jos{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 24px;margin-top:48px;padding-top:24px;border-top:1px solid var(--n-line);font-size:14px;color:var(--n-mut)}
.subsol-jos nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.subsol-jos a,.subsol-jos button{color:var(--n-mut);text-decoration:none;font-size:14px}
.subsol-jos a:hover,.subsol-jos button:hover{color:#fff}
@media (max-width:899px){.subsol-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.subsol-grid>div:first-child{grid-column:1/-1}}
@media (max-width:499px){.subsol-grid{grid-template-columns:minmax(0,1fr)}}

/* ==========================================================================
   PAGINI INTERIOARE — capul paginii, servicii detaliate, contact
   ========================================================================== */
.pag-cap{padding:calc(var(--antet-h) + 70px) 0 clamp(40px,6vw,72px)}
.firimituri{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:22px;font-size:14px;color:var(--mut)}
.firimituri a{color:var(--ink-2);text-decoration:none;font-weight:600}
.firimituri .ic{width:14px;height:14px}
.pag-cap h1{font-size:clamp(42px,6vw,84px);font-weight:780;letter-spacing:-.035em;max-width:18ch}
.pag-cap .lead{margin-top:22px}
.cuprins{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.cuprins a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;text-decoration:none;font:600 14.5px/1 var(--f-body);color:var(--ink)}
.cuprins a .ic{width:18px;height:18px;color:var(--or-d)}

.detaliu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.detaliu.inv .detaliu-foto{order:2}
.detaliu-foto{position:relative;margin:0;border-radius:40px;padding:10px}
.detaliu-foto .in{border-radius:32px;overflow:hidden;aspect-ratio:4/3.4;background:var(--ink)}
.detaliu-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e)}
.detaliu-foto:hover img{transform:scale(1.04)}
.detaliu-foto .eti{position:absolute;left:24px;top:24px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font:700 13px/1 var(--f-body);color:#fff;background:rgba(15,24,33,.5);border:1px solid rgba(255,255,255,.25)}
.detaliu-foto .eti .ic{color:var(--or-l)}
.detaliu h2{font-size:clamp(30px,3.6vw,48px);margin-bottom:16px}
.detaliu>div>p{color:var(--mut);font-size:17px}
.detaliu-lista{list-style:none;margin:22px 0 26px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.detaliu-lista li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--txt)}
.detaliu-lista .ic{color:var(--or-d);margin-top:3px}
.detaliu-semne{padding:16px 18px;border-radius:20px;margin-bottom:24px;font-size:15px;color:var(--txt)}
.detaliu-semne b{display:block;font:700 12px/1 var(--f-body);letter-spacing:.16em;text-transform:uppercase;color:var(--or-d);margin-bottom:8px}
.detaliu-acts{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:899px){.detaliu{grid-template-columns:minmax(0,1fr)}.detaliu.inv .detaliu-foto{order:0}.detaliu-lista{grid-template-columns:minmax(0,1fr)}.detaliu-acts .btn{flex:1 1 100%;white-space:normal}.detaliu-foto{border-radius:30px}.detaliu-foto .in{border-radius:22px}}

.nu-lista{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nu-card{padding:24px 22px;border-radius:var(--r-l)}
.nu-card h3{font-size:20px;margin-bottom:8px}
.nu-card p{margin:0;color:var(--mut);font-size:15px}
.nu-card i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(23,33,44,.07);color:var(--ink-2);margin-bottom:16px}
@media (max-width:899px){.nu-lista{grid-template-columns:minmax(0,1fr)}}

.contact-mare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cm{display:flex;flex-direction:column;gap:12px;padding:30px 26px;border-radius:var(--r-l);text-decoration:none;color:inherit;transition:transform .3s var(--e)}
.cm:hover{transform:translateY(-4px)}
.cm i{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:var(--ink);color:var(--or-l)}
.cm i.wa{background:linear-gradient(180deg,#2fd56f,#1aa952);color:#fff}
.cm i.or{background:linear-gradient(180deg,#ff8536,#de5810);color:#fff}
.cm i .ic{width:28px;height:28px}
.cm small{font:700 11.5px/1 var(--f-body);letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.cm b{font:800 clamp(24px,2.4vw,32px)/1.1 var(--f-display);color:var(--ink);letter-spacing:-.02em}
.cm p{margin:0;color:var(--mut);font-size:15px}
@media (max-width:899px){.contact-mare{grid-template-columns:minmax(0,1fr)}}

.ce-trimiti{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:ct}
.ct{padding:22px 20px;border-radius:24px}
.ct::before{counter-increment:ct;content:"0" counter(ct);display:block;font:800 34px/1 var(--f-display);color:var(--or);margin-bottom:12px;letter-spacing:-.03em}
.ct b{display:block;font:700 18px/1.25 var(--f-display);color:var(--ink);margin-bottom:6px}
.ct p{margin:0;color:var(--mut);font-size:14.5px}
@media (max-width:899px){.ce-trimiti{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:499px){.ce-trimiti{grid-template-columns:minmax(0,1fr)}}

/* pagini legale */
.legal{padding:calc(var(--antet-h) + 70px) 0 90px}
.legal .wrap{max-width:860px}
.legal-card{padding:clamp(26px,4vw,48px);border-radius:var(--r-l)}
.legal h1{font-size:clamp(36px,5vw,60px);margin-bottom:12px}
.legal h2{font-size:24px;margin:34px 0 10px}
.legal p,.legal li{color:var(--txt);font-size:16.5px}
.legal ul{padding-left:20px;display:grid;gap:6px}
.legal .actualizat{color:var(--mut);font-size:14px}
.legal table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0 18px;display:block;overflow-x:auto}
.legal th,.legal td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.legal th{font:700 13px/1.2 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}

/* ==========================================================================
   COOKIE: banner + preferințe (deasupra barei de jos)
   ========================================================================== */
.cookie{position:fixed;left:16px;bottom:max(16px,var(--tbz));z-index:90;width:min(440px,calc(100% - 32px));padding:22px;border-radius:24px;color:var(--txt);background:linear-gradient(135deg,rgba(255,255,255,.985),rgba(251,247,241,.975))}
.cookie[hidden]{display:none}
.cookie strong{display:block;font:700 18px/1.2 var(--f-display);color:var(--ink);margin-bottom:6px}
.cookie p{font-size:14px;color:var(--mut);margin:0 0 16px}
.cookie-acts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cookie-acts .btn{min-height:46px;padding:0 14px;font-size:14.5px;white-space:normal}
.cookie-acts .btn-link{grid-column:1/-1;justify-self:center;font-size:14px;text-decoration:underline;text-underline-offset:3px;color:var(--ink-2);padding:6px}
@media (max-width:899px){.cookie{left:10px;right:10px;width:auto;bottom:calc(var(--barh) + var(--tbz) + 12px);padding:18px}}
.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(8,12,16,.5)}
.modal[hidden]{display:none}
.modal-card{position:relative;width:min(560px,100%);max-height:calc(100svh - 32px);overflow-y:auto;padding:30px 26px 24px;border-radius:28px;background:var(--paper);box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
.modal-card h2{font-size:26px;margin-bottom:8px}
.modal-intro{color:var(--mut);font-size:14.5px}
.modal-close{position:absolute;right:14px;top:14px;width:44px;height:44px;border-radius:50%;background:rgba(23,33,44,.07);font-size:24px;line-height:1}
.pref{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--line)}
.pref strong{color:var(--ink);font-family:var(--f-display)}
.pref p{margin:4px 0 0;font-size:14px;color:var(--mut)}
.switch{position:relative;flex:none;width:52px;height:30px}
.switch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;z-index:1}
.switch span{position:absolute;inset:0;border-radius:30px;background:rgba(23,33,44,.2);transition:background .2s}
.switch span::after{content:"";position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:transform .2s var(--e)}
.switch input:checked+span{background:var(--or)}
.switch input:checked+span::after{transform:translateX(22px)}
.switch input:disabled+span{opacity:.6}
.modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
.modal-actions .btn{min-height:48px;font-size:14.5px;white-space:normal;padding:0 12px}

/* ==========================================================================
   Mișcare redusă
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .anim [data-rv]:not(.in){opacity:1;transform:none}
}

/* ajustări după capturi (telefon) */
@media (max-width:599px){
  .panou-sus span:last-child{display:none}
  .srv{min-height:380px}.s-a{min-height:400px}
  .srv-txt{padding:16px 16px 14px}
}
.subsol-firma{margin:40px 0 0;padding-top:22px;border-top:1px solid var(--n-line);font-size:13px;line-height:1.6;color:var(--n-mut);max-width:none!important}
.subsol-firma b{color:var(--n-txt);font-weight:600}
.subsol .subsol-mare{margin:0 0 40px;font:800 clamp(44px,10.5vw,170px)/.85 var(--f-display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.3px rgba(255,255,255,.22);white-space:nowrap;max-width:none}