/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{height:100%}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}@font-face{font-family:"MontserratT";font-display:swap;src:url("../fonts/Montserrat-Regular.ttf");font-weight:400;font-style:normal}@font-face{font-family:"MontserratT";font-display:swap;src:url("../fonts/Montserrat-SemiBold.ttf");font-weight:700;font-style:normal}html{font-family:"MontserratT";font-weight:400}.container{position:relative;max-width:1140px;margin:0 auto}.nav-menu__list{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.nav-menu__list-item{margin-right:64px;font-size:18px;font-weight:700}.nav-menu__list-item:last-child{margin-right:0}.nav-menu__list-item a{text-decoration:none;color:#000}.main-section{position:relative;min-height:800px;background:#f0f0f0;padding-top:16px;overflow:hidden}.main-section__nav-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:69px}.main-section__logo{height:69px}.main-section__content-container{position:relative;display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch}.main-section__first-elipse{position:absolute;top:129px;right:80px}.main-section__second-elipse{position:absolute;right:-120px;top:650px}.left-wrapper{position:relative}.left-wrapper img{position:relative;z-index:5}.left-wrapper__rectangle-blue,.left-wrapper__rectangle-orange,.left-wrapper__rectangle-grey{position:absolute;height:220px;border-radius:9999px;box-shadow:0 4px 4px rgba(0,0,0,.25);z-index:1}.left-wrapper__rectangle-blue{top:150px;left:-50px;width:566px;background:#5290ea;transform:rotate(-64deg);z-index:2}.left-wrapper__rectangle-orange{left:-30px;top:160px;width:618px;background:#f28b64;transform:rotate(-50.81deg);z-index:3}.left-wrapper__rectangle-grey{left:10px;top:190px;width:609px;background:#e2e2e2;transform:rotate(-36.15deg);z-index:1}.right-wrapper{width:372px;position:absolute;top:150px;right:76px;z-index:5}.right-wrapper__icons-box{margin-bottom:1px;padding-left:10px}.right-wrapper__title{margin-bottom:5px}.right-wrapper__text{font-size:16px;margin-bottom:20px}.icons{display:inline-flex}.icons__item{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border:1px solid #5290ea;background:rgba(0,0,0,0);color:inherit;border-radius:9999px;margin-right:17px}.icons__item:last-child{margin-right:0}.icons__item i{font-size:21px}.icons-item{display:inline-flex;align-items:center}.icons-item__img{margin-right:20px;width:80px}.icons-item__text{font-size:18px}.icons-item__text span{font-size:48px;font-weight:700}.title{font-size:72px;position:relative;font-weight:700}.title__hr{width:65px;position:absolute;bottom:0;margin:0;border:none;border-top:1px solid #000}.title__hr_top{bottom:75px}.buttons{display:inline-flex}.buttons__main-btn{margin-right:32px;width:200px;height:60px;background:#f28b64;color:#fff;border-radius:9999px;width:200px;height:60px;box-shadow:0 4px 4px rgba(0,0,0,.25);border:none;font-size:18px;font-weight:700}.buttons__icon-btn{display:inline-flex;align-items:center}.buttons__icon-btn img{margin-right:12px}.buttons__text{font-size:16px}.elipse{width:194px;height:194px;background:linear-gradient(144deg, rgba(237, 123, 80, 0.5) 15%, rgba(72, 138, 234, 0.5) 53%, rgba(44, 44, 44, 0.5) 86%);border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center}.elipse_big{width:282px;height:282px}.elipse__subtract{width:129px;height:129px;background:#f0f0f0;border-radius:50%}.elipse__subtract_big{width:188px;height:188px}.bg-second-section{background-color:#fff}.second-section{overflow:hidden;min-height:700px}.second-section__container{padding-top:32px;position:relative}.second-section__title{margin-bottom:40px}.second-section__cards-box{display:inline-flex;justify-content:center;margin-bottom:25px}.second-section__cards-item{margin-right:30px}.second-section__cards-item:last-child{margin-right:0}.second-section__icons-box{display:flex;justify-content:space-evenly}.second-section__first-elipse{position:absolute;top:40px;right:-80px;z-index:-1}.second-section__second-elipse{position:absolute;top:364px;left:-80px;z-index:-1}.cards-item{position:relative;width:360px;height:360px;background:#e2e2e2;border-radius:10px;display:flex;align-items:flex-end}.cards-item__img{height:335px}.cards-item__text{width:280px;font-size:36px;text-align:center;transform:rotate(90deg);position:absolute;top:144px;right:-45px;font-weight:700}.cards-item_orange{background:#f28b64}.cards-item_blue{background:#5290ea}.third-section{position:relative;min-height:640px;background:#f0f0f0;overflow:hidden;z-index:0}.third-section__container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-left:167px;padding-top:46px}.third-section__right-wrapper{max-width:480px}.third-section__right-title{margin-bottom:20px}.third-section__text{font-size:18px;margin-bottom:30px}.third-section__first-elipse{position:absolute;top:140px;left:110px;z-index:-1}.third-section__figure{position:absolute;top:249px;left:15px;z-index:-1}.third-section__second-elipse{position:absolute;right:-120px;top:-120px}.footer__img{position:absolute;left:-250px;bottom:0}.footer__container{min-height:272px;display:flex;align-items:center;justify-content:flex-end}.footer__title{margin-bottom:20px}@media(max-width: 1199px){.container{max-width:960px}.main-section{min-height:690px}.left-wrapper img{width:750px}.left-wrapper__rectangle-blue{width:500px;height:200px}.left-wrapper__rectangle-orange{width:550px;height:200px}.left-wrapper__rectangle-grey{width:500px;height:200px}.right-wrapper{right:20px}.main-section__first-elipse{right:10px}.main-section__second-elipse{top:560px}}@media(max-width: 991px){.container{max-width:720px}.title{font-size:60px}.left-wrapper img{width:550px}.left-wrapper__rectangle-blue{width:380px;height:130px}.left-wrapper__rectangle-orange{width:410px;height:130px}.left-wrapper__rectangle-grey{width:380px;height:130px}.right-wrapper{top:75px;width:300px}.right-wrapper__text{font-size:14px;margin-bottom:10px}.buttons__main-btn{font-size:14px;margin-right:10px;width:160px;height:50px}.buttons__icon-btn{font-size:14px}}@media(max-width: 767px){.container{max-width:540px;display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-menu{position:fixed;top:0;right:-100%;height:100vh;width:50%;background:#5290ea;z-index:20;transition:.6s all}.nav-menu__list{flex-direction:column;justify-content:space-evenly;align-items:center;height:100%}.nav-menu__list-item{margin-right:0;font-size:20px}.hamburger{width:30px;position:fixed;top:40px;right:30px;height:14px;z-index:30}.hamburger span{border-radius:300px;height:2px;width:100%;display:block;background:#000;transition:1s all;margin-bottom:4px}.hamburger span:last-child{margin-bottom:0}.nav-menu_active{right:0}.title{font-size:35px}.main-section{position:relative;min-height:780px;padding-top:16px}.main-section__content-container{justify-content:center;align-items:center}.main-section__first-elipse{top:-130px;right:-60px}.main-section__second-elipse{right:-120px;top:650px}.left-wrapper{margin-bottom:2px;height:380px;width:100%}img{position:relative;z-index:5}.icons{display:inline-flex;margin-right:0}.title__hr{display:none;width:100%}.buttons{justify-content:center}.right-wrapper{display:flex;flex-direction:column;position:relative;height:200px;width:100vw;padding-left:15vw;z-index:5}.right-wrapper__icons-box{padding-left:0;margin-bottom:3px;text-align:center}.right-wrapper__title{margin-bottom:5px;text-align:center}.right-wrapper__hr{width:100%}.right-wrapper__text{font-size:16px;margin-bottom:20px;text-align:center}}@media(max-width: 575px){.container{max-width:100%}.buttons img{margin-right:8px}.left-wrapper img{padding-right:40px}.third-section{min-height:600px}.third-section__text{width:300px;font-size:18px}}/*# sourceMappingURL=style.css.map */
/* ============================================================
   RESPONSIVE FIXES — the existing breakpoints stopped scaling the
   hero image (stayed 550px), never stacked the .cards-item row
   (360px each), and left third-section a 167px left pad. All were
   clipped by overflow:hidden (no scrollbar, but visibly broken).
   ============================================================ */
@media (max-width: 767px) {
    .main-section {
        min-height: auto;
        padding-bottom: 40px;
    }
    .left-wrapper {
        height: auto;
        display: flex;
        justify-content: center;
    }
    .left-wrapper img {
        width: 100%;
        max-width: 320px;
        height: auto;
        padding-right: 0;
    }
    /* Rotated decorative bars are tuned to a 550px hero and overflow badly
       once the image shrinks — drop them on phones, keep the clean photo. */
    .left-wrapper__rectangle-blue,
    .left-wrapper__rectangle-orange,
    .left-wrapper__rectangle-grey {
        display: none;
    }

    /* Second section: stack the 360px cards instead of an inline row */
    .second-section__cards-box {
        flex-direction: column;
        align-items: center;
    }
    .second-section__cards-item {
        margin-right: 0;
        margin-bottom: 24px;
    }
    .cards-item {
        width: 100%;
        max-width: 320px;
    }
    .second-section__icons-box {
        flex-wrap: wrap;
        gap: 20px;
    }

    /* Third section: drop the 167px left pad, stack the columns */
    .third-section__container {
        flex-direction: column;
        padding: 32px 20px;
        text-align: center;
    }
    .third-section__right-wrapper {
        max-width: 100%;
    }
    .third-section__text {
        width: auto;
        max-width: 100%;
    }

    .icons-item__img {
        width: 60px;
        margin-right: 12px;
    }
    .icons-item__text span {
        font-size: 36px;
    }

    .footer {
        overflow: hidden;
    }
}

@media (max-width: 575px) {
    .left-wrapper img {
        max-width: 280px;
        padding-right: 0;
    }
}

/* ---- follow-up mobile fixes ---- */
@media (max-width: 767px) {
    /* Hero copy column must grow to its content — the original fixed 200px
       height was too short, so the CTA buttons spilled into the next section. */
    .right-wrapper {
        height: auto;
        /* Reset the 75px relative offset carried over from the 991px
           breakpoint — it shoved the copy down past the hero, clipping the
           CTAs and colliding with the next section. */
        top: 0;
        padding: 0 20px 8px;
        align-items: center;
    }
    .buttons {
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
    }
    /* Decorative guitar photo is absolutely positioned and overlaps the
       footer text on small screens. */
    .footer__img {
        display: none;
    }
    .footer__container {
        justify-content: center;
        text-align: center;
        padding: 0 20px;
    }
}
