body{margin:0;background:#fdfdfb;color:#1a1c1d;font-family:"Helvetica Neue",Arial,sans-serif;line-height:1.5}.n{background:#0f1a14;padding:30px 0;border-bottom:4px solid #4a5443}.w{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 40px}.i{font-size:28px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:5px;text-decoration:none}.i span{color:#7c8a71}.c{background:#7c8a71;color:#fff;padding:16px 32px;text-decoration:none;font-weight:800;font-size:14px;border-radius:2px}.h{padding:160px 40px;background:linear-gradient(rgb(15 26 20 / .85),rgb(15 26 20 / .85)),url(/img/top.jpg) no-repeat center center;background-size:cover;color:#fff}.h .w{display:block}.s{font-size:84px;line-height:.8;margin:0 0 50px 0;letter-spacing:-4px;font-weight:900;color:#fff}.m{font-size:24px;max-width:800px;color:#7c8a71;border-left:8px solid #7c8a71;padding-left:35px;font-weight:500}.g{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:3px;background:#d1d1d1;border:3px solid #d1d1d1;max-width:1400px;margin:80px auto}.p{background:#fff;padding:60px 50px}.p h3{margin:0 0 25px 0;font-size:22px;text-transform:uppercase;letter-spacing:2px;color:#0f1a14;font-weight:900}.p p{font-size:16px;line-height:1.8;color:#444;margin:0 0 35px 0;min-height:70px}.v{width:100%;height:320px;background:#f4f4f2;border:1px solid #e0e0e0;position:relative;overflow:hidden}.v::after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#bbb;font-size:11px;letter-spacing:3px;font-weight:700}.v img{width:100%;height:100%;object-fit:cover;display:block}.k{padding:120px 40px;max-width:1000px;margin:0 auto}.k h2{font-size:42px;font-weight:900;letter-spacing:-2px;margin-bottom:60px;text-transform:uppercase}.ki{border-bottom:1px solid #e2e2e2}.kt{width:100%;text-align:left;background:none;border:none;padding:35px 0;font-size:20px;font-weight:800;color:#0f1a14;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase}.kc{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0,1,0,1)}.kc p{padding:0 0 35px 0;color:#555;font-size:17px;margin:0;line-height:1.8}.ki.active .kc{max-height:1000px;transition:max-height 0.4s ease-in-out}.ki.active .kt{color:#7c8a71}.oc{padding:120px 40px;background:#0f1a14;color:#fff}.oc .w{display:block}.oc h2{text-transform:uppercase;letter-spacing:5px;margin-bottom:60px;font-size:32px;border-bottom:2px solid #7c8a71;padding-bottom:20px}.dr{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #2a3630}.lc{font-weight:700;font-size:15px;color:#7c8a71;text-transform:uppercase}.vc{font-family:"Courier New",monospace;font-size:18px;font-weight:700;color:#fff}.sm{height:600px;background:#eee;border-top:10px solid #7c8a71}.f{background:#080d0a;color:#5c6656;padding:120px 40px}.fg{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:80px}.cs strong{color:#fff;font-size:24px;display:block;margin-bottom:20px;letter-spacing:3px}@media (max-width:1024px){.s{font-size:52px}.g{grid-template-columns:1fr}.fg{grid-template-columns:1fr;text-align:center}}@media (max-width:512px){.n .w .i span {display: block}}@media (max-width:400px) {.h,.f{padding-right: 4px;padding-left: 4px;}.s{font-size: 40px;}}


.cf { padding: 120px 40px; background: #f4f4f2; }
.cf .w { display: block; max-width: 800px; }
.cf h2 { font-size: 42px; font-weight: 900; letter-spacing: -2px; margin-bottom: 60px; text-transform: uppercase; color: #0f1a14; }
.cf-g { display: grid; gap: 10px; margin-bottom: 25px; }
.cf-l { font-size: 14px; font-weight: 700; text-transform: uppercase; color: #4a5443; letter-spacing: 1px; }
.cf-i, .cf-t { 
    width: 100%; padding: 15px; border: 2px solid #dcdcdc; background: #fff; 
    font-size: 16px; color: #1a1c1d; box-sizing: border-box; outline: none;
}
.cf-i:focus, .cf-t:focus { border-color: #7c8a71; }
.cf-t { height: 150px; resize: vertical; }
.cf-b { 
    background: #0f1a14; color: #ffffff; padding: 20px 40px; 
    border: none; border-radius: 2px; font-weight: 800; font-size: 16px; 
    text-transform: uppercase; letter-spacing: 2px; cursor: pointer; 
}
.cf-b:hover { background: #1e2e24; }