@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071c36;--navy2:#103f6c;--green:#078a26;--bright:#62d528;--pale:#e2ffd6;--line:#e0e5e8;--muted:#566577;--shadow:0 14px 42px rgba(10,30,55,.09);--max:1430px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font-family:'DM Sans','Arial',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}*:focus-visible{outline:3px solid #77e153;outline-offset:3px}.container{width:min(var(--max),calc(100% - 112px));margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.04em}p{line-height:1.55}.header{z-index:25;position:sticky;top:0;background:rgba(255,255,255,.97);box-shadow:0 2px 0 rgba(5,32,55,.04);backdrop-filter:blur(14px)}.header-inner{height:109px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;align-items:center;flex-shrink:0}.logo img{width:310px;height:83px;display:block}.nav{display:flex;align-items:center;gap:44px;margin-left:auto}.nav a{font-weight:800;font-size:16px;position:relative;padding:37px 0}.nav a.active{color:var(--green)}.nav a.active::after,.nav a:hover::after{content:'';position:absolute;left:0;right:0;bottom:20px;height:3px;border-radius:3px;background:#27ba37}.header-contact{font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:9px;margin-left:auto;font-size:16px}.header-contact svg{width:21px;height:21px;fill:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:linear-gradient(120deg,#10a32f,#007e1d);color:#fff;border:0;border-radius:10px;padding:16px 25px;font-weight:800;font-size:16px;box-shadow:0 5px 12px rgba(0,119,35,.14);transition:transform .2s,box-shadow .2s,background .2s;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 9px 19px rgba(0,119,35,.22)}.btn svg{width:20px;height:20px}.btn-outline{background:transparent;border:2px solid var(--green);color:var(--navy);box-shadow:none}.btn-outline:hover{background:#e9fff0;box-shadow:none}.btn-ghost{background:rgba(6,26,50,.1);border:2px solid rgba(255,255,255,.7);box-shadow:none}.btn-ghost:hover{background:rgba(255,255,255,.13)}.header-quote{white-space:nowrap;margin-left:8px}.menu-button{display:none;border:0;background:transparent;color:var(--navy);padding:12px}.menu-button svg{width:28px;height:28px}.eyebrow{font-weight:800;text-transform:uppercase;font-size:15px;letter-spacing:.02em;color:var(--green);display:flex;align-items:center;gap:13px}.eyebrow:before{content:'';display:block;width:52px;height:4px;border-radius:4px;background:#27bb30}.eyebrow.light{color:#fff}.eyebrow.light:before{background:var(--bright)}.section-title{font-size:clamp(32px,3.5vw,56px);line-height:1.15;font-weight:800}.text-muted{color:var(--muted)}
/* Hero maintains the original editorial split-image structure, but telecom is the lead service. */
.hero{min-height:718px;position:relative;overflow:hidden;background:#0b2b4b;color:#fff;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 42%;filter:saturate(.98)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,23,48,.98) 0%,rgba(3,34,63,.92) 30%,rgba(3,34,63,.65) 53%,rgba(3,34,63,.02) 100%)}.hero-content{position:relative;z-index:1;padding-top:80px;padding-bottom:85px}.hero h1{font-size:clamp(40px,4.65vw,76px);line-height:1.14;max-width:900px;font-weight:800;margin:30px 0 25px;letter-spacing:-.048em}.hero h1 span{display:block;color:var(--bright)}.hero p{font-size:clamp(19px,1.65vw,26px);max-width:690px;font-weight:500;color:#f3f6fa;margin-bottom:47px}.hero-actions{display:flex;flex-wrap:wrap;gap:22px}.hero-actions .btn{min-height:70px;padding:18px 32px;font-size:20px}.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:31px 0 28px;gap:0}.benefit-item{display:flex;align-items:center;gap:17px;padding:0 34px;border-right:1px solid #d9dfe5}.benefit-item:first-child{padding-left:0}.benefit-item:last-child{border-right:0;padding-right:0}.benefit-item svg{width:50px;height:50px;stroke:var(--green);flex-shrink:0;stroke-width:1.7;fill:none}.benefit-item strong{font-family:Manrope,sans-serif;font-size:19px;line-height:1.3}
/* Home feature and service overview */
.section{padding:98px 0}.section-soft{background:#f6f9fc}.intro-head{text-align:center;max-width:850px;margin:0 auto 44px}.intro-head .eyebrow{justify-content:center}.intro-head h2{margin:21px 0 16px}.intro-head p{color:#536579;font-size:18px}.service-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.preview-card{border:1px solid #e0e6e9;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.03);display:flex;flex-direction:column}.preview-card .visual{height:225px;overflow:hidden;background:#d9e3ec}.preview-card .visual img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.preview-card:hover .visual img{transform:scale(1.045)}.preview-content{padding:25px 27px 29px;display:flex;flex:1;flex-direction:column}.preview-content h3{font-size:24px;line-height:1.2;margin:10px 0 13px}.preview-content p{color:#526479;font-size:16px;margin:0 0 22px}.mini-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:#048527;font-size:15px;font-weight:800}.mini-link:hover{text-decoration:underline}.eyebrow-small{font-size:12px;color:var(--green);font-weight:800;letter-spacing:.12em}.summary-band{background:linear-gradient(105deg,#08345c,#115486);border-radius:22px;color:#fff;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:40px}.summary-band h2{font-size:31px;margin-bottom:10px}.summary-band p{margin:0;color:#deecf7}.summary-band .btn{flex-shrink:0}
/* Services page is the same quote-card composition as the reference package page. */
.services-mast{position:relative;padding:52px 0 68px;overflow:hidden;background:linear-gradient(110deg,#f7faff 0%,#fff 53%,#edf4f9 100%)}.services-mast:before{content:'';position:absolute;width:600px;height:410px;right:-60px;top:-42px;opacity:.14;background:url('https://images.unsplash.com/photo-1758514475000-f7d515078c81?auto=format&fit=crop&w=1100&q=80') center/cover;mask-image:linear-gradient(to right,transparent,black)}.services-mast .container{position:relative}.services-mast h1{font-size:clamp(36px,4vw,63px);max-width:930px;line-height:1.13;margin:22px 0 12px}.services-mast .lead{font-size:19px;font-weight:600;color:#364456;max-width:920px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px}.service-card{position:relative;background:rgba(255,255,255,.96);border:1.8px solid #e4e6e9;border-radius:22px;box-shadow:0 12px 22px rgba(12,40,58,.035);padding:27px 30px 30px;display:flex;flex-direction:column;min-width:0}.service-card.featured{border-color:#1ca431;background:#f7fff3;box-shadow:0 8px 25px rgba(17,149,35,.08)}.ribbon{position:absolute;top:-19px;left:50%;transform:translateX(-50%);background:#13bb1e;color:#fff;font-size:13px;font-weight:800;border-radius:25px;padding:9px 20px;white-space:nowrap}.service-card h2{text-align:center;font-size:27px;margin:10px 0 8px}.service-card .subheading{text-align:center;font-size:15px;font-weight:700;color:#485366;min-height:47px}.service-card img{display:block;width:100%;height:160px;object-fit:cover;object-position:center;border-radius:12px;margin:11px 0 15px;background:#eaf2f8}.service-card .category-label{background:#dcfdd3;color:#084d18;font-size:15px;font-weight:800;border-radius:13px;text-align:center;padding:13px;margin:0 0 18px}.service-card ul{padding:0;margin:0 0 25px;list-style:none;display:grid;gap:12px}.service-card li{font-size:14px;line-height:1.4;font-weight:650;display:grid;grid-template-columns:21px 1fr;gap:9px;align-items:start}.service-card li:before{content:'✓';display:flex;align-items:center;justify-content:center;background:#20b633;color:#fff;width:19px;height:19px;border-radius:50%;font-size:13px;font-weight:800}.service-card .btn{margin-top:auto;padding:15px 15px}.note-quote{margin:31px 0 0;text-align:center;font-size:15px;color:#687687}
/* About layout */
.about-intro{padding:67px 0 32px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.about-image{width:100%;height:570px;object-fit:cover;object-position:center;border-radius:26px;box-shadow:0 8px 25px rgba(0,0,0,.07)}.about-content h1{font-size:clamp(38px,4vw,64px);line-height:1.13;margin:25px 0 23px}.about-content>p{font-size:19px;line-height:1.58;margin-bottom:27px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:37px}.about-value{text-align:center;padding:5px 16px;border-right:1px solid #dce3e9}.about-value:last-child{border:0}.about-value svg{height:49px;width:49px;margin-bottom:16px;stroke:#0aa32d;fill:none;stroke-width:1.8}.about-value strong{display:block;font-family:Manrope,sans-serif;line-height:1.28;font-size:17px}.fact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-radius:20px;padding:36px;background:linear-gradient(100deg,#0b3762,#0c4778);color:#fff;margin:48px 0 65px}.fact{display:flex;align-items:center;justify-content:center;gap:24px;border-right:2px solid rgba(255,255,255,.5);padding:0 18px}.fact:last-child{border:0}.fact svg{width:53px;height:53px;stroke:#a1fb50;fill:none;stroke-width:1.8}.fact strong{font-size:25px;font-family:Manrope,sans-serif;display:block;line-height:1.2}.fact small{font-size:14px;font-weight:600;color:#e5f0fb}.about-expertise h2{font-size:37px}.about-expertise .pill-list{display:flex;flex-wrap:wrap;gap:12px}.about-expertise .pill-list span{border:1px solid #d1e6d7;border-radius:30px;padding:10px 18px;background:#f4fff7;font-weight:700;font-size:14px}
/* Contact page */
.contact-page{position:relative;padding:48px 0 62px;background:#f4f7fb;overflow:hidden;min-height:820px}.contact-page .bg-img{position:absolute;right:0;top:0;height:100%;width:46%;object-fit:cover;object-position:center;filter:saturate(.82)}.contact-page:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 47%,rgba(255,255,255,.92) 64%,rgba(255,255,255,.05) 100%)}.contact-page .container{position:relative;z-index:2}.contact-page h1{font-size:clamp(40px,4.6vw,65px);line-height:1.1;max-width:800px;margin:24px 0 12px}.contact-page .lead{max-width:720px;font-size:22px;font-weight:500;line-height:1.4}.contact-grid{display:grid;grid-template-columns:410px 610px;gap:17px;align-items:stretch;margin-top:27px}.contact-card,.form-card{background:rgba(255,255,255,.98);border-radius:22px;padding:27px 32px;box-shadow:0 9px 30px rgba(12,41,69,.12)}.contact-card{background:linear-gradient(155deg,#fff 0%,#f0f5fb 100%)}.contact-item{display:grid;grid-template-columns:60px 1fr;gap:21px;align-items:start;border-bottom:1px solid #d4dce4;padding:23px 0}.contact-item:last-child{border:0}.contact-item svg{width:49px;height:49px;fill:none;stroke:#0aaa26;stroke-width:1.85}.contact-item strong{font-size:18px;display:block;margin:0 0 5px}.contact-item a,.contact-item span{font-size:17px;font-weight:650;overflow-wrap:anywhere}.contact-item a:hover{color:var(--green)}.form-card h2{font-size:30px;letter-spacing:-.03em;margin:0 0 21px}.form-input{border:2px solid #d4dbe1;border-radius:13px;min-height:53px;background:#fff;display:flex;align-items:center;position:relative;margin-bottom:11px;transition:border .2s}.form-input:focus-within{border-color:#22aa3a}.form-input svg{width:24px;height:24px;fill:none;stroke:#667685;stroke-width:1.9;margin-left:16px;flex-shrink:0}.form-input input,.form-input select,.form-input textarea{border:0;outline:0;background:transparent;width:100%;min-width:0;padding:13px 17px;color:#14253a;font-size:16px}.form-input textarea{height:87px;resize:vertical}.form-input:has(textarea){align-items:flex-start}.form-input:has(textarea) svg{margin-top:16px}.form-card .btn{width:100%;font-size:20px;padding:17px}.form-notice{border:1px solid #b9e4c2;border-radius:10px;background:#edfff1;padding:12px;font-size:14px;line-height:1.5;margin:12px 0 0}.form-notice a{color:var(--green);text-decoration:underline}.form-foot{font-size:13px;color:#657487;margin:14px 0 0}
/* Footer */
.footer{background:#071d34;color:#e9f3fd;padding:50px 0 18px}.footer-main{display:grid;grid-template-columns:1.6fr .8fr 1.2fr;gap:55px}.footer-logo{background:#fff;border-radius:10px;display:inline-block;padding:5px 10px}.footer-logo img{width:245px;display:block}.footer p{max-width:400px;color:#cad7e6;margin-top:17px}.footer h3{color:#fff;font-size:18px;margin-top:10px}.footer-links{display:grid;gap:11px}.footer a:hover{color:#86f66c}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #31506a;padding-top:20px;margin-top:40px;font-size:13px;color:#aabed1}.footer-bottom a{text-decoration:underline}
/* motion with accessibility */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}[data-reveal].in-view{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}[data-reveal]{opacity:1;transform:none}}
@media(max-width:1300px){.container{width:min(var(--max),calc(100% - 70px))}.header-inner{gap:12px}.nav{gap:25px}.logo img{width:260px}.header-contact{font-size:14px}.header-quote{padding:15px 18px}.contact-grid{grid-template-columns:minmax(290px,410px) minmax(420px,610px)}.benefit-item{padding:0 19px}}
@media(max-width:1050px){.nav{gap:19px}.header-contact{display:none}.logo img{width:240px}.header-inner{height:90px}.benefit-item{padding:0 10px;gap:10px}.benefit-item strong{font-size:15px}.benefit-item svg{width:42px}.services-grid{grid-template-columns:repeat(2,1fr)}.about-layout{gap:27px}.about-image{height:480px}.contact-grid{grid-template-columns:minmax(280px,390px) minmax(390px,1fr)}.contact-card,.form-card{padding:23px}}
@media(max-width:760px){.container{width:calc(100% - 34px)}.header-inner{height:77px}.logo img{width:215px;height:auto}.header-quote{display:none}.menu-button{display:block;margin-left:auto}.nav{display:none;position:absolute;top:77px;left:0;right:0;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.12);padding:14px 22px 26px;flex-direction:column;align-items:stretch;gap:3px;margin:0}.nav.open{display:flex}.nav a{padding:15px 10px;font-size:17px}.nav a.active::after,.nav a:hover::after{left:10px;right:auto;bottom:7px;width:50px}.menu-open{overflow:hidden}.hero{min-height:650px}.hero-image{object-position:66% center}.hero:after{background:linear-gradient(90deg,rgba(2,19,43,.92),rgba(5,27,52,.7)),linear-gradient(0deg,rgba(3,22,41,.52),transparent)}.hero-content{padding-top:50px;padding-bottom:62px}.hero h1{font-size:clamp(40px,9vw,62px);max-width:590px}.hero h1 span{display:inline}.hero p{font-size:18px;margin-bottom:30px}.hero-actions{gap:12px}.hero-actions .btn{min-height:57px;font-size:15px;padding:14px 19px}.benefit-strip{grid-template-columns:repeat(2,1fr);gap:15px;padding:25px 0}.benefit-item{padding:12px 5px!important;border:0}.benefit-item strong{font-size:14px}.benefit-item svg{width:36px;height:36px}.section{padding:65px 0}.intro-head{margin-bottom:30px}.service-preview{grid-template-columns:1fr}.preview-card .visual{height:215px}.summary-band{flex-direction:column;align-items:flex-start;padding:28px}.summary-band h2{font-size:25px}.services-mast{padding:45px 0 60px}.services-mast h1{font-size:40px}.services-mast .lead{font-size:17px}.services-grid{grid-template-columns:1fr;gap:31px}.service-card{padding:25px 24px}.service-card img{height:180px}.about-intro{padding:41px 0 15px}.about-layout{grid-template-columns:1fr}.about-image{height:310px}.about-content h1{font-size:39px}.about-content>p{font-size:17px}.about-values{margin-top:25px}.about-value{padding:0 5px}.about-value svg{width:36px;height:36px}.about-value strong{font-size:13px}.fact-strip{grid-template-columns:1fr;gap:0;padding:16px 25px;margin:32px 0 44px}.fact{justify-content:flex-start;border-right:0;border-bottom:1px solid #53718b;padding:22px 5px}.fact:last-child{border:0}.fact svg{width:40px;height:40px}.fact strong{font-size:22px}.about-expertise h2{font-size:30px}.contact-page{padding:43px 0 60px}.contact-page .bg-img{width:100%;height:360px;opacity:.12}.contact-page:before{background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.84))}.contact-page h1{font-size:39px}.contact-page .lead{font-size:18px}.contact-grid{grid-template-columns:1fr;gap:20px}.contact-item{padding:16px 0}.contact-item strong{font-size:16px}.contact-item a,.contact-item span{font-size:15px}.form-card h2{font-size:26px}.footer-main{grid-template-columns:1fr;gap:20px}.footer-bottom{flex-direction:column;gap:8px}.footer{padding-top:40px}}