:root{
  --yellow:#FFD200;
  --yellow-deep:#F5C400;
  --black:#141414;
  --ink:#1c1c1c;
  --grey-900:#242424;
  --grey-700:#3a3a3a;
  --grey-500:#6c6c6c;
  --grey-300:#bdbdbd;
  --grey-150:#e7e7e7;
  --grey-100:#f2f2f2;
  --grey-50:#fafafa;
  --white:#ffffff;
  --radius:14px;
  --shadow:0 18px 50px -18px rgba(0,0,0,.28);
  --shadow-sm:0 8px 24px -12px rgba(0,0,0,.22);
  --maxw:1320px;
}
html{scroll-behavior:smooth}

.wms-page{font-family:poppinsregular,'Poppins',sans-serif;font-size:18px;color:var(--ink);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}
.wms-page a{text-decoration:none;color:inherit}
.wms-page img{max-width:100%;display:block}
.wms-page p{font-size:18px}
.wms-page h1,.wms-page h2,.wms-page h3{font-family:poppinsbold,'Poppins',sans-serif}
.wms-page .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.wms-page .eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--grey-700);background:var(--yellow);padding:7px 16px;border-radius:50px}
.wms-page h1,.wms-page h2,.wms-page h3,.wms-page h4{line-height:1.15;font-weight:800;letter-spacing:-.5px}
.wms-page h2{font-size:clamp(28px,4vw,46px)}
.wms-page section{padding:50px 0}
.wms-page .section-head{max-width:1120px;margin:0 auto 40px;text-align:center}
.wms-page .section-head h2{margin:18px 0 16px}
.wms-page .section-head p{color:var(--grey-500)}
.wms-page .highlight{background:linear-gradient(transparent 60%,var(--yellow) 60%);padding:0 4px}

/* ---------- Buttons ---------- */
.wms-page .btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:16px;padding:15px 30px;border-radius:50px;cursor:pointer;border:none;transition:.25s;font-family:inherit}
.wms-page .btn-primary{background:var(--yellow);color:var(--black)}
.wms-page .btn-primary:hover{background:var(--black);color:var(--yellow);transform:translateY(-2px)}
.wms-page .btn-dark{background:var(--black);color:var(--white)}
.wms-page .btn-dark:hover{background:var(--yellow);color:var(--black);transform:translateY(-2px)}
.wms-page .btn-block{width:100%;justify-content:center}
button.btn.btn-primary.btn-block:hover {
    background: #fff;
    color: #000;
}
/* ---------- Hero ---------- */
.wms-page .hero{background:var(--black);color:var(--white);position:relative;overflow:hidden;padding:50px 0}
.wms-page .hero::before{content:"";position:absolute;top:-180px;right:-160px;width:560px;height:560px;background:radial-gradient(circle,rgba(255,210,0,.16),transparent 65%);border-radius:50%}
.wms-page .hero::after{content:"";position:absolute;bottom:-120px;left:-100px;width:380px;height:380px;background:radial-gradient(circle,rgba(255,210,0,.07),transparent 70%);border-radius:50%}
.wms-page .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;position:relative;z-index:2}
.wms-page .hero h1{font-size:clamp(30px,4.6vw,50px);margin:22px 0}
.wms-page .hero p.lead{color:var(--grey-300);max-width:560px}
.wms-page .hero-anim>*{opacity:0;transform:translateY(22px);animation:rise .7s forwards}
.wms-page .hero-anim>*:nth-child(1){animation-delay:.05s}
.wms-page .hero-anim>*:nth-child(2){animation-delay:.18s}
.wms-page .hero-anim>*:nth-child(3){animation-delay:.31s}
@keyframes rise{to{opacity:1;transform:none}}

/* ---------- Lead form card ---------- */
.wms-page .lead-card{background:var(--white);color:var(--ink);border-radius:18px;padding:32px 30px;box-shadow:0 30px 70px -20px rgba(0,0,0,.55);border-top:6px solid var(--yellow)}
.wms-page .lead-card h3{font-size:22px;margin-bottom:6px}
.wms-page .lead-card p{font-size:14px;color:var(--grey-500);margin-bottom:20px}
.wms-page .lead-card .field{margin-bottom:14px}
.wms-page .lead-card label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--grey-700)}
.wms-page .lead-card input,.wms-page .lead-card select,.wms-page .lead-card textarea{width:100%;padding:12px 14px;border:1.5px solid var(--grey-150);border-radius:10px;font-family:inherit;font-size:15px;background:var(--grey-50);transition:.2s}
.wms-page .lead-card input:focus,.wms-page .lead-card select:focus,.wms-page .lead-card textarea:focus{outline:none;border-color:var(--yellow);background:var(--white)}
.wms-page .lead-card .mini{font-size:11.5px;color:var(--grey-500);text-align:center;margin-top:12px}
.wms-page .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ---------- Trust strip ---------- */
.wms-page .strip{background:var(--yellow);padding:18px 0}
.wms-page .strip .wrap{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 44px;text-align:center}
.wms-page .strip div{font-weight:700;font-size:15px;color:var(--black);display:flex;align-items:center;gap:9px}
.wms-page .strip .n{font-size:22px;font-weight:900}

/* ---------- Why / risk cards ---------- */
.wms-page .risk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.wms-page .risk-card{background:var(--grey-50);border:1px solid var(--grey-150);border-radius:var(--radius);padding:30px 26px;transition:.25s}
.wms-page .risk-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm);border-color:var(--yellow)}
.wms-page .risk-ic{width:52px;height:52px;border-radius:12px;background:var(--black);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin-bottom:18px}
.wms-page .risk-card h3{font-size:18px;margin-bottom:9px}
.wms-page .risk-card p{color:var(--grey-500)}

/* ---------- What's included ---------- */
.wms-page .inc{background:var(--grey-50)}
.wms-page .inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wms-page .inc-card{background:var(--white);border-radius:var(--radius);padding:28px;border:1px solid var(--grey-150);position:relative;overflow:hidden}
.wms-page .inc-card::before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:var(--yellow)}
.wms-page .inc-card h3{font-size:17.5px;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.wms-page .inc-card h3 .dot{width:9px;height:9px;background:var(--yellow);border-radius:50%;flex:none}
.wms-page .inc-card ul{list-style:none}
.wms-page .inc-card li{font-size:14.5px;color:var(--grey-700);padding:6px 0 6px 26px;position:relative}
.wms-page .inc-card li::before{content:"✓";position:absolute;left:0;color:var(--black);font-weight:800;background:var(--yellow);width:18px;height:18px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;top:9px}

/* ---------- Who should consider ---------- */
.wms-page .who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wms-page .who-card{border:1.5px solid var(--grey-150);border-radius:var(--radius);padding:26px;transition:.25s;background:var(--white)}
.wms-page .who-card:hover{border-color:var(--black);background:var(--black);color:var(--white)}
.wms-page .who-card:hover p{color:var(--grey-300)}
.wms-page .who-card .num{font-size:14px;font-weight:800;color:var(--yellow);background:var(--black);width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.wms-page .who-card:hover .num{background:var(--yellow);color:var(--black)}
.wms-page .who-card h3{font-size:17px;margin-bottom:8px}
.wms-page .who-card p{color:var(--grey-500)}
.wms-page .who-card:hover h3 {
    color: #fff;
}
/* ---------- Platforms ---------- */
.wms-page .plat{background:var(--black);color:var(--white)}
.wms-page .plat .section-head h2{color:var(--white)}
.wms-page .plat .section-head p{color:var(--grey-300)}
.wms-page .plat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.wms-page .plat-card{background:var(--grey-900);border:1px solid #2e2e2e;border-radius:12px;padding:24px 16px;text-align:center;transition:.25s}
.wms-page .plat-card:hover{background:var(--yellow);color:var(--black);transform:translateY(-5px)}
.wms-page .plat-card .pn{font-size:16px;font-weight:700;margin-bottom:4px}
.wms-page .plat-card .pt{font-size:12.5px;color:var(--grey-300)}
.wms-page .plat-card:hover .pt{color:var(--grey-700)}
.wms-page .plat-note{text-align:center;margin-top:30px;color:var(--grey-300)}
.wms-page .plat-note b{color:var(--yellow)}

/* ---------- Plans / packages ---------- */
.wms-page .plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.wms-page .plan{border:1.5px solid var(--grey-150);border-radius:16px;padding:30px 24px;display:flex;flex-direction:column;transition:.25s;background:var(--white)}
.wms-page .plan:hover{box-shadow:var(--shadow);transform:translateY(-6px)}
.wms-page .plan.featured{border-color:var(--yellow);border-width:2.5px;box-shadow:var(--shadow);position:relative}
.wms-page .plan.featured::before{content:"Most Popular";position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--yellow);color:var(--black);font-size:11.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:5px 16px;border-radius:50px}
.wms-page .plan .pname{font-size:20px;font-weight:800;margin-bottom:6px}
.wms-page .plan .pfor{font-size:13px;color:var(--grey-500);min-height:38px;margin-bottom:18px}
.wms-page .plan .pscope{font-size:13px;font-weight:700;color:var(--black);background:var(--grey-100);border-radius:8px;padding:9px 12px;margin-bottom:18px;text-align:center}
.wms-page .plan ul{list-style:none;flex:1;margin-bottom:22px}
.wms-page .plan li{font-size:13.8px;color:var(--grey-700);padding:7px 0 7px 24px;position:relative;border-bottom:1px dashed var(--grey-150)}
.wms-page .plan li:last-child{border-bottom:none}
.wms-page .plan li::before{content:"✓";position:absolute;left:0;top:8px;color:var(--black);background:var(--yellow);width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}
.wms-page .plan li.off{color:var(--grey-300)}
.wms-page .plan li.off::before{content:"–";background:var(--grey-150);color:var(--grey-500)}
.wms-page .plan .btn{margin-top:auto}
.wms-page .addon-bar{margin-top:34px;background:var(--grey-50);border:1px dashed var(--grey-300);border-radius:14px;padding:26px 28px;display:flex;flex-wrap:wrap;align-items:center;gap:18px;justify-content:space-between}
.wms-page .addon-bar h4{font-size:17px}
.wms-page .addon-bar p{font-size:14px;color:var(--grey-500);margin-top:4px}
.wms-page .addon-bar .addons{display:flex;flex-wrap:wrap;gap:10px}
.wms-page .addon-bar .chip{background:var(--black);color:var(--white);font-size:13px;font-weight:600;padding:8px 15px;border-radius:50px}
.wms-page .addon-bar .chip b{color:var(--yellow)}

/* ---------- Tracking / reporting ---------- */
.wms-page .track{background:var(--grey-50)}
.wms-page .track-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.wms-page .track-list{list-style:none}
.wms-page .track-list li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--grey-150)}
.wms-page .track-list li:last-child{border-bottom:none}
.wms-page .track-list .ti{flex:none;width:44px;height:44px;border-radius:11px;background:var(--yellow);color:var(--black);display:flex;align-items:center;justify-content:center}
.wms-page .track-list .ti svg{width:22px;height:22px}
.wms-page .track-list h4{font-size:16.5px;margin-bottom:3px}
.wms-page .track-list p{color:var(--grey-500)}
.wms-page .track-visual{background:var(--black);border-radius:18px;padding:30px;color:var(--white)}
.wms-page .track-visual .tv-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.wms-page .track-visual .tv-head b{font-size:15px}
.wms-page .track-visual .tag{background:var(--yellow);color:var(--black);font-size:11px;font-weight:800;padding:4px 12px;border-radius:50px}
.wms-page .tv-stat{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}
.wms-page .tv-stat .v{font-size:30px;font-weight:900;color:var(--yellow)}
.wms-page .tv-stat .l{font-size:13px;color:var(--grey-300)}
.wms-page .tv-bars{display:flex;align-items:flex-end;gap:8px;height:90px;margin-top:10px}
.wms-page .tv-bars span{flex:1;background:var(--grey-700);border-radius:5px 5px 0 0}
.wms-page .tv-bars span.hot{background:var(--yellow)}

/* ---------- Mid CTA banner ---------- */
.wms-page .midcta{background:var(--yellow);padding:50px 0}
.wms-page .midcta .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.wms-page .midcta h2{color:var(--black);font-size:clamp(26px,3.4vw,38px)}
.wms-page .midcta p{color:var(--grey-700);margin-top:10px}
.wms-page .midcta-form{background:var(--black);border-radius:16px;padding:28px}
.wms-page .midcta-form h3{color:var(--white);font-size:19px;margin-bottom:16px}
.wms-page .midcta-form input,.wms-page .midcta-form select{width:100%;padding:12px 14px;border:none;border-radius:9px;margin-bottom:12px;font-family:inherit;font-size:15px}
.wms-page .midcta-form input:focus,.wms-page .midcta-form select:focus{outline:2px solid var(--yellow)}

/* ---------- Competitor table ---------- */
.wms-page .comp{background:var(--grey-50)}
.wms-page .comp-wrap{overflow-x:auto;border-radius:16px;box-shadow:var(--shadow-sm)}
.wms-page table.comp-table{width:100%;border-collapse:collapse;min-width:760px;background:var(--white)}
.wms-page .comp-table th,.wms-page .comp-table td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--grey-150);font-size:14.5px}
.wms-page .comp-table thead th{background:var(--black);color:var(--white);font-weight:700;font-size:14px}
.wms-page .comp-table thead th.ez{background:var(--yellow);color:var(--black);font-weight:800}
.wms-page .comp-table tbody td:first-child{text-align:left;font-weight:600;color:var(--ink)}
.wms-page .comp-table .yes{color:#1a8a3c;font-weight:800;font-size:17px}
.wms-page .comp-table .no{color:var(--grey-300);font-weight:800;font-size:17px}
.wms-page .comp-table .part{color:var(--grey-500);font-weight:600;font-size:12.5px}
.wms-page .comp-table td.ezcol{background:#fffae0;font-weight:700}
.wms-page .comp-table tbody tr:hover td{background:#fcfcfc}
.wms-page .comp-table tbody tr:hover td.ezcol{background:#fff6d0}
.wms-page .comp-note{margin-top:18px;color:var(--grey-500);text-align:center;font-size:13px}

/* ---------- Why EZ ---------- */
.wms-page .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wms-page .why-card{padding:30px 26px;border-radius:var(--radius);background:var(--grey-50);border:1px solid var(--grey-150);transition:.25s}
.wms-page .why-card:hover{background:var(--black);color:var(--white)}
.wms-page .why-card:hover p{color:var(--grey-300)}
.wms-page .why-card .wn{font-size:26px;font-weight:900;color:var(--yellow);-webkit-text-stroke:.8px var(--black);margin-bottom:12px}
.wms-page .why-card:hover .wn{-webkit-text-stroke:0}
.wms-page .why-card h3{font-size:17.5px;margin-bottom:9px}
.wms-page .why-card p{color:var(--grey-500)}
.wms-page .why-card:hover h3 {
    color: #fff;
}
/* ---------- FAQ ---------- */
.wms-page .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.wms-page .faq-item{background:var(--white);border:1px solid var(--grey-150);border-left:5px solid var(--yellow);border-radius:12px;padding:24px 26px}
.wms-page .faq-item h3{font-size:16.5px;margin-bottom:10px;display:flex;gap:10px}
.wms-page .faq-item h3 .q{color:var(--yellow);-webkit-text-stroke:.7px var(--black);font-weight:900;flex:none}
.wms-page .faq-item p{color:var(--grey-700)}

/* ---------- Final CTA ---------- */
.wms-page .final{background:var(--black);color:var(--white);position:relative;overflow:hidden}
.wms-page .final::before{content:"";position:absolute;top:-150px;right:-100px;width:480px;height:480px;background:radial-gradient(circle,rgba(255,210,0,.14),transparent 65%);border-radius:50%}
.wms-page .final-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:2}
.wms-page .final h2{color:var(--white);font-size:clamp(30px,4vw,46px)}
.wms-page .final h2 em{font-style:normal;color:var(--yellow)}
.wms-page .final p{color:var(--grey-300);margin:18px 0 26px}
.wms-page .final .bullets{list-style:none}
.wms-page .final .bullets li{padding:8px 0 8px 30px;position:relative;color:var(--grey-300);font-size:15.5px}
.wms-page .final .bullets li::before{content:"✓";position:absolute;left:0;color:var(--black);background:var(--yellow);width:20px;height:20px;border-radius:50%;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;top:9px}
.wms-page .final-card{background:var(--white);color:var(--ink);border-radius:18px;padding:34px 32px;box-shadow:0 30px 70px -20px rgba(0,0,0,.6);border-top:6px solid var(--yellow)}
.wms-page .final-card h3{font-size:23px;margin-bottom:6px}
.wms-page .final-card p.sub{color:var(--grey-500);font-size:14px;margin-bottom:22px}
.wms-page .final-card .field{margin-bottom:14px}
.wms-page .final-card label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--grey-700)}
.wms-page .final-card input,.wms-page .final-card select,.wms-page .final-card textarea{width:100%;padding:12px 14px;border:1.5px solid var(--grey-150);border-radius:10px;font-family:inherit;font-size:15px;background:var(--grey-50)}
.wms-page .final-card input:focus,.wms-page .final-card select:focus,.wms-page .final-card textarea:focus{outline:none;border-color:var(--yellow);background:var(--white)}

/* ---------- Responsive ---------- */
@media(max-width:1000px){
  .wms-page .hero-grid,.wms-page .track-grid,.wms-page .final-grid,.wms-page .midcta .wrap{grid-template-columns:1fr}
  .wms-page .risk-grid,.wms-page .plans-grid,.wms-page .plat-grid{grid-template-columns:repeat(2,1fr)}
  .wms-page .inc-grid,.wms-page .who-grid,.wms-page .why-grid,.wms-page .faq-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .wms-page section{padding:36px 0}
  .wms-page .risk-grid,.wms-page .plans-grid,.wms-page .plat-grid,.wms-page .inc-grid,.wms-page .who-grid,.wms-page .why-grid,.wms-page .faq-grid,.wms-page .form-row{grid-template-columns:1fr}
  .wms-page .addon-bar{flex-direction:column;align-items:flex-start}
  .wms-page .hero h1{font-size:30px}
}