/* Shared actions: one icon language, visible states, generous targets. */
:root{--action-radius:11px;--action-height:56px;--action-border:#756583;--action-ink:#201a2c}
.ui-icon{display:block;width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:2.75;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.button-label{font-size:inherit;line-height:inherit;pointer-events:none}
.button,.nav-cta,.text-link,.demo-link,.sample-button,.back-top,.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 18px;border:1px solid transparent;border-radius:var(--action-radius);font-size:14px;font-weight:700;line-height:1.35;letter-spacing:0;text-align:center;touch-action:manipulation;cursor:pointer;position:relative;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s;isolation:isolate}
.button{min-height:var(--action-height);padding:16px 22px;gap:20px;justify-content:space-between}
.button-lime{background:var(--lime);color:var(--action-ink);border-color:var(--lime);box-shadow:0 4px 0 #739036}
.button:hover,.sample-button:hover,.swatch:hover{transform:none;filter:none}
.button-lime:hover{box-shadow:0 4px 0 #739036}
.button-dark{background:#241d32;color:#fff;box-shadow:0 4px 0 #8bae43;border-color:#241d32;justify-content:center}
.button-dark:hover{box-shadow:0 4px 0 #8bae43}
.nav-cta{min-height:44px;padding:10px 16px;gap:14px;border-color:#776b87;background:#ffffff04;font-size:13px;white-space:nowrap}
.header nav{gap:22px}.header nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 4px;border-radius:7px;touch-action:manipulation;transition:color .18s,background-color .18s}
.text-link{border:1px solid var(--action-border);background:#ffffff03;color:#f3edf9;white-space:normal;font-size:14px;padding:13px 17px;min-height:48px}
.hero-actions{gap:16px;flex-wrap:wrap}.hero-actions .text-link{min-height:var(--action-height);font-size:14px;gap:10px}
.hero-actions .button-label{min-width:0}.hero-actions .ui-icon{width:20px;height:20px;flex-basis:20px}
.scroll-note{display:inline-flex;align-items:center;min-height:44px;gap:12px;bottom:20px;padding:8px 0;border-radius:6px;font-size:9px;color:#c3b7d0;touch-action:manipulation}.scroll-note .ui-icon{width:18px;height:18px;flex-basis:18px;color:var(--lime)}
.world-card{display:flex;flex-direction:column}.world-info{display:flex;flex-direction:column;flex:1}.world-info>p{flex:1}.world-meta{flex-wrap:wrap;align-items:center;margin-top:18px;gap:8px}
.world-meta .demo-link{flex:1 0 100%;min-height:48px;margin:8px 0 0;border-color:#736083;background:#342840;color:#f8f4ff;gap:10px;padding:11px 16px;font-size:14px}
.demo-link .ui-icon{width:20px;height:20px;flex-basis:20px;color:var(--lime)}
.play-circle{width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffffb3;box-shadow:0 3px 0 #211b304d;background:#f7f4ed;color:#292034;transition:background-color .18s,transform .18s}.play-circle .ui-icon{width:22px;height:22px}
.world-visual:focus-visible{outline-offset:-5px}
.menu-toggle{width:48px;height:48px;min-height:48px;flex:0 0 48px;padding:12px;border:1px solid #7c6d8c;border-radius:11px;align-items:center;justify-content:center;background:#ffffff04;color:#eee6f7;touch-action:manipulation;transition:background-color .18s,border-color .18s,transform .18s}.menu-toggle .icon-close{display:none}.menu-toggle[aria-expanded="true"] .icon-menu{display:none}.menu-toggle[aria-expanded="true"] .icon-close{display:block}
.swatch{display:inline-grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;border:7px solid var(--bg);border-radius:50%;background:var(--swatch);color:#20192a;outline:none;box-shadow:none;touch-action:manipulation;transition:box-shadow .18s,transform .18s}.swatch .ui-icon{width:19px;height:19px;opacity:0;stroke-width:3.25}.swatch.selected{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--swatch)}.swatch.selected .ui-icon{opacity:1}.theme-buttons{gap:12px;margin-bottom:13px}.theme-status{font-size:11px;line-height:1.5;color:#b9acc8;margin:0 0 23px}
.sample-button{min-height:48px;padding:11px 20px;font-size:13px;gap:10px;background:var(--custom);color:#21182e;border:1px solid var(--custom);box-shadow:0 3px 0 #15112080;margin-top:13px}.sample-button .ui-icon{width:19px;height:19px;flex-basis:19px}.sample-stage{height:354px}.sample-mascot{top:33px}.sample-platform{top:165px}.sample-title{margin-top:202px}.sample-subtitle{min-height:14px;max-width:95%;text-align:center}.price-card .button{font-size:14px;gap:16px;min-height:56px}
.success-icon{display:none}.button-dark.is-success{background:#342843;border-color:#342843}.button-dark.is-success .icon-download{display:none}.button-dark.is-success .success-icon{display:block}.form-note.is-error{color:#6e1831;font-weight:700}.brief [aria-invalid="true"]{border:2px solid #8a2946;box-shadow:0 0 0 2px #8a294622}.form-note.is-success{font-weight:700}
.back-top{font-size:12px;border-color:#6d5e7c;color:#ded3e9;background:#ffffff03;min-height:44px;padding:10px 14px}.back-top .ui-icon{width:18px;height:18px;flex-basis:18px}.footer>a:last-child{font-size:12px;color:#ded3e9}.motion-toggle{font-size:11px;font-weight:500;min-height:44px;padding:10px 10px;border:1px solid #655675;background:#ffffff03;color:#d2c5de;gap:7px}.motion-toggle .ui-icon{width:17px;height:17px;flex-basis:17px}.motion-toggle .icon-play{display:none}.motion-toggle[aria-pressed="false"] .icon-pause{display:none}.motion-toggle[aria-pressed="false"] .icon-play{display:block}
:is(.button,.nav-cta,.text-link,.demo-link,.sample-button,.back-top,.motion-toggle,.menu-toggle,.swatch,.scroll-note,.header nav a):focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #151120}
:is(.button,.nav-cta,.text-link,.demo-link,.sample-button,.back-top,.motion-toggle,.menu-toggle):active{transform:translateY(2px);transition-duration:.06s}.button-lime:active{box-shadow:0 1px 0 #739036}.button-dark:active{box-shadow:0 1px 0 #8bae43}.swatch:active{transform:scale(.94)}
@media(hover:hover) and (pointer:fine){
.button-lime:hover{background:#d6ff79;border-color:#d6ff79;box-shadow:0 5px 0 #739036,0 0 28px #c5f75b15}
.button-dark:hover{background:#3a2d4c;border-color:#3a2d4c}
:is(.nav-cta,.text-link,.back-top,.motion-toggle,.menu-toggle):hover{background:#3d304b;border-color:#b49ec8;color:#fff}
.header nav a:hover{color:var(--lime);background:#ffffff06}.demo-link:hover{background:#493455;border-color:#b69bcf}@media(hover:hover) and (pointer:fine){.world-visual:hover .play-circle{background:var(--lime);transform:scale(1.06)}}.sample-button:hover{box-shadow:0 4px 0 #15112099,0 0 24px #ffffff15}.swatch:hover{transform:translateY(-2px)}.scroll-note:hover{color:#fff}
}
@media(max-width:1100px){.header{gap:18px}.header nav{gap:15px}.header nav a{font-size:11px}.header .wordmark{font-size:30px}.header .brand-icon{font-size:37px}.header .studio{left:46px}.nav-cta{font-size:12px;padding:10px 12px;gap:10px}}
@media(max-width:760px){.header{padding:0 20px;gap:10px}.header .wordmark{font-size:28px}.header .brand-icon{font-size:34px}.header .studio{left:44px}.menu-toggle{display:inline-flex}.header nav{padding:12px;gap:4px}.header nav a{min-height:48px;padding:14px 12px;font-size:14px}.header nav.open{display:flex}.hero-actions{gap:14px;align-items:stretch}.hero .button-lime{font-size:13px;padding:15px 18px;gap:16px;max-width:100%}.hero-actions .text-link{font-size:14px;min-height:52px}.button{min-height:56px}.section-heading .text-link{font-size:13px}.world-meta .demo-link{font-size:14px}.price-card .button{font-size:13px;padding:15px 18px;gap:12px}.sample-stage{height:366px}.sample-title{font-size:27px}.footer{gap:18px}.footer p{flex:1;font-size:10px}.footer>span{font-size:9px}.footer .motion-toggle{margin-left:auto}.footer>a:last-child{margin-left:0}.scroll-note{font-size:8px;bottom:15px}}
@media(max-width:389px){.header .nav-cta{display:none}.header .menu-toggle{margin-left:auto}.hero .button-lime{width:100%;padding:15px 16px;gap:12px;font-size:13px}.price-card .button{font-size:12px}.footer .motion-toggle{margin-left:0}.footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){:is(.button,.nav-cta,.text-link,.demo-link,.sample-button,.back-top,.motion-toggle,.menu-toggle,.swatch,.play-circle){transition:none!important;transform:none!important}}
.motion-toggle:disabled,.motion-toggle:disabled:hover{opacity:.65;cursor:default;background:#ffffff03;border-color:#655675;color:#d2c5de;transform:none}
.scroll-note{font-size:11px}.scroll-note .button-label{font-size:inherit;line-height:inherit}
/* Decorative overflow must not create a scrollable region around the form. */
.brief{overflow:clip}
.wordmark{min-height:44px}

.hero-bottom strong{font-size:12px;font-weight:700;color:var(--lime);line-height:1.7}.mini-dpad .ui-icon{width:23px;height:23px}.price-delivery{display:flex;align-items:center;gap:10px;color:#e8def1;font-size:12px;line-height:1.6;margin:0 0 24px}.price-delivery .ui-icon{width:20px;height:20px;flex-basis:20px;color:var(--lime)}.price-delivery strong{color:var(--lime);white-space:nowrap}

/* Live order form: each field keeps its place and focus while Wix validates it. */
#brief-fields .form-loading{font-size:14px;line-height:1.6;padding:24px 0;margin:0 0 20px;color:#42522a}
.brief .form-field{min-width:0}.brief .form-field input,.brief .form-field textarea,.brief .form-field select{margin-bottom:0}
.brief .form-field{margin-bottom:19px}.brief .form-field label{font-size:12px;line-height:1.45}.brief .form-field-help,.brief .form-field-error{font-size:11px;line-height:1.5;margin:7px 0 0}
.brief .form-field-help{color:#42522a}.brief .form-field-error{color:#6e1831;font-weight:700}.brief .form-label-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brief .form-field input[type="checkbox"]{display:inline-block;width:20px;height:20px;accent-color:#342843;margin:0;vertical-align:middle}
.brief .form-contact{margin:10px 0 0;font-size:12px;line-height:1.6}.form-contact a{display:inline-flex;min-height:32px;align-items:center;text-decoration:underline;text-underline-offset:3px}.form-contact a:hover{color:#5b326b}
#download-request .icon-spinner{display:none;stroke-dasharray:36 16}#download-request.is-loading .icon-send,#download-request.is-success .icon-send{display:none}#download-request.is-loading .icon-spinner{display:block;animation:form-spin 1s linear infinite}#download-request:disabled{cursor:wait;opacity:.72;transform:none}#brief-form[aria-busy="false"] #download-request:disabled{cursor:not-allowed}
.form-success{padding:15px 0 30px;outline:none}.form-success-badge{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#241d32;color:var(--lime);margin-bottom:18px}.form-success-badge .ui-icon{width:28px;height:28px}.form-success h3{font-size:26px;line-height:1.15;letter-spacing:-.7px;margin:0 0 12px}.form-success p{font-size:14px;line-height:1.6;white-space:pre-line;margin:0;color:#354324}
.form-success[hidden],#brief-fields[hidden],.form-field-help[hidden],.form-field-error[hidden]{display:none}
@keyframes form-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#download-request.is-loading .icon-spinner{animation:none}}

.form-success .form-receipt{font-family:monospace;font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin-top:18px;padding-top:14px;border-top:1px solid #42522a40;user-select:text}
.form-success .form-receipt[hidden]{display:none}