.wind{--cream:#FBF9EF;--stone:#E8E6DC;--ink:#0A0A0A;--orange:#FF7722;--white:#FFF;--fog:rgba(10,10,10,.56);
  --f-disp:'Parkinsans',system-ui,sans-serif;--f-ui:'Inter Tight',system-ui,sans-serif;
  background:var(--cream);color:var(--ink);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;width:100%;overflow-x:clip}
.wind *,.wind *::before,.wind *::after{box-sizing:border-box;margin:0;padding:0}
.wind-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.wind h1, .wind h2, .wind h3, .wind .wl-cardt{font-family:var(--f-disp);letter-spacing:-.03em;line-height:1.02;font-weight:600}
.wind .eyebrow{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-weight:600}
.wind a{color:inherit}
.wind .pill{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
  background:var(--ink);color:var(--white);font-weight:500;font-size:15px;letter-spacing:.03em;text-transform:uppercase;
  padding:16px 36px;border-radius:4px;text-decoration:none;transition:transform .12s}
.wind .pill::before{content:"";position:absolute;inset:0;background:var(--orange);z-index:0;transform:translateY(101%);transition:transform .45s cubic-bezier(.65,0,.35,1)}
.wind .pill:hover::before{transform:translateY(0)}
.wind .pill span{position:relative;z-index:1}
.wind-rev{opacity:0;transform:translateY(34px);filter:blur(6px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1),filter .7s ease}
.wind-rev.in{opacity:1;transform:none;filter:none}
.wind-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;min-height:clamp(460px,72vh,720px);
  padding:clamp(72px,9vw,120px) 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#5f6266}
.wind-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('https://web-lift.com/wp-content/uploads/2026/07/weblift-rozrobka-hero-v2.webp') center/cover no-repeat;transform:scale(1.06);filter:blur(2px)}
.wind-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,20,24,.6),rgba(18,20,24,.42) 45%,rgba(18,20,24,.66))}
.wind-hero .eyebrow{color:#fff;opacity:.95;margin-bottom:18px}
.wind-hero h1{color:#fff;font-size:clamp(38px,6.4vw,84px);line-height:1;text-shadow:0 6px 40px rgba(0,0,0,.25);max-width:16ch}
.wind-hero p{color:rgba(255,255,255,.9);font-size:clamp(16px,1.9vw,21px);line-height:1.55;max-width:60ch;margin:22px auto 34px}
.wind-hero .trust{margin-top:26px;display:flex;gap:22px;flex-wrap:wrap;justify-content:center;color:rgba(255,255,255,.9);font-size:14px;font-weight:500}
.wind-hero .trust i{color:var(--orange);font-style:normal;margin-right:6px}
.wind-sec{padding:clamp(56px,7vw,96px) 0}
.wind-sec.alt{background:var(--white)}
.wind-lead{max-width:780px}
.wind-lead h2{font-size:clamp(28px,4vw,50px);margin-bottom:20px}
.wind-lead p{color:var(--fog);font-size:clamp(16px,1.6vw,19px);line-height:1.75;margin-bottom:16px}
.wind-lead p b{color:var(--ink)}
.wind-lead a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px;text-decoration-thickness:2px}
.wind-lead a:hover{color:var(--orange)}
.wind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.wind-card{background:var(--cream);border:1px solid var(--stone);border-radius:18px;padding:28px 26px;display:flex;flex-direction:column;gap:10px}
.wind-sec.alt .wind-card{background:var(--white)}
.wind-card .n{font-family:var(--f-disp);font-weight:600;color:var(--orange);font-size:14px}
.wind-card h3, .wind-card .wl-cardt{font-size:22px}
.wind-card p{color:var(--fog);font-size:15px;line-height:1.55}
.wind-card a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:2px}
.wind-stats{display:flex;gap:clamp(28px,5vw,72px);flex-wrap:wrap;margin-top:40px}
.wind-stat .v{font-family:var(--f-disp);font-weight:600;font-size:clamp(38px,5vw,64px);letter-spacing:-.03em}
.wind-stat .v em{color:var(--orange);font-style:normal}
.wind-stat .l{color:var(--fog);font-size:15px;margin-top:4px;max-width:20ch}
.wind-faq{max-width:820px;margin-top:44px}
.wind-fitem{border-top:1px solid var(--stone);padding:22px 0}
.wind-fitem h3, .wind-fitem .wl-cardt{font-size:clamp(18px,1.9vw,22px);margin-bottom:10px}
.wind-fitem p{color:var(--fog);font-size:16px;line-height:1.65}
.wind-cta{background:var(--ink);color:var(--cream);border-radius:24px;padding:clamp(44px,6vw,80px) clamp(24px,4vw,60px);text-align:center;margin:clamp(40px,5vw,72px) 0 0}
.wind-cta h2{color:var(--cream);font-size:clamp(28px,4.4vw,56px);max-width:18ch;margin:0 auto 16px}
.wind-cta p{color:rgba(251,249,239,.66);font-size:clamp(16px,1.7vw,19px);max-width:54ch;margin:0 auto 30px}
.wind-cta .pill{background:var(--white);color:var(--ink)}
.wind-cta .pill::before{transform:translateY(-101%)}
.wind-cta .pill:hover::before{transform:translateY(0)}
.wind-cta .pill:hover span{color:#fff}
.wind-pkgs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;align-items:start}
.wind-pkg{background:var(--white);border:1px solid var(--stone);border-radius:18px;padding:30px 26px;display:flex;flex-direction:column;height:100%}
.wind-sec.alt .wind-pkg{background:var(--cream)}
.wind-pkg h3, .wind-pkg .wl-cardt{font-size:21px;margin-bottom:14px}
.wind-pkg .price{font-family:var(--f-disp);font-weight:600;font-size:34px;letter-spacing:-.03em;line-height:1}
.wind-pkg .term{color:var(--fog);font-size:14px;margin:8px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--stone)}
.wind-pkg ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.wind-pkg li{color:var(--fog);font-size:15px;line-height:1.5;padding-left:22px;position:relative}
.wind-pkg li::before{content:"✓";position:absolute;left:0;top:0;color:var(--orange);font-weight:600}
.wind-pkg.feat{border-color:var(--ink);box-shadow:0 10px 40px rgba(10,10,10,.07)}
.wind-pkg .tag{align-self:flex-start;background:var(--orange);color:#fff;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:3px;margin-bottom:14px}
/* Кнопка замовлення в картці пакета. Тема ловить попап за адресою
   (`a[href*="/kontakty"]` усередині <main>), тож окремий JS-гак не потрібен —
   див. памʼять weblift-popup-bind-by-href-not-class. Назву пакета попап бере
   з `.pname` у предку з класом на `-price`, тому картка має обидва. */
.wind-pkg .pill{display:flex;width:100%;margin-top:22px;padding:14px 20px;font-size:14px}
.wind-pkg.feat .pill{background:var(--ink);color:var(--cream)}
.wind-pkg.feat .pill::before{background:var(--orange)}
.wind-note{color:var(--fog);font-size:15px;line-height:1.7;margin-top:26px;max-width:760px}
.wind-note a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:3px;text-decoration-thickness:2px}
.wind-note a:hover{color:var(--orange)}
.wind-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:44px;counter-reset:wst}
.wind-step{position:relative;padding-top:20px;border-top:2px solid var(--stone)}
.wind-step::before{counter-increment:wst;content:"0" counter(wst);position:absolute;top:-13px;left:0;background:var(--cream);padding-right:10px;font-family:var(--f-disp);font-weight:600;font-size:14px;color:var(--orange)}
.wind-sec.alt .wind-step::before{background:var(--white)}
.wind-step h3, .wind-step .wl-cardt{font-size:18px;margin-bottom:8px}
.wind-step p{color:var(--fog);font-size:14px;line-height:1.55}
@media(max-width:900px){.wind-grid{grid-template-columns:1fr 1fr}.wind-pkgs{grid-template-columns:1fr}.wind-steps{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.wind-grid{grid-template-columns:1fr}.wind-hero{min-height:64vh}.wind-steps{grid-template-columns:1fr}}

/* підписи плиток: були h3, стали <b class=wl-cardt> — вигляд той самий */
.wl-cardt{display:block;font:inherit}