:root{--bg:#050706;--panel:#0b0f0e;--panel2:#101615;--aqua:#64ded8;--aqua2:#39bbb6;--white:#f6f8f7;--muted:#a9b5b2;--line:#1d2926;--green:#25d366}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,30px);position:sticky;top:0;z-index:50;background:rgba(5,7,6,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.brand img{height:54px;width:auto;display:block}.nav nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}.nav nav>a:not(.pill){color:#d6dedc}.nav nav>a:hover{color:var(--aqua)}.pill,.primary{background:var(--aqua);color:#04100e;border-radius:10px;padding:13px 19px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(100,222,216,.12)}.pill{background:var(--green);color:#fff}.menu{display:none;background:none;border:0;color:#fff;font-size:26px}.hero{min-height:650px;padding:90px max(6vw,46px) 58px;display:grid;grid-template-columns:minmax(0,1.2fr) .55fr;align-items:center;gap:55px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 38%,rgba(100,222,216,.15),transparent 26%),linear-gradient(120deg,#040605 0%,#07100e 58%,#0a1816 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(100,222,216,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(100,222,216,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy,.area-card{position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:800;color:var(--aqua)}h1,h2{margin:12px 0 18px;line-height:1.05;letter-spacing:-1.7px}h1{font-size:clamp(42px,5.6vw,76px);max-width:900px}h1 span,h2 span{color:var(--aqua)}.hero p{max-width:760px;font-size:18px;line-height:1.7;color:#c1ccca}.actions{display:flex;gap:14px;margin:30px 0}.secondary{border:1px solid #35504b;border-radius:10px;padding:13px 20px;font-weight:700;color:#eaf0ef;background:transparent}.secondary:hover{border-color:var(--aqua);color:var(--aqua)}.trust{display:flex;gap:38px;margin-top:42px;border-top:1px solid var(--line);padding-top:25px}.trust span{display:flex;flex-direction:column;gap:4px}.trust b{font-size:12px}.trust small{font-size:11px;color:#7f918d}.area-card{justify-self:end;width:min(330px,100%);padding:30px;border:1px solid #20302c;background:rgba(9,14,13,.82);backdrop-filter:blur(12px);border-radius:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 80px #0008}.area-card b{color:var(--aqua)}.area-card strong{font-size:25px;margin-bottom:8px}.area-card span{color:#c3cecc}.area-card span:before{content:"◆";font-size:7px;color:var(--aqua);margin-right:10px}.section{padding:80px max(5vw,38px)}.section-head,.reviews-head{display:flex;align-items:end;justify-content:space-between;gap:30px}h2{font-size:clamp(32px,3.8vw,52px)}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.services article{min-height:270px;padding:27px 23px;background:linear-gradient(150deg,#0e1412,#090d0c);border:1px solid var(--line);border-radius:17px;position:relative;transition:.25s}.services article:hover{transform:translateY(-7px);border-color:#3e7771;box-shadow:0 18px 55px rgba(0,0,0,.3)}.services i{position:absolute;right:18px;top:16px;font-style:normal;font-size:11px;color:#53625f}.service-icon{font-size:39px;color:var(--aqua);height:70px;display:flex;align-items:center}.services h3{font-size:18px;margin:12px 0}.services p{font-size:13px;line-height:1.65;color:var(--muted)}.about{display:grid;grid-template-columns:1.05fr .95fr;background:#090d0c;border-block:1px solid var(--line);min-height:520px}.about-copy{padding:78px max(6vw,46px)}.about-copy p{color:var(--muted);line-height:1.75;max-width:650px}.facts{display:flex;gap:46px;margin:34px 0}.facts div{display:flex;flex-direction:column}.facts strong{font-size:30px;color:var(--aqua)}.facts span{font-size:12px;color:#82918e}.tech-visual{min-height:480px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#173a35 0,#0b1916 38%,#050706 72%);overflow:hidden}.rack{width:52%;height:66%;padding:28px;background:#050807;border:12px solid #1c2926;border-radius:10px;box-shadow:0 25px 60px #000}.rack span{display:block;height:15%;margin-bottom:5%;border:1px solid #2b423e;background:linear-gradient(90deg,#0d1715 65%,var(--aqua) 66%,#0d1715 68%);box-shadow:inset 0 0 18px #000}.visual-label{position:absolute;bottom:35px;left:35px;background:#07100ee8;padding:16px 20px;border-left:4px solid var(--aqua);display:flex;flex-direction:column}.visual-label small{color:#91a39f;margin-top:5px}.portfolio{background:#050706}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.portfolio-grid article{display:flex;flex-direction:column;gap:8px}.portfolio-grid article>span{font-size:13px;color:var(--muted)}.project-art{height:210px;border-radius:14px;display:grid;place-items:center;font-size:70px;color:var(--aqua);background:linear-gradient(145deg,#101b18,#07100e);border:1px solid var(--line)}.reviews{background:#090d0c;border-block:1px solid var(--line)}.rating{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 14px;text-align:right}.google-word{font-size:28px;font-weight:800;color:#fff}.rating strong{font-size:27px}.stars{color:#fbbc04;letter-spacing:2px}.rating small{grid-column:1/3;color:var(--muted)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.review{background:#0e1412;border:1px solid var(--line);border-radius:16px;padding:24px;min-height:210px}.review p{color:#b9c4c1}.center{text-align:center}.api-note{text-align:center;color:#71827e;font-size:12px}.coverage{padding:65px max(6vw,46px);display:grid;grid-template-columns:1.3fr .7fr;gap:50px;background:radial-gradient(circle at 80% 50%,rgba(100,222,216,.08),transparent 30%),#050706}.coverage p{color:var(--muted);line-height:1.7}.places{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:15px}.places span{font-weight:700;color:#dce5e3}.cta{padding:65px max(6vw,46px);background:#0b1210;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr auto .75fr;gap:38px;align-items:center}.cta p{color:var(--muted);line-height:1.65}.cta-actions{display:flex;gap:12px}.contact-data{display:flex;flex-direction:column;gap:12px;font-size:13px;color:#d1dcda}footer{background:#030504;color:#758580;padding:28px max(6vw,46px);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;border-top:1px solid #111917}footer .brand img{height:44px}.floating-wa{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:25px;z-index:40;box-shadow:0 10px 30px #0008}@media(max-width:1050px){.nav nav{gap:14px}.nav nav>a:not(.pill){display:none}.cta{grid-template-columns:1fr 1fr}.contact-data{grid-column:1/3}}@media(max-width:760px){.nav{height:70px;padding:0 18px}.brand img{height:44px}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#060908;padding:20px;flex-direction:column;align-items:stretch}.nav nav.open{display:flex}.nav nav>a:not(.pill){display:block}.menu{display:block}.hero{grid-template-columns:1fr;padding:62px 22px 40px}.area-card{justify-self:stretch}.trust,.actions{flex-direction:column}.section{padding:56px 20px}.services{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about-copy{padding:56px 22px}.facts{gap:20px;justify-content:space-between}.portfolio-grid,.review-grid{grid-template-columns:1fr}.reviews-head{align-items:start;flex-direction:column}.coverage{grid-template-columns:1fr;padding:56px 22px}.places{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr;padding:56px 22px}.cta-actions{display:flex;flex-direction:column}.contact-data{grid-column:auto}footer{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.services,.places{grid-template-columns:1fr}.facts{flex-direction:column}h1{font-size:42px}}
