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

/* HERO */
.wlse-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}
.wlse-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url('https://web-lift.com/wp-content/uploads/2026/07/weblift-seo-hero.webp?v=2') center/cover no-repeat;
  transform:scale(1.14);filter:blur(14px);opacity:0;animation:wlseHeroIn 6s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes wlseHeroIn{0%{opacity:0;filter:blur(14px);transform:scale(1.14)}45%{opacity:1}100%{opacity:1;filter:blur(0);transform:scale(1)}}
.wlse-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))}
.wlse-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)}
.wlse-title{color:#fff;font-family:var(--f-disp);font-weight:600;font-size:clamp(44px,9.5vw,132px);line-height:.9;letter-spacing:-.04em;text-shadow:0 6px 44px rgba(0,0,0,.22)}
.wlse-title.prep{visibility:hidden}
.wlse-title .lm{display:block;overflow:hidden;padding-bottom:.06em}
.wlse-title .li{display:block;will-change:transform;transform:translateY(115%);transition:transform 1.05s cubic-bezier(.16,1,.3,1)}
.wlse-title.lit .li{transform:none}

/* INTRO */
.wlse-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)}
.wlse-aster{width:52px;height:54px;animation:wlseSpin 16s linear infinite}
.wlse-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}
.wlse-lead .hl{color:var(--orange)}
.wlse-intro p{color:var(--fog);font-size:clamp(16px,1.8vw,20px);line-height:1.6;max-width:56ch;text-wrap:balance}
.wlse-intro .pill{margin-top:6px}

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

/* SECTION HEAD */
.wlse-group{padding:0 clamp(20px,4vw,64px) clamp(48px,6vw,84px)}
.wlse-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)}
.wlse-group-head .gn{font-family:var(--f-disp);font-weight:600;font-size:15px;color:var(--orange)}
.wlse-group-head h2{font-size:clamp(26px,3.4vw,48px);letter-spacing:-.02em}

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

/* PRICING */
.wlse-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.wlse-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}
.wlse-price:hover{transform:translateY(-5px);box-shadow:0 22px 54px rgba(10,10,10,.08);border-color:var(--ink)}
.wlse-price.feat{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.wlse-price.feat:hover{box-shadow:0 26px 60px rgba(10,10,10,.28)}
.wlse-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}
.wlse-price .pname{font-family:var(--f-disp);font-weight:600;font-size:23px;letter-spacing:-.02em}
.wlse-price .pdesc{margin-top:8px;font-size:14px;line-height:1.5;color:var(--fog);min-height:42px}
.wlse-price.feat .pdesc{color:rgba(251,249,239,.62)}
.wlse-price .prow{display:flex;align-items:baseline;gap:8px;margin:22px 0 4px}
.wlse-price .pfrom{font-size:14px;color:var(--fog);text-transform:uppercase;letter-spacing:.08em}
.wlse-price.feat .pfrom{color:rgba(251,249,239,.62)}
.wlse-price .pval{font-family:var(--f-disp);font-weight:600;font-size:clamp(42px,5vw,58px);line-height:1;letter-spacing:-.03em}
.wlse-price .pval .cur{color:var(--orange)}
.wlse-price .pterm{margin:14px 0 20px;font-size:13px;color:var(--fog)}
.wlse-price.feat .pterm{color:rgba(251,249,239,.55)}
.wlse-price ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin:4px 0 26px}
.wlse-price li{position:relative;padding-left:28px;font-size:15px;line-height:1.45}
.wlse-price li svg{position:absolute;left:0;top:2px;width:18px;height:18px;stroke:var(--orange);fill:none;stroke-width:2.4}
.wlse-price .pill{width:100%;margin-top:auto}
.wlse-price.feat .pill{background:var(--white);color:var(--ink)}
.wlse-price.feat .pill::before{transform:translateY(-101%);background:var(--orange)}
.wlse-price.feat .pill:hover::before{transform:translateY(0)}
.wlse-price.feat .pill:hover span{color:#fff}
.wlse-price-note{text-align:center;color:var(--fog);font-size:14px;line-height:1.5;margin-top:26px;max-width:66ch;margin-left:auto;margin-right:auto}
.wlse-price-note b{color:var(--ink);font-weight:600}
/* PROMO — разова оптимізація сайту зі знижкою */
.wlse-promo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;background:var(--ink);color:var(--cream);border-radius:22px;padding:clamp(26px,3vw,40px) clamp(26px,3.4vw,44px);margin-bottom:22px;position:relative;overflow:hidden}
.wlse-promo::after{content:"";position:absolute;right:-40px;top:-40px;width:190px;height:190px;background:radial-gradient(circle,rgba(255,119,34,.32),transparent 70%);pointer-events:none}
.wlse-promo-l{max-width:46ch;position:relative;z-index:1}
.wlse-promo .ptag{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ink);background:var(--orange);padding:6px 12px;border-radius:100px;margin-bottom:14px}
.wlse-promo h3, .wlse-promo .wl-cardt{font-family:var(--f-disp);font-weight:600;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;color:var(--cream)}
.wlse-promo p{margin-top:8px;font-size:15px;line-height:1.55;color:rgba(251,249,239,.66)}
.wlse-promo-r{display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:relative;z-index:1}
.wlse-promo .pline{display:flex;align-items:baseline;gap:12px}
.wlse-promo .pold{font-family:var(--f-disp);font-size:26px;color:rgba(251,249,239,.5);text-decoration:line-through;text-decoration-color:var(--orange)}
.wlse-promo .pnew{font-family:var(--f-disp);font-weight:600;font-size:clamp(40px,4.6vw,56px);line-height:1;letter-spacing:-.03em}
.wlse-promo .pnew .cur{color:var(--orange)}
.wlse-promo .pill{background:var(--white);color:var(--ink);white-space:nowrap}
.wlse-promo .pill::before{transform:translateY(-101%);background:var(--orange)}
.wlse-promo .pill:hover::before{transform:translateY(0)}
.wlse-promo .pill:hover span{color:#fff}
@media(max-width:640px){.wlse-promo-r{width:100%}.wlse-promo .pill{width:100%}}

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

/* CTA */
.wlse-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 0 clamp(56px,7vw,90px)}
.wlse-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%)}
.wlse-cta h2{color:var(--cream);font-size:clamp(32px,5vw,68px);max-width:18ch;line-height:1;text-wrap:balance}
.wlse-cta p{color:rgba(251,249,239,.66);font-size:clamp(16px,1.7vw,20px);max-width:52ch}
.wlse-cta .pill{background:var(--white);color:var(--ink)}
.wlse-cta .pill::before{transform:translateY(-101%)}
.wlse-cta .pill:hover::before{transform:translateY(0)}
.wlse-cta .pill:hover span{color:#fff}

@media(max-width:1000px){
  .wlse-grid{grid-template-columns:repeat(2,1fr)}
  .wlse-price-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .wlse-steps{grid-template-columns:repeat(2,1fr)}
  .wlse-stats{grid-template-columns:1fr}
}
.wlse-blogrow{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:26px}
.wlse-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}
.wlse-blogcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,10,10,.08)}
.wlse-blogcard .cat{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--orange)}
.wlse-blogcard h3, .wlse-blogcard .wl-cardt{font-size:clamp(19px,2vw,23px);line-height:1.1}
.wlse-blogcard p{font-size:15px;line-height:1.55;color:var(--fog)}
.wlse-blogcard .more{margin-top:auto;padding-top:8px;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--ink)}
.wlse-blogcard:hover .more{color:var(--orange)}
@media(max-width:680px){
  .wlse-blogrow{grid-template-columns:1fr}
  .wlse-wrap{padding-left:15px;padding-right:15px}
  .wlse-group{padding-left:16px;padding-right:16px}
  .wlse-grid{grid-template-columns:1fr}
  .wlse-card{min-height:0}
  .wlse-steps{grid-template-columns:1fr}
  .wlse-hero{padding-top:56px}
  .wlse-group-head{flex-direction:column;gap:6px}
}

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