/* Marketing conversion layer — additive to landing.css/refinements. */
.wl-header-cta{min-height:40px;padding:.55rem .9rem;background:var(--wl-cyan);color:#fff}
.wl-header-cta:hover{background:var(--wl-cyan-dark)}
.wl-hero-proof{margin-top:1.4rem;display:flex;flex-wrap:wrap;gap:.55rem}
.wl-hero-proof span{display:inline-flex;align-items:center;gap:.4rem;padding:.48rem .7rem;border:1px solid var(--wl-line);border-radius:999px;background:#fff;color:var(--wl-steel);font-size:.76rem;font-weight:800}
.wl-hero-proof i{color:var(--wl-cyan)}
.wl-problem,.wl-controls,.wl-fit,.wl-review{padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,6vw,6rem)}
.wl-problem{background:var(--wl-navy);color:#fff}
.wl-problem .wl-eyebrow,.wl-problem strong{color:#67d7d7}
.wl-problem h2{max-width:900px;margin:0;font-size:clamp(2rem,3.5vw,3.7rem);line-height:1.12;letter-spacing:-.035em}
.wl-problem>p{max-width:760px;margin:1.2rem 0 0;color:rgba(255,255,255,.7);font-size:1rem;line-height:1.8}
.wl-gap-flow{max-width:1180px;margin:3rem auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem}
.wl-gap-flow span{min-height:88px;display:grid;place-items:center;padding:.9rem;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.05);font-size:.84rem;font-weight:850;text-align:center}
.wl-gap-flow span:last-child{border-color:rgba(103,215,215,.5);background:rgba(22,143,152,.18);color:#fff}
.wl-controls{background:#fff}
.wl-control-grid{max-width:1180px;margin:3rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.wl-control-card{min-height:190px;padding:1.5rem;border:1px solid var(--wl-line);border-radius:14px;background:#fff;box-shadow:0 12px 34px rgba(16,38,55,.055)}
.wl-control-card i{font-size:1.9rem;color:var(--wl-cyan)}
.wl-control-card h3{margin:1rem 0 .55rem;font-size:1.05rem}
.wl-control-card p{margin:0;color:var(--wl-steel);font-size:.88rem;line-height:1.7}
.wl-fit{background:var(--wl-mist)}
.wl-fit-grid{max-width:1180px;margin:3rem auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.wl-fit-card{padding:1.6rem;border:1px solid var(--wl-line);border-radius:14px;background:#fff}
.wl-fit-card small{color:var(--wl-cyan);font-weight:900;letter-spacing:.04em}
.wl-fit-card h3{margin:.65rem 0 .6rem;font-size:1.15rem}
.wl-fit-card p{margin:0;color:var(--wl-steel);font-size:.88rem;line-height:1.7}
.wl-review{background:#fff}
.wl-review-shell{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:clamp(2rem,6vw,5rem);align-items:start}
.wl-review-copy h2{margin:0 0 1rem;font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.15;letter-spacing:-.035em}
.wl-review-copy>p{color:var(--wl-steel);line-height:1.8}
.wl-review-list{margin:1.7rem 0 0;padding:0;display:grid;gap:.8rem;list-style:none}
.wl-review-list li{display:flex;gap:.65rem;align-items:flex-start;color:var(--wl-navy);font-size:.9rem;font-weight:750}
.wl-review-list i{margin-top:.08rem;color:var(--wl-cyan);font-size:1.1rem}
.wl-review-form{padding:1.5rem;border:1px solid var(--wl-line);border-radius:16px;background:var(--wl-mist)}
.wl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.wl-field{display:grid;gap:.42rem}
.wl-field.full{grid-column:1/-1}
.wl-field label{font-size:.76rem;font-weight:850;color:var(--wl-navy)}
.wl-field input,.wl-field select,.wl-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--wl-line-strong);border-radius:8px;padding:.78rem .85rem;background:#fff;color:var(--wl-navy);font:inherit;font-size:.9rem;outline:none}
.wl-field textarea{min-height:112px;resize:vertical}
.wl-field input:focus,.wl-field select:focus,.wl-field textarea:focus{border-color:var(--wl-cyan);box-shadow:0 0 0 3px rgba(22,143,152,.1)}
.wl-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.wl-consent{grid-column:1/-1;display:flex;gap:.6rem;align-items:flex-start;color:var(--wl-steel);font-size:.76rem;line-height:1.55}
.wl-consent input{margin-top:.15rem}
.wl-submit{grid-column:1/-1;width:100%;border:0;cursor:pointer}
.wl-submit[disabled]{opacity:.6;cursor:wait}
.wl-form-status{grid-column:1/-1;min-height:1.2rem;margin:0;font-size:.8rem;font-weight:750}
.wl-form-status.success{color:#0b756a}.wl-form-status.error{color:#a02d2d}
.wl-review-note{margin:.7rem 0 0;color:var(--wl-steel);font-size:.72rem;line-height:1.5}
@media(max-width:980px){.wl-gap-flow{grid-template-columns:repeat(3,1fr)}.wl-control-grid,.wl-fit-grid{grid-template-columns:1fr 1fr}.wl-review-shell{grid-template-columns:1fr}.wl-review-form{max-width:760px}}
@media(max-width:680px){.wl-header-cta{display:none}.wl-hero-proof{justify-content:center}.wl-problem,.wl-controls,.wl-fit,.wl-review{padding:3.5rem 1rem}.wl-gap-flow{grid-template-columns:1fr 1fr}.wl-control-grid,.wl-fit-grid{grid-template-columns:1fr}.wl-control-card{min-height:0}.wl-form-grid{grid-template-columns:1fr}.wl-field.full,.wl-consent,.wl-submit,.wl-form-status{grid-column:1}.wl-review-form{padding:1rem}}


/* 2026-09-23 marketing visual story: keep the general WMS core visually dominant. */
.wl-hero{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 83% 32%,rgba(22,143,152,.10),transparent 30%),
    linear-gradient(180deg,#fff 0%,#fbfdfe 100%);
}
.wl-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.28;
  background-image:linear-gradient(var(--wl-line) 1px,transparent 1px),linear-gradient(90deg,var(--wl-line) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(90deg,transparent 36%,#000 75%,transparent);
}
.wl-hero-copy h1{max-width:760px;text-wrap:balance}
.wl-hero-copy>p:not(.wl-eyebrow){max-width:660px}
.wl-hero-visual{display:grid;align-content:center;min-height:520px}
.wl-hero-console{
  position:relative;
  z-index:2;
  overflow:hidden;
  border:1px solid rgba(16,38,55,.13);
  border-radius:20px;
  background:#fff;
  box-shadow:0 36px 90px rgba(16,38,55,.18),0 3px 12px rgba(16,38,55,.08);
}
.wl-console-top{
  min-height:52px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:1rem;
  padding:0 1.1rem;
  border-bottom:1px solid var(--wl-line);
  background:#f8fbfc;
}
.wl-console-top>span{display:flex;gap:.34rem}
.wl-console-top>span i{width:8px;height:8px;border-radius:50%;background:#bfd0d8}
.wl-console-top>span i:nth-child(2){background:#7bc6ca}
.wl-console-top>span i:nth-child(3){background:var(--wl-cyan)}
.wl-console-top strong{font-size:.82rem;letter-spacing:.04em}
.wl-console-top em{justify-self:end;color:var(--wl-steel);font-size:.6rem;font-style:normal;font-weight:900;letter-spacing:.08em}
.wl-console-body{min-height:370px;display:grid;grid-template-columns:145px 1fr}
.wl-console-rail{
  display:grid;
  align-content:start;
  gap:.25rem;
  padding:1rem .7rem;
  border-inline-end:1px solid var(--wl-line);
  background:#102637;
}
.wl-console-rail span{display:flex;align-items:center;gap:.55rem;padding:.7rem;border-radius:8px;color:#a9bdc8;font-size:.7rem;font-weight:800}
.wl-console-rail span.active{background:rgba(103,215,215,.13);color:#fff}
.wl-console-rail i{font-size:1rem;color:#67d7d7}
.wl-console-main{padding:1.5rem;display:grid;align-content:start;gap:1.4rem}
.wl-console-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.wl-console-title span{font-size:1.05rem;font-weight:900}
.wl-console-title b{padding:.38rem .55rem;border:1px solid rgba(22,143,152,.25);border-radius:999px;background:rgba(22,143,152,.07);color:var(--wl-cyan-dark);font-size:.62rem}
.wl-console-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.wl-console-kpis span{
  min-height:92px;
  display:grid;
  align-content:center;
  gap:.55rem;
  padding:.8rem;
  border:1px solid var(--wl-line);
  border-radius:12px;
  background:linear-gradient(145deg,#fff,#f5fafb);
}
.wl-console-kpis i{color:var(--wl-cyan);font-size:1.5rem}
.wl-console-kpis small{font-size:.66rem;font-weight:850;line-height:1.35}
.wl-console-flow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.35rem;
  padding:1rem;
  border:1px solid var(--wl-line);
  border-radius:12px;
  background:#f8fbfc;
}
.wl-console-flow span{min-width:0;color:var(--wl-steel);font-size:.64rem;font-weight:900;text-align:center}
.wl-console-flow span.accent{padding:.45rem .55rem;border-radius:7px;background:var(--wl-cyan);color:#fff}
.wl-console-flow i{flex:0 0 auto;color:#93a9b5;font-size:.8rem}
.wl-hero-extension{
  position:relative;
  z-index:3;
  width:min(330px,62%);
  margin:-24px 22px 0 auto;
  display:grid;
  gap:.2rem;
  padding:1rem 1.1rem;
  border:1px solid rgba(22,143,152,.28);
  border-radius:12px;
  background:#102637;
  color:#fff;
  box-shadow:0 18px 45px rgba(16,38,55,.2);
}
.wl-hero-extension small{color:#67d7d7;font-size:.58rem;font-weight:900;letter-spacing:.08em}
.wl-hero-extension strong{font-size:.84rem}
.wl-hero-extension span{color:#b8c9d2;font-size:.66rem;line-height:1.45}

/* Product architecture — a marketing comprehension device, not a technical integration claim. */
.wl-architecture{
  padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,6vw,6rem);
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 45%,rgba(22,143,152,.08),transparent 30%),
    #fff;
}
.wl-architecture .wl-heading>p:not(.wl-eyebrow){max-width:760px;margin-inline:auto}
.wl-architecture-map{
  max-width:1180px;
  margin:3.5rem auto 0;
  display:grid;
  grid-template-columns:minmax(190px,.8fr) minmax(90px,.45fr) minmax(300px,1.3fr) minmax(90px,.45fr) minmax(190px,.8fr);
  align-items:center;
  gap:.75rem;
}
.wl-arch-node{
  min-height:190px;
  display:grid;
  align-content:center;
  gap:.75rem;
  padding:1.35rem;
  border:1px solid var(--wl-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 38px rgba(16,38,55,.06);
  text-align:center;
}
.wl-arch-node>i{margin:auto;color:var(--wl-cyan);font-size:2.1rem}
.wl-arch-node small{font-size:.75rem;font-weight:900}
.wl-arch-node p{margin:0;color:var(--wl-steel);font-size:.76rem;line-height:1.6}
.wl-arch-core{
  min-height:240px;
  border-color:rgba(22,143,152,.38);
  background:linear-gradient(150deg,#102637,#16374d);
  box-shadow:0 25px 60px rgba(16,38,55,.2);
  color:#fff;
}
.wl-arch-core>i{color:#67d7d7;font-size:2.6rem}
.wl-arch-core small{color:#67d7d7;letter-spacing:.08em}
.wl-arch-core p{color:#d4e2e8;font-size:.82rem}
.wl-arch-link{display:grid;grid-template-columns:1fr;justify-items:center;gap:.45rem;color:var(--wl-steel);text-align:center}
.wl-arch-link span{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--wl-cyan),transparent)}
.wl-arch-link b{font-size:.58rem;line-height:1.35;text-transform:uppercase;letter-spacing:.04em}
.wl-arch-extension{
  grid-column:3;
  margin:-.15rem auto 0;
  width:min(88%,560px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.9rem;
  padding:.85rem 1rem;
  border:1px dashed rgba(22,143,152,.42);
  border-radius:12px;
  background:rgba(22,143,152,.055);
  color:var(--wl-navy);
}
.wl-arch-extension>i{color:var(--wl-cyan);font-size:1.45rem}
.wl-arch-extension div{display:grid;gap:.18rem}
.wl-arch-extension small{color:var(--wl-cyan-dark);font-size:.58rem;font-weight:900;letter-spacing:.07em}
.wl-arch-extension strong{font-size:.75rem}

/* Make the three market-fit cards communicate hierarchy at a glance. */
.wl-fit-card{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.wl-fit-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(16,38,55,.09)}
.wl-fit-card:first-child{border-color:rgba(22,143,152,.36);box-shadow:inset 0 4px 0 var(--wl-cyan)}
.wl-fit-card:nth-child(2){box-shadow:inset 0 4px 0 #5f7688}
.wl-fit-card:nth-child(3){border-style:dashed;background:rgba(255,255,255,.72);box-shadow:inset 0 4px 0 rgba(22,143,152,.28)}
.wl-fit-card:nth-child(3)::after{content:"+";position:absolute;inset-inline-end:1rem;top:.7rem;color:rgba(22,143,152,.18);font-size:3rem;font-weight:300}

/* Flow readability and conversion emphasis. */
.wl-gap-flow span{position:relative}
.wl-gap-flow span:not(:last-child)::after{
  content:"";
  position:absolute;
  inset-inline-end:-.67rem;
  top:50%;
  width:.67rem;
  height:1px;
  background:rgba(103,215,215,.45);
}
.wl-review-shell{position:relative}
.wl-review-shell::before{
  content:"";
  position:absolute;
  inset:-1.5rem;
  z-index:-1;
  border-radius:28px;
  background:radial-gradient(circle at 75% 30%,rgba(22,143,152,.07),transparent 38%);
}

@media(max-width:980px){
  .wl-hero-visual{min-height:470px}
  .wl-architecture-map{grid-template-columns:1fr 60px 1.25fr 60px 1fr}
  .wl-arch-node{min-height:170px;padding:1rem}
}
@media(max-width:760px){
  .wl-hero::before{mask-image:linear-gradient(180deg,transparent 35%,#000 100%)}
  .wl-hero-visual{min-height:auto}
  .wl-hero-console{border-radius:14px}
  .wl-console-top{grid-template-columns:1fr auto;padding:0 .8rem}
  .wl-console-top em{display:none}
  .wl-console-body{min-height:330px;grid-template-columns:58px 1fr}
  .wl-console-rail{padding:.65rem .4rem}
  .wl-console-rail span{justify-content:center;padding:.65rem .35rem}
  .wl-console-rail span{font-size:0}
  .wl-console-rail i{font-size:1.15rem}
  .wl-console-main{padding:1rem;gap:1rem}
  .wl-console-title span{font-size:.88rem}
  .wl-console-kpis{gap:.4rem}
  .wl-console-kpis span{min-height:80px;padding:.55rem}
  .wl-console-kpis i{font-size:1.25rem}
  .wl-console-kpis small{font-size:.58rem}
  .wl-console-flow{overflow-x:auto;justify-content:flex-start;padding:.75rem}
  .wl-console-flow span{flex:0 0 auto}
  .wl-hero-extension{width:76%;margin:-16px 10px 0 auto}
  .wl-architecture{padding:3.5rem 1rem}
  .wl-architecture-map{grid-template-columns:1fr;gap:.65rem;margin-top:2.4rem}
  .wl-arch-node,.wl-arch-core{min-height:0;padding:1.2rem}
  .wl-arch-link{grid-template-columns:1fr auto 1fr}
  .wl-arch-link span{width:100%}
  .wl-arch-extension{grid-column:1;width:auto;margin:0 .8rem}
  .wl-gap-flow span:not(:last-child)::after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .wl-fit-card{transition:none}
  .wl-fit-card:hover{transform:none}
}