:root{--bg:#08131d;--deep:#050d14;--surface:#0e202e;--orange:#ff8b49;--text:#f2f6fa;--muted:#a9bdcc;--line:#ffffff18;--blue:#38bdf8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}a,button,summary,select,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.header{border-bottom:1px solid var(--line);background:#08131deb;position:relative;z-index:5}.nav{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:25px;line-height:1.1;letter-spacing:3px}.brand svg{width:40px;height:40px;fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:400;margin-top:8px}.nav nav{display:flex;gap:22px;font-size:14px;color:#c4d3de}.nav nav a:hover{color:var(--orange)}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:8px;padding:17px 25px;background:var(--orange);color:#0a1822;font-weight:700;font-size:15px;cursor:pointer;transition:transform .2s,background .2s}.button:hover{background:#ffa773;transform:translateY(-2px)}.nav-cta{padding:12px 18px;white-space:nowrap;font-size:14px}.hero{padding:85px 0 80px;position:relative;overflow:hidden;isolation:isolate}.ambient{position:absolute;z-index:-1;inset:-40%;pointer-events:none;background:radial-gradient(ellipse at 75% 40%,#224f682b,transparent 40%),radial-gradient(ellipse at 38% 50%,#ba5b231a,transparent 30%);animation:drift 14s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,black,transparent)}@keyframes drift{to{transform:translate(4%,-4%) rotate(8deg)}}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:75px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--orange);margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,5.1vw,78px);letter-spacing:-3.4px;line-height:1.06;margin-bottom:28px}h2{font-size:clamp(34px,3.5vw,50px);letter-spacing:-1.9px;line-height:1.14;margin-bottom:25px}h3{font-size:27px;letter-spacing:-.65px;line-height:1.2;margin-bottom:20px}em{font-style:normal;color:var(--orange)}.lead{font-size:20px;color:#b9cbd8;max-width:540px;line-height:1.65}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin:30px 0}.text-link{font-size:15px;font-weight:700}.text-link:hover{color:var(--orange)}.hero-foot{font-size:13px;color:var(--muted);margin:0}.glow{position:relative;border:1px solid #ffffff25;border-radius:28px;background:var(--surface);isolation:isolate;--gx:50%;--gy:50%;--intensity:0;--angle:0deg}.glow:before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--angle),#ff8b49,#c084fc,#f472b6,#38bdf8,#ff8b49);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:var(--intensity);pointer-events:none;transition:opacity .2s;z-index:2}.glow:after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(250px circle at var(--gx) var(--gy),#38bdf820,transparent 80%);opacity:var(--intensity);pointer-events:none;z-index:-1;transition:opacity .2s}.glow:focus-within{--intensity:1}.hero-panel{padding:30px;background:linear-gradient(140deg,#172a3b,#0b1723);box-shadow:0 30px 90px #0005}.panel-top{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.5px;color:#adc1d3;padding-bottom:20px;border-bottom:1px solid var(--line)}.platform-title{font-size:40px;font-weight:700;letter-spacing:-1.5px;line-height:1.13;margin:28px 0}.platform-title em{color:#a9d9ed}.system-flow a{display:flex;align-items:center;gap:15px;padding:20px 0;border-top:1px solid var(--line)}.system-flow a>span{font-size:12px;color:var(--orange)}.system-flow strong{display:block;font-size:20px}.system-flow small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.system-flow b{margin-left:auto;font-weight:400;color:#9fbfce}.system-flow a:hover strong{color:var(--orange)}.panel-bottom{display:flex;align-items:center;gap:15px;padding-top:20px;border-top:1px solid var(--line)}.panel-bottom strong{font-size:30px}.panel-bottom span{font-size:13px;color:var(--muted)}.credentials{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff02}.credential-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:40px}.credential-grid>div{display:flex;align-items:center;gap:20px}.credential-grid strong{font-size:24px;white-space:nowrap;letter-spacing:-.7px}.credential-grid span{font-size:12px;color:var(--muted);line-height:1.5}.section{padding:100px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:45px}.section-heading>p{color:var(--muted);max-width:370px;margin-bottom:8px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.service{padding:35px;display:flex;flex-direction:column;scroll-margin-top:30px}.number{font-size:11px;letter-spacing:1.4px;color:var(--orange);display:block;margin-bottom:26px}.service p{color:var(--muted);max-width:510px}.service ul{padding:0;list-style:none;margin:5px 0 28px;color:#cbd8e0;font-size:14px}.service li{padding:7px 0}.service li:before{content:'+';color:var(--orange);margin-right:12px}.card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:20px;margin-top:auto;font-size:14px;font-weight:700}.card-link span{color:var(--orange);font-size:18px}.incident{background:linear-gradient(135deg,#261d1d,#0e202e)}.technology{background:var(--deep)}.cloud-platforms{border-block:1px solid var(--line);padding:30px 0}.stack-label{font-size:11px;letter-spacing:2px;color:var(--muted)}.cloud-platforms>div{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-top:20px}.cloud-platforms strong{font-size:clamp(20px,2.7vw,35px);font-weight:500;letter-spacing:-1px}.tech-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;margin-top:60px}.tech-grid h3{font-size:24px}.tech-row{padding:18px 0;border-bottom:1px solid var(--line)}.tech-row strong{display:block;font-size:17px}.tech-row span{font-size:14px;color:var(--muted)}.environments{padding:35px;align-self:start}.environments h3{font-size:33px}.environments p{color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.tags span{border:1px solid #ffffff28;border-radius:6px;padding:6px 12px;font-size:13px}.env-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.zones{display:grid;grid-template-columns:1fr 1fr;gap:28px}.zone{overflow:hidden}.zone-copy{padding:32px 32px 20px}.zone h3{font-size:43px;margin-bottom:10px}.zone p{color:var(--muted);font-size:15px}.zone iframe{width:100%;height:310px;display:block;border:0;background:#e1e8e9}.zone-footer{display:flex;justify-content:space-between;gap:15px;padding:23px 30px;font-size:14px}.zone-footer a:last-child{color:var(--orange);font-weight:bold}.map-note{font-size:12px;color:var(--muted);margin:23px 0 0;max-width:800px}.training{background:#0f293b;border-block:1px solid #345366}.training-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.training-topics{display:flex;flex-direction:column;margin:25px 0 30px}.training-topics span{padding:10px 0;border-bottom:1px solid #ffffff24}.personal{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.personal-image{border-radius:20px;overflow:hidden;aspect-ratio:1.25}.personal-image img{width:100%;height:100%;object-fit:cover}.personal p{color:var(--muted)}.personal .text-link{color:var(--orange)}.process{background:var(--deep)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.steps article>span{font-size:40px;color:var(--orange);font-weight:700;display:block;margin-bottom:15px}.steps h3{font-size:22px}.steps p{color:var(--muted)}.pricing{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:30px;padding:22px 26px;border-left:3px solid var(--orange);background:#ffffff06}.pricing span{color:#c8d3dc}.contact{background:radial-gradient(ellipse at 20% 50%,#17384c,transparent 65%),#0a1823}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact h2{font-size:clamp(45px,5vw,68px)}.contact p{color:#becfdb}.phone{font-size:27px;display:inline-block;margin:15px 0}.availability{font-size:13px}.contact-panel{padding:32px}.contact-panel label{display:block;font-size:14px;margin-bottom:8px}.contact-panel label span{color:var(--muted)}.contact-panel select,.contact-panel textarea{width:100%;background:#081722;color:var(--text);border:1px solid #4b6376;border-radius:7px;padding:13px;margin-bottom:20px;font-size:15px;max-width:100%}.contact-panel textarea{resize:vertical;min-height:100px}.contact-panel textarea::placeholder{color:#a3b5c4}.contact-panel .button{width:100%;margin-bottom:12px}.contact-panel .form-note{font-size:12px;margin-bottom:13px}.contact-panel>a{font-size:13px;color:var(--orange)}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:40px;padding-bottom:100px}.footer .brand{font-size:21px}.footer p,.footer>a:last-child{font-size:12px;color:var(--muted);margin:0}.floating-wa{position:fixed;bottom:22px;right:24px;padding:12px 19px;border:1px solid #7ee5b3;border-radius:50px;background:#123d30;color:#e7fff2;font-size:14px;font-weight:bold;box-shadow:0 8px 30px #0006;z-index:10;display:flex;gap:20px}.floating-wa:hover{background:#1c5643}.skip{position:absolute;top:-100px;left:20px;background:white;color:var(--bg);padding:12px;z-index:20}.skip:focus{top:10px}.reveal{opacity:1}.motion-ready .reveal{transition:opacity .65s ease,transform .65s ease}.motion-ready .reveal.pending{opacity:0;transform:translateY(22px)}
@media(max-width:1150px){.nav{gap:16px}.nav nav{gap:14px;font-size:12px}.nav-cta{font-size:12px;padding:12px}.brand{font-size:21px}.hero-grid{gap:40px}.credential-grid{gap:25px}.credential-grid>div{display:block}.credential-grid span{display:block;margin-top:8px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.nav-cta{display:none}.hero{padding-top:55px}.hero-grid{gap:30px}.hero-panel{padding:24px}.platform-title{font-size:32px}.system-flow small{font-size:11px}.hero h1{font-size:55px;letter-spacing:-2.5px}.tech-grid,.contact-grid{gap:35px}.training-grid,.personal{gap:40px}.service{padding:28px}.zone-footer{padding:20px;font-size:12px}.section-heading{gap:35px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{min-height:85px;flex-wrap:wrap;padding:19px 0;gap:18px}.brand{font-size:22px}.brand svg{width:35px}.brand small{font-size:8px}.menu-toggle{display:flex;align-items:center;gap:12px;color:white;background:transparent;border:1px solid #ffffff40;border-radius:7px;padding:9px 12px;font-size:13px}.nav nav{display:flex;width:100%;flex-wrap:wrap;gap:15px 20px;font-size:14px}.js .nav nav{display:none}.js .nav nav.open{display:flex}.hero{padding:45px 0}.hero-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:clamp(42px,11vw,61px);letter-spacing:-2px}.eyebrow{font-size:10px;letter-spacing:1.5px;line-height:1.7}.lead{font-size:18px}.actions{gap:20px}.hero-foot{font-size:12px}.hero-panel{padding:26px}.platform-title{font-size:38px}.system-flow small{font-size:12px}.credential-grid{grid-template-columns:1fr;gap:17px;padding:25px 0}.credential-grid>div{display:flex;gap:20px}.credential-grid strong{font-size:22px;min-width:105px}.credential-grid span{font-size:12px;margin:0}.credential-grid>div:last-child{display:block}.credential-grid>div:last-child span{margin-top:6px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none}.section-heading h2{margin-bottom:22px}h2{font-size:37px;letter-spacing:-1.3px}h3{font-size:25px}.service-grid,.tech-grid,.zones,.training-grid,.personal,.steps,.contact-grid{grid-template-columns:1fr;gap:24px}.service{padding:27px}.service ul{font-size:14px}.number{font-size:10px;letter-spacing:1px}.cloud-platforms>div{display:grid;grid-template-columns:1fr 1fr;gap:25px}.cloud-platforms strong{font-size:24px}.tech-grid{margin-top:35px;gap:35px}.environments{padding:28px}.zone-copy{padding:27px 27px 16px}.zone h3{font-size:39px}.zone iframe{height:270px}.zone-footer{font-size:12px;padding:22px}.map-note{font-size:12px}.training-grid{gap:10px}.personal{gap:30px}.personal-image{aspect-ratio:1.5}.steps{gap:20px;margin-top:30px}.steps article>span{font-size:32px;margin-bottom:9px}.steps h3{margin-bottom:12px}.contact-panel{padding:23px}.contact .button{font-size:13px;padding:16px 12px}.contact h2{font-size:48px}.footer{flex-wrap:wrap}.footer p{order:3;width:100%}.floating-wa{bottom:15px;right:15px;padding:10px 17px;font-size:13px}.pricing{padding:20px;font-size:15px}.button{padding:16px 20px;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal.pending{opacity:1;transform:none}.glow:before,.glow:after{display:none}}

/* CardNav: expandable cards, available as normal links without JavaScript. */
.card-nav .nav{min-height:100px}.card-nav .menu-toggle{display:flex;align-items:center;gap:16px;background:transparent;color:#fff;border:1px solid #ffffff30;border-radius:9px;padding:11px 17px;cursor:pointer;font-size:14px;margin-left:auto}.card-nav .nav-cta{display:inline-flex}.hamburger{width:20px;display:grid;gap:5px}.hamburger i{display:block;height:2px;background:currentColor;transition:transform .3s}.expanded .hamburger i:first-child{transform:translateY(3.5px) rotate(45deg)}.expanded .hamburger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.card-nav-panel{display:grid;grid-template-rows:1fr}.js .card-nav-panel{grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1),visibility .5s}.js .expanded .card-nav-panel{grid-template-rows:1fr;visibility:visible}.nav-cards{min-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.nav-card{background:#1b1722;border-radius:18px;display:flex;flex-direction:column;gap:10px;padding:28px;margin-bottom:24px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s}.nav-card:nth-child(2){background:#2f293a;transition-delay:.045s}.nav-card:nth-child(3){background:#193447;transition-delay:.09s}.js .card-nav:not(.expanded) .nav-card{transform:translateY(-20px);opacity:0}.nav-card>span{font-size:11px;letter-spacing:1.5px;color:#c5b4d4}.nav-card>strong{font-size:24px;letter-spacing:-.6px;margin-bottom:6px}.nav-card a{font-size:14px;color:#e0d9e9;padding:3px 0}.nav-card a:hover{color:#ffac79}
.first-section{padding-top:70px;padding-bottom:75px;min-height:610px}.first-section h1{font-size:clamp(38px,4vw,61px);letter-spacing:-2px;line-height:1.1;margin-bottom:25px}.first-section .personal-image{aspect-ratio:1.15}.first-section p{font-size:17px}.first-section .opening-business{display:block;font-size:14px;color:#bbcedd;margin-top:20px}.corporate-intro{border-top:1px solid #ffffff15}.corporate-intro h2{font-size:clamp(45px,4.7vw,70px);letter-spacing:-2.6px;line-height:1.08}.line-sidebar{position:fixed;left:12px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:20px;z-index:8}.line-sidebar a{display:flex;align-items:center;gap:7px;font-size:12px;color:#b9adca;transform:translateX(var(--shift,0px));transition:transform .1s,color .2s;min-height:24px}.side-index{font-size:10px;width:16px}.side-tick{width:30px;height:1px;background:#75658b;transform:scaleX(var(--tick-scale,.5));transform-origin:left;transition:transform .1s}.line-sidebar a[aria-current]{color:#cf9bff}.line-sidebar a[aria-current] .side-tick{background:#a855f7;transform:scaleX(1)}.side-label{opacity:0;transition:opacity .2s}.line-sidebar:hover .side-label,.line-sidebar:focus-within .side-label{opacity:1}.line-sidebar:hover,.line-sidebar:focus-within{background:#08131def;padding:15px 24px 15px 0;border-radius:0 14px 14px 0}.pixel-card{overflow:hidden}.pixel-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55;z-index:-1;mask-image:linear-gradient(90deg,#000,transparent 28%,transparent 72%,#000)}.pixel-card:has(a:focus-visible){border-color:#fda4af}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.faq-list details{border-bottom:1px solid #ffffff20;padding:20px 0}.faq-list summary{font-size:17px;font-weight:600;cursor:pointer}.faq-list summary:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.faq-list p{font-size:15px;color:var(--muted);margin:17px 0 0}.hero-foot,.number,.eyebrow,.map-note{overflow-wrap:anywhere}
@media(min-width:1480px){.line-sidebar{display:flex}.wrap{width:min(1160px,calc(100% - 220px))}}
@media(max-width:900px){.first-section{gap:35px}.first-section h1{font-size:41px}.first-section .personal-image{aspect-ratio:.9}.nav-card{padding:22px}.nav-card>strong{font-size:20px}}
@media(max-width:700px){.card-nav .nav{flex-wrap:nowrap;gap:12px;min-height:85px}.card-nav .nav-cta{display:none}.card-nav .menu-toggle{padding:9px 12px;font-size:12px;gap:10px}.nav-cards{grid-template-columns:1fr;gap:10px}.nav-card{margin-bottom:0;padding:20px;gap:7px}.nav-card:last-child{margin-bottom:20px}.nav-card>strong{font-size:22px}.nav-card a{font-size:14px;padding:5px 0}.first-section{padding-top:35px;padding-bottom:50px;min-height:0;gap:26px}.first-section .personal-image{aspect-ratio:1.6}.first-section h1{font-size:40px;letter-spacing:-1.5px}.first-section p{font-size:16px}.first-section .opening-copy{order:0}.corporate-intro h2{font-size:45px;letter-spacing:-2px}.faq-section{grid-template-columns:1fr;gap:10px}.pixel-canvas{opacity:.3}}
@media(prefers-reduced-motion:reduce){.pixel-canvas{display:none}.line-sidebar a{transform:none}.nav-card{transition:none}.js .card-nav-panel{transition:none}}


/* Brand marks and contact protection */
.brand-label{display:inline-flex;align-items:center;gap:.45em;vertical-align:middle;white-space:nowrap}.brand-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.brand-icon.monochrome{filter:brightness(0) invert(1)}.credential-grid strong .brand-icon{width:38px;height:38px}.credential-grid strong .brand-label{font-size:inherit;margin:0;color:inherit}.credential-grid strong .brand-icon[src*="mikrotik"]{width:70px}.tech-row strong{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cloud-platforms strong{display:flex;align-items:center;font-size:22px}.cloud-platforms .brand-icon{width:40px;height:40px}.cloud-platforms .brand-icon[src*="amazon"]{background:#fff;border-radius:6px;padding:4px}.tags .brand-label{padding:0;border:0}.floating-wa{position:fixed;display:flex;align-items:center;justify-content:center;width:64px;height:64px;min-width:0;padding:0;border-radius:50%;background:#25d366;border:1px solid #ffffff50;box-shadow:0 7px 28px #0006;bottom:24px;right:24px;z-index:50}.floating-wa img{width:35px;height:35px;filter:brightness(0) invert(1)}.floating-wa:hover{background:#1db954;transform:translateY(-3px)}.captcha-wrap{margin:18px 0 8px;min-height:65px;max-width:100%}#form-status{font-size:14px;color:var(--orange);margin:8px 0}#form-status:empty{display:none}.contact-panel button:disabled{opacity:.65;cursor:wait}@media(max-width:600px){.floating-wa{width:58px;height:58px;bottom:18px;right:18px}.cloud-platforms strong{font-size:17px}.cloud-platforms .brand-icon{width:30px;height:30px}.cloud-platforms>div{gap:20px 12px}.brand-icon{width:21px;height:21px}.contact-panel{min-width:0}.credential-grid>div{align-items:center}.credential-grid strong{min-width:125px}}
