
.scrm-wrap{--s-bg:#090d15;--s-card:#0e1521;--s-line:rgba(255,255,255,.11);--s-text:#f5f8ff;--s-muted:#8997aa;--s-blue:#4775ff;--s-cyan:#27d5ea;max-width:1120px;margin:40px auto;padding:42px;border:1px solid var(--s-line);border-radius:24px;background:radial-gradient(circle at 90% 0%,rgba(72,86,255,.13),transparent 28%),var(--s-bg);color:var(--s-text);font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.scrm-head{text-align:center;max-width:720px;margin:0 auto 35px}.scrm-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:#83abff}.scrm-head h2{font-size:44px;line-height:1.05;letter-spacing:-.04em;margin:12px 0}.scrm-head p{color:var(--s-muted)}
.scrm-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0 34px}.scrm-progress button{display:flex;gap:8px;align-items:center;border:1px solid var(--s-line);background:#0a111c;color:#718097;padding:12px;border-radius:11px}.scrm-progress button span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#121c2c;font-size:11px}.scrm-progress button.active{color:#fff;border-color:rgba(75,111,255,.45);background:#10192a}.scrm-progress button.active span{background:linear-gradient(135deg,#6548ff,#25bfe5)}
.scrm-step{display:none}.scrm-step.active{display:block}.scrm-section-title{display:flex;flex-direction:column;margin-bottom:22px}.scrm-section-title b{font-size:24px}.scrm-section-title span{font-size:13px;color:var(--s-muted);margin-top:3px}
.scrm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scrm-form label{display:flex;flex-direction:column;gap:7px;color:#b6c1d0;font-size:12px;font-weight:700}.scrm-form input,.scrm-form select,.scrm-form textarea{width:100%;border:1px solid var(--s-line);border-radius:11px;background:#0a111b;color:#eef4ff;padding:13px 14px;outline:none;font:inherit}.scrm-form input:focus,.scrm-form select:focus,.scrm-form textarea:focus{border-color:#5376ff}.scrm-form .wide{margin-top:14px}.scrm-checks{border:1px solid var(--s-line);border-radius:14px;margin:18px 0;padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scrm-checks legend{padding:0 8px;color:#dbe5f4;font-weight:800}.scrm-checks label{display:flex;flex-direction:row;align-items:center}.scrm-checks input{width:auto}
.scrm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.scrm-actions button{border:1px solid var(--s-line);border-radius:12px;padding:13px 20px;background:#111a28;color:white;font-weight:800;cursor:pointer}.scrm-actions .scrm-next,.scrm-actions .scrm-submit{border-color:transparent;background:linear-gradient(135deg,#6448ff,#1ebde6)}
.scrm-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.scrm-plan{position:relative!important;display:block!important;border:1px solid var(--s-line);border-radius:17px;padding:22px;background:#0b121d;cursor:pointer}.scrm-plan.recommended{border-color:#5674ff}.scrm-plan em{position:absolute;top:12px;right:12px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#9ab3ff;font-style:normal}.scrm-plan input{width:auto;margin-bottom:18px}.plan-name,.plan-price,.plan-desc{display:block}.plan-name{font-size:19px;font-weight:800}.plan-price{font-size:25px;font-weight:900;margin:10px 0}.plan-price small{font-size:10px;color:#7f8ca0;margin-left:5px}.plan-desc{font-size:11px;color:#8190a4;font-weight:500}.scrm-enterprise-note{margin-top:16px;color:#79879a;font-size:11px}
.scrm-consent{display:flex!important;flex-direction:row!important;align-items:flex-start!important;padding:15px;border:1px solid var(--s-line);border-radius:12px;background:#0a111b}.scrm-consent input{width:auto;margin-top:3px}.scrm-review{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.scrm-review div{border:1px solid var(--s-line);padding:13px;border-radius:11px;background:#0b121c}.scrm-review small{display:block;color:#718096}.scrm-review b{display:block;margin-top:4px}.scrm-alert{padding:13px 15px;border-radius:10px;margin:15px 0}.scrm-alert.error{background:rgba(255,70,70,.08);border:1px solid rgba(255,90,90,.25);color:#ffb5b5}
@media(max-width:900px){.scrm-plans{grid-template-columns:1fr 1fr}.scrm-checks{grid-template-columns:1fr 1fr}}@media(max-width:620px){.scrm-wrap{padding:24px 16px}.scrm-head h2{font-size:34px}.scrm-progress{grid-template-columns:1fr 1fr}.scrm-grid,.scrm-plans,.scrm-review{grid-template-columns:1fr}.scrm-checks{grid-template-columns:1fr}.scrm-actions{justify-content:stretch}.scrm-actions button{flex:1}}

.scrm-demo-wrap{max-width:980px}
.scrm-demo-success{text-align:center;padding:42px 24px}
.scrm-demo-success h2{font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:14px 0}
.scrm-demo-success p{max-width:700px;margin:0 auto;color:#8f9caf;font-size:16px;line-height:1.7}
.scrm-reference{display:inline-block;margin:24px 0 12px;padding:11px 16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0a111b;color:#dfe8f6}
.scrm-success-note{font-size:13px!important;color:#67dca4!important}
.scrm-demo-form .scrm-actions{justify-content:center}
.scrm-demo-form .scrm-submit{min-width:220px}
@media(max-width:620px){
  .scrm-demo-success h2{font-size:34px}
  .scrm-demo-form .scrm-submit{width:100%}
}

.scrm-phone-row{display:grid;grid-template-columns:minmax(155px,.75fr) minmax(0,1.25fr);gap:8px}
.scrm-phone-row .scrm-dial-code{min-width:0}
.scrm-optional{font-weight:500;color:#718096;font-size:10px}
.scrm-country-select,.scrm-dial-code{cursor:pointer}
@media(max-width:620px){
  .scrm-phone-row{grid-template-columns:1fr}
  .scrm-dial-code{min-height:52px}
}

.scrm-track-wrap{max-width:980px}
.scrm-track-form{padding:20px;border:1px solid var(--s-line);border-radius:16px;background:#0c131f;margin-bottom:22px}
.scrm-track-result{border:1px solid var(--s-line);border-radius:20px;background:linear-gradient(145deg,#0e1521,#09101a);padding:26px}
.scrm-track-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.scrm-track-top h3{font-size:24px;margin:5px 0}.scrm-track-top p{color:#8290a4;margin:0}
.scrm-status-badge{padding:8px 12px;border-radius:999px;border:1px solid rgba(78,111,255,.3);background:rgba(78,111,255,.10);color:#a7b9ff;font-size:11px;font-weight:800}
.scrm-track-message{padding:18px;margin-top:20px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0a111b}
.scrm-track-message p{color:#8997aa;margin:6px 0 0}
.scrm-progress-track{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:24px 0}
.scrm-progress-item{text-align:center;color:#59677a;font-size:9px}
.scrm-progress-item span{width:30px;height:30px;display:grid;place-items:center;margin:0 auto 7px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#0a1019}
.scrm-progress-item.done{color:#b6c2d3}.scrm-progress-item.done span{background:linear-gradient(135deg,#6548ff,#20bde4);border-color:transparent;color:#fff}
.scrm-track-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.scrm-track-meta>div,.scrm-track-info{padding:14px;border:1px solid var(--s-line);border-radius:12px;background:#0a111b}
.scrm-track-meta small,.scrm-track-info small{display:block;color:#6f7e94;text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-weight:800;margin-bottom:5px}
.scrm-track-info{margin-top:10px}.scrm-track-info p{margin:3px 0;color:#dce5f2;line-height:1.6}
.scrm-track-help{margin-top:18px;color:#7e8ca0;font-size:11px}.scrm-track-help a{color:#8daaff}
@media(max-width:700px){.scrm-track-top{flex-direction:column}.scrm-progress-track{display:flex;overflow-x:auto;padding-bottom:8px}.scrm-progress-item{min-width:74px}.scrm-track-meta{grid-template-columns:1fr}}

.scrm-plans-locked{grid-template-columns:minmax(240px,420px);justify-content:center}
.scrm-plans-locked .scrm-plan{min-height:170px}
@media(max-width:620px){.scrm-plans-locked{grid-template-columns:1fr}}

/* v1.1 payment gateways */
.scrm-gateways{border:0;padding:0;margin:22px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.scrm-gateways legend{font-weight:800;margin-bottom:10px}.scrm-gateway-option{display:flex!important;align-items:center;gap:12px;padding:16px!important;border:1px solid rgba(125,150,180,.28);border-radius:14px;background:rgba(5,13,24,.55);cursor:pointer}.scrm-gateway-option:has(input:checked){border-color:#6e60ff;box-shadow:0 0 0 2px rgba(110,96,255,.15)}.scrm-gateway-option input{width:auto!important;margin:0!important}.scrm-gateway-option span{display:flex;flex-direction:column;gap:3px}.scrm-gateway-option small{opacity:.65;font-size:12px}
