*{box-sizing:border-box}:root{--bg:#050606;--p:#111313;--p2:#0b0d0d;--t:#f5f7f7;--m:#a8b0b0;--l:#293030;--a:#00e7c2}[data-theme=light]{--bg:#f5f8f7;--p:#fff;--p2:#edf3f2;--t:#101515;--m:#586462;--l:#d5dfdd;--a:#00a98f}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--t);font:16px/1.55 system-ui,-apple-system,Segoe UI,Arial;transition:.25s}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}header{height:78px;position:sticky;top:0;z-index:10;padding:0 max(18px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-bottom:1px solid var(--l)}header img,footer img{width:175px;max-height:56px;object-fit:contain;mix-blend-mode:screen}[data-theme=light] header img,[data-theme=light] footer img{mix-blend-mode:multiply}button{height:42px;min-width:44px;background:var(--p);color:var(--t);border:1px solid var(--l);font-weight:800;margin-left:6px}nav{display:none;position:fixed;right:20px;top:88px;z-index:20;width:min(350px,calc(100% - 40px));background:var(--p);border:1px solid var(--l);padding:14px}nav.open{display:block}nav a{display:block;padding:15px;color:var(--t);text-decoration:none;border-bottom:1px solid var(--l)}.hero{min-height:72vh;display:flex;flex-direction:column;justify-content:center}.tag{color:var(--a);font-size:.78rem;letter-spacing:.16em;font-weight:900}.hero h1{font-size:clamp(3rem,7vw,6.3rem);line-height:.94;max-width:950px;margin:.15em 0}.lead{font-size:clamp(1.1rem,2vw,1.5rem);color:var(--m);max-width:800px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:0 22px;background:var(--p);border:1px solid var(--l);color:var(--t);text-decoration:none;font-weight:900}.primary{background:var(--a);border-color:var(--a);color:#00120e}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:75px}.stats article,.grid article,.steps article{background:var(--p);border:1px solid var(--l);padding:28px}.stats b{display:block;color:var(--a);font-size:4rem;line-height:1}.stats span{color:var(--m)}.section{padding:85px 0}.section h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1.03;max-width:850px}.grid,.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.grid article{min-height:290px}.grid i{font-style:normal;color:var(--a);font-size:2rem}.grid h3{margin-top:45px}.grid p{color:var(--m)}.band{background:var(--p2);border-block:1px solid var(--l)}.clients{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.clients span{padding:20px;background:var(--p);border:1px solid var(--l);font-weight:900}.steps b{font-size:2.7rem;color:var(--a)}.center{text-align:center;display:flex;flex-direction:column;align-items:center}.center h2{max-width:760px}.center p{color:var(--m)}footer{border-top:1px solid var(--l);padding:25px 0}footer .wrap{display:flex;justify-content:space-between;align-items:center;color:var(--m)}footer img{width:130px}@media(max-width:850px){.grid,.steps{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:1fr}}@media(max-width:600px){header{height:70px;padding:0 14px}header img{width:140px}.hero{min-height:67vh}.hero h1{font-size:3.15rem}.actions,.btn{width:100%}.grid,.steps{grid-template-columns:1fr}.section{padding:65px 0}.grid article{min-height:auto}.clients{flex-wrap:nowrap;overflow-x:auto}.clients span{white-space:nowrap}footer .wrap{flex-direction:column;gap:15px}}
/* V2 */
.hero{position:relative;overflow:hidden}.hero>*:not(.heroGlow){position:relative;z-index:2}.heroGlow{position:absolute;right:-8%;top:10%;width:520px;height:520px;border:1px solid var(--l);border-radius:50%;opacity:.7;box-shadow:0 0 120px color-mix(in srgb,var(--a) 15%,transparent)}.heroGlow:before,.heroGlow:after{content:"";position:absolute;border:1px solid var(--l);border-radius:50%}.heroGlow:before{inset:12%}.heroGlow:after{inset:28%;background:radial-gradient(circle,color-mix(in srgb,var(--a) 18%,transparent),transparent 65%)}.service-grid{}.grid article{transition:transform .25s,border-color .25s}.grid article:hover{transform:translateY(-6px);border-color:var(--a)}.clients.marquee{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:10px}.clients.marquee span{min-width:max-content;filter:grayscale(1);transition:.2s}.clients.marquee span:hover{filter:none;color:var(--a);border-color:var(--a)}.steps{position:relative}.steps:before{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--a),transparent);opacity:.35}.steps article{position:relative;z-index:2}.contactForm{width:min(720px,100%);display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px auto 18px}.contactForm input,.contactForm textarea{width:100%;background:var(--p);border:1px solid var(--l);color:var(--t);padding:16px;font:inherit;outline:none}.contactForm input:focus,.contactForm textarea:focus{border-color:var(--a)}.contactForm textarea{grid-column:1/-1;min-height:150px;resize:vertical}.contactForm .btn{grid-column:1/-1}.hp{position:absolute!important;left:-9999px!important}.mail{color:var(--a);text-decoration:none}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(min-width:851px){#menu{display:none}nav#nav{display:flex!important;position:static;width:auto;padding:0;background:none;border:0;margin-left:auto}nav#nav a{display:inline-block;border:0;padding:14px 12px;font-size:.88rem}.hero{min-height:78vh}}@media(max-width:600px){.heroGlow{width:360px;height:360px;right:-55%;top:18%}.contactForm{grid-template-columns:1fr}.contactForm textarea,.contactForm .btn{grid-column:1}.steps:before{display:none}}

/* V3 premium client system */
.clientGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:36px}
.clientLogo{margin:0;min-height:145px;background:var(--p);border:1px solid var(--l);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;transition:.25s}
.clientLogo:hover{transform:translateY(-5px);border-color:var(--a)}
.clientLogo img{width:100%;height:72px;object-fit:contain;filter:grayscale(1);opacity:.78;transition:.25s}
.clientLogo:hover img{filter:none;opacity:1}.clientLogo figcaption{font-size:.72rem;color:var(--m);margin-top:10px;text-transform:uppercase;letter-spacing:.08em}
[data-theme=dark] .clientLogo img{mix-blend-mode:screen}.techStrip{border-block:1px solid var(--l);background:var(--p2);overflow:hidden}.techStrip .wrap{display:flex;gap:28px;overflow-x:auto;padding:18px 0;scrollbar-width:none}.techStrip span{white-space:nowrap;color:var(--m);font-size:.72rem;font-weight:900;letter-spacing:.12em}
.hero h1{letter-spacing:-.045em}.primary{box-shadow:0 0 35px color-mix(in srgb,var(--a) 16%,transparent)}
@media(max-width:900px){.clientGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.clientGrid{grid-template-columns:1fr 1fr}.clientLogo{min-height:120px;padding:12px}.clientLogo img{height:58px}}

/* V4 */
.clientLogo{min-height:132px}
.clientLogo img{height:78px}
.clientLogo figcaption{display:none}
@media(max-width:520px){.clientLogo{min-height:105px}.clientLogo img{height:64px}}

/* V5 finishing */
.svcIcon{display:block;width:46px;height:46px;color:var(--a);font-style:normal}
.svcIcon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.grid article:hover .svcIcon{transform:translateY(-2px) scale(1.04)}
.svcIcon{transition:transform .25s}
.steps article p{color:var(--m);font-size:.92rem;margin:10px 0 0}
.steps article{min-height:205px}
@media(max-width:600px){.steps article{min-height:auto}}

/* V6 */
.clientGrid{grid-template-columns:repeat(4,1fr)}
.clientLogo img{filter:grayscale(1);opacity:.82}
.clientLogo:hover img{filter:grayscale(1);opacity:1}
@media(max-width:900px){.clientGrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.clientGrid{grid-template-columns:repeat(2,1fr)}}

.logo-dark{display:block!important;mix-blend-mode:normal!important;object-fit:contain}.logo-light{display:none!important}
html[data-theme="light"] .logo-dark{display:none!important}html[data-theme="light"] .logo-light{display:block!important;mix-blend-mode:multiply!important}
header .logo-dark,header .logo-light{width:175px;max-height:58px}footer .logo-dark,footer .logo-light{width:135px;max-height:54px}
@media(max-width:600px){header .logo-dark,header .logo-light{width:145px}}