:root {
  --bg:    #07090F;
  --bg2:   #0C0F1A;
  --bg3:   #111422;
  --surface: rgba(255,255,255,0.04);
  --border:  rgba(255,255,255,0.07);
  --text:  #D0D8F0;
  --muted: #4A5270;
  --neon:  #00FFD1;
  --neon2: #BF5FFF;
  --neon3: #FF2D78;
  --neon4: #00B8FF;
  --neon5: #FFE033;
  --glow1: rgba(0,255,209,.18);
  --glow2: rgba(191,95,255,.18);
  --glow3: rgba(255,45,120,.18);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Figtree',sans-serif;overflow-x:hidden;cursor:none;}

/* Custom cursor — fixed so it always works */
#cur{width:12px;height:12px;background:var(--neon);border-radius:50%;position:fixed;z-index:9999;pointer-events:none;box-shadow:0 0 12px var(--neon),0 0 24px var(--glow1);transition:width .25s,height .25s,margin .25s,background .25s;top:0;left:0;will-change:transform;}
#cur.big{width:54px;height:54px;margin-left:-21px;margin-top:-21px;background:transparent;border:2px solid var(--neon);box-shadow:0 0 20px var(--neon);}

#cv{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.55;}

nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 3rem;background:rgba(7,9,15,0.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);}
.logo{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.04em;color:#fff;line-height:1;}
.logo .nx{color:var(--neon);text-shadow:0 0 16px var(--glow1);}
nav ul{display:flex;gap:2.5rem;list-style:none;}
nav a{font-size:.8rem;font-weight:700;color:var(--muted);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:color .2s;}
nav a:hover{color:var(--neon);}
.nav-btn{background:var(--neon);color:var(--bg);padding:.65rem 1.6rem;font-family:'Figtree',sans-serif;font-weight:700;font-size:.8rem;border:none;cursor:none;letter-spacing:.08em;text-transform:uppercase;transition:box-shadow .25s,transform .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));}
.nav-btn:hover{box-shadow:0 0 24px var(--glow1),0 0 48px var(--glow1);transform:translateY(-2px);}

/* HERO */
#hero{min-height:100vh;position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 3rem;padding-top:5rem;overflow:hidden;background:var(--bg);}
#hero::before{content:'';position:absolute;top:-10%;right:-5%;width:55%;height:130%;background:var(--bg2);clip-path:polygon(15% 0,100% 0,100% 100%,0% 100%);z-index:0;border-left:1px solid var(--border);}
.hero-left{position:relative;z-index:2;padding:2rem 0;}
.hero-tag{display:inline-flex;align-items:center;gap:.6rem;background:rgba(0,255,209,.1);color:var(--neon);border:1px solid rgba(0,255,209,.3);font-weight:700;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;padding:.45rem 1rem;margin-bottom:1.8rem;opacity:0;animation:popIn .6s .2s forwards;}
h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(4.5rem,8vw,8.5rem);line-height:.95;letter-spacing:.02em;opacity:0;animation:slideRight .8s .4s forwards;color:#fff;}
h1 .cl{color:var(--neon);text-shadow:0 0 30px var(--glow1),0 0 60px var(--glow1);display:block;}
h1 .co{-webkit-text-stroke:2px rgba(0,255,209,.4);color:transparent;display:block;}
.hero-desc{max-width:420px;margin-top:2rem;font-size:1rem;line-height:1.75;color:var(--muted);font-weight:400;opacity:0;animation:slideRight .8s .6s forwards;}
.hero-btns{display:flex;gap:1rem;margin-top:2.5rem;opacity:0;animation:slideRight .8s .8s forwards;}
.btn-a{background:var(--neon);color:var(--bg);padding:.95rem 2.2rem;font-weight:700;font-size:.95rem;border:none;cursor:none;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:transform .2s,box-shadow .3s;}
.btn-a:hover{transform:translateY(-3px);box-shadow:0 0 30px var(--glow1),0 0 60px var(--glow1);}
.btn-b{background:transparent;color:var(--text);padding:.95rem 2.2rem;font-weight:700;font-size:.95rem;border:1px solid var(--border);cursor:none;text-transform:uppercase;letter-spacing:.08em;transition:border-color .25s,color .25s,transform .2s,box-shadow .25s;}
.btn-b:hover{border-color:var(--neon2);color:var(--neon2);box-shadow:0 0 20px var(--glow2);transform:translateY(-3px);}

.hero-right{position:relative;z-index:2;height:100vh;display:flex;align-items:center;justify-content:center;}
.orbit-wrap{position:relative;width:380px;height:380px;}
.center-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:155px;height:155px;background:rgba(0,255,209,.08);border:2px solid var(--neon);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:1rem;letter-spacing:.08em;color:var(--neon);box-shadow:0 0 0 16px rgba(0,255,209,.04),0 0 0 32px rgba(0,255,209,.02),0 0 40px var(--glow1);animation:pulseBadge 3s ease-in-out infinite;z-index:5;text-align:center;line-height:1.2;}
.center-badge .bi{font-size:2.8rem;line-height:1;display:block;}
.badge-pill{position:absolute;font-weight:700;font-size:.7rem;padding:.5rem 1rem;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;border-radius:2px;}
.pill-1{top:-18px;left:50%;transform:translateX(-50%);background:rgba(0,184,255,.12);color:var(--neon4);border:1px solid var(--neon4);box-shadow:0 0 16px rgba(0,184,255,.3);animation:floatUD 3s ease-in-out infinite;}
.pill-2{right:-28px;top:42%;background:rgba(255,45,120,.12);color:var(--neon3);border:1px solid var(--neon3);box-shadow:0 0 16px var(--glow3);animation:floatLR 3.5s .5s ease-in-out infinite;}
.pill-3{bottom:-18px;left:50%;transform:translateX(-50%);background:rgba(255,224,51,.1);color:var(--neon5);border:1px solid var(--neon5);box-shadow:0 0 16px rgba(255,224,51,.25);animation:floatUD 4s 1s ease-in-out infinite;}
.pill-4{left:-28px;top:42%;background:rgba(191,95,255,.12);color:var(--neon2);border:1px solid var(--neon2);box-shadow:0 0 16px var(--glow2);animation:floatLR 3.2s .8s ease-in-out infinite;}

.hero-scroll{position:absolute;bottom:2.5rem;left:3rem;display:flex;align-items:center;gap:.8rem;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);z-index:20;opacity:0;animation:popIn .6s 1.3s forwards;}
.sarr{animation:bounceD 1.5s ease-in-out infinite;color:var(--neon);}

/* MARQUEE */
.mq-wrap{position:relative;z-index:10;background:var(--bg2);padding:.95rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;}
.mq-track{display:flex;animation:marquee 22s linear infinite;width:max-content;}
.mq-item{display:flex;align-items:center;gap:1.5rem;padding:0 2rem;font-family:'Bebas Neue',sans-serif;font-size:1.4rem;letter-spacing:.1em;color:var(--muted);white-space:nowrap;}
.mq-dot{width:8px;height:8px;background:var(--neon);border-radius:50%;flex-shrink:0;box-shadow:0 0 8px var(--neon);}

/* SERVICES */
#servicii{position:relative;z-index:10;padding:8rem 3rem;background:var(--bg);}
.eyebrow{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;}
.eline{width:40px;height:2px;background:var(--neon);flex-shrink:0;box-shadow:0 0 8px var(--glow1);}
.etext{font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--neon);}
.stitle{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,5.5vw,5.5rem);line-height:1;letter-spacing:.02em;margin-bottom:4rem;color:#fff;}
.stitle .ol{-webkit-text-stroke:2px rgba(255,255,255,.2);color:transparent;}

.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto;gap:1px;background:var(--border);}
.sc{padding:2.5rem;position:relative;overflow:hidden;transition:transform .3s;cursor:none;background:var(--bg2);}
.sc:hover{transform:translateY(-4px);}
.sc-1{grid-column:1/6;border-top:2px solid var(--neon);box-shadow:inset 0 2px 0 0 var(--neon);}
.sc-1:hover{box-shadow:inset 0 2px 0 0 var(--neon),0 0 40px var(--glow1);}
.sc-2{grid-column:6/13;border-top:2px solid var(--neon4);}
.sc-2:hover{box-shadow:0 0 40px rgba(0,184,255,.15);}
.sc-3{grid-column:1/7;border-top:2px solid var(--neon2);}
.sc-3:hover{box-shadow:0 0 40px var(--glow2);}
.sc-4{grid-column:7/13;border-top:2px solid var(--neon3);}
.sc-4:hover{box-shadow:0 0 40px var(--glow3);}
.sc-bg{position:absolute;top:1rem;right:1.5rem;font-family:'Bebas Neue',sans-serif;font-size:5.5rem;line-height:1;opacity:.05;pointer-events:none;color:#fff;}
.sc-ico{font-size:3rem;display:block;margin-bottom:1.2rem;transition:transform .35s;}
.sc:hover .sc-ico{transform:scale(1.18) rotate(-6deg);}
.sc h3{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.04em;margin-bottom:.8rem;color:#fff;}
.sc p{font-size:.88rem;line-height:1.7;color:var(--muted);max-width:360px;}
.sc-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;}
.sc-tag{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .85rem;border-radius:100px;}
.sc-1 .sc-tag{border:1px solid rgba(0,255,209,.3);color:var(--neon);background:rgba(0,255,209,.06);}
.sc-2 .sc-tag{border:1px solid rgba(0,184,255,.3);color:var(--neon4);background:rgba(0,184,255,.06);}
.sc-3 .sc-tag{border:1px solid rgba(191,95,255,.3);color:var(--neon2);background:rgba(191,95,255,.06);}
.sc-4 .sc-tag{border:1px solid rgba(255,45,120,.3);color:var(--neon3);background:rgba(255,45,120,.06);}

/* SERVICE LISTS */
.sc-list{list-style:none;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem;}
.sc-list li{font-size:.8rem;line-height:1.5;color:var(--muted);padding-left:1.2rem;position:relative;}
.sc-list li::before{content:"→";position:absolute;left:0;opacity:.7;}
.sc-1 .sc-list li::before{color:var(--neon);}
.sc-2 .sc-list li::before{color:var(--neon4);}
.sc-3 .sc-list li::before{color:var(--neon2);}
.sc-4 .sc-list li::before{color:var(--neon3);}

/* WHY */
#why{position:relative;z-index:10;background:var(--bg2);padding:8rem 3rem;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
#why::after{content:'WHY';position:absolute;bottom:-4rem;right:-1rem;font-family:'Bebas Neue',sans-serif;font-size:18rem;line-height:1;color:rgba(255,255,255,.02);pointer-events:none;}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center;}
.why-left .eline{background:var(--neon2);box-shadow:0 0 8px var(--glow2);}
.why-left .etext{color:var(--neon2);}
.why-left .stitle{color:#fff;margin-bottom:1.5rem;}
.why-left .stitle .ol{-webkit-text-stroke:2px rgba(255,255,255,.15);}
.wdesc{color:var(--muted);font-size:.95rem;line-height:1.8;margin-bottom:2.5rem;}
.wlist{list-style:none;display:flex;flex-direction:column;gap:1rem;}
.wlist li{display:flex;align-items:flex-start;gap:1rem;color:var(--text);font-size:.92rem;line-height:1.5;}
.wico{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border-radius:6px;}
.why-right-col{display:flex;flex-direction:column;gap:2rem;}
.why-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.wcard{padding:2.5rem 2rem;text-align:center;border-radius:2px;transition:transform .3s,box-shadow .3s;background:var(--bg3);border:1px solid var(--border);}
.wcard:hover{transform:translateY(-8px);}
.wc1:hover{border-color:var(--neon);box-shadow:0 0 30px var(--glow1);}
.wc2:hover{border-color:var(--neon4);box-shadow:0 0 30px rgba(0,184,255,.2);}
.wc3:hover{border-color:var(--neon2);box-shadow:0 0 30px var(--glow2);}
.wc4:hover{border-color:var(--neon3);box-shadow:0 0 30px var(--glow3);}
.wnum{font-family:'Bebas Neue',sans-serif;font-size:4.5rem;line-height:1;display:block;}
.wc1 .wnum{color:var(--neon);text-shadow:0 0 20px var(--glow1);}
.wc2 .wnum{color:var(--neon4);text-shadow:0 0 20px rgba(0,184,255,.4);}
.wc3 .wnum{color:var(--neon2);text-shadow:0 0 20px var(--glow2);}
.wc4 .wnum{color:var(--neon3);text-shadow:0 0 20px var(--glow3);}
.wlab{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-top:.4rem;color:var(--muted);}

/* TESTIMONIALS SLIDESHOW */
.t-slider{position:relative;overflow:hidden;max-width:420px;}
.t-track{display:flex;transition:transform 1.2s cubic-bezier(.4,0,.2,1);}
.t-slide{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;min-width:100%;padding:0 2px;align-items:stretch;}
.tcard{background:var(--bg3);border:1px solid var(--border);padding:.75rem .9rem;border-radius:0;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:1/1;position:relative;overflow:hidden;}
.tcard::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon),var(--neon2));opacity:0;transition:opacity .3s;}
.tcard:hover{border-color:rgba(0,255,209,.25);transform:translateY(-3px);box-shadow:0 6px 24px rgba(0,255,209,.08);}
.tcard:hover::before{opacity:1;}
.tquote{font-size:.67rem;line-height:1.5;color:var(--text);font-style:italic;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.tquote::before{content:'\201C';font-family:'Bebas Neue',sans-serif;color:var(--neon);font-size:1.2rem;font-style:normal;line-height:1;display:block;margin-bottom:.1rem;opacity:.5;}
.tauthor{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border);}
.tavatar{width:22px;height:22px;border-radius:0;background:rgba(0,255,209,.08);border:1px solid rgba(0,255,209,.35);display:flex;align-items:center;justify-content:center;font-family:"Bebas Neue",sans-serif;font-size:.55rem;color:var(--neon);flex-shrink:0;}
.tauthor div{display:flex;flex-direction:column;}
.tauthor strong{font-size:.67rem;color:#fff;}
.tauthor span{font-size:.57rem;color:var(--muted);}
.trating{display:flex;gap:2px;margin-bottom:.35rem;}
.tstar{font-size:.58rem;}
.t-dots{display:flex;gap:.4rem;justify-content:center;margin-top:1rem;flex-wrap:wrap;}
.t-dot{width:16px;height:2px;background:var(--border);border:none;cursor:pointer;transition:background .3s,width .3s;padding:0;}
.t-dot.on{background:var(--neon);width:22px;box-shadow:0 0 6px var(--glow1);}
@media(max-width:900px){.t-slide{grid-template-columns:1fr 1fr;}.tcard{aspect-ratio:auto;min-height:160px;}}

/* COMPARISON */
.comp-wrap{margin-top:6rem;padding-top:4rem;border-top:1px solid var(--border);}
.comp-table{background:var(--bg2);border:1px solid var(--border);overflow:hidden;}
.ct-head{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr;background:var(--bg3);padding:1rem 1.5rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);}
.ct-us{color:var(--neon)!important;}
.ct-row{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr;padding:.9rem 1.5rem;border-bottom:1px solid var(--border);font-size:.85rem;align-items:center;transition:background .2s;}
.ct-row:last-child{border-bottom:none;}
.ct-row:hover{background:rgba(255,255,255,.02);}
.ct-row span:first-child{color:var(--text);}
.yes{color:var(--neon);font-weight:700;font-size:.8rem;}
.no{color:var(--muted);font-size:.8rem;}
.maybe{color:var(--neon5);font-size:.8rem;}

/* PROCESS */
#proces{position:relative;z-index:10;padding:8rem 3rem;background:var(--bg);}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:4rem;border:1px solid var(--border);}
.sbox{padding:3rem 2rem;border-right:1px solid var(--border);position:relative;transition:background .3s;background:var(--bg);}
.sbox:last-child{border-right:none;}
.sbox:hover{background:var(--bg2);}
.sbox:hover .sbig{opacity:.04;}
.sbox:hover .scirc{box-shadow:0 0 20px var(--glow1);}
.sbig{position:absolute;top:1rem;right:1.5rem;font-family:'Bebas Neue',sans-serif;font-size:7rem;line-height:1;opacity:.03;pointer-events:none;transition:opacity .3s;color:#fff;}
.scirc{width:50px;height:50px;border-radius:50%;background:transparent;border:2px solid var(--neon);display:flex;align-items:center;justify-content:center;font-family:'Bebas Neue',sans-serif;font-size:1.3rem;color:var(--neon);margin-bottom:1.5rem;transition:box-shadow .3s;}
.sbox h4{font-family:'Bebas Neue',sans-serif;font-size:1.7rem;letter-spacing:.04em;margin-bottom:.8rem;color:#fff;}
.sbox p{font-size:.85rem;line-height:1.7;color:var(--muted);}
.step-sub{list-style:none;margin-top:1rem;display:flex;flex-direction:column;gap:.45rem;}
.step-sub li{font-size:.78rem;color:var(--muted);padding-left:1.1rem;position:relative;}
.step-sub li::before{content:"·";position:absolute;left:0;color:var(--neon);}
.step-time{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.2rem;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--neon);background:rgba(0,255,209,.06);border:1px solid rgba(0,255,209,.15);padding:.3rem .8rem;}

/* BUSINESS PACKAGES */
.biz-packages-wrap{margin-top:6rem;padding-top:4rem;border-top:1px solid var(--border);}
.biz-packages{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);margin-top:2rem;}
.bpkg{padding:2.5rem;background:var(--bg2);position:relative;transition:background .3s,transform .3s;}
.bpkg:hover{background:var(--bg3);transform:translateY(-3px);}
.bpkg-a{border-top:3px solid var(--neon4);}
.bpkg-b{border-top:3px solid var(--neon3);}
.bpkg-c{border-top:3px solid var(--neon2);}
.bpkg-d{border-top:3px solid var(--neon5);}
.bpkg-ico{font-size:2.5rem;margin-bottom:1rem;display:block;}
.bpkg-name{font-family:"Bebas Neue",sans-serif;font-size:1.8rem;letter-spacing:.05em;color:#fff;margin-bottom:.3rem;}
.bpkg-a .bpkg-name{color:var(--neon4);}
.bpkg-b .bpkg-name{color:var(--neon3);}
.bpkg-c .bpkg-name{color:var(--neon2);}
.bpkg-d .bpkg-name{color:var(--neon5);}
.bpkg-subtitle{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.8rem;}
.bpkg-desc{font-size:.85rem;line-height:1.6;color:var(--muted);margin-bottom:1.5rem;border-bottom:1px solid var(--border);padding-bottom:1.2rem;}
.bpkg-list{list-style:none;display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.8rem;}
.bpkg-list li{font-size:.83rem;color:var(--text);line-height:1.5;padding-left:1.4rem;position:relative;}
.bpkg-list li::before{content:"→";position:absolute;left:0;font-weight:700;}
.bpkg-a .bpkg-list li::before{color:var(--neon4);}
.bpkg-b .bpkg-list li::before{color:var(--neon3);}
.bpkg-c .bpkg-list li::before{color:var(--neon2);}
.bpkg-d .bpkg-list li::before{color:var(--neon5);}
.bpkg-list li strong{color:#fff;}
.bpkg-btn{width:100%;background:transparent;color:var(--text);padding:.85rem;font-family:'Figtree',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);cursor:none;transition:all .25s;}
.bpkg-a .bpkg-btn:hover{border-color:var(--neon4);color:var(--neon4);box-shadow:0 0 20px rgba(0,184,255,.2);}
.bpkg-b .bpkg-btn:hover{border-color:var(--neon3);color:var(--neon3);box-shadow:0 0 20px var(--glow3);}
.bpkg-c .bpkg-btn:hover{border-color:var(--neon2);color:var(--neon2);box-shadow:0 0 20px var(--glow2);}
.bpkg-d .bpkg-btn:hover{border-color:var(--neon5);color:var(--neon5);box-shadow:0 0 20px rgba(255,224,51,.2);}

/* SLA STRIP */
.sla-strip{margin-top:2rem;background:linear-gradient(135deg,rgba(0,255,209,.06),rgba(191,95,255,.06));border:1px solid rgba(0,255,209,.15);padding:2rem 2.5rem;display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center;}
.sla-ico{font-size:2.5rem;}
.sla-right h4{font-family:"Bebas Neue",sans-serif;font-size:1.6rem;letter-spacing:.05em;color:var(--neon);margin-bottom:.3rem;}
.sla-right p{font-size:.85rem;color:var(--muted);line-height:1.6;}
.sla-items{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;}
.sla-item{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .9rem;border:1px solid rgba(0,255,209,.2);color:var(--neon);background:rgba(0,255,209,.05);border-radius:100px;}
.pkg-note{text-align:center;font-size:.78rem;color:var(--muted);margin-top:1.5rem;}

/* CONTACT */
#contact{position:relative;z-index:10;padding:8rem 3rem;background:var(--bg2);overflow:hidden;border-top:1px solid var(--border);}
#contact::before{content:'CONTACT';position:absolute;top:-3rem;left:-1rem;font-family:'Bebas Neue',sans-serif;font-size:16rem;line-height:1;color:rgba(255,255,255,.02);pointer-events:none;white-space:nowrap;}
#contact::after{content:'';position:absolute;top:20%;left:25%;width:500px;height:300px;background:radial-gradient(ellipse,rgba(0,255,209,.06) 0%,transparent 70%);pointer-events:none;}
.cnt-inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start;position:relative;z-index:1;}
.cnt-left .eline{background:var(--neon);box-shadow:0 0 8px var(--glow1);}
.cnt-left .etext{color:var(--neon);}
.cnt-left h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,5vw,5rem);line-height:1;letter-spacing:.02em;color:#fff;margin-bottom:1.5rem;}
.cnt-left p{color:var(--muted);font-size:1rem;line-height:1.7;}
.cinfo{margin-top:3rem;display:flex;flex-direction:column;gap:1.2rem;}
.ci{display:flex;align-items:center;gap:1rem;color:var(--text);font-weight:500;font-size:.93rem;}
.ci div{display:flex;flex-direction:column;}
.ci div strong{font-size:.82rem;color:#fff;}
.ci div span{font-size:.78rem;color:var(--muted);margin-top:.1rem;}
.cico{width:46px;height:46px;background:rgba(0,255,209,.06);border:1px solid rgba(0,255,209,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
.cform{background:var(--bg3);padding:3rem;border:1px solid var(--border);}
.ftitle{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.04em;margin-bottom:2rem;color:#fff;}
.fg{margin-bottom:1.2rem;}
.fr2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
label{display:block;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;}
input,textarea,select{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--text);font-family:'Figtree',sans-serif;font-size:.9rem;padding:.85rem 1rem;outline:none;transition:border-color .25s,box-shadow .25s;border-radius:0;cursor:none;}
input:focus,textarea:focus,select:focus{border-color:var(--neon);box-shadow:0 0 12px var(--glow1);}
input::placeholder,textarea::placeholder{color:var(--muted);}
textarea{height:110px;resize:none;}
select{cursor:none;color:var(--text);}
select option{background:var(--bg3);color:var(--text);}
.fsub{width:100%;background:var(--neon);color:var(--bg);padding:1.1rem;font-family:'Figtree',sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase;border:none;cursor:none;transition:box-shadow .25s,transform .2s;margin-top:.5rem;}
.fsub:hover{box-shadow:0 0 30px var(--glow1),0 0 60px var(--glow1);transform:translateY(-2px);}

/* FAQ */
.faq-wrap{margin-top:2.5rem;}
.faq-title{font-family:"Bebas Neue",sans-serif;font-size:1.4rem;letter-spacing:.04em;color:#fff;margin-bottom:1rem;}
.faq-item{border-bottom:1px solid var(--border);cursor:none;}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;font-size:.88rem;font-weight:600;color:var(--text);transition:color .2s;}
.faq-item:hover .faq-q{color:var(--neon);}
.faq-arr{color:var(--neon);transition:transform .3s;flex-shrink:0;}
.faq-item.open .faq-arr{transform:rotate(180deg);}
.faq-a{font-size:.82rem;line-height:1.7;color:var(--muted);max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;}
.faq-item.open .faq-a{max-height:200px;padding-bottom:.9rem;}

footer{position:relative;z-index:10;background:var(--bg);padding:2.5rem 3rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);flex-wrap:wrap;gap:1.5rem;}
.flogo{font-family:'Bebas Neue',sans-serif;font-size:1.8rem;color:#fff;letter-spacing:.04em;}
.flogo .nx{color:var(--neon);text-shadow:0 0 12px var(--glow1);}
.flinks{display:flex;gap:2rem;list-style:none;}
.flinks a{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;}
.flinks a:hover{color:var(--neon);}
.fcopy{font-size:.7rem;color:var(--muted);letter-spacing:.05em;}

/* REVEAL */
.rev{opacity:0;transform:translateY(50px);transition:opacity .7s ease,transform .7s ease;}
.rev.in{opacity:1;transform:translateY(0);}
.revl{opacity:0;transform:translateX(-50px);transition:opacity .8s ease,transform .8s ease;}
.revl.in{opacity:1;transform:translateX(0);}
.revr{opacity:0;transform:translateX(50px);transition:opacity .8s ease,transform .8s ease;}
.revr.in{opacity:1;transform:translateX(0);}

@keyframes popIn{from{opacity:0;transform:scale(.8) translateY(10px);}to{opacity:1;transform:scale(1) translateY(0);}}
@keyframes slideRight{from{opacity:0;transform:translateX(-40px);}to{opacity:1;transform:translateX(0);}}
@keyframes pulseBadge{0%,100%{box-shadow:0 0 0 16px rgba(0,255,209,.06),0 0 0 32px rgba(0,255,209,.02),0 0 40px var(--glow1);}50%{box-shadow:0 0 0 24px rgba(0,255,209,.04),0 0 0 48px rgba(0,255,209,.01),0 0 60px var(--glow1);}}
@keyframes floatUD{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-14px);}}
@keyframes floatLR{0%,100%{transform:translateY(-50%) translateX(0);}50%{transform:translateY(-50%) translateX(-14px);}}
@keyframes bounceD{0%,100%{transform:translateY(0);}50%{transform:translateY(8px);}}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* SCROLL PROGRESS BAR */
#scroll-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--neon),var(--neon4),var(--neon2));z-index:9999;box-shadow:0 0 10px var(--neon),0 0 20px var(--glow1);transition:width .05s linear;}

/* ACTIVE NAV */
nav a.nav-active{color:var(--neon)!important;text-shadow:0 0 10px var(--glow1);}
nav a.nav-active::after{content:'';display:block;height:2px;background:var(--neon);margin-top:3px;border-radius:1px;box-shadow:0 0 6px var(--neon);}

/* ORBIT RINGS */
.orbit-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;}
.orbit-ring{fill:none;stroke-width:1;animation:orbitSpin linear infinite;}
.orbit-ring-1{stroke:rgba(0,255,209,.15);animation-duration:18s;}
.orbit-ring-2{stroke:rgba(0,184,255,.1);animation-duration:28s;animation-direction:reverse;}
.orbit-ring-3{stroke:rgba(191,95,255,.08);animation-duration:40s;}
@keyframes orbitSpin{from{transform:rotate(0deg) rotateX(72deg);}to{transform:rotate(360deg) rotateX(72deg);}}

/* ORBIT RING WRAPPER — perspective */
.orbit-rings-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;height:380px;pointer-events:none;}
.orbit-ring-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.ring-path{fill:none;stroke-width:1;}
.ring-1{stroke:rgba(0,255,209,.2);}
.ring-2{stroke:rgba(0,184,255,.12);}
.ring-3{stroke:rgba(191,95,255,.07);}

/* HAMBURGER */
.ham-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:transparent;border:1px solid var(--border);cursor:pointer;padding:8px;transition:border-color .2s;}
.ham-btn:hover{border-color:var(--neon);}
.ham-line{width:100%;height:2px;background:var(--text);border-radius:2px;transition:all .3s;}
.ham-btn.open .ham-line:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--neon);}
.ham-btn.open .ham-line:nth-child(2){opacity:0;transform:scaleX(0);}
.ham-btn.open .ham-line:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--neon);}

.mob-menu{display:none;position:fixed;inset:0;top:65px;background:rgba(7,9,15,0.97);backdrop-filter:blur(24px);z-index:150;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;border-top:1px solid var(--border);}
.mob-menu.open{display:flex;}
.mob-menu a{font-family:'Bebas Neue',sans-serif;font-size:3rem;letter-spacing:.06em;color:var(--text);text-decoration:none;transition:color .2s,text-shadow .2s;}
.mob-menu a:hover{color:var(--neon);text-shadow:0 0 30px var(--glow1);}
.mob-cta{margin-top:1rem;background:var(--neon);color:var(--bg)!important;padding:1rem 3rem;font-size:1.2rem!important;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));}
.mob-cta:hover{color:var(--bg)!important;box-shadow:0 0 30px var(--glow1);}

/* STAR RATINGS */
.trating{display:flex;gap:3px;margin-bottom:.8rem;}
.tstar{color:var(--neon5);font-size:.9rem;text-shadow:0 0 6px rgba(255,224,51,.4);}

/* FORM ENHANCED FOCUS */
input:focus,textarea:focus,select:focus{border-color:var(--neon);box-shadow:0 0 0 3px rgba(0,255,209,.08),0 0 16px var(--glow1);}

/* GLASSMORPHISM CARDS */
.wcard{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(17,20,34,0.7)!important;}
.tcard{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:rgba(17,20,34,0.6)!important;}

@media(max-width:900px){
  nav{padding:1rem 1.5rem;}
  nav ul,.nav-btn{display:none;}
  .ham-btn{display:flex;}
  #hero{grid-template-columns:1fr;padding:6rem 1.5rem 3rem;}
  #hero::before{display:none;}
  .hero-right{display:none;}
  #servicii,#why,#proces,#contact{padding:5rem 1.5rem;}
  .bento{grid-template-columns:1fr;}
  .sc-1,.sc-2,.sc-3,.sc-4{grid-column:1;grid-row:auto;}
  .why-grid,.cnt-inner{grid-template-columns:1fr;gap:3rem;}
  .why-stats{grid-template-columns:1fr 1fr;}
  .steps{grid-template-columns:1fr 1fr;}
  .sbox{border-bottom:1px solid var(--border);}
  .biz-packages{grid-template-columns:1fr;}
  .sla-strip{grid-template-columns:1fr;}
  footer{flex-direction:column;align-items:flex-start;}
  body{cursor:auto;}
  #cur{display:none;}
}

/* ===== Added shared page system ===== */
body.menu-open{overflow:hidden;}
a,button{cursor:none;}
main{position:relative;z-index:10;}
.container{max-width:1240px;margin:0 auto;}
.page-shell{padding:7rem 3rem 3rem;background:var(--bg);position:relative;z-index:10;}
.inner-hero{padding:3rem 0 4rem;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end;}
.inner-tag{display:inline-flex;align-items:center;gap:.6rem;background:rgba(0,255,209,.08);color:var(--neon);border:1px solid rgba(0,255,209,.2);font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;padding:.5rem 1rem;margin-bottom:1.25rem;}
.inner-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3.6rem,7vw,7rem);line-height:.95;color:#fff;letter-spacing:.02em;}
.inner-title .ol{-webkit-text-stroke:2px rgba(255,255,255,.2);color:transparent;display:block;}
.inner-desc{max-width:640px;margin-top:1rem;color:var(--muted);font-size:.95rem;line-height:1.6;}
.hero-panel,.page-panel,.stat-panel,.mini-card,.contact-card,.faq-card,.article-card,.step-card,.quote-card,.table-wrap,.checklist-card,.cta-band{background:rgba(17,20,34,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);}
.hero-panel{padding:1.4rem;display:grid;gap:1rem;}
.panel-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border);}
.panel-top strong{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;}
.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border:1px solid rgba(0,255,209,.18);color:var(--neon);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;background:rgba(0,255,209,.05);}
.panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.panel-metric{padding:1rem;background:rgba(255,255,255,.02);border:1px solid var(--border);}
.panel-metric strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:2rem;color:#fff;line-height:1;margin-bottom:.4rem;}
.panel-metric span{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;}
.page-section{padding:0 3rem 6rem;position:relative;z-index:10;background:var(--bg);}
.page-section.alt{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}
.mini-card,.quote-card,.article-card,.step-card,.stat-panel,.contact-card,.checklist-card{padding:1.3rem;transition:transform .25s,box-shadow .25s,border-color .25s;}
.mini-card:hover,.quote-card:hover,.article-card:hover,.step-card:hover,.stat-panel:hover,.contact-card:hover,.checklist-card:hover{transform:translateY(-4px);border-color:rgba(0,255,209,.22);box-shadow:0 0 24px rgba(0,255,209,.08);}
.mini-card h3,.article-card h3,.checklist-card h3{font-family:'Bebas Neue',sans-serif;font-size:1.72rem;letter-spacing:.04em;color:#fff;margin-bottom:.55rem;}
.mini-card p,.article-card p,.step-card p,.quote-card p,.contact-card p,.checklist-card p{font-size:.86rem;line-height:1.55;color:var(--muted);}
.icon-box{width:54px;height:54px;border:1px solid rgba(0,255,209,.2);background:rgba(0,255,209,.07);display:flex;align-items:center;justify-content:center;font-size:1.45rem;margin-bottom:1rem;}
.card-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:.85rem;color:var(--neon);text-decoration:none;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.card-link:hover{color:#fff;}
.check-list,.bullet-list,.faq-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;}
.check-list li,.bullet-list li{color:var(--text);font-size:.82rem;line-height:1.45;padding-left:1.2rem;position:relative;}
.check-list li::before,.bullet-list li::before{position:absolute;left:0;color:var(--neon);font-weight:700;}
.check-list li::before{content:'✓';}
.bullet-list li::before{content:'→';}
.stat-panel strong{display:block;font-family:'Bebas Neue',sans-serif;font-size:3.2rem;line-height:1;color:var(--neon);margin-bottom:.35rem;}
.stat-panel span{color:var(--muted);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);}
.price-card{background:var(--bg2);padding:2rem;border-top:3px solid var(--neon);transition:transform .25s,background .25s;}
.price-card:hover{transform:translateY(-4px);background:var(--bg3);}
.price-card:nth-child(2){border-top-color:var(--neon4);}
.price-card:nth-child(3){border-top-color:var(--neon2);}
.price-card:nth-child(4){border-top-color:var(--neon3);}
.price-card .small{font-size:.72rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-weight:700;}
.price-card h3{font-family:'Bebas Neue',sans-serif;font-size:1.9rem;color:#fff;letter-spacing:.05em;margin:.55rem 0;}
.price-card .price{font-family:'Bebas Neue',sans-serif;font-size:3.1rem;line-height:1;color:#fff;margin-bottom:1rem;}
.price-card .price span{font-size:1rem;color:var(--muted);}
.price-card ul{list-style:none;display:flex;flex-direction:column;gap:.7rem;margin:1.25rem 0;}
.price-card li{font-size:.86rem;color:var(--text);line-height:1.55;padding-left:1.2rem;position:relative;}
.price-card li::before{content:'•';position:absolute;left:0;color:var(--neon);}
.price-card a{margin-top:auto;display:inline-flex;align-items:center;gap:.5rem;color:var(--neon);text-decoration:none;font-weight:700;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;}
.table-wrap{overflow:auto;}
.data-table{width:100%;border-collapse:collapse;min-width:720px;}
.data-table th,.data-table td{padding:1rem 1.1rem;text-align:left;border-bottom:1px solid var(--border);font-size:.86rem;}
.data-table th{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.02);}
.data-table td{color:var(--text);}
.data-table tr:last-child td{border-bottom:none;}
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.quote-card{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;}
.quote-card .stars{color:var(--neon5);letter-spacing:.2em;font-size:.9rem;}
.quote-card strong{display:block;color:#fff;font-size:.92rem;}
.quote-card span{color:var(--muted);font-size:.75rem;}
.cta-band{padding:2rem 2.2rem;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;}
.cta-band h3{font-family:'Bebas Neue',sans-serif;font-size:2rem;letter-spacing:.04em;color:#fff;}
.cta-band p{color:var(--muted);font-size:.92rem;line-height:1.7;}
.section-stack{display:flex;flex-direction:column;gap:1.5rem;}
.page-form{display:grid;gap:1rem;}
.page-form .fr2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.page-form textarea{min-height:150px;}
.kicker-row{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem;}
.kicker{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--neon);padding:.38rem .82rem;border:1px solid rgba(0,255,209,.18);background:rgba(0,255,209,.05);border-radius:999px;}
.breadcrumbs{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;color:var(--muted);}
.breadcrumbs a{color:var(--muted);text-decoration:none;}
.breadcrumbs a:hover{color:var(--neon);}
.faq-card .faq-item{border-bottom:1px solid var(--border);}
.faq-card .faq-item:last-child{border-bottom:none;}
.feature-slab{padding:2rem;border:1px solid var(--border);background:rgba(255,255,255,.02);}
.feature-slab h3{font-family:'Bebas Neue',sans-serif;font-size:2rem;color:#fff;letter-spacing:.04em;margin-bottom:.75rem;}
.feature-slab p{color:var(--muted);font-size:.92rem;line-height:1.7;}
.foot-cta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.2rem;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
.badge-cloud{position:absolute;inset:auto 2rem 2rem auto;padding:.5rem .9rem;border:1px solid rgba(191,95,255,.25);background:rgba(191,95,255,.08);color:var(--neon2);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;}
.page-accent-1{border-top:2px solid var(--neon);}
.page-accent-2{border-top:2px solid var(--neon4);}
.page-accent-3{border-top:2px solid var(--neon2);}
.page-accent-4{border-top:2px solid var(--neon3);}
.page-accent-5{border-top:2px solid var(--neon5);}

@media(max-width:1100px){
  .inner-hero,.contact-grid,.grid-4,.pricing-grid,.quote-grid{grid-template-columns:1fr 1fr;}
  .grid-3{grid-template-columns:1fr 1fr;}
  .cta-band{grid-template-columns:1fr;}
}
@media(max-width:900px){
  .page-shell,.page-section{padding-left:1.5rem;padding-right:1.5rem;}
  .inner-hero,.grid-2,.grid-3,.grid-4,.contact-grid,.pricing-grid,.quote-grid,.page-form .fr2,.panel-grid{grid-template-columns:1fr;}
  .hero-panel{order:2;}
  .inner-title{font-size:clamp(3rem,14vw,5.5rem);}
  a,button,input,textarea,select{cursor:auto;}
}



/* compact service cards + svg visuals */
.compact-card,
.compact-service-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:.85rem;
  min-height:420px;
  padding:1.35rem;
}
.compact-card > :not(.service-visual):not(.service-media),
.compact-service-card > :not(.service-visual):not(.service-media){
  position:relative;
  z-index:2;
}
.compact-card .sc-bg,
.compact-service-card .sc-bg{
  z-index:3;
  top:.8rem;
  right:1rem;
  font-size:4.5rem;
}
.compact-card .service-visual,
.compact-service-card .service-visual{
  position:relative;
  inset:auto;
  z-index:1;
  height:172px;
  flex:0 0 auto;
  width:100%;
  overflow:hidden;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 14px 30px rgba(0,0,0,.22);
}
.compact-card .service-visual::before,
.compact-service-card .service-visual::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%,rgba(0,0,0,.10));
  pointer-events:none;
  z-index:2;
}
.compact-card .service-visual::after,
.compact-service-card .service-visual::after{
  content:'';
  position:absolute;
  left:12%;
  right:12%;
  bottom:-18px;
  height:50px;
  background:radial-gradient(circle at center, rgba(0,255,209,.12), transparent 70%);
  filter:blur(12px);
  pointer-events:none;
  z-index:1;
}
.compact-card .service-visual svg,
.compact-service-card .service-visual svg{
  width:100%;
  height:100%;
  display:block;
  transform:scale(1.005);
  transition:transform .45s ease, filter .45s ease;
}
.compact-card:hover .service-visual svg,
.compact-service-card:hover .service-visual svg{
  transform:scale(1.03);
  filter:saturate(1.06) brightness(1.02);
}
.compact-card h3,
.compact-service-card h3{
  font-size:1.55rem;
  line-height:1;
  margin-bottom:.1rem;
  padding-right:4.1rem;
}
.compact-card p,
.compact-service-card p{
  max-width:none;
  min-height:3.35em;
  font-size:.88rem;
  line-height:1.55;
}
.compact-list{
  display:flex;
  flex-direction:column;
  gap:.4rem;
  margin:.15rem 0;
}
.compact-list li{
  font-size:.76rem;
  line-height:1.38;
}
.compact-bullets{
  gap:.45rem;
  margin-top:.75rem !important;
}
.compact-card .sc-tags,
.compact-service-card .sc-tags{
  margin-top:.2rem;
}
.compact-card .sc-tag,
.compact-service-card .sc-tag{
  font-size:.58rem;
}
.card-link{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-top:auto;
  padding-top:.35rem;
  color:var(--neon);
  text-decoration:none;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.card-link:hover{
  color:#fff;
}
.network-visual{background:radial-gradient(circle at 50% 110%, rgba(0,255,209,.08), transparent 50%);}
.security-visual{background:radial-gradient(circle at 50% 110%, rgba(255,45,120,.08), transparent 52%);}
.cloud-visual{background:radial-gradient(circle at 50% 110%, rgba(191,95,255,.08), transparent 52%);}
.assistant-visual{background:radial-gradient(circle at 50% 110%, rgba(255,45,120,.06), transparent 52%);}
.home-visual{background:radial-gradient(circle at 50% 110%, rgba(0,184,255,.08), transparent 52%);}
.rack-visual{background:radial-gradient(circle at 50% 110%, rgba(255,224,51,.08), transparent 54%);}
.support-visual{background:radial-gradient(circle at 50% 110%, rgba(0,255,209,.07), transparent 54%);}

/* production polish */
body{
  cursor:auto;
}
body.menu-open{
  overflow:hidden;
}
#cur{
  display:none !important;
}
a,
button,
[role="button"],
.card-link,
.faq-item,
.pcard,
.sc,
.compact-card,
.compact-service-card,
.wcard,
.sbox,
.bpkg,
.tcard,
.mini-card,
.price-card,
.quote-card,
.article-card,
.step-card,
.contact-card,
.checklist-card,
.flt{
  cursor:pointer;
}
input,
textarea{
  cursor:text;
}
select{
  cursor:pointer;
}
input,
textarea,
select{
  border-radius:8px;
}
.page-form input[type="checkbox"]{
  accent-color: var(--neon);
}
.page-form .fsub{
  border-radius:10px;
}
.hero-panel,
.contact-card,
.checklist-card,
.step-card,
.article-card,
.price-card,
.quote-card,
.stat-panel,
.table-wrap,
.faq-card{
  border-radius:12px;
}
footer .fcopy{
  opacity:.9;
}
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}
@media(max-width:900px){
  .page-shell,
  .page-section{
    padding-left:1.5rem;
    padding-right:1.5rem;
  }
  .inner-hero,
  .grid-2,
  .grid-3,
  .grid-4,
  .contact-grid,
  .pricing-grid,
  .quote-grid,
  .page-form .fr2,
  .panel-grid{
    grid-template-columns:1fr;
  }
  .hero-panel{
    order:2;
  }
  .inner-title{
    font-size:clamp(3rem,14vw,5.5rem);
  }
  .compact-card,
  .compact-service-card{
    min-height:auto;
    padding:1.15rem;
  }
  .compact-card .service-visual,
  .compact-service-card .service-visual{
    height:146px;
  }
  .compact-card p,
  .compact-service-card p{
    max-width:100%;
    min-height:0;
  }
}

/* ===== responsive device system ===== */
:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --page-x: clamp(1rem, 2.4vw, 3rem);
  --section-y: clamp(3.5rem, 7vw, 8rem);
  --card-gap: clamp(1rem, 1.8vw, 1.5rem);
  --hero-title-size: clamp(3.25rem, 7vw, 8.5rem);
  --hero-right-size: clamp(300px, 32vw, 380px);
  --nav-height: 84px;
  --compact-visual-h: clamp(148px, 22vw, 180px);
}
html,body{
  min-height:100%;
}
body{
  min-height:100svh;
  min-height:calc(var(--vh, 1vh) * 100);
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  pointer-events:none;
}
nav{
  min-height:var(--nav-height);
  padding-left:max(var(--page-x), calc(var(--safe-left) + 1rem));
  padding-right:max(var(--page-x), calc(var(--safe-right) + 1rem));
}
#hero,
#servicii,
#why,
#proces,
#contact,
.page-shell,
.page-section,
footer{
  padding-left:max(var(--page-x), calc(var(--safe-left) + 1rem));
  padding-right:max(var(--page-x), calc(var(--safe-right) + 1rem));
}
#hero{
  padding-top:calc(var(--nav-height) + 1.25rem);
  gap:clamp(2rem, 4vw, 5rem);
}
.hero-left{
  max-width:min(100%, 700px);
}
h1{
  font-size:var(--hero-title-size);
}
.hero-desc{
  max-width:min(100%, 520px);
}
.hero-right{
  min-height:calc(100svh - var(--nav-height));
  min-height:calc(var(--vh, 1vh) * 100 - var(--nav-height));
}
.orbit-wrap,
.orbit-ring-svg{
  width:var(--hero-right-size) !important;
  height:var(--hero-right-size) !important;
}
.hero-scroll{
  left:max(var(--page-x), calc(var(--safe-left) + 1rem));
  bottom:max(1.5rem, calc(var(--safe-bottom) + 1rem));
}
.mq-item{
  font-size:clamp(1rem, 1.5vw, 1.4rem);
  padding:0 clamp(1rem, 1.8vw, 2rem);
}
#servicii,#why,#proces,#contact{
  padding-top:var(--section-y);
  padding-bottom:var(--section-y);
}
.bento,
.grid-2,
.grid-3,
.grid-4,
.contact-grid,
.pricing-grid,
.quote-grid,
.panel-grid,
.steps,
.biz-packages,
.why-grid,
.cnt-inner{
  gap:var(--card-gap);
}
.hero-panel,.page-panel,.stat-panel,.mini-card,.contact-card,.faq-card,.article-card,.step-card,.quote-card,.table-wrap,.checklist-card,.cta-band,.price-card,.bpkg,.sbox,.wcard,.tcard,.pcard,.cform{
  overflow:hidden;
}
.compact-card,
.compact-service-card{
  min-height:auto;
  gap:.8rem;
}
.compact-card .service-visual,
.compact-service-card .service-visual{
  height:var(--compact-visual-h);
  max-height:200px;
}
.compact-card h3,
.compact-service-card h3{
  padding-right:0;
  font-size:clamp(1.35rem, 2vw, 1.55rem);
}
.compact-card p,
.compact-service-card p{
  min-height:0;
}
.data-table{
  width:100%;
}
.table-wrap{
  -webkit-overflow-scrolling:touch;
}
.mob-menu{
  padding:1.5rem;
  padding-bottom:max(1.5rem, calc(var(--safe-bottom) + 1rem));
}
.mob-menu a{
  text-align:center;
  line-height:1;
}
body[data-input='touch'] .hero-scroll,
body[data-input='touch'] #cur,
body[data-input='touch'] .nav-btn,
body[data-input='touch'] .btn-a,
body[data-input='touch'] .btn-b,
body[data-input='touch'] .bpkg-btn,
body[data-input='touch'] .fsub{
  cursor:auto;
}
body[data-input='touch'] .service-visual svg,
body[data-input='touch'] .pcard .pimg svg{
  transform:none !important;
}
body[data-input='touch'] .mq-track{
  animation-duration:28s;
}
body[data-device='mobile']{
  --nav-height: 72px;
  --page-x: 1rem;
  --section-y: 4rem;
  --hero-title-size: clamp(2.65rem, 14vw, 4.2rem);
  --compact-visual-h: 140px;
}
body[data-device='mobile'] nav{
  backdrop-filter:blur(16px);
}
body[data-device='mobile'] .logo{
  font-size:1.65rem;
}
body[data-device='mobile'] .hero-tag,
body[data-device='mobile'] .inner-tag,
body[data-device='mobile'] .kicker,
body[data-device='mobile'] .pill{
  letter-spacing:.1em;
}
body[data-device='mobile'] #hero{
  grid-template-columns:1fr;
  min-height:auto;
  padding-top:calc(var(--nav-height) + 1rem);
  padding-bottom:2.5rem;
}
body[data-device='mobile'] #hero::before,
body[data-device='mobile'] .hero-right,
body[data-device='mobile'] #cv{
  display:none !important;
}
body[data-device='mobile'] .hero-left{
  padding:0;
}
body[data-device='mobile'] .hero-btns,
body[data-device='mobile'] .foot-cta,
body[data-device='mobile'] .cta-band,
body[data-device='mobile'] .hero-btns{
  flex-direction:column;
  align-items:stretch;
}
body[data-device='mobile'] .btn-a,
body[data-device='mobile'] .btn-b,
body[data-device='mobile'] .nav-btn,
body[data-device='mobile'] .cta-btn,
body[data-device='mobile'] .bpkg-btn,
body[data-device='mobile'] .fsub{
  width:100%;
  justify-content:center;
  text-align:center;
}
body[data-device='mobile'] .hero-scroll{
  position:static;
  margin-top:1.4rem;
}
body[data-device='mobile'] .bento,
body[data-device='mobile'] .steps,
body[data-device='mobile'] .biz-packages,
body[data-device='mobile'] .grid-2,
body[data-device='mobile'] .grid-3,
body[data-device='mobile'] .grid-4,
body[data-device='mobile'] .contact-grid,
body[data-device='mobile'] .pricing-grid,
body[data-device='mobile'] .quote-grid,
body[data-device='mobile'] .panel-grid,
body[data-device='mobile'] .why-grid,
body[data-device='mobile'] .cnt-inner,
body[data-device='mobile'] .why-stats,
body[data-device='mobile'] .page-form .fr2,
body[data-device='mobile'] .fr2{
  grid-template-columns:1fr !important;
}
body[data-device='mobile'] .sc-1,
body[data-device='mobile'] .sc-2,
body[data-device='mobile'] .sc-3,
body[data-device='mobile'] .sc-4{
  grid-column:1 !important;
}
body[data-device='mobile'] .steps{
  border:none;
}
body[data-device='mobile'] .sbox{
  border:1px solid var(--border);
}
body[data-device='mobile'] .ct-head,
body[data-device='mobile'] .ct-row{
  grid-template-columns:1.4fr .9fr .8fr .8fr;
  padding:.85rem .8rem;
}
body[data-device='mobile'] .ct-head{
  font-size:.6rem;
}
body[data-device='mobile'] .ct-row{
  font-size:.78rem;
}
body[data-device='mobile'] .price-card .price{
  font-size:2.5rem;
}
body[data-device='mobile'] .faq-q,
body[data-device='mobile'] .ci,
body[data-device='mobile'] .mini-card p,
body[data-device='mobile'] .article-card p,
body[data-device='mobile'] .contact-card p,
body[data-device='mobile'] .checklist-card p,
body[data-device='mobile'] .cnt-left p,
body[data-device='mobile'] .wdesc,
body[data-device='mobile'] .hero-desc,
body[data-device='mobile'] .inner-desc{
  font-size:.92rem;
  line-height:1.6;
}
body[data-device='mobile'] footer{
  gap:1rem;
  padding-top:2rem;
  padding-bottom:max(2rem, calc(var(--safe-bottom) + 1rem));
}
body[data-device='mobile'] .flinks{
  width:100%;
  gap:.9rem;
  flex-wrap:wrap;
}
body[data-device='tablet']{
  --nav-height: 78px;
  --page-x: clamp(1.25rem, 3vw, 2rem);
  --section-y: clamp(4.5rem, 6vw, 6rem);
  --hero-title-size: clamp(3.4rem, 7.8vw, 5.8rem);
  --compact-visual-h: 156px;
}
body[data-device='tablet'] #hero{
  grid-template-columns:1fr;
}
body[data-device='tablet'] #hero::before,
body[data-device='tablet'] .hero-right{
  display:none;
}
body[data-device='tablet'] .hero-scroll{
  position:static;
  margin-top:1.5rem;
}
body[data-device='tablet'] .grid-3,
body[data-device='tablet'] .pricing-grid,
body[data-device='tablet'] .quote-grid,
body[data-device='tablet'] .why-stats,
body[data-device='tablet'] .steps,
body[data-device='tablet'] .biz-packages{
  grid-template-columns:repeat(2, minmax(0,1fr));
}
body[data-device='tablet'] .grid-4{
  grid-template-columns:repeat(2, minmax(0,1fr));
}
body[data-device='tablet'] .sc-1,
body[data-device='tablet'] .sc-2,
body[data-device='tablet'] .sc-3,
body[data-device='tablet'] .sc-4{
  grid-column:auto;
}
body[data-device='tablet'] .inner-hero,
body[data-device='tablet'] .contact-grid,
body[data-device='tablet'] .why-grid,
body[data-device='tablet'] .cnt-inner{
  grid-template-columns:1fr;
}
body[data-device='laptop']{
  --page-x: clamp(1.5rem, 2.8vw, 2.5rem);
  --compact-visual-h: clamp(150px, 16vw, 172px);
}
body[data-device='desktop-wide']{
  --page-x: clamp(2rem, 3vw, 3.5rem);
  --hero-right-size: clamp(360px, 28vw, 430px);
  --compact-visual-h: clamp(170px, 14vw, 190px);
}
body[data-orientation='landscape'][data-device='mobile'] .mob-menu a{
  font-size:2rem;
}
body[data-orientation='landscape'][data-device='mobile'] .compact-card .service-visual,
body[data-orientation='landscape'][data-device='mobile'] .compact-service-card .service-visual{
  height:124px;
}
@media (max-width: 640px){
  .page-shell,
  .page-section,
  footer,
  #hero,
  #servicii,
  #why,
  #proces,
  #contact{
    padding-left:max(.9rem, calc(var(--safe-left) + .75rem));
    padding-right:max(.9rem, calc(var(--safe-right) + .75rem));
  }
  .inner-title,
  .stitle,
  .cnt-left h2{
    word-break:break-word;
  }
  .panel-top,
  .cinfo,
  .ci,
  .hero-btns,
  .cta-band,
  .ph-stats{
    gap:.75rem;
  }
  .service-visual,
  .compact-card .service-visual,
  .compact-service-card .service-visual{
    border-radius:8px;
  }
}