/* home.css */
.hero{position:relative;color:#fff;overflow:hidden;background:linear-gradient(120deg,#2b2824 0%,#3a352e 60%,#4a3d31 100%)}
.hero::before{content:'';position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=1600&q=80') center/cover;opacity:.3}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(100deg,rgba(31,29,26,.85) 30%,rgba(31,29,26,.32) 100%)}
.hero__inner{position:relative;z-index:2;max-width:var(--wrap);margin:0 auto;padding:56px 32px 60px}
.hero__content{max-width:680px}
.hero__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(200,85,46,.18);border:1px solid rgba(224,122,82,.5);color:var(--color-accent-light);font-weight:700;font-size:13px;padding:7px 15px;border-radius:30px;margin-bottom:18px}
.hero__title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.14;margin-bottom:16px}
.hero__text{font-size:clamp(1rem,1.3vw,1.15rem);color:rgba(255,255,255,.82);max-width:560px;margin-bottom:28px}
.hero__actions{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:34px}
.hero__stats{display:flex;gap:44px;flex-wrap:wrap}
.hero__stats li{display:flex;flex-direction:column}
.hero__stats strong{font-family:var(--font-display);font-size:1.9rem;color:#fff}
.hero__stats span{color:rgba(255,255,255,.65);font-size:13.5px}
.types__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.typecard{position:relative;display:block;height:230px;border-radius:var(--radius);overflow:hidden;background:center/cover no-repeat;box-shadow:var(--shadow-sm);transition:var(--trans)}
.typecard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.typecard__shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(31,29,26,.85) 0%,rgba(31,29,26,.12) 60%,transparent 100%);transition:var(--trans)}
.typecard:hover .typecard__shade{background:linear-gradient(to top,rgba(200,85,46,.88) 0%,rgba(31,29,26,.18) 65%,transparent 100%)}
.typecard__body{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;color:#fff}
.typecard__body h3{font-family:var(--font-display);font-weight:400;font-size:1.45rem;margin-bottom:4px;line-height:1.2}
.typecard__body span{font-size:14px;color:rgba(255,255,255,.88)}
.services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.service{display:flex;flex-direction:column;background:#fff;border-radius:var(--radius);padding:32px 26px;text-align:center;border:1px solid var(--color-line);transition:var(--trans);color:inherit}
.service:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.service__icon{width:70px;height:70px;margin:0 auto 20px;border-radius:18px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.7rem}
.service__title{font-family:var(--font-display);font-weight:400;font-size:1.3rem;color:var(--color-dark);margin-bottom:10px}
.service__text{color:var(--color-muted);font-size:14.5px;flex:1}
.service__link{display:inline-flex;align-self:center;margin-top:14px;font-weight:700;font-size:14px;color:var(--color-accent);gap:7px;transition:var(--trans)}
.service:hover .service__link{gap:11px}
.how__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.step{position:relative;background:var(--color-dark-2);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:34px 26px 28px;color:#fff}
.step__num{position:absolute;top:18px;right:22px;font-family:var(--font-display);font-size:2.4rem;color:rgba(200,85,46,.35);line-height:1}
.step__icon{font-size:1.8rem;color:var(--color-accent-light);margin-bottom:18px}
.step__title{font-size:1.2rem;font-weight:700;margin-bottom:10px}
.step__text{color:rgba(255,255,255,.62);font-size:14px}
.adv__inner{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.adv__media{position:relative}
.adv__img{aspect-ratio:4/4;border-radius:var(--radius-lg);background:center/cover no-repeat;box-shadow:var(--shadow-lg)}
.adv__card{position:absolute;bottom:-22px;left:-22px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:20px 24px;display:flex;flex-direction:column;gap:2px}
.adv__card i{color:var(--color-accent);font-size:1.6rem;margin-bottom:6px}
.adv__card strong{color:var(--color-dark);font-size:15px}
.adv__card span{color:var(--color-muted);font-size:13px}
.reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.review{background:#fff;border-radius:var(--radius);padding:32px 28px;border:1px solid var(--color-line)}
.review__stars{color:var(--color-gold);margin-bottom:14px;font-size:15px;display:flex;gap:3px}
.review blockquote{color:var(--color-text);font-size:15px;line-height:1.7;margin-bottom:20px}
.review figcaption{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--color-dark);font-size:14.5px}
.review figcaption i{color:var(--color-accent);font-size:1.5rem}
.contacts__inner{display:grid;grid-template-columns:1fr 1.1fr;gap:54px;align-items:start}
.contacts__title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.7rem,2.6vw,2.3rem);color:var(--color-dark)}
.contacts__sub{color:var(--color-muted);margin:10px 0 28px;font-size:1.02rem}
.contacts__list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
.contacts__list li{display:flex;align-items:center;gap:14px;font-size:15.5px}
.contacts__list i{width:44px;height:44px;border-radius:12px;background:var(--color-bg-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contacts__list a:hover{color:var(--color-accent)}
.contacts__socials{display:flex;gap:13px}
.contacts__socials a{width:46px;height:46px;border-radius:12px;background:var(--color-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:var(--trans)}
.contacts__socials a:hover{background:var(--color-accent);transform:translateY(-3px)}
.contacts__form{background:var(--color-bg-soft);border-radius:var(--radius-lg);padding:36px;display:flex;flex-direction:column;gap:16px;border:1px solid var(--color-line)}
@media (max-width:1280px){ .types__grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:1180px){ .services__grid,.how__grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:1024px){ .reviews__grid{grid-template-columns:1fr} .adv__inner{grid-template-columns:1fr;gap:44px} .contacts__inner{grid-template-columns:1fr;gap:38px} }
@media (max-width:680px){
    .hero__inner{padding:42px 18px 46px} .hero__stats{gap:28px} .hero__stats strong{font-size:1.6rem}
    .hero__actions{flex-direction:column} .hero__actions .btn{width:100%}
    .types__grid,.services__grid,.how__grid{grid-template-columns:1fr}
    .adv__card{left:0;bottom:-18px;padding:16px 18px} .contacts__form{padding:26px 20px}
}