/* Exclusive Web Solutions V8 — visual facelift / realignment */
:root{--v8-bg:#04101f;--v8-card:#0a203b;--v8-cyan:#26e2d0;--v8-purple:#8b6cff;--v8-orange:#ff7a18;--v8-text:#f6fbff;--v8-muted:#91a9bf}
body{background:var(--v8-bg);color:var(--v8-text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 12% 8%,rgba(139,108,255,.13),transparent 28%),radial-gradient(circle at 90% 28%,rgba(38,226,208,.1),transparent 25%),radial-gradient(circle at 55% 90%,rgba(255,122,24,.07),transparent 30%)}
.header{background:rgba(3,14,29,.72);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px rgba(0,0,0,.15)}
.brand img{width:186px;filter:drop-shadow(0 6px 18px rgba(38,226,208,.12))}
.nav nav{gap:18px}.nav nav a{font-size:10px;letter-spacing:.02em}.nav-btn{display:inline-flex!important;align-items:center;gap:10px}.nav-btn b{font-size:14px}
.hero{min-height:900px;background:radial-gradient(circle at 72% 28%,rgba(31,126,170,.75) 0,rgba(8,52,90,.85) 28%,#04101f 68%);isolation:isolate}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(2,10,20,.9));pointer-events:none}
.hero-inner{min-height:820px;grid-template-columns:1fr 1.02fr;gap:60px}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(52px,6vw,92px);line-height:.93;text-shadow:0 15px 60px rgba(0,0,0,.25)}
.kicker{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid rgba(38,226,208,.2);border-radius:999px;background:rgba(38,226,208,.06);box-shadow:inset 0 0 30px rgba(38,226,208,.03)}
.hero-copy>p{font-size:17px;max-width:650px;color:#c4d5e4}.hero-actions{gap:14px}.btn.primary{background:linear-gradient(100deg,var(--v8-orange),#ff9c3e);box-shadow:0 18px 45px rgba(255,122,24,.25)}.btn.secondary{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);backdrop-filter:blur(12px)}
.proof{gap:10px;flex-wrap:wrap}.proof span{padding:9px 11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:999px}
.hero-art{height:650px;transform:translateY(8px)}
.scene-sun{position:absolute;width:270px;height:270px;right:15%;top:8%;border-radius:50%;background:radial-gradient(circle,#63f4e5 0,rgba(38,226,208,.22) 34%,transparent 70%);filter:blur(2px);opacity:.9}
.scene-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;transform:perspective(700px) rotateX(58deg) translateY(170px) scale(1.25);transform-origin:center bottom;opacity:.45;mask-image:linear-gradient(to top,black,transparent 78%)}
.cityscape{position:absolute;left:-3%;right:-3%;bottom:0;height:44%;display:flex;align-items:flex-end;gap:7px;opacity:.8;filter:drop-shadow(0 -12px 28px rgba(0,0,0,.2))}.cityscape i{display:block;flex:1;height:var(--h);min-width:18px;background:linear-gradient(180deg,rgba(17,54,85,.95),rgba(4,17,32,.98));border:1px solid rgba(255,255,255,.04);position:relative}.cityscape i:before{content:"";position:absolute;inset:12px 7px;background:repeating-linear-gradient(to bottom,rgba(38,226,208,.5) 0 2px,transparent 2px 13px);opacity:.35}
.command-card{position:relative;z-index:4;width:540px;border-radius:28px;background:linear-gradient(145deg,rgba(4,17,34,.92),rgba(7,35,61,.82));border-color:rgba(255,255,255,.18);box-shadow:0 45px 110px rgba(0,0,0,.45),0 0 80px rgba(38,226,208,.07)}
.command-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.07),transparent 25%,transparent 70%,rgba(38,226,208,.05));pointer-events:none}.cmd-body{padding:34px}.mini-dashboard{background:linear-gradient(160deg,#0c3151,#09233f)}
.float-chip{z-index:5;border-radius:16px;background:rgba(5,19,37,.72);border-color:rgba(255,255,255,.15);box-shadow:0 20px 50px rgba(0,0,0,.25)}.c1{left:5%;top:15%}.c2{right:2%;top:21%}.c3{right:4%;bottom:22%}.c4{left:4%;bottom:18%}
.signal-core{z-index:6;bottom:7%;background:radial-gradient(circle,#165176 0 20%,transparent 21%);box-shadow:0 0 50px rgba(38,226,208,.08)}
.marquee{background:linear-gradient(90deg,#ff6b0a,#ff8d2a,#ff6b0a);box-shadow:0 12px 40px rgba(255,122,24,.18)}
.stats-strip{background:linear-gradient(100deg,rgba(38,226,208,.08),rgba(139,108,255,.1),rgba(255,122,24,.08));padding:24px 0}.stats-grid{gap:0;border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden}.stats-grid>div{background:rgba(255,255,255,.025);border-right:1px solid rgba(255,255,255,.07)}.stats-grid>div:last-child{border-right:0}.stats-grid strong{color:#fff}
.section{padding:130px 0}.section-top h2{font-size:clamp(42px,5vw,70px);color:#fff}.section-top p{color:#9bb0c3;font-size:14px}.services{gap:18px}.service{min-height:310px;background:linear-gradient(145deg,#fff,#f6fbff);border:1px solid rgba(6,23,46,.08);border-radius:26px;padding:28px;box-shadow:0 14px 40px rgba(0,0,0,.08)}.service:before{opacity:0}.service:hover{transform:translateY(-10px) scale(1.01);box-shadow:0 30px 70px rgba(0,0,0,.22)}.service-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,#e9fffb,#dcf5ff);box-shadow:0 12px 25px rgba(25,195,177,.12)}.service-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service h3{font-size:23px;margin-top:48px}.service p{font-size:12px}.service.featured{background:linear-gradient(145deg,#081a33,#0a4b69 70%,#075f70);box-shadow:0 28px 70px rgba(3,18,35,.3)}
.work-section{background:linear-gradient(180deg,#06172b 0,#04101f 100%);position:relative}.work-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(139,108,255,.09),transparent 25%),radial-gradient(circle at 85% 55%,rgba(38,226,208,.08),transparent 25%);pointer-events:none}.work-section .container{position:relative;z-index:2}.portfolio-intro{background:linear-gradient(100deg,rgba(38,226,208,.1),rgba(139,108,255,.08),rgba(255,122,24,.08));border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px 22px;box-shadow:inset 0 0 40px rgba(255,255,255,.02)}.filters button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#b9c9d7;border-radius:999px;padding:10px 15px}.filters button.active,.filters button:hover{background:linear-gradient(100deg,var(--v8-orange),#ff9b42);color:#fff;border-color:transparent;box-shadow:0 10px 30px rgba(255,122,24,.2)}
.projects-slider{padding:0 0 5px}.project-viewport{border-radius:30px;box-shadow:0 30px 100px rgba(0,0,0,.3)}.mockups{min-height:530px!important;background:radial-gradient(circle at 50% 0,rgba(38,226,208,.16),transparent 36%),linear-gradient(145deg,#071a31,#0a3554 58%,#06172e);border-color:rgba(255,255,255,.1)}.desktop{width:min(860px,77%)}.preview-frame{height:395px}.phone{width:170px;height:350px}.project-meta{background:linear-gradient(180deg,rgba(8,28,52,.98),#04101f);padding:30px 32px 34px}.project-meta h3{font-size:34px}.project-meta p{color:#9eb2c6}.project-actions a{background:linear-gradient(100deg,var(--v8-orange),#ff9a3c);box-shadow:0 10px 30px rgba(255,122,24,.15)}.project-actions .case-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);color:#fff;padding:0 16px}
.capabilities,.process-section,.faq-section{background:#04101f}.feature-card,.process-step{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border-color:rgba(255,255,255,.09)}.feature-card h3,.process-step h3{color:#fff}.feature-card p,.process-step p{color:#8fa7bd}.ews-accordion{border-color:rgba(255,255,255,.1)}
.contact{background:radial-gradient(circle at 20% 20%,rgba(38,226,208,.1),transparent 30%),radial-gradient(circle at 80% 70%,rgba(139,108,255,.1),transparent 28%),#06172e}.contact-copy h2{font-size:clamp(42px,5vw,68px)}.contact-lines a,.contact-lines>div{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:14px}.contact-lines i{background:linear-gradient(145deg,var(--v8-orange),#ff9b42);color:#fff!important;border-radius:12px!important;width:42px!important;height:42px!important;display:grid;place-items:center}
footer{background:#020a14;border-top:1px solid rgba(255,255,255,.08);padding-bottom:110px}.footer-grid{padding-top:70px}.footer-grid img{width:190px}.footer-grid b{color:#fff}.copyright{border-color:rgba(255,255,255,.08)}
/* Fixed footer drawer */
.footer-dock{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:2000;display:flex;align-items:center;gap:6px;padding:7px;border:1px solid rgba(255,255,255,.13);background:rgba(3,13,26,.82);backdrop-filter:blur(20px);border-radius:22px;box-shadow:0 22px 70px rgba(0,0,0,.42)}.dock-item{min-width:92px;height:54px;border:0;background:transparent;color:#a9bfd0;text-decoration:none;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:800;cursor:pointer;transition:.25s}.dock-item svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dock-item:hover,.dock-item:focus-visible{color:#fff;background:rgba(255,255,255,.07)}.dock-wa{color:#48e6a8}.dock-wa:hover{background:rgba(72,230,168,.1);color:#67f2b7}.dock-panel{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px) scale(.98);width:min(560px,calc(100% - 28px));z-index:1999;padding:22px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(145deg,rgba(5,21,40,.98),rgba(7,32,56,.96));backdrop-filter:blur(24px);border-radius:26px;box-shadow:0 30px 100px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.25s}.dock-panel.open{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}.dock-panel-head{display:flex;justify-content:space-between;align-items:center}.dock-panel-head small{display:block;color:var(--v8-cyan);font-size:8px;letter-spacing:.16em}.dock-panel-head strong{display:block;color:#fff;font-size:22px;margin-top:4px}.dock-close{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;width:36px;height:36px;border-radius:12px;font-size:24px;cursor:pointer}.dock-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.dock-links a{padding:15px 14px;border-radius:14px;color:#c3d2df;text-decoration:none;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-weight:700;font-size:12px}.dock-links a:hover{background:rgba(38,226,208,.08);color:#fff;border-color:rgba(38,226,208,.18)}.dock-panel-cta{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;border-radius:16px;background:linear-gradient(100deg,var(--v8-orange),#ff9a3c);color:#fff;text-decoration:none;font-size:12px;font-weight:800}.dock-panel-cta b{font-size:11px}
.whatsapp{display:none!important}
@media(max-width:1099px){.hero-inner{grid-template-columns:1fr;gap:0}.hero{min-height:1080px}.hero-copy{padding-top:55px}.hero-art{height:570px}.services{grid-template-columns:repeat(2,1fr)}.desktop{width:76%}}
@media(max-width:700px){.header{height:68px}.brand img{width:150px}.hero{min-height:900px;padding-top:68px}.hero-inner{min-height:830px}.hero-copy{padding-top:30px}.hero h1{font-size:clamp(46px,13vw,66px)}.hero-copy>p{font-size:14px}.hero-art{height:390px}.scene-sun{width:180px;height:180px;top:2%;right:15%}.cityscape{height:45%}.command-card{width:96%;transform:perspective(1000px) rotateY(-3deg)}.cmd-body{padding:22px}.code{font-size:11px}.float-chip{padding:8px 10px}.c1{left:-4px;top:8%}.c2{right:-4px;top:14%}.c3{right:0;bottom:16%}.c4{left:0;bottom:12%}.signal-core{width:86px;height:86px;bottom:2%}.section{padding:85px 0}.section-top h2{font-size:42px}.services{grid-template-columns:1fr}.service{min-height:290px}.mockups{min-height:310px!important;padding:20px 12px 0!important}.desktop{width:86%!important}.preview-frame{height:215px!important}.phone{width:92px!important;height:190px!important}.project-meta{padding:22px!important}.project-meta h3{font-size:28px}.footer-dock{bottom:10px;width:calc(100% - 20px);justify-content:space-around;border-radius:20px}.dock-item{flex:1;min-width:0}.dock-panel{bottom:82px}.dock-links{grid-template-columns:1fr 1fr}.footer-dock{box-shadow:0 16px 50px rgba(0,0,0,.45)}footer{padding-bottom:95px}}
@media(max-width:380px){.dock-item{font-size:8px}.dock-panel-cta{flex-direction:column;align-items:flex-start}.proof span{padding:7px 8px}.hero h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){.dock-item,.dock-panel{transition:none}}