/* Finishing layer: stable layout, readable controls and restrained motion. */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--focus-ring:#2476b5;--header-size:88px}
html{scroll-padding-top:calc(var(--header-size) + 24px)}
main [id]{scroll-margin-top:8px}
h1,h2{text-wrap:balance}button,input,select{font-family:var(--font)}
.button,.menu-toggle,.flow-replay,.demo-tabs button,.catalog-sidebar button{touch-action:manipulation}
.button{transition:background .18s ease,border-color .18s ease,box-shadow .24s ease,transform .24s var(--ease-out)}
.button:active:not(:disabled){transform:translateY(1px);box-shadow:none}
.button:disabled{box-shadow:none;transform:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}
.skip-link{border-radius:3px}.skip-link:focus{z-index:100}
.site-header{transition:box-shadow .28s ease,background-color .28s ease;border-bottom:1px solid #dfe6ee}
.site-header.is-scrolled{background:#fffffffa;box-shadow:0 4px 22px #1238580d}
.desktop-nav{align-items:center}.desktop-nav a{display:inline-flex;align-items:center;min-height:44px;position:relative;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left calc(100% - 7px);background-size:0 1px;transition:color .2s ease,background-size .3s var(--ease-out)}
.desktop-nav a[aria-current="page"]{background-size:100% 1px;text-decoration:none}
.desktop-nav a[href="https://agent.revbeep.com"]:after{display:inline-block;transition:transform .24s var(--ease-out)}
.menu-toggle{transition:background .2s ease,border-color .2s ease;min-height:48px;min-width:48px}
.menu-toggle[aria-expanded="true"]{background:#eaf2fa;border-color:#b7cedf}
.text-link{min-height:44px;text-underline-offset:5px;text-decoration-thickness:1px}
.button>span[aria-hidden],.text-link>span[aria-hidden],.related-link>span[aria-hidden],.industry-line>span[aria-hidden]{display:inline-block;transition:transform .3s var(--ease-out)}
.industry-line,.related-link{transition:background .22s ease,border-color .22s ease,color .22s ease}
.industry-line h3{line-height:1.25}.industry-line p{line-height:1.65}
.related-link{border-radius:3px;min-height:54px;line-height:1.5}
.offer-row h3 a{line-height:1.3}.offer-row h3 a>span{flex-shrink:0;transition:transform .24s var(--ease-out)}
.offer-row-meta{line-height:1.6}.catalog-tools input{min-height:52px}
.catalog-sidebar button{transition:background .2s ease,color .2s ease,box-shadow .2s ease}
.catalog-sidebar button[aria-pressed="true"]{box-shadow:inset 3px 0 0 #276da3}
.demo-market label,.offer-picker .field>span{font-weight:500;line-height:1.55}
.field input,.field select,.catalog-tools input,.demo-market select{transition:border-color .2s ease,box-shadow .2s ease;background-color:#fff}
.field input:focus,.field select:focus,.catalog-tools input:focus,.demo-market select:focus{border-color:#377cac;box-shadow:0 0 0 3px #2876b510}
.field input[type="number"],.metric strong,.big-price,.value-row,.smb-entry strong{font-variant-numeric:tabular-nums}
.field input::placeholder,.catalog-tools input::placeholder{color:#687e91;opacity:1}
.demo-tabs button{transition:background .18s ease,color .18s ease,box-shadow .2s ease}
.demo-document,.offer-brief,.offer-price,.calculator-results{border-radius:5px}
.live-demo{box-shadow:0 12px 40px #12385808}
.profile-details summary{list-style-position:outside;padding:4px 8px;line-height:1.55;min-height:44px}
.profile-details[open]{padding-bottom:25px}.profile-details li{line-height:1.65}
.table-scroll{border-radius:5px}.table-scroll:focus-visible{outline-offset:4px}
#checkout-dialog{border-radius:9px;box-shadow:0 28px 90px #102b4630}
.dialog-close{min-height:44px;min-width:44px;border-radius:4px}
.footer-grid nav a{padding-block:3px}.footer-bottom{line-height:1.65}
/* A decorative rule animates independently of the text and remains visible without JS. */
.has-scroll-rule{position:relative;padding-bottom:17px}
.scroll-rule{position:absolute;left:0;right:0;bottom:0;display:block;height:1px;background:#cad9e6;transform-origin:left center;pointer-events:none}
@media(hover:hover) and (pointer:fine){
 .button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #143e6415}
 .button:hover>span[aria-hidden],.text-link:hover>span[aria-hidden],.related-link:hover>span[aria-hidden],.industry-line:hover>span[aria-hidden]{transform:translate(3px,-2px)}
 .desktop-nav a:hover{background-size:100% 1px}
 .desktop-nav a[href="https://agent.revbeep.com"]:hover:after,.offer-row h3 a:hover>span{transform:translate(2px,-2px)}
 .menu-toggle:hover{background:#f0f5fa;border-color:#a5c2d8}
 .industry-line:hover{background:#f5f9fc}
 .related-link:hover{background:#eef5fb;border-color:#adc8dc;color:#174b74}
 .field input:hover,.field select:hover,.catalog-tools input:hover,.demo-market select:hover{border-color:#729bb9}
 .dialog-close:hover{background:#edf3f8}
}
@media(max-width:900px){
 :root{--header-size:76px}
 .site-header{height:var(--header-size)}.header-inner{height:var(--header-size);min-height:var(--header-size)}
 .mobile-nav{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - var(--header-size));overscroll-behavior:contain;padding:9px 26px 18px;background:#fff;border-bottom:1px solid #d4e2ed;box-shadow:0 20px 30px #12385812;border-radius:0 0 8px 8px}
 .mobile-nav a{padding:14px 10px;min-height:52px;line-height:1.5;transition:background .18s ease,color .18s ease}
 .mobile-nav a:last-child{border-bottom:0}
 .mobile-nav:not([hidden]){animation:menu-arrive .22s var(--ease-out) both}
 .calculator-results{position:static}
}
@media(max-width:650px){
 :root{--header-size:72px}
 .container{width:calc(100% - 40px)}.header-inner{height:72px;min-height:72px}.site-header{height:72px}
 .button{min-height:50px}.text-link{font-size:15px;min-height:46px}
 .mobile-nav{padding-inline:16px}
 .exp-heading h2{font-size:clamp(1.95rem,8vw,2.25rem);line-height:1.2}
 .exp-heading>p{line-height:1.75}.exp-heading{margin-bottom:28px}.has-scroll-rule{padding-bottom:20px}
 .offer-hero-v2 h1{font-size:clamp(2.25rem,9.5vw,2.9rem);line-height:1.14;overflow-wrap:break-word}
 .offer-hero-v2 .hero-actions{gap:12px 22px}.offer-hero-v2 .hero-footnote{line-height:1.8}
 .field input,.field select,.catalog-tools input,.demo-market select{font-size:16px;min-height:50px}
 .demo-tabs button{min-height:64px}.demo-tabs button span{flex-shrink:0}
 .demo-panel{padding:23px 18px}.demo-narrative h3{line-height:1.3}
 .signal-composition h3{line-height:1.4;overflow-wrap:break-word}
 .catalog-sidebar nav{gap:8px}.catalog-sidebar button{min-height:46px}
 .related-link{padding-block:17px;min-height:56px}.industry-line{padding-block:24px}
 .footer-grid nav{gap:8px}.footer-grid nav a{min-height:44px;display:inline-flex;align-items:center}
 #checkout-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.checkout-content{padding:28px 22px}
 .flow-replay{min-height:44px}
}
@keyframes menu-arrive{from{opacity:.6;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}
 .button:hover:not(:disabled),.button:active:not(:disabled){transform:none}
 .scroll-rule{transform:none!important}
}
@media print{
 .site-header{position:static;box-shadow:none}.mobile-nav,.menu-toggle{display:none!important}
 [data-scroll-kind],.scroll-rule{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
}