/* WMS Endpoint - home and landing pages. Server path: /opt/wms-dms/website/assets/site-pages.css (used with site.css) */
.lp-hero{background:radial-gradient(120% 120% at 85% 0%,#F7FAFE 0%,var(--paper,#E7EDF5) 60%);padding:64px 0 70px;overflow:hidden}
.lp-hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.lp-hero h1{font-size:clamp(42px,5.6vw,76px);color:var(--navy,#1B2438);margin:12px 0 0}
.lp-hero h1 em{font-style:normal;color:var(--red,#CC2200)}
.lp-hero .lead{font-size:18.5px;color:var(--slate,#46566B);max-width:560px;margin:18px 0 28px;line-height:1.6}
.lp-cta{display:flex;gap:12px;flex-wrap:wrap}
.lp-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-size:13.5px;color:var(--slate,#46566B)}
.lp-trust span{display:flex;align-items:center;gap:7px}
.lp-trust svg{width:17px;height:17px;stroke:var(--green,#45A045);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.lp-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lp-tile{background:#fff;border:1px solid var(--line,#D6DFEC);border-radius:16px;padding:18px;box-shadow:0 22px 44px -30px rgba(27,36,56,.55)}
.lp-tile .ic{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.lp-tile .ic svg{width:22px;height:22px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lp-tile b{display:block;font-family:var(--display);font-size:20px;color:var(--navy,#1B2438);line-height:1.1}
.lp-tile small{display:block;font-size:12.5px;color:var(--slate,#46566B);margin-top:3px}
.lp-tile.navy{background:var(--navy,#1B2438)}.lp-tile.navy b{color:#fff}.lp-tile.navy small{color:#AEBBCE}
.ic.blue{background:#EAF4FB}.ic.blue svg{stroke:#236B9C}
.ic.red{background:#FDECEA}.ic.red svg{stroke:#CC2200}
.ic.green{background:#E8F5E8}.ic.green svg{stroke:#2F7A2F}
.ic.amber{background:#FEF3C7}.ic.amber svg{stroke:#92400E}
.ic.ink{background:rgba(255,255,255,.1)}.ic.ink svg{stroke:#fff}

.sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.sol{background:#fff;border:1px solid var(--line,#D6DFEC);border-radius:18px;padding:26px;display:flex;flex-direction:column;box-shadow:0 18px 40px -30px rgba(27,36,56,.5);transition:transform .15s,box-shadow .15s}
.sol:hover{transform:translateY(-4px);box-shadow:0 28px 50px -28px rgba(27,36,56,.55)}
.sol .ic{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center}
.sol .ic svg{width:26px;height:26px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sol .tag{font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--red,#CC2200);margin-top:16px}
.sol h3{font-size:27px;color:var(--navy,#1B2438);margin-top:4px}
.sol p{color:var(--slate,#46566B);font-size:14.5px;margin-top:8px;line-height:1.55}
.sol ul{list-style:none;margin:14px 0 18px;padding:0}
.sol li{position:relative;padding:4px 0 4px 22px;font-size:14px;color:var(--navy,#1B2438)}
.sol li:before{content:"";position:absolute;left:3px;top:10px;width:9px;height:5px;border-left:2.5px solid var(--green,#45A045);border-bottom:2.5px solid var(--green,#45A045);transform:rotate(-45deg)}
.sol .go{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.sol.feature{grid-column:span 2;background:var(--navy,#1B2438);border-color:var(--navy,#1B2438)}
.sol.feature h3,.sol.feature li{color:#fff}.sol.feature p{color:#AEBBCE}.sol.feature .tag{color:var(--orange,#F5A623)}
.sol.feature .cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}

.why4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}
.why4 div{text-align:left}
.why4 b{display:block;font-family:var(--display);font-size:23px;color:#fff;margin-bottom:6px}
.why4 p{color:#AEBBCE;font-size:14.5px;line-height:1.55}
.why4 .n{font-family:var(--display);font-weight:800;font-size:44px;color:var(--orange,#F5A623);line-height:1}

.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;counter-reset:f}
.flow div{position:relative;padding:22px 20px;background:#fff;border:1px solid var(--line,#D6DFEC);margin-left:-1px}
.flow div:first-child{border-radius:16px 0 0 16px}.flow div:last-child{border-radius:0 16px 16px 0}
.flow div:before{counter-increment:f;content:counter(f);display:flex;width:32px;height:32px;border-radius:50%;background:var(--red,#CC2200);color:#fff;font-weight:800;align-items:center;justify-content:center;margin-bottom:10px}
.flow b{display:block;font-family:var(--display);font-size:21px;color:var(--navy,#1B2438)}
.flow p{font-size:14px;color:var(--slate,#46566B);margin-top:4px}

.cta-band{background:linear-gradient(135deg,var(--navy,#1B2438),#2D3047 60%,#3D5A80);color:#fff;border-radius:22px;padding:42px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cta-band h2{font-size:clamp(28px,3.6vw,42px);color:#fff}
.cta-band p{color:#cbd5e1;margin-top:8px;max-width:560px}

/* product cards (labels and hardware pages) */
.pcard{background:#fff;border:1px solid var(--line,#D6DFEC);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 40px -30px rgba(27,36,56,.5)}
.pcard .art{height:170px;background:linear-gradient(160deg,#F2F6FB,#E2E9F3);display:flex;align-items:center;justify-content:center;position:relative}
.pcard .art svg{width:96px;height:96px;fill:none;stroke:#1B2438;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pcard .art .brandtag{position:absolute;top:12px;left:12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#fff;border:1px solid var(--line,#D6DFEC);border-radius:6px;padding:3px 8px;color:var(--navy,#1B2438)}
.pcard .body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.pcard h3{font-size:23px;color:var(--navy,#1B2438)}
.pcard p{font-size:14px;color:var(--slate,#46566B);margin-top:6px;line-height:1.5}
.pcard .spec{list-style:none;padding:0;margin:12px 0 16px;font-size:13px;color:var(--navy,#1B2438)}
.pcard .spec li{padding:4px 0;border-bottom:1px dashed #E5EAF2}
.pcard .pfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pcard .price{font-family:var(--display);font-weight:800;font-size:24px;color:var(--navy,#1B2438)}
.pcard .price small{font-family:var(--body);font-weight:500;font-size:12px;color:var(--muted,#7C8AA0)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}
.pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:3px 8px}
.pill.live{background:#E8F5E8;color:#2F7A2F}.pill.soon{background:#FEF3C7;color:#92400E}
.subnav{position:sticky;top:76px;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--line,#D6DFEC)}
.subnav .wrap{display:flex;gap:6px;overflow-x:auto;padding-top:10px;padding-bottom:10px}
.subnav a{flex:none;font-size:14px;font-weight:600;color:var(--navy,#1B2438);padding:8px 14px;border-radius:999px;border:1px solid var(--line,#D6DFEC);background:#fff}
.subnav a:hover{border-color:var(--red,#CC2200);color:var(--red,#CC2200)}
.anchor{scroll-margin-top:140px}
.note-box{background:#fff;border:1px dashed #C9D4E3;border-radius:14px;padding:16px 20px;color:var(--slate,#46566B);font-size:14.5px;margin-top:22px}
.form-card{background:#fff;border:1px solid var(--line,#D6DFEC);border-radius:18px;padding:26px;box-shadow:0 18px 40px -30px rgba(27,36,56,.5)}
.form-card label{display:block;font-size:13px;font-weight:700;color:var(--navy,#1B2438);margin:0 0 5px}
.form-card input,.form-card select,.form-card textarea{width:100%;padding:11px 12px;border:1.5px solid var(--line,#D6DFEC);border-radius:10px;font:15px var(--body,Inter,sans-serif);margin-bottom:12px;background:#fff;color:var(--navy,#1B2438)}
.form-card textarea{min-height:90px;resize:vertical}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{outline:none;border-color:#2E86C1}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-msg{display:none;border-radius:10px;padding:12px 14px;font-size:14px;margin-top:6px}
.form-msg.ok{display:block;background:#E8F5E8;color:#1e5e1e}.form-msg.err{display:block;background:#FDECEA;color:#8a1a00}
.ed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.ed{background:var(--paper2,#F2F6FB);border:1px solid var(--line,#D6DFEC);border-radius:14px;padding:18px}
.ed b{display:block;font-family:var(--display);font-size:21px;color:var(--navy,#1B2438)}
.ed p{font-size:13.5px;color:var(--slate,#46566B);margin-top:4px}
.cmp{width:100%;border-collapse:collapse;margin-top:30px;background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line,#D6DFEC);font-size:14.5px}
.cmp th,.cmp td{padding:12px 16px;text-align:left;border-bottom:1px solid #EEF2F7}
.cmp th{background:var(--navy,#1B2438);color:#fff;font-family:var(--display);font-size:17px;letter-spacing:.02em}
.cmp td:first-child{font-weight:600;color:var(--navy,#1B2438)}
@media (max-width:980px){
  .lp-hero .wrap{grid-template-columns:1fr}
  .sol-grid,.pgrid,.ed-grid{grid-template-columns:1fr 1fr}
  .sol.feature{grid-column:1/-1}
  .why4,.flow{grid-template-columns:1fr 1fr}
  .flow div{border-radius:0!important;margin:0 0 -1px}
}
@media (max-width:620px){
  .sol-grid,.pgrid,.ed-grid,.why4,.flow,.form-row,.sol.feature .cols{grid-template-columns:1fr}
  .lp-stack{grid-template-columns:1fr 1fr}
  .cta-band{padding:28px}
  .cmp{font-size:13px}.cmp th,.cmp td{padding:9px 10px}
  .subnav{top:70px}
}
/* live catalogue cards */
.pcard .art.has-img{background:#fff}
.pcard .art img{max-width:82%;max-height:150px;object-fit:contain}
.pc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.stk-badge{flex:none;font-size:11px;font-weight:700;letter-spacing:.04em;border-radius:6px;padding:3px 8px;margin-top:4px;white-space:nowrap}
.stk-badge.ok{background:#E8F5E8;color:#2F7A2F}.stk-badge.warn{background:#FEF3C7;color:#92400E}
.stk-badge.info{background:#EAF4FB;color:#236B9C}.stk-badge.out{background:#F1F5F9;color:#475569}
.pcard .pnote{font-size:12.5px;color:var(--muted,#7C8AA0);margin:0 0 8px}
.pcard .pnote a{color:var(--blue,#2E86C1);font-weight:600}
#lbSupplies:not(:empty){margin-top:20px}
.qty-row[hidden]{display:none}
.pcard .price.txt{font-size:17px}
.dl-btn{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-size:13px;font-weight:700;color:var(--navy,#1B2438);background:#fff;border:1.5px solid var(--line,#D6DFEC);border-radius:9px;padding:7px 12px;margin:0 0 14px;text-decoration:none}
.dl-btn:hover{border-color:var(--red,#CC2200);color:var(--red,#CC2200)}
.dl-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dl-btn.big{font-size:15px;padding:11px 16px;margin:0}
.pgrid.four{grid-template-columns:repeat(4,1fr)}
.pgrid.four .pcard .art{height:150px}
.pgrid.four .pcard h3{font-size:20px}
@media (max-width:980px){.pgrid.four{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.pgrid.four{grid-template-columns:1fr}}
.pcard .art.has-img{padding:22px 16px 12px}
.pgrid.four .pcard .art img{max-height:112px}
#hwDevices{grid-template-columns:repeat(auto-fit,minmax(280px,380px));justify-content:center}