:root{
 --blue:#102a66;--blue2:#173c89;--navy:#071738;--accent:#f3c316;--red:#ec292f;--green:#25d366;
 --bg:#f5f7fb;--text:#172033;--muted:#667085;--line:#e5eaf3;--white:#fff;--radius:18px;
 --shadow:0 18px 50px rgba(11,31,72,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 60px));margin:auto}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:12px;color:var(--red)}.eyebrow:before{content:"";width:32px;height:2px;background:var(--red)}h1,h2,h3,h4{line-height:1.12;margin:0}h1{font-size:clamp(38px,5.1vw,72px);letter-spacing:-.04em}h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.03em}h3{font-size:22px}.lead{font-size:18px;color:#e8eefc;max-width:680px}.muted{color:var(--muted)}
.topbar{background:var(--navy);color:#dce5f8;font-size:13px}.topbar .container{display:flex;align-items:center;justify-content:space-between;padding:9px 0}.toplinks{display:flex;gap:22px}.toplinks a:hover{color:#fff}.header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 8px 28px rgba(8,23,56,.08)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:26px}.logo{display:flex;align-items:center;gap:12px;font-weight:900;color:var(--blue);font-size:25px}.logo img{width:170px;max-height:52px;object-fit:contain}.mainnav{display:flex;align-items:center;gap:26px;font-weight:700;font-size:14px}.mainnav a{padding:31px 0;position:relative}.mainnav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--red);transition:.2s}.mainnav a:hover:after{right:0}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;border-radius:999px;background:var(--blue);color:#fff;font-weight:800;font-size:14px;border:0;cursor:pointer}.cta.red{background:var(--red)}.cta.yellow{background:var(--accent);color:#1e2d4b}.menu-toggle{display:none;border:0;background:none;font-size:28px}
.hero{min-height:690px;color:white;position:relative;display:grid;align-items:center;background:linear-gradient(90deg,rgba(4,17,44,.94) 0%,rgba(5,24,60,.82) 48%,rgba(5,24,60,.28) 100%),url('https://www.laserspechub.com/images/guides/electrical-panel-installation.webp') center/cover}.hero:after{content:"";position:absolute;inset:auto 0 0;height:8px;background:linear-gradient(90deg,var(--red) 0 45%,var(--accent) 45% 62%,var(--blue2) 62%)}.hero .content{padding:100px 0 120px;position:relative;z-index:1}.hero h1{max-width:820px}.hero h1 span{color:var(--accent)}.hero .lead{margin:24px 0 30px}.hero-checks{display:flex;flex-wrap:wrap;gap:16px 26px;margin:26px 0 36px;font-weight:700;font-size:14px}.hero-checks span:before{content:"✓";color:var(--accent);font-weight:900;margin-right:8px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero .cta{padding:16px 22px}.hero .cta.ghost{background:transparent;border:1px solid rgba(255,255,255,.4)}
.quick-strip{margin-top:-58px;position:relative;z-index:5}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.quick{padding:26px;border-right:1px solid var(--line);display:flex;gap:14px;align-items:center}.quick:last-child{border:0}.quick b{display:block;color:var(--navy);font-size:15px}.quick small{color:var(--muted)}.quick .ico{width:46px;height:46px;border-radius:14px;background:#eef3ff;color:var(--blue);display:grid;place-items:center;font-size:22px;flex:0 0 46px}
section{padding:90px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end;margin-bottom:42px}.section-head p{margin:0;color:var(--muted)}.services{background:var(--bg)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.25s;box-shadow:0 8px 25px rgba(15,36,80,.05)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-img{height:210px;overflow:hidden;background:#dce5f5}.card-img img{width:100%;height:100%;object-fit:cover;transition:.4s}.card:hover .card-img img{transform:scale(1.04)}.card-body{padding:24px}.card-body h3{margin-bottom:10px;color:var(--navy)}.card-body p{color:var(--muted);font-size:14px;margin-bottom:18px}.link{color:var(--red);font-weight:800;font-size:14px}.tag{display:inline-flex;background:#eef3ff;color:var(--blue);padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;margin-bottom:14px}
.cta-band{padding:0}.cta-panel{background:linear-gradient(135deg,#0a1d49,#163b89);border-radius:26px;color:white;display:grid;grid-template-columns:1.35fr .65fr;overflow:hidden;min-height:330px;box-shadow:var(--shadow)}.cta-panel .copy{padding:54px}.cta-panel .copy p{color:#d6e0f5;max-width:680px}.cta-panel .visual{background:linear-gradient(0deg,rgba(6,21,52,.15),rgba(6,21,52,.15)),url('https://www.intecs.om/assets/images/new/EI1.jpg') center/cover;min-height:330px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-visual{position:relative}.about-visual img{width:100%;height:560px;object-fit:cover;border-radius:24px}.experience{position:absolute;right:-24px;bottom:34px;background:var(--red);color:#fff;border-radius:18px;padding:24px 26px;box-shadow:var(--shadow)}.experience b{font-size:38px;display:block;line-height:1}.about-copy p{color:var(--muted)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 32px}.feature{border:1px solid var(--line);border-radius:14px;padding:15px;font-weight:700;font-size:14px}.feature:before{content:"✓";color:var(--red);margin-right:8px}
.stats{background:var(--navy);color:#fff;padding:44px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{text-align:center;border-right:1px solid rgba(255,255,255,.16)}.stat:last-child{border:0}.stat b{display:block;font-size:40px;color:var(--accent)}.stat span{color:#c6d2eb;font-size:13px}
.projects{background:#fff}.projects-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:260px 260px;gap:18px}.project{position:relative;border-radius:18px;overflow:hidden;background:#ddd}.project:first-child{grid-row:1/3}.project img{width:100%;height:100%;object-fit:cover}.project:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,15,38,.92))}.project .caption{position:absolute;left:22px;right:22px;bottom:20px;color:white;z-index:2}.project .caption span{font-size:12px;color:#f8d84f;text-transform:uppercase;font-weight:800}.project .caption h3{margin-top:4px}
.faq{background:var(--bg)}.faq-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.faq-img img{width:100%;height:560px;object-fit:cover;border-radius:24px}.accordion{display:grid;gap:12px;margin-top:25px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-q{width:100%;background:#fff;border:0;padding:19px 20px;text-align:left;font-weight:800;color:var(--navy);display:flex;justify-content:space-between;gap:18px;cursor:pointer}.faq-a{display:none;padding:0 20px 20px;color:var(--muted);font-size:14px}.faq-item.open .faq-a{display:block}.faq-item.open .faq-q{color:var(--red)}
.blog{background:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.blog-card img{width:100%;height:200px;object-fit:cover}.blog-card .inside{padding:22px}.blog-meta{font-size:12px;color:var(--muted);margin:10px 0}.blog-card p{font-size:14px;color:var(--muted)}
.coverage{background:#0b1b42;color:#fff}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.coverage p{color:#cbd6ec}.city-tags{display:flex;flex-wrap:wrap;gap:10px}.city-tags span{border:1px solid rgba(255,255,255,.22);padding:9px 13px;border-radius:999px;font-size:13px;background:rgba(255,255,255,.04)}
.contact{background:linear-gradient(90deg,#f5f7fb 0 62%,#fff 62%)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-list{display:grid;gap:12px;margin-top:28px}.contact-row{display:flex;gap:14px;align-items:flex-start}.contact-row b{display:block}.contact-row span{color:var(--muted)}form{background:#fff;border-radius:22px;padding:30px;box-shadow:var(--shadow);border:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-weight:700;font-size:13px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #dfe5ef;border-radius:11px;font:inherit;background:#fbfcfe}.field textarea{min-height:120px;resize:vertical}
.footer{background:#06132f;color:#c5d0e8;padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr 1fr;gap:36px}.footer h4{color:#fff;margin-bottom:18px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:14px}.footer .brand p{max-width:320px;font-size:14px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:45px;padding-top:22px;font-size:12px;display:flex;justify-content:space-between}.whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:25px;font-weight:900;z-index:60;box-shadow:0 12px 30px rgba(0,0,0,.2)}
.page-hero{background:linear-gradient(90deg,rgba(4,17,44,.94),rgba(9,31,72,.75)),url('https://www.orionts.co.uk/hs-fs/hubfs/Images/s2.webp?height=1067&name=s2.webp&width=1600') center/cover;color:#fff;padding:90px 0}.page-hero p{color:#d8e2f5;max-width:680px}.article{max-width:820px;margin:auto}.article img{border-radius:18px;margin:24px 0}.article h2{font-size:32px;margin:36px 0 14px}.article p,.article li{color:#475467}.article .note{border-left:4px solid var(--accent);background:#fff8d8;padding:18px;border-radius:0 12px 12px 0}
@media(max-width:960px){.mainnav,.nav>.cta{display:none}.menu-toggle{display:block}.mainnav.open{display:flex;position:absolute;top:86px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:20px 28px;box-shadow:0 18px 35px rgba(0,0,0,.12)}.mainnav.open a{padding:9px 0}.hero{min-height:620px}.quick-grid{grid-template-columns:1fr 1fr}.section-head,.about-grid,.faq-grid,.coverage-grid,.contact-grid{grid-template-columns:1fr}.cards,.blog-grid{grid-template-columns:1fr 1fr}.cta-panel{grid-template-columns:1fr}.cta-panel .visual{min-height:260px}.projects-grid{grid-template-columns:1fr 1fr;grid-template-rows:320px 240px 240px}.project:first-child{grid-column:1/-1;grid-row:auto}.stat-grid{grid-template-columns:1fr 1fr;gap:25px}.stat:nth-child(2){border-right:0}.footer-grid{grid-template-columns:1fr 1fr}.contact{background:var(--bg)}}
@media(max-width:640px){.container{width:min(100% - 56px,1180px)}.topbar .container{justify-content:center}.toplinks{display:none}.hero .content{padding:76px 0 100px}.hero h1{font-size:42px}.quick-strip{margin-top:-36px}.quick-grid,.cards,.blog-grid,.feature-list,.form-grid,.footer-grid{grid-template-columns:1fr}.quick{border-right:0;border-bottom:1px solid var(--line)}.section-head{gap:16px}.projects-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,300px)}.project:first-child{grid-column:auto}.about-visual img,.faq-img img{height:410px}.experience{right:12px}.stat-grid{grid-template-columns:1fr 1fr}.stat{border:0}.cta-panel .copy{padding:34px 26px}.copyright{gap:12px;flex-direction:column}.contact-grid{gap:30px}section{padding:68px 0}}

/* Service pages + mobile polish */
.service-hero{padding:76px 0;background:#071936;color:#fff}.service-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.service-hero h1{font-size:clamp(38px,5vw,64px);max-width:760px}.service-hero p{color:#d8e2f5;font-size:18px;max-width:650px}.service-hero img{width:100%;height:430px;object-fit:cover;border-radius:24px;box-shadow:var(--shadow)}.service-hero .ghost{background:transparent;border:1px solid rgba(255,255,255,.35)}
.service-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:start}.service-content{max-width:780px}.service-content p,.service-content li{color:#526173}.service-content h3{margin-top:28px}.check-list{display:grid;gap:10px;padding:0;list-style:none}.check-list li{padding:13px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.check-list li:before{content:'✓';color:var(--red);font-weight:900;margin-right:10px}.service-note{margin:28px 0;padding:18px 20px;border-radius:14px;background:#fff8d9;border:1px solid #f3e39b;color:#5d5430}.service-aside{position:sticky;top:110px;border:1px solid var(--line);border-radius:20px;padding:26px;background:#fff;box-shadow:0 12px 35px rgba(15,36,80,.08)}.service-aside p{color:var(--muted)}.wide{width:100%}.aside-link{display:block;margin-top:14px;font-weight:700;color:var(--navy)}.related{background:var(--bg)}
.mobile-contact-bar{display:none}
.contact-row a{color:inherit}.footer a:hover{color:#fff}
@media(max-width:960px){.service-hero-grid,.service-layout{grid-template-columns:1fr}.service-hero img{height:360px}.service-aside{position:static}.service-content{max-width:none}.header{position:sticky;top:0;z-index:90}.mainnav.open{z-index:95}.logo img{max-width:190px;height:auto}}
@media(max-width:640px){body{padding-bottom:66px}.header .nav{min-height:74px}.logo img{max-width:155px}.menu-toggle{font-size:30px;line-height:1;padding:8px}.mainnav.open{top:74px;padding:14px 20px 22px;max-height:calc(100vh - 74px);overflow:auto}.mainnav.open a{width:100%;font-size:16px;padding:12px 0;border-bottom:1px solid var(--line)}.hero{min-height:560px;background-position:58% center}.hero .content{padding:68px 0 86px}.hero h1{font-size:clamp(36px,11vw,48px);line-height:1.02}.hero .lead{font-size:16px}.hero-checks{display:grid;gap:10px}.hero-actions{display:grid}.hero-actions .cta{width:100%}.quick-strip{margin-top:-24px}.quick{padding:18px}.section-head h2,.about-copy h2,.faq h2,.coverage h2,.contact h2{font-size:clamp(30px,9vw,40px)}.card-img{height:220px}.blog-card img{height:210px}.projects-grid{grid-template-rows:none}.project,.project:first-child{min-height:280px}.about-grid,.faq-grid{gap:34px}.about-visual img,.faq-img img{height:360px}.experience{right:10px;bottom:18px;padding:18px 20px}.experience b{font-size:30px}.stats{padding:30px 0}.stat b{font-size:30px}.stat span{font-size:12px}.service-hero{padding:54px 0}.service-hero-grid{gap:28px}.service-hero h1{font-size:clamp(36px,10vw,48px)}.service-hero p{font-size:16px}.service-hero img{height:280px;border-radius:18px}.service-layout{gap:30px}.service-aside{padding:22px}.page-hero{padding:58px 0}.page-hero h1{font-size:clamp(36px,10vw,48px)}.article{width:min(100% - 56px,820px)}.article h2{font-size:28px}.form-grid .field{grid-column:1/-1}form{padding:22px}.contact-row{word-break:break-word}.whatsapp{display:none}.mobile-contact-bar{display:grid;grid-template-columns:1fr 1.35fr;position:fixed;left:0;right:0;bottom:0;height:66px;background:#fff;z-index:100;border-top:1px solid var(--line);box-shadow:0 -10px 24px rgba(7,25,54,.12);padding:8px 10px;gap:8px}.mobile-contact-bar a{display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:800;background:#edf1f7;color:var(--navy)}.mobile-contact-bar .mobile-wa{background:var(--green);color:#fff}.footer{padding-bottom:46px}.footer .logo img{max-width:180px}}

/* Social icons - official-style brand marks */
.social-links{display:flex;align-items:center;gap:10px;margin-top:10px}
.social-icon{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}
.social-icon svg{width:20px;height:20px;display:block;fill:#fff}
.social-icon.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.social-icon.facebook{background:#1877f2}
.social-icon.whatsapp{background:#25d366}
.social-icon:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.18);opacity:.96}
.footer-social-item{margin-top:8px}
.floating-whatsapp{display:flex;align-items:center;justify-content:center}
.floating-whatsapp svg{width:28px;height:28px;fill:#fff}
@media(max-width:767px){
  .social-links{gap:12px}
  .social-icon{width:44px;height:44px}
}