body{padding-top:0}.demo-banner{position:relative;z-index:2;padding:12px 20px;background:#473746;color:#ffe2f0;text-align:center;font:700 12px/1.5 system-ui}.demo-banner a{text-decoration:underline;margin-left:12px}.demo-profile{width:100%;height:100%;object-fit:contain!important;object-position:center!important}.demo-actions{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0}.demo-pill{color:#ffc5df;background:#3a2b44;border:1px solid #765572;padding:6px 10px;border-radius:20px;font-size:11px}.demo-offer{background:linear-gradient(125deg,#233c55,#35273e);border-color:#ae829d}.demo-offer h2{font-size:30px}.demo-offer p{font-size:14px;line-height:1.7}.demo-offer ul{font-size:14px;line-height:1.8;color:#cfdae7;padding-left:20px}.demo-price{font-size:48px;font-weight:900;color:#ffd3e6}.demo-preview-note{font-size:12px;line-height:1.6;color:#9db5ca;margin:16px 0}.demo-nav{display:flex;gap:8px;flex-wrap:wrap}.sample-question{margin-top:12px}.sample-question h3{font-size:17px;line-height:1.5}.illustrative-bars{display:flex;gap:18px;align-items:end;height:150px;padding:15px;border-bottom:1px solid #456}.illustrative-bars span{width:45px;background:linear-gradient(#ffc3de,#ae73aa);border-radius:7px 7px 0 0}.demo-lock{color:#f6c864}.demo-back{color:#ffcae2;text-decoration:underline}.demo-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#233c55;border:1px solid #c59ab8;color:white;padding:16px;z-index:100;max-width:90vw;border-radius:15px;font-size:13px}.demo-toast[hidden]{display:none}.demo-modal{max-width:550px;border:1px solid #ba8ca9;border-radius:22px;background:#14283d;color:#fff;padding:26px}.demo-modal::backdrop{background:#040b19dc}.demo-modal h2{font-size:24px}.demo-modal p{line-height:1.7;color:#c2d2e3}.demo-modal .buttons{justify-content:flex-start}.demo-focus:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #80e4dc;outline-offset:4px}section[hidden]{display:none!important}.premium-shell .page{padding-bottom:35px}@media(max-width:700px){.demo-banner{font-size:11px}.demo-price{font-size:36px}.demo-nav button{padding:10px;font-size:11px}.demo-actions .button{flex:1}.demo-offer h2{font-size:24px}.pm-portrait{min-height:240px}.demo-profile{max-height:330px}}/* Keep the original visual language with a self-contained public demo layout. */
.premium-shell{display:block!important}
.premium-shell .academy-header{position:sticky!important;top:0!important;width:100%;font-family:Inter,system-ui,sans-serif;z-index:30}
.premium-shell .page{margin:0 auto!important;padding-top:24px!important;max-width:1500px}
.demo-banner{display:block;position:relative;z-index:31}
.year-feature{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px;border:1px solid #43536a;border-radius:20px;background:linear-gradient(115deg,#192d45,#241f35);margin:24px 0}
.year-feature-copy small{color:#e9b9d4;letter-spacing:.1em;font-size:10px;font-weight:800}
.year-feature-copy h2{font-size:25px;margin:10px 0}
.year-feature-copy p{font-size:13px;color:#b3c7d9;line-height:1.7;max-width:650px}
.year-feature-years{display:flex;gap:8px;flex-wrap:wrap}
.year-feature-years span{padding:7px 12px;border:1px solid #5e5271;background:#22273f;color:#eac6da;border-radius:9px;font-size:12px}
.year-feature-button{padding:13px 18px;background:#f6c864;color:#18283c;border:0;border-radius:12px;font-weight:800;white-space:nowrap}
@media(max-width:700px){.year-feature{flex-direction:column;align-items:stretch;padding:18px}.premium-shell .page{padding-top:15px!important}.premium-shell .academy-header{flex-wrap:wrap;justify-content:center}.demo-nav{justify-content:center}.demo-banner a{display:block}.demo-master-hero h1{font-size:clamp(34px,9vw,54px)}}