.myan-demo-body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:var(--myan-color-bg)}.myan-demo-body .myan-main,.myan-demo-body .myan-header,.myan-demo-body .myan-footer{display:none}.myan-demo-bar{display:flex;align-items:center;gap:var(--myan-space-4);padding:var(--myan-space-2) var(--myan-space-4);background:var(--myan-color-ink);color:var(--myan-color-ink-inverse);flex-wrap:wrap;position:sticky;top:0;z-index:var(--myan-z-header)}.myan-demo-bar__brand{display:flex;align-items:center;gap:var(--myan-space-3);flex-shrink:0}.myan-demo-bar__tag{padding:var(--myan-space-1) var(--myan-space-2);background:var(--myan-color-warning);color:#1c1600;font-size:var(--myan-text-xs);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;border-radius:var(--myan-radius-sm)}.myan-demo-bar__title{font-weight:600;font-size:var(--myan-text-sm)}.myan-demo-bar__explorer{flex:1;min-width:0;overflow-x:auto}.myan-demo-bar__links{list-style:none;margin:0;padding:0;display:flex;gap:var(--myan-space-1);white-space:nowrap}.myan-demo-bar__links a{display:inline-block;padding:var(--myan-space-2) var(--myan-space-3);color:rgb(255 255 255 / 0.8);font-size:var(--myan-text-sm);text-decoration:none;border-radius:var(--myan-radius-sm);min-height:2.25rem}.myan-demo-bar__links a:hover,.myan-demo-bar__links a:focus-visible{background:rgb(255 255 255 / 0.14);color:#fff}.myan-demo-bar__controls{display:flex;align-items:center;gap:var(--myan-space-3);flex-shrink:0}.myan-demo-bar__devices{background:rgb(255 255 255 / 0.1)}.myan-demo-bar__devices .myan-device-toggle{color:rgb(255 255 255 / 0.75)}.myan-demo-bar__devices .myan-device-toggle:hover{background:rgb(255 255 255 / 0.14);color:#fff}.myan-demo-bar__devices .myan-device-toggle.is-active{background:rgb(255 255 255 / 0.2);color:#fff}.myan-demo-bar__open{display:inline-flex;align-items:center;gap:var(--myan-space-1);color:#fff;font-size:var(--myan-text-sm);font-weight:600;text-decoration:none;padding:var(--myan-space-2) var(--myan-space-3);border:1px solid rgb(255 255 255 / 0.4);border-radius:var(--myan-radius-sm);min-height:2.75rem}.myan-demo-bar__open:hover{background:rgb(255 255 255 / 0.14);color:#fff}.myan-demo-bar__exit{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;color:rgb(255 255 255 / 0.75);border-radius:var(--myan-radius-sm)}.myan-demo-bar__exit:hover{background:rgb(255 255 255 / 0.14);color:#fff}.myan-demo-stage{flex:1;display:flex;justify-content:center;padding:var(--myan-space-3);background:var(--myan-color-surface-sunken)}.myan-demo-stage .myan-preview__frame{height:100%;aspect-ratio:auto}.myan-demo-stage__notice{align-self:center;background:var(--myan-color-surface)}@media (max-width:48em){.myan-demo-bar__explorer{order:3;flex-basis:100%}}body.home .myan-section{padding-block:clamp(var(--myan-space-6),5vw,var(--myan-space-7))}body.home .myan-section--flush{padding-top:clamp(var(--myan-space-6),5vw,var(--myan-space-7));padding-bottom:0}.myan-checkout{display:grid;gap:var(--myan-space-6)}@media (min-width:48em){.myan-checkout{grid-template-columns:2fr 1fr;align-items:start}.myan-checkout__summary{position:sticky;top:var(--myan-space-4)}}.myan-order-form{display:grid;gap:var(--myan-space-6)}.myan-order-form__section{border:0;padding:0;margin:0;display:grid;gap:var(--myan-space-4)}.myan-order-form__section legend{padding:0;margin:0 0 var(--myan-space-3);font-size:var(--myan-text-lg);font-weight:700;letter-spacing:-0.01em;color:var(--myan-color-ink)}.myan-order-form__grid{display:grid;gap:var(--myan-space-4);align-items:start}@media (min-width:40em){.myan-order-form__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.myan-order-form__grid .myan-order-form__field:nth-child(3){grid-column:1 / -1}}.myan-order-form__choices{display:flex;flex-wrap:wrap;gap:var(--myan-space-2)}.myan-order-form__choice{position:relative}.myan-order-form__choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.myan-order-form__choice label{display:inline-flex;align-items:center;padding:var(--myan-space-2) var(--myan-space-5);min-height:2.75rem;border:1px solid var(--myan-color-border);border-radius:var(--myan-radius-md);background:var(--myan-color-surface);color:var(--myan-color-ink);font-size:var(--myan-text-sm);font-weight:600;cursor:pointer}.myan-order-form__choice label:hover{border-color:var(--myan-color-primary)}.myan-order-form__choice input:checked + label{border-color:var(--myan-color-primary);background:var(--myan-color-primary-soft);color:var(--myan-color-primary-hover)}.myan-order-form__choice input:focus-visible + label{outline:2px solid var(--myan-color-primary);outline-offset:2px}.myan-checkout__summary{padding:var(--myan-space-5);border:1px solid var(--myan-color-border);border-radius:var(--myan-radius-lg);background:var(--myan-color-surface-sunken)}.myan-checkout__summary h2{margin:0 0 var(--myan-space-4);font-size:var(--myan-text-base);font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--myan-color-ink-muted)}.myan-checkout__theme{margin:0;font-size:var(--myan-text-lg);font-weight:700;color:var(--myan-color-ink)}.myan-checkout__price{margin:var(--myan-space-1) 0 0;font-size:var(--myan-text-xl);font-weight:700;letter-spacing:-0.02em;color:var(--myan-color-primary-hover)}.myan-checkout__locked{margin:0 0 var(--myan-space-5);padding:var(--myan-space-3) var(--myan-space-4);background:var(--myan-color-primary-soft);border-radius:var(--myan-radius-md);font-size:var(--myan-text-sm);color:var(--myan-color-ink)}.myan-checkout__locked strong{font-weight:700}.myan-checkout__included{margin:var(--myan-space-4) 0 0;padding:var(--myan-space-4) 0 0;border-top:1px solid var(--myan-color-border);display:grid;gap:var(--myan-space-2);list-style:none}.myan-checkout__included li{display:flex;align-items:flex-start;gap:var(--myan-space-2);font-size:var(--myan-text-sm);color:var(--myan-color-ink)}.myan-checkout__included svg{flex-shrink:0;margin-top:0.15em;color:var(--myan-color-primary-hover)}.myan-checkout__excluded{color:var(--myan-color-ink-muted)}.myan-checkout__note{margin:var(--myan-space-4) 0 0;padding-top:var(--myan-space-4);border-top:1px solid var(--myan-color-border);font-size:var(--myan-text-xs);color:var(--myan-color-ink-muted)}.myan-order-form__field{display:grid;gap:var(--myan-space-1)}.myan-order-form__field--check{grid-template-columns:auto 1fr;align-items:start;gap:var(--myan-space-2)}.myan-order-form__field--check input{margin-top:0.3em;width:1rem;height:1rem;accent-color:var(--myan-color-primary)}.myan-order-form__label{font-size:var(--myan-text-sm);font-weight:600;color:var(--myan-color-ink)}.myan-order-form__hint{margin:0;font-size:var(--myan-text-xs);color:var(--myan-color-ink-muted)}.myan-order-form__input,.myan-order-form__select,.myan-order-form__textarea{width:100%;padding:var(--myan-space-2) var(--myan-space-3);min-height:2.75rem;border:1px solid var(--myan-color-border);border-radius:var(--myan-radius-sm);background:var(--myan-color-surface);color:var(--myan-color-ink);font:inherit;font-size:var(--myan-text-base)}.myan-order-form__textarea{min-height:8rem;resize:vertical}.myan-order-form__input:focus,.myan-order-form__select:focus,.myan-order-form__textarea:focus{outline:2px solid var(--myan-color-primary);outline-offset:1px;border-color:var(--myan-color-primary)}.myan-order-form__hp{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.myan-order__error{padding:var(--myan-space-3) var(--myan-space-4);border:1px solid var(--myan-color-danger);border-radius:var(--myan-radius-sm);background:var(--myan-color-surface);color:var(--myan-color-danger);font-size:var(--myan-text-sm);margin-bottom:var(--myan-space-4)}.myan-order-confirm{max-width:34rem;padding:var(--myan-space-6);border:1px solid var(--myan-color-border);border-radius:var(--myan-radius-lg);background:var(--myan-color-surface);box-shadow:var(--myan-shadow-sm)}.myan-order-confirm h2{margin:0 0 var(--myan-space-3);font-size:var(--myan-text-xl);letter-spacing:-0.02em}.myan-order-confirm p{color:var(--myan-color-ink-muted);font-size:var(--myan-text-base);line-height:1.6}.myan-order-confirm__buttons{display:flex;flex-wrap:wrap;gap:var(--myan-space-3);margin-top:var(--myan-space-4)}