.merchant-wizard { --red:#e21d2f; --red-dark:#bd1424; --ink:#172033; --muted:#697386; --line:#dfe3ea; --soft:#f6f8fb; --green:#10994a; position:relative; overflow:hidden; color:#344054; background:linear-gradient(145deg,#fff 0%,#f7f8fb 48%,#fff5f6 100%); }
.merchant-wizard:before,.merchant-wizard:after { content:""; position:absolute; border-radius:50%; pointer-events:none; filter:blur(2px); }
.merchant-wizard:before { top:-260px; left:-220px; width:660px; height:660px; background:radial-gradient(circle,rgba(226,29,47,.12),rgba(226,29,47,0) 68%); }
.merchant-wizard:after { top:280px; right:-260px; width:620px; height:620px; background:radial-gradient(circle,rgba(79,70,229,.08),rgba(79,70,229,0) 67%); }
.mw-hero { position:relative;z-index:1;width:min(860px,calc(100% - 40px));min-height:calc(100svh - 74px);margin:0 auto;padding:44px 0 54px;display:flex;align-items:center;justify-content:center; }
.mw-card { position:relative; width:100%; min-width:0; padding:32px 36px 34px; border:1px solid rgba(218,222,230,.9); border-radius:26px; background:rgba(255,255,255,.94); backdrop-filter:blur(18px); box-shadow:0 32px 90px rgba(23,32,51,.15),0 4px 12px rgba(23,32,51,.04); }
.mw-card:before { content:""; position:absolute; top:0; left:36px; right:36px; height:4px; border-radius:0 0 5px 5px; background:linear-gradient(90deg,var(--red),#ff7180 58%,#ffb2ba); }
.mw-card-kicker { margin-bottom:6px; color:var(--red); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.mw-card-heading { margin:0; color:var(--ink); font-size:25px; line-height:1.2; letter-spacing:-.025em; }
.mw-card-sub { margin:7px 0 24px; color:var(--muted); font-size:13px; line-height:1.5; }
#mw_contact_form { display:contents; }
.mw-progress { position:relative; display:flex; gap:8px; margin:0 0 30px; padding:15px 16px; border:1px solid #e9ebf0; border-radius:13px; background:#f8f9fb; }
.mw-pip { position:relative; z-index:1; flex:1 1 0; display:flex; align-items:center; gap:8px; color:#8790a0; font-size:11px; font-weight:700; }
.mw-pip .num { width:27px; height:27px; border:1px solid #dfe3e9; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#7d8696; background:#fff; transition:.2s; }
.mw-pip.active .num { border-color:var(--red); color:#fff; background:var(--red); box-shadow:0 0 0 4px rgba(226,29,47,.1); }
.mw-pip.done .num { border-color:var(--green); color:#fff; background:var(--green); }
.mw-pip.active,.mw-pip.done { color:var(--ink); }
.mw-section-heading { margin-bottom:20px; }
.mw-section-heading h3 { margin:0 0 5px; color:var(--ink); font-size:19px; letter-spacing:-.02em; }
.mw-section-heading p { margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
.mw-step { display:none; min-height:330px; }
.mw-step.active { display:flex; flex-direction:column; }
.mw-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-bottom:15px; }
.mw-field { margin-bottom:15px; }
.merchant-wizard label { display:block; margin-bottom:6px; color:#344054; font-size:12px; line-height:1.35; font-weight:700; }
.merchant-wizard input[type=text],.merchant-wizard input[type=email],.merchant-wizard input[type=tel],.merchant-wizard input[type=url] { width:100%; height:45px; padding:10px 13px; border:1px solid #d7dce5; border-radius:10px; color:var(--ink); background:#fff; font:inherit; font-size:13px; transition:border-color .15s,box-shadow .15s; }
.merchant-wizard input::placeholder { color:#a3aab7; }
.merchant-wizard input:focus { outline:none; border-color:var(--red); box-shadow:0 0 0 3px rgba(226,29,47,.09); }
.merchant-wizard input.mw-valid { border-color:#70bf91; }
.merchant-wizard input.mw-invalid { border-color:var(--red); }
.mw-input { position:relative; }
.mw-input input { padding-right:34px!important; }
.mw-tick { display:none; position:absolute; right:12px; top:50%; transform:translateY(-50%); color:var(--green); font-size:13px; font-weight:800; }
.mw-input.valid .mw-tick { display:block; }
.required { color:var(--red); }
.mw-check { display:flex; align-items:flex-start; gap:9px; }
.mw-check input { accent-color:var(--red); width:16px; height:16px; flex:0 0 auto; margin:1px 0 0; }
.mw-check label { margin:0; font-weight:500; cursor:pointer; }
.mw-checks { display:flex; flex-direction:column; gap:11px; margin:12px 0 4px; padding:15px; border:1px solid #e6e9ef; border-radius:12px; background:#fafbfc; }
.mw-help { color:var(--muted); font-size:11px; line-height:1.55; margin:4px 0 9px; }
.mw-help a { color:var(--red); font-weight:700; }
.mw-nav { display:flex; justify-content:flex-end; margin-top:auto; padding-top:22px; }
.mw-btn { min-width:150px; min-height:46px; padding:11px 24px; border:0; border-radius:12px; color:#fff; background:linear-gradient(135deg,#eb2639,#cf1326); box-shadow:0 10px 24px rgba(226,29,47,.23); cursor:pointer; font:inherit; font-size:13px; font-weight:800; transition:background .15s,transform .15s,box-shadow .15s; }
.mw-btn:hover { background:var(--red-dark); transform:translateY(-1px); box-shadow:0 10px 22px rgba(226,29,47,.25); }
.mw-btn:disabled { opacity:.42; cursor:not-allowed; transform:none; box-shadow:none; }
.mw-message { display:none; padding:10px 12px; margin:10px 0 0; border-radius:9px; font-size:12px; line-height:1.45; }
.mw-message.show { display:block; }
.mw-message.info { color:#344054; background:var(--soft); border:1px solid var(--line); }
.mw-message.success { color:#126b38; background:#effaf4; border:1px solid #74c596; }
.mw-message.error { color:#9f1625; background:#fff1f3; border:1px solid #ef8c98; }
.mw-captcha-confirmation { margin:12px 0 0; padding:13px 14px; border:1px solid #ef8c98; border-radius:10px; color:#9f1625; background:#fff7f8; }
.mw-captcha-confirmation[hidden] { display:none; }
.mw-captcha-confirmation strong { display:block; margin-bottom:3px; color:#7f1220; font-size:12px; }
.mw-captcha-confirmation p { margin:0 0 10px; font-size:11px; line-height:1.45; }
.mw-captcha-confirmation .mw-check label { color:#7f1220; }
.mw-server-errors { margin-bottom:18px; }
.mw-server-errors ul { margin:0; padding-left:18px; }
.mw-spinner { display:inline-block; width:14px; height:14px; margin-right:6px; border:2px solid rgba(0,0,0,.14); border-top-color:var(--red); border-radius:50%; vertical-align:middle; animation:mw-spin .7s linear infinite; }
@keyframes mw-spin { to{transform:rotate(360deg)} }
.mw-honeypot { position:absolute!important; left:-9999px!important; width:1px; height:1px; overflow:hidden; }
.mw-radio { display:flex; flex-wrap:wrap; gap:18px; margin-bottom:17px; padding:13px 15px; border:1px solid #e6e9ef; border-radius:11px; background:#fafbfc; }
.mw-feed-question { margin-bottom:9px!important; color:var(--ink)!important; font-size:14px!important; }
.mw-feed-options { margin-bottom:10px; }
.mw-feed-panel { display:grid; grid-template-rows:0fr; opacity:0; transform:translateY(-5px); transition:grid-template-rows .25s ease,opacity .2s ease,transform .25s ease; }
.mw-feed-panel.open { grid-template-rows:1fr; margin-bottom:10px; opacity:1; transform:translateY(0); }
.mw-feed-panel-inner { min-height:0; overflow:hidden; }
.mw-documents { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.mw-doc:first-child { grid-column:1/-1; }
.mw-upload { display:flex!important; align-items:center; gap:10px; min-height:62px; margin:0!important; padding:10px 12px; border:1.5px dashed #cfd5df; border-radius:10px; background:var(--soft); cursor:pointer; transition:.15s; }
.mw-upload:hover,.mw-upload.dragover { border-color:var(--red); background:#fff; }
.mw-upload input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.mw-upload-icon { width:34px; height:34px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--muted); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.mw-upload-icon svg { width:16px; height:16px; }
.mw-upload-text { min-width:0; display:flex; flex-direction:column; }
.mw-upload-name { font-size:11px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mw-upload-hint { color:var(--muted); font-size:9px; font-weight:500; }
.mw-upload.uploading .mw-upload-icon svg,.mw-upload.uploaded .mw-upload-icon svg,.mw-upload.failed .mw-upload-icon svg { display:none; }
.mw-upload.uploading .mw-upload-icon:after { content:""; width:15px; height:15px; border:2px solid #ddd; border-top-color:var(--red); border-radius:50%; animation:mw-spin .7s linear infinite; }
.mw-upload.uploaded { border-style:solid; border-color:var(--green); background:#effaf4; }
.mw-upload.uploaded .mw-upload-icon { color:#fff; background:var(--green); border-color:var(--green); }
.mw-upload.uploaded .mw-upload-icon:after { content:"✓"; font-size:16px; }
.mw-upload.failed { border-style:solid; border-color:var(--red); background:#fff1f3; }
.mw-upload.failed .mw-upload-icon:after { content:"!"; color:var(--red); font-size:16px; }
.mw-doc-status { min-height:13px; color:var(--red); font-size:10px; margin-top:2px; }
.mw-done { width:100%; margin:auto; padding:30px 0; text-align:center; }
.mw-done-icon { width:64px; height:64px; margin:0 auto 17px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; background:var(--green); box-shadow:0 0 0 9px rgba(16,153,74,.09); font-size:28px; }
.mw-done h2 { max-width:620px; margin:0 auto 9px; color:var(--ink); font-size:21px; line-height:1.25; text-wrap:balance; }
.mw-done p { max-width:620px; margin:0 auto; color:var(--muted); font-size:13px; line-height:1.55; text-wrap:balance; }
.mw-done p + p { margin-top:7px; }
.mw-tour { position:relative;z-index:2;border-top:1px solid #e8ebf0;background:#fff; }
.mw-tour-intro { width:min(900px,calc(100% - 40px));margin:0 auto;padding:90px 0 74px;text-align:center; }
.mw-tour-intro span,.mw-tour-tag { color:var(--red);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase; }
.mw-tour-intro h2 { margin:10px 0 14px;color:var(--ink);font-size:clamp(34px,4vw,50px);line-height:1.05;letter-spacing:-.045em; }
.mw-tour-intro p { max-width:650px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.7; }
.mw-tour-section { scroll-margin-top:90px;padding:92px 0;border-top:1px solid #edf0f4; }
.mw-tour-section:nth-of-type(odd) { background:#f7f8fb; }
.mw-tour-grid { width:min(1180px,calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:.88fr 1.12fr;gap:76px;align-items:center; }
.mw-tour-section.reverse .mw-tour-copy { order:2; }
.mw-tour-section.reverse .mw-tour-visual { order:1; }
.mw-tour-copy h3 { margin:10px 0 16px;color:var(--ink);font-size:clamp(30px,3.3vw,44px);line-height:1.08;letter-spacing:-.04em; }
.mw-tour-copy > p { margin:0;color:var(--muted);font-size:14px;line-height:1.72; }
.mw-tour-points { display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none; }
.mw-tour-points li { display:flex;align-items:flex-start;gap:10px;color:#4d596b;font-size:12px;line-height:1.5; }
.mw-tour-points li:before { content:"✓";width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--red);background:#fff0f2;font-size:10px;font-weight:900; }
.mw-tour-visual { min-width:0; }
.mw-visual-shell { position:relative;padding:22px;border:1px solid #e5e8ee;border-radius:24px;background:linear-gradient(145deg,#f0f2f7,#fff);box-shadow:0 24px 60px rgba(23,32,51,.12);overflow:hidden; }
.mw-visual-shell:before { content:"";position:absolute;width:220px;height:220px;right:-90px;top:-90px;border-radius:50%;background:rgba(226,29,47,.08); }
.mw-browser { position:relative;overflow:hidden;border:1px solid #dde1e8;border-radius:15px;background:#fff;box-shadow:0 12px 34px rgba(23,32,51,.09); }
.mw-browser-bar { height:34px;display:flex;align-items:center;gap:5px;padding:0 12px;border-bottom:1px solid #e8eaf0;background:#f9fafb; }
.mw-browser-bar i { width:7px;height:7px;border-radius:50%;background:#d5dae3; }
.mw-browser-bar i:first-child { background:#ff7b87; }
.mw-browser img { display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center; }
.mw-exclusive .mw-browser img { object-position:center 28%; }
.mw-coupon-stage { min-height:380px;display:flex;align-items:center;justify-content:center;padding:38px;border-radius:22px;background:linear-gradient(135deg,#eafaf4,#f4fbf8 50%,#fff); }
.mw-coupon-card { width:min(430px,100%);padding:24px;border:1px solid #bce8d7;border-radius:18px;background:#fff;box-shadow:0 22px 50px rgba(23,90,70,.13); }
.mw-coupon-head { display:flex;align-items:center;gap:14px;margin-bottom:20px; }
.mw-coupon-icon { width:48px;height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#38c99a,#15956f);font-size:21px; }
.mw-coupon-head strong { display:block;color:var(--ink);font-size:15px; }.mw-coupon-head small { color:var(--muted);font-size:10px; }
.mw-coupon-code { display:flex;align-items:center;justify-content:space-between;padding:13px 15px;border:1.5px dashed #65c6a6;border-radius:10px;color:#147255;background:#f0fbf7;font-size:13px;font-weight:900;letter-spacing:.08em; }
.mw-coupon-code span { padding:5px 8px;border-radius:6px;color:#fff;background:#1fa77d;font-size:9px;letter-spacing:0; }
.mw-coupon-meta { display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px; }.mw-coupon-meta div { padding:10px;border-radius:8px;background:#f7f9fa;color:#687386;font-size:9px; }.mw-coupon-meta strong { display:block;margin-top:3px;color:#253044;font-size:11px; }
.mw-phone-stage { min-height:430px;display:flex;align-items:center;justify-content:center;gap:28px;border-radius:22px;background:radial-gradient(circle at 35% 30%,#352445,#111827 68%);overflow:hidden; }
.mw-phone { width:210px;padding:7px;border:1px solid rgba(255,255,255,.28);border-radius:31px;background:#06070a;box-shadow:0 26px 55px rgba(0,0,0,.4);transform:rotate(-3deg); }
.mw-phone-screen { position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:25px;background:#f0f1f3; }
.mw-phone-screen:after { content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(5,7,12,.88)); }
.mw-phone-screen img { display:block;width:100%;height:100%;object-fit:cover; }
.mw-phone-badge { position:absolute;z-index:2;top:16px;left:14px;padding:5px 7px;border-radius:999px;color:#fff;background:rgba(226,29,47,.9);font-size:7px;font-weight:900;letter-spacing:.08em; }
.mw-phone-copy { position:absolute;z-index:2;left:14px;right:14px;bottom:45px;color:#fff;font-size:17px;line-height:1.08;letter-spacing:-.025em;text-shadow:0 2px 5px rgba(0,0,0,.45); }
.mw-phone-footer { position:absolute;z-index:2;left:14px;bottom:18px;color:#d8dde6;font-size:8px;font-weight:700; }
.mw-video-notes { max-width:180px;color:#fff; }
.mw-video-notes strong { display:block;margin-bottom:10px;font-size:17px;line-height:1.25; }
.mw-video-notes span { display:block;margin:8px 0;color:#bdc5d3;font-size:10px;line-height:1.4; }
.mw-video-notes span:before { content:"✦";margin-right:7px;color:#ff6574; }
.mw-catalogue-stage { min-height:420px;display:flex;align-items:center;justify-content:center;gap:18px;padding:30px;border-radius:22px;background:linear-gradient(135deg,#ffe9ec,#f7f0ff 55%,#eef4ff);overflow:hidden; }
.mw-catalogue-page { width:205px;min-height:290px;padding:14px;border-radius:5px;background:#fff;box-shadow:0 20px 40px rgba(23,32,51,.16); }
.mw-catalogue-page:first-child { transform:rotate(-5deg) translateY(10px); }
.mw-catalogue-page:last-child { transform:rotate(4deg) translateY(-6px); }
.mw-catalogue-banner { height:38px;margin-bottom:10px;padding:9px;color:#fff;background:linear-gradient(135deg,#e21d2f,#ff6473);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em; }
.mw-catalogue-products { display:grid;grid-template-columns:1fr 1fr;gap:7px; }
.mw-catalogue-product { height:88px;padding:7px;border:1px solid #edf0f3;border-radius:5px;background:linear-gradient(#f5f6f8 55%,#fff 55%); }
.mw-catalogue-product:after { content:"R 299";display:block;margin-top:51px;color:var(--red);font-size:8px;font-weight:900; }
.mw-insights .mw-browser img { object-position:center top; }
.mw-tour-cta { padding:78px 20px;text-align:center;color:#fff;background:linear-gradient(135deg,#151e31,#202c43); }
.mw-tour-cta h2 { margin:0 0 10px;font-size:34px;letter-spacing:-.035em; }
.mw-tour-cta p { margin:0 0 22px;color:#b9c2d0;font-size:13px; }
.mw-tour-cta a { display:inline-flex;padding:12px 20px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#eb2639,#ca1023);font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 12px 28px rgba(226,29,47,.28); }
@media (max-width:1080px) { .mw-hero{max-width:820px}.mw-tour-grid{gap:45px} }
@media (max-width:760px) { .mw-hero{width:min(100% - 28px,820px);min-height:auto;padding:32px 0 42px}.mw-card{padding:26px 20px;border-radius:20px}.mw-card-heading{font-size:22px}.mw-progress{padding:12px 10px}.mw-pip{justify-content:center}.mw-pip-label{display:none}.mw-grid,.mw-documents{grid-template-columns:1fr}.mw-doc:first-child{grid-column:auto}.mw-step{min-height:0}.mw-nav{padding-top:20px}.mw-btn{width:100%}.mw-tour-intro{padding:64px 0 50px}.mw-tour-section{padding:64px 0}.mw-tour-grid{grid-template-columns:1fr;gap:32px}.mw-tour-section.reverse .mw-tour-copy,.mw-tour-section.reverse .mw-tour-visual{order:initial}.mw-phone-stage{min-height:380px}.mw-catalogue-stage{min-height:350px}.mw-catalogue-page{width:165px;min-height:245px}.mw-catalogue-product{height:70px}.mw-catalogue-product:after{margin-top:37px} }
@media (max-width:480px) { .mw-card{padding-left:16px;padding-right:16px}.mw-pip .num{width:25px;height:25px}.mw-tour-grid{width:min(100% - 28px,1180px)}.mw-visual-shell{padding:12px;border-radius:18px}.mw-phone-stage{gap:12px;padding:20px}.mw-phone{width:160px}.mw-video-notes{max-width:130px}.mw-video-notes strong{font-size:13px}.mw-catalogue-stage{gap:8px;padding:18px}.mw-catalogue-page{width:130px;min-height:210px}.mw-catalogue-product{height:55px}.mw-catalogue-product:after{margin-top:25px}.mw-tour-cta h2{font-size:28px} }