.demo-page .page-heading{max-width:840px}.demo-intro-grid{grid-template-columns:1.15fr 1fr;align-items:stretch;gap:28px;display:grid}.demo-visual{background:var(--ink);border-radius:14px;min-height:520px;position:relative;overflow:hidden}.demo-visual>img{object-fit:cover;object-position:60% center;width:100%;height:100%;position:absolute}.demo-visual:after{content:"";background:linear-gradient(#1a0f1f40,#1a0f1fc4 50%,#1a0f1ffa);position:absolute;inset:0}.demo-visual-content{z-index:1;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:520px;padding:38px;display:flex;position:relative}.demo-pass{color:var(--blush);letter-spacing:.08em;background:#1a0f1fb8;border:1px solid #bda4ef55;border-radius:30px;align-items:center;gap:8px;margin-bottom:auto;padding:9px 13px;font-size:11px;display:inline-flex}.demo-visual h2{margin:44px 0 18px;font-size:43px;line-height:1.1}.demo-visual p{color:var(--paper);font-size:14px;line-height:1.8}.demo-stat-row{border-top:1px solid #f8f7f72a;flex-wrap:wrap;gap:24px;width:100%;margin-top:24px;padding-top:24px;display:flex}.demo-stat-row>span{color:var(--paper);font-size:10px}.demo-stat-row strong{color:var(--blush);font-size:28px;font-weight:600;display:block}.demo-start-card{flex-direction:column;justify-content:center;padding:38px;display:flex}.demo-start-card h2{margin-bottom:18px;font-size:34px;line-height:1.2}.demo-start-card>p{font-size:14px}.demo-start-card form{margin:22px 0 0}.demo-start-card form .button{margin-top:22px}.demo-start-card .check-field{align-items:flex-start;font-size:12px;line-height:1.75}.demo-start-card .check-field input{flex:none;margin-top:4px}.demo-start-card .microcopy{margin-top:18px;font-size:11px;line-height:1.8}.demo-entry-actions{gap:15px;margin-top:24px;display:grid}.demo-reassurance{border-top:1px solid var(--line);gap:12px;margin-top:26px;padding-top:21px;display:flex}.demo-reassurance>svg{color:var(--blush);flex-shrink:0;margin-top:3px}.demo-reassurance p{font-size:12px;line-height:1.8}.demo-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.demo-feature>svg{color:var(--blush);margin-bottom:21px}.demo-feature h3{margin-bottom:13px;font-size:21px;line-height:1.25}.demo-feature p{font-size:12px;line-height:1.8}.demo-shortcuts{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.demo-return{margin-top:30px;font-size:12px}.demo-return a{color:var(--blush);align-items:center;gap:8px;display:inline-flex}.demo-banner{z-index:2;background:#2a1834;border-bottom:1px solid #5a3d8670;position:relative}.demo-banner-inner{max-width:var(--content);flex-wrap:wrap;align-items:center;gap:20px;margin:0 auto;padding:15px 42px;display:flex}.demo-banner-copy{flex:310px;align-items:center;gap:12px;display:flex}.demo-banner-copy>svg{color:var(--blush);flex:none}.demo-banner-copy strong{color:var(--paper);font-size:12px}.demo-banner-copy p{color:#d5bfc9;margin-top:3px;font-size:11px;line-height:1.5}.demo-banner-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-banner-actions button,.demo-banner-actions a{min-height:40px;color:var(--paper);border:1px solid #bda4ef38;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-size:11px;display:inline-flex}.demo-banner-actions button:hover,.demo-banner-actions a:hover{background:#bda4ef14;border-color:#bda4ef99}.demo-banner-actions button:disabled{opacity:.5;cursor:wait}.demo-banner-error{color:var(--paper);flex-basis:100%;font-size:12px}.demo-banner-error a{color:var(--blush);text-decoration:underline}.demo-expired{border-bottom-color:var(--brass)}.academy.route-home:has(.demo-banner) .site-header.over-hero{position:relative}.academy.route-home:has(.demo-banner) .hero{min-height:738px;padding-top:70px}@media (width<=1000px){.academy.route-home:has(.demo-banner) .hero{min-height:0;padding-top:51px}}@media (width<=900px){.demo-intro-grid{grid-template-columns:1fr}.demo-visual,.demo-visual-content{min-height:440px}.demo-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-banner-inner{padding:15px 32px}}@media (width<=600px){.demo-visual,.demo-visual-content{min-height:420px}.demo-visual-content{padding:28px}.demo-visual h2{font-size:36px}.demo-start-card{padding:28px 24px}.demo-start-card h2{font-size:29px}.demo-feature-grid{grid-template-columns:1fr;gap:14px}.demo-feature{padding:25px}.demo-shortcuts{grid-template-columns:1fr;display:grid}.demo-banner-inner{gap:13px;padding:15px 22px}.demo-banner-actions{gap:7px;width:100%}.demo-banner-actions button,.demo-banner-actions a{min-height:44px;padding:8px 10px}.demo-stat-row{gap:19px}.demo-stat-row strong{font-size:26px}.academy.route-home:has(.demo-banner) .hero{padding-top:46px}}@media print{.demo-banner{color:#000;background:#fff;border:2px solid #5a3d86;padding:10px;display:block!important}.demo-banner-copy strong,.demo-banner-copy p{color:#000}.demo-banner-actions,.demo-page .demo-start-card form{display:none}}