html,body{width:100%;min-height:100%;margin:0;padding:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#07111f;background:#fff;width:100%;min-height:100%;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}#root{width:100%;min-height:100vh;margin:0;padding:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.site{width:100%;overflow:hidden}.container{width:min(1180px,100% - 40px);margin:0 auto}.header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02080ef5;border-bottom:1px solid #ffffff14;width:100%;position:absolute;top:0;left:0}.header-content{align-items:center;gap:30px;height:112px;display:flex}.logo-link{flex-shrink:0;align-items:center;width:270px;height:98px;display:flex;overflow:hidden}.logo{object-fit:contain;object-position:center;width:270px;height:98px;display:block}.menu{justify-content:center;align-items:center;gap:30px;margin-left:auto;display:flex}.menu a{color:#fff;padding:43px 0;font-size:14px;font-weight:600;transition:all .25s;position:relative}.menu a:hover{color:#0a9cff}.menu a:after{content:"";background:linear-gradient(90deg,#008cff,#39d353);width:0;height:2px;transition:all .25s;position:absolute;bottom:21px;left:0}.menu a:hover:after{width:100%}.btn{border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.btn strong{font-size:18px;font-weight:500}.btn-header{color:#fff;white-space:nowrap;background:#078df5}.btn-header:hover{background:#0aa8ff;transform:translateY(-2px);box-shadow:0 10px 30px #0091ff40}.btn-primary{color:#fff;background:linear-gradient(135deg,#008cff,#0066db);box-shadow:0 10px 25px #0075ff33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px #0075ff4d}.btn-whatsapp{color:#fff;background:#16c96b}.btn-whatsapp:hover{background:#11b85f;transform:translateY(-2px);box-shadow:0 12px 30px #16c96b40}.btn-light{color:#006bdc;background:#fff}.btn-light:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000002e}.btn.large{min-height:54px;padding:0 28px}.hero{background:#02070d;min-height:650px;position:relative;overflow:hidden}.hero-image{background-image:url(/assets/hero-gripa-novo-CBsLpREs.png);background-position:100%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.hero-overlay{background:linear-gradient(90deg,#02080ffa 0%,#020a14f0 28%,#020a14b8 52%,#020a142e 100%);position:absolute;inset:0}.hero-content{z-index:2;align-items:center;min-height:650px;display:flex;position:relative}.hero-text{width:620px;padding-top:55px}.eyebrow{color:#15a9ff;letter-spacing:1.5px;margin-bottom:18px;font-size:12px;font-weight:800}.eyebrow.blue{color:#08e}.hero h1{color:#fff;letter-spacing:-2.5px;margin:0;font-size:clamp(42px,5vw,67px);font-weight:800;line-height:1.02}.hero h1 span{color:#078df5}.hero-text p{color:#ffffffd1;max-width:560px;margin:25px 0 30px;font-size:17px;line-height:1.6}.hero-buttons{flex-wrap:wrap;align-items:center;gap:13px;display:flex}.highlights{background:#fff;border-bottom:1px solid #e6edf4}.highlights-grid{grid-template-columns:repeat(4,1fr);min-height:115px;display:grid}.highlight{border-right:1px solid #e5ebf1;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex}.highlight:last-child{border-right:0}.highlight-icon{color:#008cff;background:#e9f5ff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;font-weight:700;display:flex}.highlight strong,.highlight span{display:block}.highlight strong{color:#09192d;font-size:14px}.highlight span{color:#65758a;margin-top:4px;font-size:13px}.section{padding:95px 0}.section-heading{text-align:center;max-width:800px;margin:0 auto 48px}.section-heading.small{margin-bottom:40px}.section-heading h2{letter-spacing:-1.5px;color:#08172a;margin:0;font-size:clamp(34px,4vw,48px);line-height:1.08}.section-heading h2 span{color:#08e}.section-heading p{color:#5d6d80;max-width:720px;margin:18px auto 0;font-size:16px;line-height:1.65}.services{background:#f6faff}.services-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.service-card{background:#fff;border:1px solid #dce8f2;border-radius:12px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 35px #113f6312}.service-card:hover{transform:translateY(-7px);box-shadow:0 20px 45px #113f6321}.service-image{background-position:50%;background-size:cover;height:190px}.service-image.maintenance{background-image:url(https://images.unsplash.com/photo-1531482615713-2afd69097998?auto=format&fit=crop&w=900&q=80)}.service-image.network{background-image:url(https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=900&q=80)}.service-image.camera{background-image:url(https://images.unsplash.com/photo-1557597774-9d273605dfa9?auto=format&fit=crop&w=900&q=80)}.service-image.nobreak{background-image:url(https://images.unsplash.com/photo-1624705002806-5d72df19c3ad?auto=format&fit=crop&w=900&q=80)}.service-image.contract{background-image:url(https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=900&q=80)}.service-image.security{background-image:url(https://images.unsplash.com/photo-1563013544-824ae1b704d3?auto=format&fit=crop&w=900&q=80)}.service-icon{color:#fff;background:linear-gradient(135deg,#008cff,#0066db);border:4px solid #fff;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;font-size:23px;display:flex;position:absolute;top:160px;left:20px;box-shadow:0 8px 20px #0075ff33}.service-body{padding:37px 22px 24px}.service-body h3{color:#07182c;margin:0 0 8px;font-size:17px}.service-body p{color:#65758a;margin:0;font-size:14px;line-height:1.55}.company{min-height:450px;position:relative;overflow:hidden}.company-background{background-image:url(https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=2000&q=85);background-position:50%;background-size:cover;position:absolute;inset:0}.company-overlay{background:linear-gradient(90deg,#003168fa 0%,#0055a6e0 42%,#00438961 100%);position:absolute;inset:0}.company-content{z-index:2;align-items:center;min-height:450px;display:flex;position:relative}.company-text .eyebrow{color:#54c6ff}.company h2{color:#fff;letter-spacing:-3px;margin:0;font-size:clamp(52px,7vw,78px);line-height:.92}.company h2 span{color:#fff;letter-spacing:-1px;margin-top:12px;font-size:.65em;display:block}.company-text p{color:#ffffffe0;max-width:480px;margin:24px 0 28px;font-size:16px;line-height:1.65}.company-content{min-height:auto;padding-top:105px;padding-bottom:105px;display:block}.company-intro{max-width:820px}.company-intro h2 span{color:#54c6ff;display:block}.story-text{padding-right:15px}.story-text p{color:#ffffffd1;margin:0 0 22px;font-size:16px;line-height:1.75}.story-text strong{color:#fff}.timeline-item strong{color:#fff;margin-bottom:5px;font-size:16px;display:block}.timeline-item p{color:#ffffffad;margin:0;font-size:13px;line-height:1.55}.company-quote{padding-left:34px;position:relative}.company-quote>span{color:#078df5;font-size:58px;line-height:1;position:absolute;top:-15px;left:0}.company-stats div{background:#ffffff0f;border:1px solid #ffffff17;border-radius:10px;padding:20px 16px}.company-stats strong,.company-stats span{display:block}.company-signature{border-top:1px solid #ffffff14;margin-top:48px;padding-top:22px}.numbers{background:#06111f;border-bottom:1px solid #ffffff14}.numbers-grid{grid-template-columns:repeat(3,1fr);display:grid}.number{text-align:center;border-right:1px solid #ffffff1a;padding:35px 30px}.number:last-child{border-right:0}.number strong{color:#078df5;font-size:38px;line-height:1;display:block}.number span{color:#fff;margin-top:9px;font-size:14px;display:block}.why{background:#fff;padding-top:75px;padding-bottom:75px}.why-grid{grid-template-columns:repeat(4,1fr);display:grid}.why-item{border-right:1px solid #e4eaf0;justify-content:center;align-items:center;gap:15px;padding:15px 25px;display:flex}.why-item:last-child{border-right:0}.why-icon{color:#008cff;background:#eaf6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex}.why-item strong{color:#15263b;font-size:14px;line-height:1.4}.gripa-os{color:#fff;background:radial-gradient(circle at 80%,#008cff2e,#0000 35%),linear-gradient(135deg,#06111e,#02070c);padding:100px 0}.gripa-os-content{grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px;display:grid}.os-text{max-width:470px}.os-text h2{letter-spacing:-2px;margin:0;font-size:clamp(38px,5vw,56px)}.os-text h2 span{color:#078df5}.os-text p{color:#ffffffb8;margin:22px 0 30px;font-size:16px;line-height:1.7}.os-screen{position:relative}.fake-window{background:#0b1726;border:1px solid #00a0ff4d;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #00000080,0 0 60px #008cff1a}.fake-header{background:#091421;border-bottom:1px solid #ffffff0f;align-items:center;gap:7px;height:42px;padding:0 15px;display:flex}.fake-header span{background:#26394e;border-radius:50%;width:9px;height:9px}.fake-content{min-height:310px;display:flex}.fake-sidebar{background:#08121f;border-right:1px solid #ffffff0f;width:125px;padding:25px 16px}.fake-sidebar div{background:#17304a;border-radius:5px;height:11px;margin-bottom:18px}.fake-sidebar div:first-child{background:#008cff}.fake-dashboard{flex:1;padding:28px}.fake-title{background:#d9e8f5;border-radius:5px;width:190px;height:18px;margin-bottom:28px}.fake-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.fake-cards div{background:linear-gradient(135deg,#10304b,#0b2135);border:1px solid #008cff26;border-radius:9px;height:75px}.fake-chart{background:linear-gradient(165deg,#0000 45%,#008cffcc 46% 48%,#0000 49%),linear-gradient(135deg,#0c2033,#091725);border:1px solid #008cff1f;border-radius:9px;height:110px;margin-top:20px}.contact{background:#03101c;min-height:480px;position:relative;overflow:hidden}.contact-background{background-image:url(https://images.unsplash.com/photo-1556761175-4b46a572b786?auto=format&fit=crop&w=2000&q=80);background-position:50%;background-size:cover;position:absolute;inset:0}.contact-overlay{background:linear-gradient(90deg,#020a12fa 0%,#020c16ed 45%,#020c168c 100%);position:absolute;inset:0}.contact-content{z-index:2;grid-template-columns:1fr .8fr;align-items:center;min-height:480px;display:grid;position:relative}.contact-text{max-width:500px}.contact-text h2{color:#fff;letter-spacing:-2px;margin:0;font-size:clamp(42px,5vw,58px)}.contact-text p{color:#ffffffb8;max-width:450px;margin:18px 0 25px;font-size:16px;line-height:1.6}.contact-details{flex-direction:column;gap:12px;margin-top:25px;display:flex}.contact-details div{color:#fff;align-items:center;gap:12px;display:flex}.contact-details span{color:#0a99ff;font-size:20px}.contact-details strong{font-size:15px;font-weight:500}.contact-person{justify-content:center;align-items:flex-end;height:100%;min-height:480px;display:flex;position:relative}.person-glow{background:radial-gradient(circle,#008cff4d,#0000 65%);border-radius:50%;width:400px;height:400px;position:absolute}.person-placeholder{color:#ffffff14;background:linear-gradient(#008cff26,#0000004d);border-radius:150px 150px 0 0;justify-content:center;align-items:flex-start;width:270px;height:390px;padding-top:45px;font-size:45px;font-weight:900;display:flex;position:relative}.footer{color:#fff;background:#02080e}.footer-top{border-bottom:1px solid #ffffff1a;grid-template-columns:1.3fr 1fr 1fr auto;align-items:center;gap:30px;min-height:150px;display:grid}.footer-brand img{object-fit:contain;object-position:center;width:175px;height:58px;display:block}.footer-brand p{color:#7f91a5;max-width:280px;margin:8px 0 0;font-size:12px;line-height:1.5}.footer-contact,.footer-location{flex-direction:column;gap:11px;display:flex}.footer-contact div{align-items:center;gap:10px;display:flex}.footer-contact span,.footer-location>span{color:#078df5;font-size:18px}.footer-contact strong{color:#dce7f1;font-size:13px;font-weight:500}.footer-location{flex-direction:row;align-items:flex-start}.footer-location strong,.footer-location small{display:block}.footer-location strong{font-size:13px}.footer-location small{color:#718499;margin-top:4px;font-size:11px}.socials{align-items:center;gap:10px;display:flex}.socials span{color:#fff;background:#0b1b2b;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.socials span:hover{background:#008cff}.footer-bottom{color:#607286;justify-content:space-between;align-items:center;gap:20px;min-height:65px;font-size:11px;display:flex}.footer-bottom div{gap:22px;display:flex}.footer-bottom a{transition:all .2s}.footer-bottom a:hover{color:#fff}@media (width<=1050px){.menu{gap:18px}.menu a{font-size:13px}.header-content{gap:18px}.services-grid{gap:16px}.footer-top{grid-template-columns:1fr 1fr;padding:35px 0}}@media (width<=850px){.header{position:relative}.header-content{flex-wrap:wrap;height:auto;min-height:82px;padding:10px 0}.logo-link{width:200px;height:70px}.logo{object-fit:contain;width:200px;height:70px}.menu{order:3;justify-content:flex-start;width:100%;padding-bottom:3px;overflow-x:auto}.menu a{white-space:nowrap;padding:8px 0}.menu a:after{bottom:0}.hero,.hero-content{min-height:650px}.hero-text{width:100%;padding-top:30px}.highlights-grid{grid-template-columns:repeat(2,1fr)}.highlight:nth-child(2){border-right:0}.highlight:nth-child(-n+2){border-bottom:1px solid #e5ebf1}.services-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.why-item:nth-child(2){border-right:0}.why-item:nth-child(-n+2){border-bottom:1px solid #e4eaf0}.gripa-os-content{grid-template-columns:1fr;gap:50px}.os-text{max-width:650px}.contact-content{grid-template-columns:1fr}.contact-person{display:none}}@media (width<=600px){.container{width:min(100% - 28px,1180px)}.header-content{justify-content:center}.logo-link,.logo{width:175px;height:58px}.btn-header{display:none}.menu{gap:22px}.hero,.hero-content{min-height:620px}.hero h1{letter-spacing:-1.5px;font-size:42px}.hero-text p{font-size:15px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%}.highlights-grid{grid-template-columns:1fr}.highlight{border-bottom:1px solid #e5ebf1;border-right:0;justify-content:flex-start}.highlight:last-child{border-bottom:0}.section{padding:70px 0}.section-heading h2{font-size:34px}.services-grid{grid-template-columns:1fr}.service-image{height:210px}.service-icon{top:180px}.company,.company-content{min-height:500px}.company h2{font-size:56px}.numbers-grid{grid-template-columns:1fr}.number{border-bottom:1px solid #ffffff1a;border-right:0}.number:last-child{border-bottom:0}.why-grid{grid-template-columns:1fr}.why-item{border-bottom:1px solid #e4eaf0;border-right:0;justify-content:flex-start}.why-item:last-child{border-bottom:0}.gripa-os{padding:70px 0}.fake-content{min-height:250px}.fake-sidebar{width:75px}.fake-dashboard{padding:18px}.fake-cards{gap:7px}.contact,.contact-content{min-height:470px}.footer-top{grid-template-columns:1fr;gap:25px;padding:40px 0}.footer-bottom{flex-direction:column;align-items:flex-start;padding:25px 0}.footer-bottom div{flex-wrap:wrap;gap:15px}}.company-text{max-width:none}.company h2{font-size:inherit;line-height:inherit;letter-spacing:inherit}.company h2 span{font-size:inherit;letter-spacing:inherit;color:inherit;margin-top:0;display:inline}@media (width<=850px){.company-content{padding-top:80px;padding-bottom:80px}.company-story{grid-template-columns:1fr;gap:45px}.company-bottom{grid-template-columns:1fr;gap:35px}.company-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.company-intro h2{font-size:42px}.company-lead{font-size:16px}.story-timeline{padding-left:25px}.timeline-item{grid-template-columns:58px 1fr;gap:12px}.timeline-item:before{left:-30px}.company-stats{grid-template-columns:1fr 1fr;gap:10px}.company-stats div{padding:16px 12px}}.company-content{padding-top:105px;padding-bottom:95px}.company-intro{text-align:center;max-width:900px;margin:0 auto}.company-intro .eyebrow{margin-bottom:16px}.company-intro h2{color:#fff;letter-spacing:-2px;margin:0;font-size:clamp(38px,4.5vw,60px);line-height:1.08}.company-intro h2 span{color:#54c6ff;margin-top:4px;display:block}.company-lead{color:#ffffffd1;max-width:760px;margin:22px auto 0;font-size:17px;line-height:1.75}.company-story{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:70px;margin-top:58px;display:grid}.story-text{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02102061;border:1px solid #ffffff1a;border-radius:14px;max-width:650px;padding:28px 32px}.story-text p{color:#ffffffdb;text-align:left;margin:0 0 24px;font-size:16px;line-height:1.8}.story-text p:last-child{margin-bottom:0}.story-text strong{color:#fff;font-weight:700}.story-timeline{border-left:1px solid #54c6ff52;padding-left:34px;position:relative}.timeline-item{grid-template-columns:66px minmax(0,1fr);gap:16px;padding:0 0 28px;display:grid;position:relative}.timeline-item:before{content:"";background:#078df5;border-radius:50%;width:9px;height:9px;position:absolute;top:3px;left:-39px;box-shadow:0 0 0 5px #078df51f}.timeline-item.highlight:before{background:#54c6ff;box-shadow:0 0 0 6px #54c6ff24,0 0 22px #54c6ff4d}.timeline-year{color:#54c6ff;letter-spacing:1px;padding-top:2px;font-size:12px;font-weight:800}.timeline-item strong{color:#fff;margin-bottom:5px;font-size:16px;line-height:1.3;display:block}.timeline-item p{color:#ffffffb3;text-align:left;margin:0;font-size:13px;line-height:1.6}.timeline-item:last-child{padding-bottom:0}.company-bottom{border-top:1px solid #ffffff1f;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:50px;margin-top:58px;padding-top:34px;display:grid}.company-quote{max-width:570px}.company-quote p{color:#ffffffe0;margin:0;font-size:15px;line-height:1.75}.company-stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.company-stats div{background:#ffffff0e;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;justify-content:center;min-height:92px;padding:18px 14px;display:flex}.company-stats strong{color:#54c6ff;font-size:24px;line-height:1}.company-stats span{color:#ffffffad;margin-top:8px;font-size:11px;line-height:1.4}.company-signature{text-align:center;border-top:1px solid #ffffff14;max-width:900px;margin:40px auto 0;padding-top:20px}.company-signature strong{color:#fff;font-size:15px;display:block}.company-signature span{color:#54c6ff;letter-spacing:.3px;margin-top:6px;font-size:12px;display:block}@media (width<=850px){.company-content{padding-top:80px;padding-bottom:75px}.company-intro{text-align:left}.company-lead{margin-left:0;margin-right:0}.company-story{grid-template-columns:1fr;gap:38px}.story-text{max-width:none}.company-bottom{grid-template-columns:1fr;gap:32px}.company-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.company-intro h2{font-size:40px}.company-lead{font-size:15px}.story-text{padding:22px 20px}.story-text p{font-size:15px;line-height:1.7}.story-timeline{padding-left:26px}.timeline-item{grid-template-columns:58px minmax(0,1fr);gap:12px}.timeline-item:before{left:-31px}.company-stats{grid-template-columns:1fr 1fr;gap:10px}.company-stats div{min-height:85px;padding:15px 12px}}.story-text h3{color:#fff;letter-spacing:-.4px;margin:0 0 16px;font-size:25px;line-height:1.2}.story-text h4{color:#54c6ff;margin:34px 0 18px;font-size:21px;font-weight:800;line-height:1.3}.story-text .story-intro{color:#fff;margin-bottom:28px;font-size:17px;line-height:1.7}.story-text .story-emphasis{margin-bottom:8px;font-size:17px;line-height:1.55}.story-text .story-signature{border-top:1px solid #54c6ff47;flex-direction:column;gap:5px;margin-top:30px;padding-top:22px;display:flex}.story-text .story-signature strong{color:#fff;font-size:19px}.story-text .story-signature span{color:#54c6ff;font-size:14px;line-height:1.5}@media (width<=850px){.story-text h3{font-size:22px}.story-text h4{font-size:19px}}.service-image.printer-rental{background-image:url(https://images.unsplash.com/photo-1612198188060-c7c2a3b66eae?auto=format&fit=crop&w=900&q=80)}.service-image.notebook-sales{background-image:url(https://images.unsplash.com/photo-1496181133206-80ce9b88a853?auto=format&fit=crop&w=900&q=80)}.service-image.computer-sales{background-image:url(https://images.unsplash.com/photo-1593640408182-31c70c8268f5?auto=format&fit=crop&w=900&q=80)}.service-image.peripherals{background-image:url(https://images.unsplash.com/photo-1587829741301-dc798b83add3?auto=format&fit=crop&w=900&q=80)}.service-image.toners{background-image:url(https://images.unsplash.com/photo-1612815154858-60aa4c59eaa6?auto=format&fit=crop&w=900&q=80)}.service-image.gdoor{background-image:linear-gradient(135deg,#051c34f5,#0a70b4c7),url(https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=900&q=80)}