:root{--navy:#06152e;--blue:#075fd8;--blue2:#0b7cff;--green:#18b84d;--soft:#f6f9fd;--line:#e5edf7;--text:#06152e;--muted:#5d6b7e;--shadow:0 16px 38px rgba(4,21,46,.10)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,93%);margin:auto}
.topbar{background:#04152e;color:#fff;font-size:14px}.topbar .container{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
header{background:#fff;box-shadow:0 5px 22px rgba(0,0,0,.07);position:sticky;top:0;z-index:50}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:flex;align-items:center;gap:12px;font-weight:900}.logo-icon{width:58px;height:58px;border-radius:16px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:32px}.logo-text{font-size:28px;line-height:1}.logo-text span{display:block;color:var(--blue);font-size:16px}.menu{display:flex;gap:22px;font-size:14px;font-weight:900}.phone{font-size:22px;font-weight:900}.phone small{display:block;font-size:13px;color:var(--muted)}
.hero{position:relative;min-height:650px;background:#06152e;color:#fff;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('hero-teknik-servis.png') center top/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,21,46,.78),rgba(4,21,46,.35),rgba(4,21,46,.07))}.hero-content{position:relative;z-index:2;min-height:520px;display:flex;align-items:center}.hero h1{font-size:56px;line-height:1.08;font-weight:900}.hero strong{color:#0b7cff;font-size:21px}.hero p{font-size:21px;font-weight:900;margin:10px 0 25px}.hero-buttons{display:flex;gap:18px;flex-wrap:wrap}.btn{display:inline-block;border-radius:12px;padding:15px 22px;color:#fff;font-weight:900;min-width:205px}.btn small{font-size:13px}.blue{background:var(--blue2)}.green{background:var(--green)}
.trust{position:relative;z-index:3;margin-top:-62px;background:rgba(3,13,31,.88);border-radius:12px;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:var(--shadow)}.trust div{padding:22px 28px}.trust span{display:block;color:#d4e1f2;font-size:13px}
.section{padding:66px 0}.title{text-align:center;margin-bottom:32px}.title h2{text-transform:uppercase;font-size:32px}.title h2:after{content:"";display:block;width:70px;height:3px;background:#0b7cff;margin:10px auto}.title p{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px 23px;box-shadow:var(--shadow);text-align:center;min-height:390px}.icon-svg{width:124px;height:124px;border-radius:50%;margin:0 auto 22px;background:#f8fbff;border:1px solid #d7e8ff;box-shadow:inset 0 0 0 8px #f8fbff,0 12px 30px rgba(4,21,46,.08);display:grid;place-items:center}.icon-svg svg{width:78px;height:78px}.card h3{text-transform:uppercase;font-size:20px;margin-bottom:8px;min-height:54px}.line{display:block;width:36px;height:3px;background:#0b7cff;margin:0 auto 18px;border-radius:999px}.card p{color:#334155;font-size:15px}.card a{display:inline-block;margin-top:18px;color:var(--blue);font-weight:900}
.why{padding:38px 0}.why-box{background:#04152e;color:#fff;border-radius:10px;padding:28px;display:grid;grid-template-columns:1.1fr repeat(4,1fr);gap:22px}.why-box h2{text-transform:uppercase;line-height:1.15}.why-box h2 span{color:#1a86ff}.why-box p{color:#d6e3f2;font-size:13px;margin-top:5px}
.process{background:var(--soft)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow)}.step b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;margin-bottom:12px}
.two{display:grid;grid-template-columns:1.05fr .95fr;gap:30px}.two h2{text-transform:uppercase;margin-bottom:18px}.areas{display:flex;flex-wrap:wrap;gap:12px}.areas span{border:1px solid #dfe8f4;border-radius:8px;padding:10px 16px;font-weight:800;box-shadow:0 7px 18px rgba(4,21,46,.05)}.note{color:var(--muted);margin-top:13px}
form{border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 12px 28px rgba(4,21,46,.06)}input,select,textarea{width:100%;padding:13px;border:1px solid #d8e2ef;border-radius:8px;margin-bottom:12px}button{width:100%;background:var(--blue);color:#fff;border:0;border-radius:8px;padding:14px;font-weight:900}
.review-grid,.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review,.faq{border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 12px 28px rgba(4,21,46,.07);background:#fff}.review{color:#ffb000}.review p{color:#172033;margin:10px 0}.review b{color:var(--blue)}.faq h3{margin-bottom:8px}.faq p{color:#475569}
.info{background:var(--soft)}.info p{margin:12px 0;color:#45566d}.fixed{position:fixed;right:22px;bottom:22px;z-index:100;display:flex;flex-direction:column;gap:12px}.fixed a{display:block;text-align:center;border-radius:16px;padding:14px 18px;color:#fff;font-weight:900;box-shadow:var(--shadow)}.wa{background:var(--green)}.call{background:var(--blue)}
footer{background:#04152e;color:#d4e0ef}.footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:38px 0}.footer h3{color:#fff}.bottom{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding:16px 0;font-size:14px}
@media(max-width:1050px){.menu{display:none}.cards{grid-template-columns:repeat(2,1fr)}.why-box,.two{grid-template-columns:1fr}.trust,.process-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.phone{display:none}.topbar .container{height:auto;padding:8px 0}.logo-text{font-size:20px}.logo-text span{font-size:14px}.hero h1{font-size:36px}.hero-buttons{flex-direction:column}.trust,.cards,.review-grid,.footer,.process-grid,.faq-grid{grid-template-columns:1fr}.fixed{right:12px;bottom:12px}}