:root{--bg:#0a0b0d;--bg-2:#101216;--card:#14161b;--card-2:#181b21;--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);--t1:#f4f6f9;--t2:#aab0bb;--t3:#727884;--accent:#2b8bff;--accent-2:#5fa8ff;--accent-soft:rgba(43,139,255,.12);--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--t1);font-family:Inter,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-2)}.eyebrow:before{content:"";width:22px;height:1px;background:var(--accent)}.btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;padding:13px 22px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:.2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1a7bf0;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--t1);border-color:var(--line-2)}.btn-ghost:hover{background:#ffffff0d;border-color:var(--t2)}section{position:relative}header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:#0a0b0db8;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;height:80px;position:relative}.logo{display:flex;align-items:center}.logo img{height:42px;width:auto;display:block}.nav-links{display:flex;gap:24px;font-size:15px;color:var(--t2);font-weight:500}.nav-links a:hover{color:var(--t1)}.nav-right{display:flex;align-items:center;gap:13px}.lang{display:flex;border:1px solid var(--line-2);border-radius:9px;overflow:hidden;font-size:13px;font-weight:600}.lang a{color:var(--t2);padding:6px 11px}.lang a.on{background:var(--accent);color:#fff}.phone{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;white-space:nowrap}.phone i{color:var(--accent)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line-2);color:var(--t2);font-size:20px}.icon-btn.wa i{color:#25d366}.icon-btn.wa:hover{background:#25d366;border-color:#25d366}.icon-btn.wa:hover i{color:#fff}.hamburger{display:none;background:none;border:1px solid var(--line-2);border-radius:10px;width:46px;height:46px;color:var(--t1);font-size:24px;align-items:center;justify-content:center;cursor:pointer}.mobile-menu{display:none;flex-direction:column;padding:6px 28px 24px;background:#0a0b0dfa;border-top:1px solid var(--line)}.mobile-menu.open{display:flex}.mobile-menu a{padding:15px 2px;font-size:17px;font-weight:500;color:var(--t1);border-bottom:1px solid var(--line)}.mm-actions{display:flex;gap:10px;margin-top:18px}.mm-actions .btn{flex:1;justify-content:center}.mm-lang{display:flex;margin-top:16px;border:1px solid var(--line-2);border-radius:9px;overflow:hidden;width:fit-content;font-weight:600;font-size:14px}.mm-lang a{padding:9px 18px;color:var(--t2)}.mm-lang a.on{background:var(--accent);color:#fff}.hero{position:relative;min-height:640px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.05)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090bf5,#08090bdb 42%,#08090b73)}.hero-inner{position:relative;z-index:2;padding-top:70px;padding-bottom:70px}.hero h1{font-size:clamp(33px,6vw,66px);line-height:1.05;font-weight:800;letter-spacing:-.02em;margin:20px 0 22px;max-width:15ch}.hero h1 span{color:var(--accent-2)}.hero p.lead{font-size:clamp(16px,2.2vw,19px);color:var(--t2);max-width:52ch;margin-bottom:32px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:46px}.hero-stats{display:flex;gap:38px;flex-wrap:wrap}.hstat .k{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);font-weight:600;margin-bottom:4px}.hstat .v{font-size:17px;font-weight:700}.brands{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2)}.brands .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;flex-wrap:wrap}.brands span{font-size:20px;font-weight:700;color:var(--t3);letter-spacing:.02em}.brands .lbl{font-size:13px;color:var(--t3);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.shead{max-width:640px;margin-bottom:44px}.shead h2{font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:16px 0 14px}.shead p{font-size:18px;color:var(--t2)}.pad{padding:96px 0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.svc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 26px;transition:.22s}.svc:hover{border-color:var(--line-2);background:var(--card-2);transform:translateY(-3px)}.svc .ic{width:52px;height:52px;border-radius:13px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.svc .ic i{font-size:26px;color:var(--accent-2)}.svc h3{font-size:20px;font-weight:700;margin-bottom:10px}.svc p{font-size:15px;color:var(--t2)}.feat{background:linear-gradient(120deg,#0e1620,#0b1017);border:1px solid var(--line);border-radius:24px;padding:56px;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;overflow:hidden;position:relative}.feat .big{font-size:64px;font-weight:800;letter-spacing:-.02em;line-height:1}.feat .arrow{color:var(--accent);margin:0 6px}.feat .pct{display:inline-block;margin-top:14px;background:var(--accent-soft);color:var(--accent-2);font-weight:700;font-size:15px;padding:7px 15px;border-radius:999px}.feat h2{font-size:34px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.feat p{color:var(--t2);font-size:17px;margin-bottom:12px}.feat .mini{font-size:14px;color:var(--t3)}.bar{height:14px;border-radius:8px;background:#ffffff12;margin-top:26px;overflow:hidden;position:relative}.bar i{position:absolute;left:0;top:0;bottom:0;border-radius:8px}.bar .b1{width:68%;background:#3a4150}.bar .b2{width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.barlbl{display:flex;justify-content:space-between;font-size:13px;color:var(--t3);margin-top:8px;font-weight:600}.work-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.22s;display:block}.work-card:hover{border-color:var(--line-2);transform:translateY(-3px)}.work-card .img{height:210px;background-size:cover;background-position:center;position:relative}.work-card .img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(20,22,27,.6))}.work-card .body{padding:24px}.tag{display:inline-block;font-size:12px;font-weight:700;color:var(--accent-2);background:var(--accent-soft);padding:5px 11px;border-radius:8px;margin-bottom:12px;letter-spacing:.02em}.work-card h3{font-size:19px;font-weight:700;margin-bottom:9px}.work-card p{font-size:14.5px;color:var(--t2)}.why{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.why h2{font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:16px 0 14px}.why>div>p{color:var(--t2);font-size:18px}.why ul{list-style:none;margin-top:24px;display:grid;gap:18px}.why li{display:flex;gap:14px;align-items:flex-start}.why li i{color:var(--accent);font-size:22px;margin-top:2px}.why li b{display:block;font-size:16px;margin-bottom:3px}.why li span{color:var(--t2);font-size:15px}.why-visual{background-size:cover;background-position:center;border-radius:20px;min-height:420px;border:1px solid var(--line)}.cta{background:linear-gradient(120deg,var(--accent),#1560c9);border-radius:24px;padding:64px 56px;text-align:center}.cta h2{font-size:clamp(30px,3.6vw,42px);font-weight:800;letter-spacing:-.02em;margin-bottom:14px}.cta p{font-size:18px;color:#ffffffe6;margin-bottom:30px}.cta .btn-primary{background:#fff;color:#0b3a86}.cta .btn-primary:hover{background:#eef4ff}.cta .btn-ghost{border-color:#ffffff80;color:#fff}.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}footer{border-top:1px solid var(--line);background:var(--bg-2);padding:60px 0 34px}.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-bottom:40px}footer h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);margin-bottom:16px;font-weight:700}footer p,footer a{color:var(--t2);font-size:15px;display:block;margin-bottom:9px}footer a:hover{color:var(--t1)}.fbottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13.5px;color:var(--t3)}.socials{display:flex;gap:12px}.socials a{width:38px;height:38px;border:1px solid var(--line-2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--t2);margin:0}.socials a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.work-all{margin-top:36px;text-align:center}.subpad{padding:120px 0 96px}.back{display:inline-flex;align-items:center;gap:8px;color:var(--t2);font-size:14px;font-weight:600;margin-bottom:28px}.back:hover{color:var(--accent-2)}.page-head{max-width:760px;margin-bottom:40px}.page-head h1{font-size:clamp(34px,4.4vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.06;margin:14px 0 16px}.page-head p{font-size:18px;color:var(--t2)}.proj-hero-img{height:440px;border-radius:20px;background-size:cover;background-position:center;border:1px solid var(--line);margin-bottom:40px}.proj-body{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:start}.proj-body h2{font-size:26px;font-weight:800;letter-spacing:-.01em;margin-bottom:18px}.proj-body>div>p{color:var(--t2);font-size:18px;margin-bottom:24px}.checklist{list-style:none;display:grid;gap:12px}.checklist li{display:flex;gap:12px;align-items:flex-start;color:var(--t2);font-size:16px}.checklist li i{color:var(--accent);font-size:20px;margin-top:2px;flex:0 0 auto}.proj-side{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.proj-side .tag{margin-bottom:16px}.proj-side p{color:var(--t2);font-size:15px;margin-bottom:20px}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.gallery a{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:var(--card)}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.gallery a:hover img{transform:scale(1.05)}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}.about-grid p{color:var(--t2);font-size:17px;margin-bottom:18px}.about-visual{background-size:cover;background-position:center;border-radius:20px;min-height:460px;border:1px solid var(--line)}.about-values{margin-top:40px}.signature{display:flex;align-items:center;gap:22px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}.sig-avatar{position:relative;overflow:hidden;width:180px;height:180px;border-radius:50%;background:var(--accent-soft);color:var(--accent-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:48px;flex:0 0 auto;letter-spacing:.02em;border:1px solid var(--line-2)}.sig-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}.sig-name{font-size:17px;font-weight:700}.sig-role{font-size:14px;color:var(--t3)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"info form" "map form";gap:30px 48px;align-items:start}.cinfo{display:grid;gap:22px;grid-area:info}.form{grid-area:form}.map{grid-area:map}.info-row{display:flex;gap:15px;align-items:flex-start}.info-row .ib{width:44px;height:44px;flex:0 0 auto;border-radius:11px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center}.info-row .ib i{color:var(--accent-2);font-size:22px}.info-row .k{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);font-weight:600;margin-bottom:3px}.info-row .v{font-size:16px;font-weight:600}.info-row a.v:hover{color:var(--accent-2)}.map{border-radius:16px;overflow:hidden;border:1px solid var(--line);min-height:230px}.map iframe{width:100%;height:260px;border:0;display:block;filter:grayscale(.2) invert(.92) hue-rotate(180deg)}.form{display:grid;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.form label{font-size:13px;font-weight:600;color:var(--t2);margin-bottom:6px;display:block}.form input,.form textarea{width:100%;background:var(--bg);border:1px solid var(--line-2);border-radius:11px;padding:13px 15px;color:var(--t1);font-family:inherit;font-size:15px;transition:.15s}.form input:focus,.form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form textarea{resize:vertical;min-height:120px}.form .note{font-size:12.5px;color:var(--t3)}.form-status{font-size:14px;font-weight:600;margin-top:2px}.form-status.ok{color:#4ec27f}.form-status.err{color:#e2726e}.form button{margin-top:4px}.coding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.coding-cat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.coding-cat .ch{display:flex;align-items:center;gap:13px;margin-bottom:20px}.coding-cat .ch .ic{width:46px;height:46px;border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.coding-cat .ch .ic i{color:var(--accent-2);font-size:23px}.coding-cat .ch h3{font-size:18px;font-weight:700}.coding-cat ul{list-style:none;display:grid;gap:11px}.coding-cat li{display:flex;gap:11px;align-items:flex-start;color:var(--t2);font-size:15px;line-height:1.5}.coding-cat li i{color:var(--accent);font-size:17px;margin-top:2px;flex:0 0 auto}.coding-note{margin-top:32px;background:var(--accent-soft);border:1px solid var(--line-2);border-radius:var(--radius);padding:22px 26px;color:var(--t2);font-size:15.5px;display:flex;gap:14px;align-items:flex-start}.coding-note i{color:var(--accent-2);font-size:24px;flex:0 0 auto;margin-top:1px}.coding-note a{color:var(--accent-2);font-weight:600}.veh-wrap{margin-top:80px;border-top:1px solid var(--line);padding-top:56px}.veh-group{margin-bottom:26px}.veh-group h4{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);font-weight:700;margin-bottom:13px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{background:var(--card);border:1px solid var(--line-2);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--t1)}.chip:hover{border-color:var(--accent);color:var(--accent-2)}.veh-note{margin-top:10px;font-size:14.5px;color:var(--t3)}.vin-form{display:flex;gap:12px;max-width:640px;margin-bottom:10px;flex-wrap:wrap}.vin-form input{flex:1;min-width:220px;background:var(--card);border:1px solid var(--line-2);border-radius:12px;padding:14px 16px;color:var(--t1);font-family:var(--font-mono,ui-monospace,monospace);font-size:16px;letter-spacing:.12em;text-transform:uppercase;transition:.15s}.vin-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.vin-form button{white-space:nowrap}.vin-priv{font-size:12.5px;color:var(--t3);margin-bottom:36px}.vin-status{font-size:14.5px;font-weight:600;margin-bottom:22px}.vin-status.ok{color:#4ec27f}.vin-status.err{color:#e2726e}.vin-result{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px}.vin-result:not(:empty){margin-bottom:32px}.vin-cell{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:11px 13px}.vin-cell .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--t3);font-weight:600;margin-bottom:3px}.vin-cell .v{font-size:14.5px;font-weight:600;line-height:1.3;color:var(--t1)}@media(max-width:1024px){.nav-links{gap:18px;font-size:14px}.nav{gap:12px}}@media(max-width:900px){.grid3,.feat,.why,.fgrid,.proj-body,.about-grid,.contact-grid,.coding-grid{grid-template-columns:1fr}.contact-grid{grid-template-areas:"info" "form" "map"}.nav-links,.nav-right{display:none}.hamburger{display:flex}.nav{justify-content:center;height:72px}.logo img{height:38px}.hamburger{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.feat{padding:36px}.pad{padding:64px 0}.about-visual{min-height:300px}.proj-hero-img{height:280px}.hero{min-height:auto}.hero-inner{padding-top:48px;padding-bottom:48px}.hero-bg:after{background:linear-gradient(180deg,#08090bb3,#08090bd9 55%,#08090bf2)}.hero-stats{gap:20px 30px}.subpad{padding:100px 0 72px}}
