/* Пробный период, тарифы, регистрация — тема navy (цвета из site-theme.css). */
.zb-page{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg,#0f172a);color:var(--text,#f1f5f9);margin:0;min-height:100vh;line-height:1.5}
.zb-wrap{max-width:1040px;margin:0 auto;padding:28px 20px 56px;box-sizing:border-box}
.zb-wrap--narrow{max-width:520px}
.zb-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap}
.zb-brand{color:var(--text,#f1f5f9);text-decoration:none;font-weight:700;display:flex;gap:8px;align-items:center}
.zb-brand small{display:block;color:var(--text-muted,#94a3b8);font-weight:400;font-size:12px}
.zb-top nav{display:flex;gap:14px;flex-wrap:wrap}
.zb-top nav a,.zb-link{color:var(--link,#5eead4)}
.zb-eyebrow{color:var(--link,#5eead4);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px}
.zb-page h1{font-size:clamp(24px,4vw,34px);margin:0 0 10px;line-height:1.2}
.zb-page h2{font-size:20px;margin:28px 0 10px}
.zb-lead{color:#cbd5e1;max-width:680px;margin:0 0 18px}
.zb-muted{color:var(--text-muted,#94a3b8);font-size:14px}
.zb-card{background:var(--bg-mid,#16213b);border:1px solid var(--border,rgba(45,212,191,.22));border-radius:16px;padding:22px;box-sizing:border-box}
.zb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.zb-plan{display:flex;flex-direction:column;gap:8px;position:relative}
.zb-plan--featured{border-color:var(--accent,#14b8a6);box-shadow:0 0 0 1px var(--accent,#14b8a6) inset}
.zb-badge{position:absolute;top:-11px;left:18px;background:var(--accent,#14b8a6);color:var(--on-accent,#0f172a);font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px}
.zb-plan h3{margin:4px 0 0;font-size:19px}
.zb-price{font-size:30px;font-weight:800;margin:2px 0}
.zb-price small{font-size:14px;font-weight:400;color:var(--text-muted,#94a3b8)}
.zb-plan ul{margin:4px 0 10px;padding-left:18px;color:#cbd5e1;font-size:14px}
.zb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 18px;border-radius:10px;border:0;background:var(--accent,#14b8a6);color:var(--on-accent,#0f172a);font:inherit;font-weight:700;cursor:pointer;text-decoration:none;box-sizing:border-box}
.zb-btn:hover{background:var(--accent-hover,#2dd4bf)}
.zb-btn[disabled]{opacity:.55;cursor:default}
.zb-btn--ghost{background:transparent;color:var(--text,#f1f5f9);border:1px solid var(--border-strong,#334155)}
.zb-btn--ghost:hover{background:var(--accent-soft,rgba(45,212,191,.14))}
.zb-btn--block{width:100%}
.zb-form label{display:block;font-size:14px;margin:12px 0 4px;color:#cbd5e1}
.zb-form select,.zb-form input[type=email],.zb-form input[type=text],.zb-form input[type=password]{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-strong,#334155);background:var(--bg-input,#0b1324);color:var(--text,#f1f5f9);font:inherit}
.zb-check{display:flex !important;gap:10px;align-items:flex-start;margin:12px 0 0 !important;font-size:14px;line-height:1.4;cursor:pointer}
.zb-check input{width:20px;height:20px;flex:0 0 20px;margin:1px 0 0;accent-color:var(--accent,#14b8a6)}
.zb-check--trial{background:var(--accent-soft,rgba(45,212,191,.14));border-radius:10px;padding:10px 12px}
.zb-msg{margin:12px 0 0;font-size:14px;min-height:1em}
.zb-msg--err{color:#fecaca}
.zb-msg--ok{color:#a7f3d0}
.zb-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:12px}
.zb-steps li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}
.zb-steps li::before{content:counter(s);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent-soft,rgba(45,212,191,.14));color:var(--link,#5eead4);font-weight:800}
.zb-steps b{display:block}
.zb-note{border-left:3px solid var(--accent,#14b8a6);padding:8px 12px;background:rgba(15,23,42,.5);border-radius:0 10px 10px 0;color:#cbd5e1;font-size:14px}
/* плашка пробного периода в калькуляторе */
.zb-strip{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:10px auto;max-width:1200px;box-sizing:border-box;padding:10px 14px;border-radius:12px;background:var(--bg-mid,#16213b);border:1px solid var(--border,rgba(45,212,191,.22));color:var(--text,#f1f5f9);font-size:14px;line-height:1.4}
.zb-strip--low{border-color:rgba(251,191,36,.55)}
.zb-strip__main{flex:1 1 260px}
.zb-strip__main b{font-weight:700}
.zb-strip__use{color:var(--text-muted,#94a3b8);font-size:13px;display:block}
.zb-strip__acts{display:flex;gap:8px;flex-wrap:wrap}
.zb-strip .zb-btn{min-height:36px;padding:6px 12px;font-size:14px}
/* окна */
.zb-modal{position:fixed;inset:0;z-index:9000;background:rgba(2,6,23,.72);display:grid;place-items:center;padding:16px;box-sizing:border-box}
.zb-modal__box{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--bg-mid,#16213b);border:1px solid var(--border,rgba(45,212,191,.22));border-radius:16px;padding:22px;box-sizing:border-box;color:var(--text,#f1f5f9)}
.zb-modal__box--wide{width:min(920px,100%)}
.zb-modal__box h2{margin:0 0 8px;font-size:21px}
.zb-modal__acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.zb-modal .zb-grid{margin-top:12px}
.zb-pills{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.zb-pill{background:rgba(15,23,42,.6);border-radius:999px;padding:4px 12px;font-size:13px;color:#cbd5e1}
.zb-table{width:100%;border-collapse:collapse;font-size:14px}
.zb-table th,.zb-table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border-strong,#334155);vertical-align:top}
.zb-table th{color:var(--text-muted,#94a3b8);font-weight:600}
.zb-scroll{overflow-x:auto}
@media (max-width:820px){.zb-grid{grid-template-columns:1fr}.zb-wrap{padding:18px 14px 40px}}
@media (max-width:420px){.zb-strip{margin:8px;padding:10px}.zb-strip__acts{width:100%}.zb-strip__acts .zb-btn{flex:1}.zb-modal__box{padding:18px}}