/* Promotion components extend site-system.css and GameHub::frame().
   All selectors are page-scoped: no homepage, cabinet or staff overrides. */
.promotion-page{--pr-blue:var(--site-cyan);--pr-red:var(--site-red);--pr-surface:var(--site-panel);--pr-text:var(--site-text);--pr-muted:var(--site-muted)}
.promotion-page .pr-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:6px 0 22px}
.promotion-page .pr-heading h1{font-size:clamp(26px,2.8vw,38px);margin:0 0 9px;font-family:inherit}
.promotion-page .pr-heading h1 span{color:var(--pr-blue)}
.promotion-page .pr-heading p{margin:0;max-width:760px;color:var(--pr-muted);font-size:14px}
.promotion-page .signal-kicker{font-size:10px;margin-bottom:10px}
.promotion-page .pr-cabinet{flex:none;background:linear-gradient(115deg,#122a3a,#07141f);font-size:13px}
.promotion-page .pr-status{color:var(--pr-muted);font-size:12px;min-height:20px;margin-bottom:12px}
.promotion-page .pr-status[data-error=true]{color:var(--pr-red)}
.promotion-page [data-pr-retry]{margin-bottom:16px}
.promotion-page .pr-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:stretch}
.promotion-page .pr-surface{position:relative;isolation:isolate;padding:26px;background:radial-gradient(ellipse at 90% 0,#0d2a3a88,transparent 55%),linear-gradient(125deg,var(--pr-surface),#050f18);box-shadow:0 16px 36px #0005,inset 0 1px #a6eaff12;min-width:0}
.promotion-page .pr-surface>.hub-frame{z-index:-1}
.promotion-page .pr-section-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.promotion-page .pr-section-head h2{font:700 19px/1.25 var(--font-b);margin:4px 0 0}
.promotion-page .pr-eyebrow{font:10px var(--font-m);letter-spacing:1.5px;color:var(--pr-muted)}
.promotion-page .pr-step{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid var(--site-line);background:#081a27;color:var(--pr-blue);font:14px var(--font-m);box-shadow:inset 3px 0 var(--pr-blue)}
.promotion-page .pr-demo{font:9px var(--font-m);letter-spacing:1px;margin-left:auto;padding:5px 7px;border:1px solid var(--site-line);color:var(--pr-muted)}
.promotion-page .pr-modes{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}
.promotion-page .pr-mode{position:relative;display:block;min-width:0;cursor:pointer}
.promotion-page .pr-mode>input{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;opacity:0}
.promotion-page .pr-mode>span{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:112px;padding:14px 6px;background:linear-gradient(150deg,#0b2030,#050e17);--frame-color:var(--site-line);transition:background .18s,transform .18s,color .18s;box-shadow:0 5px 0 #02090f}
.promotion-page .pr-mode i{font-style:normal;color:var(--pr-blue);font-size:23px;line-height:1.2}
.promotion-page .pr-mode b{font-size:13px;text-align:center}
.promotion-page .pr-mode small{font-size:10px;color:var(--pr-muted);text-align:center}
.promotion-page .pr-mode input:checked+span{--frame-color:var(--pr-blue);background:radial-gradient(ellipse at top,#14516d88,transparent 80%),#081b29;box-shadow:0 5px 0 #02090f,0 0 24px #0cbcff16}
.promotion-page .pr-mode input:checked+span:after{content:'✓';position:absolute;top:9px;right:11px;color:var(--pr-blue);font-size:12px}
.promotion-page .pr-mode input:focus-visible+span{outline:2px solid var(--pr-blue);outline-offset:4px}
.promotion-page .pr-mode input:disabled+span{opacity:.48;cursor:not-allowed}
.promotion-page .pr-explanation{font-size:12px;color:var(--pr-muted);margin:19px 0;min-height:40px}
.promotion-page .pr-field-head{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:12px}
.promotion-page .pr-field-head>span{color:var(--pr-blue);font:11px var(--font-m);text-align:right}
.promotion-page .pr-point-entry{position:relative}
.promotion-page .pr-point-entry input{width:100%;padding-right:42px;font:600 19px var(--font-m);height:50px;border-color:#24516b}
.promotion-page .pr-point-entry>span{position:absolute;right:20px;top:12px;color:var(--pr-blue);pointer-events:none}
.promotion-page .pr-presets{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.promotion-page .pr-presets button{position:relative;flex:1;min-width:64px;min-height:42px;padding:9px 12px;background:#081b29;color:var(--pr-muted);font:12px var(--font-m);--frame-color:var(--site-line)}
.promotion-page .pr-presets button[aria-pressed=true]{--frame-color:var(--pr-blue);color:var(--pr-blue);background:#0a2b3d}
.promotion-page .pr-help{font-size:11px!important;color:var(--pr-muted);line-height:1.65!important;margin:9px 0 0}
.promotion-page .pr-error{color:var(--pr-red);font-size:12px;margin:7px 0}
.promotion-page .pr-receipt{margin-top:21px;border-top:1px solid var(--site-line);padding-top:12px;font-variant-numeric:tabular-nums}
.promotion-page .pr-line{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin:7px 0;color:var(--pr-muted)}
.promotion-page .pr-line b{color:var(--pr-text);font-family:var(--font-m);font-weight:500;text-align:right}
.promotion-page .pr-line small{font-size:11px}
.promotion-page .pr-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 18px}
.promotion-page .pr-total>span{font-size:12px}
.promotion-page .pr-total small{display:block;font-size:10px;color:var(--pr-muted);margin-top:3px}
.promotion-page .pr-total output{color:var(--pr-blue);font:600 clamp(23px,2.2vw,32px)/1.25 var(--font-m);white-space:nowrap}
.promotion-page .pr-checkout{width:100%;font-size:14px;font-weight:700;--frame-color:var(--pr-red);background:linear-gradient(115deg,#351b21,#161822);justify-content:space-between;min-height:56px;padding:14px 22px;box-shadow:0 5px 0 #02090f,0 0 25px #ff655810}
.promotion-page .pr-checkout>span:last-child{font-size:23px;color:var(--pr-red)}
.promotion-page .pr-checkout-note{max-width:570px;font-size:10px!important}
.promotion-page .pr-preview{--frame-color:var(--pr-blue);background:radial-gradient(ellipse at 50% 40%,#0b365677,transparent 65%),#05121c}
.promotion-page .pr-compare{display:flex;gap:6px;background:#030b1399;padding:5px;border:1px solid var(--site-line)}
.promotion-page .pr-compare button{flex:1;min-width:0;min-height:38px;padding:8px;font-size:12px;color:var(--pr-muted);border:1px solid transparent}
.promotion-page .pr-compare button[aria-pressed=true]{background:#0a2739;border-color:#20516a;color:var(--pr-text);box-shadow:inset 0 -2px var(--pr-blue)}
.promotion-page .pr-preview-stage{position:relative;isolation:isolate;padding:50px 15px 46px;min-height:300px;display:flex;align-items:center;perspective:900px}
.promotion-page .pr-orbit{position:absolute;inset:0;width:100%;height:100%;stroke:#145375;stroke-width:.7;opacity:.75;z-index:-1}
.promotion-page .pr-orbit-light{stroke:var(--pr-blue);stroke-width:1.2;filter:drop-shadow(0 0 6px var(--pr-blue))}
.promotion-page .pr-server-card{position:relative;isolation:isolate;overflow:hidden;width:100%;min-width:0;padding:24px;background:radial-gradient(ellipse at 20% 0,#123d5799,transparent 80%),linear-gradient(120deg,#102735,#07141f);transform:rotateX(5deg) rotateY(-6deg);box-shadow:8px 12px 0 #020b14,8px 13px 0 #145375,0 28px 45px #0008;transition:transform .3s,box-shadow .3s,background .3s;--frame-color:var(--pr-blue)}
.promotion-page .pr-server-card>.hub-frame{z-index:-1}
.promotion-page .pr-server-top{display:flex;align-items:center;gap:10px;margin-bottom:19px;min-width:0}
.promotion-page .pr-server-symbol{display:grid;place-items:center;width:40px;height:40px;color:var(--pr-blue);border:1px solid #1a6588;background:#0a2334;flex:none}
.promotion-page .pr-server-context{font:9px var(--font-m);letter-spacing:1px;color:var(--pr-blue)}
.promotion-page .pr-server-context small{display:block;letter-spacing:0;font:10px var(--font-b);color:var(--pr-muted);margin-top:5px}
.promotion-page .pr-vip-badge{margin-left:auto;flex:none;color:var(--site-amber);border:1px solid #97642066;background:#38270c88;padding:5px 8px;font:11px var(--font-m)}
.promotion-page .pr-server-card h3{font:700 clamp(16px,1.6vw,22px)/1.35 var(--font-b);overflow-wrap:anywhere;min-height:30px;margin:0 0 13px}
.promotion-page .pr-server-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;color:var(--pr-muted)}
.promotion-page .pr-points-badge{color:var(--pr-blue);font:10px var(--font-m);white-space:nowrap}
.promotion-page .pr-ghost-row{position:absolute;left:48px;right:34px;top:30px;height:52px;border:1px solid #15446155;background:#091c2788;transform:rotateY(-6deg);padding:16px;display:flex;gap:10px;z-index:-1}
.promotion-page .pr-ghost-row span{height:5px;width:16%;background:#204b63aa}.promotion-page .pr-ghost-row span:nth-child(2){width:42%}.promotion-page .pr-ghost-row span:last-child{margin-left:auto}
.promotion-page .pr-ghost-row-bottom{top:auto;bottom:22px;left:25px;right:48px}
.promotion-page .pr-scan{position:absolute;inset:-40% auto -40% -70%;width:32%;background:linear-gradient(90deg,transparent,#78d8ff13,transparent);transform:skewX(-22deg);pointer-events:none;opacity:0}
.promotion-page .pr-preview[data-appearance=plain] .pr-server-card{--frame-color:#456071;background:#0a1823;box-shadow:4px 6px 0 #020b14,4px 7px 0 #233642,0 16px 25px #0005;transform:rotateX(0) rotateY(0)}
.promotion-page .pr-preview[data-appearance=plain] .pr-orbit{opacity:.25}
.promotion-page .pr-name-label{display:block;font-size:12px;margin:0 0 8px}
.promotion-page #pr-name-input{width:100%;font-size:13px;min-width:0}
.promotion-page .pr-preview-caption{display:flex;align-items:center;gap:10px;margin-top:19px;padding-top:15px;border-top:1px solid var(--site-line)}
.promotion-page .pr-preview-caption p{font-size:12px;color:var(--pr-blue);margin:0}
.promotion-page .pr-signal{width:7px;height:7px;flex:none;background:var(--pr-blue);box-shadow:0 0 12px var(--pr-blue);transform:rotate(45deg)}
.promotion-page .pr-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}
.promotion-page .pr-benefit{position:relative;display:flex;align-items:flex-start;gap:15px;padding:24px;min-width:0;background:linear-gradient(130deg,#0b1d2a,#050f18);--frame-color:var(--site-line)}
.promotion-page .pr-benefit-mark{font-size:23px;line-height:1.2;color:var(--pr-blue);flex:none}
.promotion-page .pr-benefit:nth-child(2) .pr-benefit-mark{color:var(--pr-red)}
.promotion-page .pr-benefit h2{font:700 14px/1.3 var(--font-b);margin:0 0 9px}
.promotion-page .pr-benefit p{font-size:12px;color:var(--pr-muted);margin:0}
.promotion-page .pr-how{display:flex;align-items:center;gap:30px;margin:30px 0;padding:20px 0;border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}
.promotion-page .pr-how h2{font:700 17px/1.4 var(--font-b);max-width:200px;margin:0}
.promotion-page .pr-how ol{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:20px;padding:0;margin:0}
.promotion-page .pr-how li{display:flex;align-items:center;gap:12px;font-size:12px}
.promotion-page .pr-how li>b{color:var(--pr-blue);font:17px var(--font-m)}
.promotion-page .pr-how small{display:block;font-size:10px;color:var(--pr-muted);margin-top:5px}
.promotion-page .pr-conditions{border:1px solid var(--site-line);background:#071521;margin-top:20px}
.promotion-page .pr-conditions summary{padding:17px 20px;font-size:13px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px}
.promotion-page .pr-conditions summary>span{color:var(--pr-blue);font-size:20px;transition:transform .15s}
.promotion-page .pr-conditions[open] summary>span{transform:rotate(45deg)}
.promotion-page .pr-conditions .legal{border:0;box-shadow:none;padding:20px;background:transparent}
.promotion-page .pr-legal-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;color:var(--pr-muted);font-size:11px}
.promotion-page .pr-legal-links a:hover{color:var(--pr-blue)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.promotion-page .pr-mode:hover input:not(:disabled)+span{transform:translateY(-3px)}.promotion-page .pr-preview:hover .pr-server-card{transform:rotateX(0) rotateY(0) translateY(-3px)}.promotion-page .pr-preview:hover .pr-scan{animation:pr-scan 1s ease-out}.promotion-page .pr-checkout:hover{box-shadow:0 5px 0 #02090f,0 0 26px #ff655827}}
@keyframes pr-scan{0%{left:-70%;opacity:0}25%{opacity:1}100%{left:150%;opacity:0}}
@media(max-width:1050px){.promotion-page .pr-workspace{gap:16px}.promotion-page .pr-surface{padding:21px}.promotion-page .pr-section-head h2{font-size:17px}.promotion-page .pr-server-card{padding:20px}.promotion-page .pr-preview-stage{padding-left:2px;padding-right:2px}.promotion-page .pr-benefit{padding:20px;gap:10px}.promotion-page .pr-how{display:block}.promotion-page .pr-how h2{max-width:none;margin-bottom:20px}}
@media(max-width:760px){.promotion-page .pr-heading{align-items:flex-start}.promotion-page .pr-cabinet{padding:10px 14px;font-size:11px;min-height:44px}.promotion-page .pr-cabinet .hub-icon{display:none}.promotion-page .pr-workspace{grid-template-columns:1fr}.promotion-page .pr-preview-stage{min-height:280px}.promotion-page .pr-benefits{grid-template-columns:1fr;gap:12px}.promotion-page .pr-benefit{padding:20px}.promotion-page .pr-how ol{gap:18px;grid-template-columns:1fr}.promotion-page .pr-server-card{max-width:530px;margin:auto}.promotion-page .pr-explanation{min-height:0}.promotion-page .pr-total output{font-size:28px}}
@media(max-width:420px){.site-public .promotion-page.wrap{width:calc(100% - 28px)}.promotion-page .pr-heading{display:block}.promotion-page .pr-cabinet{margin-top:15px}.promotion-page .pr-surface{padding:18px 15px}.promotion-page .pr-section-head h2{font-size:16px}.promotion-page .pr-modes{gap:6px}.promotion-page .pr-mode b{font-size:11px}.promotion-page .pr-mode small{font-size:9px}.promotion-page .pr-mode>span{min-height:105px}.promotion-page .pr-demo{font-size:8px}.promotion-page .pr-server-card{padding:20px 15px}.promotion-page .pr-server-bottom{align-items:flex-start;flex-direction:column;gap:8px}.promotion-page .pr-server-context{font-size:8px}.promotion-page .pr-server-symbol{width:32px;height:32px}.promotion-page .pr-vip-badge{padding:4px;font-size:10px}.promotion-page .pr-field-head{align-items:flex-start}.promotion-page .pr-preview-stage{padding-top:42px}.promotion-page .pr-checkout-note{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.promotion-page *,.promotion-page *:before,.promotion-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.promotion-page .pr-server-card,.promotion-page .pr-ghost-row{transform:none!important}}

/* Visual pass 2: native controls, unchanged calculator and shared SVG geometry. */
.promotion-page .pr-route{display:flex;gap:0;list-style:none;padding:0;margin:0 0 22px;border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}
.promotion-page .pr-route li{position:relative;display:flex;align-items:center;gap:10px;padding:12px 26px 12px 0;color:var(--pr-muted);font-size:12px;flex:1}
.promotion-page .pr-route li+li{padding-left:24px;border-left:1px solid var(--site-line)}
.promotion-page .pr-route b{font:12px var(--font-m);color:var(--pr-blue)}
.promotion-page .pr-route [aria-current]{color:var(--pr-text);box-shadow:inset 0 -2px var(--pr-blue)}
.promotion-page .pr-workspace{gap:24px}
.promotion-page .pr-surface{background:radial-gradient(ellipse at 8% 0,#13537130,transparent 50%),linear-gradient(145deg,#0c1d2a,#050f19 65%);box-shadow:0 20px 45px #0006,inset 0 1px #c1edff14}
.promotion-page .pr-config{--frame-color:#2782a9}
.promotion-page .pr-preview{background:radial-gradient(ellipse at 50% 40%,#0f49684d,transparent 65%),linear-gradient(145deg,#091d2b,#040e18)}
.promotion-page .pr-mode>span{min-height:126px;padding-top:16px;box-shadow:0 5px 0 #02090f,inset 0 1px #b3ebff0d}
.promotion-page .pr-mode i{position:relative;display:grid;place-items:center;width:54px;height:40px;margin-bottom:3px;font:24px/1 var(--font-m);background:linear-gradient(145deg,#1a4560,#081925);border:1px solid #267da3;box-shadow:3px 4px 0 #020a12,3px 5px 0 #165376;transform:skewY(-5deg)}
.promotion-page .pr-mode:has(input[value=vip]) i{color:var(--site-amber);border-color:#976420;background:linear-gradient(145deg,#48331d,#19160f);box-shadow:3px 4px 0 #020a12,3px 5px 0 #70502d}
.promotion-page .pr-mode:has(input[value=both]) i{font-size:17px;color:var(--pr-red);border-color:#884051;background:linear-gradient(145deg,#3d2330,#161422);box-shadow:3px 4px 0 #020a12,3px 5px 0 #77364b}
.promotion-page .pr-mode input:checked+span{background:radial-gradient(ellipse at 40% 0,#1a658855,transparent 95%),#0a1c2b;box-shadow:0 5px 0 #02090f,inset 0 -3px #0cbcff25,0 0 25px #0cbcff0c}
.promotion-page .pr-mode small{font-size:11px}
.promotion-page .pr-preview-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.promotion-page .pr-preview-settings>span{font-size:11px;color:var(--pr-muted)}
.promotion-page .pr-mobile-toggle{position:relative;display:block;flex:none;cursor:pointer}
.promotion-page .pr-mobile-toggle>input{position:absolute;width:1px!important;height:1px!important;opacity:0;clip-path:inset(50%);padding:0!important;min-height:0!important}
.promotion-page .pr-mobile-toggle>span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--site-line);background:#091c29;color:var(--pr-muted);font-size:11px}
.promotion-page .pr-mobile-toggle>span:before{content:'';width:10px;height:15px;border:1px solid currentColor;border-bottom-width:3px;display:block}
.promotion-page .pr-mobile-toggle>input:checked+span{border-color:var(--pr-blue);color:var(--pr-blue);background:#0b2b3d;box-shadow:inset 0 -2px #0cbcff40}
.promotion-page .pr-mobile-toggle>input:focus-visible+span{outline:2px solid #8ee6ff;outline-offset:4px}
.promotion-page .pr-preview-stage{min-height:304px;padding:47px 16px 42px;overflow:hidden}
.promotion-page .pr-preview-stage:before{content:'';position:absolute;width:68%;height:84px;left:16%;bottom:35px;border-radius:50%;border:1px solid #1684ad44;box-shadow:0 0 35px #0cbcff16,inset 0 0 30px #0cbcff0c;transform:rotate(-6deg);z-index:-1;pointer-events:none}
.promotion-page .pr-server-card{min-height:184px;box-shadow:7px 8px 0 #06121c,8px 9px 0 #1c6181,14px 18px 0 #020a12,14px 19px 0 #16425b,0 30px 40px #0009;transition:transform .25s,box-shadow .25s,background .25s,max-width .25s}
.promotion-page .pr-server-card:before{content:'';position:absolute;right:18px;top:14px;width:48px;height:2px;background:var(--pr-blue);opacity:.6;box-shadow:0 0 8px var(--pr-blue);pointer-events:none}
.promotion-page .pr-server-top{margin-bottom:18px;align-items:flex-start}
.promotion-page .pr-server-symbol{box-shadow:3px 4px 0 #030a12,3px 5px 0 #1b5070;transform:skewY(-5deg)}
.promotion-page .pr-server-context{min-width:0;padding-top:4px;overflow-wrap:anywhere}
.promotion-page .pr-server-card h3{min-width:0;overflow-wrap:anywhere;line-height:1.4}
.promotion-page .pr-preview[data-appearance=plain] .pr-server-card:before{opacity:.12}
.promotion-page .pr-preview:has([data-pr-mobile]:checked) .pr-server-card{max-width:300px;margin-inline:auto;transform:none;padding:20px 16px}
.promotion-page .pr-preview:has([data-pr-mobile]:checked) .pr-server-bottom{flex-direction:column;align-items:flex-start;gap:8px}
.promotion-page .pr-preview:has([data-pr-mobile]:checked) .pr-server-card h3{font-size:17px}
.promotion-page .pr-preview:has([data-pr-mobile]:checked) .pr-server-context{font-size:8px}
.promotion-page .pr-preview:has([data-pr-mobile]:checked) .pr-server-symbol{width:30px;height:34px}
.promotion-page .pr-preview:has([data-pr-mobile]:checked) .pr-vip-badge{font-size:10px;padding:5px}
.promotion-page .pr-total{flex-wrap:wrap;row-gap:10px}
.promotion-page .pr-total output{max-width:100%;margin-left:auto;overflow-wrap:anywhere;white-space:normal}
.promotion-page .pr-checkout{background:linear-gradient(115deg,#542432,#2a1523 55%,#171828);box-shadow:0 5px 0 #02090f,inset 0 1px #ffb7ba1c,0 12px 28px #ff655810}
.promotion-page .pr-benefit{background:linear-gradient(130deg,#0d2433,#06131e);box-shadow:0 6px 0 #020b13}
.promotion-page .pr-benefit-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #245473;background:#0b2130;font-size:20px}
.promotion-page .pr-help{font-size:12px!important;line-height:1.6!important}
.promotion-page .pr-checkout-note{font-size:11px!important}
.promotion-page .pr-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}
.promotion-page .pr-faq details{align-self:start;border:1px solid var(--site-line);background:#071622}
.promotion-page .pr-faq summary{position:relative;display:block;list-style:none;cursor:pointer;padding:16px 38px 16px 16px;min-height:54px;font-size:12px;font-weight:600}
.promotion-page .pr-faq summary::-webkit-details-marker{display:none}
.promotion-page .pr-faq summary:after{content:'+';position:absolute;right:14px;top:13px;color:var(--pr-blue);font-size:20px;font-weight:400}
.promotion-page .pr-faq [open]>summary:after{content:'−'}
.promotion-page .pr-faq p{padding:0 16px 16px;margin:0;font-size:12px;color:var(--pr-muted)}
@media(max-width:1050px){.promotion-page .pr-workspace{gap:16px}.promotion-page .pr-preview-settings{align-items:flex-start}.promotion-page .pr-preview-settings>span{max-width:120px}.promotion-page .pr-faq{gap:10px}.promotion-page .pr-route li{padding-right:12px}.promotion-page .pr-route li+li{padding-left:12px}}
@media(max-width:760px){.promotion-page .pr-workspace{gap:18px}.promotion-page .pr-route{flex-wrap:wrap}.promotion-page .pr-route li{flex-basis:100%;padding:9px 0!important;border-left:0!important}.promotion-page .pr-route li+li{border-top:1px solid #16435b66}.promotion-page .pr-mode>span{min-height:122px}.promotion-page .pr-faq{grid-template-columns:1fr}.promotion-page .pr-preview-settings>span{max-width:none}.promotion-page .pr-server-card{max-width:530px}}
@media(max-width:420px){.promotion-page .pr-mode i{width:43px;height:34px;font-size:21px}.promotion-page .pr-mode:has(input[value=both]) i{font-size:14px}.promotion-page .pr-mode small{font-size:10px}.promotion-page .pr-mode>span{min-height:117px}.promotion-page .pr-preview-stage{padding-inline:4px;padding-bottom:44px;min-height:300px}.promotion-page .pr-preview-settings>span{max-width:130px}.promotion-page .pr-server-top{gap:8px}.promotion-page .pr-server-context{font-size:8px}.promotion-page .pr-server-symbol{width:28px;height:34px}.promotion-page .pr-server-symbol .hub-icon{width:20px;height:20px}.promotion-page .pr-total output{font-size:26px}.promotion-page .pr-checkout-note{font-size:11px!important}.promotion-page .pr-benefit{gap:12px}}
@media(prefers-reduced-motion:reduce){.promotion-page .pr-server-card,.promotion-page .pr-ghost-row,.promotion-page .pr-mode i,.promotion-page .pr-server-symbol,.promotion-page .pr-preview-stage:before{transform:none!important}.promotion-page .pr-server-card,.promotion-page .pr-mobile-toggle>span{transition:none!important}}