@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@700;800&display=swap');:root{--navy:#061f55;--blue:#0757b3;--electric:#1d7fe5;--ink:#12213a;--muted:#617089;--pale:#f3f7fc;--line:#dce5f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.nav{height:128px;display:flex;align-items:center;padding:0 5.5vw;gap:38px;background:#fffffff5;backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand img{width:360px;max-height:112px;object-fit:contain;display:block}.nav nav{margin-left:auto;display:flex;gap:30px;font-size:14px;font-weight:700}.nav nav a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 23px;border-radius:7px;background:linear-gradient(135deg,var(--blue),#073b83);color:#fff;font-weight:800;box-shadow:0 10px 25px #0757b326}.btn.small{padding:11px 17px;font-size:13px}.secondary{background:#fff;color:var(--navy);box-shadow:none;border:1px solid #b7c9df}.hero{min-height:740px;position:relative;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;background:linear-gradient(110deg,#fff 0 54%,#eaf3fc 54%)}.hero-copy{z-index:2;align-self:center;padding:72px 2vw 72px 6vw}.tag,.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--blue)}h1,h2{font-family:Manrope,Inter,sans-serif}h1{font-size:clamp(47px,5.3vw,78px);line-height:.99;letter-spacing:-3px;color:var(--navy);max-width:780px;margin:20px 0 25px}h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:20px;line-height:1.65;max-width:720px;color:#45566e}.actions{display:flex;gap:12px;margin:31px 0}.trust{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#52647d}.network-art{position:relative;background:radial-gradient(circle at 40% 50%,#126ac2,#041b3d 58%);overflow:hidden}.rack{position:absolute;width:78%;height:70%;top:15%;left:8%;border:10px solid #0b1728;background:#050d19;padding:30px;transform:perspective(800px) rotateY(-6deg);box-shadow:0 35px 80px #0008}.rack i{display:block;height:13%;margin:2.7% 0;border:2px solid #1d6cb5;background:repeating-linear-gradient(90deg,#061322 0 20px,#0c5aa3 21px 24px,#061322 25px 35px);box-shadow:inset 0 0 16px #0a6fd8}.rack i:after{content:"";display:block;width:45%;height:6px;margin:18px;background:repeating-linear-gradient(90deg,#44b8ff 0 8px,transparent 9px 15px)}.glow{position:absolute;width:450px;height:450px;border-radius:50%;background:#1987ed33;filter:blur(35px);right:-120px;bottom:-100px}.intro{padding:95px 6vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.intro h2,.section-head h2,.why h2,.industries h2,.cta h2{font-size:clamp(36px,4vw,55px);line-height:1.08;letter-spacing:-1.5px;color:var(--navy);margin:12px 0}.intro>p{font-size:19px;line-height:1.8;color:#53637a}.services{padding:100px 6vw;background:var(--pale)}.section-head{text-align:center;max-width:800px;margin:0 auto 50px}.grid{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid article{position:relative;background:#fff;padding:32px;border:1px solid var(--line);border-radius:12px;transition:.25s;overflow:hidden}.grid article:hover{transform:translateY(-5px);box-shadow:0 18px 45px #092d5e14}.num{position:absolute;right:20px;top:17px;color:#d8e5f3;font-size:30px;font-weight:800}.ico{width:49px;height:49px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:9px;font-size:22px}.grid h3{font-size:21px;color:var(--navy);margin:20px 0 10px}.grid p{color:#637087;line-height:1.6;font-size:14px}.grid ul{padding-left:18px;color:#34445b;line-height:1.8;font-size:14px}.why{padding:100px 6vw;background:linear-gradient(130deg,#041b43,#063b80);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:80px}.why h2{color:#fff}.why-copy>p{color:#c6d5e8;line-height:1.7;font-size:18px}.light{color:#7fc0ff}.stats{display:flex;gap:45px;margin-top:40px}.stats div{display:flex;flex-direction:column}.stats strong{font-size:40px}.stats span{font-size:12px;color:#b9cbe1}.feature-list>div{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid #ffffff25}.feature-list b{color:#60b1ff}.feature-list span{display:flex;flex-direction:column;gap:7px}.feature-list strong{font-size:17px}.feature-list small{color:#bbcee4;line-height:1.5}.industries{padding:90px 6vw;text-align:center}.industry-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:35px}.industry-row span{padding:15px 22px;border:1px solid var(--line);border-radius:6px;font-weight:700;color:var(--navy);background:#fff}.cta{padding:90px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#f3f7fc}.contact{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact a,.contact p{padding:15px;margin:0;border-bottom:1px solid var(--line)}.contact small{display:block;color:#77859a;font-weight:700;font-size:10px;letter-spacing:1px;margin-bottom:5px}.contact strong{color:var(--navy);font-size:16px}footer{padding:35px 6vw;background:#031634;color:#c1d0e2;display:flex;align-items:center;gap:30px;font-size:12px}footer img{width:160px;background:#fff;padding:5px}footer p:last-child{margin-left:auto}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr;background:#fff}.network-art{min-height:390px}.grid{grid-template-columns:1fr 1fr}.intro,.why,.cta{grid-template-columns:1fr}.hero-copy{padding:65px 6vw}.brand img{width:180px}}@media(max-width:580px){.nav{height:78px;padding:0 20px}.brand img{width:145px}.btn.small{font-size:11px;padding:9px}.hero-copy{padding:55px 24px}.grid{grid-template-columns:1fr}.services,.intro,.why,.industries,.cta{padding:70px 24px}.stats{gap:20px}.contact{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}footer p:last-child{margin-left:0}}
/* LAN-TECH custom identity refinements */
.hero:before{content:"LAN-TECH";position:absolute;left:5.5vw;bottom:-22px;font-family:Manrope,Inter,sans-serif;font-size:150px;font-weight:800;letter-spacing:-8px;color:#062b6f08;z-index:0}
.hero-copy:before{content:"NETWORK • CABLING • SECURITY • WIRELESS • IT";display:block;width:max-content;max-width:100%;padding:8px 12px;margin-bottom:18px;border-left:4px solid #0b65c2;background:#edf5ff;color:#073b83;font-size:11px;font-weight:800;letter-spacing:1.2px}
.network-art:after{content:"INFRASTRUCTURE / NETWORKING / CONNECTIVITY";position:absolute;right:20px;bottom:18px;color:#ffffff88;font-size:10px;font-weight:800;letter-spacing:2px}
.intro{border-top:5px solid #0757b3}
.services .grid article:nth-child(1),.services .grid article:nth-child(2){border-top:4px solid #0757b3}
.services .grid article:nth-child(3),.services .grid article:nth-child(4){border-top:4px solid #123c78}
.services .grid article:nth-child(5),.services .grid article:nth-child(6){border-top:4px solid #287ac7}
@media(max-width:900px){.nav{height:105px}.brand img{width:280px;max-height:90px}}
@media(max-width:580px){.nav{height:88px}.brand img{width:205px;max-height:72px}.hero:before{font-size:80px}}

/* v3: Large centered LAN-TECH logo on homepage */
.nav .brand-text{
  font-family:Manrope,Inter,sans-serif;
  font-size:20px;
  font-weight:800;
  letter-spacing:1px;
  color:#061f55;
}
.hero{
  padding-top:210px !important;
  grid-template-columns:1.08fr .92fr !important;
  min-height:900px !important;
}
.hero-logo-center{
  position:absolute;
  top:34px;
  left:50%;
  transform:translateX(-50%);
  z-index:8;
  width:min(720px,78vw);
  height:165px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border-radius:16px;
  box-shadow:0 18px 55px rgba(4,36,83,.14);
  border:1px solid #dbe7f3;
  padding:10px 32px;
}
.hero-logo-center img{
  width:100% !important;
  height:100% !important;
  max-width:680px !important;
  object-fit:contain !important;
  display:block !important;
}
.hero-copy{padding-top:25px !important}
.network-art{min-height:650px !important}
@media(max-width:900px){
 .hero{padding-top:185px !important;min-height:auto !important}
 .hero-logo-center{top:25px;width:88vw;height:145px}
 .network-art{min-height:390px !important}
}
@media(max-width:580px){
 .hero{padding-top:155px !important}
 .hero-logo-center{top:18px;width:92vw;height:120px;padding:8px 18px}
 .nav .brand-text{font-size:17px}
}

/* v4 compact custom LAN-TECH homepage */
.nav{height:72px !important}
.nav .brand-text{font-size:18px !important}
.compact-hero{
  min-height:0 !important;
  height:auto !important;
  padding:58px 6vw 54px !important;
  display:block !important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.98),rgba(244,249,255,.95)),
    repeating-linear-gradient(135deg,transparent 0 44px,rgba(7,87,179,.025) 45px 46px) !important;
  border-bottom:1px solid #dce5f0;
}
.compact-hero:before{display:none !important}
.hero-inner{max-width:1180px;margin:auto;text-align:center}
.hero-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:22px}
.hero-brand img{
  width:min(520px,72vw) !important;
  height:auto !important;
  max-height:145px;
  object-fit:contain;
  display:block;
}
.hero-kicker{margin:10px 0 0;font-size:11px;letter-spacing:2px;font-weight:800;color:#58708d}
.compact-hero h1{
  max-width:none;
  margin:12px auto 16px;
  font-size:clamp(38px,4.8vw,65px);
  line-height:1.02;
  letter-spacing:-2.5px;
}
.compact-hero .hero-lead{
  max-width:none;
  margin:0 auto;
  font-size:16px;
  font-weight:600;
  letter-spacing:.3px;
  color:#52647c;
}
.compact-hero .actions{justify-content:center;margin:25px 0 0}
.phone-link{display:inline-flex;align-items:center;padding:13px 18px;color:#062b6f;font-weight:800}
.compact-intro{
  padding:38px 6vw 34px !important;
  grid-template-columns:.9fr 1.1fr !important;
  gap:55px !important;
  border-top:0 !important;
}
.compact-intro h2{font-size:clamp(27px,3vw,39px) !important;margin-bottom:0 !important}
.compact-intro>p{font-size:16px !important;line-height:1.65 !important;margin:0}
.services{padding:52px 6vw 78px !important}
.section-head{margin-bottom:30px !important}
.section-head h2{font-size:clamp(32px,3.5vw,46px) !important}
.grid{gap:14px !important}
.grid article{
  padding:24px !important;
  border-radius:8px !important;
  box-shadow:none !important;
  border:1px solid #dce5f0 !important;
  border-top:3px solid #0757b3 !important;
}
.grid article:hover{transform:translateY(-3px) !important;box-shadow:0 10px 25px rgba(9,45,94,.08) !important}
.grid .ico{background:#eef5fc !important;color:#0757b3 !important;border-radius:6px !important}
.why{padding:72px 6vw !important}
.industries,.cta{padding-top:65px !important;padding-bottom:65px !important}
@media(max-width:900px){
 .compact-intro{grid-template-columns:1fr !important;gap:15px !important}
 .compact-hero{padding-top:42px !important}
}
@media(max-width:580px){
 .compact-hero{padding:36px 22px 40px !important}
 .hero-brand img{width:88vw !important}
 .compact-intro,.services{padding-left:22px !important;padding-right:22px !important}
}