*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
*{cursor:none !important;}
:root{
  --bg:#05080f;--surface:rgba(5,10,20,0.88);
  --border:rgba(0,210,255,0.13);
  --cyan:#00d2ff;--violet:#7b61ff;--teal:#00ffd5;--rose:#ff5e9e;
  --text:#ddf0ff;--muted:#4e7a8a;
  --fh:'DM Sans',sans-serif;--fb:'DM Sans',sans-serif;
}
html{scroll-behavior:smooth;}
body{background:#020408 url('Background.webp') center/cover no-repeat fixed;color:var(--text);font-family:var(--fb);overflow-x:hidden;cursor:none;}


.cursor{position:fixed;width:10px;height:10px;background:var(--cyan);border-radius:50%;pointer-events:none;z-index:99999;margin-left:-5px;margin-top:-5px;box-shadow:0 0 16px var(--cyan),0 0 32px rgba(0,210,255,.5);transition:width .15s,height .15s,background .15s,box-shadow .15s,margin .15s;will-change:left,top;}
.cursor-ring{position:fixed;width:34px;height:34px;border:1.5px solid rgba(0,210,255,.7);border-radius:50%;pointer-events:none;z-index:99998;margin-left:-17px;margin-top:-17px;transition:width .22s,height .22s,margin .22s;will-change:left,top;}


#circuitCanvas{position:fixed;inset:0;z-index:1;pointer-events:none;}


nav{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:0 3rem;height:72px;background:rgba(4,7,16,0.82);backdrop-filter:blur(32px);border-bottom:1px solid rgba(0,210,255,0.15);animation:slideDown .7s ease both;}
nav::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,210,255,.7) 30%,rgba(123,97,255,.9) 60%,transparent);box-shadow:0 0 10px rgba(0,210,255,.3);}
@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}


.logo-mark{display:none!important;}
.nav-logo{text-decoration:none;display:flex;align-items:center;gap:.65rem;position:relative;z-index:2;}
.nav-galaxy{animation:galaxyFloat 5s ease-in-out infinite;flex-shrink:0;filter:drop-shadow(0 0 6px rgba(0,180,255,.45));}
@keyframes galaxyFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(3deg)}}
.logo-text{font-family:var(--fh);font-size:1.05rem;font-weight:700;letter-spacing:.05em;color:var(--text);line-height:1.2;display:inline-block;overflow:visible;}
.logo-text .ad{background:linear-gradient(135deg,#00d2ff,#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.logo-sm{font-size:.5rem;vertical-align:super;color:var(--muted);font-family:var(--fb);font-weight:500;-webkit-text-fill-color:var(--muted);background:none;letter-spacing:.02em;position:relative;top:-0.4em;}

.nav-links{display:flex;gap:2rem;list-style:none;position:relative;z-index:2;}
.nav-links a{color:var(--muted);text-decoration:none;font-family:var(--fb);font-size:.875rem;font-weight:500;transition:color .2s;position:relative;letter-spacing:.02em;}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--cyan);transition:width .25s;box-shadow:0 0 8px var(--cyan);}
.nav-links a:hover{color:var(--text);}
.nav-links a:hover::after{width:100%;}
.nav-cta{background:linear-gradient(135deg,#0077a8,#4a2db5);color:#fff;border:none;padding:.5rem 1.4rem;border-radius:5px;font-family:var(--fb);font-size:.82rem;font-weight:700;cursor:none;transition:background .2s,box-shadow .2s,transform .2s;letter-spacing:.04em;position:relative;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,.45);}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,120,200,.4);opacity:.9;}


.page{display:none;position:relative;z-index:2;min-height:100vh;}
.page.active{display:block!important;}


.hero{min-height:100vh;display:flex;align-items:center;padding:7rem 3rem 3rem;position:relative;overflow:hidden;}
.hero-glow{display:none;}


.laptop-wrapper{position:absolute;right:2%;top:50%;transform:translateY(-50%);width:640px;z-index:3;animation:laptopOrbit 18s ease-in-out infinite alternate;}
.laptop-img-wrap{position:relative;width:100%;}
.laptop-img-wrap img{width:100%;height:auto;border-radius:0;border:none;filter:brightness(1.08) saturate(1.15) drop-shadow(0 0 8px rgba(0,180,255,.45)) drop-shadow(0 0 18px rgba(0,140,255,.35)) drop-shadow(0 0 32px rgba(123,50,255,.30)) drop-shadow(0 0 52px rgba(100,0,255,.18));}
.laptop-glow-overlay,.laptop-nebula,.laptop-glow-ring{display:none;}
.laptop-badge{position:absolute;background:rgba(4,8,20,.93);border:1px solid rgba(0,210,255,.25);border-radius:8px;padding:.5rem .9rem;font-family:var(--fb);font-size:.74rem;font-weight:500;color:rgba(221,240,255,.75);white-space:nowrap;letter-spacing:.03em;animation:fBob ease-in-out infinite;}
.lb-dot{width:5px;height:5px;border-radius:50%;display:inline-block;margin-right:.45rem;vertical-align:middle;}
.lb1{top:8%;right:-40px;animation-duration:7s;border-color:rgba(0,210,255,.3);}
.lb2{bottom:25%;right:-50px;animation-duration:9s;animation-delay:1.4s;border-color:rgba(123,97,255,.3);}
.lb3{bottom:10%;left:0px;animation-duration:8s;animation-delay:.7s;border-color:rgba(0,255,213,.3);}
@keyframes fBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes laptopOrbit{
  0%  {transform:translateY(-50%) translateX(0px)    translateY(0px)    rotate(-1.2deg);}
  20% {transform:translateY(-50%) translateX(-14px)  translateY(-10px)  rotate(-.2deg);}
  40% {transform:translateY(-50%) translateX(4px)    translateY(-22px)  rotate(1.0deg);}
  60% {transform:translateY(-50%) translateX(20px)   translateY(-10px)  rotate(.6deg);}
  80% {transform:translateY(-50%) translateX(10px)   translateY(6px)    rotate(-.4deg);}
  100%{transform:translateY(-50%) translateX(0px)    translateY(0px)    rotate(-1.0deg);}
}


.hero-content{position:relative;z-index:5;max-width:530px;}
.hero-badge{display:inline-flex;align-items:center;gap:.6rem;background:rgba(0,210,255,.07);border:1px solid rgba(0,210,255,.2);padding:.38rem 1rem;border-radius:4px;font-family:var(--fb);font-size:.78rem;font-weight:500;color:var(--cyan);margin-bottom:1.8rem;letter-spacing:.08em;animation:fadeUp .8s .2s ease both;}
.blink{animation:blink 1.5s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.15}}
h1,h2,h3,.section-title{font-family:var(--fb)!important;letter-spacing:.02em;}
h1{font-size:clamp(2.1rem,4.8vw,3.8rem);font-weight:800;line-height:1.1;margin-bottom:1.4rem;animation:fadeUp .8s .35s ease both;}
h1 em{font-style:normal;background:linear-gradient(135deg,#00d2ff,#7b61ff 60%,#00ffd5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.line2{color:rgba(221,240,255,.28);}
.hero-sub{font-size:1rem;color:var(--cyan);line-height:1.85;max-width:450px;margin-bottom:2.5rem;font-weight:400;animation:fadeUp .8s .5s ease both;}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp .8s .65s ease both;}
.btn-primary{background:linear-gradient(135deg,#0077a8,#4a2db5);color:#fff;border:none;padding:.88rem 2rem;border-radius:5px;font-family:var(--fb);font-size:.88rem;font-weight:700;cursor:none;transition:transform .2s,box-shadow .2s,opacity .2s;text-decoration:none;display:inline-block;letter-spacing:.03em;text-shadow:0 1px 4px rgba(0,0,0,.45);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(0,210,255,.35);opacity:.92;}
.btn-ghost{background:transparent;color:var(--text);border:1px solid rgba(0,210,255,.28);padding:.88rem 2rem;border-radius:5px;font-family:var(--fb);font-size:.88rem;font-weight:500;cursor:none;transition:border-color .2s,background .2s;text-decoration:none;display:inline-block;letter-spacing:.03em;}
.btn-ghost:hover{border-color:var(--cyan);background:rgba(0,210,255,.06);}
.hero-stats{display:flex;gap:2.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,210,255,.1);animation:fadeUp .8s .8s ease both;}
.stat-num{font-size:2rem;font-weight:800;letter-spacing:-.01em;line-height:1.1;}
.stat-num em{font-style:normal;color:var(--cyan);}
.stat-label{font-size:.72rem;color:var(--muted);margin-top:.35rem;letter-spacing:.06em;text-transform:uppercase;font-weight:500;}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}


.ticker{overflow:hidden;border-top:1px solid rgba(0,210,255,.1);border-bottom:1px solid rgba(0,210,255,.1);padding:.75rem 0;background:rgba(4,6,14,.85);position:relative;z-index:2;}
.ticker-track{display:flex;gap:2.5rem;width:max-content;animation:tickAnim 40s linear infinite;}
@keyframes tickAnim{to{transform:translateX(-50%)}}
.ticker-item{display:flex;align-items:center;gap:.6rem;font-family:var(--fb);font-size:.78rem;font-weight:500;color:var(--muted);white-space:nowrap;letter-spacing:.04em;}
.ticker-sep{color:rgba(0,210,255,.22);margin:0 .2rem;}


.section{padding:6rem 3rem;position:relative;z-index:2;}
.section-label{font-family:var(--fb);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--cyan);font-weight:600;margin-bottom:.9rem;display:flex;align-items:center;gap:.8rem;}
.section-label::before{content:'';width:20px;height:1px;background:var(--cyan);box-shadow:0 0 6px var(--cyan);}
.section-title{font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:800;letter-spacing:-.01em;line-height:1.15;margin-bottom:.9rem;}
.section-sub{color:var(--cyan);font-size:.97rem;line-height:1.85;max-width:480px;font-weight:400;}
.mb-divider{height:1px;position:relative;z-index:2;background:linear-gradient(90deg,transparent,rgba(0,210,255,.28),rgba(123,97,255,.22),transparent);}


.bg-shape{position:absolute;border-radius:50%;pointer-events:none;animation:shapeF ease-in-out infinite;}
.bs1{width:380px;height:380px;background:radial-gradient(circle,rgba(0,210,255,.05),transparent 70%);top:-80px;right:5%;animation-duration:16s;}
.bs2{width:260px;height:260px;background:radial-gradient(circle,rgba(123,97,255,.055),transparent 70%);bottom:-60px;left:3%;animation-duration:12s;animation-delay:2s;}
@keyframes shapeF{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.04)}}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:1px;margin-top:3.5rem;border:1px solid rgba(0,210,255,.1);border-radius:14px;overflow:hidden;}
.service-card{background:rgba(5,9,18,.95);padding:2.4rem;position:relative;overflow:hidden;transition:background .3s;}
.service-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--ca,rgba(0,210,255,.06)) 0%,transparent 55%);opacity:0;transition:opacity .35s;}
.service-card:hover{background:rgba(8,14,26,.95);}
.service-card:hover::before{opacity:1;}
.svc-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1.4rem;background:var(--ib,rgba(0,210,255,.07));border:1px solid var(--ibr,rgba(0,210,255,.18));}
.service-card h3{font-size:.9rem;font-weight:700;margin-bottom:.75rem;letter-spacing:.02em;}
.service-card p{color:var(--muted);font-size:.92rem;line-height:1.78;font-weight:400;}
.svc-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--cyan);font-size:.78rem;font-weight:600;text-decoration:none;margin-top:1.4rem;transition:gap .2s;letter-spacing:.04em;}
.svc-link:hover{gap:.75rem;}


.process-section{background:rgba(4,7,15,.65);}
.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:2rem;margin-top:3.5rem;}
.process-step{position:relative;}
.step-num{font-size:3.5rem;font-weight:800;color:rgba(123,97,255,.28);line-height:1;margin-bottom:.5rem;}
.step-title{font-size:.88rem;font-weight:700;margin-bottom:.55rem;letter-spacing:.02em;}
.step-desc{color:rgba(0,210,255,.65);font-size:.9rem;line-height:1.78;font-weight:400;}
.step-line{position:absolute;top:2rem;right:0;width:calc(100% - 16px);height:1px;background:linear-gradient(90deg,rgba(123,97,255,.45),transparent);}
.process-step:last-child .step-line{display:none;}


.cta-wrap{padding:0 3rem 5rem;position:relative;z-index:2;}
.cta-box{background:linear-gradient(135deg,rgba(2,8,28,.92),rgba(18,8,48,.92));border:1px solid rgba(123,97,255,.35);border-radius:14px;padding:5rem 4rem;text-align:center;position:relative;overflow:hidden;}
.cta-box::before{content:'';position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:500px;height:280px;background:radial-gradient(ellipse,rgba(0,210,255,.08),transparent 70%);pointer-events:none;}
.cta-float{position:absolute;border-radius:50%;pointer-events:none;animation:ctaF ease-in-out infinite;}
.cf1{width:120px;height:120px;background:radial-gradient(circle,rgba(0,210,255,.12),transparent);top:-35px;right:70px;animation-duration:7s;}
.cf2{width:80px;height:80px;background:radial-gradient(circle,rgba(123,97,255,.16),transparent);bottom:25px;left:90px;animation-duration:9s;animation-delay:1s;}
@keyframes ctaF{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
.cta-box h2{font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:800;margin-bottom:1rem;position:relative;color:rgba(0,210,255,.65);text-shadow:0 2px 24px rgba(0,0,0,1),0 0 60px rgba(0,0,0,1),0 4px 8px rgba(0,0,0,1);}
.cta-box>p{color:#fff;font-size:1rem;margin-bottom:2.5rem;font-weight:400;position:relative;text-shadow:0 2px 20px rgba(0,0,0,1),0 0 50px rgba(0,0,0,1),0 4px 8px rgba(0,0,0,1);}
.cta-box .btn-primary{text-shadow:none;box-shadow:0 0 18px rgba(0,120,200,.6),0 0 6px rgba(0,210,255,.4);}
.cta-box .btn-ghost{text-shadow:none;box-shadow:0 0 18px rgba(0,210,255,.25),0 0 6px rgba(0,210,255,.15);}


footer{border-top:1px solid rgba(0,210,255,.1);padding:2.5rem 3rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;position:relative;z-index:2;background:rgba(3,5,12,.85);backdrop-filter:blur(16px);}
.footer-logo{font-weight:700;font-size:.95rem;}
.footer-logo .ad{background:linear-gradient(135deg,#00d2ff,#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
footer p{color:var(--muted);font-size:.75rem;letter-spacing:.04em;}


.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-top:2rem;}
.about-visual{position:relative;height:420px;}
.about-card-main{position:absolute;inset:0;background:rgba(4,9,18,.97);border:1px solid rgba(0,210,255,.14);border-radius:14px;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;overflow:hidden;}
.about-avatar{width:86px;height:86px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#030810;margin-bottom:1rem;box-shadow:0 0 32px rgba(0,210,255,.4);}
.about-name{font-size:.95rem;font-weight:700;letter-spacing:.04em;}
.about-role{color:var(--cyan);font-size:.68rem;font-weight:500;margin-top:.3rem;letter-spacing:.1em;text-transform:uppercase;}
.skill-bar-wrap{margin-top:1rem;width:100%;text-align:left;}
.skill-bar-label{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-bottom:.4rem;}
.skill-bar{height:2px;background:rgba(255,255,255,.05);border-radius:2px;overflow:hidden;}
.skill-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));}
.value-item{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:flex-start;}
.value-icon{width:40px;height:40px;border-radius:8px;background:rgba(0,210,255,.07);border:1px solid rgba(0,210,255,.16);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.value-title{font-size:.82rem;font-weight:700;margin-bottom:.3rem;letter-spacing:.02em;}
.value-desc{font-size:.9rem;color:rgba(0,210,255,.65);line-height:1.68;font-weight:400;}


.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;margin-top:3rem;align-items:start;}
.contact-info-item{display:flex;gap:1rem;margin-bottom:2rem;align-items:flex-start;}
.ci-icon{width:42px;height:42px;border-radius:8px;background:rgba(0,210,255,.07);border:1px solid rgba(0,210,255,.16);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.ci-label{font-size:.62rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.25rem;}
.ci-value{font-weight:500;font-size:.95rem;letter-spacing:.01em;}
.contact-form{background:rgba(4,9,18,.96);border:1px solid rgba(0,210,255,.13);border-radius:14px;padding:2.5rem;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;}
.form-group{margin-bottom:1rem;}
.form-group label{display:block;font-size:.65rem;color:var(--muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em;}
.form-group input,.form-group textarea,.form-group select{width:100%;background:rgba(0,210,255,.03);border:1px solid rgba(0,210,255,.12);border-radius:6px;padding:.75rem 1rem;color:var(--text);font-family:var(--fb);font-size:.92rem;transition:border-color .2s,box-shadow .2s;outline:none;}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,210,255,.07);}
.form-group textarea{resize:vertical;min-height:120px;}
.form-group select option{background:#05080f;}


.ai-hero{text-align:center;padding:8rem 3rem 3rem;position:relative;z-index:2;}
.ai-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem;margin-top:3rem;}
.ai-tool-card{background:rgba(4,9,18,.95);border:1px solid rgba(0,210,255,.11);border-radius:12px;padding:2rem;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden;}
.ai-tool-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--ct,var(--cyan)),transparent);opacity:.7;}
.ai-tool-card:hover{transform:translateY(-5px);border-color:rgba(0,210,255,.26);box-shadow:0 20px 40px rgba(0,0,0,.5);}
.ai-tag{display:inline-block;padding:.22rem .7rem;border-radius:3px;font-size:.64rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem;}
.ai-card-icon{font-size:2rem;margin-bottom:.9rem;}
.ai-card-title{font-size:.9rem;font-weight:700;margin-bottom:.6rem;letter-spacing:.02em;}
.ai-card-desc{font-size:.9rem;color:var(--muted);line-height:1.78;font-weight:400;}
.ai-card-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.2rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:gap .2s;letter-spacing:.06em;text-transform:uppercase;}
.ai-card-btn:hover{gap:.7rem;}


.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.d1{transition-delay:.1s;}.d2{transition-delay:.2s;}.d3{transition-delay:.3s;}.d4{transition-delay:.4s;}


.dark-panel{background:rgba(3,5,14,0.82);border-radius:16px;padding:2.5rem 3rem;}
#page-services div[style*="gap:.7rem"]>div{color:rgba(0,210,255,.65)!important;}
#page-services p[style*="color:var(--muted)"]{color:rgba(0,210,255,.65)!important;}
#page-contact div[style*="border-radius:10px"] div{color:rgba(0,210,255,.65)!important;}


::-webkit-scrollbar{width:4px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:rgba(0,210,255,.18);border-radius:2px;}
::-webkit-scrollbar-thumb:hover{background:var(--cyan);}


@media (max-width:900px){
  body{background:#020408;}
  body::before{content:'';position:fixed;inset:0;z-index:0;background:url('Background.webp') right center/cover no-repeat;pointer-events:none;}
  .hero{flex-direction:column;padding:6rem 1.2rem 2.5rem;align-items:flex-start;}
  .hero-content{max-width:100%;z-index:5;}
  .laptop-wrapper{position:relative!important;right:auto!important;top:auto!important;width:min(88vw,480px)!important;margin:2.5rem auto 0!important;transform:none!important;animation:laptopBob 8s ease-in-out infinite!important;}
  .hero-stats{gap:1.5rem;}
  h1{font-size:clamp(1.8rem,6vw,2.8rem);}
  .lb1{right:4px;}
  .lb2{right:4px;}
  .about-grid,.contact-grid{grid-template-columns:1fr;}
  .about-visual{height:300px;}
  .form-row{grid-template-columns:1fr;}
  #page-services .dark-panel>div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;gap:1.5rem!important;}
  #page-services .section{padding-left:1.2rem;padding-right:1.2rem;}
  #page-services .dark-panel{padding:1.5rem 1.2rem;}

}
@keyframes laptopBob{0%,100%{transform:translateY(0) rotate(-.3deg);}50%{transform:translateY(-14px) rotate(.3deg);}}



@media (min-width:1400px){
  .laptop-wrapper{right:8%;}
}
@media (min-width:1800px){
  .laptop-wrapper{right:16%;}
}
@media (min-width:2200px){
  .laptop-wrapper{right:22%;}
}

@media (max-width:480px){
  nav{padding:0 1rem;height:60px;}
  .nav-links{display:none;}
  .hero{padding:5rem 1rem 2rem;}
  .laptop-wrapper{width:min(92vw,360px)!important;}
  .section{padding:3.5rem 1.2rem;}
  .cta-wrap{padding:0 1.2rem 3rem;}
  .cta-box{padding:3rem 1.5rem;}
  .hero-stats{flex-wrap:wrap;gap:1.2rem;}
}