.wlw{--cream:#FBF9EF;--stone:#E8E6DC;--ink:#0A0A0A;--orange:#FF7722;--white:#FFFFFF;--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}
.wlw *,.wlw *::before,.wlw *::after{box-sizing:border-box;margin:0;padding:0}
.wlw-wrap{max-width:none;margin:0 auto;padding-top:0;padding-bottom:0;padding-left:15px!important;padding-right:15px!important}
.wlw h1, .wlw h2, .wlw h3, .wlw .wl-cardt{font-family:var(--f-disp);letter-spacing:-.03em;line-height:.98;font-weight:600}
.wlw .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;cursor:pointer}
.wlw .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)}
.wlw .pill:hover::before{transform:translateY(0)}
.wlw .pill:active{transform:translateY(1px)}
.wlw .pill span{position:relative;z-index:1}
.wlw-rev{opacity:0;transform:translateY(12px);filter:blur(6px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1),filter .7s ease}
.wlw-rev.in{opacity:1;transform:none;filter:none}
@keyframes wlwSpin{to{transform:rotate(360deg)}}

/* HERO */
.wlw-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;min-height:clamp(560px,90vh,900px);
  padding:clamp(72px,9vw,120px) 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#6f7276}
.wlw-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('https://web-lift.com/wp-content/uploads/2026/07/weblift-wordpress-hero.webp?v=2') center/cover no-repeat;
  transform:scale(1.14);filter:blur(14px);opacity:0;animation:wlwHeroIn 6s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes wlwHeroIn{0%{opacity:0;filter:blur(14px);transform:scale(1.14)}45%{opacity:1}100%{opacity:1;filter:blur(0);transform:scale(1)}}
.wlw-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,22,26,.62),rgba(20,22,26,.46) 45%,rgba(20,22,26,.7))}
.wlw-eyebrow-hero{color:rgba(255,255,255,.82);font-size:14px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;margin-bottom:clamp(18px,2vw,26px)}
.wlw-title{color:#fff;font-family:var(--f-disp);font-weight:600;font-size:clamp(46px,10vw,140px);line-height:.9;letter-spacing:-.04em;text-shadow:0 6px 44px rgba(0,0,0,.22)}
.wlw-title.prep{visibility:hidden}
.wlw-title .lm{display:block;overflow:hidden;padding-bottom:.06em}
.wlw-title .li{display:block;will-change:transform;transform:translateY(115%);transition:transform 1.05s cubic-bezier(.16,1,.3,1)}
.wlw-title.lit .li{transform:none}

/* INTRO */
.wlw-intro{text-align:center;padding:clamp(56px,7vw,96px) 10px clamp(20px,3vw,36px);display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2.4vw,28px)}
.wlw-aster{width:52px;height:54px;animation:wlwSpin 16s linear infinite}
.wlw-lead{font-family:var(--f-disp);font-weight:600;letter-spacing:-.03em;color:var(--ink);font-size:clamp(32px,5.6vw,78px);line-height:.98;max-width:17ch;text-wrap:balance}
.wlw-lead .hl{color:var(--orange)}
.wlw-intro p{color:var(--fog);font-size:clamp(16px,1.8vw,20px);line-height:1.6;max-width:56ch;text-wrap:balance}
.wlw-intro .pill{margin-top:6px}

/* STATS */
.wlw-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:clamp(20px,3vw,40px) 10px clamp(56px,7vw,90px)}
.wlw-stat{background:var(--white);border:1px solid var(--stone);border-radius:20px;padding:clamp(28px,3vw,40px) 28px;text-align:center}
.wlw-stat .num{font-family:var(--f-disp);font-weight:600;font-size:clamp(44px,6vw,80px);line-height:1;letter-spacing:-.03em}
.wlw-stat .num .hl{color:var(--orange)}
.wlw-stat .lab{margin-top:12px;color:var(--fog);font-size:clamp(14px,1.5vw,17px);line-height:1.4}

/* SECTION HEAD */
.wlw-group{padding:0 0 clamp(48px,6vw,84px)}
.wlw-group-head{display:flex;align-items:baseline;gap:16px;padding:clamp(28px,3vw,40px) 0 clamp(24px,3vw,34px);border-top:1px solid var(--stone)}
.wlw-group-head .gn{font-family:var(--f-disp);font-weight:600;font-size:15px;color:var(--orange)}
.wlw-group-head h2{font-size:clamp(26px,3.4vw,48px);letter-spacing:-.02em}

/* TYPE CARDS (3) */
.wlw-types{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wlw-type{position:relative;background:var(--white);border:1px solid var(--stone);border-radius:22px;padding:32px 30px 28px;
  display:flex;flex-direction:column;gap:14px;min-height:300px;transition:transform .3s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .3s}
.wlw-type:hover{transform:translateY(-5px);border-color:var(--ink);box-shadow:0 20px 50px rgba(10,10,10,.08)}
.wlw-type .cic{width:56px;height:56px;border-radius:15px;background:var(--cream);border:1px solid var(--stone);display:grid;place-items:center;transition:background .3s}
.wlw-type:hover .cic{background:var(--orange)}
.wlw-type .cic svg{width:26px;height:26px;stroke:var(--ink);fill:none;stroke-width:1.6;transition:stroke .3s}
.wlw-type:hover .cic svg{stroke:#fff}
.wlw-type h3, .wlw-type .wl-cardt{font-size:25px;letter-spacing:-.02em;margin-top:4px}
.wlw-type p{color:var(--fog);font-size:15px;line-height:1.55}
.wlw-type .tl{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:auto;padding-top:8px}
.wlw-type .tl li{position:relative;padding-left:22px;font-size:14px;color:var(--ink)}
.wlw-type .tl li::before{content:"";position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:2px;background:var(--orange)}

/* FEATURES (4) */
.wlw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.wlw-card{background:var(--white);border:1px solid var(--stone);border-radius:20px;padding:28px 26px;display:flex;flex-direction:column;gap:12px;
  transition:transform .3s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .3s}
.wlw-card:hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:0 18px 44px rgba(10,10,10,.07)}
.wlw-card .cic{width:50px;height:50px;border-radius:14px;background:var(--cream);border:1px solid var(--stone);display:grid;place-items:center;transition:background .3s}
.wlw-card:hover .cic{background:var(--orange)}
.wlw-card .cic svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.6;transition:stroke .3s}
.wlw-card:hover .cic svg{stroke:#fff}
.wlw-card h3, .wlw-card .wl-cardt{font-size:20px;letter-spacing:-.02em;margin-top:4px}
.wlw-card p{color:var(--fog);font-size:15px;line-height:1.55}

/* PRICING */
.wlw-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.wlw-price{position:relative;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--stone);border-radius:22px;padding:34px 30px 32px;
  transition:transform .3s cubic-bezier(.2,.75,.2,1),box-shadow .3s,border-color .3s}
.wlw-price:hover{transform:translateY(-5px);box-shadow:0 22px 54px rgba(10,10,10,.08);border-color:var(--ink)}
.wlw-price.feat{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.wlw-price.feat:hover{box-shadow:0 26px 60px rgba(10,10,10,.28)}
.wlw-price .tag{position:absolute;top:22px;right:24px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ink);background:var(--orange);padding:6px 12px;border-radius:100px}
.wlw-price .pname{font-family:var(--f-disp);font-weight:600;font-size:23px;letter-spacing:-.02em}
.wlw-price .pdesc{margin-top:8px;font-size:14px;line-height:1.5;color:var(--fog);min-height:42px}
.wlw-price.feat .pdesc{color:rgba(251,249,239,.62)}
.wlw-price .prow{display:flex;align-items:baseline;gap:8px;margin:22px 0 4px}
.wlw-price .pfrom{font-size:14px;color:var(--fog);text-transform:uppercase;letter-spacing:.08em}
.wlw-price.feat .pfrom{color:rgba(251,249,239,.62)}
.wlw-price .pval{font-family:var(--f-disp);font-weight:600;font-size:clamp(42px,5vw,58px);line-height:1;letter-spacing:-.03em}
.wlw-price .pval .cur{color:var(--orange)}
.wlw-price .pterm{margin:14px 0 20px;font-size:13px;color:var(--fog)}
.wlw-price.feat .pterm{color:rgba(251,249,239,.55)}
.wlw-price ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin:4px 0 26px}
.wlw-price li{position:relative;padding-left:28px;font-size:15px;line-height:1.45}
.wlw-price li svg{position:absolute;left:0;top:2px;width:18px;height:18px;stroke:var(--orange);fill:none;stroke-width:2.4}
.wlw-price .pill{width:100%;margin-top:auto}
.wlw-price.feat .pill{background:var(--white);color:var(--ink)}
.wlw-price.feat .pill::before{transform:translateY(-101%);background:var(--orange)}
.wlw-price.feat .pill:hover::before{transform:translateY(0)}
.wlw-price.feat .pill:hover span{color:#fff}
.wlw-price-note{text-align:center;color:var(--fog);font-size:14px;line-height:1.5;margin-top:26px;max-width:62ch;margin-left:auto;margin-right:auto}

/* PROCESS */
.wlw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wlw-step{background:var(--white);border:1px solid var(--stone);border-radius:20px;padding:28px 26px}
.wlw-step .sn{font-family:var(--f-disp);font-weight:600;font-size:15px;color:var(--orange)}
.wlw-step h3, .wlw-step .wl-cardt{font-size:20px;letter-spacing:-.02em;margin:14px 0 8px}
.wlw-step p{color:var(--fog);font-size:15px;line-height:1.55}

/* CTA */
.wlw-cta{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:clamp(72px,9vw,120px) 10px;display:flex;flex-direction:column;align-items:center;gap:24px;
  background:var(--ink);color:var(--cream);border-radius:24px;margin:0 10px clamp(56px,7vw,90px)}
.wlw-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 120% at 50% -10%,rgba(255,119,34,.22),transparent 55%)}
.wlw-cta h2{color:var(--cream);font-size:clamp(32px,5vw,68px);max-width:18ch;line-height:1;text-wrap:balance}
.wlw-cta p{color:rgba(251,249,239,.66);font-size:clamp(16px,1.7vw,20px);max-width:52ch}
.wlw-cta .pill{background:var(--white);color:var(--ink)}
.wlw-cta .pill::before{transform:translateY(-101%)}
.wlw-cta .pill:hover::before{transform:translateY(0)}
.wlw-cta .pill:hover span{color:#fff}

@media(max-width:1000px){
  .wlw-types{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .wlw-grid{grid-template-columns:repeat(2,1fr)}
  .wlw-price-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .wlw-steps{grid-template-columns:repeat(2,1fr)}
  .wlw-stats{grid-template-columns:1fr}
}
@media(max-width:680px){
  .wlw-grid{grid-template-columns:1fr}
  .wlw-steps{grid-template-columns:1fr}
  .wlw-hero{padding-top:56px}
  .wlw-group-head{flex-direction:column;gap:6px}
}
.wlw-blogrow{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:6px}
.wlw-blogcard{display:flex;flex-direction:column;gap:10px;padding:26px;background:var(--white);border-radius:18px;
  text-decoration:none;color:var(--ink);border:1px solid var(--stone);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.wlw-blogcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,10,10,.08)}
.wlw-blogcard .cat{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--orange)}
.wlw-blogcard h3, .wlw-blogcard .wl-cardt{font-family:var(--f-disp);font-weight:600;font-size:clamp(19px,2vw,23px);line-height:1.1;letter-spacing:-.02em}
.wlw-blogcard p{font-size:15px;line-height:1.55;color:var(--fog)}
.wlw-blogcard .more{margin-top:auto;padding-top:8px;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--ink)}
.wlw-blogcard:hover .more{color:var(--orange)}
@media(max-width:680px){.wlw-blogrow{grid-template-columns:1fr}}

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