/* Companion pages for the isolated scrolling design preview. */
:root{--brand:#1666f5;--brand-dark:#1559ce}body{color:#10233f;background:#fff}.site-header{background:#071426;border-bottom:1px solid #233a54;box-shadow:none}.site-header .brand,.site-header .site-nav a,.site-header .text-link{color:#dfebfb}.site-header .brand img{width:44px;height:44px;object-fit:contain}.site-header .brand{font-size:25px;gap:6px}.site-header .button-secondary{background:transparent;color:#dcecff;border-color:#385779}.site-header .icon-button{color:#c9e0ff}.site-header .site-nav a:hover{color:#5bc9ff}.site-header .site-nav a[aria-current]{color:#68ccff}.site-footer{background:#071426!important;color:#a7bcd5!important}.site-footer h2,.site-footer strong,.site-footer a{color:#d7e5f7!important}.visual-page-hero{background:linear-gradient(135deg,#f7faff,#eaf3ff)!important}.visual-page-hero h1{color:#164d92!important;letter-spacing:-.045em}.visual-page-hero .visual-page-hero-image{border-radius:18px}.button{border-radius:7px}.card,.feature-card,.pricing-card{border-radius:13px;box-shadow:0 12px 36px #10233f06}a{transition:color .2s}.footer-brand img{width:55px!important;height:55px!important;object-fit:contain}.footer-brand strong{font-size:25px}.preview-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.preview-reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header .site-nav{background:#0c2038}.site-header .site-nav a{color:#dcecff}.site-header .header-inner{gap:10px}}@media(prefers-reduced-motion:reduce){.preview-reveal{opacity:1;transform:none;transition:none}}