@import "https://fonts.googleapis.com/css2?family=Geologica:wght@400;500;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap";
body{background-color:#fff;margin:0;padding:0;font-family:Geologica,sans-serif;overflow-x:hidden}.hero{box-sizing:border-box;background-color:#11550d;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:120px 0 60px;display:flex;position:relative;overflow:hidden}.hero__bg{object-fit:cover;z-index:0}.hero__content{z-index:1;justify-content:space-between;align-items:center;gap:40px;width:90%;max-width:1200px;display:flex;position:relative}.hero__info{color:#fff;width:56%;line-height:1.6}.hero__info h2{color:#fff;margin:0 0 20px;font-family:Dela Gothic One,sans-serif;font-size:28px;line-height:1.3}.hero__text{color:#fff;margin:0 0 15px;font-size:1.1rem}.hero__features{flex-wrap:wrap;align-items:flex-start;gap:20px 30px;margin-top:20px;display:flex}.hero__feature{text-align:center;flex-direction:column;align-items:center;min-width:90px;display:flex}.hero__feature img{width:50px;height:50px;margin-bottom:10px}.hero__feature h3{color:#fff;margin:0;font-size:20px;font-weight:400}.hero__cta{color:#000;cursor:pointer;background-color:#fff;border:none;border-radius:5px;flex-basis:100%;width:fit-content;margin-top:10px;padding:18px 30px;font-family:Dela Gothic One,sans-serif;font-size:16px}.hero__cta:hover{background-color:#f0f0f0}.hero__illustration{justify-content:center;width:38%;display:flex}.hero__illustration img{width:100%;max-width:320px;height:auto}.h2{margin-left:50px;display:flex}.part2{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:40px;display:flex}.qualities-10{grid-template-columns:repeat(2,1fr);gap:20px;width:90%;margin:0 auto;display:grid}.quality-1{justify-content:flex-start;align-items:center;gap:15px;display:flex}.quality-item{align-items:center;gap:15px;display:flex}.quality-item img{object-fit:contain;flex-shrink:0;width:150px;height:150px}.quality-text{color:#333;text-align:left;margin:0;font-family:Geologica,sans-serif;font-size:20px;line-height:1.5}.part3{clear:both;width:85vw;margin-top:40px}.part3 img{width:100%;height:auto}.part3 h2{margin-left:40px;display:flex}.imagies{flex-direction:row;justify-content:center;align-items:center;gap:20px;display:flex}.imagies-1{width:60%}.imagies-2{width:40%}.textt{text-align:left;justify-content:space-between;align-items:flex-start;gap:20px;width:100%;margin-top:20px;display:flex}.textt-1 p{width:80%}.textt-2{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.textt-2 h3{margin:0 0 10px}.telegram-button{cursor:pointer;background-color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:200px;max-width:100%;padding:10px 30px;transition:background-color .3s,box-shadow .3s;display:flex;box-shadow:0 4px 10px #0000001a}.telegram-button:hover{background-color:#f0f0f0;box-shadow:0 4px 12px #0003}.telegram-button:focus{outline:none}.telegram-text{color:#333;font-family:Geologica,sans-serif;font-size:18px;font-weight:500}.telegram-button svg path{fill:#08c;transition:fill .3s}.telegram-button:hover svg path{fill:#005f99}.part4{align-items:flex-start;display:flex}.cabinet-title{font-size:28px}.nav-button{padding:12px 16px;font-size:16px}footer{font-size:14px}@media (max-width:768px){.hero{min-height:auto;padding:90px 0 50px}.hero__content{text-align:center;flex-direction:column;gap:24px}.hero__info{width:100%}.hero__illustration{display:none}.hero__features{justify-content:center}.hero__cta{margin:10px auto 0;padding:12px 25px;font-size:14px}.quality-1,.quality-item{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%}.quality-item img{width:100px;height:100px}.quality-text{text-align:center;font-size:16px}.imagies{flex-direction:column}.imagies-1,.imagies-2{width:100%}.textt{text-align:center;flex-direction:column;align-items:center}.textt-1 p{width:100%}.telegram-button{width:150px}.cabinet-title{font-size:24px}.nav-button{padding:10px 12px;font-size:14px}footer{font-size:12px}}@media (max-width:480px){.hero__info h2{font-size:22px}.hero__text{font-size:1rem}.hero__cta{padding:10px 20px;font-size:12px}.quality-item img{width:80px;height:80px}.quality-text{font-size:14px}.telegram-button{width:120px}.cabinet-title{font-size:20px}.nav-button{padding:8px 10px;font-size:12px}footer{font-size:10px}}