/* =========================================================
   HEINZ MEDIA — front-end
   Concept: vizor de cameră / platou de filmare, barele verticale din logo
   ========================================================= */
:root{
  --brand:#0b5d68;
  --accent:#f6a01a;
  --brand-hi:color-mix(in oklab, var(--brand) 40%, #62f2ff);
  --bg:#06080a;
  --bg-2:#0a0f12;
  --bg-3:#0f161a;
  --card:rgba(255,255,255,.028);
  --card-2:rgba(255,255,255,.05);
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);
  --text:#e8eef0;
  --muted:#8b989d;
  --rec:#ff3b30;
  --f-disp:'Big Shoulders Display','Oswald','Arial Narrow',Impact,sans-serif;
  --f-body:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease:cubic-bezier(.2,.7,.1,1);
  --ease-io:cubic-bezier(.77,0,.18,1);
  --hdr:84px;
  --gut:clamp(16px,4vw,48px);
  --notch:12px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.65 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-x:clip;max-width:100vw}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(900px 600px at 85% -10%, color-mix(in oklab,var(--brand) 35%,transparent), transparent 70%),
             radial-gradient(700px 500px at -10% 40%, color-mix(in oklab,var(--brand) 18%,transparent), transparent 70%),
             var(--bg)}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
h1,h2,h3,h4{margin:0;font-weight:800}
p{margin:0 0 1em}
::selection{background:var(--accent);color:#000}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{width:100%;max-width:1380px;margin:0 auto;padding:0 var(--gut)}
.wrap-narrow{max-width:900px}
.center{text-align:center}
.muted{color:var(--muted)}
.ic{width:1.15em;height:1.15em;flex:none}
.mono{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:500}
.kicker{display:inline-flex;align-items:center;gap:.6em;color:var(--brand-hi)}
.kicker .cam{color:#000;background:var(--accent);padding:.2em .55em;letter-spacing:.1em}
.rec-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rec);box-shadow:0 0 12px var(--rec);animation:blink 1.1s steps(2) infinite;flex:none}
@keyframes blink{50%{opacity:.15}}
.sec{padding:clamp(80px,12vw,170px) 0;position:relative}
.sec-head{max-width:980px;margin-bottom:clamp(40px,6vw,72px)}
.sec-head .kicker{margin-bottom:1.2rem}
.sec-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;max-width:none;flex-wrap:wrap}
.lead{font-size:clamp(1.05rem,1.4vw,1.25rem);color:var(--muted);max-width:720px;margin-top:1.2rem}
.h-xl,.h-lg,.h-md{font-family:var(--f-disp);text-transform:uppercase;letter-spacing:.005em;line-height:.92}
.h-xl{font-size:clamp(3rem,7.4vw,7.6rem);font-weight:800}
.h-lg{font-size:clamp(2.4rem,5vw,4.8rem);font-weight:800}
.h-md{font-size:clamp(1.9rem,3.2vw,3rem);font-weight:800;margin-bottom:1.6rem}
em.grad,.grad{font-style:normal;background:linear-gradient(95deg,var(--brand-hi) 0%,#cfeff2 45%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- butoane (colț tăiat, umplere glisantă) ---------- */
.btn{--bg:transparent;--fg:var(--text);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.7em;height:52px;padding:0 1.6em;font:700 .8rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg);background:var(--bg);isolation:isolate;overflow:hidden;
  clip-path:polygon(0 0,calc(100% - var(--notch)) 0,100% var(--notch),100% 100%,var(--notch) 100%,0 calc(100% - var(--notch)));transition:color .35s var(--ease)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--fill,#fff);transform:translateX(-101%);transition:transform .45s var(--ease)}
.btn:hover::before{transform:none}
.btn .ic{width:1.2em;height:1.2em;transition:transform .35s var(--ease)}
.btn:hover .ic{transform:translateX(3px) rotate(0)}
.btn-accent{--bg:var(--accent);--fg:#0a0a0a;--fill:#fff}
.btn-ghost{--fg:var(--text);--fill:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}
.btn-ghost:hover{--fg:#0a0a0a;color:#0a0a0a}
.btn-sm{height:42px;padding:0 1.2em;font-size:.7rem}
.btn-lg{height:62px;padding:0 2.1em;font-size:.85rem}
.btn-block{width:100%}
.link-arrow{display:inline-flex;align-items:center;gap:.7em;font:700 .8rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid currentColor;padding-bottom:.4em}
.link-arrow .ic{transition:transform .3s var(--ease)}
.link-arrow:hover .ic{transform:translateX(5px)}

/* ---------- grain + cursor ---------- */
.grain{position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  animation:grain 1s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-5%,3%)}40%{transform:translate(4%,-6%)}60%{transform:translate(-3%,5%)}80%{transform:translate(6%,2%)}100%{transform:translate(0,0)}}
.cursor{position:fixed;left:0;top:0;z-index:200;pointer-events:none;width:38px;height:38px;margin:-19px 0 0 -19px;opacity:0;transition:opacity .3s, width .3s var(--ease), height .3s var(--ease), margin .3s var(--ease)}
.cursor span{position:absolute;inset:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;transition:background .3s,border-color .3s}
.cursor::before,.cursor::after{content:"";position:absolute;background:var(--accent);left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%}
.cursor.is-on{opacity:1}
.cursor.is-hover{width:70px;height:70px;margin:-35px 0 0 -35px}
.cursor.is-hover span{background:rgba(246,160,26,.12);border-color:var(--accent)}
@media (pointer:coarse){.cursor{display:none}}

/* ---------- preloader ---------- */
.preloader{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:var(--bg)}
.preloader.is-skip{display:none}
.pl-bars{display:flex;gap:10px;align-items:flex-end;height:120px}
.pl-bars i{width:14px;height:100%;background:var(--brand);transform-origin:bottom;transform:scaleY(0);animation:plbar .9s var(--ease) forwards;animation-delay:calc(var(--i) * .08s)}
.pl-bars i:nth-child(odd){background:#3a3f42}
.pl-bars i:nth-child(4){background:linear-gradient(var(--accent) 0 22%,#3a3f42 22%)}
@keyframes plbar{to{transform:scaleY(1)}}
.pl-txt{position:absolute;left:0;right:0;bottom:12vh;display:flex;justify-content:space-between;padding:0 var(--gut);font:700 .8rem var(--f-mono);letter-spacing:.3em;color:var(--muted)}
.pl-txt em{font-style:normal;color:var(--accent);font-size:1.4rem;letter-spacing:.05em}
.pl-curtain{position:absolute;inset:0;display:flex;pointer-events:none}
.pl-curtain b{flex:1;background:var(--bg-3);transform:scaleY(0);transform-origin:top}
.preloader.is-done{background:transparent;pointer-events:none}
.preloader.is-done .pl-bars,.preloader.is-done .pl-txt{opacity:0;transition:opacity .2s}
.preloader.is-done .pl-curtain b{animation:curtain 1s var(--ease-io) forwards;animation-delay:calc(var(--i) * .05s)}
@keyframes curtain{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:100;height:var(--hdr);transition:background .4s, height .4s var(--ease), backdrop-filter .4s, border-color .4s;border-bottom:1px solid transparent}
.hdr.is-scrolled{--hdr:70px;background:rgba(6,8,10,.72);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom-color:var(--line)}
.hdr.is-hidden{transform:translateY(-100%)}
.hdr{transition:transform .45s var(--ease),background .4s,height .4s var(--ease),border-color .4s}
.hdr-in{height:100%;display:flex;align-items:center;gap:2rem;max-width:1680px;margin:0 auto;padding:0 var(--gut)}
.brand{display:flex;align-items:center;gap:.8rem;flex:none}
.brand-mark{height:44px;width:auto;transition:height .4s var(--ease)}
.hdr.is-scrolled .brand-mark{height:38px}
.brand-txt{font:800 1.55rem/1 var(--f-disp);letter-spacing:.06em;text-transform:uppercase}
.brand-txt b{color:var(--brand-hi);margin-left:.25em;font-weight:800}
.nav{margin-left:auto}
.nav>ul{display:flex;gap:.3rem;list-style:none;margin:0;padding:0}
.nav>ul>li{position:relative}
.nav>ul>li>a{display:flex;align-items:center;gap:.35em;height:var(--hdr);padding:0 1rem;font:600 .78rem var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(232,238,240,.82);position:relative;transition:color .3s}
.nav>ul>li>a::after{content:"";position:absolute;left:1rem;right:1rem;bottom:calc(50% - 1.1em);height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.nav>ul>li:hover>a,.nav>ul>li.is-active>a{color:#fff}
.nav>ul>li:hover>a::after,.nav>ul>li.is-active>a::after{transform:scaleX(1);transform-origin:left}
.nav .dd{width:.9em;height:.9em;transition:transform .3s}
.nav li:hover .dd{transform:rotate(180deg)}
.sub{position:absolute;top:100%;left:0;min-width:240px;list-style:none;margin:0;padding:.6rem;background:rgba(10,15,18,.95);backdrop-filter:blur(16px);border:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(8px);transition:.3s var(--ease)}
.sub a{display:block;padding:.7rem .9rem;font-size:.9rem;color:var(--muted)}
.sub a:hover{color:#fff;background:var(--card-2)}
.nav li:hover .sub{opacity:1;visibility:visible;transform:none}
.mega{position:fixed;left:0;right:0;top:var(--hdr);padding:0 var(--gut);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s var(--ease),transform .35s var(--ease),visibility .35s}
.nav li:hover .mega,.nav li:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 2.4fr;gap:2.5rem;padding:2.2rem;background:rgba(9,13,16,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--line);box-shadow:0 40px 80px rgba(0,0,0,.5)}
.mega-intro{display:flex;flex-direction:column;gap:1rem;border-right:1px solid var(--line);padding-right:2rem}
.mega-intro .mono{color:var(--brand-hi)}
.mega-intro p{font:800 1.9rem/1 var(--f-disp);text-transform:uppercase;margin:0}
.mega-intro .link-arrow{margin-top:auto;align-self:flex-start}
.mega-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem}
.mega-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;border:1px solid transparent;transition:.3s var(--ease)}
.mega-item small{display:block;font:500 .65rem var(--f-mono);color:var(--muted);letter-spacing:.15em}
.mega-item>span:last-child{font-weight:700;font-size:.98rem;line-height:1.25}
.mega-ic{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line-2);color:var(--brand-hi);flex:none;transition:.3s}
.mega-ic .ic{width:22px;height:22px}
.mega-item:hover{background:var(--card-2);border-color:var(--line)}
.mega-item:hover .mega-ic{background:var(--accent);border-color:var(--accent);color:#000}
.hdr-cta{display:flex;align-items:center;gap:1rem}
.hdr-phone{display:flex;align-items:center;gap:.5rem;font:600 .78rem var(--f-mono);letter-spacing:.06em;color:var(--muted);transition:color .3s}
.hdr-phone:hover{color:#fff}
.hdr-phone .ic{color:var(--accent)}
.burger{display:none;width:46px;height:46px;position:relative;border:1px solid var(--line-2)}
.burger i{position:absolute;left:12px;right:12px;height:2px;background:#fff;transition:.4s var(--ease)}
.burger i:nth-child(1){top:15px}.burger i:nth-child(2){top:22px;right:18px;background:var(--accent)}.burger i:nth-child(3){top:29px}
body.nav-open .burger i:nth-child(1){top:22px;transform:rotate(45deg)}
body.nav-open .burger i:nth-child(2){opacity:0}
body.nav-open .burger i:nth-child(3){top:22px;transform:rotate(-45deg)}

/* meniu mobil */
.mnav{position:fixed;inset:0;z-index:95;visibility:hidden;pointer-events:none}
.mnav-bars{position:absolute;inset:0;display:flex}
.mnav-bars b{flex:1;background:var(--bg-2);transform:scaleY(0);transform-origin:top;transition:transform .6s var(--ease-io);transition-delay:calc(var(--i) * .04s)}
.mnav-bars b:nth-child(odd){background:var(--bg-3)}
.mnav-in{position:relative;height:100%;overflow:auto;padding:calc(var(--hdr) + 3vh) var(--gut) 2rem;display:flex;flex-direction:column;gap:2rem;opacity:0;transition:opacity .3s}
.mnav-list{list-style:none;margin:0;padding:0}
.mnav-list li{border-bottom:1px solid var(--line);opacity:0;transform:translateY(30px);transition:.6s var(--ease);transition-delay:calc(.25s + var(--d) * .05s)}
.mnav-list>li>a{display:flex;align-items:baseline;gap:1rem;padding:.9rem 0;font:800 clamp(2.4rem,9vw,4rem)/1 var(--f-disp);text-transform:uppercase}
.mnav-list small{font:500 .7rem var(--f-mono);color:var(--accent);letter-spacing:.1em}
.mnav-sub{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;padding:0 0 1.1rem 2.2rem}
.mnav-sub a{color:var(--muted);font-size:.95rem}
.mnav-foot{display:flex;flex-direction:column;gap:.9rem;margin-top:auto;opacity:0;transition:opacity .4s .5s}
.mnav-foot a{display:flex;align-items:center;gap:.6rem;color:var(--muted)}
.mnav-foot .btn{color:#000}
body.nav-open .mnav{visibility:visible;pointer-events:auto}
body.nav-open .mnav-bars b{transform:scaleY(1)}
body.nav-open .mnav-in{opacity:1}
body.nav-open .mnav-list li{opacity:1;transform:none}
body.nav-open .mnav-foot{opacity:1}
body.nav-open{overflow:hidden}

/* ---------- vizor (colțuri) ---------- */
.vf{position:absolute;inset:clamp(14px,2.2vw,30px);pointer-events:none;z-index:3}
.vf i{position:absolute;width:clamp(22px,3vw,44px);height:clamp(22px,3vw,44px);border:2px solid rgba(255,255,255,.75)}
.vf i:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}
.vf i:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}
.vf i:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}
.vf i:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}

/* ---------- HERO ---------- */
.hero{position:relative;height:100vh;height:100svh;min-height:640px;overflow:hidden;background:#000}
.hero-slides,.slide{position:absolute;inset:0}
.slide{clip-path:inset(0 0 0 100%);transition:clip-path 1.25s var(--ease-io);z-index:1}
.slide.is-active{clip-path:inset(0 0 0 0);z-index:2}
.slide.is-leaving{clip-path:inset(0 0 0 0);z-index:1}
.slide-media{position:absolute;inset:0;overflow:hidden}
.slide-media img,.slide-media video{width:100%;height:100%;object-fit:cover;transform:scale(1.18);transition:transform 9s cubic-bezier(.2,.6,.3,1)}
.slide.is-active .slide-media img,.slide.is-active .slide-media video{transform:scale(1.02)}
.yt-bg{position:absolute;inset:0;pointer-events:none}
.yt-bg iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:56.25vw;min-width:100%;min-height:100%;transform:translate(-50%,-50%);border:0}
.slide-shade{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(4,6,8,calc(var(--ov) + .3)) 0%,rgba(4,6,8,var(--ov)) 45%,rgba(4,6,8,calc(var(--ov) * .35)) 100%),
  linear-gradient(0deg,rgba(4,6,8,.95) 0%,transparent 40%),
  linear-gradient(180deg,rgba(4,6,8,.6) 0%,transparent 25%)}
.slide-in{position:relative;z-index:4;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:var(--hdr);padding-bottom:140px}
.slide .kicker{margin-bottom:1.6rem;color:#fff;opacity:0;transform:translateY(16px);transition:.8s var(--ease) .5s}
.slide-title{font:900 clamp(3.4rem,10.5vw,10.5rem)/.86 var(--f-disp);text-transform:uppercase;max-width:14ch;letter-spacing:-.005em}
.slide-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding:.06em 0 .16em;margin:-.06em 0 -.16em}
.slide-title .w>span{display:inline-block;transform:translateY(105%) skewY(6deg);transition:transform 1.1s var(--ease);transition-delay:calc(.35s + var(--wi) * .07s)}
.slide-sub{max-width:560px;margin-top:1.6rem;font-size:clamp(1rem,1.3vw,1.18rem);color:rgba(232,238,240,.82);opacity:0;transform:translateY(16px);transition:.8s var(--ease) .8s}
.slide-act{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.4rem;opacity:0;transform:translateY(16px);transition:.8s var(--ease) 1s}
.slide.is-active .kicker,.slide.is-active .slide-sub,.slide.is-active .slide-act{opacity:1;transform:none}
.slide.is-active .slide-title .w>span{transform:none}
.hero-thirds{position:absolute;inset:0;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,transparent calc(33.33% - .5px),rgba(255,255,255,.07) calc(33.33% - .5px),rgba(255,255,255,.07) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.07) calc(66.66% - .5px),rgba(255,255,255,.07) calc(66.66% + .5px),transparent calc(66.66% + .5px)),
             linear-gradient(0deg,transparent calc(33.33% - .5px),rgba(255,255,255,.05) calc(33.33% - .5px),rgba(255,255,255,.05) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.05) calc(66.66% - .5px),rgba(255,255,255,.05) calc(66.66% + .5px),transparent calc(66.66% + .5px))}
.vf-hero{inset:calc(var(--hdr) + 14px) clamp(14px,2.2vw,30px) clamp(14px,2.2vw,30px)}
.hero-hud{position:absolute;z-index:4;left:0;right:0;top:calc(var(--hdr) + 30px);display:flex;justify-content:space-between;padding:0 calc(clamp(14px,2.2vw,30px) + clamp(30px,4vw,60px));color:rgba(255,255,255,.85);pointer-events:none}
.hud-l,.hud-r{display:flex;gap:1.6rem;align-items:center}
.rec{display:flex;align-items:center;gap:.5em;color:#fff}
.batt{display:inline-block;width:26px;height:12px;border:1px solid rgba(255,255,255,.8);position:relative}
.batt::after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:4px;background:rgba(255,255,255,.8)}
.batt i{position:absolute;inset:2px 6px 2px 2px;background:var(--brand-hi)}
.hero-cross{position:absolute;z-index:3;left:50%;top:50%;width:26px;height:26px;margin:-13px;pointer-events:none;opacity:.6}
.hero-cross::before,.hero-cross::after{content:"";position:absolute;background:#fff}
.hero-cross::before{left:50%;top:0;bottom:0;width:1px}
.hero-cross::after{top:50%;left:0;right:0;height:1px}
.hero-nav{position:absolute;z-index:5;left:0;right:0;bottom:clamp(36px,5vw,64px);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1.5rem;padding-left:calc(var(--gut) + 10px);padding-right:calc(var(--gut) + 10px)}
.hn{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;text-align:left;padding-top:1rem;color:rgba(255,255,255,.5);transition:color .3s}
.hn:hover,.hn.is-active{color:#fff}
.hn-n{color:var(--accent)}
.hn-t{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hn-bar{grid-column:1/-1;order:-1;height:2px;background:rgba(255,255,255,.18);position:relative;margin-bottom:.6rem}
.hn-bar b{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left}
.hn.is-active .hn-bar b{animation:prog var(--dur,7s) linear forwards}
.hero.is-paused .hn.is-active .hn-bar b{animation-play-state:paused}
@keyframes prog{to{transform:scaleX(1)}}
.hero-scroll{position:absolute;z-index:5;right:calc(var(--gut) + 34px);top:50%;display:flex;flex-direction:column;align-items:center;gap:1rem;writing-mode:vertical-rl;color:rgba(255,255,255,.7);transform:translateY(-50%)}
.hero-scroll i{width:1px;height:70px;background:rgba(255,255,255,.25);position:relative;overflow:hidden}
.hero-scroll i::after{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:var(--accent);animation:scrollln 1.8s var(--ease) infinite}
@keyframes scrollln{to{top:100%}}

/* ---------- INTRO ---------- */
.intro{overflow:hidden}
.intro-bgword{position:absolute;top:8%;left:-2%;font:900 clamp(10rem,32vw,30rem)/.8 var(--f-disp);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);white-space:nowrap;pointer-events:none;user-select:none;will-change:transform}
.intro-grid{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(30px,6vw,100px);align-items:end}
.intro-l .kicker{margin-bottom:1.6rem}
.intro-r .rich p{color:rgba(232,238,240,.78);font-size:1.06rem}
.intro-r .rich p:first-child{font-size:1.2rem;color:var(--text)}
.intro-act{margin-top:2rem}
.stats{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(60px,9vw,120px);border-top:1px solid var(--line)}
.stat{position:relative;padding:2.2rem 1.6rem 1.6rem;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat-v{font:900 clamp(3.6rem,7vw,6.4rem)/.9 var(--f-disp);display:flex;align-items:flex-start}
.stat-v sup{font-size:.42em;color:var(--accent);margin-left:.1em;top:0;line-height:1.1}
.stat-l{color:var(--muted);margin-top:.8rem;max-width:22ch;line-height:1.5}
.stat-line{position:absolute;left:0;top:-1px;height:2px;width:0;background:var(--accent);transition:width 1.4s var(--ease) .2s}
.stat.in .stat-line{width:38%}

/* ---------- MARQUEE ---------- */
.marquee{position:relative;padding:3.5rem 0;overflow:hidden}
.mq-track{display:flex;width:max-content;transform:rotate(-2.2deg);background:var(--accent);color:#0a0a0a;padding:1.1rem 0;margin:0 -2vw}
.mq-track.mq-rev{transform:rotate(1.6deg);background:transparent;color:var(--text);border-block:1px solid var(--line-2);margin-top:-1.2rem;backdrop-filter:blur(6px)}
.mq-row{display:flex;align-items:center;flex:none;animation:mq 40s linear infinite}
.mq-rev .mq-row{animation-direction:reverse;animation-duration:50s}
.mq-row span{font:900 clamp(2rem,4.2vw,3.6rem)/1 var(--f-disp);text-transform:uppercase;padding:0 1.6rem;white-space:nowrap}
.mq-rev .mq-row span{color:transparent;-webkit-text-stroke:1px rgba(232,238,240,.55)}
.mq-row i{width:14px;height:14px;flex:none;background:currentColor;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.mq-rev .mq-row i{background:var(--accent)}
@keyframes mq{to{transform:translateX(-100%)}}

/* ---------- SERVICII (taburi) ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.svc-card{position:relative;display:flex;flex-direction:column;gap:1rem;min-height:400px;padding:2rem 1.8rem;background:var(--bg);overflow:hidden;isolation:isolate;text-align:left;transition:background .5s}
.svc-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),color-mix(in oklab,var(--brand-hi) 22%,transparent),transparent 60%);opacity:0;transition:opacity .4s}
.svc-card:hover::before{opacity:1}
.svc-bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;opacity:0;transform:scale(1.12);filter:grayscale(.3) contrast(1.05);transition:opacity .6s var(--ease),transform 1.2s var(--ease)}
.svc-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,10,.55),rgba(6,8,10,.92))}
.svc-card:hover .svc-bg{opacity:1;transform:scale(1)}
.svc-top{display:flex;justify-content:space-between;align-items:center}
.svc-n{color:var(--muted)}
.svc-tag{color:#000;background:var(--accent);padding:.25em .6em;font-size:.62rem}
.svc-ic{position:relative;display:grid;place-items:center;width:78px;height:78px;margin:1.2rem 0 auto;color:var(--brand-hi);transition:color .4s,transform .5s var(--ease)}
.svc-ic::before{content:"";position:absolute;inset:0;border:1px solid var(--line-2);transition:.5s var(--ease)}
.svc-ic::after{content:"";position:absolute;inset:-6px;background:
  linear-gradient(var(--accent),var(--accent)) top left/10px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) top left/2px 10px no-repeat,
  linear-gradient(var(--accent),var(--accent)) bottom right/10px 2px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right/2px 10px no-repeat;opacity:0;transition:.5s var(--ease)}
.svc-ic .ic{width:38px;height:38px}
.svc-ic .ic-img{width:44px;height:44px;object-fit:contain}
.svc-card:hover .svc-ic{color:#fff;transform:translateY(-4px)}
.svc-card:hover .svc-ic::before{background:color-mix(in oklab,var(--brand) 65%,transparent);border-color:var(--brand-hi)}
.svc-card:hover .svc-ic::after{opacity:1;inset:-10px}
.svc-title{font:800 clamp(1.7rem,2.2vw,2.15rem)/.98 var(--f-disp);text-transform:uppercase}
.svc-desc{color:var(--muted);font-size:.93rem;line-height:1.55;transition:color .4s}
.svc-card:hover .svc-desc{color:rgba(232,238,240,.85)}
.svc-go{display:flex;align-items:center;gap:.6em;color:var(--accent);margin-top:.4rem}
.svc-go .ic{transition:transform .4s var(--ease)}
.svc-card:hover .svc-go .ic{transform:translateX(6px)}
.svc-card-cta{background:linear-gradient(160deg,color-mix(in oklab,var(--accent) 16%,var(--bg)),var(--bg) 70%)}
.svc-card-cta .svc-ic{color:var(--accent)}
.svc-card-cta .svc-n{color:var(--accent);font-size:1.4rem}

/* ---------- SHOWREEL ---------- */
.reel-head{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:3rem;max-width:900px}
.reel-frame{position:relative;aspect-ratio:21/9;overflow:hidden;background:#000;border:1px solid var(--line)}
.reel-img{position:absolute;inset:-12% 0;background-size:cover;background-position:center;filter:saturate(.85) brightness(.62);transition:filter .6s;will-change:transform}
.reel-frame:hover .reel-img{filter:saturate(1) brightness(.75)}
.reel-hud{position:absolute;z-index:4;left:calc(clamp(14px,2.2vw,30px) + 50px);right:calc(clamp(14px,2.2vw,30px) + 50px);top:calc(clamp(14px,2.2vw,30px) + 8px);display:flex;justify-content:space-between;color:#fff}
.reel-hud span{display:flex;align-items:center;gap:.5em}
.reel-play{position:absolute;z-index:5;left:50%;top:50%;width:clamp(130px,16vw,200px);aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center;color:#fff}
.reel-ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 18s linear infinite;fill:#fff;font:700 13.5px var(--f-mono);letter-spacing:.32em}
@keyframes spin{to{transform:rotate(360deg)}}
.reel-tri{display:grid;place-items:center;width:44%;aspect-ratio:1;border-radius:50%;background:var(--accent);color:#000;transition:transform .5s var(--ease)}
.reel-tri svg{width:38%;margin-left:8%}
.reel-play:hover .reel-tri{transform:scale(1.14)}

/* ---------- PROCES ---------- */
.proc-list{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:2rem}
.proc-line{position:absolute;left:0;right:0;top:9px;height:1px;background:var(--line-2)}
.proc-line b{position:absolute;inset:0;background:linear-gradient(90deg,var(--brand-hi),var(--accent));transform:scaleX(var(--p,0));transform-origin:left}
.proc-step{position:relative;padding-top:3rem}
.proc-dot{position:absolute;top:0;left:0;width:19px;height:19px;border:1px solid var(--line-2);background:var(--bg);transform:rotate(45deg);transition:.5s var(--ease)}
.proc-step.in .proc-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px color-mix(in oklab,var(--accent) 60%,transparent)}
.proc-n{color:var(--accent)}
.proc-step h3{font:800 1.75rem/1 var(--f-disp);text-transform:uppercase;margin:.8rem 0}
.proc-step p{color:var(--muted);font-size:.95rem}

/* ---------- galerie acasă ---------- */
.hgal-strip{display:flex;gap:1rem;overflow-x:auto;padding:0 var(--gut) 1.5rem;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;cursor:grab}
.hgal-strip.is-drag{cursor:grabbing;scroll-snap-type:none}
.hgal-strip.is-drag a{pointer-events:none}
.hgal-item{position:relative;flex:none;height:clamp(300px,42vw,520px);aspect-ratio:3/4;overflow:hidden;scroll-snap-align:start;background:var(--bg-3)}
.hgal-item:nth-child(3n+1){aspect-ratio:4/3}
.hgal-item img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .6s;filter:grayscale(.35)}
.hgal-item:hover img{transform:scale(1.06);filter:none}
.hgal-meta{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;align-items:center;color:#fff;opacity:.85}
.hgal-meta .ic{margin-right:.4em;vertical-align:-3px;color:var(--accent)}

/* ---------- testimoniale / clienți / postări ---------- */
.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem}
.testi-card{position:relative;margin:0;padding:2.2rem;background:var(--card);border:1px solid var(--line);overflow:hidden;isolation:isolate}
.testi-card::before,.sitem::before,.cinfo::before,.post-card::before,.sdet-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(360px circle at var(--mx,50%) var(--my,50%),color-mix(in oklab,var(--brand-hi) 16%,transparent),transparent 60%);opacity:0;transition:opacity .4s}
.testi-card:hover::before,.sitem:hover::before,.cinfo:hover::before,.post-card:hover::before,.sdet-card:hover::before{opacity:1}
.testi-q{width:40px;height:40px;color:var(--accent)}
.testi-card blockquote{margin:1.2rem 0 1.8rem;font-size:1.1rem;line-height:1.6}
.testi-card figcaption{display:flex;align-items:center;gap:1rem}
.testi-card figcaption img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.testi-card figcaption strong{display:block}
.testi-card figcaption small{color:var(--muted)}
.clients{padding:3rem 0 5rem;overflow:hidden}
.clients .kicker{margin-bottom:2rem}
.cl-track{display:flex;width:max-content}
.cl-row{display:flex;align-items:center;gap:4rem;padding-right:4rem;animation:mq 35s linear infinite}
.cl-row img{height:46px;width:auto;filter:grayscale(1) brightness(1.6);opacity:.6;transition:.3s}
.cl-row a:hover img{filter:none;opacity:1}
.cl-row b{font:800 1.8rem var(--f-disp);text-transform:uppercase;color:var(--muted)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.post-card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:border-color .4s,transform .5s var(--ease)}
.post-card:hover{border-color:var(--line-2);transform:translateY(-4px)}
.post-img{aspect-ratio:16/10;overflow:hidden;background:var(--bg-3)}
.post-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.post-card:hover .post-img img{transform:scale(1.06)}
.post-body{display:flex;flex-direction:column;gap:.8rem;padding:1.6rem}
.post-date{color:var(--muted);display:flex;align-items:center;gap:.5em}
.post-title{font:800 1.7rem/1 var(--f-disp);text-transform:uppercase}
.post-ex{color:var(--muted);font-size:.93rem}
.pager{display:flex;gap:.5rem;justify-content:center;margin-top:3rem}
.pager a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-2)}
.pager a.is-active,.pager a:hover{background:var(--accent);color:#000;border-color:var(--accent)}

/* ---------- PAGE HERO ---------- */
.phero{position:relative;min-height:clamp(440px,66vh,720px);display:flex;align-items:flex-end;padding:calc(var(--hdr) + 60px) 0 clamp(50px,7vw,90px);overflow:hidden;border-bottom:1px solid var(--line)}
.phero-img{position:absolute;inset:-10% 0;background-size:cover;background-position:center;filter:brightness(.42) saturate(.85);will-change:transform}
.phero.has-img::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 0%,rgba(6,8,10,.3) 55%,rgba(6,8,10,.7) 100%)}
.phero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 0%,transparent 70%);opacity:.6}
.phero .vf{inset:calc(var(--hdr) + 14px) clamp(14px,2.2vw,30px) clamp(14px,2.2vw,30px)}
.phero-in{position:relative;z-index:4}
.crumbs{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--muted);margin-bottom:1.6rem}
.crumbs a:hover{color:var(--accent)}
.phero .kicker{margin-bottom:1.2rem;color:#fff}
.phero-title{font:900 clamp(3rem,9vw,8.4rem)/.88 var(--f-disp);text-transform:uppercase;max-width:16ch}
.phero-lead{max-width:720px;margin-top:1.6rem;font-size:clamp(1.02rem,1.3vw,1.2rem);color:rgba(232,238,240,.8)}
.phero-meta{position:absolute;z-index:4;right:calc(clamp(14px,2.2vw,30px) + 50px);bottom:calc(clamp(14px,2.2vw,30px) + 8px);display:flex;gap:1.4rem;color:rgba(255,255,255,.6)}
.split .ch{display:inline-block;opacity:0;transform:translateY(.4em);filter:blur(8px);animation:chin .8s var(--ease) forwards;animation-delay:calc(.15s + var(--ci) * .025s)}
@keyframes chin{to{opacity:1;transform:none;filter:none}}

/* ---------- lista servicii (pagina) ---------- */
.lead-rich{max-width:860px;margin-bottom:4rem;font-size:1.12rem}
.svc-list{position:relative;border-top:1px solid var(--line)}
.svc-row{position:relative;display:grid;grid-template-columns:70px 70px 1.2fr 1fr 60px;align-items:center;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--line);transition:padding .5s var(--ease),color .3s}
.svc-row::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in oklab,var(--brand) 30%,transparent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease);z-index:-1}
.svc-row:hover{padding-left:1.4rem}
.svc-row:hover::before{transform:none}
.svc-row-n{color:var(--accent)}
.svc-row-ic{color:var(--brand-hi)}
.svc-row-ic .ic{width:40px;height:40px}
.svc-row-ic .ic-img{width:40px;height:40px;object-fit:contain}
.svc-row-t{font:800 clamp(1.9rem,3.6vw,3.4rem)/.95 var(--f-disp);text-transform:uppercase}
.svc-row-d{color:var(--muted);font-size:.95rem}
.svc-row-go{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--line-2);transition:.4s var(--ease)}
.svc-row:hover .svc-row-go{background:var(--accent);color:#000;border-color:var(--accent);transform:rotate(45deg)}
.hover-img{position:fixed;left:0;top:0;z-index:50;width:320px;aspect-ratio:4/3;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.85) rotate(-4deg);transition:opacity .35s,transform .45s var(--ease);overflow:hidden;border:1px solid var(--line-2)}
.hover-img.is-on{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg)}
.hover-img img{width:100%;height:100%;object-fit:cover}

/* ---------- detaliu serviciu ---------- */
.sdet-grid{display:grid;grid-template-columns:340px 1fr;gap:clamp(30px,5vw,80px);align-items:start}
.sdet-aside{position:sticky;top:96px;display:flex;flex-direction:column;gap:1.5rem}
.sdet-card{position:relative;display:flex;flex-direction:column;gap:.9rem;padding:1.8rem;background:var(--card);border:1px solid var(--line);isolation:isolate;overflow:hidden}
.sdet-ic{display:grid;place-items:center;width:64px;height:64px;background:color-mix(in oklab,var(--brand) 55%,transparent);color:#fff;margin-bottom:.4rem}
.sdet-ic .ic{width:32px;height:32px}
.sdet-ic .ic-img{width:36px;height:36px;object-fit:contain}
.sdet-card h3{font:800 1.9rem/1 var(--f-disp);text-transform:uppercase}
.sdet-line{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.92rem;transition:color .3s}
.sdet-line:hover{color:#fff}
.sdet-line .ic{color:var(--accent)}
.sdet-nav{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:1rem}
.sdet-nav>.mono{color:var(--muted);margin-bottom:.6rem}
.sdet-nav a{display:flex;gap:.8rem;align-items:baseline;padding:.55rem 0;color:var(--muted);font-weight:600;font-size:.95rem;transition:color .3s,padding .3s}
.sdet-nav a small{color:var(--line-2)}
.sdet-nav a:hover,.sdet-nav a.is-active{color:#fff;padding-left:.4rem}
.sdet-nav a.is-active small{color:var(--accent)}
.sdet-main>*+*{margin-top:clamp(50px,7vw,90px)}
.rich-lg{font-size:clamp(1.08rem,1.35vw,1.26rem)}
.rich-lg p:first-child{font-size:1.18em;color:#fff}
.bigquote{position:relative;margin:0;padding:clamp(28px,4vw,52px);border-left:3px solid var(--accent);background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 10%,transparent),transparent)}
.bigquote .ic{width:44px;height:44px;color:var(--accent);margin-bottom:1rem}
.bigquote p{font:700 clamp(1.7rem,3vw,2.6rem)/1.08 var(--f-disp);text-transform:uppercase;margin:0}
.sitems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.sitem{position:relative;padding:1.8rem;background:var(--bg);isolation:isolate;overflow:hidden;min-height:170px}
.sitem-n{color:var(--accent)}
.sitem h3{font:800 1.5rem/1.02 var(--f-disp);text-transform:uppercase;margin:.9rem 0 .6rem}
.sitem p{color:var(--muted);font-size:.92rem;margin:0}
.sdet-form{padding:clamp(24px,4vw,52px);background:var(--card);border:1px solid var(--line)}
.sdet-form .kicker{margin-bottom:1rem;color:#fff}
.snext{border-top:1px solid var(--line)}
.snext-link{position:relative;display:block;overflow:hidden;padding:clamp(60px,9vw,130px) 0;isolation:isolate}
.snext-bg{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:0;transform:scale(1.1);filter:brightness(.4);transition:opacity .6s,transform 1.2s var(--ease)}
.snext-link:hover .snext-bg{opacity:1;transform:none}
.snext-in{display:flex;flex-direction:column;gap:1rem}
.snext-in .mono{color:var(--accent)}
.snext-t{font:900 clamp(3rem,9vw,8rem)/.9 var(--f-disp);text-transform:uppercase;transition:transform .6s var(--ease)}
.snext-link:hover .snext-t{transform:translateX(2rem)}

/* ---------- galerie ---------- */
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}
.chip{height:40px;padding:0 1.1rem;border:1px solid var(--line-2);font:600 .72rem var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:.3s}
.chip:hover{color:#fff;border-color:#fff}
.chip.is-active{background:var(--accent);color:#000;border-color:var(--accent)}
.alb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.alb{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--bg-3)}
.alb.is-hidden{display:none}
.alb-img,.alb-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.alb-img img{transition:transform 1.2s var(--ease),filter .6s;filter:grayscale(.4) brightness(.75)}
.alb:hover .alb-img img{transform:scale(1.07);filter:none brightness(.8)}
.alb::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,6,8,.92),transparent 55%)}
.alb .vf{opacity:0;transition:opacity .4s, inset .5s var(--ease);inset:24px}
.alb:hover .vf{opacity:1;inset:14px}
.alb-body{position:absolute;z-index:4;left:1.6rem;right:1.6rem;bottom:1.6rem;display:flex;flex-direction:column;gap:.5rem}
.alb-cat{color:var(--accent)}
.alb-t{font:800 clamp(1.8rem,2.6vw,2.4rem)/.95 var(--f-disp);text-transform:uppercase}
.alb-c{color:var(--muted)}
.alb-go{position:absolute;z-index:4;top:1.4rem;right:1.4rem;display:grid;place-items:center;width:48px;height:48px;background:var(--accent);color:#000;transform:scale(0) rotate(-45deg);transition:.5s var(--ease)}
.alb:hover .alb-go{transform:none}
.masonry{columns:4 260px;column-gap:1rem}
.mz{position:relative;display:block;margin-bottom:1rem;break-inside:avoid;overflow:hidden;background:var(--bg-3)}
.mz img{width:100%;height:auto;transition:transform 1s var(--ease),filter .5s}
.mz:hover img{transform:scale(1.05);filter:brightness(.7)}
.mz-ph{display:grid;place-items:center;aspect-ratio:16/9;color:var(--muted)}
.mz-ph .ic{width:40px;height:40px}
.mz-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px;border-radius:50%;background:var(--accent);color:#000;display:grid;place-items:center;transition:transform .4s var(--ease)}
.mz-play svg{width:26px;margin-left:4px}
.mz:hover .mz-play{transform:scale(1.15)}
.mz-meta{position:absolute;left:.9rem;right:.9rem;bottom:.8rem;display:flex;gap:1rem;color:#fff;opacity:0;transform:translateY(8px);transition:.4s var(--ease)}
.mz:hover .mz-meta{opacity:1;transform:none}

/* ---------- lightbox ---------- */
.lightbox{position:fixed;inset:0;z-index:250;background:rgba(3,4,5,.96);display:grid;grid-template-columns:80px 1fr 80px;grid-template-rows:70px 1fr;opacity:0;visibility:hidden;transition:.35s}
.lightbox.is-open{opacity:1;visibility:visible}
.lb-top{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1.5rem;color:var(--muted)}
.lb-top button{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line-2);color:#fff}
.lb-top button:hover{background:var(--accent);color:#000}
.lb-title{flex:1;text-align:center;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-stage{display:grid;place-items:center;padding:1rem;min-height:0}
.lb-stage img,.lb-stage video{max-width:100%;max-height:calc(100vh - 110px);object-fit:contain;animation:lbin .5s var(--ease)}
.lb-stage iframe{width:min(100%,calc((100vh - 120px) * 16 / 9));aspect-ratio:16/9;border:0;background:#000}
@keyframes lbin{from{opacity:0;transform:scale(.96)}}
.lb-nav{display:grid;place-items:center;color:#fff}
.lb-nav .ic{width:38px;height:38px;transition:transform .3s}
.lb-prev:hover .ic{transform:translateX(-5px)}
.lb-next:hover .ic{transform:translateX(5px)}

/* ---------- contact / ofertă ---------- */
.contact-grid,.offer-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(30px,5vw,80px);align-items:start}
.contact-info{display:flex;flex-direction:column;gap:.8rem}
.cinfo{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1.3rem 1.4rem;background:var(--card);border:1px solid var(--line);overflow:hidden;isolation:isolate;transition:border-color .3s}
a.cinfo:hover{border-color:var(--line-2)}
.cinfo-ic{display:grid;place-items:center;width:52px;height:52px;flex:none;border:1px solid var(--line-2);color:var(--accent)}
.cinfo-ic .ic{width:22px;height:22px}
.cinfo small{display:block;color:var(--muted);margin-bottom:.2rem}
.cinfo strong{font-size:1.05rem;word-break:break-word}
.contact-form,.offer-form-wrap{padding:clamp(24px,4vw,52px);background:var(--card);border:1px solid var(--line)}
.contact-form .kicker{margin-bottom:1rem;color:#fff}
.map{position:relative;margin-top:clamp(50px,7vw,90px);aspect-ratio:21/8;min-height:320px;width:100%;max-width:100%;border:1px solid var(--line);background:var(--bg-2);overflow:hidden}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1) invert(.92) hue-rotate(180deg) contrast(.9)}
.map-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:1rem;color:var(--muted)}
.map-ic{width:44px;height:44px;color:var(--accent)}
.offer-side .h-md{margin-bottom:2rem}
.offer-steps{list-style:none;margin:0 0 3rem;padding:0;border-top:1px solid var(--line)}
.offer-steps li{display:flex;gap:1.2rem;padding:1.2rem 0;border-bottom:1px solid var(--line);font-weight:600}
.offer-steps .mono{color:var(--accent);padding-top:.25em}
.offer-direct{display:flex;flex-direction:column;gap:.8rem}
.offer-direct .mono{color:var(--muted)}
.offer-direct a{display:flex;align-items:center;gap:.7rem;font-size:1.1rem;font-weight:600}
.offer-direct a .ic{color:var(--accent)}

/* ---------- formulare ---------- */
.form{display:flex;flex-direction:column;gap:1.1rem}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.form-compact .fgrid{grid-template-columns:1fr}
.fld{position:relative;display:block}
.fld-full{grid-column:1/-1}
.fld input,.fld textarea,.fld select{width:100%;height:60px;padding:1.4rem 1rem .5rem;background:rgba(255,255,255,.035);border:1px solid var(--line);border-bottom-color:var(--line-2);color:var(--text);font:500 1rem var(--f-body);outline:0;border-radius:0;transition:border-color .3s,background .3s;-webkit-appearance:none;appearance:none}
.fld textarea{height:auto;min-height:120px;resize:vertical;padding-top:1.7rem}
.fld select{cursor:pointer;padding-right:2.6rem}
.fld select option{background:var(--bg-2);color:var(--text)}
.fld>span{position:absolute;left:1rem;top:1.15rem;font-size:.95rem;color:var(--muted);pointer-events:none;transition:.25s var(--ease);transform-origin:left}
.fld input:focus~span,.fld input:not(:placeholder-shown)~span,.fld textarea:focus~span,.fld textarea:not(:placeholder-shown)~span,.fld-select>span{top:.5rem;transform:scale(.72);color:var(--brand-hi);font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase}
.fld input:focus,.fld textarea:focus,.fld select:focus{border-color:var(--brand-hi);background:rgba(255,255,255,.055)}
.fld::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.fld:focus-within::after{transform:scaleX(1)}
.sel-ic{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.fld em,.chk-err{display:block;font-style:normal;font-size:.8rem;color:#ff7a6b;margin-top:.35rem;min-height:0}
.fld em:empty,.chk-err:empty{display:none}
.fld.has-err input,.fld.has-err textarea{border-color:#ff7a6b}
.chk{display:flex;gap:.9rem;align-items:flex-start;cursor:pointer;font-size:.88rem;color:var(--muted)}
.chk input{position:absolute;opacity:0;width:1px;height:1px}
.chk i{display:grid;place-items:center;width:22px;height:22px;flex:none;border:1px solid var(--line-2);color:transparent;transition:.25s;margin-top:1px}
.chk i .ic{width:15px;height:15px}
.chk input:checked+i{background:var(--accent);border-color:var(--accent);color:#000}
.chk input:focus-visible+i{outline:2px solid var(--accent);outline-offset:2px}
.chk a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.chk.has-err i{border-color:#ff7a6b}
.form-msg{padding:1rem 1.2rem;border:1px solid var(--line-2);font-weight:600;display:flex;gap:.6rem;align-items:center}
.form-msg.is-ok{border-color:#3fd09a;color:#7ff0c2;background:rgba(63,208,154,.08)}
.form-msg.is-err{border-color:#ff7a6b;color:#ffb0a6;background:rgba(255,122,107,.08)}
.form.is-loading button[type=submit]{opacity:.6;pointer-events:none}
.form.is-sent .fgrid,.form.is-sent .chk,.form.is-sent button[type=submit]{display:none}

/* ---------- rich text ---------- */
.rich{line-height:1.75}
.rich>*:first-child{margin-top:0}
.rich h2,.rich h3,.rich h4{font-family:var(--f-disp);text-transform:uppercase;line-height:1;margin:2.2rem 0 1rem}
.rich h2{font-size:2.4rem}.rich h3{font-size:1.9rem}.rich h4{font-size:1.4rem}
.rich a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.rich ul,.rich ol{padding-left:1.3rem}
.rich li{margin:.35rem 0}
.rich ul li::marker{color:var(--accent)}
.rich blockquote{margin:2rem 0;padding:1rem 0 1rem 1.5rem;border-left:3px solid var(--accent);font-size:1.15em;color:#fff}
.rich img{height:auto;margin:1.5rem 0}
.rich iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}
.rich strong{color:#fff}
.share{display:flex;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line);color:var(--muted)}
.share a{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line-2);color:#fff}
.share a:hover{background:var(--accent);color:#000;border-color:var(--accent)}

/* ---------- FOOTER ---------- */
.ftr{position:relative;border-top:1px solid var(--line);overflow:hidden;background:linear-gradient(180deg,var(--bg) 0%,#040607 100%)}
.ftr-cta{padding:clamp(80px,12vw,160px) 0;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.ftr-cta::before{content:"";position:absolute;right:-10%;top:-30%;width:60%;aspect-ratio:1;background:radial-gradient(circle,color-mix(in oklab,var(--accent) 22%,transparent),transparent 65%);pointer-events:none}
.ftr-cta .mono{display:flex;align-items:center;gap:.6rem;color:var(--muted)}
.ftr-cta-title{font:900 clamp(3rem,8.4vw,8.4rem)/.88 var(--f-disp);text-transform:uppercase;margin:1.5rem 0 2.6rem;max-width:16ch}
.ftr-cta-act{display:flex;flex-wrap:wrap;gap:1rem}
.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:3rem;padding-top:clamp(60px,8vw,100px);padding-bottom:3rem}
.ftr-col h4{color:var(--brand-hi);margin-bottom:1.4rem}
.ftr-col ul{list-style:none;margin:0;padding:0}
.ftr-col li{margin:.55rem 0}
.ftr-col li a{color:var(--muted);transition:color .3s,padding .3s}
.ftr-col li a:hover{color:#fff;padding-left:.3rem}
.ftr-about p{color:var(--muted);margin:1.4rem 0;max-width:36ch}
.ftr-contact p{display:flex;gap:.8rem;align-items:flex-start;color:var(--muted);margin:.7rem 0}
.ftr-contact .ic{color:var(--accent);margin-top:.25em}
.ftr-contact a:hover{color:#fff}
.socials{display:flex;gap:.5rem;flex-wrap:wrap}
.socials a{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-2);transition:.3s}
.socials a:hover{background:var(--accent);border-color:var(--accent);color:#000}
.socials-lg{margin-top:1rem}
.socials-lg a{width:54px;height:54px}
.ftr-mega{display:flex;justify-content:space-between;gap:.12em;padding:0 var(--gut);font:900 clamp(4rem,15.5vw,17rem)/.8 var(--f-disp);text-transform:uppercase;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.1);user-select:none;margin-bottom:-.06em;white-space:nowrap;overflow:hidden}
.ftr-mega span:last-child{-webkit-text-stroke-color:color-mix(in oklab,var(--brand-hi) 40%,transparent)}
.ftr-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.6rem;padding-bottom:1.6rem;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}
.ftr-legal,.ftr-anpc{display:flex;flex-wrap:wrap;gap:1.2rem}
.ftr-legal a:hover,.ftr-legal button:hover,.ftr-anpc a:hover{color:#fff}
.ftr-legal button{font-size:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px}

/* ---------- tab ofertă + drawer ---------- */
.offer-tab{position:fixed;z-index:80;right:0;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;display:flex;align-items:center;gap:.8rem;padding:1.4rem .8rem;background:var(--accent);color:#000;font:700 .74rem var(--f-mono);letter-spacing:.2em;text-transform:uppercase;transition:padding .35s var(--ease),background .3s;clip-path:polygon(0 10px,10px 0,100% 0,100% 100%,10px 100%,0 calc(100% - 10px))}
.offer-tab:hover{padding-right:1.2rem;background:#fff}
.offer-tab .rec-dot{background:#c21d12;box-shadow:none}
.drawer{position:fixed;inset:0;z-index:210;visibility:hidden}
.drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);opacity:0;transition:opacity .4s}
.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(520px,100%);overflow:auto;padding:2.4rem clamp(20px,3vw,40px);background:rgba(10,15,18,.97);border-left:1px solid var(--line-2);transform:translateX(100%);transition:transform .6s var(--ease-io)}
.drawer-panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--accent),var(--brand-hi))}
.drawer.is-open{visibility:visible}
.drawer.is-open .drawer-bg{opacity:1}
.drawer.is-open .drawer-panel{transform:none}
.drawer-x{position:absolute;right:1.2rem;top:1.2rem;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-2);transition:.3s}
.drawer-x:hover{background:var(--accent);color:#000;transform:rotate(90deg)}
.drawer-head{margin:1rem 0 2rem;padding-right:3rem}
.drawer-head .mono{display:flex;align-items:center;gap:.5rem;color:var(--muted)}
.drawer-head h3{font:900 2.6rem/.92 var(--f-disp);text-transform:uppercase;margin:1rem 0}
.drawer-head p{color:var(--muted)}
.wa-float{position:fixed;z-index:80;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 10px 30px rgba(37,211,102,.35);transition:transform .3s var(--ease)}
.wa-float .ic{width:28px;height:28px}
.wa-float:hover{transform:scale(1.1)}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:ping 2.2s infinite}
@keyframes ping{to{transform:scale(1.6);opacity:0}}

/* ---------- cookies ---------- */
.ck{position:fixed;z-index:220;left:20px;bottom:20px;max-width:440px}
.ck-card{padding:1.5rem;background:rgba(10,15,18,.96);backdrop-filter:blur(16px);border:1px solid var(--line-2);box-shadow:0 30px 60px rgba(0,0,0,.5);animation:ckin .6s var(--ease)}
@keyframes ckin{from{opacity:0;transform:translateY(20px)}}
.ck-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem;font-size:1.05rem}
.ck-head .ic{color:var(--accent);width:24px;height:24px}
.ck p{font-size:.88rem;color:var(--muted);margin-bottom:1.1rem}
.ck p a{color:var(--text);text-decoration:underline}
.ck-act{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.ck-link{font-size:.82rem;text-decoration:underline;text-underline-offset:3px;color:var(--muted);margin-left:.4rem}
.ck-link:hover{color:#fff}
.ckm{position:fixed;inset:0;z-index:230;display:grid;place-items:center;padding:16px}
.ckm-bg{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px)}
.ckm-panel{position:relative;width:min(600px,100%);max-height:90vh;overflow:auto;padding:2.2rem;background:var(--bg-2);border:1px solid var(--line-2)}
.ckm-panel .mono{color:var(--brand-hi)}
.ckm-panel h3{font:900 2.4rem/1 var(--f-disp);text-transform:uppercase;margin:.6rem 0 .8rem}
.ckm-row{display:flex;justify-content:space-between;gap:1.5rem;padding:1.2rem 0;border-top:1px solid var(--line)}
.ckm-row p{margin:.3rem 0 0;color:var(--muted);font-size:.86rem}
.ckm .ck-act{margin-top:1.4rem}
.sw{position:relative;flex:none;width:50px;height:28px;cursor:pointer}
.sw input{position:absolute;opacity:0}
.sw i{position:absolute;inset:0;border:1px solid var(--line-2);background:rgba(255,255,255,.05);transition:.3s}
.sw i::after{content:"";position:absolute;left:4px;top:4px;width:18px;height:18px;background:var(--muted);transition:.3s var(--ease)}
.sw input:checked+i{background:color-mix(in oklab,var(--accent) 25%,transparent);border-color:var(--accent)}
.sw input:checked+i::after{transform:translateX(22px);background:var(--accent)}
.sw.is-locked{opacity:.6;cursor:not-allowed}

/* ---------- 404 ---------- */
.nf{position:relative;min-height:100vh;display:grid;place-items:center;text-align:center;padding:calc(var(--hdr) + 40px) 0 60px}
.nf .vf{inset:calc(var(--hdr) + 14px) 30px 30px}
.nf-in{display:flex;flex-direction:column;align-items:center;gap:1rem}
.nf-in .kicker{color:#fff}
.nf-code{position:relative;font:900 clamp(9rem,30vw,22rem)/.8 var(--f-disp)}
.nf-code::before,.nf-code::after{content:attr(data-glitch);position:absolute;inset:0}
.nf-code::before{color:var(--brand-hi);animation:gl1 2.5s infinite steps(1);clip-path:inset(20% 0 55% 0)}
.nf-code::after{color:var(--accent);animation:gl2 3s infinite steps(1);clip-path:inset(60% 0 10% 0)}
@keyframes gl1{0%,100%{transform:none}10%{transform:translate(-6px,2px)}12%{transform:translate(4px,-1px)}50%{transform:translate(8px,0)}52%{transform:none}}
@keyframes gl2{0%,100%{transform:none}20%{transform:translate(6px,-2px)}22%{transform:none}70%{transform:translate(-7px,1px)}72%{transform:none}}
.nf p{color:var(--muted);font-size:1.1rem}

/* ---------- reveal ---------- */
.js .reveal{opacity:0;transform:translateY(46px);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:1280px){
  .svc-grid{grid-template-columns:repeat(3,1fr)}
  .hdr-phone span{display:none}
  .nav>ul>li>a{padding:0 .75rem}
}
@media (max-width:1080px){
  .nav,.hdr-phone{display:none}
  .burger{display:block}
  .hdr-cta{margin-left:auto}
  .intro-grid,.contact-grid,.offer-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2){border-right:0}
  .stat:nth-child(n+3){border-top:1px solid var(--line)}
  .proc-list{grid-template-columns:1fr 1fr;gap:3rem 2rem}
  .proc-line{display:none}
  .sdet-grid{grid-template-columns:1fr}
  .sdet-aside{position:static}
  .sdet-nav{display:none}
  .ftr-grid{grid-template-columns:1fr 1fr}
  .post-grid,.alb-grid{grid-template-columns:1fr 1fr}
  .svc-row{grid-template-columns:50px 1fr 50px;gap:1rem}
  .svc-row-ic,.svc-row-d{display:none}
  .hover-img{display:none}
  .svc-row{grid-template-columns:40px minmax(0,1fr) 46px}
  .svc-row-go{width:46px;height:46px}
  .svc-row:hover{padding-left:0}
  .hero-hud .hud-r span:not(.batt):nth-child(n+2){display:none}
  .hero-scroll{display:none}
}
@media (max-width:760px){
  :root{--hdr:68px}
  .hdr-cta .btn{display:none}
  .brand-mark{height:38px}
  .brand-txt{font-size:1.3rem}
  .svc-grid{grid-template-columns:1fr}
  .svc-card{min-height:auto;padding:1.8rem 1.4rem}
  .svc-ic{margin:.6rem 0 .6rem}
  .svc-bg{opacity:.35;transform:none}
  .hero-nav{grid-auto-flow:row;grid-template-columns:repeat(var(--cnt,3),1fr);gap:.6rem;bottom:28px}
  .hn-t{display:none}
  .slide-in{padding-bottom:110px;justify-content:flex-end}
  .hero-hud{top:calc(var(--hdr) + 24px);padding:0 2.6rem}
  .hero-hud .hud-r{display:none}
  .hero-cross,.hero-thirds{display:none}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:1.6rem 1rem 1.2rem}
  .proc-list{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr}
  .post-grid,.alb-grid{grid-template-columns:1fr}
  .ftr-grid{grid-template-columns:1fr;gap:2.4rem}
  .reel-frame{aspect-ratio:4/5}
  .reel-hud{left:3.4rem;right:3.4rem}
  .phero-meta{display:none}
  .offer-tab{padding:1rem .6rem;font-size:.64rem}
  .ck{left:12px;right:12px;bottom:12px;max-width:none}
  .ftr-bottom{flex-direction:column}
  .lightbox{grid-template-columns:44px 1fr 44px}
  .wa-float{right:14px;bottom:14px;width:52px;height:52px}
  .marquee{padding:2.2rem 0}
  .map{aspect-ratio:auto;height:380px;min-height:0}
  .cinfo strong{overflow-wrap:anywhere}
  .contact-grid>*,.offer-grid>*,.sdet-grid>*{min-width:0}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
  .grain{display:none}
}