.dck-bar{display:flex;gap:8px;margin:0 0 26px}
.dck-bar i{flex:1;height:4px;border-radius:99px;background:var(--ink-10);position:relative;overflow:hidden}
.dck-bar i::after{content:"";position:absolute;inset:0;width:0;background:var(--accent);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.dck-bar i.on::after{width:100%}
.dck-bar i.now::after{width:50%}
.dck-lbl{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--ink-30);margin-bottom:10px}
.dck-lbl b{color:var(--accent);font-weight:600}
.dck-hide{display:none !important}
.dck-nav{display:flex;gap:12px;margin-top:22px;align-items:center}
.dck-next{flex:1}
.dck-back{background:none;border:1px solid var(--ink-10);border-radius:99px;padding:12px 22px;font-size:14px;color:var(--ink-50);cursor:pointer;font-family:inherit}
.dck-back:hover{border-color:var(--ink-30);color:var(--ink)}
.dck-note{font-size:12.5px;color:var(--ink-50);margin-top:14px;line-height:1.6}
.dck-note b{color:var(--accent)}
.dck-pw{margin-top:10px}
.dck-pw-bar{display:flex;gap:5px;margin-bottom:9px}
.dck-pw-bar i{flex:1;height:3px;border-radius:99px;background:var(--ink-10);transition:background .3s}
.dck-pw-bar i.ok{background:var(--accent)}
.dck-pw-list{display:grid;grid-template-columns:1fr 1fr;gap:5px 16px;margin:0;padding:0;list-style:none}
.dck-pw-list li{font-size:11.5px;color:var(--ink-30);display:flex;align-items:center;gap:7px;transition:color .3s}
.dck-pw-list li::before{content:"\25CB";font-size:10px}
.dck-pw-list li.ok{color:var(--ink-70)}
.dck-pw-list li.ok::before{content:"\2713";color:var(--accent);font-weight:700}
@media(max-width:640px){.dck-pw-list{grid-template-columns:1fr}}

/* --- step 3 compact: fit without scrolling --- */
.dck-s3{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;align-items:start}
.dck-s3 .cart-section-title{grid-column:1/-1;margin-bottom:2px}
.dck-s3 .field{margin:0}
.dck-s3 .field:has(input[name="business_name"]),
.dck-s3 .field:has(input[name="password"]),
.dck-s3 .dck-nav{grid-column:1/-1}
.dck-s3 .field label{font-size:12.5px;margin-bottom:5px;display:block}
.dck-s3 input,.dck-s3 select{padding:10px 14px;font-size:14px;height:auto}
.dck-s3 .hint,.dck-s3 .field small,.dck-s3 .field p{display:none}
.dck-s3 .dck-pw{margin-top:8px}
.dck-s3 .dck-pw-list{grid-template-columns:repeat(3,1fr);gap:4px 12px}
.dck-s3 .dck-pw-list li{font-size:11px}
@media(max-width:820px){.dck-s3{grid-template-columns:1fr}
 .dck-s3 .dck-pw-list{grid-template-columns:1fr 1fr}}

/* --- force: step 3 two-column, no scroll --- */
.cart-section.dck-s3{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px 18px !important;align-items:start}
.cart-section.dck-s3 > .cart-section-title{grid-column:1/-1 !important;margin:0 0 4px !important}
.cart-section.dck-s3 > .field{margin:0 !important;min-width:0}
.cart-section.dck-s3 > .field:first-of-type{grid-column:1/-1 !important}
.cart-section.dck-s3 > .field:last-of-type{grid-column:1/-1 !important}
.cart-section.dck-s3 > .dck-nav{grid-column:1/-1 !important;margin-top:6px !important}
.cart-section.dck-s3 label{font-size:12px !important;margin-bottom:4px !important}
.cart-section.dck-s3 input,.cart-section.dck-s3 select{padding:9px 13px !important;font-size:13.5px !important}
.cart-section.dck-s3 .field > small,.cart-section.dck-s3 .field > p,.cart-section.dck-s3 .hint{display:none !important}
.cart-section.dck-s3 .dck-pw-list{grid-template-columns:repeat(3,1fr) !important;gap:3px 12px !important}
@media(max-width:820px){.cart-section.dck-s3{grid-template-columns:1fr !important}}

/* --- hide must beat the grid rule --- */
.cart-section.dck-s3.dck-hide,
.cart-section.dck-hide{display:none !important}
/* --- phone prefix needs room in a narrow column --- */
.cart-section.dck-s3 input[name="phone"]{padding-left:46px !important}
.cart-section.dck-s3 .field{position:relative}

/* --- password: red to green as it strengthens --- */
.dck-pw{clear:both}
.cart-section.dck-s3 .dck-pw{grid-column:1/-1}
.dck-pw-bar i.ok{background:#C0392B}
.dck-pw[data-s="2"] .dck-pw-bar i.ok{background:#D35400}
.dck-pw[data-s="3"] .dck-pw-bar i.ok{background:#D4A017}
.dck-pw[data-s="4"] .dck-pw-bar i.ok{background:#7A9A2E}
.dck-pw[data-s="5"] .dck-pw-bar i.ok{background:#2E7D32}
.dck-pw-list li.ok::before{color:inherit}
.dck-pw[data-s="5"] .dck-pw-list li.ok{color:#2E7D32}
/* --- keep SHOW clear of the meter --- */
.cart-section.dck-s3 .field:has(input[name="password"]){padding-bottom:2px}
.dck-pw{margin-top:22px !important}
.pwd-toggle{z-index:3}

.dck-perday{margin:14px 0 0;padding:12px 14px;border:1px dashed var(--ink-10);border-radius:12px;font-size:13px;color:var(--ink-50);line-height:1.55;text-align:center}
.dck-perday b{color:var(--accent);font-size:15px}
.dck-demo{display:block;text-align:center;margin-top:12px;font-size:13px;color:var(--ink-50)}
.dck-demo a{color:var(--accent)}

/* --- compact summary, no scroll --- */
.trial-benefits{margin-top:12px !important}
.trial-benefit{font-size:12.5px !important;line-height:1.45 !important;margin-bottom:7px !important}
.dck-perday{margin:10px 0 0 !important;padding:9px 12px !important;font-size:12px !important}
.dck-perday b{font-size:14px !important}
.summary-line{margin-bottom:8px !important}
.summary-total{margin-top:12px !important;padding-top:12px !important}
.dck-demo{margin-top:8px !important;font-size:12.5px !important}

/* --- submit stays dim until the form is complete --- */
.dck-submit.dck-off{opacity:.38;cursor:not-allowed;filter:grayscale(.55)}
.dck-need{grid-column:1/-1;font-size:12px;color:var(--ink-30);text-align:center;margin:8px 0 0;min-height:16px}
.dck-need b{color:var(--accent)}

/* --- breadcrumb removed --- */
.cart-breadcrumb{display:none !important}
