*{box-sizing:border-box} :root{--navy:#062b52;--blue:#0868dc;--orange:#f4510b;--ink:#102c50;--muted:#61738b}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:Arial,"Noto Sans Devanagari",system-ui,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.top{background:#052b51;color:white;display:flex;justify-content:space-between;gap:15px;padding:8px 4%;font-size:12px}.top span{margin-right:20px}.lang{background:#123f6b;color:#fff;border:1px solid #285a88;border-radius:6px;padding:5px 9px;cursor:pointer}.lang.active{background:#1764a6}header{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 3px 14px #082b5012;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 4%}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo{display:grid;place-items:center;width:48px;height:48px;background:linear-gradient(135deg,#0781ed,#064995);color:#fff;border-radius:15px 4px;font-size:34px;font-style:italic}.brand span{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:24px;color:#0864be;letter-spacing:-1px}.brand small{font-size:10px;letter-spacing:.8px;font-weight:800;margin-top:4px}nav{display:flex;gap:clamp(10px,1.7vw,25px);font-size:14px;font-weight:700}nav a:hover{color:var(--blue)}.repair{background:var(--orange);color:white;border-radius:11px;padding:12px 15px;font-weight:800;white-space:nowrap}.menu{display:none}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .65fr;align-items:center;gap:32px;padding:40px 4%;color:white;background:radial-gradient(ellipse at 75% 30%,#0f71b8,#092c52 48%,#06172c 100%);min-height:375px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03172bea,#05284be0 48%,#05284b70),repeating-linear-gradient(130deg,transparent 0 35px,#ffffff08 36px 37px)}.hero-copy,.track{position:relative;z-index:1}.eyebrow{color:#ff762d;font-size:13px;font-weight:900;letter-spacing:.7px}.hero h1{font-size:clamp(34px,4vw,52px);line-height:1.06;margin:10px 0}.hero h1 em{font-style:normal;color:#45adff}.hero h2{font-size:18px;color:#e3f4ff}.hero-copy>p:not(.eyebrow){line-height:1.6;color:#dce9f8}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:800}.blue{background:#0870e8;color:white}.ghost{border:1px solid white;color:white}.orange{background:var(--orange);color:white}.checks{display:flex;flex-wrap:wrap;gap:10px 15px;font-size:13px}.track{background:#fff;color:var(--ink);padding:22px;border-radius:16px;box-shadow:0 15px 40px #00142d75;max-width:390px;justify-self:end;width:100%}.trackhead{display:flex;align-items:center;gap:12px}.trackhead>b{font-size:43px;color:#0875e8}.track h3{margin:0 0 5px;font-size:20px}.track p{color:#60758e;font-size:13px;line-height:1.55}.wide{display:block;text-align:center}.track small{display:block;text-align:center;margin-top:10px;color:#6a7d93;font-size:11px}.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;padding:15px 4%;max-width:1450px;margin:auto}.categories a{display:flex;align-items:center;flex-direction:column;gap:5px;text-align:center;background:#f4f8fd;border:1px solid #e9eff7;border-radius:12px;padding:12px 4px}.categories i{font-style:normal;font-size:31px;font-weight:900;color:#126cda}.categories b{font-size:12px}.categories small{font-size:11px;color:#526b87}.trust{background:#f5f8fc;border-block:1px solid #eaf0f6;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 4%}.trust>div{display:flex;align-items:center;gap:11px;justify-content:center}.trust p{display:flex;flex-direction:column;gap:5px;margin:0}.trust strong{font-size:13px}.trust small{font-size:11px;color:#6b7e94}.ico{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:#fff;font-size:20px}.bluebg{background:#0870e7}.orangebg{background:#f45a0b}.greenbg{background:#0ba34c}.redbg{background:#e72e46}.section{max-width:1450px;margin:auto;padding:35px 4%}.secthead{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.secthead small,.about small,.contact small{color:#0870d9;font-weight:900;letter-spacing:.8px}.secthead h2,.contact h2{font-size:clamp(24px,2.8vw,32px);margin:5px 0}.secthead>a{color:#0868dc;font-weight:700;font-size:13px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.grid article{border:1px solid #e4ebf3;border-radius:13px;overflow:hidden;box-shadow:0 5px 16px #102c500b;padding-bottom:15px}.art{height:135px;display:grid;place-items:center;color:#bfe6ff;font-size:75px;font-weight:900;background:linear-gradient(135deg,#0c2748,#1174ba)}.computer{background:linear-gradient(135deg,#101b2c,#0868a8)}.printer{background:linear-gradient(135deg,#52677d,#b5cadc)}.mobile{background:linear-gradient(135deg,#1b3457,#6b85a8)}.cctv{background:linear-gradient(135deg,#101d32,#1462a5)}.network{background:linear-gradient(135deg,#112e4d,#0785a6)}.grid h3{margin:14px 16px 6px;font-size:18px}.grid p{margin:0 16px 9px;color:#65788e;font-size:13px;line-height:1.5}.grid ul{padding-left:33px;margin:0;font-size:12px;line-height:1.9}.grid li::marker{color:#159447}.about{background:linear-gradient(110deg,#062c54,#0b5793);color:#fff;display:grid;grid-template-columns:115px 1fr;gap:25px;align-items:center;padding:35px 6%}.about-logo{height:100px;width:100px;display:grid;place-items:center;border:2px solid #ffffff88;border-radius:25px 6px;font-size:70px;font-style:italic;font-weight:900;color:#5eb6ff}.about h2{font-size:clamp(24px,3vw,33px);margin:10px 0}.about p{line-height:1.7;color:#d9e9f8;max-width:900px;font-size:14px}.about small{color:#ff985c}.brands{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:15px 0}.brands b{font-size:23px;letter-spacing:-1px}.hp{font-size:34px!important;color:#087acb;font-style:italic}.dell{border:3px solid #0874ce;color:#0874ce;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:11px!important;letter-spacing:0!important}.lenovo{color:white;background:#e21b2d;padding:4px 7px}.asus{color:#172f59}.acer{color:#5aa126;font-style:italic}.canon{color:#d80019;font-family:Georgia}.epson{color:#1743ba}.mi{color:white;background:#ff6900;padding:8px;border-radius:9px}.samsung{color:#124c9a;font-size:17px!important}.apple{color:#202a38}.note{font-size:12px;color:#7a8a9d}.contact{background:#f2f6fb;padding:38px 5%;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.contact h2{font-size:34px}.contact p{color:#5c718a;line-height:1.6}.contactbox{background:white;border:1px solid #e2eaf3;border-radius:14px;padding:22px}.contactbox p{margin:8px 0;color:#193a60}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#061e39;color:#d9e7f7;padding:22px 4%}footer p{font-size:12px;color:#afc4dc}.footer-brand strong{color:white}.footer-brand small{color:#d9e7f7}.whatsapp{position:fixed;right:17px;bottom:16px;z-index:12;background:#0da64b;color:white;padding:13px 16px;border-radius:12px;font-weight:800;box-shadow:0 6px 20px #062d5230}
@media(max-width:1100px){header{gap:12px}.brand strong{font-size:20px}nav{gap:12px;font-size:12px}.categories{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.top{font-size:10px}.top span:nth-child(2),.top span:nth-child(3){display:none}.top>div{margin-left:auto}.top span{margin:0}.brand .logo{width:41px;height:41px;font-size:29px}.brand strong{font-size:20px}.brand small{font-size:9px}header{flex-wrap:wrap}.menu{display:block;margin-left:auto;border:0;background:#eef4fb;border-radius:7px;padding:8px;font-size:21px}nav{display:none;order:4;width:100%;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:12px;border-top:1px solid #edf1f7}.repair{order:3;width:100%;text-align:center}.hero{grid-template-columns:1fr;padding:30px 5%;gap:23px}.hero h1{font-size:37px}.track{max-width:none}.categories{grid-template-columns:repeat(4,1fr);gap:8px;padding:13px 4%}.categories a{padding:10px 3px}.categories b{font-size:11px}.trust{grid-template-columns:repeat(2,1fr);padding:15px 4%}.trust>div{justify-content:flex-start}.trust strong{font-size:12px}.trust small{font-size:10px}.section{padding:28px 4%}.secthead{align-items:flex-start;flex-direction:column;gap:7px}.grid{grid-template-columns:1fr}.art{height:155px}.about{grid-template-columns:1fr;padding:28px 5%;gap:14px}.about-logo{width:70px;height:70px;font-size:48px}.brands{justify-content:center;gap:17px 24px}.contact{grid-template-columns:1fr;padding:30px 5%;gap:12px}footer{align-items:flex-start;flex-direction:column;padding-bottom:75px}.whatsapp{right:10px;bottom:10px;padding:12px 14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Service card photos */
.art {
  height: 175px;
  display: block;
  font-size: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.art.laptop {
  background-image: url('https://images.unsplash.com/photo-1588872657578-7efd1f1555ed?auto=format&fit=crop&w=800&q=80');
}
.art.computer {
  background-image: url('https://images.unsplash.com/photo-1587831990711-23ca6441447b?auto=format&fit=crop&w=800&q=80');
}
.art.printer {
  background-image: url('https://images.unsplash.com/photo-1612815154858-60aa4c59eaa6?auto=format&fit=crop&w=800&q=80');
}
.art.mobile {
  background-image: url('https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?auto=format&fit=crop&w=800&q=80');
}
.art.cctv {
  background-image: url('https://images.unsplash.com/photo-1557597774-9d273605dfa9?auto=format&fit=crop&w=800&q=80');
}
.art.network {
  background-image: url('https://images.unsplash.com/photo-1519389950473-47ba0277781c?auto=format&fit=crop&w=800&q=80');
}

/* Fix service images */
.grid .art {
  height: 175px;
  display: block;
  overflow: hidden;
  position: relative;
  background: #eaf2fb;
  font-size: 0;
}
.grid .art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Keep service images inside their cards */
.grid article {
  min-width: 0;
  overflow: hidden;
}

.grid .art {
  width: 100%;
  height: 180px;
  max-height: 180px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  display: block;
  line-height: 0;
  background: #eaf2fb;
}

.grid .art img {
  display: block;
  width: 100%;
  height: 180px;
  max-width: 100%;
  object-fit: cover;
  object-position: center;
}

.grid h3,
.grid p,
.grid ul {
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .grid .art,
  .grid .art img {
    height: 200px;
    max-height: 200px;
  }
}