.hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hardware-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;color:var(--ink);text-decoration:none;min-height:500px;transition:transform .2s,box-shadow .2s}.hardware-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(17,47,38,.1)}.hardware-primary{background:#d8f9eb}.hardware-card>div:last-child{margin-top:auto}.hardware-card h3{font:700 25px Manrope;margin:10px 0}.hardware-card p{color:var(--muted);margin:0 0 18px}.hardware-card strong{color:#138765;font-size:14px}.card-label{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#168e69}.hardware-visual{height:230px;display:grid;place-items:center;position:relative}.device-screen{width:116px;height:170px;border:8px solid #14201d;background:#edf4f0;border-radius:15px;padding:15px;box-shadow:0 16px 30px rgba(0,0,0,.18);transform:rotate(-5deg);display:flex;flex-direction:column;gap:9px}.device-screen span{font-size:8px;font-weight:800;color:#128662}.device-screen b{font:700 17px Manrope}.device-screen i{height:15px;border-radius:4px;background:#d5e1db}.device-grip{position:absolute;width:52px;height:85px;background:#14201d;border-radius:8px 8px 18px 18px;top:145px;transform:rotate(-5deg)}.scale-bed{width:205px;height:105px;background:linear-gradient(145deg,#d8dedb,#939e99);border:9px solid #1a2522;border-radius:14px;transform:perspective(300px) rotateX(45deg);box-shadow:0 20px 25px rgba(0,0,0,.16)}.scale-base{position:absolute;top:140px;width:190px;height:55px;border-radius:8px 8px 20px 20px;background:#16211e;display:grid;place-items:center;color:var(--green);font:700 13px monospace}.terminal-screen{width:110px;height:120px;background:#e8f6f0;border:8px solid #17231f;border-radius:16px 16px 5px 5px;display:grid;place-items:center;color:#13916a;font:800 17px Manrope;transform:rotate(4deg)}.terminal-keys{position:absolute;top:145px;width:100px;height:65px;background:#17231f;border-radius:5px 5px 18px 18px;color:#80908a;text-align:center;letter-spacing:10px;line-height:16px;padding:8px 0 0 10px;transform:rotate(4deg)}.support-band{background:#0e1715;color:#fff;padding:110px 0}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.support-grid h2{font-size:clamp(42px,5vw,66px)}.support-grid h2 em{color:var(--green)}.support-copy{color:#aebdb8;max-width:520px}.support-links{border-top:1px solid rgba(255,255,255,.18)}.support-links a{display:grid;grid-template-columns:1fr 2fr auto;gap:20px;align-items:center;padding:26px 4px;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;transition:padding .2s}.support-links a:hover{padding-left:12px}.support-links span{font-size:10px;letter-spacing:1.2px;color:var(--green);font-weight:800}.support-links b{font:600 16px Manrope}.support-links i{font-style:normal;color:var(--green)}
@media(max-width:900px){.hardware-grid{grid-template-columns:1fr 1fr}.support-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:600px){.hardware-grid{grid-template-columns:1fr}.hardware-card{min-height:440px}.support-band{padding:80px 0}.support-links a{grid-template-columns:1fr auto}.support-links a span{grid-column:1/-1}}

/* LynkRetailPOS brand system */
:root{--ink:#071c2c;--muted:#5b6c74;--green:#2be0ae;--green-dark:#0b3b46;--paper:#f3f7f6;--line:#d7e2df}
.nav-wrap{background:rgba(243,247,246,.9);border-bottom-color:rgba(7,28,44,.08)}
.brand{display:flex;align-items:center;text-decoration:none}
.brand img{display:block;width:184px;height:auto}
.footer .brand img{width:200px}
.mini-brand{display:flex;align-items:center;gap:7px}
.mini-brand img{width:25px;height:25px}
.button:hover{background:#0b3b46}
h1 em,h2 em,.roles span,.feature-wide a{color:#159a78}
.product-window{box-shadow:0 35px 80px rgba(7,28,44,.16)}
@media(max-width:600px){.brand img{width:158px}.footer .brand img{width:176px}}

/* Keep anchored sections visible below the sticky navigation. */
#platform,#hardware,#industries,#support,#demo{scroll-margin-top:96px}
@media(max-width:600px){#platform,#hardware,#industries,#support,#demo{scroll-margin-top:78px}}
