/* BuildsByBuchanan payment portal — dark corporate BBB green, scoped to /pay/ */
:root{
  --bbb-bg:#080A0C;
  --bbb-bg-2:#0C0E11;
  --bbb-surface:#111417;
  --bbb-surface-2:#181B1F;
  --bbb-border:#1C2026;
  --bbb-border-strong:#2A313A;
  --bbb-text:#F0F4F8;
  --bbb-muted:#8793A3;
  --bbb-dim:#596579;
  --bbb-accent:#8ABF3C;
  --bbb-accent-hover:#9ED04A;
  --bbb-accent-soft:rgba(138,191,60,.10);
  --bbb-success:#27A96A;
  --bbb-danger:#DC4B35;
  --bbb-warn:#D4963A;
}
body.bbb-pay-body{background:radial-gradient(circle at 20% 0%,rgba(138,191,60,.08),transparent 34%),linear-gradient(180deg,var(--bbb-bg),#050608 70%);color:var(--bbb-text);font-family:var(--font, "DM Sans", -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);margin:0;line-height:1.55;min-height:100vh}
.pay-nav{border-bottom:1px solid rgba(138,191,60,.16)!important;background:rgba(5,6,8,.94)!important}
.nav-brand-text span{color:var(--bbb-accent)}
.nav-link.active,.nav-link:hover{color:var(--bbb-accent)!important}
.pay-shell{width:min(1120px,calc(100% - 32px));margin:34px auto 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:20px;align-items:start}
.pay-hero-card,.pay-card{background:linear-gradient(180deg,rgba(24,27,31,.96),rgba(17,20,23,.96));border:1px solid var(--bbb-border);box-shadow:0 18px 60px rgba(0,0,0,.45),0 0 30px rgba(138,191,60,.04)}
.pay-hero-card{border-radius:14px;padding:28px;position:sticky;top:78px;overflow:hidden}
.pay-hero-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--bbb-accent),transparent);opacity:.85}
.pay-kicker{display:inline-flex;border:1px solid rgba(138,191,60,.25);background:var(--bbb-accent-soft);color:var(--bbb-accent);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:18px}
.pay-hero-card h1{font-size:34px;line-height:1.05;margin:0 0 14px;color:var(--bbb-text);letter-spacing:-.04em}
.pay-lead{color:#B8C2CC;font-size:15px;margin:0 0 20px}.pay-trust-grid{display:grid;gap:10px;margin-top:24px}.pay-trust-grid div{border:1px solid var(--bbb-border);background:#0B0D10;border-radius:10px;padding:13px}.pay-trust-grid strong{display:block;color:var(--bbb-text);font-size:13px}.pay-trust-grid span{display:block;color:var(--bbb-muted);font-size:12px;margin-top:2px}
.pay-card{border-radius:14px;padding:24px}.pay-card h1{margin:0 0 .5rem;font-size:1.75rem;color:var(--bbb-text)}.pay-card h2{font-size:15px;margin:1.25rem 0 .65rem;color:var(--bbb-text)}
.muted{color:var(--bbb-muted)}.small{font-size:.85rem}.pay-form{display:flex;flex-direction:column;gap:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.pay-form label{font-size:12px;color:#B8C2CC;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.pay-form input,.pay-form textarea,.pay-form select{width:100%;padding:12px 13px;background:#080A0C;border:1px solid var(--bbb-border-strong);border-radius:8px;color:var(--bbb-text);font-size:15px;outline:none}.pay-form textarea{resize:vertical;min-height:84px}.pay-form input:focus,.pay-form textarea:focus,.pay-form select:focus{border-color:var(--bbb-accent);box-shadow:0 0 0 3px rgba(138,191,60,.10)}.field-hint{margin:0;color:var(--bbb-dim);font-size:12px}.amount-input-wrap{display:flex;align-items:center;background:#080A0C;border:1px solid var(--bbb-border-strong);border-radius:10px;overflow:hidden}.amount-input-wrap:focus-within{border-color:var(--bbb-accent);box-shadow:0 0 0 3px rgba(138,191,60,.10)}.amount-input-wrap span{padding:0 13px;color:var(--bbb-accent);font-weight:800;font-size:18px}.amount-input-wrap input{border:0!important;box-shadow:none!important;border-radius:0;font-size:24px;font-weight:800;padding-left:0}
.btn-primary,.btn-secondary{display:inline-block;padding:13px 18px;border-radius:8px;font-weight:800;cursor:pointer;border:none;font-size:15px;text-decoration:none;text-align:center;transition:transform .15s,opacity .15s,background .15s}.btn-primary{background:var(--bbb-accent);color:#040506;width:100%}.btn-primary:hover:not(:disabled){background:var(--bbb-accent-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;color:var(--bbb-text);border:1px solid var(--bbb-border-strong)}
.legal-box{padding:12px;background:#080A0C;border:1px solid var(--bbb-border);border-radius:10px}.legal-box .checkbox-row{display:flex;align-items:flex-start;gap:.65rem;padding:8px 0;font-size:.9rem;cursor:pointer;color:#C8D1DC}.legal-box .checkbox-row+label{border-top:1px solid rgba(255,255,255,.04)}.legal-box input[type=checkbox]{margin-top:.2rem;accent-color:var(--bbb-accent);flex-shrink:0;width:18px;height:18px}.liability{padding:13px 14px;background:rgba(212,150,58,.08);border:1px solid rgba(212,150,58,.18);border-left:3px solid var(--bbb-warn);border-radius:8px;font-size:.88rem;color:#B8C2CC}.liability strong{color:var(--bbb-text)}
.alert{padding:12px;border-radius:8px;margin:0}.alert-error{background:rgba(220,75,53,.12);border:1px solid rgba(220,75,53,.5);color:#ffb4aa}.alert-success{background:rgba(39,169,106,.12);border:1px solid rgba(39,169,106,.5);color:#9df0bd}.alert-info{background:rgba(138,191,60,.10);border:1px solid rgba(138,191,60,.35);color:#d6efb4}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-backdrop.open{display:flex}.modal{background:var(--bbb-surface);border:1px solid var(--bbb-border-strong);border-radius:14px;padding:22px;max-width:520px;width:100%;box-shadow:0 24px 80px rgba(0,0,0,.65)}.modal h2{margin:0 0 1rem;color:var(--bbb-text)}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.modal-actions button{flex:1;min-width:140px}.confirm-summary{background:#080A0C;border:1px solid var(--bbb-border);border-radius:10px;padding:12px}.confirm-summary dl{display:grid;grid-template-columns:120px 1fr;gap:8px;margin:0}.confirm-summary dt{color:var(--bbb-muted)}.confirm-summary dd{margin:0;color:var(--bbb-text);font-weight:700;word-break:break-word}
.contact-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;font-size:.9rem}.contact-row a{color:var(--bbb-accent);text-decoration:none}.pay-footer{text-align:center;padding:2rem 1rem;color:var(--bbb-muted);font-size:.85rem;border-top:1px solid var(--bbb-border);margin-top:3rem}.pay-footer a{color:var(--bbb-muted)}code{background:#080A0C;border:1px solid var(--bbb-border);padding:2px 5px;border-radius:5px;color:var(--bbb-accent)}
@media(max-width:820px){.pay-shell{grid-template-columns:1fr;margin-top:20px}.pay-hero-card{position:relative;top:auto}.pay-hero-card h1{font-size:28px}.form-grid{grid-template-columns:1fr}.nav-links{gap:.4rem}.nav-link{padding:6px 8px!important}.pay-card,.pay-hero-card{padding:20px}}
@media(max-width:520px){.pay-shell{width:min(100% - 22px,1120px)}.pay-hero-card h1{font-size:25px}.pay-lead{font-size:14px}.amount-input-wrap input{font-size:22px}.confirm-summary dl{grid-template-columns:1fr;gap:2px}.modal-actions{display:grid}.nav-brand-logo{display:none}.nav-brand-text{font-size:13px}.nav-links a:not(.active){display:none}}