.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;padding:64px 48px 60px;align-items:center}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.eyebrow .tab{width:3px;height:16px}
.eyebrow span{font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--text-mid)}
.eyebrow b{color:var(--yellow);font-weight:500}
.hero h1{font-family:'Archivo',sans-serif;font-weight:800;font-size:40px;line-height:1.14;letter-spacing:-.01em;margin-bottom:18px;max-width:500px}
.hero h1 u{text-decoration:none;color:var(--yellow);box-shadow:inset 0 -7px 0 rgba(240,180,41,.16)}
.hero p{font-size:15.5px;color:var(--text-mid);line-height:1.65;max-width:430px;margin-bottom:30px}
.hero-btns{display:flex;gap:12px}

.plate{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px}
.plate-title{font-family:'JetBrains Mono',monospace;font-size:11.5px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.plate-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.plate-row:last-child{border-bottom:none}
.plate-row .bar{width:2px;height:24px;background:var(--yellow);border-radius:2px;flex-shrink:0}
.plate-row .body{flex:1;display:flex;justify-content:space-between;align-items:baseline}
.plate-row .k{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.03em;color:var(--text-mid);text-transform:uppercase}
.plate-row .v{font-family:'Archivo',sans-serif;font-weight:700;font-size:17px;color:var(--yellow)}
.plate-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.plate-total .k{font-size:13px;color:var(--text-mid)}
.plate-total .v{font-family:'Archivo',sans-serif;font-weight:800;font-size:24px;color:var(--yellow)}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px}
.card.priority{border-color:rgba(240,180,41,.3)}
.card-code{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.led{width:7px;height:7px;border-radius:50%;background:var(--text-dim)}
.led.on{background:var(--yellow)}
.card-code span{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-dim);letter-spacing:.06em}
.card h3{font-family:'Archivo',sans-serif;font-weight:700;font-size:18px;margin-bottom:10px;text-transform:uppercase}
.card p{font-size:13.5px;color:var(--text-mid);line-height:1.6;margin-bottom:20px;min-height:56px}
.card-foot{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--line)}
.card-price{font-family:'JetBrains Mono',monospace;font-size:13.5px;color:var(--yellow)}
.card-note{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}

.process{display:grid;grid-template-columns:repeat(3,1fr)}
.pstep{padding:0 24px}
.pstep:not(:first-child){border-left:1px solid var(--line)}
.pstep .num{font-family:'Archivo',sans-serif;font-weight:800;font-size:26px;color:var(--yellow);margin-bottom:12px}
.pstep h4{font-family:'Archivo',sans-serif;font-weight:700;font-size:16px;margin-bottom:8px;text-transform:uppercase}
.pstep p{font-size:13.5px;color:var(--text-mid);line-height:1.6}

@media(max-width:860px){
  .hero{grid-template-columns:1fr;padding:44px 22px}
  .cards{grid-template-columns:1fr}
  .process{grid-template-columns:1fr;gap:24px}
  .pstep:not(:first-child){border-left:none;padding-left:0}
}