*{margin:0;padding:0;box-sizing:border-box}
:root{--dark:#101416;--gold:#d7a928;--white:#fff;--border:rgba(255,255,255,.22)}
html{scroll-behavior:smooth}
body{font-family:'Inter',Arial,sans-serif;background:radial-gradient(circle at top,#1d2428 0%,#0d1113 55%,#090b0c 100%);color:var(--white);line-height:1.6}
.container{width:86%;max-width:1320px;margin:0 auto}
.topbar{position:sticky;top:0;z-index:999;background:rgba(8,10,11,.96);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{text-decoration:none;color:var(--gold);font-weight:900;font-size:30px;line-height:1;letter-spacing:1px}
.brand small{display:block;color:#fff;font-size:12px;letter-spacing:5px;margin-top:6px}
.menu{display:flex;gap:32px}
.menu a{color:#fff;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.5px;position:relative}
.menu a:hover{color:var(--gold)}
.menu a::after{content:"";position:absolute;left:0;bottom:-12px;width:0;height:2px;background:var(--gold);transition:.25s}
.menu a:hover::after{width:100%}
.menu-btn{display:none;background:none;border:1px solid var(--gold);color:var(--gold);font-size:26px;padding:5px 12px;cursor:pointer}
.hero{width:100%;max-height:350px;overflow:hidden;background:#101416}
.hero-img{width:100%;height:auto;display:block}
section{padding:42px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.section-heading{margin-bottom:24px}
.section-heading h1,.section-heading h2{font-size:31px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}
.section-heading span{display:block;width:46px;height:3px;background:var(--gold);margin-top:9px}
p{color:#e6e6e6;font-size:15px}
.about-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:42px;align-items:center}
.about-grid p{max-width:830px;margin-bottom:11px}
.about-box{border:1px solid var(--gold);padding:28px;text-align:center;background:rgba(255,255,255,.02)}
.about-box strong{color:var(--gold);font-size:24px}
.phone-link{display:inline-block;margin-top:12px;color:#111;background:var(--gold);padding:12px 22px;text-decoration:none;font-weight:900}
.outline-btn{display:inline-block;text-decoration:none;padding:15px 38px;font-weight:900;letter-spacing:.5px;font-size:14px;border:1px solid var(--gold);color:var(--gold);background:transparent;text-transform:uppercase}
.outline-btn:hover{background:var(--gold);color:#101010}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.service-card{border:1px solid var(--border);padding:28px 18px;text-align:center;min-height:195px;background:rgba(255,255,255,.015);transition:.25s}
.service-card:hover{transform:translateY(-5px);border-color:var(--gold)}
.icon{color:var(--gold);font-size:52px;line-height:1;margin-bottom:16px}
.service-card h3{font-size:18px;margin-bottom:8px;text-transform:uppercase}
.service-card p{font-size:14px}
.section-intro{margin-top:-10px;margin-bottom:20px}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.gallery a{overflow:hidden;display:block;border:1px solid rgba(255,255,255,.14);background:#111}
.gallery img{width:100%;height:230px;object-fit:cover;display:block;transition:.3s}
.gallery img:hover{transform:scale(1.06)}
.area-content{border-left:3px solid var(--gold);padding-left:22px;max-width:1000px}
.area-content p{margin-bottom:12px}
.price-box{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid rgba(255,255,255,.14);padding:26px;background:rgba(255,255,255,.02)}
.price-box p{max-width:820px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
#kontakt a{color:var(--gold)}
.contact-form{display:grid;gap:14px}
.contact-form input,.contact-form textarea{width:100%;background:#0f1315;border:1px solid rgba(255,255,255,.2);color:#fff;padding:15px;font-family:inherit}
.contact-form button{background:var(--gold);border:none;color:#111;padding:15px;font-weight:900;cursor:pointer;text-transform:uppercase}
footer{text-align:center;padding:26px;background:#070909}
@media(max-width:950px){
.nav{height:auto;min-height:78px;padding:15px 0}.brand{font-size:24px}.menu-btn{display:block}.menu{display:none;position:absolute;left:0;top:78px;width:100%;background:#080a0b;flex-direction:column;gap:0;padding:12px 7%}.menu.active{display:flex}.menu a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}.about-grid,.contact-grid{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.price-box{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.container{width:90%}.hero{max-height:330px}.services-grid,.gallery{grid-template-columns:1fr}.gallery img{height:235px}.section-heading h1,.section-heading h2{font-size:24px}}