:root{--black: #000000;--yellow: #ffc300;--white: #ffffff;--gray: #1a1a1a;--muted: #cfcfcf;--radius: 16px;--shadow: 0 20px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--white);background:var(--black);line-height:1.6;scroll-behavior:smooth}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font:inherit;border:none}.container{width:min(1200px,94vw);margin:0 auto;padding:64px 0}header{position:sticky;top:0;z-index:10;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,195,0,.2)}.nav{width:min(1200px,94vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.6px;color:var(--yellow)}.logo-mark{width:40px;height:40px;border-radius:12px;background:var(--yellow);color:var(--black);display:grid;place-items:center;font-weight:800;box-shadow:var(--shadow)}nav ul{display:flex;gap:18px;list-style:none;padding:0;margin:0;align-items:center}nav a{padding:10px 14px;border-radius:12px;transition:.2s ease;font-weight:600}nav a:hover{background:#ffc3001f;color:var(--yellow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 20px;border-radius:14px;background:var(--yellow);color:var(--black);font-weight:700;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #ffc3004d}.btn.secondary{background:#ffc300;color:#070707;border:1px solid rgba(255,195,0,.7)}.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#000000d9,#0009),url(https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?auto=format&fit=crop&w=1600&q=80) center/cover;border-bottom:1px solid rgba(255,195,0,.2)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(255,195,0,.18),transparent 40%),radial-gradient(circle at 80% 0%,rgba(255,195,0,.15),transparent 32%)}.hero-content{position:relative;z-index:1;padding:96px 0 120px;display:grid;gap:24px;max-width:720px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffc3001a;color:var(--yellow);font-weight:600;border:1px solid rgba(255,195,0,.25);width:fit-content}h1{font-size:clamp(32px,4vw + 12px,52px);margin:0;line-height:1.1}h2{font-size:clamp(26px,3vw + 10px,38px);margin:0 0 12px}p{margin:0;color:#e5e5e5}.cta-group{display:flex;flex-wrap:wrap;gap:12px}.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:18px}.chip{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#000000a6;border:1px solid rgba(255,195,0,.22);border-radius:12px;color:var(--muted)}.chip i{color:var(--yellow)}section{border-bottom:1px solid rgba(255,195,0,.12)}.section-header{margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:linear-gradient(160deg,#0d0d0d,#111);border:1px solid rgba(255,195,0,.12);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);display:grid;gap:10px}.card .icon{width:52px;height:52px;border-radius:14px;background:#ffc3001f;color:var(--yellow);display:grid;place-items:center;font-size:20px}.card button{justify-self:start;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,195,0,.6);background:#ffc3001a;color:var(--yellow);font-weight:700;transition:.2s ease}.card button:hover{background:#ffc30033}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start}.list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.list li{padding:12px 14px;background:#0c0c0c;border-radius:12px;border:1px solid rgba(255,195,0,.12);display:flex;align-items:center;gap:10px;color:var(--muted)}.list li i{color:var(--yellow)}.banner{padding:20px;background:linear-gradient(120deg,#ffc3001f,#ffc3000d);border:1px dashed rgba(255,195,0,.4);border-radius:14px;color:#f4f4f4}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;counter-reset:step}.step{padding:16px;border:1px solid rgba(255,195,0,.14);border-radius:14px;background:#0d0d0d;position:relative}.step:before{counter-increment:step;content:counter(step);position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:10px;background:#ffc30026;color:var(--yellow);display:grid;place-items:center;font-weight:800;border:1px solid rgba(255,195,0,.25)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.testimonial{text-align:center;padding:26px 22px;background:#0c0c0c;border-radius:16px;border:1px solid rgba(255,195,0,.12);min-height:230px;display:grid;gap:8px;box-shadow:var(--shadow)}.dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.dot{width:10px;height:10px;border-radius:50%;background:#ffc30059;cursor:pointer}.dot.active{background:var(--yellow)}.contact-form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.field{display:grid;gap:6px}input,select,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,195,0,.24);background:#0b0b0b;color:var(--white);font:inherit}textarea{resize:vertical;min-height:90px}footer{background:#050505;padding:32px 0 24px;color:var(--muted);border-top:1px solid rgba(255,195,0,.2)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:center}.socials{display:flex;gap:10px}.socials a{width:38px;height:38px;border-radius:50%;background:#ffc3001f;display:grid;place-items:center;color:var(--yellow);border:1px solid rgba(255,195,0,.2)}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--black);display:grid;place-items:center;z-index:1000;transition:opacity .4s ease,visibility .4s ease}.preloader.hidden{opacity:0;visibility:hidden}.wrench{width:70px;height:70px;border-radius:50%;background:#ffc3001f;border:2px solid rgba(255,195,0,.35);display:grid;place-items:center;animation:spin 1.4s linear infinite;color:var(--yellow);font-size:28px;box-shadow:0 0 0 10px #ffc3000d}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 720px){.nav{padding:12px 0}nav ul{display:none}.hero-content{padding:80px 0 90px}.container{padding:50px 0}}
