@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#020511;--panel:rgba(8,17,39,.68);--cyan:#54e4ff;--blue:#318bff;--violet:#9b68ff;--white:#f7faff;--muted:#9eacc7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Vazirmatn,Tahoma,sans-serif;overflow-x:hidden}.bg{position:fixed;inset:0;z-index:-10;background:radial-gradient(ellipse at 75% 15%,#17226a 0,transparent 34%),radial-gradient(ellipse at 12% 78%,#063d66 0,transparent 28%),linear-gradient(135deg,#01030c,#030817 55%,#01030a)}.stars{position:absolute;inset:0;opacity:.55;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#65dfff 1px,transparent 1px);background-size:90px 90px,153px 153px;animation:starMove 45s linear infinite}.glow{position:absolute;width:40vw;height:20vw;filter:blur(70px);opacity:.16;border-radius:50%}.g1{background:#5d53ff;right:8%;top:20%}.g2{background:#00d9ff;left:3%;bottom:10%}@keyframes starMove{to{transform:translate(-80px,90px)}}
.nav{height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(1,4,15,.7);backdrop-filter:blur(18px);border-bottom:1px solid rgba(93,220,255,.1)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:2px}.brand img{width:48px;height:48px;border-radius:10px;object-fit:cover;box-shadow:0 0 18px rgba(72,219,255,.25)}.brand b{color:var(--cyan);font-weight:700}nav{display:flex;gap:32px}nav a{color:#bfcce3;text-decoration:none;font-size:13px;transition:.3s}nav a:hover{color:#fff;text-shadow:0 0 12px var(--cyan)}.nav-btn,.primary,.secondary{border-radius:999px;padding:11px 21px;text-decoration:none;color:#fff;font-size:13px}.nav-btn{border:1px solid var(--cyan);box-shadow:0 0 16px rgba(70,217,255,.12)}
.hero{min-height:calc(100vh - 78px);max-width:1450px;margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;padding:35px 5vw 70px;gap:20px}.eyebrow{font-size:11px;color:var(--cyan);letter-spacing:2px}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);margin-left:8px}.hero h1{font-size:clamp(44px,5.4vw,78px);line-height:1.1;margin:15px 0 20px;font-weight:900}.hero h1 span,.about-text em{font-style:normal;background:linear-gradient(90deg,#fff,#56e2ff 50%,#a06cff);-webkit-background-clip:text;color:transparent}.hero-text>p{color:var(--muted);line-height:2;max-width:610px}.hero-actions{display:flex;gap:12px;margin-top:28px}.primary{background:linear-gradient(100deg,#138de9,#8052ff);box-shadow:0 10px 30px rgba(68,96,255,.18)}.secondary{border:1px solid rgba(85,218,255,.4)}.mini-stats{display:flex;gap:35px;margin-top:38px}.mini-stats div{display:flex;flex-direction:column;border-right:1px solid rgba(95,220,255,.14);padding-right:20px}.mini-stats b{font-size:22px}.mini-stats small{color:#71819d;margin-top:2px}
.hero-art{height:650px;position:relative;perspective:1000px}.logo-orb{position:absolute;width:360px;height:360px;left:50%;top:48%;transform:translate(-50%,-50%);z-index:8;display:grid;place-items:center;animation:logoFloat 5s ease-in-out infinite}.logo-orb img{width:100%;height:100%;object-fit:contain;border-radius:28px;filter:drop-shadow(0 0 15px rgba(70,220,255,.65)) drop-shadow(0 0 42px rgba(127,77,255,.4))}.halo{position:absolute;inset:-30px;border:1px solid rgba(78,221,255,.35);border-radius:50%;box-shadow:0 0 50px rgba(63,213,255,.13),inset 0 0 30px rgba(141,87,255,.12);animation:halo 5s linear infinite}.ring{position:absolute;left:50%;top:48%;border:1px solid rgba(74,218,255,.35);border-radius:50%;transform:translate(-50%,-50%)}.ring-a{width:610px;height:190px;rotate:-19deg;animation:spinA 13s linear infinite}.ring-b{width:490px;height:490px;rotate:20deg;border-color:rgba(160,99,255,.24);animation:spinB 17s linear infinite}.ring-c{width:700px;height:250px;rotate:47deg;border-color:rgba(75,225,255,.17);animation:spinC 20s linear infinite}@keyframes spinA{to{rotate:341deg}}@keyframes spinB{to{rotate:-340deg}}@keyframes spinC{to{rotate:407deg}}@keyframes halo{to{rotate:360deg}}@keyframes logoFloat{50%{transform:translate(-50%,-55%) rotateY(8deg) rotateX(3deg)}}
.chip{position:absolute;z-index:12;background:rgba(4,16,39,.85);border:1px solid rgba(78,222,255,.6);border-radius:14px;box-shadow:0 0 25px rgba(55,210,255,.12);color:#6de6ff;font:bold 12px Arial;display:flex;align-items:center;justify-content:center}.chip-gpu{left:3%;top:22%;width:120px;height:68px;gap:6px;rotate:-8deg;animation:chip1 6s ease-in-out infinite}.chip-gpu i{width:29px;height:29px;border:2px solid #55e2ff;border-radius:50%;box-shadow:0 0 12px #55e2ff}.chip-cpu{right:2%;bottom:20%;width:110px;height:110px;rotate:8deg;animation:chip2 7s ease-in-out infinite}.chip-cpu i{width:45px;height:45px;border:2px solid #a26bff;box-shadow:0 0 15px #8b5dff}.chip-ram{left:8%;bottom:18%;width:105px;height:48px;gap:4px;animation:chip3 5s ease-in-out infinite}.chip-ram i{width:17px;height:27px;border:1px solid #55e1ff}@keyframes chip1{50%{translate:0 -18px;rotate:3deg}}@keyframes chip2{50%{translate:0 17px;rotate:-4deg}}@keyframes chip3{50%{translate:0 -13px;rotate:-4deg}}
.device{position:absolute;z-index:9}.pc{right:5%;top:7%;animation:device 7s ease-in-out infinite}.pc-glass{width:105px;height:145px;border:1px solid #55e1ff;border-radius:10px;background:linear-gradient(135deg,rgba(25,65,100,.65),rgba(5,8,25,.85));box-shadow:inset 0 0 25px rgba(62,216,255,.12);display:grid;place-items:center;position:relative;overflow:hidden}.pc-glass b{font:bold 50px Arial;color:#66e5ff;text-shadow:0 0 20px #4cdfff}.pc-glass i{position:absolute;width:25px;height:25px;border:2px solid #a16bff;border-radius:50%;right:10px;top:12px}.pc-glass i:nth-child(2){top:48px}.pc-glass i:nth-child(3){top:84px}.pc-base{width:125px;height:8px;background:#4e5eff;transform:skew(-25deg);margin-top:3px}.laptop{left:3%;top:62%;rotate:-8deg;animation:device2 6s ease-in-out infinite}.lap-screen{width:95px;height:66px;border:2px solid #60e3ff;border-radius:7px;background:linear-gradient(145deg,#0b3155,#030817);display:grid;place-items:center;font:bold 34px Arial;color:#61e3ff}.lap-base{width:130px;height:9px;background:#536cff;transform:skew(-28deg);margin-top:1px}@keyframes device{50%{translate:0 -20px;rotate:5deg}}@keyframes device2{50%{translate:0 18px;rotate:4deg}}
.data-line{position:absolute;width:300px;height:2px;background:linear-gradient(90deg,transparent,#4ce1ff,transparent);box-shadow:0 0 15px #4ce1ff;z-index:5;animation:data 4s linear infinite}.l1{left:-10%;top:36%;rotate:13deg}.l2{right:-10%;bottom:32%;rotate:-17deg;animation-delay:1.2s;background:linear-gradient(90deg,transparent,#a16cff,transparent)}.l3{right:8%;top:17%;rotate:30deg;animation-delay:2.1s}@keyframes data{0%{translate:-220px;opacity:0}25%,75%{opacity:1}100%{translate:440px;opacity:0}}
.section{max-width:1200px;margin:auto;padding:110px 25px}.section-title{text-align:center;margin-bottom:48px}.section-title span{font:600 11px Arial;color:var(--cyan);letter-spacing:3px}.section-title h2,.about-text h2,.contact-card h2{font-size:clamp(30px,4vw,50px);margin:10px 0}.section-title p{color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{min-height:330px;padding:32px;border:1px solid rgba(76,211,255,.18);border-radius:25px;background:linear-gradient(145deg,rgba(11,28,58,.75),rgba(3,8,23,.8));transition:.2s;transform-style:preserve-3d}.service.featured{border-color:rgba(151,101,255,.45);box-shadow:0 0 45px rgba(104,75,255,.08)}.service-icon{width:62px;height:62px;border-radius:18px;border:1px solid #57dfff;display:grid;place-items:center;color:#62e4ff;font-size:27px;box-shadow:0 0 25px rgba(64,214,255,.12)}.service small{display:block;color:#657795;font:11px Arial;letter-spacing:1.5px;margin-top:25px}.service h3{font-size:24px;margin:8px 0}.service p{color:var(--muted);line-height:2}.service a{color:#6de4ff;text-decoration:none;font-size:13px}.service a b{font-size:18px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-art{height:510px;position:relative;overflow:hidden;border-radius:32px;background:radial-gradient(circle at center,#10274a,transparent 60%);border:1px solid rgba(76,215,255,.12)}.grid-floor{position:absolute;inset:50% -20% -30%;background:linear-gradient(rgba(78,220,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(78,220,255,.12) 1px,transparent 1px);background-size:32px 32px;transform:perspective(400px) rotateX(58deg);animation:grid 5s linear infinite}.scan{position:absolute;width:150%;height:2px;background:#55e2ff;box-shadow:0 0 18px #55e2ff;top:-10%;left:-25%;opacity:.35;animation:scan 5s linear infinite}.floating-a{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font:bold 190px Arial;background:linear-gradient(#fff,#55ddff,#8f61ff);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 25px #4bdfff);animation:aFloat 4s ease-in-out infinite}.board3d,.monitor3d,.server3d,.laptop3d{position:absolute;border:1px solid #55dcff;background:rgba(5,15,33,.88);box-shadow:0 0 25px rgba(66,210,255,.13);animation:obj 6s ease-in-out infinite}.board3d{width:145px;height:95px;left:2%;top:9%;padding:12px;color:#63e2ff;font:bold 12px Arial}.board3d:after{content:"";position:absolute;right:12px;top:28px;width:70px;height:3px;background:#55e2ff;box-shadow:0 14px #8e62ff,0 28px #55e2ff}.monitor3d{width:130px;height:103px;right:3%;top:13%;padding:7px;rotate:7deg}.screen3d{height:73px;border:1px solid #5de2ff;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#0d3150,#030716)}.screen3d strong{font:700 17px Arial;color:#65e4ff}.screen3d small{font:7px Arial;color:#8b9bb8;margin-top:5px}.monitor-stand{width:42px;height:13px;border-bottom:2px solid #54e0ff;margin:auto}.server3d{width:78px;height:130px;right:6%;bottom:8%;padding:10px}.server3d i{display:block;height:23px;border:1px solid #55ddff;margin-bottom:7px}.laptop3d{left:4%;bottom:9%;width:130px;height:80px;padding:10px;rotate:-8deg}.laptop3d div{width:78px;height:52px;border:1px solid #5fe2ff;display:grid;place-items:center;font:bold 30px Arial;color:#62e1ff;margin:auto}.laptop3d span{display:block;width:125px;height:7px;background:#5367ff;transform:skew(-25deg);margin-top:3px}@keyframes obj{50%{translate:0 -20px}}@keyframes aFloat{50%{transform:translate(-50%,-55%) rotateY(18deg)}}@keyframes grid{to{background-position:0 32px,32px 0}}@keyframes scan{to{top:110%}}
.about-text>p{font-size:17px;color:#d3def1;line-height:1.7;margin:7px 0}.about-list{display:grid;gap:10px;margin-top:26px}.about-list div{padding:12px 15px;border:1px solid rgba(75,211,255,.13);border-radius:12px;background:rgba(10,25,52,.42);color:#c7d4ea}.about-list b{color:var(--cyan);margin-left:8px}
.contact-section{padding-top:50px}.contact-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:48px;border-radius:30px;border:1px solid rgba(82,213,255,.2);background:linear-gradient(110deg,rgba(10,33,67,.75),rgba(44,18,79,.58));box-shadow:0 25px 80px rgba(0,0,0,.2)}.contact-card p{color:var(--muted)}.contact-actions{display:grid;gap:11px;min-width:290px}.contact-actions a{padding:15px 18px;border:1px solid rgba(79,214,255,.2);border-radius:13px;color:#eff9ff;text-decoration:none}.contact-actions a:first-child{border-color:rgba(79,214,255,.4)}
footer{max-width:1200px;margin:auto;padding:30px 20px;border-top:1px solid rgba(110,190,255,.1);display:grid;grid-template-columns:1fr 1.4fr 1fr auto;align-items:center;gap:22px;color:#7183a1;font-size:12px}footer div{display:flex;flex-direction:column;gap:5px}footer strong{color:#e4f1ff;letter-spacing:2px}footer a{color:#6cddff;text-decoration:none}.address{text-align:center}
@media(max-width:950px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:25px}.hero-art{height:510px;order:-1}.service-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr}.contact-card{flex-direction:column;align-items:stretch}footer{grid-template-columns:1fr;text-align:center}.address{text-align:center}footer div{align-items:center}}
@media(max-width:550px){.nav{padding:0 17px}.brand span{display:none}.nav-btn{padding:9px 14px}.hero{padding:20px 18px 65px}.hero h1{font-size:42px}.hero-art{height:400px}.logo-orb{width:270px;height:270px}.ring-a{width:440px}.ring-b{width:350px;height:350px}.ring-c{width:500px}.chip{scale:.78}.section{padding:75px 18px}.about-art{height:410px}.contact-card{padding:30px 22px}.mini-stats{gap:18px}}

/* ================= V8 — V3-inspired gaming fantasy stage ================= */
.v8-art{isolation:isolate;overflow:visible}
.v8-nebula{position:absolute;inset:4% 0 4%;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(42,122,255,.18),transparent 45%),radial-gradient(circle at 70% 25%,rgba(150,70,255,.18),transparent 30%);filter:blur(2px)}
.v8-orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(73,223,255,.35);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.o1{width:630px;height:210px;rotate:-18deg;animation:v8spin1 12s linear infinite}
.o2{width:500px;height:500px;rotate:20deg;border-color:rgba(153,93,255,.24);animation:v8spin2 16s linear infinite}
.o3{width:720px;height:260px;rotate:44deg;border-color:rgba(75,225,255,.16);animation:v8spin3 20s linear infinite}
@keyframes v8spin1{to{rotate:342deg}}@keyframes v8spin2{to{rotate:-340deg}}@keyframes v8spin3{to{rotate:404deg}}

.v8-gaming-case{position:absolute;left:50%;top:48%;width:245px;height:375px;transform:translate(-50%,-50%) rotateY(-13deg) rotateX(4deg);transform-style:preserve-3d;z-index:12;filter:drop-shadow(0 0 28px rgba(40,210,255,.22));animation:v8case 6s ease-in-out infinite}
.case-frame{position:absolute;inset:18px 18px 25px;background:linear-gradient(135deg,rgba(21,40,65,.9),rgba(3,7,20,.97));border:2px solid rgba(87,222,255,.55);border-radius:18px;box-shadow:inset 0 0 40px rgba(70,210,255,.09),0 0 25px rgba(55,205,255,.15)}
.case-glass{position:absolute;inset:10px;border:1px solid rgba(150,120,255,.35);border-radius:12px;background:linear-gradient(120deg,rgba(31,80,112,.24),rgba(3,5,17,.35));overflow:hidden}
.case-top{position:absolute;left:37px;top:0;width:170px;height:20px;border:1px solid #51dfff;border-bottom:0;border-radius:14px 14px 0 0;background:#08172a;box-shadow:0 -4px 18px rgba(74,222,255,.18)}
.case-foot{position:absolute;left:28px;bottom:5px;width:190px;height:12px;background:#101a30;border:1px solid #435eff;border-radius:3px;box-shadow:0 0 15px rgba(85,91,255,.3)}
.rgb-fan{position:absolute;width:78px;height:78px;border-radius:50%;border:5px solid transparent;background:linear-gradient(#07101d,#07101d) padding-box,conic-gradient(#42eaff,#8e63ff,#ff48c9,#42eaff) border-box;box-shadow:0 0 15px rgba(67,220,255,.55);animation:fan 1.5s linear infinite}
.rgb-fan:before,.rgb-fan:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:32px;border-radius:9px;background:#6ee8ff;transform-origin:50% 0;box-shadow:0 0 12px #6ee8ff}
.rgb-fan:before{transform:translate(-50%,-4px) rotate(0deg)}.rgb-fan:after{transform:translate(-50%,-4px) rotate(120deg)}
.f1{left:14px;top:25px}.f2{left:14px;top:112px;animation-delay:-.5s}.f3{left:14px;top:199px;animation-delay:-1s}
@keyframes fan{to{rotate:360deg}}
.gpu-card{position:absolute;right:11px;top:90px;width:92px;height:32px;border:1px solid #a66cff;background:linear-gradient(90deg,#12172b,#40306b);color:#83eaff;display:flex;align-items:center;justify-content:center;gap:6px;font:700 10px Arial;box-shadow:0 0 15px rgba(153,90,255,.25)}
.gpu-card span{font-size:6px;color:#a9b6d1}.case-mobo{position:absolute;right:10px;top:135px;width:90px;height:145px;border:1px solid rgba(75,224,255,.45);background:linear-gradient(145deg,rgba(9,37,48,.85),rgba(10,12,30,.8));padding:10px}
.case-mobo i{display:block;height:5px;background:#51ddff;margin:8px 0;box-shadow:0 0 8px #51ddff}.case-mobo b{position:absolute;right:27px;bottom:18px;font:700 35px Arial;color:#72e7ff;text-shadow:0 0 18px #52dfff}
@keyframes v8case{50%{transform:translate(-50%,-54%) rotateY(10deg) rotateX(2deg)}}

.v8-mobo{position:absolute;right:0;bottom:5%;width:280px;height:185px;rotate:12deg;background:linear-gradient(135deg,#0d433d,#071a26);border:1px solid #5ee6d3;border-radius:12px;box-shadow:0 0 30px rgba(64,228,205,.16);z-index:9;transform:perspective(500px) rotateX(30deg);animation:moboFloat 7s ease-in-out infinite}
.mobo-core{position:absolute;left:102px;top:57px;width:65px;height:65px;display:grid;place-items:center;border:1px solid #71eaff;background:#071a29;color:#63e6ff;font:bold 35px Arial;box-shadow:0 0 18px #4edfff}
.mobo-slot{position:absolute;width:82px;height:8px;border:1px solid #55e5ff;left:25px}.s1{top:30px}.s2{top:46px}.mobo-line{position:absolute;height:2px;background:#55e3d3;box-shadow:0 0 7px #55e3d3}.ml1{left:27px;top:111px;width:62px;rotate:25deg}.ml2{left:170px;top:38px;width:78px;rotate:23deg}.ml3{left:178px;top:120px;width:62px;rotate:-18deg}.mchip{position:absolute;width:17px;height:17px;background:#122d35;border:1px solid #8e6cff;box-shadow:0 0 8px #765cff}.mc1{left:38px;bottom:25px}.mc2{right:38px;top:70px}.mc3{right:62px;bottom:24px}@keyframes moboFloat{50%{translate:0 -18px;rotate:8deg}}

.v8-laptop{position:absolute;left:2%;bottom:9%;z-index:14;rotate:-9deg;animation:lapFloat 5s ease-in-out infinite}.v8-laptop div{width:105px;height:70px;border:2px solid #58e3ff;border-radius:7px;background:linear-gradient(135deg,#0c3850,#050817);display:grid;place-items:center;font:bold 36px Arial;color:#5fe3ff;box-shadow:0 0 20px rgba(70,220,255,.15)}.v8-laptop span{display:block;width:140px;height:9px;background:#5566ff;transform:skew(-27deg);box-shadow:0 0 12px #5a62ff}@keyframes lapFloat{50%{translate:0 17px;rotate:2deg}}

.v8-monitor{position:absolute;right:2%;top:9%;width:130px;height:90px;z-index:13;border:1px solid #55e1ff;border-radius:9px;background:linear-gradient(135deg,#112f4b,#040817);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 20px rgba(60,220,255,.17);animation:monFloat 6s ease-in-out infinite;rotate:7deg}.v8-monitor div{font:bold 19px Arial;color:#68e7ff}.v8-monitor small{font:8px Arial;color:#8b9ab7;letter-spacing:2px;margin-top:7px}.v8-monitor:after{content:"";position:absolute;bottom:-14px;width:40px;height:12px;border-bottom:2px solid #5ae3ff}@keyframes monFloat{50%{translate:0 -14px;rotate:-2deg}}

.v8-chip{position:absolute;z-index:15;padding:11px 15px;border:1px solid #52e0ff;border-radius:12px;background:rgba(3,14,34,.88);color:#6be5ff;font:bold 11px Arial;box-shadow:0 0 20px rgba(60,216,255,.15)}.v8-chip i{display:inline-block;width:18px;height:18px;border:2px solid #65e6ff;border-radius:50%;vertical-align:middle;margin-right:7px}.v8-chip.gpu{left:0;top:25%;rotate:-8deg;animation:vc1 5s ease-in-out infinite}.v8-chip.ram{left:8%;bottom:20%;animation:vc2 6s ease-in-out infinite}.v8-chip.ram i{width:11px;height:21px;border-radius:2px;border-color:#a66cff}@keyframes vc1{50%{translate:-10px -15px;rotate:3deg}}@keyframes vc2{50%{translate:12px 12px;rotate:-5deg}}

.data-stream{position:absolute;height:2px;width:310px;background:linear-gradient(90deg,transparent,#4ce1ff,transparent);box-shadow:0 0 12px #4ce1ff;z-index:5;animation:stream 3.8s linear infinite}.ds1{top:35%;left:-10%;rotate:15deg}.ds2{right:-7%;top:58%;rotate:-18deg;animation-delay:1s;background:linear-gradient(90deg,transparent,#a26cff,transparent)}.ds3{left:15%;bottom:22%;rotate:-7deg;animation-delay:2s}@keyframes stream{0%{translate:-250px;opacity:0}25%,70%{opacity:1}100%{translate:500px;opacity:0}}

@media(max-width:950px){.v8-gaming-case{scale:.82}.v8-mobo{scale:.75;right:-5%}.v8-monitor{scale:.8}.v8-laptop{scale:.8}}
@media(max-width:550px){.v8-gaming-case{scale:.62;top:47%}.v8-mobo{scale:.5;right:-18%;bottom:1%}.v8-monitor{scale:.55;right:-3%}.v8-laptop{scale:.6;left:-2%}.v8-chip{scale:.7}.o1{width:430px}.o2{width:360px;height:360px}.o3{width:500px}}

.reveal{opacity:0;transform:translateY(55px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.reveal .service{opacity:0;transform:translateY(35px);transition:opacity .7s ease,transform .7s ease}.reveal.visible .service{opacity:1;transform:none}

.nav-tools{display:flex;align-items:center;gap:10px}.music-btn{border:1px solid rgba(92,224,255,.45);background:rgba(4,15,34,.65);color:#ccefff;border-radius:999px;padding:10px 15px;font-family:inherit;font-size:12px;cursor:pointer;transition:.25s;box-shadow:0 0 18px rgba(70,220,255,.08)}.music-btn:hover,.music-btn.playing{border-color:#65e4ff;color:#fff;box-shadow:0 0 20px rgba(70,220,255,.2),inset 0 0 15px rgba(70,220,255,.08)}@media(max-width:550px){.nav-tools{gap:5px}.music-btn{padding:8px 10px}.nav-btn{padding:8px 10px}}