/* GreenEPOS accent: a warm red used sparingly on top of the teal brand.
   Red marks "what happens next" (steps, the featured system, contact) - never full sections. */
:root{--red:#d7263d;--red-dark:#b51d31;--red-soft:#fdeceb}

/* Open with confidence: each step is one card, read left to right as 01, 02, 03. */
.pilot>.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.pilot .steps article{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px 24px 24px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--red);border-radius:14px;box-shadow:0 10px 30px #102f380d}
.pilot .steps em{font-style:normal;font-weight:900;font-size:13px;letter-spacing:2px;color:var(--red)}
.pilot .steps b,.pilot .steps span{padding:0;font-size:inherit}
.pilot .steps b{font-size:22px;letter-spacing:-.3px;color:var(--ink)}
.pilot .steps span{color:#5f7479;font-size:16px;line-height:1.55}

/* Featured system: red ribbon and label instead of only teal. */
.hardware-grid .hardware-featured{border-top:5px solid var(--red)}
.hardware-grid .hardware-featured small{color:#ff8d9b}

/* Contact card: a single readable column with a red edge, not the enquiry-form grid. */
.demo-form.static-contact{display:block;text-align:left;padding:38px 40px;border-left:6px solid var(--red)}
.static-contact .eyebrow{margin:0 0 6px;color:var(--red)}
.static-contact h3{margin:0 0 10px;font-size:30px;line-height:1.15;letter-spacing:-.6px}
.static-contact p{margin:0 0 22px;color:#516870;font-size:17px}
.static-contact .button.light{display:inline-block;margin:0;background:var(--ink);color:#fff;transition:background .15s}
.static-contact .button.light:hover{background:var(--red)}

/* Small touches: link hover and the header call-to-action underline. */
header nav a:hover{color:var(--red)}
.faq summary:hover{color:var(--red-dark)}

@media(max-width:900px){.pilot>.steps{grid-template-columns:1fr}.demo-form.static-contact{padding:30px 26px}}
.enquiry-form{border-left:6px solid var(--red);text-align:left}
.enquiry-form .enquiry-head .eyebrow{margin:0 0 6px;color:var(--red)}
.enquiry-form .enquiry-head h3{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.6px}
.enquiry-form label small{display:inline;padding:0;border:0;font-weight:400;color:#6b7f85}
.enquiry-form textarea{resize:vertical}
.enquiry-form .button{border:0;cursor:pointer;font:inherit;font-weight:700;justify-self:start}
.enquiry-form .enquiry-note p{margin:0 0 4px;color:#516870;font-size:14px}
.enquiry-form .enquiry-note a{color:var(--ink);text-decoration:underline}
.enquiry-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}