:root{--navy:#061a35;--blue:#0d4b97;--orange:#f47b20;--cream:#f5f7fa;--ink:#1d2734;--muted:#657182}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);line-height:1.6}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.08;margin:0}h1{font-size:clamp(3rem,6.2vw,5.6rem);letter-spacing:-.065em}h2{font-size:clamp(2rem,3.7vw,3.4rem);letter-spacing:-.055em}h3{font-size:1.25rem}a{text-decoration:none;color:inherit}.container{width:min(1140px,calc(100% - 44px));margin:auto}.topbar{background:var(--navy);color:#c4d1e5;font-size:.78rem}.topbar .container{height:35px;display:flex;gap:23px;align-items:center;justify-content:flex-end}.topbar a:last-child{color:#fff}.site-header{height:78px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf0f4}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope;font-weight:800;letter-spacing:.12em;color:var(--navy);font-size:1.08rem}.brand small{display:block;font-family:"DM Sans";letter-spacing:.25em;font-size:.46rem;margin-top:-5px}.brand-mark{width:33px;height:33px;display:grid;place-items:center;background:var(--orange);color:#fff;border-radius:4px;font-family:Manrope;font-size:1.4rem;font-style:italic;letter-spacing:0}nav{display:flex;align-items:center;gap:28px;font-weight:600;font-size:.9rem}nav a:not(.nav-cta):hover{color:var(--orange)}.nav-cta{background:var(--navy);color:white;padding:10px 17px;border-radius:3px}.menu-toggle{display:none;border:0;background:none;font-size:1.5rem}.hero{background:linear-gradient(115deg,#f3f7fc 0%,#fff 52%,#e8f0fa 100%);overflow:hidden}.hero-grid{min-height:625px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.eyebrow{font-size:.74rem;letter-spacing:.17em;font-weight:700;color:#9babc0;margin:0 0 16px}.eyebrow.orange{color:var(--orange)}h1 em{color:var(--blue);font-style:normal}.hero-copy{font-size:1.1rem;max-width:580px;color:var(--muted);margin:25px 0 30px}.hero-actions{display:flex;gap:13px}.button{display:inline-flex;align-items:center;gap:25px;padding:14px 20px;border-radius:3px;font-weight:700;font-size:.9rem;border:none;cursor:pointer}.button span{font-size:1.3rem;line-height:1}.button-primary{background:var(--orange);color:#fff}.button-light{background:#fff;color:var(--navy);border:1px solid #dce3eb}.hero-trust{display:flex;align-items:center;gap:10px;color:#697689;font-size:.82rem;margin-top:34px}.avatars{display:flex}.avatars i{display:block;width:22px;height:22px;border-radius:50%;background:#c9d6e4;border:2px solid white;margin-right:-7px}.avatars i:nth-child(2){background:#9dadbf}.avatars i:nth-child(3){background:#e89851}.hero-card{height:440px;background:radial-gradient(circle at 65% 34%,#3779bd,#0a3167 40%,#061a35 74%);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 25px 50px #1736632e}.orbit{position:absolute;border:1px solid #8db4df65;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-a{width:390px;height:390px}.orbit-b{width:260px;height:260px}.signal{width:180px;height:180px;border-radius:50%;background:#f8fbff;display:grid;place-content:center;text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 18px #ffffff13;color:#244a7c}.signal b{font-size:4.3rem;line-height:.7;color:var(--orange)}.signal span{font-weight:800;font-size:.68rem;letter-spacing:.12em;line-height:1.35;margin-top:15px}.floating-card{position:absolute;background:#fff;border-radius:7px;padding:13px 16px;display:flex;gap:10px;align-items:center;box-shadow:0 14px 30px #00112652;font-size:.75rem}.floating-card strong,.floating-card small{display:block}.floating-card small{color:#8993a0}.card-one{top:66px;right:23px}.card-two{bottom:56px;left:21px}.icon{width:28px;height:28px;background:#e7eff9;color:var(--blue);border-radius:50%;display:grid;place-items:center;font-size:1.2rem}.orange-dot{width:11px;height:11px;background:var(--orange);border-radius:50%}.logo-strip{border-bottom:1px solid #e8edf2}.logo-strip .container{height:90px;display:flex;align-items:center;justify-content:space-between;color:#99a4b3}.logo-strip b{font-family:Manrope;color:#647184;letter-spacing:-.03em}.section{padding:105px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:100px}.split p{font-size:1.13rem;color:var(--muted);margin:0 0 18px}.text-link{color:var(--blue);font-size:.9rem;font-weight:700}.text-link span{margin-left:8px;font-size:1.2rem}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{border:1px solid #e1e7ef;padding:31px;min-height:245px;transition:.2s;background:#fff}.service-card:hover,.service-card.featured{border-color:var(--navy);background:var(--navy);color:#fff;transform:translateY(-4px)}.service-icon{width:40px;height:40px;border-radius:5px;background:#edf3fa;color:var(--blue);display:grid;place-items:center;font-size:1.45rem;margin-bottom:31px}.featured .service-icon,.service-card:hover .service-icon{background:#e77a29;color:white}.service-card p{color:#687587;font-size:.89rem;margin:10px 0 18px;line-height:1.55}.featured p,.service-card:hover p{color:#becce0}.service-card a{font-size:.82rem;font-weight:700;color:var(--blue)}.featured a,.service-card:hover a{color:#fff}.dark-band{background:var(--navy);color:#fff}.band-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.band-grid h2{max-width:470px}.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reasons b{color:var(--orange);font-family:Manrope;font-size:1.35rem}.reasons p{font-size:.92rem;color:#c6d3e4;margin:9px 0}.products{background:#f5f7fa}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-grid article{background:#fff;padding-bottom:22px}.product-image{height:210px;position:relative;overflow:hidden}.product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,#ffffff44)}.laptop{background:linear-gradient(150deg,#bed0e5,#5b7da5)}.laptop:before{content:"▱";position:absolute;font-size:12rem;color:#1b3554;left:33%;top:9px;transform:rotate(-8deg)}.network{background:linear-gradient(135deg,#203f67,#537da8)}.network:before{content:"⌁";position:absolute;font-size:13rem;color:#c3d8ec;left:28%;top:-10px}.security{background:linear-gradient(135deg,#f19b47,#ce5e19)}.security:before{content:"◉";position:absolute;font-size:12rem;color:#fff4;left:33%;top:6px}.product-grid h3,.product-grid p,.product-grid a{margin-left:22px;margin-right:22px}.tag{font-size:.68rem;font-weight:700;letter-spacing:.14em;color:var(--orange);margin-top:20px;margin-bottom:5px}.product-grid a{display:block;font-size:.8rem;font-weight:700;color:var(--blue);margin-top:16px}.projects{padding-top:0}.project-box{display:grid;grid-template-columns:1fr 1fr;background:#f2f6fa;min-height:420px}.project-box>div:first-child{padding:70px 60px}.project-box p:not(.eyebrow){color:var(--muted);max-width:420px;margin:18px 0 26px}.project-visual{position:relative;background:linear-gradient(135deg,#0d427f,#09254b);overflow:hidden}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(#7ba1ce26 1px,transparent 1px),linear-gradient(90deg,#7ba1ce26 1px,transparent 1px);background-size:42px 42px;transform:perspective(300px) rotateX(48deg) scale(1.5);transform-origin:bottom}.project-label{position:absolute;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.1em;line-height:1.3;padding:12px;border-left:2px solid var(--orange);background:#021a35b5}.label-one{top:21%;left:14%}.label-two{top:48%;right:10%}.label-three{bottom:13%;left:35%}.testimonial{text-align:center;padding:90px 0}.testimonial .eyebrow{margin-bottom:22px}.testimonial blockquote{font-family:Manrope;font-size:clamp(1.5rem,3vw,2.3rem);letter-spacing:-.04em;line-height:1.35;max-width:890px;margin:0 auto}.quote-by{font-size:.73rem;letter-spacing:.15em;color:#8c98a8;margin:26px 0 0}.contact{background:var(--navy);color:#fff;padding:95px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:105px}.contact h2{max-width:440px}.contact-grid>div>p:not(.eyebrow){color:#c0cde0;max-width:420px;margin:18px 0 35px}.contact-details{display:grid;gap:20px}.contact-details a,.contact-details span{color:#d5e0ee;font-size:.92rem}.contact-details b{display:block;color:var(--orange);text-transform:uppercase;font-size:.68rem;letter-spacing:.13em;margin-bottom:3px}form{background:#fff;color:var(--ink);padding:32px;display:grid;gap:15px;border-radius:4px}label{font-size:.76rem;font-weight:700;color:#516073}input,select,textarea{display:block;width:100%;border:1px solid #dce3eb;border-radius:3px;padding:11px;margin-top:5px;font:inherit;font-size:.88rem;outline-color:var(--blue)}textarea{height:73px;resize:vertical}form .button{justify-content:space-between;width:fit-content;margin-top:5px}footer{background:#041225;color:#9dacbf}.footer-wrap{min-height:110px;display:flex;align-items:center;justify-content:space-between;font-size:.8rem}.footer-wrap .brand{color:#fff}.whatsapp{position:fixed;right:22px;bottom:22px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#22c55e;color:#fff;font-size:1.7rem;box-shadow:0 8px 23px #061a3552;z-index:10}
@media(max-width:760px){.topbar{display:none}.site-header{height:66px}.menu-toggle{display:block}nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;padding:17px 22px;box-shadow:0 12px 20px #061a3517;flex-direction:column;align-items:stretch;gap:15px}nav.open{display:flex}.nav-cta{text-align:center}.hero-grid,.split,.band-grid,.contact-grid,.project-box{grid-template-columns:1fr;gap:35px}.hero-grid{padding:65px 0}.hero-card{height:330px}.logo-strip{display:none}.section{padding:70px 0}.split{gap:25px}.section-heading{align-items:start;gap:18px;flex-direction:column}.service-grid,.product-grid{grid-template-columns:1fr}.reasons{grid-template-columns:1fr;gap:8px}.projects{padding-top:0}.project-box>div:first-child{padding:45px 30px}.project-visual{min-height:300px}.contact{padding:70px 0}.contact-grid{gap:42px}.footer-wrap{padding:25px 0;align-items:flex-start;flex-direction:column;gap:9px}.hero-actions{flex-wrap:wrap}}
.project-gallery{position:relative;display:grid;grid-template-columns:1.06fr .94fr;grid-template-rows:1fr 1fr;gap:5px;min-height:420px;background:#09254b;overflow:hidden}.project-photo{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92) contrast(1.04)}.photo-front{grid-row:1 / span 2}.photo-detail{grid-column:2}.photo-angle{grid-column:2}.project-caption{position:absolute;left:20px;bottom:20px;padding:12px 14px;background:#021a35d9;border-left:3px solid var(--orange);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.1em;line-height:1.45}.project-caption small{font-weight:500;letter-spacing:.03em;font-size:.67rem;color:#d9e4f2}@media(max-width:760px){.project-gallery{min-height:300px}}
.product-image.real{width:100%;object-fit:cover;display:block}.project-highlights{background:#f5f7fa;padding-top:0}.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.highlight-grid article{background:#fff}.highlight-grid img{width:100%;height:265px;display:block;object-fit:cover}.highlight-grid h3,.highlight-grid p{margin-left:22px;margin-right:22px}.highlight-grid h3{margin-top:20px}.highlight-grid p{margin-top:8px;margin-bottom:24px;color:var(--muted);font-size:.9rem}@media(max-width:760px){.highlight-grid{grid-template-columns:1fr}.highlight-grid img{height:280px}}