/* Existing 74 Control tokens remain the authority. Fluid containers use layout, never scale() images. */
:root{--premium-gutter:clamp(24px,2.5vw,48px);--ux-accent:var(--primary);--ux-surface:var(--surface);--ux-ink:var(--text);--ux-ink-2:var(--secondary);--ux-line:var(--border);--ux-line-2:var(--field-border);--ux-ease:cubic-bezier(.2,.8,.2,1);--ux-spring:cubic-bezier(.34,1.45,.64,1)}
html{scrollbar-gutter:stable}#app{width:100%;background:var(--page)}
.premium-shell{width:100%;min-height:100svh}.premium-header{position:relative;z-index:20;width:100%;background:var(--navy)}
.premium-header[hidden],.premium-footer[hidden]{display:none}.premium-header>div{width:100%;max-width:none}
.premium-header [data-name="Header row / logo + download + navigation"]{width:calc(100% - 2*var(--premium-gutter));max-width:none;margin-inline:auto}
.premium-stage{position:relative;isolation:isolate;min-height:calc(100svh - 280px)}
.premium-route{width:100%!important;max-width:none!important;height:auto!important;min-height:inherit;background:var(--page)}
.premium-route:focus{outline:none}
.premium-route [role=heading][tabindex="-1"]:focus{outline:none}
.premium-content{width:calc(100% - 2*var(--premium-gutter));max-width:none!important;height:auto!important;min-width:0;margin-inline:auto;padding-top:32px}
.premium-content>div{width:100%;min-width:0}.premium-content>p{max-width:100%;width:100%}
.premium-content :where(div,section,form){max-width:100%}.premium-content p{max-width:100%}
.premium-content [data-component="AoeStore03AdPlacement"]{min-width:0;flex-shrink:1}
.premium-content :is([data-name="Pricing help"],[data-name="System requirements"],[data-name="Account information"]){width:100%;height:auto}
.premium-outgoing{position:absolute!important;inset:0 0 auto;pointer-events:none;z-index:1}
.premium-footer{background:var(--surface);width:100%}.premium-footer>div{width:100%;max-width:none;padding-inline:var(--premium-gutter)}
.premium-footer>div>*{max-width:none;width:100%;margin-inline:0}
.premium-header [data-name="Store navigation / five destinations"]{position:relative}
.premium-header [data-name^="Active underline"]{display:none}
/* Lucian UX/UI Prompt #039 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#039 */
.premium-nav-indicator{position:absolute;bottom:1px;left:0;height:3px;background:var(--primary);width:var(--nav-w);transform:translateX(var(--nav-x));transition:transform .5s var(--ux-spring),width .5s var(--ux-spring);pointer-events:none}
.premium-header a[aria-current=page]{color:var(--surface)}
.premium-header :is(a,button):focus-visible{outline-color:var(--brand-subtitle);outline-offset:3px}
/* Lucian UX/UI Prompt #009 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#009 */
.premium-u009{isolation:isolate;overflow:hidden}.premium-u009 p[data-rolling-label]{position:relative;transition:transform .55s var(--ux-ease);white-space:nowrap}
.premium-rolling-viewport{display:block;overflow:hidden;height:18px;line-height:18px}
.premium-u009 p[data-rolling-label]::after{content:attr(data-label);display:block;position:absolute;inset:100% 0 auto}
@media(hover:hover){.premium-u009:hover p[data-rolling-label]{transform:translateY(-100%)}.premium-content [data-name^="Feature /"]:hover{border-color:var(--field-border);box-shadow:var(--shadow-panel)}}
.premium-u009:focus-visible p[data-rolling-label]{transform:translateY(-100%)}
.premium-content [data-name^="Feature /"]{transition:box-shadow .3s var(--ux-ease),border-color .3s var(--ux-ease)}
.premium-field{transition:box-shadow .3s var(--ux-ease),border-color .3s var(--ux-ease)}
/* Lucian UX/UI Prompt #015 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#015 */
.premium-plan-grid{position:relative;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch!important;height:auto!important}
.premium-plan-grid>[data-sku]{position:relative;width:auto!important;min-width:0;height:auto!important}
.premium-plan-grid>[data-sku]>div{width:100%;min-width:0}
.premium-plan-grid>[data-sku] p{max-width:100%}.premium-plan-grid>[data-sku] :is(button,a){max-width:100%}
.premium-plan-frame{position:absolute;pointer-events:none;border-radius:var(--radius-panel);box-shadow:0 0 0 2px var(--primary);z-index:2}
.premium-plan-frame.is-ready{transition:left .55s var(--ux-spring),top .55s var(--ux-spring),width .55s var(--ux-spring),height .55s var(--ux-spring)}
.premium-plan-select{position:absolute!important;top:16px;right:16px;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--field-border);z-index:3}
.premium-plan-select::after{content:'';position:absolute;inset:5px;border-radius:50%;background:var(--primary);transform:scale(0);transition:transform .45s var(--ux-spring)}
.premium-plan-select[aria-checked=true]::after{transform:scale(1)}.premium-plan-select[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--primary)}
.premium-content [data-name^="Plan0"]{transition:box-shadow .3s var(--ux-ease)}
/* Lucian UX/UI Prompt #083 · MIT License (c) 2026 Seokwoooo · https://lucianlabs.dev/uxui-prompt/#083 */
/* Indeterminate only while a real route promise is pending; never a timer-based percentage. */
.premium-u083{position:fixed;left:0;right:0;top:0;height:3px;overflow:hidden;z-index:30;pointer-events:none;background:transparent}
.premium-u083[hidden]{display:none}.premium-u083 .segment{position:absolute;inset-block:0;background:var(--primary);border-radius:3px}
.premium-u083 .s0{animation:premium-queue-a 1.6s cubic-bezier(.65,.05,.35,1) infinite}.premium-u083 .s1{animation:premium-queue-b 1.6s cubic-bezier(.25,.6,.4,1) .55s infinite}
@keyframes premium-queue-a{0%{left:-35%;right:100%}60%,100%{left:100%;right:-90%}}@keyframes premium-queue-b{0%{left:-200%;right:100%}60%,100%{left:107%;right:-8%}}
@media(min-width:1440px){
 .premium-content [data-name^="Three-column hero"]{display:grid;grid-template-columns:clamp(160px,11vw,224px) minmax(0,1fr) clamp(160px,11vw,224px);gap:24px;height:auto;align-items:stretch}
 .premium-content [data-name^="Three-column hero"]>*{width:auto;min-width:0;height:auto;min-height:620px}
 .premium-content [data-name^="Main hero /"],[data-name="Hero body"]{width:100%;min-width:0}
 .premium-content [data-name="Hero body"]{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.5fr);gap:24px}
 .premium-content [data-name="Hero product introduction"]{width:100%;min-width:0}
 .premium-content [data-component="AoeStore03ProductDemoCarousel"]{width:100%;min-width:0}
 .premium-content [data-name="POP and Resources"]>*,.premium-content [data-name="Production and Technology"]>*{width:auto;min-width:0;flex:1}
 .premium-content [data-name="Queue illustration"]{max-width:100%}
 .premium-content [data-name="Product feature strip"]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;height:auto}
 .premium-content [data-name="Product feature strip"]>[data-name^="Feature /"]{width:100%;height:auto}
 .premium-content [data-name="Feature divider"]{display:none}
 .premium-content [data-name="Product features"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;gap:24px}
 .premium-content [data-name="Product features"]>*{width:100%;height:auto}
 .premium-content [data-component="AoeStore03ProductPreviewNative"]{width:100%;height:auto;min-height:300px}
}
@media(min-width:768px)and(max-width:1439px){.premium-content{width:calc(100% - 48px)}.premium-header>div>div{max-width:calc(100% - 48px)}}
@media(min-width:768px){.premium-content [data-name="Product features"]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;gap:24px}.premium-content [data-name="Product features"]>*{width:100%;min-width:0;height:auto}}
@media(max-width:767px){:root{--premium-gutter:16px}html{scrollbar-gutter:auto}.premium-content{padding-top:24px;width:calc(100% - 32px)}.premium-header>div>div{max-width:calc(100% - 32px)}.premium-plan-grid{grid-template-columns:1fr;gap:16px}.premium-content [data-name^="Auth /"]{max-width:100%}.premium-content [data-name="Footer navigation"]{flex-wrap:wrap}.premium-footer [data-name="Footer navigation"]{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.premium-shell *, .premium-shell *::before,.premium-shell *::after{animation:none!important;transition:none!important}.premium-u009 p[data-rolling-label]{transform:none!important}}