/* Book a demo. Uses the homepage tokens from cain-pages.css (--c42-*) with fallbacks, so the page keeps the sites' look
   on all three domains. No inline styles: clawx.click's CSP allows only same-origin stylesheets. */
/* display rules below must not defeat the hidden attribute (form/done panel swap, booking button) */
.bd [hidden]{display:none!important}
.bd{background:var(--c42-bg,#060a17);color:var(--c42-text,#eef1f8);font-family:var(--c42-sans,system-ui,sans-serif)}
.bd-wrap{max-width:1180px;margin:0 auto;padding:56px 20px 88px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start}
.bd-eyebrow{margin:0 0 14px;font:600 .78rem var(--c42-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--c42-red,#ff3b4a)}
.bd h1{margin:0 0 18px;font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08;letter-spacing:-.025em;font-weight:750;text-wrap:balance;color:var(--c42-text,#eef1f8);background:none;-webkit-text-fill-color:currentColor}
.bd-lede{margin:0 0 36px;font-size:1.12rem;line-height:1.65;color:var(--c42-dim,#b4bdd6);max-width:60ch}
.bd-h2{margin:0 0 16px;font-size:.82rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--c42-faint,#7d87a6)}

.bd-agenda{list-style:none;margin:0 0 36px;padding:0;display:grid;gap:4px}
.bd-agenda li{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--c42-line,#1a2342)}
.bd-agenda li:last-child{border-bottom:1px solid var(--c42-line,#1a2342)}
.bd-num{font:600 .85rem var(--c42-mono,monospace);color:var(--c42-red,#ff3b4a);padding-top:2px}
.bd-agenda b{display:block;font-size:1.02rem;margin-bottom:4px}
.bd-agenda p{margin:0;color:var(--c42-dim,#b4bdd6);line-height:1.55;font-size:.95rem}

.bd-steps{list-style:none;margin:0 0 36px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;counter-reset:bd}
.bd-steps li{counter-increment:bd;background:var(--c42-raised,#0d1328);border:1px solid var(--c42-line,#1a2342);border-radius:12px;padding:16px}
.bd-steps li::before{content:counter(bd);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--c42-red-soft,#ff3b4a24);color:var(--c42-red,#ff3b4a);font:700 .8rem var(--c42-mono,monospace);margin-bottom:10px}
.bd-steps b{display:block;font-size:.95rem;margin-bottom:4px}
.bd-steps span{color:var(--c42-faint,#7d87a6);font-size:.86rem;line-height:1.45}

.bd-verify{border:1px solid var(--c42-line,#1a2342);border-radius:12px;padding:18px 20px;background:var(--c42-sunken,#040711)}
.bd-verify-title{margin:0 0 10px;font-weight:650}
.bd-verify ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.bd-verify a{display:block;color:var(--c42-text,#eef1f8);font-weight:600;text-decoration:none}
.bd-verify a::after{content:" \2192";color:var(--c42-red,#ff3b4a)}
.bd-verify a:hover,.bd-verify a:focus-visible{color:var(--c42-red-hover,#ff5a67)}
.bd-verify span{font-size:.84rem;color:var(--c42-faint,#7d87a6)}

.bd-card{position:sticky;top:24px;background:linear-gradient(180deg,var(--c42-raised-2,#111a33),var(--c42-raised,#0d1328));border:1px solid var(--c42-line-strong,#2b3760);border-radius:18px;padding:32px;box-shadow:0 24px 60px -24px #000c,0 0 0 1px #ffffff06 inset}
.bd-card-title{margin:0 0 6px;font-size:1.45rem;letter-spacing:-.01em;color:var(--c42-text,#eef1f8)}
.bd-card-sub{margin:0 0 22px;color:var(--c42-faint,#7d87a6);font-size:.88rem}
.bd-form{display:grid;gap:16px}
.bd-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bd-field{display:grid;gap:7px;font-size:.88rem;font-weight:600;color:var(--c42-dim,#b4bdd6)}
.bd-field i{color:var(--c42-red,#ff3b4a);font-style:normal}
.bd-field input,.bd-field select,.bd-field textarea{width:100%;box-sizing:border-box;background:var(--c42-sunken,#040711);color:var(--c42-text,#eef1f8);border:1px solid var(--c42-line-strong,#2b3760);border-radius:10px;padding:12px 13px;font:400 .97rem var(--c42-sans,system-ui,sans-serif);transition:border-color .15s,box-shadow .15s}
.bd-field textarea{resize:vertical;min-height:104px;line-height:1.5}
.bd-field input::placeholder,.bd-field textarea::placeholder{color:var(--c42-faint,#7d87a6)}
.bd-field input:focus,.bd-field select:focus,.bd-field textarea:focus{outline:none;border-color:var(--c42-red,#ff3b4a);box-shadow:0 0 0 3px var(--c42-red-soft,#ff3b4a24)}
.bd-field [aria-invalid="true"]{border-color:var(--c42-bad,#e5484d)}
.bd-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.bd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bd-error{margin:0;padding:11px 13px;border-radius:10px;background:#e5484d1f;border:1px solid #e5484d66;color:#ffb4b6;font-size:.9rem}
.bd-btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:14px 18px;border:0;border-radius:10px;background:var(--c42-red,#ff3b4a);color:#fff;font:650 1rem var(--c42-sans,system-ui,sans-serif);cursor:pointer;text-decoration:none;transition:background .15s,transform .05s}
.bd-btn:hover{background:var(--c42-red-hover,#ff5a67)}
.bd-btn:active{transform:translateY(1px)}
.bd-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.bd-btn[disabled]{opacity:.65;cursor:progress}
.bd-fine{margin:0;font-size:.8rem;color:var(--c42-faint,#7d87a6);line-height:1.5}
.bd-fine a{color:var(--c42-dim,#b4bdd6)}

.bd-done{display:grid;gap:12px;text-align:left}
.bd-done:focus{outline:none}
.bd-check{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#3fb68b22;color:var(--c42-ok,#3fb68b)}
.bd-done p{margin:0;color:var(--c42-dim,#b4bdd6);line-height:1.55}
.bd-ref code{font-family:var(--c42-mono,monospace);background:var(--c42-sunken,#040711);border:1px solid var(--c42-line,#1a2342);padding:2px 7px;border-radius:6px;color:var(--c42-text,#eef1f8)}

@media (max-width:960px){.bd-wrap{grid-template-columns:1fr;gap:40px;padding-top:40px}.bd-card{position:static}}
@media (max-width:560px){.bd-row,.bd-steps,.bd-verify ul{grid-template-columns:1fr}.bd-card{padding:22px}}
@media (prefers-reduced-motion:reduce){.bd-field input,.bd-field select,.bd-field textarea,.bd-btn{transition:none}}