:root {
  --po-blue:#144cff;--po-ink:#151719;--po-muted:#60646c;--po-canvas:#fff;--po-surface:#f5f6fa;--po-line:#e2e5ec;
  --po-xs:8px;--po-sm:12px;--po-md:16px;--po-lg:24px;--po-xl:32px;--po-2xl:48px;--po-3xl:64px;
  --po-radius:24px;--po-pill:999px;--po-width:1160px;--po-body:17px;--po-caption:13px;
}
body[data-page="compare"]:has(.preorder-shell){background:var(--po-canvas);color:var(--po-ink);padding-bottom:0}
body:has(.preorder-shell)>footer>small{display:none}
.preorder-shell{max-width:var(--po-width);margin:auto;padding:0 var(--po-lg);font-size:var(--po-body);line-height:1.5}
.preorder-shell *{box-sizing:border-box}
.preorder-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--po-md);padding:var(--po-lg) 0 var(--po-xl)}
.preorder-nav a{color:var(--po-ink);text-decoration:none;font-size:var(--po-caption)}
.preorder-nav a:first-child{font-size:var(--po-body);font-weight:700;letter-spacing:-.03em}
.preorder-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--po-2xl);align-items:center;padding:0}
.preorder-art{aspect-ratio:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:var(--po-2xl);border-radius:var(--po-radius);background:var(--po-surface) url('/static/studio-design-20261102/assets/pro-chrome.webp') center/cover}
.preorder-label{font-size:var(--po-caption);font-weight:700;letter-spacing:.16em}
.preorder-art h1{font-size:clamp(44px,5.5vw,76px);line-height:.98;letter-spacing:-.065em;font-weight:700;margin:var(--po-xl) 0;color:var(--po-ink)}
.preorder-art h1 span{color:var(--po-blue)}
.preorder-art>p{margin:0;font-size:var(--po-caption);font-weight:600}
.preorder-eyebrow{font-size:var(--po-caption);letter-spacing:.1em;font-weight:600;color:var(--po-muted)}
.preorder-offer h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.045em;line-height:1.1;margin:var(--po-sm) 0 var(--po-md);font-weight:700}
.preorder-intro{color:var(--po-muted);margin:0 0 var(--po-lg)}
.preorder-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--po-sm);margin-bottom:var(--po-lg)}
.preorder-price strong{font-size:48px;letter-spacing:-.06em;line-height:1;font-weight:700}
.preorder-price>span{font-size:var(--po-caption);color:var(--po-muted)}
.preorder-promise{border-left:2px solid var(--po-blue);padding-left:var(--po-md);margin-bottom:var(--po-lg)}
.preorder-promise strong{font-weight:600}
.preorder-promise p{font-size:15px;line-height:1.5;margin:var(--po-xs) 0 0;color:var(--po-muted)}
.preorder-button,.preorder-outline{display:flex;align-items:center;justify-content:center;gap:var(--po-sm);width:100%;min-height:52px;padding:var(--po-md) var(--po-lg);border-radius:var(--po-pill);line-height:1.2;text-decoration:none;border:1px solid var(--po-blue);box-shadow:none;background:var(--po-blue);color:var(--po-canvas);cursor:pointer}
.preorder-button{font-family:inherit;font-size:var(--po-body);font-weight:600}
.preorder-button:disabled{cursor:default;opacity:.55}
.preorder-button:focus-visible,.preorder-outline:focus-visible,.preorder-shell a:focus-visible{outline:2px solid var(--po-blue);outline-offset:4px}
.preorder-status{margin:var(--po-xs) 0;color:var(--po-muted);font-size:var(--po-caption);min-height:20px;text-align:center}
.preorder-small{font-size:var(--po-caption);line-height:1.6;color:var(--po-muted);margin:var(--po-md) 0}
.preorder-text-link{color:var(--po-blue);font-size:var(--po-caption);text-decoration:none}
.preorder-steps{padding:var(--po-3xl) 0;scroll-margin-top:var(--po-lg)}
.preorder-steps>h2,.preorder-bottom h2{font-size:28px;line-height:1.2;letter-spacing:-.04em;margin:0 0 var(--po-xl);font-weight:700}
.preorder-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--po-xl)}
.preorder-step-grid article{border-top:1px solid var(--po-line);padding-top:var(--po-lg)}
.preorder-step-grid article>span{font-size:var(--po-caption);color:var(--po-blue);font-weight:600}
.preorder-step-grid h3{font-size:var(--po-body);font-weight:600;margin:var(--po-sm) 0 var(--po-xs)}
.preorder-step-grid p{font-size:15px;margin:0;color:var(--po-muted)}
.preorder-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--po-lg);background:var(--po-surface);padding:var(--po-xl);border-radius:var(--po-radius)}
.preorder-bottom h2{margin:0 0 var(--po-xs)}
.preorder-bottom p{margin:0;color:var(--po-muted);font-size:15px}
.preorder-outline{background:var(--po-canvas);color:var(--po-blue);width:auto;white-space:nowrap;font-size:15px;font-family:inherit;font-weight:600}
.preorder-support{font-size:var(--po-caption);color:var(--po-muted);text-align:center;padding:var(--po-xl) 0;margin:0;line-height:1.8}
.preorder-support a{color:var(--po-blue)}
@media(max-width:700px){.preorder-shell{padding:0 var(--po-md)}.preorder-nav{padding:var(--po-lg) 0}.preorder-nav a:last-child{font-size:12px}.preorder-hero{grid-template-columns:1fr;gap:var(--po-lg)}.preorder-art{aspect-ratio:1.5;padding:var(--po-lg)}.preorder-art h1{font-size:clamp(42px,12vw,68px);margin:var(--po-md) 0}.preorder-offer h2{font-size:32px}.preorder-intro{font-size:16px}.preorder-step-grid{grid-template-columns:1fr;gap:var(--po-lg)}.preorder-steps{padding:var(--po-2xl) 0}.preorder-steps>h2{margin-bottom:var(--po-lg)}.preorder-bottom{align-items:stretch;flex-direction:column;padding:var(--po-lg)}.preorder-outline{width:100%}}
@media(prefers-reduced-motion:no-preference){.preorder-button:not(:disabled):active,.preorder-outline:active{transform:scale(.98)}}