.zmpi-shell{--zmpi-line:#dbe3ee;--zmpi-soft:#f5f8fc;--zmpi-success:#11a36a;--zmpi-danger:#b42318;--zmpi-shadow:0 30px 90px rgba(0,0,0,.28);width:100%;min-height:820px;display:grid;place-items:center;padding:34px;background-color:var(--zmpi-page-bg,#071525);background-image:var(--zmpi-page-bg-image,none);background-size:cover;background-position:center;background-attachment:fixed;color:var(--zmpi-ink,#0d1b2e);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;position:relative;isolation:isolate}
.zmpi-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;pointer-events:none;z-index:-1}
.zmpi-shell.zmpi-fullscreen{width:100vw;margin-left:calc(50% - 50vw);min-height:100vh}
.zmpi-shell *{box-sizing:border-box}
.zmpi-onboarding{width:min(1380px,100%);min-height:780px;background:var(--zmpi-panel-bg,#fff);border:1px solid rgba(255,255,255,.55);border-radius:var(--zmpi-radius,30px);box-shadow:var(--zmpi-shadow);display:grid;grid-template-columns:420px 1fr;overflow:hidden;position:relative}
.zmpi-rail{background-color:var(--zmpi-rail-bg,#071e3c);background-image:var(--zmpi-rail-bg-image,none);background-size:cover;background-position:center;color:#fff;position:relative;overflow:hidden;padding:36px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.zmpi-rail-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,20,43,var(--zmpi-rail-overlay,.72)),rgba(4,29,58,.92));pointer-events:none}
.zmpi-rail:before,.zmpi-rail:after{content:"";position:absolute;border-radius:50%;opacity:.55;z-index:1}.zmpi-rail:before{width:320px;height:320px;right:-170px;top:90px;background:radial-gradient(circle,rgba(71,151,255,.72),transparent 68%)}.zmpi-rail:after{width:300px;height:300px;left:-170px;bottom:10px;background:radial-gradient(circle,rgba(106,86,255,.42),transparent 68%)}
.zmpi-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:2}.zmpi-brand img{width:auto;max-width:178px;height:62px;object-fit:contain;border-radius:12px;background:rgba(255,255,255,.96);padding:8px 10px;box-shadow:0 10px 28px rgba(0,0,0,.16)}.zmpi-logo-fallback{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,var(--zmpi-primary,#0d5bb6),var(--zmpi-secondary,#4f7cff));display:grid;place-items:center;font-weight:900;letter-spacing:-1px;box-shadow:0 12px 30px rgba(0,0,0,.22)}.zmpi-brand strong{display:block;font-size:18px;line-height:1.15;color:#fff}.zmpi-brand span{display:block;margin-top:4px;font-size:10px;color:#bdd0e6;letter-spacing:.12em;text-transform:uppercase;line-height:1.35}
.zmpi-rail-main{position:relative;z-index:2;margin:20px 0}.zmpi-rail-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:#86bbff}.zmpi-rail h2{font-size:42px;line-height:1.02;margin:10px 0 16px;letter-spacing:-.04em;color:#fff}.zmpi-rail p{color:#c3d3e7;line-height:1.6;margin:0;max-width:330px;font-size:14px}.zmpi-step-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:800;color:#d0e4ff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);padding:9px 12px;border-radius:999px;margin-top:16px}
.zmpi-step-visual{height:260px;margin:26px 0 4px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));position:relative;overflow:hidden;background-size:cover;background-position:center;transition:background-image .3s ease}.zmpi-step-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(2,15,32,.38));pointer-events:none}.zmpi-step-visual svg{width:100%;height:100%;display:block;transition:opacity .2s}.zmpi-step-visual.has-image svg{opacity:.15}
.zmpi-rail-footer{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:flex;justify-content:space-between;gap:18px;color:#a8bed8;font-size:11px}
.zmpi-main{padding:34px 44px 28px;display:flex;flex-direction:column;min-width:0;background:var(--zmpi-panel-bg,#fff)}
.zmpi-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.zmpi-progress-wrap{flex:1}.zmpi-progress-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--zmpi-muted,#65748b);margin-bottom:8px}.zmpi-progress-meta b{color:var(--zmpi-ink,#0d1b2e)}.zmpi-progress{height:7px;background:#e7edf5;border-radius:999px;overflow:hidden}.zmpi-progress span{display:block;height:100%;width:16.666%;background:linear-gradient(90deg,var(--zmpi-primary,#0d5bb6),var(--zmpi-secondary,#4f7cff));border-radius:inherit;transition:width .4s cubic-bezier(.2,.8,.2,1)}.zmpi-secure{white-space:nowrap;font-size:12px;color:var(--zmpi-muted,#65748b);display:flex;align-items:center;gap:7px}.zmpi-secure i{width:9px;height:9px;border-radius:50%;background:var(--zmpi-success);box-shadow:0 0 0 5px rgba(17,163,106,.09)}
.zmpi-form{display:flex;flex-direction:column;flex:1;min-height:0}.zmpi-form-stage{position:relative;flex:1}.zmpi-step{display:none;animation:zmpiStepIn .38s cubic-bezier(.2,.8,.2,1)}.zmpi-step.active{display:block}@keyframes zmpiStepIn{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
.zmpi-step-head{margin-bottom:22px}.zmpi-kicker{font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--zmpi-primary,#0d5bb6)}.zmpi-step-head h1,.zmpi-success-screen h1{font-size:34px;line-height:1.1;margin:7px 0 8px;letter-spacing:-.035em;color:var(--zmpi-ink,#0d1b2e)}.zmpi-step-head p,.zmpi-success-screen p{margin:0;color:var(--zmpi-muted,#65748b);line-height:1.55;max-width:790px}
.zmpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.zmpi-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.zmpi-span2{grid-column:1/-1}.zmpi-field{display:flex;flex-direction:column;gap:7px;min-width:0}.zmpi-field>label{font-size:12px;font-weight:800;color:var(--zmpi-ink,#0d1b2e)}.zmpi-field>label em{color:#e14646;font-style:normal}.zmpi-hint{font-size:11px;color:#8290a4;line-height:1.4}
.zmpi-shell input:not([type=checkbox]):not([type=radio]):not([type=file]),.zmpi-shell select,.zmpi-shell textarea{width:100%;border:1px solid var(--zmpi-line);background:#fff;border-radius:13px;padding:13px 14px;font:inherit;font-size:14px;color:var(--zmpi-ink,#0d1b2e);outline:none;transition:.2s;min-height:46px;box-shadow:none}.zmpi-shell textarea{min-height:115px;resize:vertical}.zmpi-shell input:focus,.zmpi-shell select:focus,.zmpi-shell textarea:focus{border-color:#7fb2ef;box-shadow:0 0 0 4px rgba(13,91,182,.09)}.zmpi-shell input::placeholder,.zmpi-shell textarea::placeholder{color:#a2afc0}
.zmpi-city-wrap [data-city-fallback]{display:none}.zmpi-city-wrap.is-fallback [data-city-select]{display:none}.zmpi-city-wrap.is-fallback [data-city-fallback]{display:block}
.zmpi-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.zmpi-choice{border:1px solid var(--zmpi-line);border-radius:17px;background:#fff;padding:15px;cursor:pointer;transition:.2s;display:flex;gap:12px;align-items:flex-start;min-height:88px;margin:0}.zmpi-choice:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(22,43,77,.08)}.zmpi-choice:has(input:checked),.zmpi-choice.selected{border-color:#5c9be6;background:#f5f9ff;box-shadow:0 0 0 3px rgba(13,91,182,.08)}.zmpi-choice input{position:absolute;opacity:0;pointer-events:none}.zmpi-choice-ico{width:34px;height:34px;border-radius:10px;background:#edf4ff;display:grid;place-items:center;font-size:16px;flex:0 0 auto;color:var(--zmpi-primary,#0d5bb6)}.zmpi-choice b{display:block;font-size:13px;margin-top:1px;color:var(--zmpi-ink,#0d1b2e)}.zmpi-choice small{display:block;color:var(--zmpi-muted,#65748b);line-height:1.35;margin-top:4px;font-size:11px}
.zmpi-pills{display:flex;flex-wrap:wrap;gap:9px}.zmpi-pill{position:relative}.zmpi-pill input{position:absolute;opacity:0;pointer-events:none}.zmpi-pill label{display:block;padding:10px 13px;border:1px solid var(--zmpi-line);border-radius:999px;background:#fff;font-size:12px;font-weight:750;cursor:pointer;transition:.18s;color:var(--zmpi-ink,#0d1b2e);margin:0}.zmpi-pill input:checked+label{background:#edf5ff;border-color:#76a9e6;color:#0c4f9c;box-shadow:0 0 0 3px rgba(13,91,182,.06)}
.zmpi-callout{padding:14px 16px;border-radius:15px;background:#f6f9fd;border:1px solid #e4ebf4;color:#52627a;font-size:12px;line-height:1.5;margin-top:20px}.zmpi-callout strong{color:var(--zmpi-ink,#0d1b2e)}
.zmpi-upload{border:1.5px dashed #b9c8d9;border-radius:16px;padding:16px;background:#f8fafc;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.zmpi-upload input[type=file]{max-width:100%;font-size:12px}.zmpi-upload span{font-size:11px;color:var(--zmpi-muted,#65748b);line-height:1.45}.zmpi-file-list{display:flex;flex-wrap:wrap;gap:7px}.zmpi-file-list span{font-size:11px;background:#edf3f9;border:1px solid #dbe5ef;border-radius:999px;padding:6px 9px;color:#536174}
.zmpi-divider{height:1px;background:var(--zmpi-line);margin:20px 0}.zmpi-review{display:grid;grid-template-columns:1fr 1fr;gap:14px}.zmpi-review-card{border:1px solid var(--zmpi-line);border-radius:16px;padding:16px;background:#fff}.zmpi-review-card h3{font-size:13px;margin:0 0 11px;color:var(--zmpi-ink,#0d1b2e)}.zmpi-review-card dl{margin:0;display:grid;grid-template-columns:140px 1fr;gap:7px 10px;font-size:12px}.zmpi-review-card dt{color:var(--zmpi-muted,#65748b)}.zmpi-review-card dd{margin:0;font-weight:700;overflow-wrap:anywhere;color:var(--zmpi-ink,#0d1b2e)}.zmpi-review-card.full{grid-column:1/-1}.zmpi-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--zmpi-muted,#65748b);line-height:1.45}.zmpi-consent input{margin-top:3px}.zmpi-consent a{color:var(--zmpi-primary,#0d5bb6)}
.zmpi-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:22px;margin-top:auto}.zmpi-btn{border:0;border-radius:14px;padding:13px 18px;font:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:9px}.zmpi-btn.zmpi-secondary{background:#f3f6fa;color:#4c5b70}.zmpi-btn.zmpi-secondary:hover{background:#e8eef5}.zmpi-btn.zmpi-primary{background:linear-gradient(90deg,var(--zmpi-primary,#0d5bb6),#2155a6);color:#fff;min-width:170px;box-shadow:0 10px 22px rgba(21,96,180,.22)}.zmpi-btn.zmpi-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(21,96,180,.28)}.zmpi-btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}.zmpi-error{margin-top:18px;padding:12px 14px;border-radius:12px;background:#fff3f2;border:1px solid #f4c7c4;color:#9b2c25;font-size:12px}.zmpi-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px!important;height:1px!important}
.zmpi-success-screen{text-align:center;padding:55px 20px}.zmpi-success-icon{width:76px;height:76px;border-radius:50%;background:rgba(17,163,106,.12);display:grid;place-items:center;margin:0 auto 18px;font-size:32px;color:#0b925f}.zmpi-success-screen p{margin:0 auto;max-width:620px}.zmpi-ref{margin:24px auto 0;max-width:480px;background:#f5f8fc;border:1px solid var(--zmpi-line);border-radius:16px;padding:15px;font-size:13px;color:var(--zmpi-muted,#65748b)}.zmpi-ref strong{display:block;font-size:18px;margin-top:4px;letter-spacing:.06em;color:var(--zmpi-ink,#0d1b2e)}

.zmpi-field[hidden],.zmpi-website-only[hidden]{display:none!important}.zmpi-website-only.is-active{animation:zmpiConditionalIn .3s ease}@keyframes zmpiConditionalIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.zmpi-shell{padding:18px}.zmpi-onboarding{grid-template-columns:340px 1fr;min-height:760px}.zmpi-rail{padding:28px}.zmpi-rail h2{font-size:34px}.zmpi-main{padding:28px}.zmpi-grid-3{grid-template-columns:1fr 1fr}.zmpi-cards{grid-template-columns:1fr}.zmpi-step-visual{height:220px}}
@media(max-width:820px){.zmpi-shell{padding:0;background-attachment:scroll}.zmpi-onboarding{border-radius:0;min-height:100vh;grid-template-columns:1fr;border:0;width:100%}.zmpi-rail{min-height:auto;padding:24px 22px 20px}.zmpi-rail-main{margin:18px 0 4px;display:grid;grid-template-columns:1fr 180px;gap:16px;align-items:center}.zmpi-rail h2{font-size:28px}.zmpi-rail p{font-size:13px}.zmpi-step-visual{height:140px;margin:0}.zmpi-rail-footer{display:none}.zmpi-main{padding:24px 20px 28px}.zmpi-topbar{margin-bottom:20px}.zmpi-step-head h1,.zmpi-success-screen h1{font-size:29px}.zmpi-grid,.zmpi-grid-3{grid-template-columns:1fr}.zmpi-span2{grid-column:auto}.zmpi-cards{grid-template-columns:1fr 1fr}.zmpi-review{grid-template-columns:1fr}.zmpi-review-card.full{grid-column:auto}}
@media(max-width:560px){.zmpi-rail-main{grid-template-columns:1fr}.zmpi-step-visual{height:150px}.zmpi-cards{grid-template-columns:1fr}.zmpi-topbar{align-items:flex-start}.zmpi-secure{display:none}.zmpi-main{padding:22px 16px 24px}.zmpi-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,0),var(--zmpi-panel-bg,#fff) 24%);padding-top:30px;padding-bottom:4px;z-index:5}.zmpi-btn{flex:1}.zmpi-review-card dl{grid-template-columns:1fr}.zmpi-review-card dt{margin-top:6px}.zmpi-brand span{max-width:230px}}

/* Standalone request-page mode: intentionally removes theme page chrome. */
html:has(body.zmpi-standalone-page){margin-top:0!important}
body.zmpi-standalone-page{margin:0!important;padding:0!important;min-height:100vh!important;width:100%!important;max-width:none!important;overflow-x:hidden!important;background:var(--zmpi-page-bg,#071525)!important}
body.zmpi-standalone-page .zmpi-standalone-content{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important}
body.zmpi-standalone-page .zmpi-standalone-content>.zmpi-shell{margin:0!important;min-height:100vh}
body.zmpi-standalone-page #wpadminbar{display:none!important}

/* v0.1.3 — ZetaMedia logo is now shown prominently in the onboarding rail. */
@media(max-width:560px){.zmpi-brand img{max-width:150px;height:54px}}

/* ==========================================================
   v0.1.6 — Premium ZetaMedia Project Request UI
   Visual direction: corporate editorial + real device mockups.
   These rules only skin the existing onboarding; field behavior,
   stored settings and custom images remain fully compatible.
   ========================================================== */
.zmpi-shell{
  --zmpi-premium-navy:#061a36;
  --zmpi-premium-blue:#096ee8;
  --zmpi-premium-cyan:#22c7e8;
  --zmpi-premium-ice:#eef5fc;
  --zmpi-premium-card:#ffffff;
  --zmpi-line:#d9e4f0;
  --zmpi-soft:#f5f8fc;
  --zmpi-shadow:0 36px 100px rgba(5,25,54,.28);
  padding:42px;
  background-color:var(--zmpi-page-bg,#eaf1f8);
  background-image:
    radial-gradient(circle at 10% 0%,rgba(25,118,230,.18),transparent 34%),
    radial-gradient(circle at 95% 95%,rgba(82,80,255,.12),transparent 28%),
    var(--zmpi-page-bg-image,none);
}
.zmpi-shell:before{
  background-image:linear-gradient(rgba(5,49,98,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(5,49,98,.035) 1px,transparent 1px);
  background-size:48px 48px;
}
.zmpi-onboarding{
  width:min(1460px,100%);
  min-height:830px;
  grid-template-columns:455px minmax(0,1fr);
  border:1px solid rgba(255,255,255,.92);
  border-radius:32px;
  background:var(--zmpi-panel-bg,#fff);
  box-shadow:0 34px 100px rgba(5,25,54,.24),0 2px 0 rgba(255,255,255,.8) inset;
}
.zmpi-rail{
  padding:30px;
  background-color:var(--zmpi-rail-bg,var(--zmpi-premium-navy));
  background-image:
    linear-gradient(160deg,rgba(4,24,52,.96),rgba(5,41,86,.90) 58%,rgba(9,73,142,.82)),
    var(--zmpi-rail-bg-image,none);
  background-size:cover;
  background-position:center;
}
.zmpi-rail-overlay{
  background:linear-gradient(180deg,rgba(4,20,43,.12),rgba(3,25,56,.56) 60%,rgba(3,21,47,.88));
}
.zmpi-rail:before{width:360px;height:360px;right:-190px;top:70px;background:radial-gradient(circle,rgba(20,126,255,.48),transparent 70%)}
.zmpi-rail:after{width:340px;height:340px;left:-210px;bottom:-80px;background:radial-gradient(circle,rgba(99,73,255,.34),transparent 70%)}
.zmpi-brand{
  align-items:center;
  gap:12px;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:18px;
  background:rgba(255,255,255,.95);
  box-shadow:0 16px 38px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
}
.zmpi-brand img{
  width:auto;
  max-width:268px;
  height:52px;
  object-fit:contain;
  border-radius:0;
  padding:0;
  background:transparent;
  box-shadow:none;
}
.zmpi-brand>div{display:none}
.zmpi-rail-main{margin:25px 0 8px}
.zmpi-rail-copy{position:relative;padding-top:5px}
.zmpi-rail-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  letter-spacing:.18em;
  color:#b8d9ff;
}
.zmpi-rail-eyebrow:before{content:"";width:24px;height:2px;border-radius:999px;background:linear-gradient(90deg,#16bce6,#7b68ff)}
.zmpi-rail h2{font-size:40px;line-height:1.03;margin:12px 0 13px;letter-spacing:-.035em;max-width:360px}
.zmpi-rail p{font-size:13px;line-height:1.58;color:#c7d8ea;max-width:365px}
.zmpi-step-chip{
  margin-top:15px;
  padding:8px 12px;
  color:#fff;
  background:linear-gradient(90deg,rgba(12,111,232,.70),rgba(80,93,255,.48));
  border-color:rgba(136,190,255,.32);
  box-shadow:0 8px 20px rgba(0,0,0,.15);
}
.zmpi-step-visual{
  height:300px;
  margin:22px 0 0;
  border-radius:23px;
  border:1px solid rgba(255,255,255,.32);
  background-color:#0b2b53;
  background-size:cover;
  background-position:center;
  box-shadow:0 22px 50px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.06) inset;
  transform:translateZ(0);
}
.zmpi-step-visual:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 38%);
  pointer-events:none;
  z-index:2;
}
.zmpi-step-visual:after{background:linear-gradient(180deg,rgba(3,17,37,0) 55%,rgba(3,17,37,.22))}
.zmpi-step-visual.has-image svg{opacity:0}
.zmpi-step-visual svg{opacity:.35}
.zmpi-rail-footer{
  margin-top:18px;
  padding-top:16px;
  font-size:10px;
  letter-spacing:.04em;
  color:#b7cae0;
}
.zmpi-main{
  position:relative;
  padding:36px 46px 30px;
  background:var(--zmpi-panel-bg,#fff);
}
.zmpi-main:before{
  content:"PROJECT REQUEST";
  position:absolute;
  right:44px;
  top:15px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.22em;
  color:#9cb1c8;
}
.zmpi-topbar{
  margin:10px 0 25px;
  padding-bottom:18px;
  border-bottom:1px solid #e7eef6;
}
.zmpi-progress-meta{font-size:11px;margin-bottom:9px}
.zmpi-progress-meta b{font-weight:850;letter-spacing:.01em}
.zmpi-progress{height:6px;background:#e9eff6}
.zmpi-progress span{background:linear-gradient(90deg,var(--zmpi-primary,#0c6fe8),var(--zmpi-secondary,#596bff) 60%,#22c7e8)}
.zmpi-secure{
  padding:8px 11px;
  border:1px solid #deebf6;
  border-radius:999px;
  background:#f8fbfe;
  color:#5f738b;
}
.zmpi-step-head{
  position:relative;
  margin-bottom:24px;
  padding-bottom:18px;
}
.zmpi-step-head:after{content:"";position:absolute;left:0;bottom:0;width:62px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--zmpi-primary,#0c6fe8),#22c7e8)}
.zmpi-kicker{
  font-size:11px;
  letter-spacing:.18em;
  color:var(--zmpi-primary,#0c64cb);
}
.zmpi-step-head h1,.zmpi-success-screen h1{
  font-size:38px;
  letter-spacing:-.045em;
  color:#071a34;
  margin-top:8px;
}
.zmpi-step-head p,.zmpi-success-screen p{color:#6a7f97;font-size:14px;max-width:760px}
.zmpi-grid{gap:15px}
.zmpi-field{gap:7px}
.zmpi-field>label{font-size:11px;letter-spacing:.015em;color:#18324f}
.zmpi-shell input:not([type=checkbox]):not([type=radio]):not([type=file]),
.zmpi-shell select,
.zmpi-shell textarea{
  min-height:48px;
  border:1px solid #d6e2ef;
  border-radius:12px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  padding:13px 14px;
  box-shadow:0 1px 0 rgba(14,52,91,.03);
}
.zmpi-shell input:focus,.zmpi-shell select:focus,.zmpi-shell textarea:focus{
  border-color:#65a6f1;
  box-shadow:0 0 0 4px rgba(12,111,232,.09),0 6px 18px rgba(12,70,128,.06);
}
.zmpi-choice{
  border-color:#dbe6f1;
  border-radius:15px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 5px 16px rgba(11,48,86,.035);
}
.zmpi-choice:hover{border-color:#adcbed;box-shadow:0 11px 26px rgba(16,68,125,.09)}
.zmpi-choice:has(input:checked),.zmpi-choice.selected{
  border-color:#67a8f0;
  background:linear-gradient(180deg,#f5faff,#eef6ff);
  box-shadow:0 0 0 3px rgba(12,111,232,.07),0 10px 24px rgba(12,75,145,.08);
}
.zmpi-choice-ico{background:linear-gradient(145deg,#eaf4ff,#f0f0ff);color:#0c68d6}
.zmpi-pill label{border-color:#dbe6f1;background:#fff}
.zmpi-pill input:checked+label{background:#eef6ff;border-color:#7fb3ef;color:#0754ae}
.zmpi-callout{
  border-color:#dce9f5;
  background:linear-gradient(135deg,#f7fbff,#f4f7ff);
  border-left:3px solid var(--zmpi-primary,#0c6fe8);
}
.zmpi-upload{background:linear-gradient(135deg,#f8fbff,#f5f8fc);border-color:#aec4da}
.zmpi-review{gap:15px}
.zmpi-review-card{
  position:relative;
  overflow:hidden;
  border:1px solid #dbe6f1;
  border-radius:15px;
  padding:18px 18px 17px;
  background:linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:0 8px 22px rgba(14,56,101,.045);
}
.zmpi-review-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--zmpi-primary,#0c6fe8),#22c7e8)}
.zmpi-review-card h3{font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:#0b4f9e;margin-top:2px}
.zmpi-review-card dl{font-size:11px;line-height:1.45}
.zmpi-review-card dt{color:#7b8fa5}
.zmpi-review-card dd{color:#17324e}
.zmpi-divider{background:#e2ebf4}
.zmpi-actions{padding-top:25px}
.zmpi-btn{min-height:46px;border-radius:12px}
.zmpi-btn.zmpi-secondary{background:#f1f5f9;color:#425a73;border:1px solid #e1e9f1}
.zmpi-btn.zmpi-primary{
  min-width:184px;
  background:linear-gradient(90deg,var(--zmpi-primary,#0c6fe8),#245bbf 60%,var(--zmpi-secondary,#5d63f2));
  box-shadow:0 12px 25px rgba(12,87,185,.24);
}
.zmpi-btn.zmpi-primary:hover{box-shadow:0 16px 34px rgba(12,87,185,.32)}
.zmpi-success-screen{padding:65px 20px}
.zmpi-success-icon{background:linear-gradient(145deg,rgba(17,163,106,.12),rgba(34,199,232,.10));box-shadow:0 0 0 10px rgba(17,163,106,.045)}
.zmpi-ref{background:#f6faff;border-color:#dbe8f4}

@media(max-width:1100px){
  .zmpi-shell{padding:20px}
  .zmpi-onboarding{grid-template-columns:370px minmax(0,1fr)}
  .zmpi-rail{padding:25px}
  .zmpi-brand img{max-width:235px;height:48px}
  .zmpi-step-visual{height:250px}
  .zmpi-main{padding:34px 30px 28px}
  .zmpi-step-head h1,.zmpi-success-screen h1{font-size:34px}
}
@media(max-width:820px){
  .zmpi-shell{padding:0;background:#fff}
  .zmpi-onboarding{min-height:100vh;border-radius:0;box-shadow:none}
  .zmpi-rail{padding:20px 20px 18px;background-image:linear-gradient(135deg,#061a36,#0b4283)}
  .zmpi-brand{width:max-content;max-width:100%;padding:9px 12px;border-radius:14px}
  .zmpi-brand img{max-width:220px;height:42px}
  .zmpi-rail-main{grid-template-columns:minmax(0,1fr) 220px;gap:17px;margin:15px 0 2px}
  .zmpi-rail h2{font-size:28px;margin:8px 0 8px}
  .zmpi-rail p{font-size:12px;line-height:1.45}
  .zmpi-step-chip{margin-top:10px;padding:6px 9px;font-size:10px}
  .zmpi-step-visual{height:150px;margin:0;border-radius:18px}
  .zmpi-main{padding:25px 20px 28px}
  .zmpi-main:before{right:20px;top:10px}
  .zmpi-topbar{margin-top:7px}
}
@media(max-width:560px){
  .zmpi-brand{width:100%;justify-content:center}
  .zmpi-brand img{max-width:240px;height:44px}
  .zmpi-rail-main{grid-template-columns:1fr}
  .zmpi-rail-copy{padding-top:0}
  .zmpi-rail p{max-width:none}
  .zmpi-step-visual{height:190px;margin-top:5px}
  .zmpi-main:before{display:none}
  .zmpi-step-head h1,.zmpi-success-screen h1{font-size:30px}
  .zmpi-step-head{padding-bottom:15px}
  .zmpi-review-card{padding:16px}
}