/* SIN Checkout 1.0.0. Everything is scoped to body.sinco-on (only set on
   /register/ pages when the new look is switched on). Fonts (SIN26 Archivo /
   SIN26 Mono) are already loaded site-wide by the SIN Nav header. */

body.sinco-on{
  --sc-blue:#0A1EC9;--sc-blue-d:#0815A0;--sc-black:#07080D;--sc-ink:#0B0D14;
  --sc-paper:#F3F4F8;--sc-line:#DADDE6;--sc-muted:#5B6070;--sc-green:#3FC46E;--sc-red:#D92D20;
  --sc-sans:"SIN26 Archivo",Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;
  --sc-mono:"SIN26 Mono","JetBrains Mono",ui-monospace,Menlo,monospace;
  background:var(--sc-paper);overflow-x:clip;
}
body.sinco-on main.site-main{max-width:none;width:100%;margin:0;padding:0}
body.sinco-on main.site-main > .page-header{display:none}
body.sinco-on main.site-main > .page-content{margin:0;padding:0}

/* ---------- Black band ---------- */
body.sinco-on .sinco-band{background:var(--sc-black);color:#fff;padding:36px 32px 100px;font-family:var(--sc-sans)}
body.sinco-on .sinco-wrap{max-width:1080px;margin:0 auto}
body.sinco-on .sinco-steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;font:500 11px/1 var(--sc-mono);letter-spacing:1.5px;text-transform:uppercase;color:#8A90A2}
body.sinco-on .sinco-steps li{display:flex;align-items:center;gap:8px;margin:0}
body.sinco-on .sinco-steps li + li::before{content:"";width:22px;height:1px;background:#33384A;margin-right:6px}
body.sinco-on .sinco-steps em{font-style:normal}
body.sinco-on .sinco-steps span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid #33384A;font-size:10px}
body.sinco-on .sinco-steps li.on{color:#fff}
body.sinco-on .sinco-steps li.on span{background:var(--sc-blue);border-color:var(--sc-blue)}
body.sinco-on .sinco-h1{font-family:var(--sc-sans);font-size:56px;font-weight:900;font-stretch:72%;text-transform:uppercase;line-height:.95;letter-spacing:.5px;margin:22px 0 0;color:#fff}
body.sinco-on .sinco-h1 b{color:var(--sc-blue);font-weight:900}
body.sinco-on .sinco-sub{color:#B4B9C8;margin:12px 0 0;font-size:17px;font-family:var(--sc-sans)}

/* ---------- Layout ---------- */
body.sinco-on .page-content > .mp_wrapper{max-width:1144px;margin:-68px auto 72px;padding:0 32px;overflow:visible;font-family:var(--sc-sans);color:var(--sc-ink)}
body.sinco-on .mp_wrapper form.sinco-ready{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:28px;align-items:start;margin:0;padding:0;background:none;border:0}
body.sinco-on .mp_wrapper form.sinco-ready .mepr_price,
body.sinco-on .mp_wrapper form.sinco-ready > .mepr_spacer{display:none}
body.sinco-on .mp_wrapper form.sinco-ready > .sinco-main{grid-column:1;grid-row:1}
body.sinco-on .mp_wrapper form.sinco-ready > .sinco-side{grid-column:2;grid-row:1}
body.sinco-on .sinco-main{background:#fff;border:1px solid var(--sc-line);border-radius:12px;padding:30px 32px 32px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:14px;align-content:start}
body.sinco-on .sinco-main > *{grid-column:1 / -1;min-width:0}
body.sinco-on .sinco-main > .mepr_first_name,
body.sinco-on .sinco-main > .mepr_last_name,
body.sinco-on .sinco-main > .mepr_mepr-address-city,
body.sinco-on .sinco-main > .mepr_mepr-address-country,
body.sinco-on .sinco-main > .mepr_mepr-address-state,
body.sinco-on .sinco-main > .mepr_mepr-address-zip,
body.sinco-on .sinco-main > .mepr_password,
body.sinco-on .sinco-main > .mepr_password_confirm{grid-column:span 3}
body.sinco-on .sinco-main > .mepr-hidden{display:none}

body.sinco-on .sinco-side{position:sticky;top:96px}
body.admin-bar.sinco-on .sinco-side{top:128px}
body.sinco-on .sinco-card{background:#fff;border:1px solid var(--sc-line);border-radius:12px;overflow:hidden}

/* ---------- Section headings ---------- */
body.sinco-on .sinco-main .sinco-h{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:0;font-family:var(--sc-sans);font-size:22px;font-weight:800;font-stretch:80%;text-transform:uppercase;letter-spacing:.4px;color:var(--sc-ink);line-height:1.1}
body.sinco-on .sinco-main .sinco-h[hidden]{display:none}
body.sinco-on .sinco-main .sinco-h ~ .sinco-h{margin-top:16px;padding-top:28px;border-top:1px solid var(--sc-line)}
body.sinco-on .sinco-main .sinco-h span{width:26px;height:26px;flex:none;border-radius:50%;background:var(--sc-ink);color:#fff;display:grid;place-items:center;font:600 12px/1 var(--sc-mono);letter-spacing:0}

/* ---------- Fields ---------- */
body.sinco-on .mp_wrapper .sinco-main .mp-form-row{margin:0 0 14px;padding:0}
body.sinco-on .mp_wrapper .sinco-main .mp-form-label{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;margin:0 0 6px}
body.sinco-on .mp_wrapper .sinco-main .mp-form-label label{display:block;margin:0;padding:0;font:500 11px/1.3 var(--sc-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--sc-muted)}
body.sinco-on .mp_wrapper .cc-error{font:500 12px/1.3 var(--sc-sans);color:var(--sc-red);text-transform:none;letter-spacing:0}
body.sinco-on .mp_wrapper .cc-success{font:500 12px/1.3 var(--sc-sans);color:#1E7F43}
body.sinco-on .mp_wrapper input.mepr-form-input,
body.sinco-on .mp_wrapper select.mepr-form-input,
body.sinco-on .mp_wrapper textarea.mepr-form-input{width:100%;max-width:none;height:46px;margin:0;border:1px solid var(--sc-line);border-radius:8px;padding:0 14px;font:400 16px/1.2 var(--sc-sans);color:var(--sc-ink);background:#fff;box-shadow:none;outline:none}
body.sinco-on .mp_wrapper select.mepr-form-input{-webkit-appearance:none;appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--sc-muted) 50%),linear-gradient(135deg,var(--sc-muted) 50%,transparent 50%);background-position:calc(100% - 19px) 20px,calc(100% - 14px) 20px;background-size:5px 5px;background-repeat:no-repeat}
body.sinco-on .mp_wrapper .mepr-form-input.mepr-hidden{display:none}
body.sinco-on .mp_wrapper input.mepr-form-input:focus,
body.sinco-on .mp_wrapper select.mepr-form-input:focus{border-color:var(--sc-blue);box-shadow:0 0 0 3px rgba(10,30,201,.15)}
body.sinco-on .mp_wrapper input.mepr-form-input.invalid,
body.sinco-on .mp_wrapper select.mepr-form-input.invalid{border-color:var(--sc-red);box-shadow:0 0 0 3px rgba(217,45,32,.12)}
body.sinco-on .mp_wrapper .mp-password-strength-area{font:500 12px/1.3 var(--sc-sans);color:var(--sc-muted)}

/* ---------- Payment box ---------- */
body.sinco-on .mp_wrapper .sinco-main .mepr-payment-methods-wrapper{margin:0 0 6px;padding:16px 18px;border:1px solid var(--sc-line);border-radius:10px;background:var(--sc-paper);display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:12px;min-width:0}
body.sinco-on .mp_wrapper .mepr-payment-methods-icons{margin:0;flex:none}
body.sinco-on .mp_wrapper .mepr-payment-methods-icons img{height:26px;width:auto;display:block}
body.sinco-on .mp_wrapper .mepr-payment-method{margin:0;padding:0;border:0;background:none}
body.sinco-on .mp_wrapper .mepr-payment-method-desc-text{margin:0;padding:0;font:600 15px/1.35 var(--sc-sans);color:var(--sc-ink)}

/* ---------- Checkboxes ---------- */
body.sinco-on .mp_wrapper .sinco-main .mepr_tos{margin-top:14px}
body.sinco-on .mp_wrapper .sinco-main .mepr_tos label,
body.sinco-on .mp_wrapper #mepr-adv-aweber-optin-wrap label{display:flex;gap:12px;align-items:flex-start;width:auto;height:auto;padding:0;margin:0;border:0;background:none;box-shadow:none;font:400 15px/1.4 var(--sc-sans);color:var(--sc-ink);text-transform:none;letter-spacing:0}
body.sinco-on .mp_wrapper .sinco-main input[type=checkbox]{width:20px;height:20px;flex:none;margin:0;accent-color:var(--sc-blue)}
body.sinco-on .mp_wrapper .sinco-main .mepr_tos a{color:var(--sc-blue);text-decoration:underline}
body.sinco-on .mp_wrapper #mepr-aweber-privacy{margin:4px 0 0 32px}
body.sinco-on .mp_wrapper #mepr-aweber-privacy a{font:400 13px/1.3 var(--sc-sans);color:var(--sc-muted);text-decoration:underline}

/* ---------- Submit ---------- */
body.sinco-on .mp_wrapper .sinco-main .mp-form-submit{margin:12px 0 0;text-align:center}
body.sinco-on .mp_wrapper .sinco-main input.mepr-submit{display:block;width:100%;height:58px;margin:0;padding:0 16px;border:0;border-radius:10px;background:var(--sc-blue);color:#fff;font:800 18px/1 var(--sc-sans);font-stretch:85%;letter-spacing:1px;text-transform:uppercase;cursor:pointer;box-shadow:none;transition:background .15s}
body.sinco-on .mp_wrapper .sinco-main input.mepr-submit:hover,
body.sinco-on .mp_wrapper .sinco-main input.mepr-submit:focus{background:var(--sc-blue-d);color:#fff}
body.sinco-on .mp_wrapper .mepr-loading-gif{margin:10px auto 0}
body.sinco-on .mp_wrapper .mepr-form-has-errors{display:none;margin-top:10px;font:500 14px/1.3 var(--sc-sans);color:var(--sc-red)}

/* ---------- Summary card ---------- */
body.sinco-on .sinco-plan{display:block;background:var(--sc-blue);color:#fff;padding:22px 24px}
body.sinco-on .sinco-plan .sinco-k{display:block;font:500 11px/1 var(--sc-mono);letter-spacing:1.5px;text-transform:uppercase;opacity:.75}
body.sinco-on .sinco-plan .sinco-name{display:block;margin-top:8px;font:900 30px/1 var(--sc-sans);font-stretch:72%;text-transform:uppercase;overflow-wrap:anywhere}
body.sinco-on .sinco-plan .sinco-sku{display:block;margin-top:8px;font:500 11px/1 var(--sc-mono);opacity:.6}
body.sinco-on .sinco-body{padding:20px 24px 24px}
body.sinco-on .sinco-inc{list-style:none;margin:0 0 4px;padding:0 0 18px;border-bottom:1px solid var(--sc-line);display:grid;gap:9px;font:400 14px/1.35 var(--sc-sans)}
body.sinco-on .sinco-inc li{display:flex;gap:10px;align-items:flex-start;margin:0}
body.sinco-on .sinco-inc li::before{content:"";width:16px;height:16px;flex:none;margin-top:1px;border-radius:50%;background:var(--sc-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center/16px no-repeat}

body.sinco-on .sinco-body .mepr-transaction-invoice-wrapper{padding:0 !important;margin:0}
body.sinco-on .sinco-body .mepr-invoice-loader img{display:block;margin:6px 0}
body.sinco-on .sinco-body .mp_wrapper.mp_invoice{display:flex;flex-direction:column;margin:0;padding:0;max-width:none;font-family:var(--sc-sans)}
body.sinco-on .sinco-body .mp_invoice .mp-spacer{display:none}
body.sinco-on .sinco-body .mp_invoice .mp_price_str{order:3;margin:6px 0 0;font:400 13px/1.45 var(--sc-sans);color:var(--sc-muted)}
body.sinco-on .sinco-body .mp_invoice .mp_price_str strong{font-weight:600}
body.sinco-on .sinco-body table.mp-table{order:1;width:100%;margin:0;border:0;border-collapse:collapse;background:none;font-family:var(--sc-sans)}
body.sinco-on .sinco-body table.mp-table thead{display:none}
body.sinco-on .sinco-body table.mp-table tr,
body.sinco-on .sinco-body table.mp-table td,
body.sinco-on .sinco-body table.mp-table th{border:0;background:none !important}
body.sinco-on .sinco-body table.mp-table tbody td{padding:7px 0;font:400 15px/1.35 var(--sc-sans);color:var(--sc-ink);vertical-align:top}
body.sinco-on .sinco-body table.mp-table tbody tr:first-child td{padding-top:16px}
body.sinco-on .sinco-body table.mp-table tbody tr:last-child td{padding-bottom:16px;border-bottom:1px solid var(--sc-line)}
body.sinco-on .sinco-body table.mp-table .mp-currency-cell{text-align:right;white-space:nowrap;padding-left:12px;font-family:var(--sc-mono);font-size:14px}
body.sinco-on .sinco-body table.mp-table tfoot th{padding:16px 0 0;vertical-align:baseline;text-align:left;font:700 13px/1 var(--sc-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--sc-ink)}
body.sinco-on .sinco-body table.mp-table tfoot th.mp-currency-cell{text-align:right;font:900 38px/1 var(--sc-sans);font-stretch:75%;letter-spacing:0;text-transform:none}

body.sinco-on .sinco-coupon{margin-top:14px}
body.sinco-on .sinco-coupon .have-coupon-link{font:500 13px/1.3 var(--sc-sans);color:var(--sc-blue);text-decoration:underline}
body.sinco-on .sinco-coupon .mp-form-row{margin:8px 0 0}
body.sinco-on .sinco-coupon .mp-form-label{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;margin-bottom:6px}
body.sinco-on .sinco-coupon .mp-form-label label{font:500 11px/1.3 var(--sc-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--sc-muted)}
body.sinco-on .sinco-secure{display:flex;gap:10px;align-items:center;margin:18px 0 0;padding:12px 14px;background:var(--sc-paper);border-radius:8px;font:400 13px/1.35 var(--sc-sans);color:var(--sc-muted)}
body.sinco-on .sinco-secure svg{flex:none}

/* ---------- Phones / tablets ---------- */
@media (max-width:900px){
  body.sinco-on .sinco-band{padding:28px 16px 88px}
  body.sinco-on .sinco-h1{font-size:40px}
  body.sinco-on .sinco-steps li:not(.on) em{display:none}
  body.sinco-on .page-content > .mp_wrapper{padding:0 16px;margin-top:-60px}
  body.sinco-on .mp_wrapper form.sinco-ready{grid-template-columns:minmax(0,1fr);gap:16px}
  body.sinco-on .mp_wrapper form.sinco-ready > .sinco-side{position:static;grid-column:1;grid-row:1}
  body.sinco-on .mp_wrapper form.sinco-ready > .sinco-main{grid-column:1;grid-row:2}
  body.sinco-on .sinco-main{padding:22px 18px 24px}
  body.sinco-on .sinco-main > *{grid-column:1 / -1 !important}
  body.sinco-on .sinco-main > .mepr_mepr-address-state,
  body.sinco-on .sinco-main > .mepr_mepr-address-zip{grid-column:span 3 !important}
}