/* ==========================================================================
   BneuTech theme - components.css

   Page-local CSS harvested verbatim from the live static site (Caddy-serving
   C:\bneutech-site\public). Each block below is a byte-for-byte copy of a
   <style> element on that page - do not hand-edit, re-run the harvester:

       python wordpress-theme\_tools\extract-page-styles.py --harvest

   Global design tokens and component classes live in bneutech-base.css, which is
   itself a byte copy of public\css\styles.css. WooCommerce-specific overrides go
   in woocommerce.css.
   ========================================================================== */

/* ---- source: public/contact.html ---- */
 .form-note { grid-column:1/-1; font-size:13px; color:#8892a6; margin:6px 0 0; }
 .form-note a { color:#60a5fa; }
 .form-note.ok { color:#8ee7c0; }

/* ---- source: public/systems/index.html ---- */
 .sys-grid-static{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
 .sys-card-link{display:flex;flex-direction:column;background:#0b101b;border:1px solid #1a2234;border-radius:16px;padding:26px 24px;color:#cdd5e6;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
 .sys-card-link:hover{transform:translateY(-4px);border-color:#2a3550;box-shadow:0 12px 40px rgba(34,211,238,.08)}
 .sys-card-link.gold:hover{box-shadow:0 12px 40px rgba(255,184,0,.10)}
 .sys-card-link .pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:6px 10px;border-radius:999px;color:#05070d;width:fit-content;margin-bottom:14px}
 .sys-card-link h3{margin:0 0 8px;font-size:20px;color:#fff}
 .sys-card-link .tag{margin:0 0 14px;color:#9aa3b2;font-size:14px;line-height:1.5}
 .sys-card-link ul{padding-left:18px;margin:0 0 18px;color:#cdd5e6;font-size:14px;line-height:1.55}
 .sys-card-link ul li{margin:4px 0}
 .sys-card-link .cta{margin-top:auto;font-weight:600;color:#22d3ee}
 .sys-card-link.gold .cta{color:#ffd494}
 .prog-step-link{display:block;text-decoration:none;color:inherit}
 .prog-step-link:hover .prog-step{transform:translateY(-3px);border-color:#2a3550}
 .prog-step{transition:transform .2s ease,border-color .2s ease}
 .prog-step .prog-cta{display:inline-block;margin-top:10px;font-weight:600;font-size:13px;color:#22d3ee}
 .prog-step.gold .prog-cta{color:#ffd494}