/* AOE STREAM professional presentation. Lucide ISC / Feather MIT notices in licenses/Lucide-LICENSE.txt.
   Preserves existing Control token values, native components, original marketing images and Lucian motion. */
html[data-professional-ui]{--pro-line:rgba(135,178,228,.22);--pro-line-strong:rgba(143,187,240,.44);--pro-card:#0c213b;--pro-raised:#122d4c;--pro-ink:#f2f6ff;--pro-muted:#bed0e6;--pro-accent:#90bbff;--pro-radius:18px;--pro-shadow:0 14px 38px rgba(1,8,20,.26)}
.pro-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:20px;height:20px;line-height:1;vertical-align:middle;pointer-events:none}
.pro-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pro-icon-badge{display:grid;place-items:center;width:50px;height:50px;flex:none;border:1px solid rgba(128,180,255,.22);border-radius:14px;background:linear-gradient(140deg,rgba(48,113,210,.24),rgba(20,58,104,.48));color:#98c2ff;box-shadow:inset 0 1px rgba(227,240,255,.09)}
.pro-icon-badge>.pro-icon{width:25px;height:25px}
.pro-tone-cyan{color:#8ddddb;background:linear-gradient(140deg,rgba(23,121,139,.25),rgba(17,55,79,.62));border-color:rgba(83,180,192,.22)}
.pro-tone-gold{color:#efd09a;background:linear-gradient(140deg,rgba(131,102,49,.27),rgba(57,49,34,.5));border-color:rgba(221,183,117,.24)}
.pro-tone-teal{color:#94d9b5;background:linear-gradient(140deg,rgba(36,119,92,.25),rgba(20,62,57,.52));border-color:rgba(94,183,146,.22)}
.pro-user-page .pro-page-kicker,.pro-eyebrow{display:flex;align-items:center;gap:8px;color:#9abff3;font-size:11px!important;font-weight:700!important;letter-spacing:.11em;line-height:1.5!important}
.pro-user-page .pro-page-kicker>.pro-icon,.pro-eyebrow>.pro-icon{width:15px;height:15px}
.pro-user-page .pro-page-title{font-size:clamp(32px,3.4vw,52px)!important;line-height:1.12!important;letter-spacing:-.04em;color:var(--pro-ink);max-width:920px!important}
.pro-user-page .pro-page-lead{color:var(--pro-muted);font-size:16px!important;line-height:1.7!important;max-width:800px!important}
.pro-user-page .pro-action{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.pro-user-page .pro-action>.pro-icon{width:17px;height:17px}
.pro-user-page :is([data-button-style=Primary],[data-button-style=Secondary]){min-height:44px;border-radius:9px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.pro-user-page [data-button-style=Primary]{background:linear-gradient(180deg,#3579ee,#2462cd);border-color:#6199f4;box-shadow:inset 0 1px rgba(222,236,255,.16),0 5px 14px rgba(3,24,65,.24)}
.pro-user-page [data-button-style=Primary]:disabled{background:#25456e;border-color:#42617d;box-shadow:none}
.pro-user-page [data-button-style=Secondary]{background:#173552;border-color:#456788}
.pro-user-page :is(a,button):focus-visible{outline:3px solid #a2c6ff;outline-offset:4px}
.pro-user-page .pro-carousel-arrow{display:grid;place-items:center;border-radius:10px}
.pro-user-page .pro-carousel-arrow .pro-icon{width:21px;height:21px}
.pro-user-page .pro-carousel-arrow.pro-prev .pro-icon{transform:rotate(180deg)}
/* Stable header remains the same DOM through route transitions. */
.premium-shell>.premium-header.pro-header{position:sticky;top:0;background:rgba(7,24,49,.99);border-bottom:1px solid rgba(132,174,228,.23);box-shadow:0 5px 24px rgba(0,8,23,.24)}
.pro-header .pro-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:color .2s ease}
.pro-header .pro-nav-link>.pro-icon{width:16px;height:16px;color:#88a9d4}
.pro-header .pro-nav-link[aria-current=page]>.pro-icon{color:#b3d4ff}
.pro-header .pro-action{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.pro-header .pro-action>.pro-icon{width:16px;height:16px}
.pro-header .pro-menu-button{display:grid;place-items:center}
.pro-header .pro-mobile-link{display:flex;align-items:center;gap:10px}
.pro-header .pro-staging-note{display:flex;align-items:center;justify-content:center;gap:7px}
.pro-staging-note>.pro-icon{width:13px;height:13px;color:#91add2}
.pro-header .u037-it>.pro-icon{width:18px;height:18px;color:#9dbde5}
.pro-header .u037-it.out>.pro-icon{color:inherit}
.pro-user-page [data-name^="Main hero /"]{border-radius:20px;background:linear-gradient(125deg,rgba(8,28,54,.98),rgba(10,31,57,.73));border-color:var(--pro-line-strong);box-shadow:var(--pro-shadow),inset 0 1px rgba(180,213,255,.05)}
.pro-hero-intro>p:nth-child(2){text-wrap:balance;text-shadow:0 3px 14px rgba(1,10,30,.2)}
.pro-hero-intro>p:nth-child(3){letter-spacing:-.025em;line-height:1.3}
.pro-hero-intro>p:nth-child(4){font-size:15px;line-height:1.7;color:var(--pro-muted)}
.pro-hero-facts{display:flex;flex-wrap:wrap;gap:8px;max-width:100%;padding-top:2px}
.pro-fact{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(132,176,229,.2);border-radius:7px;background:rgba(21,51,85,.68);color:#c0d7f5;font-size:10px;font-weight:600;line-height:1.3;white-space:nowrap}
.pro-fact .pro-icon{width:13px;height:13px;color:#93bcf8}
.pro-section-heading{display:flex;flex-direction:column;gap:10px;padding-top:8px}
.pro-section-heading h2{margin:0;font-size:30px;line-height:1.25;letter-spacing:-.035em;font-weight:700;color:var(--pro-ink)}
.pro-section-lead{font-size:14px;line-height:1.6;color:var(--pro-muted)}
.pro-user-page .pro-feature-grid{padding:0!important;gap:18px!important;border:0!important;border-radius:0!important;background:transparent!important}
.pro-user-page .pro-feature-grid [data-name="Feature divider"]{display:none}
.pro-user-page .pro-feature-card{position:relative;min-width:0!important;min-height:190px;padding:24px!important;gap:12px!important;border:1px solid var(--pro-line)!important;border-radius:var(--pro-radius)!important;background:linear-gradient(135deg,rgba(16,41,72,.98),rgba(8,28,51,.94))!important;box-shadow:0 8px 22px rgba(0,8,22,.15);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.pro-user-page .pro-feature-card>p{width:100%!important;max-width:100%!important;height:auto!important}
.pro-user-page .pro-feature-card>p:first-of-type{font-size:18px!important;font-weight:700!important;letter-spacing:-.02em;color:#eef5ff}
.pro-user-page .pro-feature-card>p:last-of-type{font-size:13px!important;font-weight:400!important;line-height:1.65!important;color:#bed0e6}
.pro-user-page .pro-feature-card>.pro-icon-badge{margin-bottom:4px}
.pro-user-page .pro-plan-entry{position:relative;padding:28px!important;border:1px solid var(--pro-line-strong);border-radius:18px;background:linear-gradient(115deg,#112e52,#0a213e);gap:14px}
.pro-user-page .pro-plan-entry>.pro-icon-badge{width:44px;height:44px}
.pro-user-page .pro-plan-entry>p:first-of-type{font-size:28px!important;letter-spacing:-.03em;line-height:1.25!important}
.pro-user-page .pro-plan-entry [data-name="Account entry links"]{gap:18px;flex-wrap:wrap}
/* Product assets and the six existing checkbox nodes are retained. */
.pro-user-page .pro-product-showcase{height:auto!important;min-height:0!important;gap:16px!important;padding:26px!important;border:1px solid var(--pro-line-strong);border-radius:18px;background:linear-gradient(130deg,rgba(13,37,65,.97),rgba(8,26,48,.96));box-shadow:var(--pro-shadow)}
.pro-preview-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:24px;width:100%;min-width:0}
.pro-preview-media{min-width:0;border:1px solid #385e89;border-radius:12px;overflow:hidden;background:#07192e;align-self:start;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.pro-window-bar{display:flex;align-items:center;gap:8px;min-height:38px;padding:10px 14px;border-bottom:1px solid rgba(133,176,225,.2);color:#a2c7f7;font-size:10px;font-weight:700;letter-spacing:.06em}
.pro-window-bar .pro-icon{width:15px;height:15px}
.pro-window-meta{margin-left:auto;font-size:9px;color:#9cb1ce}
.pro-preview-media .mkt-picture{display:block;width:100%;aspect-ratio:612/446}
.pro-preview-media .mkt-picture img{width:100%;height:100%;object-fit:contain}
.pro-preview-controls{display:flex;flex-direction:column;gap:11px;min-width:0;padding:4px 0}
.pro-preview-controls>[data-name^="HUD group row"]{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%!important;height:auto!important}
.pro-user-page .pro-hud-control{display:flex!important;align-items:center;justify-content:flex-start;gap:10px;width:100%!important;height:48px!important;min-height:48px;padding:12px 14px!important;border:1px solid #3d607e!important;border-radius:10px!important;background:#112d4b!important}
.pro-hud-control>.pro-icon{order:0;color:#99c2f7;width:19px;height:19px}
.pro-hud-control>p{order:1;flex:1;min-width:0;width:auto!important;text-align:left;font-size:12px!important;color:#e1ecfc!important}
.pro-hud-control>div{order:2;margin-left:auto;flex:none}
.pro-preview-note{font-size:11px!important;line-height:1.6!important;color:#9fb4cf;margin-top:2px;width:100%!important}
.pro-user-page .pro-requirements{gap:18px!important;border:1px solid var(--pro-line);border-radius:18px}
.pro-requirement-row{display:flex;align-items:flex-start;gap:12px;font-size:14px!important;line-height:1.7!important}
.pro-requirement-row>.pro-icon{width:19px;height:19px;margin-top:2px;color:#8db7ee}
/* Server catalog and Lucian #015 selection remain the only pricing source and behavior. */
.pro-user-page .pro-vip-note{display:inline-flex;align-items:center;gap:8px;width:fit-content!important;padding:9px 13px!important;border:1px solid #426182;border-radius:99px;background:#123154}
.pro-vip-note>p{font-size:11px!important;line-height:1.4!important}
.pro-vip-note>.pro-icon{width:15px;height:15px;color:#e1c590}
.pro-user-page .pro-plan-card{padding:28px!important;gap:16px!important;min-height:480px;border:1px solid var(--pro-line-strong);border-radius:18px!important;background:linear-gradient(155deg,#112d4b,#0a203a)!important;box-shadow:var(--pro-shadow);overflow:visible}
.pro-user-page .pro-plan-card[data-recommended=true]{background:linear-gradient(150deg,#183b64,#0d2647)!important;border-color:#689aeb}
.pro-user-page .pro-plan-card>p{width:100%!important;height:auto!important}
.pro-plan-card .pro-plan-name{font-size:13px!important;font-weight:700!important;letter-spacing:.04em;color:#bad3fa}
.pro-plan-card .pro-plan-price{font-size:40px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#f4f8ff}
.pro-plan-duration{display:flex;align-items:center;gap:8px;font-size:13px!important;color:#b6cbe6}
.pro-plan-duration>.pro-icon{width:16px;height:16px;color:#88addc}
.pro-plan-all{font-size:12px!important;line-height:1.6!important;color:#bacde5}
.pro-user-page .pro-recommended{position:absolute;top:28px;right:56px;display:flex;align-items:center;gap:6px;width:fit-content!important;height:auto!important;padding:6px 8px!important;border:1px solid rgba(232,191,116,.35);border-radius:99px;background:#3a362b}
.pro-recommended>p{width:auto!important;font-size:9px!important;line-height:14px!important;color:#f2d7a5!important}
.pro-recommended>.pro-icon{width:12px;height:12px;color:#e4c58f}
.pro-plan-benefits{display:flex;flex-direction:column;gap:12px;padding:16px 0 0;margin:0 0 12px;list-style:none;border-top:1px solid rgba(148,188,231,.15)}
.pro-plan-benefits li{display:flex;align-items:flex-start;gap:9px;color:#d8e5f7;font-size:12px;line-height:1.5}
.pro-plan-benefits .pro-icon{width:15px;height:15px;flex:none;margin-top:1px;color:#85c4b2}
.pro-plan-card>.premium-plan-select{top:28px;right:22px}
.pro-user-page .premium-plan-frame{border-radius:18px}
.pro-user-page .pro-pricing-help{border-radius:18px;gap:12px!important;border-color:var(--pro-line)}
/* Auth: informational left column plus existing form, with no duplicate auth entry points. */
.pro-user-page .pro-auth-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(380px,460px);gap:80px;align-items:center;justify-content:initial!important;max-width:1080px!important;margin:8px auto 40px;width:100%;height:auto!important}
.pro-auth-aside{display:flex;flex-direction:column;gap:24px;min-width:0;padding:22px 0}
.pro-auth-aside h2{margin:0;color:var(--pro-ink);font-size:46px;line-height:1.14;letter-spacing:-.04em;font-weight:700;white-space:pre-line}
.pro-auth-lead{max-width:380px;font-size:15px;line-height:1.7;color:#c1d1e6}
.pro-auth-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:420px;padding:20px 0 12px}
.pro-art-tile{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:18px 14px;border:1px solid rgba(139,181,230,.25);border-radius:16px;background:linear-gradient(145deg,rgba(29,64,107,.93),rgba(10,32,58,.9));box-shadow:0 12px 30px rgba(0,8,24,.24)}
.pro-art-tile>.pro-icon{width:32px;height:32px;color:#91c4ff}
.pro-art-tile>span:last-child{font-size:10px;color:#bbd0ed;font-weight:600;line-height:1.5}
.pro-art-tile:nth-child(2){transform:translateY(-12px);background:linear-gradient(145deg,#234b7b,#132e50)}
.pro-auth-caption{display:flex;align-items:center;gap:8px;color:#a9c4e5;font-size:12px;line-height:1.5}
.pro-auth-caption .pro-icon{width:16px;height:16px;color:#85c6b5}
.pro-user-page .pro-auth-card{position:relative;width:100%!important;height:auto!important;padding:30px!important;gap:19px!important;border:1px solid #47668b;border-radius:20px!important;background:linear-gradient(145deg,rgba(17,43,75,.99),rgba(9,29,53,.99))!important;box-shadow:0 24px 66px rgba(0,7,23,.4),inset 0 1px rgba(202,226,255,.08)}
.pro-auth-card>p,.pro-auth-card>[data-component="AoeStore03Input"]{width:100%!important;max-width:100%}
.pro-auth-card:not(.otp-panel):not(.forgot-panel)>p:first-of-type{font-size:28px!important;letter-spacing:-.035em;line-height:1.25!important;color:#f3f7ff}
.pro-auth-card:not(.otp-panel):not(.forgot-panel)>p:nth-of-type(2){font-size:12px!important;line-height:1.7!important;color:#bfd1e8}
.pro-auth-card>[data-component="AoeStore03Input"]{gap:9px}
.pro-auth-card [data-component="AoeStore03Input"]>p{font-size:12px!important;font-weight:600;line-height:1.4;color:#cedcf0}
.pro-user-page .pro-input-wrap{position:relative;display:flex;align-items:center;width:100%!important;min-height:48px!important;height:48px!important;padding:0!important;border:1px solid #4b6889;border-radius:10px;background:rgba(7,23,44,.87);transition:border-color .2s ease,box-shadow .2s ease}
.pro-input-wrap>.pro-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#87a8d0}
.pro-input-wrap>input{width:100%;height:100%;min-width:0;padding:0 13px 0 42px!important;font-size:13px;background:transparent!important}
.pro-input-wrap:focus-within{border-color:#94bbf7!important;box-shadow:0 0 0 3px rgba(109,164,247,.18)!important}
.pro-input-wrap:focus-within>.pro-icon{color:#b5d4ff}
.pro-auth-card [role=checkbox]{min-height:42px;border-radius:9px;gap:8px}
.pro-auth-card>[data-button-style]{width:100%!important;min-height:46px}
.pro-user-page .pro-auth-card.forgot-panel{padding:24px!important}
.pro-auth-card .u064{max-width:100%}
.pro-auth-card.otp-panel{padding:26px 18px!important}
.pro-user-page [data-live-feedback],.pro-user-page .pro-account-panel{border-radius:14px;border-color:var(--pro-line-strong)}
.pro-panel-title{display:flex;align-items:center;gap:10px}
.pro-panel-title>.pro-icon{color:#9bbff1}
.pro-user-page .pro-download-card{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:30px;padding:30px!important;border:1px solid var(--pro-line-strong);border-radius:18px;background:linear-gradient(135deg,#112d4d,#0b203a);box-shadow:var(--pro-shadow)}
.pro-download-body{display:flex;flex-direction:column;gap:18px;align-items:flex-start;min-width:0}
.pro-download-body>p{height:auto!important;width:100%!important}
.pro-download-body>p:first-child{font-size:23px!important;font-weight:700;letter-spacing:-.025em}
.pro-download-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px 20px;border:1px solid rgba(135,179,232,.2);border-radius:16px;background:radial-gradient(ellipse at 50% 10%,rgba(52,105,175,.23),transparent 80%),#102c4b;min-height:250px}
.pro-download-art>.pro-icon-badge{width:68px;height:68px;border-radius:18px}
.pro-download-art>.pro-icon-badge>.pro-icon{width:34px;height:34px}
.pro-download-art>strong{font-size:17px;letter-spacing:.07em;color:#edf5ff}
.pro-download-art>span{font-size:12px;color:#b8cce7}
.pro-download-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px}
.pro-download-tags>span{font-size:10px;padding:6px 8px;border-radius:6px;background:#173b65;color:#a8c9f6;border:1px solid #31577d}
.pro-user-page .pro-install-guide{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important;padding:28px!important;border:1px solid var(--pro-line);border-radius:18px}
.pro-install-guide>p:first-child,.pro-install-guide>a{grid-column:1/-1}
.pro-install-step{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:18px;border:1px solid rgba(135,178,228,.15);border-radius:12px;background:rgba(20,47,81,.55)}
.pro-step-number{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;color:#a6cdff;background:#204671;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.pro-install-step p{width:auto!important;font-size:13px!important;line-height:1.65!important;color:#c9d9ee}
/* Footer uses the existing destinations only; no invented policies/support or fake trust badges. */
.pro-footer{background:linear-gradient(180deg,#0a1e36,#08172a)!important;border-top:1px solid rgba(138,182,232,.24);margin-top:12px}
.pro-footer>div{display:grid!important;grid-template-columns:1fr 1fr;gap:22px!important;padding-block:30px!important;height:auto!important}
.pro-footer-brand{display:flex;align-items:center;gap:9px;font-size:19px!important;font-weight:700!important;letter-spacing:-.025em;color:#e9f3ff}
.pro-footer-brand .pro-icon{width:23px;height:23px;color:#91bdf7}
.pro-footer [data-name="Footer navigation"]{display:flex;justify-content:flex-end;gap:22px;width:auto!important;height:auto!important;align-items:center;flex-wrap:wrap}
.pro-footer-link{display:flex;align-items:center;gap:7px;font-size:12px;color:#b6ceee}
.pro-footer-link>.pro-icon{width:15px;height:15px;color:#8eacd2}
.pro-footer-description{font-size:12px!important;color:#96b1d0}
.pro-footer-meta{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;color:#9bb5d5}
.pro-footer-meta>.pro-icon{width:15px;height:15px}
@media(hover:hover){.pro-user-page .pro-feature-card:hover{transform:translateY(-3px);border-color:rgba(142,187,242,.48)!important;box-shadow:0 16px 34px rgba(0,8,23,.3)}.pro-user-page [data-button-style=Primary]:hover{background:linear-gradient(180deg,#4387f7,#2a6bdd);box-shadow:0 7px 18px rgba(9,40,95,.35)}.pro-user-page .pro-action:hover>.pro-icon:last-child[data-icon=arrow-right]{transform:translateX(2px)}.pro-user-page .pro-action>.pro-icon{transition:transform .2s ease}}
@media(min-width:768px){.pro-user-page .pro-feature-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch!important}.pro-user-page [data-name="Product features"]{gap:18px}}
@media(min-width:768px) and (max-width:1100px){.pro-user-page .pro-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-auth-aside h2{font-size:36px}.pro-user-page .pro-auth-layout{grid-template-columns:minmax(0,1fr) minmax(360px,400px);gap:30px}.pro-auth-art{gap:8px}.pro-art-tile{padding:14px 10px}.pro-auth-art .pro-icon{width:26px;height:26px}.pro-auth-lead{font-size:13px}.pro-preview-grid{grid-template-columns:minmax(0,1.2fr) minmax(235px,1fr);gap:18px}.pro-user-page .pro-plan-card{padding:22px!important}.pro-plan-card .pro-plan-price{font-size:33px!important}.pro-user-page .pro-recommended{top:24px;right:48px;padding:5px!important}.pro-recommended>.pro-icon{display:none}.pro-recommended>p{font-size:8px!important}.pro-plan-card>.premium-plan-select{right:16px;top:24px}}
@media(max-width:1200px){.pro-header .pro-nav-link>.pro-icon{display:none}.pro-header .pro-action>.pro-icon{display:none}.pro-header [data-name="Store navigation / five destinations"]{gap:18px}}
@media(max-width:767px){.pro-user-page .pro-page-title{font-size:34px!important}.pro-user-page .pro-page-lead{font-size:14px!important;line-height:1.65!important}.pro-section-heading h2{font-size:26px}.pro-section-heading .pro-eyebrow{font-size:10px!important;letter-spacing:.08em}.pro-user-page .pro-feature-grid{display:grid!important;grid-template-columns:1fr;gap:14px!important}.pro-user-page .pro-feature-card{padding:22px!important;min-height:180px}.pro-user-page .pro-plan-entry{padding:24px!important}.pro-user-page .pro-plan-entry>p:first-of-type{font-size:25px!important}.pro-user-page .pro-plan-entry [data-name="Plan and download actions"]{width:100%;flex-wrap:wrap}.pro-user-page .pro-plan-entry [data-name="Plan and download actions"]>*{flex:1 1 auto;width:auto!important}
.pro-hero-facts{gap:6px}.pro-fact{font-size:9px;padding:7px}.pro-fact .pro-icon{width:12px;height:12px}
.pro-preview-grid{grid-template-columns:1fr;gap:20px}.pro-user-page .pro-product-showcase{padding:18px!important;border-radius:14px}.pro-preview-controls{gap:12px}.pro-user-page .pro-hud-control{height:46px!important;min-height:46px}.pro-preview-note{font-size:11px!important}
.pro-user-page .pro-auth-layout{display:flex!important;flex-direction:column;gap:0;margin:0 auto 28px;width:100%;max-width:440px!important}.pro-auth-aside{display:none}.pro-user-page .pro-auth-card{padding:24px!important;border-radius:16px!important}.pro-user-page .pro-auth-card.forgot-panel{padding:20px 16px!important}.pro-user-page .pro-auth-card.otp-panel{padding:24px 12px!important}.pro-auth-card>.pro-icon-badge{width:44px;height:44px}
.pro-user-page .pro-plan-card{padding:26px!important;min-height:460px}.pro-plan-card .pro-plan-price{font-size:40px!important}.pro-user-page .pro-recommended{top:28px;right:58px}
.pro-user-page .pro-download-card{grid-template-columns:1fr;padding:22px!important;gap:24px}.pro-download-art{min-height:215px;padding:24px}.pro-user-page .pro-install-guide{grid-template-columns:1fr;padding:22px!important;gap:14px!important}.pro-install-step{padding:16px}.pro-install-guide>p:first-child{font-size:25px}
.pro-footer>div{grid-template-columns:1fr;padding-block:26px!important;gap:18px!important}.pro-footer [data-name="Footer navigation"]{justify-content:flex-start;gap:16px}.pro-footer-meta{justify-content:flex-start}.pro-footer-description{line-height:1.6}.pro-user-page [data-name="Demo toolbar"]{gap:8px;flex-wrap:wrap;height:auto!important}.pro-user-page [data-name="Demo toolbar"]>p{width:auto!important;font-size:9px!important;line-height:1.5!important}.pro-header .pro-staging-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html[data-professional-ui]{scroll-behavior:auto}.pro-user-page *,.pro-header *,.pro-footer *{transition:none!important;animation:none!important}.pro-user-page .pro-feature-card:hover{transform:none}.pro-art-tile:nth-child(2){transform:none}}

/* Visual QA refinements: native Figma columns retain their existing children. */
.pro-header .pro-nav-link,.pro-header .pro-action,.pro-user-page .pro-vip-note,.pro-user-page .pro-recommended{flex-direction:row!important}
.pro-user-page .pro-title-group{gap:4px!important}
.pro-user-page .pro-title-group>.pro-page-title{line-height:1.1!important}
.pro-user-page .pro-preview-media .mkt-picture{aspect-ratio:auto}
.pro-user-page .pro-preview-media .mkt-picture img{height:auto;aspect-ratio:auto;object-fit:contain}
.pro-user-page .pro-preview-controls{align-self:center}
.pro-user-page .pro-hud-control{height:56px!important;min-height:56px}
.pro-user-page .pro-hud-control>[data-name="Native checkbox"],.pro-user-page .pro-hud-control>[data-name="Frame"]{display:none!important}
.pro-user-page .pro-hud-control::after{content:"";width:7px;height:7px;border-radius:50%;background:#79bdaf;flex:none;order:2}
.pro-user-page .pro-plan-price{white-space:nowrap}
@media(min-width:768px) and (max-width:1100px){
.pro-user-page .pro-plan-card .pro-plan-price{font-size:28px!important}
.pro-user-page .pro-plan-card>.pro-icon-badge{width:40px;height:40px}
.pro-user-page .pro-recommended{right:52px;padding:5px 7px!important}
}
@media(min-width:768px) and (max-width:1000px){
.pro-user-page .pro-auth-layout{display:flex!important;flex-direction:column;max-width:480px!important;gap:0}
.pro-user-page .pro-auth-aside{display:none}
.pro-user-page .pro-preview-grid{grid-template-columns:1.1fr 1fr}
.pro-user-page .pro-hud-control{min-height:48px;height:48px!important;padding:10px!important}
.pro-user-page .pro-hud-control>p{font-size:11px!important}
}
@media(max-width:767px){.pro-user-page .pro-hud-control{min-height:50px;height:50px!important}}

@media(min-width:1201px){
.pro-header [data-name="Store navigation / five destinations"]{width:auto!important;flex-direction:row;align-items:center;gap:26px}
.pro-header .pro-nav-link{width:auto!important;max-width:none!important;min-height:44px;white-space:nowrap}
}

.pro-user-page .pro-feature-grid>[data-name="Feature pair"]{display:contents!important}

.pro-user-page .otp-panel .otp-help{font-size:13px!important;line-height:1.7!important;color:#b7cce6;letter-spacing:0;text-align:left}
.pro-user-page .otp-panel .otp-resend{display:inline-flex;align-items:center;gap:8px;border:1px solid #426486;border-radius:9px;background:#123153;color:#b9d4fc;min-height:44px;font-family:inherit;font-size:12px;font-weight:600}
.pro-user-page .otp-panel .otp-resend:disabled{opacity:.5;cursor:not-allowed}
.pro-user-page .forgot-panel .u064-status{font-size:13px!important;line-height:1.7!important}

/* One shared hero surface; artwork and controls sit directly on it. */
.pro-user-page .hero-carousel-flat{position:relative;width:100%;height:auto!important;min-height:0!important;padding:0!important;gap:12px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.pro-user-page .hero-carousel-flat [data-name="Demo toolbar"]{display:none!important}
.pro-user-page .hero-carousel-flat [data-name="Demo content"]{position:relative;display:block;flex:0 0 auto!important;min-height:0!important;width:100%;height:auto!important;aspect-ratio:1224/892;border:0!important;border-radius:12px;padding:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden}
.pro-user-page .hero-carousel-flat [data-name="Demo content"]>.mkt-picture{position:absolute;inset:0;width:100%;height:100%;background:transparent}
.pro-user-page .hero-carousel-flat [data-name="Demo content"] img{object-fit:contain}
.pro-user-page .hero-carousel-flat [data-name="Carousel controls"]{height:44px!important;width:100%;gap:10px;background:transparent;border:0}
.pro-user-page .hero-carousel-flat [data-name="Slide indicators"]{align-items:center;justify-content:center;gap:2px;height:44px!important;min-width:0}
.pro-user-page .hero-carousel-flat .hero-slide-select{display:grid!important;place-items:center;width:32px!important;min-width:32px;height:44px!important;padding:0!important;border:0!important;background:transparent!important}
.pro-user-page .hero-carousel-flat .hero-slide-dot{position:static;display:block;width:7px;height:7px;border-radius:8px;background:#91a9c8;transition:width .24s ease,background-color .24s ease}
.pro-user-page .hero-carousel-flat .hero-slide-select[data-selected=true] .hero-slide-dot{width:20px;background:#72a6fa}
.pro-user-page .hero-carousel-flat .hero-playback{display:grid;place-items:center;flex:0 0 40px;width:40px;height:44px;min-height:44px;padding:0;border:1px solid #456788;border-radius:10px;background:#173552;color:#d8e8fd;cursor:pointer}
.hero-playback svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-playback[data-enabled=false] svg{stroke-width:1.7}
.hero-carousel-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1800px){.pro-user-page .hero-carousel-flat [data-name="Demo content"]{aspect-ratio:1546/892}}
@media(min-width:768px) and (max-width:1439px){.pro-user-page .hero-carousel-flat [data-name="Demo content"]{aspect-ratio:1272/892}}
@media(max-width:767px){.pro-user-page .hero-carousel-flat [data-name="Demo content"]{aspect-ratio:548/892;border-radius:9px}.pro-user-page .hero-carousel-flat [data-name="Carousel controls"]{gap:7px}}
@media(prefers-reduced-motion:reduce){.hero-carousel-flat .hero-slide-dot{transition:none!important}}

/* Account presentation; authenticated values and event handlers remain owned by runtime. */
.pro-account-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px;width:fit-content;max-width:100%;border:1px solid var(--pro-line);border-radius:13px;background:rgba(8,25,46,.9)}
.pro-account-nav a{display:flex;align-items:center;gap:8px;padding:11px 18px;border-radius:9px;color:#acc4e2;font-size:13px;font-weight:600;line-height:20px;text-decoration:none!important;transition:background-color .2s,color .2s}
.pro-account-nav a[aria-current=page]{color:#fff;background:#224f83;box-shadow:inset 0 1px rgba(203,226,255,.12)}
.pro-account-nav a:hover{background:#173957;color:#eef5ff}
.pro-account-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.7fr);gap:24px;width:100%;min-width:0;align-items:start}
.pro-account-main{display:flex;flex-direction:column;gap:24px;min-width:0}
.pro-user-page .pro-account-grid :is(.pro-profile-identity,.pro-profile-vip,.pro-profile-orders){width:100%!important;min-width:0;max-width:100%;height:auto!important;gap:20px!important;padding:28px!important;border:1px solid var(--pro-line)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(17,43,75,.97),rgba(9,28,50,.97));box-shadow:var(--pro-shadow)}
.pro-user-page .pro-profile-identity{position:sticky;top:170px;display:flex;flex-direction:column}
.pro-profile-identity-head{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--pro-line)}
.pro-profile-avatar{display:grid;place-items:center;width:76px;height:76px;flex:none;border:1px solid #648ec8;border-radius:22px;background:linear-gradient(135deg,#2f68b2,#173654);box-shadow:inset 0 1px rgba(255,255,255,.2),0 10px 24px rgba(0,0,0,.15);color:#e6f1ff;font-size:27px;font-weight:700;letter-spacing:-.03em}
.pro-profile-greeting{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}
.pro-profile-greeting h2{margin:0;font-size:25px;font-weight:700;line-height:1.3;letter-spacing:-.03em;color:#f1f6ff;overflow-wrap:anywhere}
.pro-profile-greeting .pro-eyebrow{font-size:10px!important}
.pro-profile-details{display:flex;flex-direction:column;gap:18px;min-width:0}
.pro-profile-detail{display:flex;align-items:flex-start;gap:12px;min-width:0}
.pro-profile-detail>.pro-icon{margin-top:3px;color:#95b6e2;width:18px;height:18px}
.pro-profile-detail>p{margin:0;width:auto!important;height:auto!important;min-width:0;overflow-wrap:anywhere;font-size:13px!important;line-height:1.7!important;color:#c7d9ef}
.pro-profile-note{display:flex;align-items:flex-start;gap:8px;width:100%!important;font-size:11px!important;line-height:1.65!important;color:#91abc9;padding-top:16px;border-top:1px solid var(--pro-line)}
.pro-profile-note>.pro-icon{width:16px;height:16px;color:#8bc9b2;margin-top:1px}
.pro-account-section-head{display:flex;align-items:center;gap:14px}
.pro-account-section-head>div{display:flex;flex-direction:column;gap:6px}
.pro-account-section-head p:not(.pro-eyebrow){margin:0;width:auto!important;font-size:22px!important;font-weight:700;letter-spacing:-.025em;line-height:1.3;color:#edf5ff}
.pro-user-page .pro-profile-vip>[data-component="AoeStore03Feedback"]{width:100%!important;padding:18px!important;border:1px solid rgba(136,185,231,.15);border-radius:12px;background:#102d4a;gap:8px}
.pro-profile-vip>p{width:100%!important;height:auto!important;font-size:13px!important;line-height:1.6!important;color:#b8cce6}
.pro-profile-vip>[data-button-style]{align-self:flex-start}
.pro-profile-orders>.pro-panel-title{font-size:19px!important;font-weight:700;line-height:1.4!important;letter-spacing:-.02em}
.pro-profile-orders>[data-name="AOE Store 03 / Order Row"]{width:100%!important;max-width:100%;height:auto!important;min-width:0;gap:12px;padding:18px;border:1px solid var(--pro-line);border-radius:12px;background:#102b48}
.pro-profile-orders>[data-name="AOE Store 03 / Order Row"] p{width:auto!important;height:auto!important;min-width:0;overflow-wrap:anywhere;font-size:13px;line-height:1.6}
.pro-profile-empty{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 18px;text-align:center;min-width:0;border:1px dashed rgba(129,170,221,.25);border-radius:14px;background:rgba(8,26,47,.45)}
.pro-profile-empty>.pro-icon-badge{width:46px;height:46px;margin-bottom:4px}
.pro-profile-empty h3{margin:0;font-size:16px;line-height:1.4;font-weight:600;color:#deebfc}
.pro-profile-empty p{margin:0;width:100%!important;height:auto!important;font-size:12px!important;line-height:1.6!important;color:#9eb6d3}
.pro-profile-empty-link{display:flex;align-items:center;gap:8px;margin-top:6px;color:#a8ccff;font-size:12px;font-weight:600;line-height:20px}
.pro-account-grid :is(#account-profile,#account-vip,#account-orders){scroll-margin-top:170px}
@media(max-width:1023px){.pro-account-grid{grid-template-columns:1fr}.pro-user-page .pro-profile-identity{position:static}.pro-profile-identity-head{flex-direction:row;align-items:center}.pro-profile-details{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:767px){.pro-account-grid,.pro-account-main{gap:18px}.pro-user-page .pro-account-grid :is(.pro-profile-identity,.pro-profile-vip,.pro-profile-orders){padding:22px!important;border-radius:16px!important}.pro-account-nav{width:100%;justify-content:space-between}.pro-account-nav a{padding:10px 12px;font-size:12px;gap:6px}.pro-account-nav .pro-icon{width:17px;height:17px}.pro-profile-avatar{width:60px;height:60px;border-radius:18px;font-size:23px}.pro-profile-greeting h2{font-size:22px}.pro-profile-details{display:flex;flex-direction:column}.pro-profile-empty{padding:24px 12px}.pro-account-grid :is(#account-profile,#account-vip,#account-orders){scroll-margin-top:120px}}
@media(prefers-reduced-motion:reduce){.pro-account-nav a{transition:none}}

/* Account destinations render one panel each, rather than scroll anchors. */
.pro-account-grid.pro-account-view{grid-template-columns:minmax(0,1fr);max-width:1100px}
.pro-account-view .pro-profile-identity-head{flex-direction:row;align-items:center}
.pro-account-view .pro-profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:767px){.pro-account-view .pro-profile-details{grid-template-columns:1fr}}

.user-avatar{position:relative;display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #658bb9;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#2f68b2,#173654);color:#e4f1ff;vertical-align:middle;isolation:isolate;font-size:11px;font-weight:700;line-height:1}
.user-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.user-avatar-initials{display:grid;place-items:center;width:100%;height:100%}.user-avatar-initials[hidden]{display:none}
.pro-user-page .profile-avatar{flex-basis:76px;width:76px;height:76px;border-radius:22px;font-size:28px}.u037-chip>.user-avatar{margin-right:2px}.pro-header .u037-chip:has(.user-avatar)>.pro-icon{display:none}
.profile-settings{display:flex;flex-direction:column;gap:22px;width:100%}.profile-setting{padding-top:24px;border-top:1px solid #2a4666;display:flex;flex-direction:column;gap:16px;min-width:0}.profile-setting h3,.profile-setting summary{margin:0;font:700 18px/1.4 Inter,sans-serif;color:#edf5ff}.profile-setting summary{cursor:pointer;display:list-item;list-style-position:inside}details.profile-setting:not([open])>.profile-password,details.profile-setting:not([open])>p{display:none}details.profile-setting[open]>p{display:block}.profile-help{font:400 13px/1.6 Inter,sans-serif;color:#adc3de;margin:0!important}.profile-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.profile-file{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.profile-button{min-height:44px;width:fit-content;border:1px solid #6da7ff;border-radius:9px;padding:12px 20px;background:linear-gradient(#357cf0,#245fca);color:#fff;font:600 13px/1.4 Inter,sans-serif;cursor:pointer}.profile-button.secondary{background:#163452;border-color:#42688f;color:#d8e9ff}.profile-button:hover{filter:brightness(1.1)}.profile-button:disabled{opacity:.6;cursor:wait}.profile-button:focus-visible,.profile-field input:focus-visible,.profile-setting summary:focus-visible{outline:2px solid #a6ceff;outline-offset:3px}.profile-field{display:flex;flex-direction:column;gap:8px;max-width:560px;width:100%;font:500 13px/1.5 Inter,sans-serif;color:#c3d6eb}.profile-field input{box-sizing:border-box;min-height:46px;min-width:0;width:100%;padding:12px 14px;border:1px solid #48668d;border-radius:9px;background:#0b213c;color:#eff5ff;font:400 15px/1.5 Inter,sans-serif}.profile-password{display:flex;flex-direction:column;gap:18px;padding-top:6px}.profile-status{font:500 14px/1.6 Inter,sans-serif;color:#86dfb6;margin:0!important}.profile-status[data-error=true]{color:#ffb6be}.profile-status:empty{display:none}
@media(max-width:767px){.pro-user-page .profile-avatar{flex-basis:60px;width:60px;height:60px;border-radius:18px;font-size:23px}.profile-actions{align-items:stretch}.profile-button{max-width:100%}}