:root{color-scheme:dark;--bg:#05070a;--surface:#10171f;--surface-2:#151e27;--ink:#fff;--soft:#dce6ef;--muted:#9fadb9;--line:rgba(255,255,255,.15);--orange:#ff6b00;--orange-2:#ff9d2e;--blue:#58b7ff;font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;min-width:320px;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.5}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:12px 16px;border-radius:8px;color:#071018;background:var(--orange-2);font-weight:900}.skip-link:focus{top:12px}
.top{position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(5,7,10,.94);backdrop-filter:blur(16px)}.top-row{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:22px}.brand{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto;font-size:24px;font-weight:950}.brand-mark{width:32px;height:32px;border:3px solid var(--orange);border-radius:8px;transform:rotate(24deg);box-shadow:0 0 24px rgba(255,107,0,.42)}.nav-shell{display:flex;align-items:center;justify-content:flex-end;gap:22px;min-width:0}.nav{display:flex;align-items:center;gap:20px;color:#e6edf4;font-size:14px;font-weight:850;white-space:nowrap}.nav a,.footer-links a{transition:color .18s ease}.nav a:hover,.footer-links a:hover{color:var(--orange-2)}.menu-toggle{display:none;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:8px;color:#fff;background:#111820;cursor:pointer}.menu-bars,.menu-bars:before,.menu-bars:after{width:20px;height:2px;background:currentColor;content:""}.menu-bars{position:relative}.menu-bars:before,.menu-bars:after{position:absolute;left:0}.menu-bars:before{top:-6px}.menu-bars:after{top:6px}
.btn,.header-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:8px;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.btn.primary,.header-action{color:#111820;background:var(--orange-2);box-shadow:0 16px 32px rgba(255,107,0,.3)}.btn.secondary{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.07)}.btn:hover,.header-action:hover{transform:translateY(-2px)}.btn:focus-visible,.header-action:focus-visible,.nav a:focus-visible,.brand:focus-visible,.menu-toggle:focus-visible,.project-card:focus-visible,.service-card:focus-visible,.footer-links a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.hero{position:relative;min-height:680px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;overflow:hidden;background-color:#05070a;background-image:linear-gradient(90deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.9) 34%,rgba(5,7,10,.42) 74%),linear-gradient(180deg,rgba(5,7,10,.65) 0%,rgba(5,7,10,.06) 45%,#05070a 100%),url("itlider-hero.webp");background-position:center;background-size:cover}.hero:after{position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(180deg,transparent,var(--bg));content:""}.hero-inner{position:relative;z-index:1;min-width:0;padding:98px 0 28px}.hero-copy{width:100%;min-width:0;max-width:830px}.eyebrow{margin:0 0 14px;color:var(--orange-2);font-size:13px;font-weight:950;line-height:1.25;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{letter-spacing:0}h1{max-width:820px;margin:0;font-size:72px;line-height:.98}h1 .business-line{display:block}h2{margin:0;font-size:48px;line-height:1.08}h3{margin:0}.hero-lead{max-width:720px;margin:22px 0 0;color:#edf4fb;font-size:21px;line-height:1.48}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:820px;margin-top:28px}.proof-item{min-height:70px;padding:13px 15px;border-top:2px solid var(--orange);background:rgba(6,16,25,.82)}.proof-item b{display:block;color:var(--orange-2);font-size:13px;text-transform:uppercase}.proof-item span{display:block;margin-top:4px;color:var(--soft);font-size:14px;line-height:1.3}
main{background:linear-gradient(180deg,#05070a,#0a1016 38%,#05070a 100%)}section{padding:72px 0}.hero.hero{padding:0}#services{padding-top:40px}.section-head{max-width:860px;margin-bottom:28px}.section-head p,.page-lead,.contact-intro>p,.body-copy{margin:16px 0 0;color:var(--soft);font-size:18px;line-height:1.58}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-card{--service-accent:var(--orange);position:relative;min-height:270px;display:grid;align-content:space-between;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:transform .18s ease,border-color .18s ease,background .18s ease}.service-card:before{position:absolute;inset:0 0 auto;height:4px;background:var(--service-accent);content:""}.service-card:hover{transform:translateY(-4px);border-color:var(--service-accent);background:var(--surface-2)}.service-card>*{position:relative}.service-code{display:grid;place-items:center;width:54px;height:54px;border:2px solid var(--service-accent);border-radius:8px;color:var(--service-accent);background:#070d12;font-size:13px;font-weight:950}.service-card h3{margin-top:24px;font-size:24px;line-height:1.16}.service-card p{margin:12px 0 0;color:var(--soft);line-height:1.52}.card-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:var(--service-accent);font-size:14px;font-weight:900}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{--accent:var(--orange);position:relative;min-height:330px;display:grid;align-content:space-between;gap:20px;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:transform .18s ease,border-color .18s ease,background .18s ease}.project-card:before{position:absolute;inset:0 0 auto;height:4px;background:var(--accent);content:""}.project-card:hover{transform:translateY(-4px);border-color:var(--accent);background:var(--surface-2)}.project-card>*{position:relative}.project-top{display:flex;align-items:center;gap:16px}.project-logo{position:relative;width:78px;height:78px;flex:0 0 78px;display:grid;place-items:center;overflow:hidden;border:2px solid var(--accent);border-radius:8px;background:#081018}.project-logo img{width:64px;height:64px;object-fit:contain}.project-logo.partshub-logo img{width:66px;height:66px;border-radius:6px;object-fit:cover}.project-logo.maxis-logo img{width:68px;height:46px}.css-logo{font-size:26px;font-weight:950}.css-logo.vremigo-logo{color:#c9c1ff}.css-logo.stop-logo{color:#fff;font-size:42px}.css-logo.itlider-logo{color:#fff;font-size:20px}.project-name b{display:block;font-size:22px;line-height:1.1}.project-name small{display:block;margin-top:7px;color:var(--accent);font-size:12px;font-weight:950;text-transform:uppercase}.project-url{display:inline-flex;align-items:center;width:fit-content;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.04);font-size:12px;font-weight:850}.project-body h3{font-size:25px;line-height:1.16}.project-body p{margin:11px 0 0;padding-right:34px;color:var(--soft);font-size:16px;line-height:1.52}.project-arrow{position:absolute;right:22px;bottom:22px;color:var(--accent);font-size:30px;font-weight:900}.project-card.jumys{--accent:#31d17c}.project-card.rent{--accent:#58b7ff}.project-card.partshub{--accent:#f6a51c}.project-card.vremigo{--accent:#8d78ff}.project-card.stop{--accent:#ef5350}.project-card.itlider{--accent:#ff7b18}.project-card.maxis{--accent:#ff5a00}.project-card.featured-project{grid-column:1/-1;min-height:250px;grid-template-columns:300px 1fr;align-items:center;gap:38px}.featured-project .project-body p{max-width:680px}
.future-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:880px}.future-card{min-height:260px;padding:26px;border:1px solid rgba(88,183,255,.34);border-radius:8px;background:#0d1d29}.future-card .status{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid rgba(88,183,255,.55);border-radius:999px;color:#a9ddff;font-size:12px;font-weight:950;text-transform:uppercase}.future-card h3{margin-top:24px;font-size:28px}.future-card p{margin:12px 0 0;color:var(--soft);line-height:1.55}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-step{padding:22px;border-top:3px solid var(--orange);background:rgba(255,255,255,.045)}.process-step b{display:block;color:var(--orange-2);font-size:13px;text-transform:uppercase}.process-step h3{margin-top:12px;font-size:22px}.process-step p{margin:9px 0 0;color:var(--soft);line-height:1.48}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.value-item{min-height:150px;padding:22px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.045)}.value-item b{display:block;color:var(--orange-2);font-size:20px}.value-item span{display:block;margin-top:8px;color:var(--soft);line-height:1.46}.official-strip{display:flex;align-items:center;gap:18px;margin-top:12px;padding:18px 22px;border-left:4px solid var(--orange);background:#10171f}.official-strip b{color:var(--orange-2);white-space:nowrap}.official-strip span{color:var(--soft)}
.contact-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:22px;align-items:stretch}.contact-intro,.contact-form{border:1px solid var(--line);border-radius:8px}.contact-intro{padding:40px;background:#19130f}.contact-intro h2{font-size:46px}.contact-points{display:grid;gap:10px;margin-top:26px}.contact-point{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:16px;min-height:56px;padding:11px 16px;border:1px solid var(--line);border-radius:8px;background:#070d12}.contact-point b{color:var(--orange-2);font-size:12px;text-transform:uppercase}.contact-point span{color:var(--soft);font-weight:850}.contact-point em{color:var(--orange-2);font-style:normal}.contact-form{padding:28px 30px;background:var(--surface)}.contact-form-head{margin-bottom:20px}.contact-form-head h3{font-size:30px}.contact-form-head p{margin:7px 0 0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 18px}.full-field{grid-column:1/-1}.contact-form label:not(.consent-field){display:grid;gap:7px;color:#e4ecf3;font-size:14px;font-weight:900}.contact-form input:not([type="checkbox"]),.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;background:#050b10;outline:none}.contact-form input:not([type="checkbox"]){min-height:54px;padding:0 15px}.contact-form textarea{min-height:170px;padding:15px;resize:vertical;line-height:1.45}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange-2);box-shadow:0 0 0 3px rgba(255,107,0,.16)}.message-field{display:grid;gap:7px;margin-top:15px}.consent-field{display:grid;grid-template-columns:22px 1fr;align-items:start;gap:10px;margin-top:15px;color:#c6d1dc;font-size:13px;line-height:1.42;cursor:pointer}.consent-field input{width:19px;height:19px;margin:1px 0 0;accent-color:var(--orange)}.consent-field a{color:var(--orange-2);text-decoration:underline;text-underline-offset:3px}.contact-submit{min-width:250px;margin-top:16px}.contact-submit[disabled]{opacity:.65;cursor:wait}.contact-status:empty{display:none}.contact-status{margin:12px 0 0;font-weight:850}.contact-status.ok{color:#7df3bb}.contact-status.bad{color:#ffb0a8}.form-trap{position:absolute;left:-9999px;opacity:0}
.page-hero{padding:142px 0 62px;border-bottom:1px solid var(--line);background:#0a1016}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;color:var(--muted);font-size:14px}.breadcrumbs a{color:var(--orange-2)}.page-hero h1{max-width:900px;font-size:58px;line-height:1.03}.page-hero .actions{margin-top:24px}.content-grid,.detail-grid,.faq-grid,.contact-cards{display:grid;gap:14px}.content-grid{grid-template-columns:1.15fr .85fr}.detail-grid{grid-template-columns:repeat(3,1fr)}.faq-grid{grid-template-columns:repeat(2,1fr)}.contact-cards{grid-template-columns:repeat(3,1fr)}.detail-card,.faq-item,.contact-card{padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.detail-card h3,.contact-card h3{font-size:23px}.detail-card p,.faq-item p,.contact-card p{margin:10px 0 0;color:var(--soft);line-height:1.55}.list-clean{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.list-clean li{position:relative;padding-left:22px;color:var(--soft)}.list-clean li:before{position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--orange);content:""}.faq-item h3{font-size:19px}.contact-card a{display:inline-flex;margin-top:16px;color:var(--orange-2);font-weight:900}.policy{max-width:860px}.policy h2{margin-top:42px;font-size:30px}.policy p,.policy li{color:var(--soft);line-height:1.65}.policy a{color:var(--orange-2)}.not-found{min-height:calc(100vh - 220px);display:grid;place-items:center;padding:140px 0 80px;text-align:center}.not-found strong{display:block;color:var(--orange-2);font-size:90px;line-height:1}.not-found h1{margin-top:18px;font-size:44px}.not-found p{max-width:560px;margin:14px auto 0;color:var(--soft)}
footer{padding:34px 0 42px;border-top:1px solid var(--line);color:var(--muted);background:#05070a}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr auto;gap:28px;align-items:start}.footer-brand b{display:block;color:#fff;font-size:20px}.footer-brand span,.footer-legal span{display:block;margin-top:6px;line-height:1.45}.footer-links{display:grid;gap:8px;text-align:right}.footer-links a{color:#d8e2eb}
@media(max-width:1180px){h1{font-size:64px}h2{font-size:44px}.service-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){html{scroll-padding-top:76px}.top-row{min-height:68px}.menu-toggle{display:grid}.nav-shell{position:fixed;inset:68px 0 auto;display:none;width:100%;padding:18px 16px 22px;border-bottom:1px solid var(--line);background:#080d12}.nav-shell.open{display:grid;gap:18px}.nav{display:grid;gap:0}.nav a{min-height:46px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.09)}.header-action{width:100%}h1{font-size:56px}h2{font-size:40px}.hero{min-height:690px;background-position:60% center}.project-grid{grid-template-columns:repeat(2,1fr)}.project-card.featured-project{grid-column:1/-1}.contact-layout,.content-grid{grid-template-columns:1fr}.detail-grid,.value-grid{grid-template-columns:repeat(2,1fr)}.contact-cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;display:flex;flex-wrap:wrap;text-align:left;gap:14px}}
@media(max-width:640px){.wrap{width:min(100% - 24px,1180px)}.brand{font-size:22px}.brand-mark{width:30px;height:30px}section{padding:52px 0}h1{font-size:42px;line-height:1.02}h1 .business-line{display:inline}h2{font-size:32px}.hero{min-height:0;background-image:linear-gradient(180deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.83) 58%,#05070a 100%),url("itlider-hero.webp");background-position:66% center}.hero-inner{padding:112px 0 40px}.hero-lead{margin-top:18px;font-size:17px;line-height:1.5}.actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}.btn{width:100%}.hero-proof{display:flex;gap:8px;margin-top:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hero-proof::-webkit-scrollbar{display:none}.proof-item{min-width:245px;min-height:64px;scroll-snap-align:start}.service-grid,.project-grid,.future-grid,.process-grid,.detail-grid,.value-grid,.faq-grid,.form-grid{grid-template-columns:1fr}.service-card,.project-card{min-height:0}.project-card.featured-project{display:grid;grid-template-columns:1fr;gap:20px;min-height:0}.project-logo{width:70px;height:70px;flex-basis:70px}.project-logo img{width:58px;height:58px}.project-name b{font-size:21px}.project-body h3{font-size:23px}.project-body p{padding-right:22px}.official-strip{display:grid;gap:6px}.official-strip b{white-space:normal}.contact-intro{padding:28px 22px}.contact-intro h2{font-size:32px}.contact-point{grid-template-columns:1fr;gap:4px}.contact-form{padding:22px 18px}.contact-form-head h3{font-size:26px}.contact-submit{width:100%;min-width:0}.full-field{grid-column:auto}.page-hero{padding:116px 0 48px}.page-hero h1{font-size:40px}.footer-grid{grid-template-columns:1fr;gap:22px}.footer-links{grid-column:auto;display:grid;gap:8px}.not-found strong{font-size:72px}.not-found h1{font-size:34px}}
@media(max-width:380px){h1,.page-hero h1{font-size:38px}.project-top{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}