#mdmq{--mq-blue:#006aff;--mq-blue-h:#3d8eff;--mq-mdm:#1596c4;--mq-ink:#030303;--mq-muted:#5d6c7b;--mq-line:#dfe7f2;--mq-soft:#f2f7ff;
  position:relative;width:min(1120px,calc(100vw - 48px));margin:2.5rem 0 2.5rem calc(50% - min(560px,calc(50vw - 24px)));
  display:grid;grid-template-columns:1fr 1.05fr;border:1px solid var(--mq-line);border-radius:20px;overflow:hidden;background:#fff;
  font-family:Inter,sans-serif;color:var(--mq-ink);text-align:left}
#mdmq *{box-sizing:border-box}
#mdmq>div:first-child{background:linear-gradient(#f5f9ff,#eaf2ff);display:flex;align-items:flex-start;justify-content:center;min-height:100%}
#mdmq canvas{display:block;width:100%;aspect-ratio:3/2;height:auto;position:sticky;top:90px}
#mdmq.mdmq-novisual{grid-template-columns:1fr}
#mdmq.mdmq-novisual>div:first-child{display:none}
#mdmq>div:nth-child(2){padding:2rem 2.25rem;display:flex;flex-direction:column;justify-content:center;min-height:430px}
#mdmq .mdmq-enter{animation:mdmq-in .28s ease-out}
@keyframes mdmq-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#mdmq .mdmq-h{font-size:1.55rem;line-height:1.2;font-weight:700;margin:0 0 .6rem;letter-spacing:-.01em;padding:0;outline:none;color:var(--mq-ink);border:0}
#mdmq .mdmq-h:focus-visible{outline:3px solid var(--mq-blue);outline-offset:4px;border-radius:4px}
#mdmq .mdmq-sub{font-size:1.05rem;line-height:1.6;color:var(--mq-muted);margin:0 0 1.5rem}
#mdmq .mdmq-meta{margin:.9rem 0 0;font-size:.9rem;color:var(--mq-muted)}
#mdmq .mdmq-hint{margin:-.2rem 0 .8rem;font-size:.9rem;color:var(--mq-muted)}
#mdmq .mdmq-fallback{color:var(--mq-muted);margin:0}
#mdmq .mdmq-progress{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem}
#mdmq .mdmq-count{font-size:.85rem;font-weight:600;color:var(--mq-blue);white-space:nowrap;margin:0 0 .3rem}
#mdmq .mdmq-progress .mdmq-count{margin:0}
#mdmq .mdmq-bar{flex:1;height:6px;border-radius:3px;background:var(--mq-line);overflow:hidden}
#mdmq .mdmq-bar span{display:block;height:100%;background:var(--mq-blue);border-radius:3px;transition:width .3s ease}
#mdmq fieldset{border:0;margin:0;padding:0;min-width:0}
#mdmq legend{display:block;width:100%}
#mdmq .mdmq-opts{display:grid;gap:.55rem}
#mdmq .mdmq-opt{position:relative;display:block;margin:0;cursor:pointer;font-weight:400}
#mdmq .mdmq-opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
#mdmq .mdmq-opt-box{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;border:1.5px solid var(--mq-line);border-radius:12px;background:#fff;
  font-size:1rem;line-height:1.35;transition:border-color .2s,background-color .2s,box-shadow .2s}
#mdmq .mdmq-opt:hover .mdmq-opt-box{border-color:#9bb8e0}
#mdmq .mdmq-opt-dot{flex:none;width:20px;height:20px;border-radius:50%;border:2px solid #9bb8e0;display:grid;place-items:center;transition:border-color .2s}
#mdmq .mdmq-opt-dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--mq-blue);transform:scale(0);transition:transform .2s}
#mdmq .mdmq-opt input:checked+.mdmq-opt-box{border-color:var(--mq-blue);background:var(--mq-soft);box-shadow:0 0 0 1px var(--mq-blue) inset}
#mdmq .mdmq-opt input:checked+.mdmq-opt-box .mdmq-opt-dot{border-color:var(--mq-blue)}
#mdmq .mdmq-opt input:checked+.mdmq-opt-box .mdmq-opt-dot::after{transform:scale(1)}
#mdmq .mdmq-opt input:focus-visible+.mdmq-opt-box{outline:3px solid var(--mq-blue);outline-offset:2px}
#mdmq .mdmq-other{margin-top:.8rem}
#mdmq .mdmq-other label{display:block;font-size:.9rem;margin:0 0 .35rem;color:var(--mq-muted);font-weight:400}
#mdmq .mdmq-other input,#mdmq-form input[type=text],#mdmq-form input[type=email],#mdmq-form textarea{width:100%;border:1.5px solid var(--mq-line);border-radius:10px;padding:.65rem .8rem;font:inherit;font-size:1rem;color:var(--mq-ink);background:#fff;height:auto;margin:0;box-shadow:none}
#mdmq .mdmq-other input:focus,#mdmq-form input:focus,#mdmq-form textarea:focus{outline:3px solid var(--mq-blue);outline-offset:1px;border-color:var(--mq-blue)}
#mdmq .mdmq-error{margin:.8rem 0 0;color:#b3141a;font-size:.95rem}
#mdmq .mdmq-nav{display:flex;justify-content:space-between;gap:.75rem;margin-top:1.4rem;flex-wrap:wrap}
#mdmq .mdmq-nav-end{justify-content:flex-start;margin-top:1rem}
#mdmq .mdmq-btn{font:inherit;font-size:1rem;font-weight:600;border-radius:10px;padding:.8rem 1.35rem;cursor:pointer;border:0;line-height:1.2;transition:background-color .2s,box-shadow .2s}
#mdmq .mdmq-btn:focus-visible{outline:3px solid var(--mq-blue);outline-offset:2px}
#mdmq .mdmq-primary{background:var(--mq-blue);color:#fff}
#mdmq .mdmq-primary:hover{background:var(--mq-blue-h)}
#mdmq .mdmq-secondary{background:transparent;color:var(--mq-ink);box-shadow:0 0 0 1px var(--mq-ink) inset}
#mdmq .mdmq-secondary:hover{box-shadow:0 0 0 2px var(--mq-ink) inset}
#mdmq .mdmq-link{background:none;color:var(--mq-blue);padding:.4rem 0;margin-right:1.2rem;text-decoration:underline;text-underline-offset:3px;font-weight:500}
#mdmq .mdmq-result .mdmq-h{margin-bottom:1rem}
#mdmq .mdmq-block{border-top:1px solid var(--mq-line);padding:.9rem 0}
#mdmq .mdmq-block h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mq-mdm);margin:0 0 .4rem;font-weight:700;line-height:1.4}
#mdmq .mdmq-block p,#mdmq .mdmq-block li{font-size:1rem;line-height:1.6;margin:0 0 .35rem}
#mdmq .mdmq-block ul{margin:0;padding-left:1.15rem}
#mdmq .mdmq-note{color:var(--mq-muted);font-size:.95rem}
#mdmq a{color:var(--mq-blue);text-underline-offset:3px}
#mdmq .mdmq-cta{margin-top:.6rem;padding:1.25rem;border-radius:14px;background:var(--mq-soft);border:1px solid #cfe0fb}
#mdmq .mdmq-cta>p{margin:0 0 .9rem;font-size:1.02rem;line-height:1.55}
#mdmq .w-form{display:none;margin:.25rem 0 0}
#mdmq .w-form.mdmq-open{display:block}
#mdmq-form label{display:block;font-size:.92rem;font-weight:600;margin:.8rem 0 .3rem;color:var(--mq-ink)}
#mdmq-form textarea{min-height:90px;resize:vertical}
#mdmq-form #mdmq-resume{min-height:220px;font-size:.88rem;line-height:1.5;background:#fbfdff;color:var(--mq-muted)}
#mdmq-notice{font-size:.85rem;line-height:1.5;color:var(--mq-muted);margin:.8rem 0}
#mdmq-form input[type=submit]{margin-top:.4rem;background:var(--mq-blue);color:#fff;border:0;border-radius:10px;padding:.8rem 1.35rem;font-weight:600;font-size:1rem;cursor:pointer;line-height:1.2}
#mdmq-form input[type=submit]:hover{background:var(--mq-blue-h)}
#mdmq .w-form-done,#mdmq .w-form-fail{border-radius:10px;padding:1rem;margin-top:.8rem;text-align:left}
#mdmq .w-form-done{background:#eef8e3;color:#3f6f00}
#mdmq .w-form-fail{background:#fdecec;color:#b3141a}
@media (max-width:899px){
  #mdmq{grid-template-columns:1fr;width:100%;margin:2rem 0;border-radius:16px}
  #mdmq>div:first-child{align-items:center}
  #mdmq canvas{position:static;max-height:36vh;width:auto;max-width:100%}
  #mdmq>div:nth-child(2){padding:1.4rem 1.2rem;min-height:0}
  #mdmq .mdmq-h{font-size:1.3rem}
  #mdmq .mdmq-nav .mdmq-primary{flex:1}
}
@media (prefers-reduced-motion:reduce){
  #mdmq .mdmq-enter{animation:none}
  #mdmq *,#mdmq *::after{transition:none!important}
}