
:root{--navy:#071b38;--blue:#0879bd;--cyan:#20b9d7;--orange:#f28b31;--ink:#1d2b3b;--muted:#66768a;--light:#f3f7fb}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,92%);margin:auto}
.top{background:#041126;color:#dce9f5;font-size:13px;padding:8px 0}.top .container{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 3px 20px #071b3814}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:min(330px,42vw);max-height:65px;object-fit:contain;object-position:left center;display:block}
nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:bold}nav a:hover,nav a.active{color:var(--blue)}.nav-cta,.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--orange);color:white;padding:12px 19px;border-radius:8px;font-weight:bold;border:0;cursor:pointer}.menu{display:none;border:0;background:none;font-size:28px;color:var(--navy)}
.hero{min-height:550px;color:white;display:flex;align-items:center;background:linear-gradient(100deg,#04172ff2,#082e56d9 55%,#082e5655),url('https://spectrumuvtech.in/uploads/images/new_slider1769238252.jpg') center/cover no-repeat}.hero-content{padding:80px 0;max-width:740px}.eyebrow{font-size:12px;color:var(--cyan);font-weight:bold;letter-spacing:2px;text-transform:uppercase}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.1;margin:15px 0 20px}.hero h1 span{color:#28c6e0}.hero p{font-size:18px;color:#e0ebf6;max-width:650px;margin-bottom:27px}.actions{display:flex;gap:12px;flex-wrap:wrap}.outline{padding:11px 18px;border:1px solid #ffffff9c;border-radius:8px;font-weight:bold}
section{padding:78px 0}.section-head{max-width:740px;margin-bottom:35px}.kicker{color:#058bb2;font-size:12px;font-weight:bold;letter-spacing:2px;text-transform:uppercase}h2{font-size:clamp(29px,3.5vw,43px);line-height:1.2;color:var(--navy);margin:9px 0 14px}.section-head p,.muted{color:var(--muted)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.about-photo{height:390px;border-radius:18px;background:url('https://spectrumuvtech.in/uploads/images/new_slider1769237961.jpg') center/cover no-repeat;box-shadow:0 18px 45px #071b381a}.ticks{list-style:none;margin:22px 0}.ticks li{margin:12px 0}.ticks li:before{content:'✓';display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e1f7fb;color:#0879a0;margin-right:10px;font-weight:bold}
.products{background:var(--light)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid #e4ebf2;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 25px #071b3809;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #071b3818}.card img{width:100%;height:220px;object-fit:contain;background:#f7f8fa;padding:8px}.card-body{padding:23px}.card h3{font-size:21px;color:var(--navy);margin-bottom:8px}.card p{font-size:14px;color:var(--muted);margin-bottom:16px}.text-link{font-weight:bold;color:#078bb2;font-size:13px}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.feature{padding:24px;border:1px solid #e3ebf2;border-radius:14px}.feature b{display:block;color:var(--navy);margin-bottom:7px}.feature p{font-size:13px;color:var(--muted)}
.cta{background:linear-gradient(110deg,#082448,#07527d);color:white;border-radius:20px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{color:white;font-size:32px}.cta p{color:#d3e4f1}
.contact{background:var(--navy);color:white}.contact h2{color:white}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px}.contact .muted{color:#c7d6e5}.details{margin-top:24px;display:grid;gap:18px}.details b{display:block}.details a,.details span{color:#d2dfec;font-size:14px}
.form{background:#fff;color:var(--ink);padding:27px;border-radius:16px}.form h3{font-size:24px;color:var(--navy)}.form>p{font-size:13px;color:var(--muted);margin-bottom:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{margin-bottom:13px}.field.full{grid-column:1/-1}label{display:block;font-size:12px;font-weight:bold;margin-bottom:6px}input,textarea,select{width:100%;padding:12px;border:1px solid #d9e2eb;border-radius:8px;font:inherit;font-size:14px}textarea{min-height:100px;resize:vertical}.form .btn{width:100%}.small{font-size:11px;color:#758398;margin-top:10px;text-align:center}
.page-hero{padding:65px 0;background:linear-gradient(100deg,#04172ff2,#0b4774d9),url('https://spectrumuvtech.in/uploads/images/new_slider1769238252.jpg') center/cover;color:white}.page-hero h1{font-size:clamp(34px,4vw,52px);margin:6px 0}.page-hero p{color:#dbe8f3;max-width:700px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid figure{border-radius:13px;overflow:hidden;border:1px solid #e2eaf1;background:#f6f8fa}.gallery-grid img{width:100%;height:240px;object-fit:contain}.gallery-grid figcaption{padding:12px 15px;font-weight:bold;color:var(--navy)}
footer{background:#041126;color:#b6c6d7;padding:25px 0;font-size:12px}.foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.foot b{color:white}
.back{position:fixed;right:18px;bottom:18px;background:var(--orange);color:white;border:0;border-radius:9px;padding:10px 14px;font-size:20px;display:none;cursor:pointer}
@media(max-width:900px){nav{gap:13px}.cards{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:25px}}
@media(max-width:720px){.nav{height:72px}.menu{display:block}.brand img{width:min(280px,68vw);max-height:55px}nav{display:none;position:absolute;top:72px;left:0;right:0;padding:14px 5% 22px;background:white;box-shadow:0 15px 20px #071b3815;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px 0;border-bottom:1px solid #edf1f5}.nav-cta{margin-top:12px}.hero{min-height:500px}.hero-content{padding:65px 0}.about-grid,.contact-grid{grid-template-columns:1fr}.about-photo{height:300px}.cards,.gallery-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;flex-direction:column;padding:28px}.top .container{justify-content:center;text-align:center}section{padding:60px 0}}
@media(max-width:440px){.features,.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.hero h1{font-size:38px}}
