@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700&display=swap');

#header{
  display:none !important;
}

.navbar-default{
  display:none !important;
}

#footer-content{
  display:none !important;
}

#bar-poweredby{
  display:none !important;
}

#bar-footer{
  display:none !important;
}

#footer{
  display:none !important;
}

:root{
--cream:#F8EEE5;--green:#D9C667;--pink:#FFB7B8;--orange:#FA5C0E;--dark:#2B2624;--blue:#B7D9FF;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:hidden}
body{background:var(--cream);color:var(--dark);font-family:Inter,Arial,sans-serif;line-height:1.5}
.wrap{width:min(92%,1200px);margin:auto}

h1,h2,h3,.logo,.num,.vertical{font-family:'Bebas Neue',sans-serif;font-weight:400;line-height:.9;margin:0}
a{text-decoration:none}

.header{display:grid;grid-template-columns:240px 1fr;align-items:center;padding:24px 0;column-gap:40px}
.logo{display:flex;align-items:center}
.logo img{max-height:72px;width:auto}
.nav{display:flex;justify-content:flex-end;gap:54px}

.nav a{
color:var(--dark);
text-decoration:none;
font:inherit;
}
.nav a:hover{
color:var(--orange);
}


.btn{display:inline-flex;align-items:center;justify-content:center;min-width:190px;padding:16px 28px;font-weight:700}
.orange{background:var(--orange);color:#fff}
.dark{background:var(--dark);color:#fff}

.hero{display:grid;grid-template-columns:45% 55%;gap:40px;align-items:center;min-height:650px}
.hero h1{font-size:clamp(90px,8vw,140px)}
.alive-green{color:var(--green)}
.hero>div:first-child:after{content:"";display:block;width:220px;height:18px;margin-top:28px;background:linear-gradient(90deg,var(--orange),var(--orange)) left center/220px 3px no-repeat}
.photo{height:560px;background:var(--blue);display:flex;align-items:center;justify-content:center}

.why{display:grid;grid-template-columns:repeat(4,1fr);padding:80px 0;border-top:1px solid #ddd}
.why h2{font-size:60px}
.why h2:after{content:"";display:block;width:120px;height:28px;margin-top:14px;background:linear-gradient(#8b9850,#8b9850) left top/120px 3px no-repeat,linear-gradient(#8b9850,#8b9850) left 11px/85px 3px no-repeat,linear-gradient(#8b9850,#8b9850) left 22px/50px 3px no-repeat}
.why>div:not(:first-child){border-left:1px solid #d8d0c8;padding-left:28px}
.num{font-size:58px}
.num-orange{color:var(--orange)} .num-green{color:var(--green)} .num-blue{color:#4f7fe8}

.offer{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:60px 0}
.vertical{writing-mode:vertical-rl;transform:rotate(180deg);font-size:72px;letter-spacing:.08em}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{position:relative;overflow:hidden;min-height:360px;padding:32px}
.card h3{font-size:54px;color:#fff}
.card p,.offer-link{color:#fff}
.offer-link{position:absolute;left:32px;bottom:32px;font-weight:700}
.i{background:var(--orange)} .k{background:var(--green)} .s{background:var(--blue);color:var(--dark)}
.s h3,.s p,.s .offer-link{color:var(--dark)}
.i:after,.k:after,.s:after{content:"";position:absolute}
.i:after{width:220px;height:220px;border:4px solid rgba(43,38,36,.35);border-radius:50%;right:-110px;bottom:-110px}
.k:after{width:140px;height:140px;right:-20px;bottom:-20px;background-image:radial-gradient(rgba(43,38,36,.45) 2px,transparent 2px);background-size:18px 18px}
.s:after{width:180px;height:120px;right:-20px;bottom:-20px;background:repeating-linear-gradient(0deg,var(--dark),var(--dark) 4px,transparent 4px,transparent 16px)}

.news{position:relative;display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;background:var(--pink);padding:28px 40px;margin:60px 0}
.news:after{content:"";position:absolute;left:50%;top:20%;height:60%;width:1px;background:rgba(43,38,36,.15)}
.news>div:first-child{text-align:center;padding-right:40px}
.news>div:last-child{padding-left:40px}
.news h2{font-size:48px}
.news h2:after{content:"";display:block;width:150px;height:8px;margin:12px 0 0 auto;background-image:radial-gradient(#2B2624 2px,transparent 2px);background-size:14px 8px}

.newsletter-form{display:flex;align-items:stretch}
.newsletter-form input{height:58px;min-width:280px;padding:0 18px;border:none}
.newsletter-form .btn{height:58px;min-width:auto;padding:0 20px;border:none}

.refs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:60px 0}
.ref{position:relative;padding:42px 20px 20px;border-left:1px solid #ddd}
.ref:before{content:"“";position:absolute;left:8px;top:-6px;font-size:82px;color:var(--orange)}

.cta{display:grid;grid-template-columns:40% 30% 30%;align-items:center;column-gap:60px;padding:60px 0;border-top:1px solid #ddd}
.cta h2{font-size:72px}
.orange-text{color:var(--orange)}
.cta div:nth-child(2){font-size:19px;line-height:1.4}

.footer{background:var(--dark);color:#fff;padding:20px 0}
.contact{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.footer-logo img{max-height:64px}
.contact-block h4{text-transform:uppercase;font-size:14px;letter-spacing:.08em}
.icon{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center}
.instagram-link{display:inline-flex;width:72px;height:72px;border:2px solid var(--orange);border-radius:18px;color:var(--orange);align-items:center;justify-content:center}

@media (max-width:900px){
.header,.hero,.why,.cards,.refs,.cta,.contact{grid-template-columns:1fr}
.offer{display:block}
.vertical{writing-mode:horizontal-tb;transform:none;font-size:56px;margin-bottom:30px}
.why>div:not(:first-child){border:none;padding-left:0}
.news{grid-template-columns:1fr;text-align:center}
.news:after{display:none}
.news>div:first-child,.news>div:last-child{padding:0}
.newsletter-form{flex-direction:column;gap:12px;align-items:center}
.newsletter-form input,.newsletter-form .btn{width:320px;max-width:100%}
.nav{justify-content:flex-start;flex-wrap:wrap;gap:18px}
.header{grid-template-columns:1fr}
}