/* Digital: pearl glass folders, vivid pixel icons, quiet editorial typography. */
#moi-showroom-digital{background:radial-gradient(ellipse at 80% 25%,#e8e7df70,transparent 55%),#f8f7f3;color:#202124}
#moi-showroom-digital .moi-room-shell{max-width:1440px;width:calc(100% - 96px)}
#moi-showroom-digital .moi-room-header{border-bottom:1px solid #deddd6}
#moi-showroom-digital .md-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:32px 56px;padding:95px 0 50px;align-items:center;min-height:660px}
#moi-showroom-digital .moi-room-title{font-family:Georgia,'Times New Roman',serif;text-transform:none;font-size:clamp(44px,5.1vw,76px);font-weight:400;line-height:1.04;letter-spacing:-.065em;margin:24px 0 28px;color:#17191d}
#moi-showroom-digital .moi-room-subtitle{font-size:clamp(18px,1.8vw,25px);line-height:1.5;color:#66665f;font-weight:400;letter-spacing:-.025em;max-width:470px}
.md-eyebrow{font:10px/1.6 Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:#696a63}
.md-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:42px}.md-hero-actions>a{font-size:13px;color:#292b2c;text-decoration:underline;text-underline-offset:7px}.md-primary{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:16px 24px;border-radius:12px;background:linear-gradient(#34383b,#202325);border:1px solid #ffffff50;color:#fff;text-decoration:none;font:14px/1.4 Arial,sans-serif;cursor:pointer;box-shadow:0 8px 20px #2221,inset 0 1px 0 #ffffff30;transition:transform .2s,box-shadow .2s}.md-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #2222}.md-primary:disabled{opacity:.5;cursor:wait}.md-admin-link{display:inline-block;margin-top:25px;color:#667d72;font-size:12px}.md-admin-link[hidden]{display:none}
.md-workspace{display:contents}.md-browser{min-width:0;padding:35px 22px 0;grid-column:2;position:relative}
.md-folder-stack{position:relative;isolation:isolate;touch-action:pan-y;perspective:1100px;margin-top:30px}
.md-back-folder{position:absolute;inset:0;border-radius:28px;border:1px solid #bdcbbd;background:linear-gradient(135deg,#e5f1dfdd,#a8c5aa88);box-shadow:inset 0 0 0 3px #fff9,0 15px 30px #4140380c;z-index:-1;pointer-events:none}
.md-back-folder:before{content:'';position:absolute;top:-28px;right:20px;width:40%;height:36px;background:inherit;border:inherit;border-bottom:0;border-radius:20px 20px 0 0}.md-back-one{transform:translate(16px,-18px) rotate(3deg)}.md-back-two{background:linear-gradient(135deg,#fff4cf,#ead99788);border-color:#dfce98;transform:translate(32px,-25px) rotate(6deg);z-index:-2}
.md-folder{position:relative;background:linear-gradient(145deg,#fffdf6e8,#eeece3dc 45%,#ffffffaa);border:1px solid #d1cdbf;border-radius:0 30px 30px 30px;padding:20px 22px 15px;box-shadow:inset 0 0 0 3px #fff9,inset 0 -3px 9px #a8a29420,0 22px 35px #4c47321a;backdrop-filter:blur(18px)}
.md-folder-title{position:absolute;top:-47px;left:-1px;max-width:78%;height:48px;display:flex;align-items:center;padding:0 28px;border:1px solid #d1cdbf;border-bottom:0;border-radius:24px 24px 0 0;background:linear-gradient(#fffdf9,#fcfaf3);box-shadow:inset 2px 3px 0 #fff9;font-size:20px;letter-spacing:-.04em}
.md-folder-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #dedbd1;padding:0 0 13px;margin:0 0 16px}.md-folder-tabs button{font:11px/1.4 Arial,sans-serif;padding:8px 11px;border:1px solid transparent;background:transparent;color:#6b6b64;border-radius:20px;cursor:pointer}.md-folder-tabs button[aria-pressed=true]{background:#fff;border-color:#d8d5ca;color:#25292a;box-shadow:0 2px 5px #22208}
.md-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:280px;align-content:start}.md-app{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:133px;min-width:0;background:linear-gradient(150deg,#ffffffa0,#eae8df25);border:1px solid #fff9;border-radius:18px;padding:12px 7px;cursor:pointer;color:#25292a;transition:transform .22s,background .22s,box-shadow .22s;font:14px/1.3 Arial,sans-serif}.md-app:hover{transform:translateY(-5px);background:#fff9;box-shadow:0 8px 20px #3331}.md-app:active{transform:scale(.97)}.md-app>span{overflow-wrap:anywhere;text-align:center}.md-app small{font-size:10px;color:#8b7253}.md-pixel{width:80px;height:80px;flex-shrink:0;filter:drop-shadow(2px 5px 2px #34463d25);transition:transform .25s}.md-app:hover .md-pixel{transform:translateY(-3px) rotate(-4deg)}.md-custom-icon{width:76px;height:76px;object-fit:contain;border-radius:15px}.md-folder-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d6d2c566;margin-top:16px;padding-top:12px;font-size:10px;color:#8b8981;gap:10px}.md-folder-bottom button{padding:8px;background:none;border:0;color:#292e2b;font:12px Arial,sans-serif;cursor:pointer}
.md-folder-arrow{position:absolute;z-index:2;top:48%;width:46px;height:46px;border-radius:50%;border:1px solid #d4d0c4;background:#fffffff0;font:32px/1 Georgia,serif;color:#343b35;cursor:pointer;box-shadow:0 3px 12px #33309}.md-prev{left:-35px}.md-next{right:-35px}.md-folder-arrow:hover{background:#fff;transform:scale(1.05)}.md-browse-bottom{text-align:center;padding:20px 0 0}.md-browse-bottom p{font-size:12px;margin:12px}.md-browse-bottom p>span{color:#98978f;margin-left:10px}.md-dots{display:flex;justify-content:center;gap:4px}.md-dots button{padding:0;border:8px solid transparent;background:#ccc9c0;background-clip:content-box;width:23px;height:23px;border-radius:50%;cursor:pointer}.md-dots button.is-active{background-color:#252b2a}.md-pages{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;margin-top:8px}.md-pages button{border:1px solid #ddd;background:#fff;border-radius:8px;padding:8px 13px;cursor:pointer}
.md-empty{grid-column:1/-1;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 24px}.md-empty h3{font-size:20px;font-weight:500;margin:8px 0}.md-empty p{font-size:13px;line-height:1.6;color:#85847c;max-width:300px}.md-empty button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:#394f44;cursor:pointer;padding:12px}
.md-services{border-top:1px solid #dcd9ce;padding:35px 0 45px}.md-services h2{font:400 clamp(27px,3vw,42px)/1.2 Georgia,serif;letter-spacing:-.045em;color:#202326;margin:0 0 35px}.md-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.md-services-grid button{display:flex;flex-direction:column;align-items:center;gap:12px;border:0;border-right:1px solid #dedbd1;background:none;padding:15px;cursor:pointer;color:#202427;font:23px/1.2 Georgia,serif}.md-services-grid button:last-child{border-right:0}.md-services-grid .md-pixel{width:86px;height:86px}.md-services-grid button:hover .md-pixel{transform:translateY(-5px)}.md-services-grid i{font:20px Arial,sans-serif;font-style:normal}.md-service-detail{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:35px;padding:26px;border:1px solid #dedbd1;border-radius:18px;background:#ffffff80}.md-service-detail[hidden]{display:none}.md-service-detail h3{margin:0 0 8px;font-weight:500;font-size:22px}.md-service-detail p{max-width:650px;font-size:15px;line-height:1.6;color:#73756e;margin:0}.md-service-detail a{flex-shrink:0}
.md-catalog{grid-column:1/-1;scroll-margin-top:25px;margin-top:15px;padding:30px;border:1px solid #dfdccf;border-radius:24px;background:#fff8}.md-catalog[hidden]{display:none}.md-catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.md-catalog h2{font:36px Georgia,serif;margin:0 0 20px}.md-catalog-heading button{border:0;background:none;padding:10px;cursor:pointer}.md-catalog label{display:grid;gap:8px;font-size:13px}.md-catalog input{font:16px Arial,sans-serif;border:1px solid #d7d6cd;border-radius:10px;padding:14px;background:#fff;min-width:0}.md-catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.md-catalog-list>button{display:flex;gap:15px;align-items:center;text-align:left;background:#fff9;border:1px solid #e1dfd6;border-radius:14px;padding:20px;cursor:pointer;color:#252927}.md-catalog-list small,.md-catalog-list strong,.md-catalog-list span>span{display:block}.md-catalog-list small{font-size:10px;color:#85887f;margin-bottom:6px}.md-catalog-list strong{font-size:17px}.md-catalog-list span>span{font-size:13px;line-height:1.5;color:#777c72;margin-top:8px}.md-catalog-list>button>span:last-child{margin-left:auto}.md-catalog-list .md-pixel{width:64px;height:64px}
.md-app-dialog{padding:0;border:1px solid #dedace;border-radius:22px;background:#faf9f5;color:#222;width:min(560px,calc(100vw - 28px));max-height:90svh;box-shadow:0 30px 90px #0004}.md-app-dialog::backdrop,.md-admin-preview::backdrop{background:#20261e55;backdrop-filter:blur(8px)}.md-app-dialog header{display:flex;align-items:center;gap:15px;padding:14px 20px;border-bottom:1px solid #ddd9cf;font:12px Arial,sans-serif;background:linear-gradient(#fff,#eeece5)}.md-window-lights{display:flex;gap:5px}.md-window-lights i{width:9px;height:9px;border-radius:50%;background:#eb695e;border:1px solid #0001}.md-window-lights i:nth-child(2){background:#efc34c}.md-window-lights i:nth-child(3){background:#69bc73}.md-app-dialog header button{margin-left:auto;font-size:23px;cursor:pointer;border:0;background:none;color:#73756c;min-width:32px}.md-dialog-preview{background:radial-gradient(ellipse,#fff,#e9ece3);min-height:180px;display:grid;place-items:center;padding:25px}.md-dialog-preview .md-pixel,.md-dialog-preview .md-custom-icon{width:130px;height:130px}.md-dialog-preview>img:not(.md-custom-icon){width:100%;max-height:280px;object-fit:contain;border-radius:10px}.md-dialog-copy{padding:25px 30px 32px}.md-dialog-copy h2{font:36px/1.1 Georgia,serif;margin:10px 0 18px;overflow-wrap:anywhere}.md-dialog-copy>p:not(.md-eyebrow){font:15px/1.7 Arial,sans-serif;color:#71766c;white-space:pre-line}.md-dialog-copy small{display:block;font-size:11px;margin-top:12px;color:#858a80}.md-dialog-copy .md-primary{margin-top:10px}
.md-admin-preview{width:min(900px,92vw);max-height:90svh;overflow:auto;border:1px solid #ded9cd;border-radius:24px;padding:28px;background:#f8f7f3}.md-admin-preview>[data-close]{border:0;background:none;padding:10px;cursor:pointer}.md-admin-preview .md-browser{max-width:650px;margin:45px auto 0}.md-admin-preview .md-catalog-list{grid-template-columns:1fr}.md-edit-item{border:1px solid #d8ded1;border-radius:15px;padding:20px;margin:25px 0}.md-edit-item header{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.md-edit-item header strong{margin-right:auto}.md-editor button{padding:10px 14px;border:1px solid #ccd3c7;border-radius:8px;background:#fff;cursor:pointer;color:#2b382e}.md-editor fieldset{min-width:0;margin:18px 0;border:1px solid #d7dccf;border-radius:10px;padding:15px}.md-editor-image{width:100%;max-height:190px;object-fit:contain}.md-icon-preview .md-pixel,.md-icon-preview img{width:70px;height:70px;object-fit:contain}.md-load-error{grid-column:2;padding:35px;border:1px solid #ddd;border-radius:18px}
.md-browser button:focus-visible,.md-services button:focus-visible,.md-primary:focus-visible,.md-app-dialog button:focus-visible,.md-app-dialog a:focus-visible,.md-catalog button:focus-visible{outline:3px solid #438aaf;outline-offset:4px}
@media(max-width:1050px){#moi-showroom-digital .moi-room-shell{width:calc(100% - 60px)}#moi-showroom-digital .md-hero{gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding-top:75px}.md-browser{padding:35px 10px 0}.md-folder{padding:16px 15px 12px}.md-app-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.md-app{min-height:115px;font-size:12px}.md-app .md-pixel{width:64px;height:64px}.md-folder-title{font-size:17px}.md-folder-tabs button{padding:7px;font-size:10px}.md-folder-arrow{width:38px;height:38px}.md-prev{left:-23px}.md-next{right:-23px}}
@media(max-width:760px){#moi-showroom-digital .moi-room-shell{width:calc(100% - 40px)}#moi-showroom-digital .md-hero{grid-template-columns:1fr;padding:35px 0 30px;gap:55px;min-height:0}#moi-showroom-digital .moi-room-title{font-size:clamp(44px,10vw,68px);max-width:550px;margin-top:20px}#moi-showroom-digital .moi-room-subtitle{font-size:19px}.md-hero-actions{margin-top:28px;gap:20px}.md-browser{grid-column:1;padding:25px 20px 0}.md-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-height:250px}.md-app{min-height:116px}.md-back-one{transform:translate(9px,-15px) rotate(2deg)}.md-back-two{transform:translate(15px,-25px) rotate(4deg)}.md-folder-title{max-width:88%;font-size:18px;padding:0 20px}.md-catalog{padding:20px}.md-catalog-list{grid-template-columns:1fr}.md-catalog h2{font-size:28px}.md-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.md-services-grid button{font-size:22px}.md-services-grid button:nth-child(2){border-right:0}.md-service-detail{flex-direction:column;align-items:flex-start}.md-service-detail a{width:100%;box-sizing:border-box}.md-catalog-list>button{padding:12px;gap:10px}.md-catalog-list .md-pixel{width:48px;height:48px}.md-dialog-copy{padding:22px}.md-load-error{grid-column:1}}
@media(max-width:390px){.md-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.md-folder-tabs{gap:1px}.md-folder-tabs button{font-size:9px;padding:6px}.md-primary{font-size:13px;padding:14px 18px}.md-app{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.md-folder{animation:md-folder-arrive .35s ease-out both}@keyframes md-folder-arrive{from{opacity:.3;transform:translateX(12px) rotateY(-3deg)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.md-pixel,.md-primary,.md-app{transition:none!important}.md-app:hover,.md-app:hover .md-pixel,.md-primary:hover{transform:none}}
/* Digital world v2: original grid lettering, physical four-sheet stack. */
@font-face{font-family:'MOI Pixel';src:url('moi-pixel.woff') format('woff');font-display:swap}
#moi-showroom-digital{--world:#f4f0e7;background-color:var(--world);background-image:radial-gradient(#526b6a12 1px,transparent 1px);background-size:8px 8px;transition:background-color .55s ease;color:#263d43}
#moi-showroom-digital[data-digital-mood="1"]{--world:#e9f2e8}#moi-showroom-digital[data-digital-mood="2"]{--world:#e9f0f5}#moi-showroom-digital[data-digital-mood="3"]{--world:#f7f0dc}
#moi-showroom-digital :is(h1,h2,h3,p,a,button,input,span,small,label),.md-app-dialog :is(h2,p,a,button,span,small),.md-admin-preview{font-family:'MOI Pixel',monospace;letter-spacing:0}
#moi-showroom-digital .moi-room-title{font-family:'MOI Pixel',monospace;font-size:clamp(32px,4vw,58px);line-height:1.45;letter-spacing:-.025em;text-shadow:3px 3px #dfd6bd;overflow-wrap:normal}
#moi-showroom-digital .moi-room-subtitle{font-size:19px;line-height:1.65}#moi-showroom-digital .md-eyebrow{font-size:12px}#moi-showroom-digital .moi-room-brand img{filter:none!important;width:180px;height:auto}
#moi-showroom-digital .md-services h2{font-size:clamp(23px,2.6vw,34px);line-height:1.5}#moi-showroom-digital .md-services-grid button{font-size:19px}
.md-browser{--paper:#fff9e9;--edge:#acaa99;padding-top:10px}.md-browser[data-mood="1"]{--paper:#d3ead2;--edge:#81ab8e}.md-browser[data-mood="2"]{--paper:#d5e6f1;--edge:#7ca3bd}.md-browser[data-mood="3"]{--paper:#f5e6ad;--edge:#bca36b}
.md-browser>.md-folder-tabs{margin:0 0 94px;position:relative;z-index:9;border:0;gap:7px}.md-folder-tabs button{border-radius:0;font-family:'MOI Pixel',monospace;font-size:12px;padding:10px;background:#fff6;border:1px solid #b5beb8;box-shadow:2px 2px #bbc2b6;min-height:42px}.md-folder-tabs button[aria-pressed=true]{background:var(--paper);border-color:#405953;box-shadow:3px 3px #405953;color:#263d43}
.md-folder-stack{display:grid;perspective:1300px;margin:0 12px 0 0;isolation:isolate;min-width:0}
.md-sheet{grid-area:1/1;align-self:stretch;min-width:0;--sheet:#fff9e9;--sheet-edge:#acaa99;background:var(--sheet);border:2px solid var(--sheet-edge);border-radius:0;padding:22px 20px 16px;backdrop-filter:none;box-shadow:inset 4px 4px #ffffffa0,inset -4px -4px #263d4310,5px 6px 0 var(--sheet-edge),9px 10px 0 #263d4315;transform:translate(calc(var(--depth)*9px),calc(var(--depth)*-17px)) scale(calc(1 - var(--depth)*.015));transform-origin:50% 100%;transition:transform .55s cubic-bezier(.22,.7,.2,1),box-shadow .5s;animation:none}
.md-sheet[data-sheet="1"]{--sheet:#d3ead2;--sheet-edge:#81ab8e}.md-sheet[data-sheet="2"]{--sheet:#d5e6f1;--sheet-edge:#7ca3bd}.md-sheet[data-sheet="3"]{--sheet:#f5e6ad;--sheet-edge:#bca36b}
.md-sheet:not(.is-front){pointer-events:none}.md-sheet .md-sheet-content{opacity:0;visibility:hidden;transition:opacity .2s}.md-sheet.is-front .md-sheet-content{opacity:1;visibility:visible;transition:opacity .3s .15s}
.md-sheet .md-folder-title{top:-40px;left:-2px;height:40px;max-width:95%;border:2px solid var(--sheet-edge);border-bottom:0;border-radius:0;background:var(--sheet);font:17px/1.4 'MOI Pixel',monospace;padding:0 18px;box-shadow:inset 4px 4px #ffffffa0;clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% 100%,0 100%);white-space:nowrap}.md-folder-title>span{font-size:11px;opacity:.55;margin-right:12px}
.md-sheet .md-app{border-radius:0;background:#ffffff60;border:1px solid #fff;box-shadow:3px 3px #263d4318}.md-sheet .md-app-grid{min-height:300px}.md-brand-icon{object-fit:contain;width:100%!important;max-width:140px;height:75px!important;filter:none}.md-folder-arrow{z-index:8;border-radius:0;border:2px solid #6e8177;box-shadow:3px 3px #6e8177;background:#fffdf3;font-family:monospace}.md-prev{left:-32px}.md-next{right:-32px}.md-dots button{border-radius:0}.md-dots button:nth-child(1){background-color:#b8b19f}.md-dots button:nth-child(2){background-color:#81ab8e}.md-dots button:nth-child(3){background-color:#7ca3bd}.md-dots button:nth-child(4){background-color:#bca36b}.md-dots button.is-active{outline:1px solid #263d43}
.md-empty{padding:16px 6px;min-height:300px}.md-empty h3{font-size:18px;line-height:1.55}.md-empty p{font-size:13px;color:#52675e;line-height:1.7}.md-empty button{font:12px/1.6 'MOI Pixel',monospace}.md-folder-bottom{color:#516457}.md-folder-bottom button{font:11px/1.5 'MOI Pixel',monospace}.md-folder-bottom>span{font-size:11px}
#moi-showroom-digital .md-primary,.md-app-dialog .md-primary{border-radius:0;box-shadow:4px 4px #839c91;background:#294c49;border:2px solid #294c49;font-family:'MOI Pixel',monospace;font-size:13px}.md-catalog,.md-service-detail,.md-app-dialog{border-radius:0;box-shadow:5px 5px #263d4320}.md-catalog h2,.md-dialog-copy h2{font:27px/1.4 'MOI Pixel',monospace}.md-app-dialog header,.md-dialog-copy>p:not(.md-eyebrow){font:14px/1.8 'MOI Pixel',monospace}.md-catalog input,.md-catalog-list>button{border-radius:0}.md-catalog-list>button{font-family:'MOI Pixel',monospace}
.md-services-grid{gap:14px}.md-services-grid button{border:1px solid #b5c3b6!important;background:#fff5;box-shadow:4px 4px #b5c3b650;transition:background .2s,box-shadow .2s,transform .2s}.md-services-grid button[aria-expanded=true]{background:#dcebdc;box-shadow:4px 4px #658873}.md-services-grid .md-service-icon{width:96px;height:96px;filter:none}.md-icon-body,.md-detail{transform-box:fill-box;transform-origin:center}
@media(prefers-reduced-motion:no-preference){
#moi-showroom-digital.is-active .md-copy{animation:md-pixel-enter .7s steps(8,end) both}#moi-showroom-digital.is-active .md-browser{animation:md-pixel-enter .75s .12s steps(9,end) both}
.md-services-grid button:is(:hover,:focus-visible,.md-selected-motion) .md-icon-body{animation:md-icon-hop .6s ease-out}
.md-services-grid button:is(:hover,:focus-visible,.md-selected-motion) [data-icon-kind="web"] .md-detail{animation:md-screen .7s steps(5,end)}
.md-services-grid button:is(:hover,:focus-visible,.md-selected-motion) [data-icon-kind="blocks"] .md-detail{animation:md-modules .7s ease-in-out}
.md-services-grid button:is(:hover,:focus-visible,.md-selected-motion) [data-icon-kind="shop"] .md-detail{animation:md-awning .7s ease-in-out}
.md-services-grid button:is(:hover,:focus-visible,.md-selected-motion) .md-wire{animation:md-connect .8s linear}
@keyframes md-pixel-enter{from{opacity:0;transform:translateY(16px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes md-icon-hop{35%{transform:translateY(-5px)}70%{transform:translateY(1px)}}@keyframes md-screen{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}@keyframes md-modules{40%{transform:rotate(6deg) scale(.92)}75%{transform:rotate(-2deg)}}@keyframes md-awning{35%{transform:scaleY(.45)}70%{transform:scaleY(1.1)}}@keyframes md-connect{to{stroke-dashoffset:-36}}
}
@media(max-width:1050px){#moi-showroom-digital .md-hero{grid-template-columns:1fr;gap:45px;padding-top:35px}.md-browser{grid-column:1;width:100%;max-width:680px;box-sizing:border-box;justify-self:center}.md-sheet .md-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#moi-showroom-digital .moi-room-title{max-width:720px;font-size:clamp(32px,5.5vw,50px)}.md-browser>.md-folder-tabs{justify-content:center}}
@media(max-width:540px){.md-browser{padding-left:15px;padding-right:25px}.md-sheet{padding:15px 12px 12px}.md-sheet .md-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.md-folder-tabs button{font-size:10px;padding:9px 7px}.md-browser>.md-folder-tabs{margin-bottom:94px;gap:5px}.md-folder-title>span{margin-right:6px}.md-sheet .md-folder-title{font-size:15px;padding:0 12px}.md-folder-arrow{width:34px;height:40px}.md-prev{left:-25px}.md-next{right:-25px}.md-empty h3{font-size:16px}.md-empty p{font-size:12px}#moi-showroom-digital .moi-room-title{font-size:30px}#moi-showroom-digital .moi-room-subtitle{font-size:16px}.md-services-grid{gap:12px}#moi-showroom-digital .md-services-grid button{font-size:15px;padding:16px 7px}.md-services-grid .md-service-icon{width:80px;height:80px}}
@media(prefers-reduced-motion:reduce){#moi-showroom-digital,#moi-showroom-digital *,.md-sheet,.md-sheet-content,.md-app-dialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#moi-showroom-digital .moi-room-brand{width:180px;max-width:45%}#moi-showroom-digital .moi-room-brand img{width:100%}
@media(prefers-reduced-motion:no-preference){#moi-showroom-digital.is-preview .md-copy,#moi-showroom-digital.is-preview .md-browser{opacity:0}#moi-showroom-digital.is-active .md-hero{animation:none}}

/* Homepage → Digital: one canvas above the live, inert destination. */
.moi-cinema.is-pixel .moi-cinema-scene{display:none}
.md-transition-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;pointer-events:none}
.moi-cinema.is-pixel .moi-skip{border-radius:0;background:#111b19e8;border:1px solid #bbd5c8;box-shadow:3px 3px #53685e;font:12px/1.4 'MOI Pixel',monospace;backdrop-filter:none}
#moi-showroom-digital.md-awaiting-entry .moi-room-shell{visibility:hidden}
#moi-showroom-digital .moi-room-header,#moi-showroom-digital .md-copy>* ,#moi-showroom-digital .md-browser,#moi-showroom-digital .md-services,#moi-showroom-digital .moi-room-nav{--md-entry-delay:0ms}
@media(prefers-reduced-motion:no-preference){
  #moi-showroom-digital.is-active .md-copy{animation:none;opacity:1;transform:none;clip-path:none}
  #moi-showroom-digital.is-active .md-browser{animation:md-world-enter 520ms 260ms steps(10,end) both}
  #moi-showroom-digital.is-active .moi-room-header{animation:md-world-enter 420ms steps(8,end) both}
  #moi-showroom-digital.is-active .md-copy>:not([hidden]){animation:md-world-enter 480ms var(--md-entry-delay) steps(10,end) both}
  #moi-showroom-digital .md-copy>.md-eyebrow{--md-entry-delay:40ms}
  #moi-showroom-digital .md-copy>.moi-room-title{--md-entry-delay:100ms}
  #moi-showroom-digital .md-copy>.moi-room-subtitle{--md-entry-delay:180ms}
  #moi-showroom-digital .md-copy>.md-hero-actions{--md-entry-delay:260ms}
  #moi-showroom-digital .md-copy>.md-admin-link{--md-entry-delay:300ms}
  #moi-showroom-digital.is-active .md-services{animation:md-world-enter 520ms 340ms steps(10,end) both}
  #moi-showroom-digital.is-active .moi-room-nav{animation:md-world-enter 450ms 400ms steps(8,end) both}
  #moi-showroom-digital.is-active .md-services-grid .md-service-icon{animation:md-icon-boot 600ms 500ms steps(8,end) both}
  #moi-showroom-digital.is-active .md-services-grid button:nth-child(2) .md-service-icon{animation-delay:560ms}
  #moi-showroom-digital.is-active .md-services-grid button:nth-child(3) .md-service-icon{animation-delay:620ms}
  #moi-showroom-digital.is-active .md-services-grid button:nth-child(4) .md-service-icon{animation-delay:680ms}
  @keyframes md-world-enter{0%{opacity:0;transform:translateY(14px);clip-path:inset(0 0 100% 0)}35%{opacity:1}100%{opacity:1;transform:none;clip-path:inset(0)}}
  @keyframes md-icon-boot{0%{opacity:0;transform:translateY(8px) scale(.88)}65%{opacity:1;transform:translateY(-2px) scale(1.02)}100%{opacity:1;transform:none}}
}
/* Project requests: shared pixel symbols and a coral pressable CTA. */
#moi-showroom-digital .md-project-cta,.md-project-dialog .md-project-cta{background:#ff4d5a;color:#27151b;border-color:#982b3c;box-shadow:4px 4px #982b3c,inset 2px 2px #ff9296;font-weight:700;text-decoration:none}
.md-project-cta>span{transition:transform .18s}.md-project-cta:hover>span{transform:translate(2px,-2px)}
#moi-showroom-digital .md-project-cta:hover,.md-project-dialog .md-project-cta:hover{background:#ff6370;transform:translate(-1px,-2px);box-shadow:5px 6px #982b3c,inset 2px 2px #ffa1a8}
#moi-showroom-digital .md-project-cta:active,.md-project-dialog .md-project-cta:active{transform:translate(3px,3px);box-shadow:1px 1px #982b3c}
.md-project-cta:focus-visible,.md-project-dialog :is(button,a,input,textarea,select):focus-visible{outline:3px solid #185f8c;outline-offset:4px}
.md-project-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:2px solid #425f59;border-radius:0;color:#263d43;background:#f7f3e9;box-shadow:8px 8px #425f59;font:15px/1.65 'MOI Pixel',monospace;overscroll-behavior:contain}
.md-project-dialog *{box-sizing:border-box;font-family:inherit}.md-project-dialog::backdrop{background:#0c161ad6;backdrop-filter:blur(5px)}
.mdq-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:2px solid #425f59;background:#d9e8de;font-size:12px;gap:16px}.mdq-header button{background:#f9f5eb;border:1px solid #425f59;width:36px;height:36px;font-size:24px;cursor:pointer}
.mdq-progress{padding:18px 28px 0}.mdq-progress p{margin:0 0 8px;font-size:12px}.mdq-progress progress{width:100%;height:10px;accent-color:#527f71;border:0;background:#e3e3d5}.mdq-progress progress::-webkit-progress-bar{background:#e3e3d5}.mdq-progress progress::-webkit-progress-value{background:#527f71;transition:width .2s}
.mdq-form{padding:20px 28px 26px}.mdq-page h2{font-size:clamp(22px,3vw,30px);line-height:1.4;margin:0 0 12px}.mdq-page>p{color:#53645d;margin:0 0 22px}.mdq-field{display:grid;gap:8px;margin:20px 0;font-size:13px}.mdq-field :is(input,textarea,select){min-width:0;width:100%;border:1px solid #99aaa0;border-radius:0;background:#fffdf7;color:#263d43;padding:12px;font:16px/1.5 'MOI Pixel',monospace;box-shadow:2px 2px #99aaa033}.mdq-field textarea{resize:vertical}
.mdq-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.mdq-option{display:flex;align-items:center;position:relative;gap:12px;min-height:92px;padding:12px 34px 12px 12px;background:#fffaf1;border:2px solid #bbc8bf;box-shadow:3px 3px #bbc8bf;cursor:pointer;font-size:13px}.mdq-option input{position:absolute;opacity:0;width:1px;height:1px}.mdq-option .md-pixel{width:56px;height:56px;flex-shrink:0}.mdq-option>i{position:absolute;right:10px;top:10px;opacity:0;font-style:normal}.mdq-option:has(:checked){background:#d9ebdb;border-color:#527f71;box-shadow:3px 3px #527f71}.mdq-option:has(:checked)>i{opacity:1}.mdq-option:has(:focus-visible){outline:3px solid #185f8c;outline-offset:3px}
.mdq-actions{display:flex;justify-content:space-between;gap:16px;margin-top:28px;padding-top:20px;border-top:1px solid #bec6ba}.mdq-actions button{cursor:pointer;min-height:44px}.mdq-actions>button:not(.md-primary),.mdq-copy{background:none;border:0;color:#37584d;text-decoration:underline;padding:10px;font:13px/1.5 'MOI Pixel',monospace;cursor:pointer}.mdq-actions button:disabled{opacity:.4;cursor:default}.md-project-dialog .md-primary{font:13px/1.5 'MOI Pixel',monospace;border-radius:0;box-shadow:3px 3px #527f71}.mdq-summary{margin:24px 0;border:1px solid #b8c4b8;padding:16px;background:#fffaf2}.mdq-summary>div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid #dde0d4}.mdq-summary>div:last-child{border:0}.mdq-summary dt{font-size:12px;color:#596e63}.mdq-summary dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.mdq-note{font-size:12px;color:#596e63}.mdq-send{width:100%;margin-bottom:14px}.mdq-copy-text{width:100%;min-height:220px}.mdq-page h2:focus{outline:none}
@media(prefers-reduced-motion:no-preference){.mdq-page{animation:md-world-enter .24s steps(6,end) both}.md-choice-pulse .md-pixel{animation:md-icon-hop .55s ease-out}.md-empty:hover .md-icon-body{animation:md-icon-hop .6s ease-out}.md-empty:hover .md-wire{animation:md-connect .8s linear}}
@media(max-width:540px){.mdq-form{padding:18px}.mdq-header{padding:12px 18px}.mdq-progress{padding:16px 18px 0}.mdq-options{grid-template-columns:1fr}.mdq-option{min-height:80px}.mdq-summary>div{grid-template-columns:1fr;gap:2px}.mdq-page>p{font-size:13px}.md-project-dialog{max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}.mdq-actions{gap:8px}.mdq-actions .md-primary{padding:13px 12px}}
@media(prefers-reduced-motion:reduce){.md-project-dialog *{animation:none!important;transition:none!important}}

/* Reconstructed standalone alpha assets, shared by services and wizard. */
.md-clean-icon{object-fit:contain;filter:none!important;background:transparent;border:0;transform-origin:50% 75%}
.md-services-grid .md-clean-icon{width:144px;height:120px;max-width:100%}
.mdq-option .md-clean-icon{width:80px;height:72px}.md-empty .md-clean-icon{width:120px;height:104px}
@media(max-width:540px){.md-services-grid .md-clean-icon{width:120px;height:104px}.mdq-option .md-clean-icon{width:76px;height:68px}}
@media(prefers-reduced-motion:no-preference){
#moi-showroom-digital .md-services-grid button.md-selected-motion .md-clean-icon,.md-choice-pulse .md-clean-icon{animation:md-clean-feedback 420ms cubic-bezier(.22,.7,.3,1) both}
@keyframes md-clean-feedback{0%,100%{transform:translateY(0) scale(1)}32%{transform:translateY(-5px) scale(1.035)}65%{transform:translateY(1px) scale(.985)}}
@media(prefers-reduced-motion:reduce){.md-clean-icon,.md-choice-pulse .md-clean-icon{animation:none!important;transition:none!important}}

/* Objectives: the same transparent illustrations, another entry to the project. */
.md-objectives{margin:0 0 48px;padding:24px;border:2px solid #c4cec2;background:#faf7ef99;box-shadow:4px 4px #a7b4a724,inset 2px 2px #fff9}
.md-objectives-heading{display:flex;align-items:center;gap:24px;margin-bottom:24px}
#moi-showroom-digital .md-objectives-heading h2{flex-shrink:0;margin:0;color:#263d43;font-size:clamp(25px,2.6vw,36px);font-weight:700;line-height:1.4;text-shadow:2px 2px #dce2d5}
.md-objectives-rule{height:3px;flex:1;background:#c4cec2}
.md-objectives-pixels{flex:0 0 40px;height:8px;background:repeating-linear-gradient(90deg,#c4cec2 0 8px,transparent 8px 16px)}
.md-objectives-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.md-objectives-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0;min-height:220px;padding:18px 10px;border:1px solid #bfcabc;background:#fffdf66b;box-shadow:3px 3px #b5c3b630;color:#263d43;font-size:clamp(13px,1.2vw,17px);line-height:1.6;text-align:center;cursor:pointer}
.md-objectives-grid .md-clean-icon{width:136px;height:128px;max-width:100%;object-fit:contain}
.md-objectives-grid button:focus-visible{outline:3px solid #185f8c;outline-offset:4px;background:#e5eee0}
.md-objectives-grid button:active{background:#dcebdc;box-shadow:1px 1px #658873}
.mdq-objective{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 28px 0;padding:12px 14px;border:1px solid #a5beaa;background:#e2eddd;box-shadow:2px 2px #becdbb}
.mdq-objective p{margin:0;min-width:0}.mdq-objective small{display:block;color:#53695b;font-size:10px;margin-bottom:4px}.mdq-objective strong{display:block;font-size:12px;line-height:1.6;font-weight:400;overflow-wrap:anywhere}
.mdq-objective button{flex:0 0 44px;min-height:44px;border:1px solid #a5beaa;background:#fffaf1;color:#37584d;font-size:22px;cursor:pointer}
@media(hover:hover){.md-objectives-grid button:hover{background:#e5eee0;box-shadow:4px 5px #658873}}
@media(prefers-reduced-motion:no-preference){
 .md-objectives-grid button{transition:background .2s,box-shadow .2s,transform .2s}
 .md-objectives-grid button:active{transform:translate(2px,2px)}
 #moi-showroom-digital.is-active .md-objectives{animation:md-world-enter 520ms 380ms steps(10,end) both}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.md-objectives-grid button:hover{transform:translateY(-3px)}.md-objectives-grid button:hover .md-clean-icon{transform:translateY(-3px)}}
@media(max-width:760px){
 .md-objectives{padding:18px;margin-bottom:36px}.md-objectives-heading{gap:14px;margin-bottom:20px}
 .md-objectives-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .md-objectives-grid button{min-height:190px;font-size:14px;padding:14px 8px;gap:12px}
 .md-objectives-grid button:last-child{grid-column:1/-1;flex-direction:row;gap:24px;min-height:140px}
 .md-objectives-grid .md-clean-icon{width:112px;height:108px}
 .md-objectives-grid button:last-child .md-clean-icon{max-width:40%}
}
@media(max-width:540px){.mdq-objective{margin:16px 18px 0}}
@media(max-width:390px){.md-objectives{padding:14px 12px}.md-objectives-grid{gap:10px}.md-objectives-grid button{font-size:12px;min-height:172px}.md-objectives-grid .md-clean-icon{width:96px;height:96px}.md-objectives-grid button:last-child{gap:16px;min-height:126px}.md-objectives-heading{gap:10px}.md-objectives-pixels{flex-basis:24px}}

/* Goals now occupy the former folder showcase; software remains available below the service cards. */
#moi-showroom-digital .md-hero .md-objectives{margin:0;align-self:center}
#moi-showroom-digital .md-hero .md-objectives-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#moi-showroom-digital .md-hero .md-objectives-grid button{min-height:178px;padding:12px 7px;gap:8px;font-size:clamp(11px,1vw,14px)}
#moi-showroom-digital .md-hero .md-objectives-grid .md-clean-icon{width:min(100%,106px);height:98px}
.md-software-library{margin:8px 0 52px}
.md-software-library>header{max-width:960px;margin:0 auto 18px}
.md-software-library>header h2{margin:0;color:#25292a;font:clamp(24px,3vw,34px)/1.35 'MOI Pixel',monospace}
.md-software-library .md-workspace{display:block;max-width:100%;margin:auto}
.md-software-library .md-browser{grid-column:auto;width:100%;max-width:960px;margin:0 auto;padding:35px 22px 0}
.md-software-library .md-catalog{max-width:960px;margin:32px auto 0}
@media(max-width:1050px){#moi-showroom-digital .md-hero .md-objectives{width:100%;max-width:760px;justify-self:center}}
@media(max-width:760px){#moi-showroom-digital .md-hero .md-objectives-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#moi-showroom-digital .md-hero .md-objectives-grid button{min-height:174px;font-size:13px}.md-software-library .md-browser{padding:24px 18px 0}.md-software-library>header{padding:0 10px}}
@media(max-width:390px){#moi-showroom-digital .md-hero .md-objectives-grid button{min-height:156px;font-size:11px}#moi-showroom-digital .md-hero .md-objectives-grid .md-clean-icon{width:90px;height:86px}}