/* DEL-040: retained layout and state hooks; presentation follows shared web tokens. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
a{color:inherit;text-underline-offset:4px}
img{max-width:100%;display:block}
.hero-pack img{height:auto;aspect-ratio:1;object-fit:contain;width:100%}
h1,h2,h3,p{margin:0}
h1{white-space:pre-line}
p{color:var(--muted)}
.eyebrow{color:var(--green);margin-bottom:16px}
.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);border:1px solid var(--green);border-radius:var(--mg-radius);color:var(--mg-text);min-height:50px;padding:12px 24px;text-decoration:none;transition:background var(--mg-motion-standard)}
.button:hover{background:var(--mg-surface-soft)}
.button.small{min-height:44px;padding:8px 20px}
.button.secondary{background:var(--mg-surface);color:var(--ink);border-color:var(--mg-divider)}
.underlink{text-decoration:underline;text-decoration-color:#aab3a9;text-underline-offset:5px}
.underlink:hover{text-decoration-color:var(--green)}
.process{background:var(--mg-surface-soft)}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.process-grid h3{margin-bottom:12px}
.request-section{padding-block:80px;background:var(--mg-surface-soft);color:var(--mg-text)}
.request-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:80px;align-items:start}
.request-copy{padding-top:16px}
.request-copy .eyebrow{color:var(--mg-text)}
.request-copy h2{max-width:430px}
.request-copy>p:not(.eyebrow){color:var(--mg-text);margin-top:24px;max-width:425px}
.request-deliverable{margin-top:32px;padding-top:32px;border-top:1px solid var(--mg-divider);max-width:425px}
.request-deliverable h3{max-width:325px}
.request-deliverable p{color:var(--mg-text);margin-top:12px}
.request-copy .request-footnote{margin-top:32px!important}
.request-footnote a{display:block;color:var(--mg-text-muted);margin-top:4px;overflow-wrap:anywhere}
.form-card{background:var(--paper);border-radius:var(--mg-radius);color:var(--ink);padding:32px;min-width:0}
.local-note{color:var(--muted);margin-bottom:24px}
.form-progress{display:flex;gap:24px;padding:0 0 20px;border-bottom:1px solid var(--line);list-style:none;margin:0 0 24px}
.form-progress li{display:flex;align-items:center;gap:8px;color:var(--mg-text)}
.form-progress li span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--mg-divider);border-radius:50%}
.form-progress li.active{color:var(--green)}
.form-progress li.active span{background:var(--green);color:var(--mg-text);border-color:var(--mg-divider)}
fieldset{border:0;padding:0;margin:0;min-width:0}
.form-help{margin:8px 0 24px}
label{display:block;margin:20px 0 8px}
label small{color:var(--muted)}
input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-width:0;padding:12px 12px;color:var(--ink);border:1px solid var(--mg-divider);background:var(--mg-surface);border-radius:var(--mg-radius);min-height:46px}
textarea{resize:vertical}
input[type=checkbox],input[type=radio]{accent-color:var(--mg-color-purple)}
.quantity-options{display:flex;gap:8px;margin:8px 0 12px}
.quantity-options button{flex:1;padding:8px 4px;border:1px solid var(--mg-divider);border-radius:var(--mg-radius);background:var(--mg-surface);color:var(--ink);min-height:44px}
.quantity-options [aria-pressed=true]{background:var(--mg-surface-soft);border-color:var(--mg-divider)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-row>*{min-width:0}
.form-actions{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-top:24px}
.form-actions>.button{margin-left:auto;padding:12px 20px;min-height:48px}
.text-button{background:transparent;border:0;padding:8px 0;color:var(--ink)}
.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mode-options label{border:1px solid var(--mg-divider);border-radius:var(--mg-radius);padding:12px 8px;display:flex;align-items:center;gap:4px;margin:0}
.mode-options label:has(:checked){background:var(--mg-surface-soft);border-color:var(--mg-divider)}
.upload-area{border:1px dashed var(--mg-divider);border-radius:var(--mg-radius);padding:24px 12px;text-align:center;position:relative;cursor:pointer;background:var(--mg-surface-soft)}
.upload-area strong{display:block;overflow-wrap:anywhere}
.upload-area small{display:block;margin-top:8px}
.upload-area input{position:absolute;inset:0;opacity:0;cursor:pointer}
.upload-area:focus-within{outline:2px solid var(--mg-focus);outline-offset:3px}
.check{display:flex;align-items:flex-start;gap:8px}
.check input{margin-top:4px;flex-shrink:0;width:15px;height:15px}
.request-summary{padding:16px;background:var(--mg-surface-soft);border-radius:var(--mg-radius);margin-top:24px;white-space:pre-line}
.form-error{color:var(--mg-text);margin-top:16px}
.form-error:empty{display:none}
.success-mark{display:grid;place-items:center;border-radius:50%;background:var(--lime);width:48px;height:48px;margin:20px 0}
#form-success>p{margin-block:20px}
#form-success .button{margin-top:4px}
.skip{position:fixed;top:-100px;padding:16px;background:var(--mg-surface);z-index:99}
.skip:focus{top:0}
:focus-visible{outline:2px solid var(--mg-focus);outline-offset:3px}
dialog{width:min(620px,calc(100% - 32px));max-height:90svh;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--mg-radius);padding:32px}
dialog::backdrop{background:var(--mg-surface-soft);backdrop-filter:blur(3px)}
.dialog-head{display:flex;justify-content:space-between;gap:24px}
.dialog-head .eyebrow{margin-bottom:8px}
.icon-button{background:transparent;border:1px solid var(--line);border-radius:50%;height:36px;width:36px;flex-shrink:0;color:inherit}
dialog>p{margin:20px 0}
.button:disabled,button:disabled{opacity:.5;cursor:not-allowed}
[hidden]{display:none!important}
@media(max-width:1100px){
.request-grid{gap:40px}
.form-card{padding:24px}
.form-progress{gap:16px}
.mode-options{grid-template-columns:1fr}
.process-grid{gap:24px}}
@media(max-width:780px){
.preview-extra{display:none}
.eyebrow{margin-bottom:16px}
.process-grid{grid-template-columns:1fr;gap:24px}
.process-grid h3{margin-bottom:8px}
.request-section{padding-block:48px}
.request-grid{grid-template-columns:1fr;gap:32px}
.request-copy{padding-top:0}
.request-copy h2 br{display:none}
.request-copy>p:not(.eyebrow){margin-top:16px;max-width:550px}
.request-deliverable{margin-top:24px;padding-top:24px;max-width:550px}
.request-deliverable h3{max-width:none}
.request-deliverable p{margin-top:8px}
.request-copy .request-footnote{margin-top:24px!important}
.form-card{padding:24px 20px}
.form-progress{gap:20px}
.form-progress li{gap:8px}
.form-progress li span{width:24px;height:24px}
.form-row{gap:12px}
.form-actions>.button{padding:12px 16px}}
@media(max-width:370px){
.form-card{padding-inline:16px}
.form-progress{gap:12px}
.form-progress li span{width:21px;height:21px}
.form-row{grid-template-columns:1fr}
.form-row:has(#quantity){grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important;animation:none!important}}
.client-section{padding-top:24px;padding-bottom:40px;border-bottom:1px solid var(--line)}
.client-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}
.client-heading p{color:var(--mg-text)}
.client-heading button{color:var(--mg-text);text-decoration:none}
.logo-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.logo-track{display:flex;width:max-content;animation:reference-drift 48s linear infinite}
.logo-track ul{list-style:none;display:flex;align-items:center;gap:64px;padding:0 64px 0 0;margin:0;flex-shrink:0}
.logo-track li{width:130px;height:68px;display:grid;place-items:center}
.logo-track img{max-width:122px;width:auto;height:auto;max-height:52px;object-fit:contain;filter:grayscale(1);opacity:.82;mix-blend-mode:multiply;transition:filter var(--mg-motion-standard),opacity var(--mg-motion-standard)}
.logo-track img:hover{filter:none;opacity:1}
.logo-window:hover .logo-track,.logo-track.is-paused{animation-play-state:paused}
@keyframes reference-drift{to{transform:translateX(-50%)}}
@media(max-width:650px){.client-section{padding-top:12px;padding-bottom:24px}
.client-heading{margin-bottom:20px}
.logo-track ul{gap:32px;padding-right:34px}
.logo-track li{width:105px;height:60px}
.logo-track img{max-width:98px;max-height:43px}}
.eyebrow{margin-bottom:16px}
.button{border-radius:var(--mg-radius);transition:background var(--mg-motion-standard),box-shadow var(--mg-motion-standard)}
.scene-label{position:absolute;top:23px;left:25px;z-index:1;color:var(--mg-text)}
.scene-tag{position:absolute;bottom:24px;left:25px;display:flex;align-items:center;gap:8px;background:var(--mg-surface-soft);padding:8px 12px;border:1px solid var(--mg-divider);border-radius:var(--mg-radius);text-decoration:none;z-index:1}
.tag-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--green)}
.scene-caption{position:absolute;bottom:-31px;right:1px;color:var(--mg-text-muted)}
.client-section{padding-top:4px;padding-bottom:40px}
.client-heading{margin-bottom:20px}
.client-heading button{color:var(--mg-text)}
.logo-track ul{gap:64px;padding-right:65px}
.design-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.design-tabs button{background:transparent;border:1px solid var(--line);padding:12px 20px;min-height:46px;border-radius:var(--mg-radius);color:var(--ink);white-space:nowrap;transition:background var(--mg-motion-standard),border-color var(--mg-motion-standard)}
.design-tabs button:hover{background:var(--mg-surface-soft);border-color:var(--mg-divider)}
.design-tabs button[aria-selected=true]{background:var(--green);border-color:var(--mg-divider);color:var(--mg-text)}
.design-panel{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--mg-radius);overflow:hidden;background:var(--mg-surface-soft);min-height:480px}
.design-image{min-width:0;position:relative;background:var(--mg-surface-soft);overflow:hidden;min-height:480px}
.design-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;mix-blend-mode:multiply}
.image-note{position:absolute;left:22px;right:22px;bottom:20px;width:fit-content;max-width:calc(100% - 44px);border-radius:var(--mg-radius);padding:8px 8px;background:var(--mg-surface-soft);color:var(--mg-text-muted)}
.design-copy{padding:40px 48px;align-self:center}
.option-index{display:block;font-variant-numeric:tabular-nums;color:var(--mg-text);margin-bottom:20px}
.design-copy h3{margin-bottom:20px}
.design-copy>.underlink{display:inline-block;margin-top:24px}
.design-detail{padding-top:20px;margin-top:24px;border-top:1px solid var(--mg-divider);color:var(--mg-text)}
.design-detail strong{color:var(--mg-text)}
.design-detail p{margin-top:8px;color:var(--mg-text)}
.color-examples{display:flex;gap:8px;align-items:center;margin-top:24px}
.color-examples>span{width:27px;height:27px;border-radius:50%;background:var(--swatch);border:1px solid var(--mg-divider)}
.color-examples small{margin-left:5px;color:var(--muted)}
.stripe-examples{display:flex;gap:20px;margin-top:24px}
.stripe-examples>span{display:flex;flex-direction:column;align-items:center;gap:4px}
.stripe-examples i{display:block;width:44px;height:40px;border-radius:var(--mg-radius);background:var(--mg-surface)}
.stripe-examples small{color:var(--muted)}
.stripe-one i{background:linear-gradient(#fff 10px,var(--green) 10px,var(--green) 15px,#fff 15px)}
.stripe-two i{background:linear-gradient(#fff 9px,var(--green) 9px,var(--green) 14px,#fff 14px,#fff 19px,#b0c16c 19px,#b0c16c 24px,#fff 24px)}
.design-image.close-up{background:var(--mg-surface-soft)}
.design-image.close-up img{object-fit:cover;image-rendering:auto}
.motif-image{background:var(--mg-surface-soft)}
.motif-image>img{object-fit:contain;padding:48px 0 64px}
.sole-image>img{object-fit:cover}
.design-panel:not([hidden]) .design-copy{animation:panel-enter .28s ease-out both}
@keyframes panel-enter{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}
#design{padding-top:8px}
.process{background:var(--mg-surface-soft)}
.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start}
.process-visual{position:sticky;top:36px;padding:24px 32px 0}
.process-sheet{background:var(--paper);border:1px solid var(--mg-divider);border-radius:var(--mg-radius);padding:24px 24px;transform:rotate(-3deg)}
.sheet-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}
.sheet-head>span:last-child{color:var(--muted)}
.process-sheet h3{margin-top:24px}
.sheet-product{width:100%;height:260px;object-fit:cover;object-position:center 54%;mix-blend-mode:multiply;margin-top:8px}
.sheet-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:12px;border-top:1px solid var(--line)}
.sheet-details img{height:86px;width:100%;object-fit:contain;background:var(--mg-surface-soft);mix-blend-mode:multiply}
.sheet-details span{display:block;color:var(--muted);margin-top:8px}
.process-visual>p{text-align:center;margin-top:32px}
.process-progress{display:flex;gap:8px;justify-content:center;margin-top:16px}
.process-progress span{display:block;width:24px;height:3px;border-radius:var(--mg-radius);background:var(--mg-surface-soft);transition:background var(--mg-motion-standard)}
.process-progress .is-active{background:var(--green)}
.process-steps{list-style:none;margin:0;padding:0;counter-reset:step}
.process-steps li{display:grid;grid-template-columns:45px 1fr;gap:24px;position:relative;padding:32px 0 40px;min-height:254px}
.process-steps li:first-child{padding-top:16px}
.process-steps li+li{border-top:1px solid var(--mg-divider)}
.step-number{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--mg-divider);border-radius:50%;color:var(--mg-text);transition:background var(--mg-motion-standard),color var(--mg-motion-standard),border-color var(--mg-motion-standard)}
.process-steps .is-active .step-number{background:var(--green);color:var(--mg-text);border-color:var(--mg-divider)}
.step-overline{color:var(--mg-text);margin:0 0 8px!important}
.process-steps h3{margin-bottom:12px}
.process-steps li>div>p{margin-top:12px}
.step-result{display:block;color:var(--mg-text);margin-top:20px}
.request-section{padding-block:96px}
.request-grid{gap:80px}
@media(max-width:1100px){.scene-label{top:18px;left:19px}
.scene-tag{bottom:18px;left:18px}
.design-copy{padding:32px}
.design-panel,.design-image{min-height:460px}
.process-layout{gap:40px}
.process-visual{padding-inline:16px}
.process-sheet{padding:20px}
.sheet-product{height:230px}
.request-grid{gap:40px}}
@media(max-width:780px){
.scene-label{top:19px;left:19px}
.scene-tag{bottom:19px;left:19px}
.scene-caption{bottom:-27px}
.client-section{padding-block:4px 24px}
.client-heading{margin-bottom:20px}
.logo-track ul{gap:32px;padding-right:35px}
.design-tabs{gap:4px;margin-bottom:20px}
.design-tabs button{padding:8px 12px;min-height:42px}
.design-panel{grid-template-columns:1fr;min-height:0}
.design-image{min-height:0;aspect-ratio:1.14}
.design-copy{padding:24px}
.design-copy>.underlink{margin-top:24px}
.option-index{margin-bottom:16px}
.image-note{left:17px;right:17px;bottom:15px;max-width:calc(100% - 34px)}
.design-detail{padding-top:20px;margin-top:20px}
.motif-image>img{padding-block:32px 64px}
.design-image.close-up img{object-position:center 42%}
#design{padding-top:0}
.process-layout{grid-template-columns:1fr;gap:24px}
.process-visual{position:relative;top:auto;max-width:430px;width:100%;margin:auto;padding:16px 24px 0}
.process-sheet{padding:20px 24px;transform:rotate(-2deg)}
.process-sheet h3{margin-top:16px}
.sheet-product{height:215px}
.sheet-details img{height:72px}
.process-visual>p{margin-top:20px}
.process-progress{display:none}
.process-steps li{grid-template-columns:38px 1fr;gap:16px;min-height:0;padding-block:24px}
.process-steps li:first-child{padding-top:16px}
.step-number{width:33px;height:33px}
.step-result{margin-top:16px}
.step-overline{margin-bottom:8px!important}
.request-section{padding-block:64px}
.request-grid{gap:32px}}
@media(min-width:560px) and (max-width:780px){
.design-panel{grid-template-columns:1fr 1fr}
.design-image{aspect-ratio:auto;min-height:490px}
.design-copy{padding:24px}}
@media(max-width:370px){.design-copy{padding:24px}
.design-tabs button{padding-inline:12px}
.scene-tag{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){
.process-progress span,.step-number{transition:none}}
.config-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px;border-top:1px solid var(--line);padding-top:16px}
.config-toolbar p{color:var(--muted)}
.config-toolbar p[data-busy=true]{color:var(--green)}
.config-toolbar button{white-space:nowrap}
.config-controls{margin-top:24px}
.config-controls label{margin:0 0 8px}
.config-controls input[type=text],.config-controls textarea{border-color:var(--mg-divider)}
.config-controls>.config-color,.config-controls>label,.config-controls>.config-range{margin-top:20px}
.config-help{color:var(--mg-text-muted);margin:8px 0 0!important}
.config-swatches{display:flex;gap:16px;margin-bottom:20px}
.config-swatches button{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:40px;padding:4px 2px;border:0;background:none;color:var(--ink)}
.config-swatches i{width:30px;height:30px;border-radius:50%;background:var(--swatch);border:1px solid var(--mg-divider);display:block;outline:1px solid transparent;outline-offset:3px}
.config-swatches [aria-pressed=true] i{outline-color:var(--green)}
.config-color>div{display:flex;align-items:center;background:#fff;border:1px solid var(--mg-divider);border-radius:var(--mg-radius);padding:4px;gap:4px;max-width:190px}
.config-color input[type=color]{display:block;flex-shrink:0;width:38px;height:36px;min-height:0;padding:0;border:0;background:transparent;cursor:pointer}
.config-color input[type=color]::-webkit-color-swatch-wrapper{padding:2px}
.config-color input[type=color]::-webkit-color-swatch{border:1px solid var(--mg-divider);border-radius:var(--mg-radius)}
.config-color input[data-hex]{border:0;padding:4px 4px;min-height:32px;height:32px;font-variant-numeric:tabular-nums;max-width:116px}
.config-color-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.config-stripes{gap:12px;margin-top:0}
.config-stripes button{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--mg-divider);border-radius:var(--mg-radius);background:var(--mg-surface-soft);padding:12px 12px;color:var(--ink)}
.config-stripes button[aria-pressed=true]{background:var(--mg-surface-soft);border-color:var(--mg-divider)}
.config-stripes i{width:40px;height:38px}
.config-range{display:block}
.config-range>span{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}
.config-range output{color:var(--muted)}
.config-controls input[type=range]{padding:0;min-height:25px;accent-color:var(--mg-color-purple);border:0;background:none;cursor:pointer}
.config-upload{position:relative;display:block;overflow:hidden;border:1px dashed var(--mg-divider);border-radius:var(--mg-radius);text-align:center;background:var(--mg-surface-soft);padding:20px 12px;cursor:pointer}
.config-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}
.config-upload small{display:block;margin-top:4px;color:var(--muted)}
.config-upload span{display:block;overflow-wrap:anywhere}
.config-upload:focus-within{outline:2px solid var(--mg-focus);outline-offset:3px}
.config-controls>.text-button{text-decoration:underline;padding-block:8px;margin-top:4px}
.config-transfer{margin-top:24px;min-height:46px;padding:8px 16px}
.live-design-image{background:var(--mg-surface-soft);min-height:535px}
.live-design-image>img{object-fit:contain;mix-blend-mode:normal;transition:opacity var(--mg-motion-standard)}
.live-design-image[data-live=detail]>img,.live-design-image[data-live=sole]>img{object-fit:contain;padding:24px}
.design-panel{min-height:535px}
.design-copy h3{margin-bottom:16px}
.config-error{padding:12px 16px;background:var(--mg-surface-soft);border:1px solid var(--mg-divider);border-radius:var(--mg-radius);margin:0 0 16px}
.config-request-summary{background:var(--mg-surface-soft);padding:12px 16px;margin-bottom:20px;border-radius:var(--mg-radius);color:var(--mg-text);white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:1100px){.config-color-row{gap:8px}
.config-stripes{gap:8px}
.config-stripes button{padding-inline:8px}
.design-copy{padding:32px}}
@media(max-width:780px){.config-toolbar{margin-bottom:16px}
.live-design-image{min-height:0;aspect-ratio:1.1}
.design-panel{min-height:0}
.design-copy{padding:24px}
.config-controls{margin-top:20px}
.config-color-row{gap:12px}
.config-stripes button{padding-inline:12px}
.config-swatches{gap:20px}}
@media(min-width:560px) and (max-width:780px){.design-panel{grid-template-columns:1fr}
.live-design-image{max-height:430px;aspect-ratio:1.35}
.design-copy{padding:32px}}
@media(max-width:370px){.config-stripes{gap:8px}
.config-stripes button{padding:8px 8px}
.config-color-row{grid-template-columns:1fr}
.config-swatches{gap:16px}
.design-copy{padding:24px}
.config-toolbar{gap:12px}}
@media(max-width:780px){.design-panel{display:block;overflow:visible}
.live-design-image{position:sticky;top:8px;z-index:2;width:100%;height:min(36svh,280px);min-height:0;max-height:none;aspect-ratio:auto;border-radius:var(--mg-radius);background:var(--mg-surface-soft)}
.live-design-image>img{padding:0;border-radius:var(--mg-radius)}
.live-design-image[data-live=detail]>img,.live-design-image[data-live=sole]>img{padding:12px}
.live-design-image .image-note{bottom:9px;padding:4px 8px}}
.config-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:8px}
.config-auto{display:flex!important;align-items:center;gap:8px;margin:0 0 16px!important}
.config-auto input{width:16px!important;height:16px!important;accent-color:var(--mg-color-purple)}
.design-tabs{scroll-margin-top:20px}
.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}



/* Shared type, actions and fields — the only global presentation layer. */
html{font-family:var(--mg-font-family);font-synthesis:none;letter-spacing:var(--mg-font-tracking);scroll-padding-top:24px}
body{font:400 var(--mg-type-body-size)/var(--mg-type-body-line) var(--mg-font-family);color:var(--mg-text);background:var(--mg-surface)}
button,input,select,textarea{font:400 16px/24px var(--mg-font-family);letter-spacing:var(--mg-font-tracking);font-synthesis:none}
h1,h2,h3,h4,legend,strong,b{font-weight:700}
h1,h2,h3,legend{font-family:var(--mg-font-family);letter-spacing:var(--mg-font-tracking);word-break:normal;hyphens:none;overflow-wrap:normal}
h1{font-size:var(--mg-type-page-size);line-height:var(--mg-type-page-line)}
h2{font-size:var(--mg-type-h2-size);line-height:var(--mg-type-h2-line)}
h3{font-size:var(--mg-type-h3-size);line-height:var(--mg-type-h3-line)}
p{font-size:inherit;line-height:inherit;color:var(--mg-text-muted)}
a{color:inherit;text-underline-offset:.18em}
.wrap{width:min(calc(100% - var(--mg-page-gutter) - var(--mg-page-gutter)),var(--mg-container-max));max-width:var(--mg-container-max);margin-inline:auto}
.section{padding-block:var(--mg-section-space)}
.section-heading{display:flex;justify-content:space-between;gap:32px;margin-bottom:32px;align-items:end}
.section-heading h2{max-width:22ch}
.section-heading>p{max-width:44ch;margin:0;font-size:var(--mg-type-lead-size);line-height:var(--mg-type-lead-line)}
.eyebrow{font:400 14px/20px var(--mg-font-family);letter-spacing:var(--mg-font-tracking);color:var(--mg-color-purple);margin-bottom:8px}
.button,.mp-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 24px;border:1px solid var(--mg-color-orange);border-radius:var(--mg-radius);background:var(--mg-color-orange);color:#fff;font:700 20px/24px var(--mg-font-family);letter-spacing:var(--mg-font-tracking);text-decoration:none;box-shadow:none;cursor:pointer;transition:background var(--mg-motion-fast),color var(--mg-motion-fast)}
.button:hover,.mp-primary:hover{background:var(--mg-color-orange);color:#fff;border-color:var(--mg-color-orange);text-decoration:underline;text-underline-offset:.18em}
.button.secondary,.mp-neutral{min-height:48px;padding:12px 24px;border:1px solid var(--mg-text);border-radius:var(--mg-radius);background:var(--mg-surface);color:var(--mg-text);font:700 16px/24px var(--mg-font-family);text-decoration:none;cursor:pointer}
.button.secondary:hover,.mp-neutral:hover{background:var(--mg-color-purple-50);color:var(--mg-text)}
.button:disabled,.mp-primary:disabled,button:disabled{background:var(--mg-surface-soft);color:var(--mg-text-muted);border-color:var(--mg-divider);opacity:1;cursor:not-allowed;text-decoration:none}
.text-button{display:inline-flex;align-items:center;min-height:44px;font:700 14px/20px var(--mg-font-family);color:var(--mg-color-purple)}
.underlink{display:inline-flex;align-items:center;min-height:44px;font:400 16px/24px var(--mg-font-family);color:var(--mg-color-purple)}
.text-button{background:transparent;border:0;padding:8px 0;text-decoration:underline}
button{font-weight:400;border-radius:var(--mg-radius)}
:focus-visible{outline:2px solid var(--mg-focus);outline-offset:3px}
button,a,input,select,textarea{touch-action:manipulation}
input:not([type=checkbox],[type=radio],[type=range],[type=color]),select,textarea{min-height:48px;padding:11px 16px;border:1px solid var(--mg-control-border);border-radius:var(--mg-radius);background:var(--mg-surface);color:var(--mg-text);font:400 16px/24px var(--mg-font-family);max-width:100%;min-width:0}
input::placeholder,textarea::placeholder{color:var(--mg-text-muted);opacity:1}
input[type=range]{accent-color:var(--mg-color-purple);min-height:44px;cursor:pointer}
input[type=checkbox],input[type=radio]{accent-color:var(--mg-color-purple)}
label{font-size:14px;line-height:20px;font-weight:400}
label:not(.check)>input,label>select,label>textarea{margin-top:8px}
.form-card label:not(.check){display:block;margin:20px 0 8px;font-weight:400}
.form-card :is(input:not([type=checkbox],[type=radio]),select,textarea){width:100%}
.form-card fieldset{border:0;padding:0;min-width:0}
.form-card legend{font-size:24px;line-height:32px;margin-bottom:8px}
.form-help,.config-help,.mp-help,.mp-colour-note,.request-assurance,.form-card .local-note{font:400 13px/18px var(--mg-font-family);color:var(--mg-text-muted)}
.form-help{margin-top:8px}
.form-error,.config-error,.selection-error{font:400 14px/20px var(--mg-font-family);color:#a02020}
.check{display:flex;align-items:start;gap:12px;font-size:14px;line-height:20px;min-height:44px}
.check input{flex:none;width:20px;height:20px;margin:0}
.check a{color:var(--mg-color-purple)}
.form-actions{gap:16px;display:flex;align-items:center;justify-content:space-between}
.form-actions .button{margin-left:auto}
.form-progress{gap:24px;list-style:none;padding:0;display:flex;flex-wrap:wrap;font-size:13px;line-height:20px}
.form-progress li{display:flex;align-items:center;gap:8px;color:var(--mg-text-muted)}
.form-progress li.active{color:var(--mg-color-purple);font-weight:700}
.form-progress svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.form-progress li span{display:grid;place-items:center;min-width:24px;height:24px;border:1px solid var(--mg-divider)}
.request-summary,.config-request-summary,.mp-edit-banner{padding:16px;border:1px solid var(--mg-divider);border-radius:var(--mg-radius);background:var(--mg-color-purple-50);color:var(--mg-text);font:400 14px/20px var(--mg-font-family)}
.request-disclaimer{font:400 13px/18px var(--mg-font-family);border-left:2px solid var(--mg-color-purple);padding:12px 16px;background:var(--mg-surface-soft);color:var(--mg-text)}
.faq-section{display:grid;grid-template-columns:5fr 7fr;gap:var(--mg-grid-gap)}
.faq-section details{padding:24px 0;border-bottom:1px solid var(--mg-divider)}
.faq-section summary{display:flex;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;font:700 18px/28px var(--mg-font-family);min-height:44px;align-items:start}
.faq-section details p{font:400 var(--mg-type-body-size)/var(--mg-type-body-line) var(--mg-font-family);margin:16px 32px 0 0}
[hidden]{display:none!important}
.honeypot,.brand-status{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(min-width:1024px){.eyebrow{margin-bottom:12px}}
@media(max-width:767px){.section-heading{display:block;margin-bottom:24px}.section-heading>p{margin-top:16px}.faq-section{grid-template-columns:1fr;gap:32px}.form-progress{gap:12px}.form-progress li{font-size:12px}.form-actions{flex-wrap:wrap}.form-actions .button{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:0ms!important;scroll-behavior:auto!important}}

.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mp-editor-layout>*{min-width:0}
@media(max-width:767px){.form-row{grid-template-columns:1fr}}

.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary::after{content:'+';font:400 22px/28px var(--mg-font-family);flex:none}
.faq-section details[open] summary::after{content:'−'}