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

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

/* INTRO + DEFINITION */
.wlnk-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)}
.wlnk-aster{width:52px;height:54px;animation:wlnkSpin 16s linear infinite}
.wlnk-lead{font-family:var(--f-disp);font-weight:600;letter-spacing:-.03em;color:var(--ink);font-size:clamp(30px,5.2vw,72px);line-height:.98;max-width:18ch;text-wrap:balance}
.wlnk-lead .hl{color:var(--orange)}
.wlnk-def{background:var(--white);border:1px solid var(--stone);border-left:4px solid var(--orange);border-radius:18px;
  padding:clamp(24px,3vw,34px) clamp(22px,3vw,38px);max-width:74ch;text-align:left}
.wlnk-def p{color:var(--ink);font-size:clamp(16px,1.8vw,19px);line-height:1.65}
.wlnk-def p+p{margin-top:12px;color:var(--fog);font-size:clamp(15px,1.6vw,17px)}
.wlnk-def b{font-weight:600}
.wlnk-intro>p{color:var(--fog);font-size:clamp(16px,1.8vw,20px);line-height:1.6;max-width:58ch;text-wrap:balance}
.wlnk-intro .pill{margin-top:6px}

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

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

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

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

/* PLATFORM CHIPS */
.wlnk-plat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wlnk-pcard{background:var(--white);border:1px solid var(--stone);border-radius:20px;padding:26px 24px;display:flex;flex-direction:column;gap:10px;
  transition:transform .3s cubic-bezier(.2,.75,.2,1),border-color .3s,box-shadow .3s}
.wlnk-pcard:hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:0 18px 44px rgba(10,10,10,.07)}
.wlnk-pcard h3, .wlnk-pcard .wl-cardt{font-size:21px;letter-spacing:-.02em}
.wlnk-pcard p{color:var(--fog);font-size:15px;line-height:1.55}
.wlnk-pcard .lim{margin-top:auto;padding-top:10px;font-size:13.5px;line-height:1.5;color:var(--ink);border-top:1px dashed var(--stone)}
.wlnk-pcard .lim b{color:var(--orange);font-weight:600}

/* TABLE */
.wlnk-tlead{font-size:clamp(16px,1.7vw,19px);line-height:1.6;color:var(--fog);max-width:70ch;margin-bottom:22px}
.wlnk-ttablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:16px}
.wlnk-ttable{width:100%;min-width:640px;border-collapse:collapse;background:var(--white);border:1px solid var(--stone);border-radius:18px;overflow:hidden;font-size:16px}
.wlnk-ttable th,.wlnk-ttable td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--stone);line-height:1.45}
.wlnk-ttable th{font-family:var(--f-disp);font-weight:600;font-size:15px;background:#F3F1E7;letter-spacing:-.01em}
.wlnk-ttable td:first-child{font-family:var(--f-disp);font-weight:600}
.wlnk-ttable tr:last-child td{border-bottom:none}
.wlnk-tnote{font-size:15px;line-height:1.6;color:var(--fog);max-width:74ch}
.wlnk-tnote a,.wlnk-seo a{color:#d95f12;text-decoration:underline;text-underline-offset:3px;font-weight:500}

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

/* BLOG CARDS */
.wlnk-blogrow{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:6px}
.wlnk-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}
.wlnk-blogcard:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(10,10,10,.08)}
.wlnk-blogcard .cat{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--orange)}
.wlnk-blogcard h3, .wlnk-blogcard .wl-cardt{font-family:var(--f-disp);font-weight:600;font-size:clamp(19px,2vw,23px);line-height:1.1;letter-spacing:-.02em}
.wlnk-blogcard p{font-size:15px;line-height:1.55;color:var(--fog)}
.wlnk-blogcard .more{margin-top:auto;padding-top:8px;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--ink)}
.wlnk-blogcard:hover .more{color:var(--orange)}

/* SEO TEXT */
.wlnk-seo{padding:0 clamp(20px,4vw,64px) clamp(40px,5vw,72px)}
.wlnk-seo-inner{max-width:860px;border-top:1px solid var(--stone);padding-top:clamp(28px,3vw,40px)}
.wlnk-seo h2{font-size:clamp(24px,3vw,38px);letter-spacing:-.025em;margin-bottom:18px}
.wlnk-seo h3, .wlnk-seo .wl-cardt{font-family:var(--f-disp);font-weight:600;font-size:clamp(19px,2vw,24px);letter-spacing:-.02em;margin:28px 0 10px}
.wlnk-seo p{font-size:clamp(15px,1.6vw,17px);line-height:1.7;color:var(--fog);margin-bottom:14px}
.wlnk-seo p b{color:var(--ink);font-weight:600}

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

@media(max-width:1000px){
  .wlnk-grid{grid-template-columns:repeat(2,1fr)}
  .wlnk-price-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .wlnk-steps{grid-template-columns:repeat(2,1fr)}
  .wlnk-stats{grid-template-columns:1fr}
  .wlnk-plat{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .wlnk-wrap{padding-left:15px;padding-right:15px}
  .wlnk-group{padding-left:16px;padding-right:16px}
  .wlnk-grid{grid-template-columns:1fr}
  .wlnk-card{min-height:0}
  .wlnk-steps{grid-template-columns:1fr}
  .wlnk-plat{grid-template-columns:1fr}
  .wlnk-blogrow{grid-template-columns:1fr}
  .wlnk-hero{padding-top:56px}
  .wlnk-group-head{flex-direction:column;gap:6px}
  .wlnk-seo{padding-left:16px;padding-right:16px}
}

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