.rf-header .nav{flex-wrap:nowrap;min-width:0;gap:clamp(18px,2vw,32px)}
.rf-header .brand{flex:none}.rf-header .nav-links{min-width:0;flex-shrink:1;gap:clamp(14px,2vw,28px)}
.rf-header .nav-actions{flex:none}.rf-header .nav-links>li>a,.rf-header .rf-menu-trigger{white-space:nowrap}
.rf-header .rf-mega{top:100%;max-height:calc(100dvh - 130px);overscroll-behavior:contain}
@media(max-width:1000px){
 .rf-header .nav{height:76px;gap:12px}
 .rf-header .brand img{width:140px;height:auto}
 .rf-header .nav-actions{margin-left:auto;order:2}
 .rf-header .nav-actions .btn-outline{display:none}
 .rf-header .nav-actions .btn{font-size:12px;padding:10px 15px;min-height:42px}
 .rf-header .nav-toggle{display:grid;place-items:center;order:3;width:42px;height:42px;flex:none;padding:0;border:1px solid #dadade;border-radius:8px;background:#fff;font-size:20px}
 .rf-header .nav-links{display:none;position:absolute;top:100%;left:0;right:0;width:100%;margin:0;padding:16px max(16px,calc((100vw - 900px)/2));background:white;flex-direction:column;align-items:stretch;gap:2px;border-bottom:1px solid #dadade;max-height:calc(100dvh - 116px);overflow:auto;overscroll-behavior:contain}
 .rf-header .nav.menu-open .nav-links{display:flex}
 .rf-header .nav-links>li{width:100%}.rf-header .nav-links>li>a{display:block}
 .rf-header .rf-menu-trigger{width:100%;justify-content:space-between}
 .rf-header .rf-mega{position:static;max-height:none;overflow:visible;border:0}
 .rf-header .rf-mega .wrap{width:100%}
 .rf-header .rf-mega-grid,.rf-header .rf-resource-grid{grid-template-columns:1fr;gap:20px;padding:12px 0}
 .rf-header .rf-mega-column{padding-left:14px}.rf-header .rf-mega-feature{display:none}
 .rf-header .rf-resource-grid>div{padding-left:14px}
}
@media(max-width:560px){
 .rf-header .rf-top{height:38px}.rf-header .rf-top>div{gap:14px;font-size:11px}
 .rf-header .nav{height:68px;gap:10px}.rf-header .brand img{width:124px}
 .rf-header .nav-actions .btn{font-size:11px;padding:9px 12px;min-height:40px}
 .rf-header .nav-toggle{width:40px;height:40px}
 .rf-header .nav-links{max-height:calc(100dvh - 106px)}
}
@media(max-width:360px){.rf-header .brand img{width:110px}.rf-header .nav-actions .btn{font-size:10px;padding-inline:9px}}
body:not(.rf-inner) main>section h2{font-size:clamp(28px,3.5vw,48px);line-height:1.18;letter-spacing:-.025em}
.rf-final{padding:clamp(48px,6vw,80px) 0}
body:not(.rf-inner) .rf-final h2{max-width:23ch;margin:24px auto 30px;font-size:clamp(28px,4vw,56px);line-height:1.18;letter-spacing:-.025em;text-wrap:balance}
.rf-final .eyebrow{font-size:12px;line-height:1.6}.rf-final .btn-row{gap:12px;flex-wrap:wrap}
.rf-final .btn{font-size:13px;min-height:46px;padding:12px 22px}
.rf-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;min-height:0}
.rf-hero>.rf-hero-copy{padding:36px 30px}
.rf-hero-copy h1{font-size:clamp(28px,3.05vw,44px);line-height:1.15;letter-spacing:-.03em}
.rf-hero>.rf-motion{--motion-scale:.6;min-height:0;height:calc(900px * var(--motion-scale) + 48px);width:100%;overflow:hidden}
.rf-hero .rf-motion-window{top:24px;left:calc((100% - 880px * var(--motion-scale))/2);width:880px;height:900px;transform:scale(var(--motion-scale));transform-origin:top left;border-width:10px;border-radius:28px}
.rf-hero .rf-motion-overview{width:100%}
.rf-hero .rf-motion-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rf-hero .rf-motion-metrics article{padding:14px;min-height:220px}
.rf-hero .rf-chart-ring{width:88px;height:88px}
.rf-hero .rf-motion-page{padding:20px;top:104px}
.rf-hero .rf-motion[data-scene=charts] .rf-motion-overview,.rf-hero .rf-motion[data-scene=readiness] .rf-motion-overview{transform:none}
.rf-hero .rf-motion-room{height:144px}
.rf-hero .rf-motion-nav{gap:8px;padding-inline:18px;font-size:13px}
.rf-hero .rf-motion-nav span{padding:10px 13px}
@media(min-width:701px) and (max-width:1000px){
 .rf-hero{grid-template-columns:1fr}
 .rf-hero>.rf-hero-copy{max-width:780px;padding:36px 32px 10px}
 .rf-hero-copy h1{font-size:36px;max-width:24ch}
 .rf-hero-copy h1 br{display:none}.rf-hero-copy p{max-width:65ch}
 .rf-hero>.rf-motion{max-width:928px;margin-inline:auto}
}
@media(max-width:700px){
 .rf-hero{grid-template-columns:1fr}.rf-hero>.rf-hero-copy{padding:28px 22px 14px}
 .rf-hero-copy h1{font-size:clamp(27px,7vw,38px);line-height:1.18;max-width:22ch}
 .rf-hero-copy p{font-size:16px}.rf-hero-copy .btn{font-size:12px;padding:12px 16px;min-height:44px;white-space:normal}
 .rf-hero>.rf-motion{height:auto;padding:18px 12px 24px;min-height:0}
 .rf-hero .rf-motion-window{position:relative;top:auto;left:auto;width:100%;height:700px;transform:none;border:5px solid #24242a;border-radius:18px}
 .rf-hero .rf-motion-brand{height:48px;padding:0 12px;gap:10px;font-size:10px}
 .rf-hero .rf-motion-brand img{width:110px}.rf-hero .rf-motion-avatar{display:none}
 .rf-hero .rf-motion-nav{height:44px;gap:4px;padding:0 8px;font-size:11px}
 .rf-hero .rf-motion-nav span{padding:8px}.rf-hero .rf-motion-nav>span:nth-child(n+3){display:none}
 .rf-hero .rf-motion-page{top:92px;width:100%;padding:14px 12px;transform:none;transition:opacity .35s}
 .rf-hero .rf-motion-page h3{font-size:24px!important;line-height:1.2;overflow-wrap:normal}
 .rf-hero .rf-motion-page>p{font-size:12px;line-height:1.5}
 .rf-hero .rf-motion-counts{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
 .rf-hero .rf-motion-counts>span{padding:8px;border-bottom:1px solid #dedfe7}
 .rf-hero .rf-motion-counts i{font-size:11px}.rf-hero .rf-motion-counts b{font-size:20px}
 .rf-hero .rf-motion-section{gap:8px;margin:12px 0;font-size:10px;flex-wrap:wrap}
 .rf-hero .rf-motion-section b{padding:6px 8px}
 .rf-hero .rf-motion-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .rf-hero .rf-motion-metrics article{display:none;padding:10px;min-height:280px;min-width:0}
 .rf-hero .rf-motion[data-scene=overview] .rf-motion-metrics article:nth-child(-n+2),
 .rf-hero .rf-motion[data-scene=charts] .rf-motion-metrics article:nth-child(n+3):nth-child(-n+4),
 .rf-hero .rf-motion[data-scene=readiness] .rf-motion-metrics article:nth-child(n+5){display:block}
 .rf-hero .rf-motion-metrics article>span{font-size:12px}.rf-hero .rf-motion-metrics strong{font-size:27px}.rf-hero .rf-motion-metrics p{font-size:11px}
 .rf-hero .rf-sales-chart{font-size:10px;gap:12px;margin-top:14px}.rf-hero .rf-sales-chart>div{gap:5px}.rf-hero .rf-sales-chart i{height:8px}
 .rf-hero .rf-ring-pair{grid-template-columns:1fr;gap:8px;margin-top:8px}.rf-hero .rf-ring-pair>div{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2px}
 .rf-hero .rf-ring-pair>div>span{font-size:10px}.rf-hero .rf-ring-pair small{grid-column:1/-1;font-size:9px}
 .rf-hero .rf-chart-ring{width:52px;height:52px;margin:0 auto}.rf-hero .rf-chart-ring b{font-size:15px}
 .rf-hero .rf-ready-chart{flex-direction:column;gap:8px}.rf-hero .rf-ready-chart .rf-chart-ring{width:65px;height:65px}.rf-hero .rf-ready-chart dl{width:100%;font-size:10px}
 .rf-hero .rf-motion-ledger{font-size:10px;margin-top:14px}.rf-hero .rf-motion-ledger>div{flex-direction:column;gap:4px;padding:10px 0}
 .rf-hero .rf-motion-roomheading>span{font-size:10px;padding:8px}.rf-hero .rf-motion-filters{gap:5px;flex-wrap:wrap;margin:12px 0;font-size:10px}.rf-hero .rf-motion-filters>*{padding:6px}
 .rf-hero .rf-motion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .rf-hero .rf-motion-room{height:91px;padding:9px 6px;min-width:0}.rf-hero .rf-motion-room strong{font-size:25px;letter-spacing:-.03em}
 .rf-hero .rf-motion-room>span{font-size:8px;padding:3px;margin:5px 0;white-space:nowrap}.rf-hero .rf-motion-room p{font-size:9px}
}
@media(max-width:380px){.rf-hero .rf-motion-window{height:740px}.rf-hero .rf-motion-metrics article{min-height:300px}.rf-hero .rf-motion-room>span{font-size:7px}.rf-hero .rf-motion-brand>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.rf-hero .rf-motion-window{height:auto}.rf-hero .rf-motion-overview{position:relative;top:0}.rf-hero .rf-motion-rooms{display:none}}
@media(min-width:1001px){
 .rf-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
 .rf-hero>.rf-hero-copy{padding:36px 32px}
 .rf-hero>.rf-motion{height:auto;min-height:590px}
 .rf-hero .rf-motion-window{top:32px;left:32px;width:880px;height:760px;transform:none;border-width:12px;border-radius:32px}
 .rf-hero .rf-motion-overview{width:610px}
 .rf-hero .rf-motion-page{padding:22px}
 .rf-hero .rf-motion-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .rf-hero .rf-motion-metrics article{padding:18px;min-height:252px}
 .rf-hero .rf-chart-ring{width:100px;height:100px}
 .rf-hero .rf-motion[data-scene=charts] .rf-motion-overview{transform:translateY(-215px)}
 .rf-hero .rf-motion[data-scene=readiness] .rf-motion-overview{transform:translateY(-485px)}
 .rf-hero .rf-motion-room{height:154px}
}
@media(min-width:1001px) and (prefers-reduced-motion:reduce){
 .rf-hero .rf-motion-overview{position:absolute;top:104px;transform:none!important}
}
