/* Dipwise — pagina de prezentare */
body.landing-on{overflow:hidden}
body.landing-on>.topbar,body.landing-on>main,body.landing-on>footer{display:none}
.ld{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;z-index:400;background:#07080b;color:#e9eaee;
  font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
.ld *{box-sizing:border-box}
.ld b{font-weight:700}
.grad{background:linear-gradient(92deg,#a9c6ef 0%,#5b8fd6 35%,#39FF14 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* fundal: spot de lumina sus, grila de puncte, lumanari reale care curg */
.ld{background:#05070b}
.ld-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.ld-spot{position:absolute;left:50%;top:-30vh;width:140vw;height:90vh;transform:translateX(-50%);
  background:radial-gradient(closest-side,rgba(64,110,210,.30),rgba(30,60,140,.12) 45%,transparent 75%)}
.ld-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:26px 26px;
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 60% at 50% 20%,#000 30%,transparent 80%)}
#ld-candles{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(to bottom,transparent 25%,#000 60%,#000 85%,transparent);mask-image:linear-gradient(to bottom,transparent 25%,#000 60%,#000 85%,transparent)}

/* nav */
.ld-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:24px;padding:16px clamp(16px,4vw,56px);transition:.3s}
.ld.scrolled .ld-nav{background:rgba(7,8,11,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.ld-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.ld-brand img{width:46px;height:46px;filter:drop-shadow(0 0 10px rgba(91,143,214,.7))}
.ld-brand b{font-size:27px;letter-spacing:-.02em;display:flex;flex-direction:column;line-height:1}.ld-brand span{font-size:10.5px;letter-spacing:.5em;color:#5b8fd6;margin-top:5px;font-weight:700}
.ld-nav nav{display:flex;gap:22px;margin-left:auto}.ld-nav nav a{color:#9a9da8;text-decoration:none;font-size:14px;font-weight:500;transition:.2s}.ld-nav nav a:hover{color:#fff}
.ld-navr{display:flex;gap:10px}
.ld-btn{font:inherit;font-weight:700;font-size:14px;border:0;border-radius:12px;padding:11px 18px;cursor:pointer;color:#06120a;
  background:linear-gradient(135deg,#7dff5a,#39FF14 45%,#00d65a);box-shadow:0 0 0 1px rgba(57,255,20,.4),0 8px 30px -6px rgba(57,255,20,.55);transition:transform .2s,box-shadow .2s;white-space:nowrap}
.ld-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(57,255,20,.6),0 12px 40px -6px rgba(57,255,20,.75)}
.ld-btn.ghost{background:rgba(255,255,255,.05);color:#e9eaee;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.ld-btn.ghost:hover{background:rgba(255,255,255,.09)}
.ld-btn:disabled{opacity:.6}

/* hero */
.ld-hero{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,72px);align-items:center;
  max-width:1280px;margin:0 auto;padding:clamp(30px,7vh,90px) clamp(16px,4vw,56px) 60px;min-height:calc(100vh - 80px)}
.ld-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12.5px;color:#cfd3db;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.ld-chip .ld-dot{width:7px;height:7px;border-radius:50%;background:#39FF14;box-shadow:0 0 10px #39FF14;animation:pulse 1.8s infinite}
@keyframes pulse{50%{opacity:.35}}
.ld h1{text-transform:none;color:#fff;font-size:clamp(44px,6.4vw,88px);line-height:1;letter-spacing:-.035em;margin:20px 0 18px;font-weight:800}
.ld-lead{font-size:clamp(16px,1.35vw,19px);line-height:1.6;color:#b8bbc4;max-width:560px;margin:0 0 26px}.ld-lead b{color:#fff}
.ld-sub{display:flex;gap:8px;max-width:520px;padding:6px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px)}
.ld-sub input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font:inherit;font-size:15px;padding:0 12px}
.ld-sub.c{margin:22px auto 0}
.ld-msg{font-size:13px;min-height:18px;margin-top:8px;color:#9a9da8}.ld-msg.ok{color:#39FF14}.ld-msg.bad{color:#ff8a8a}
.ld-mini{font-size:12px;color:#6b6f7a}

/* scena 3D: capturi reale din aplicatie */
.ld-hero-r{perspective:1600px}
.ld-stage{position:relative;transform-style:preserve-3d;transform:rotateX(calc(5deg + var(--rx,0deg))) rotateY(calc(-11deg + var(--ry,0deg)));transition:transform .6s cubic-bezier(.2,.8,.2,1);padding:70px 0 120px}
.ld-win{position:absolute;border-radius:16px;overflow:hidden;background:#0c0e13;border:1px solid rgba(255,255,255,.10);
  box-shadow:0 50px 100px -30px rgba(0,0,0,.9),0 0 60px -20px rgba(91,143,214,.35)}
.ld-win img{display:block;width:100%;height:auto}
.wbar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#12151c;border-bottom:1px solid rgba(255,255,255,.06)}
.wbar i{width:9px;height:9px;border-radius:50%;background:#3a3f4b}.wbar i:nth-child(1){background:#ff5f57}.wbar i:nth-child(2){background:#febc2e}.wbar i:nth-child(3){background:#28c840}
.wbar span{margin-left:10px;font-size:11px;color:#6b6f7a;font-family:ui-monospace,Menlo,monospace}
.ld-win.main{position:relative;width:112%;margin-left:-4%;transform:translateZ(0)}
.fl{animation:float 7s ease-in-out infinite}
.f1{width:80%;left:4%;bottom:10px;transform:translateZ(120px)}
.f2{width:290px;right:-10%;top:-10px;transform:translateZ(160px);animation-delay:-3.5s}
.ld-hsc{position:absolute;z-index:3}.ld-hsc .ld-sc{box-shadow:0 40px 80px -20px rgba(0,0,0,.85),0 0 50px -14px var(--z)}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}
.zp{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 10px;border-radius:999px;color:#06120a;background:var(--z);box-shadow:0 0 18px -2px var(--z);white-space:nowrap}
.zp.sm{font-size:9.5px;padding:3px 8px;margin-left:8px;vertical-align:2px}.zp.xs{font-size:9px;padding:2px 7px;box-shadow:none}
.mu{color:#8b8e98}

/* banda de cotatii */
.ld-tape{position:relative;z-index:4;overflow:hidden;border-block:1px solid rgba(255,255,255,.06);background:rgba(8,10,14,.75);backdrop-filter:blur(8px);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ld-tape-in{display:flex;width:max-content;animation:tape 80s linear infinite}
.ld-tape:hover .ld-tape-in{animation-play-state:paused}
@keyframes tape{to{transform:translateX(-50%)}}
.tp{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;font-size:13px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.05)}
.tp b{color:#fff}.tp em{font-style:normal;color:#cfd3db;font-family:ui-monospace,Menlo,monospace}
.up{color:#39FF14;font-style:normal}.dn{color:#ff5b6b;font-style:normal}
.ld-lg{position:relative;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#fff;overflow:hidden;flex:none}
.ld-lg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:2px;background:#fff}.ld-lg b{font-size:7.5px;color:#111!important}

/* actiuni la reducere */
.ld-sale{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;perspective:1000px}
.ld-sc{border-radius:18px;padding:18px;background:linear-gradient(170deg,rgba(24,28,36,.92),rgba(11,13,17,.94));border:1px solid rgba(255,255,255,.08);
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.sch{display:flex;align-items:center;gap:12px}.sch .ld-lg{width:40px;height:40px;border-radius:11px}.sch div{flex:1;min-width:0}
.sch div b{display:block;font-size:18px}.sch div span{display:block;font-size:12.5px;color:#8b8e98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scp{display:flex;align-items:baseline;gap:10px;margin:16px 0 12px}.scp b{font-size:30px;font-weight:800;letter-spacing:-.02em;font-family:ui-monospace,'SF Mono',Menlo,monospace}.scp i{font-size:13px}
.scm{display:grid;grid-template-columns:1fr 1fr;gap:10px}.scm div{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.scm span{display:block;font-size:11px;color:#8b8e98}.scm b{font-size:19px}.scm b.g{color:#39FF14}.scm small{font-size:11px;color:#6b6f7a}
.scbar{height:5px;border-radius:4px;background:rgba(255,255,255,.06);margin-top:12px;overflow:hidden}.scbar i{display:block;height:100%;width:var(--w);background:var(--c);box-shadow:0 0 12px var(--c);border-radius:4px}

/* tur prin aplicatie */
.ld-tabs{display:flex;justify-content:center;gap:6px;margin:0 auto 18px;padding:5px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);width:max-content;max-width:100%;overflow-x:auto}
.ld-tabs button{font:inherit;font-size:13.5px;font-weight:600;color:#9a9da8;background:none;border:0;padding:9px 16px;border-radius:10px;cursor:pointer;white-space:nowrap}
.ld-tabs button.on{background:#1b2130;color:#fff;box-shadow:inset 0 0 0 1px rgba(91,143,214,.35)}
.ld-tourwin{max-width:1100px;margin:0 auto;border-radius:18px;overflow:hidden;background:#0c0e13;border:1px solid rgba(255,255,255,.10);
  box-shadow:0 60px 120px -40px rgba(0,0,0,.9),0 0 90px -30px rgba(91,143,214,.4);transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ld-tourimg{display:grid;max-height:720px;overflow:hidden}
.ld-tourimg img{grid-area:1/1;width:100%;height:auto;opacity:0;transform:scale(1.015);transition:opacity .5s,transform .7s}
.ld-tourimg img.on{opacity:1;transform:none}

/* glow animat pe margine */
.glow{isolation:isolate}.glow:not(.ld-card){position:relative}
.glow::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;z-index:-1;
  background:conic-gradient(from var(--ga,0deg),transparent 0 70%,rgba(91,143,214,.9) 80%,rgba(57,255,20,.9) 88%,transparent 96%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 6s linear infinite}
.glow::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%),rgba(91,143,214,.14),transparent 60%)}
@property --ga{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes spin{to{--ga:360deg}}

/* cifre */
.ld-stats{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-radius:20px;overflow:hidden;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.07)}
.ld-stats div{background:rgba(12,14,19,.88);padding:26px 22px;text-align:center}.ld-stats b{display:block;font-size:clamp(26px,3vw,40px);font-weight:800;letter-spacing:-.02em;color:#fff}
.ld-stats span{font-size:13px;color:#8b8e98}

/* sectiuni */
.ld-sec{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:clamp(70px,11vh,130px) clamp(16px,4vw,40px) 0}
.ld-h{text-align:center;max-width:760px;margin:0 auto 46px}
.ld-eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#5b8fd6;font-weight:700}
.ld h2{text-transform:none;color:#fff;font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.03em;margin:12px 0 14px;font-weight:800}
.ld-h p{font-size:17px;line-height:1.6;color:#9a9da8;margin:0}
.ld-zones{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:1000px}
.ld-z{border-radius:18px;padding:22px;background:linear-gradient(170deg,rgba(26,30,38,.9),rgba(12,14,18,.9));border:1px solid rgba(255,255,255,.08);
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.ld-z .zt{display:flex;align-items:center;gap:9px;font-weight:800;font-size:17px}.zdot{width:12px;height:12px;border-radius:50%;background:var(--z);box-shadow:0 0 16px 2px var(--z)}
.ld-z .zx{font-size:48px;font-weight:800;margin:14px 0 6px;color:var(--z);text-shadow:0 0 30px var(--z);font-family:ui-monospace,'SF Mono',Menlo,monospace;letter-spacing:-.04em}
.ld-z p{font-size:14px;line-height:1.55;color:#a6a9b3;margin:0 0 14px;min-height:66px}.ld-z .zn{font-size:12px;color:#cfd3db;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}

.ld-bt{display:grid;grid-template-columns:1.7fr 1fr;gap:26px;border-radius:24px;padding:24px;background:linear-gradient(170deg,rgba(24,28,36,.9),rgba(11,13,17,.92));border:1px solid rgba(255,255,255,.08)}
.ld-leg{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#8b8e98;margin-top:10px}.ld-leg span{display:flex;align-items:center;gap:6px}
.ld-leg i{width:14px;height:3px;border-radius:2px}.ld-leg i.dotl{width:8px;height:8px;border-radius:50%}.ld-leg i.ln{height:0;border-top:2px dashed;background:none!important;border-color:currentColor}
.ld-leg span:nth-child(3) i{color:#39FF14}.ld-leg span:nth-child(4) i{color:#8b8e98}
.ld-bt-s{display:flex;flex-direction:column;gap:14px;justify-content:center}
.kp{padding:18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}.kp span{font-size:12.5px;color:#8b8e98;display:block}
.kp b{display:block;font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.kp b.g{color:#39FF14;text-shadow:0 0 30px rgba(57,255,20,.45)}.kp em{font-style:normal;font-size:12.5px;color:#6b6f7a}
.kp.sm b{font-size:26px}
.ld-vs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ld-vs div{padding:14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.ld-vs span{font-size:12px;color:#8b8e98}.ld-vs b{display:block;font-size:24px;margin-top:2px}.ld-vs div:first-child b{color:#39FF14}
.ld-note{font-size:11.5px;color:#6b6f7a;line-height:1.5}

.ld-phones{display:flex;justify-content:center;gap:clamp(20px,5vw,70px);perspective:1200px;flex-wrap:wrap}
.ld-phone{width:300px;height:600px;border-radius:44px;padding:14px;background:linear-gradient(160deg,#2a2e38,#111318);position:relative;
  box-shadow:0 0 0 2px #3a3f4b inset,0 60px 100px -30px rgba(0,0,0,.9),0 0 80px -20px rgba(91,143,214,.45);transform:rotateY(calc(var(--ry,0deg) + 8deg)) rotateX(var(--rx,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ld-phone.mail{transform:rotateY(calc(var(--ry,0deg) - 8deg)) rotateX(var(--rx,0deg));box-shadow:0 0 0 2px #3a3f4b inset,0 60px 100px -30px rgba(0,0,0,.9),0 0 80px -20px rgba(57,255,20,.35)}
.ph-notch{position:absolute;top:22px;left:50%;width:90px;height:24px;border-radius:14px;background:#000;transform:translateX(-50%);z-index:2}
.ph-top,.ph-mtop{position:relative;border-radius:30px 30px 0 0;background:#151922;padding:52px 16px 12px;display:flex;align-items:center;gap:9px}
.ph-top img{width:30px;height:30px;border-radius:50%;background:#0b0c0f;padding:4px}.ph-top b{font-size:14px}.ph-top span{font-size:11px;color:#39FF14;margin-left:auto}
.ph-mtop{flex-direction:column;align-items:flex-start;gap:2px}.ph-mtop b{font-size:13.5px}.ph-mtop span{font-size:11px;color:#8b8e98}
.ph-body{height:calc(100% - 100px);border-radius:0 0 30px 30px;background:#0d0f14;padding:14px;display:flex;flex-direction:column;gap:10px;overflow:hidden}
.bub{align-self:flex-start;max-width:92%;background:#1b2130;border-radius:16px 16px 16px 4px;padding:11px 13px;font-size:13px;line-height:1.5;color:#dfe2e8;box-shadow:0 6px 20px -8px rgba(0,0,0,.6)}
.bub.sm{font-size:12px}.mu{color:#8b8e98}
.pk{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:14px;background:#171a20;border:1px solid #23262e}.pk b{font-size:15px}
.pks b{font-size:22px;color:#39FF14;text-shadow:0 0 14px rgba(57,255,20,.5)}.pks small{color:#6b6f7a;font-size:11px}

.ld-cta{position:relative;z-index:1;max-width:900px;margin:clamp(80px,12vh,140px) auto 0;text-align:center;padding:56px clamp(18px,4vw,50px);border-radius:28px;
  background:radial-gradient(600px 200px at 50% 0,rgba(57,255,20,.12),transparent),linear-gradient(170deg,rgba(24,28,36,.92),rgba(11,13,17,.94));border:1px solid rgba(255,255,255,.08)}
.ld-cta p{color:#9a9da8;font-size:16px;margin:0}
.ld-foot{position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;max-width:1180px;margin:70px auto 0;padding:26px clamp(16px,4vw,40px) 40px;
  border-top:1px solid rgba(255,255,255,.07);font-size:12.5px;color:#6b6f7a}

/* aparitie la scroll */
.rv{opacity:0;translate:0 36px;transition:opacity .9s cubic-bezier(.2,.8,.2,1) var(--d,0ms),translate .9s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.rv.shown{opacity:1;translate:0 0}

/* login peste prezentare */
#login.over{z-index:600;background:rgba(5,6,9,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#login .loginbox{position:relative}
.lgx{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:0;background:rgba(255,255,255,.06);color:#cfd3db;font-size:14px;cursor:pointer}
.lgx:hover{background:rgba(255,255,255,.12)}

/* telefon / tableta */
@media (max-width:980px){
  .ld-hero{grid-template-columns:1fr;min-height:0;text-align:left}
  .ld-hero-r{max-width:620px;width:100%;margin:10px auto 0}
  .ld-zones{grid-template-columns:repeat(2,1fr)}
  .ld-bt{grid-template-columns:1fr}
  .ld-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .ld-nav{gap:10px;padding:12px 16px}.ld-nav nav{display:none}.ld-navr{margin-left:auto}.ld-navr .ld-btn{padding:9px 12px;font-size:13px}
  .ld-hero{padding-top:24px}.ld-hero-r{margin-top:20px}
  .ld-sub{flex-direction:column}.ld-sub input{padding:12px}
  .ld-stage{transform:rotateX(6deg) rotateY(-8deg)}
  .ld-stage{padding:40px 0 70px}.f2{width:52%;right:-2%;top:-6px}.ld-hsc .sch div span{display:none}.ld-hsc .sch .ld-lg{width:30px;height:30px}.ld-hsc .zp{font-size:9px;padding:3px 7px}.f1{left:-4%;width:96%}.ld-hsc .scm{display:none}.ld-hsc .ld-sc{padding:13px}.ld-hsc .scp b{font-size:22px}.ld-hsc .scp{margin:10px 0 4px}
  .ld-brand img{width:36px;height:36px}.ld-brand b{font-size:21px}.ld-brand span{font-size:8.5px}
  .f1{right:-3%}.f2{right:-4%}.wbar span{display:none}.ld-tabs{justify-content:flex-start}
  .ld-zones{grid-template-columns:1fr}.ld-z p{min-height:0}
  .ld-cv.tall{height:260px}.ld-bt{padding:16px}.kp b{font-size:40px}
  .ld-phone{width:min(300px,86vw);transform:none!important}
}
@media (prefers-reduced-motion:reduce){.ld-tape-in,.fl,.glow::before,.ld-chip .ld-dot{animation:none}.rv{opacity:1;translate:none;transition:none}}