:root{--rl-navy:#102a43;--rl-ink:#17324d;--rl-muted:#62748a;--rl-blue:#2f80ed;--rl-teal:#19b7a5;--rl-pale:#f3f8fc;--rl-line:#dbe7f0;--rl-white:#fff;--rl-radius:24px}
body.page-id-69{background:#fff;color:var(--rl-ink)}
body.page-id-69 #nxt-header,body.page-id-69 #nxt-footer,body.page-id-69 .site-footer,body.page-id-69 .nxt-footer-copyright{display:none!important}
.rl-site{overflow:hidden;width:100vw!important;max-width:none!important;position:relative;left:50%!important;transform:translateX(-50%);margin-left:0!important}

.rl-wrap{width:min(1240px,calc(100% - 64px));margin:0 auto}
.rl-nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,231,240,.7)}
.rl-nav-inner{height:76px;display:flex;align-items:center;gap:28px}
.rl-logo{font-weight:800;letter-spacing:-.05em;font-size:25px;color:var(--rl-navy);text-decoration:none}
.rl-logo span{color:var(--rl-blue)}
.rl-links{display:flex;align-items:center;gap:25px;margin-left:auto}
.rl-links a{color:var(--rl-muted);font-size:14px;font-weight:600;text-decoration:none}
.rl-links a:hover{color:var(--rl-blue)}
.rl-login{color:var(--rl-navy)!important}
.rl-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 21px;background:var(--rl-blue);color:#fff!important;font-size:14px;font-weight:750;text-decoration:none;box-shadow:0 12px 24px rgba(47,128,237,.2);transition:transform .2s ease,box-shadow .2s ease}
.rl-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(47,128,237,.28)}
.rl-btn--ghost{background:#fff;color:var(--rl-navy)!important;border:1px solid var(--rl-line);box-shadow:none}
.rl-hero{padding:94px 0 80px;background:radial-gradient(circle at 82% 18%,rgba(47,128,237,.16),transparent 33%),linear-gradient(180deg,#f8fbfe 0%,#fff 90%)}
.rl-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}
.rl-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--rl-blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px}
.rl-eyebrow:before{content:"";width:27px;height:2px;background:var(--rl-teal)}
.rl-hero h1{font-size:clamp(44px,5.4vw,74px);line-height:1.02;letter-spacing:-.065em;color:var(--rl-navy);margin:0 0 24px;max-width:650px}
.rl-hero p{font-size:18px;line-height:1.65;color:var(--rl-muted);max-width:590px;margin:0 0 32px}
.rl-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.rl-hero .rl-note{font-size:13px;line-height:1.5;letter-spacing:.01em;color:var(--rl-muted);margin:22px 0 0}
.rl-dashboard{position:relative;background:#fff;border:1px solid var(--rl-line);border-radius:28px;padding:18px;box-shadow:0 28px 70px rgba(16,42,67,.14);transform:rotate(1deg)}
.rl-panel{border:1px solid var(--rl-line);border-radius:17px;padding:15px;background:#fbfdff}
.rl-panel h3{font-size:12px;margin:0 0 14px;color:var(--rl-navy)}
.rl-room{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf3f7;font-size:11px;color:var(--rl-muted)}
.rl-room:last-child{border-bottom:0}
.rl-room b{color:var(--rl-navy)}
.rl-quote{background:linear-gradient(145deg,#17324d,#275a82);color:#fff;min-height:100%}
.rl-quote h3,.rl-quote p{color:#fff}
.rl-quote small{font-size:11px;color:#b7d4e8}
.rl-section{padding:105px 0}
.rl-section--pale{background:var(--rl-pale)}
.rl-section h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.06em;color:var(--rl-navy);margin:0 0 17px}
.rl-section-intro{font-size:17px;line-height:1.7;color:var(--rl-muted);margin:0}
.rl-workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.rl-step:not(:last-child):after{content:"→";position:absolute;right:-13px;top:25px;color:#99b4c9;font-size:20px}
.rl-list{display:grid;gap:12px;margin:27px 0 0;padding:0;list-style:none}
.rl-list li{display:flex;gap:11px;align-items:flex-start;color:var(--rl-ink);font-size:14px}
.rl-list li:before{content:"✓";display:grid;place-items:center;flex:0 0 21px;height:21px;border-radius:50%;background:#ddf7f0;color:#138a78;font-weight:800}
.rl-beta{display:grid;grid-template-columns:1fr .82fr;gap:60px;align-items:start}
.rl-beta-form{background:#fff;border:1px solid var(--rl-line);border-radius:23px;padding:25px;box-shadow:0 18px 50px rgba(16,42,67,.08)}
.rl-beta-form label{display:block;font-size:12px;font-weight:750;color:var(--rl-navy);margin-bottom:7px}
.rl-beta-form input{width:100%;border:1px solid var(--rl-line);border-radius:10px;padding:13px 14px;font:inherit;margin-bottom:15px}
.rl-beta-form button{border:0;cursor:pointer;width:100%}
.rl-footer{background:#0b2033;color:#b8cad8;padding:42px 0}.rl-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.rl-footer .rl-logo{color:#fff}.rl-footer small{font-size:12px}
@media(max-width:900px){.rl-hero-grid,.rl-beta{grid-template-columns:1fr;gap:38px}.rl-workflow{grid-template-columns:repeat(2,1fr);gap:30px}.rl-step:not(:last-child):after{display:none}.rl-links{gap:14px}}
@media(max-width:600px){.rl-wrap{width:min(100% - 32px,1180px)}.rl-nav-inner{height:66px;gap:12px}.rl-links{margin-left:auto}.rl-links .rl-btn{padding:11px 14px;font-size:12px}.rl-hero{padding:65px 0}.rl-hero h1{font-size:45px}.rl-section{padding:72px 0}.rl-workflow{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rl-btn{transition:none}}
.rl-outcomes{padding:105px 0;background:#fff}
.rl-outcomes-head{max-width:700px;margin:0 auto 45px;text-align:center}
.rl-outcomes-head h2{font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.06em;color:var(--rl-navy);margin:0 0 17px}
.rl-outcomes-head p{font-size:17px;line-height:1.7;color:var(--rl-muted);margin:0}
.rl-outcome{border:1px solid var(--rl-line);border-radius:22px;padding:29px;background:#fbfdff}
.rl-outcome h3{font-size:22px;letter-spacing:-.04em;color:var(--rl-navy);margin:21px 0 10px}
.rl-outcome p{font-size:14px;line-height:1.65;color:var(--rl-muted);margin:0}
@media(max-width:600px){.rl-outcomes{padding:72px 0}}
.rl-pricing-section{padding:92px 0;background:var(--rl-pale)}.rl-pricing-head{max-width:720px;margin:0 auto 42px;text-align:center}.rl-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.rl-price-card{position:relative;padding:32px 28px;border:1px solid var(--rl-line);border-radius:var(--rl-radius);background:#fff;box-shadow:0 14px 34px rgba(16,42,67,.06);display:flex;flex-direction:column}.rl-price-card--featured{border:2px solid var(--rl-blue);box-shadow:0 20px 46px rgba(47,128,237,.14);transform:translateY(-8px)}.rl-price-badge{position:absolute;top:18px;right:18px;padding:6px 10px;border-radius:999px;background:#e8f1ff;color:var(--rl-blue);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.rl-price-card h3{margin:0 0 8px;color:var(--rl-navy);font-size:23px}.rl-price-card>p{margin:0 0 24px;color:var(--rl-muted);line-height:1.55}.rl-price-value{display:flex;align-items:baseline;gap:6px;margin-bottom:24px;color:var(--rl-navy)}.rl-price-value strong{font-size:36px;letter-spacing:-.04em}.rl-price-value span{font-size:13px;color:var(--rl-muted)}.rl-price-list{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px;color:var(--rl-ink);font-size:14px;line-height:1.45}.rl-price-list li:before{content:'✓';color:var(--rl-teal);font-weight:700;margin-right:9px}.rl-price-card .rl-btn{margin-top:auto;text-align:center}@media(max-width:900px){.rl-pricing-grid{grid-template-columns:1fr}.rl-price-card--featured{transform:none}}
html{scroll-behavior:smooth}.rl-site{letter-spacing:-.005em}.rl-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(219,231,240,.8)}.rl-links a{transition:color .2s ease,background .2s ease,transform .2s ease}.rl-links a:not(.rl-btn):hover,.rl-links a.is-current{color:var(--rl-blue)}.rl-links a.is-current:after{content:'';display:block;height:2px;background:var(--rl-blue);border-radius:2px;margin-top:5px}.rl-btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.rl-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(47,128,237,.2)}.rl-outcome,.rl-price-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.rl-outcome:hover,.rl-price-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(16,42,67,.1);border-color:#c5dced}.rl-eyebrow{font-weight:750;letter-spacing:.09em}.rl-eyebrow:before{display:none}.rl-timeline-step:not(:last-child):after{content:'';position:absolute;top:15px;left:31px;width:calc(100% + 10px);height:1px;background:#c9ddeb}.rl-dashboard{transition:box-shadow .3s ease,transform .3s ease}.rl-dashboard:hover{transform:rotate(0deg) translateY(-4px);box-shadow:0 34px 80px rgba(16,42,67,.18)}.rl-section--pale{background:linear-gradient(180deg,#f3f8fc 0%,#f8fbfe 100%)}@media(max-width:560px){.rl-links a.is-current:after{display:none}}
.rl-problem-section{padding:82px 0;background:#fff}.rl-problem-head{max-width:680px;margin-bottom:34px}@media(max-width:560px){.rl-problem-section{padding:64px 0}}
.rl-scroll-section{padding:92px 0;background:#fff}.rl-scroll-head{max-width:760px;margin:0 auto 46px;text-align:center}.rl-scroll-stack{display:grid;gap:24px}.rl-scroll-card{position:sticky;top:92px;min-height:650px;padding:42px 46px 0;border-radius:34px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 18px 44px rgba(16,42,67,.1)}.rl-scroll-card:nth-of-type(1){background:#d9d1f4}.rl-scroll-card:nth-of-type(2){top:104px;background:#c8e9e5}.rl-scroll-card:nth-of-type(3){top:116px;background:#cfdcf6}.rl-scroll-card:nth-of-type(4){top:128px;background:#f5dfbd}.rl-scroll-card h3{margin:0 0 14px;color:#101828;font-size:clamp(28px,3.4vw,48px);line-height:1.05;letter-spacing:-.055em}.rl-scroll-card>div:first-child>p{max-width:620px;margin:0;color:#26364a;font-size:16px;line-height:1.55}.rl-scroll-label{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#26364a;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.rl-scroll-label b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--rl-navy);font-size:10px}.rl-scroll-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.rl-scroll-pills span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.65);color:#26364a;font-size:11px;font-weight:700}.rl-scroll-visual{width:min(760px,90%);margin:auto auto -115px;padding:20px 20px 135px;border-radius:25px 25px 0 0;background:rgba(255,255,255,.82);box-shadow:0 0 0 1px rgba(255,255,255,.5),0 20px 40px rgba(16,42,67,.14)}@media(max-width:700px){.rl-scroll-section{padding:68px 0}.rl-scroll-card,.rl-scroll-card:nth-of-type(n){position:sticky;top:76px;min-height:600px;padding:30px 22px 0;border-radius:27px}.rl-scroll-card:nth-of-type(2){top:84px}.rl-scroll-card:nth-of-type(3){top:92px}.rl-scroll-card:nth-of-type(4){top:100px}.rl-scroll-visual{width:100%;padding:15px 15px 110px;margin-bottom:-95px}.rl-scroll-card h3{font-size:34px}.rl-scroll-card>div:first-child>p{font-size:14px}}
.rl-scroll-stack{position:relative}.rl-scroll-card:nth-of-type(1){z-index:1}.rl-scroll-card:nth-of-type(2){z-index:2}.rl-scroll-card:nth-of-type(3){z-index:3}.rl-scroll-card:nth-of-type(4){z-index:4}
.rl-scroll-stack{display:block}.rl-scroll-card{margin-bottom:24px}.rl-scroll-card,.rl-scroll-card:nth-of-type(2),.rl-scroll-card:nth-of-type(3),.rl-scroll-card:nth-of-type(4){top:96px}
.rl-site{left:auto!important;transform:none!important;margin-left:calc(50% - 50vw)!important}
.rl-site{overflow:visible!important}
body.admin-bar .rl-nav{top:32px}@media(max-width:782px){body.admin-bar .rl-nav{top:46px}}
.rl-scroll-card,.rl-scroll-card:nth-of-type(2),.rl-scroll-card:nth-of-type(3),.rl-scroll-card:nth-of-type(4){top:98px}body.admin-bar .rl-scroll-card,body.admin-bar .rl-scroll-card:nth-of-type(2),body.admin-bar .rl-scroll-card:nth-of-type(3),body.admin-bar .rl-scroll-card:nth-of-type(4){top:144px}@media(max-width:700px){.rl-scroll-card,.rl-scroll-card:nth-of-type(2),.rl-scroll-card:nth-of-type(3),.rl-scroll-card:nth-of-type(4){top:98px}body.admin-bar .rl-scroll-card,body.admin-bar .rl-scroll-card:nth-of-type(2),body.admin-bar .rl-scroll-card:nth-of-type(3),body.admin-bar .rl-scroll-card:nth-of-type(4){top:144px}}
.rl-more-info{padding:26px 0 54px;background:var(--rl-pale)}.rl-more-info-wrap{max-width:920px;margin:0 auto;border:1px solid var(--rl-line);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(16,42,67,.045);overflow:hidden}.rl-more-info-wrap>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;cursor:pointer;list-style:none;color:var(--rl-navy);font-weight:800}.rl-more-info-wrap>summary:after{content:'⌄';display:grid;place-items:center;width:25px;height:25px;border:1px solid #c9dbe8;border-radius:50%;color:var(--rl-blue);transition:transform .2s ease}.rl-more-info-wrap>summary::-webkit-details-marker{display:none}.rl-more-info-wrap[open]>summary{border-bottom:1px solid var(--rl-line)}.rl-more-info-wrap[open]>summary:after{transform:rotate(180deg);background:#edf5ff}.rl-more-info-content{padding:8px 24px 26px}.rl-more-info-content details{padding:16px 0;border-bottom:1px solid #edf2f6}.rl-more-info-content details:last-child{border-bottom:0}.rl-more-info-content summary{cursor:pointer;list-style:none;color:var(--rl-navy);font-weight:700}.rl-more-info-content summary::-webkit-details-marker{display:none}.rl-more-info-content summary:after{content:'+';float:right;color:var(--rl-blue);font-size:18px;font-weight:400}.rl-more-info-content details[open] summary:after{content:'−'}.rl-more-info-content p{max-width:760px;margin:11px 0 0;color:var(--rl-muted);font-size:14px;line-height:1.7}@media(max-width:560px){.rl-more-info-content,.rl-more-info-wrap>summary{padding-left:17px;padding-right:17px}}
.rl-more-info{padding:20px 0 54px;background:var(--rl-pale)}.rl-more-info-wrap{max-width:920px;margin:0 auto;border:0;border-top:1px solid var(--rl-line);border-bottom:1px solid var(--rl-line);border-radius:0;background:transparent;box-shadow:none;overflow:visible}.rl-more-info-wrap>summary{padding:18px 2px;color:var(--rl-muted);font-size:13px;font-weight:700;letter-spacing:.02em}.rl-more-info-wrap>summary:after{width:22px;height:22px;background:#fff}.rl-more-info-wrap[open]>summary{border-bottom:0}.rl-more-info-content{padding:30px 0 20px}.rl-more-faq{display:grid;gap:12px}.rl-more-faq details{border:1px solid var(--rl-line)!important;border-radius:16px!important;padding:0 22px!important;background:#fff;box-shadow:0 8px 22px rgba(16,42,67,.045);transition:border-color .2s ease,box-shadow .2s ease}.rl-more-faq details:hover,.rl-more-faq details[open]{border-color:#b9d4e5!important;box-shadow:0 14px 28px rgba(16,42,67,.08)}.rl-more-faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;cursor:pointer;list-style:none;color:var(--rl-navy);font-weight:750}.rl-more-faq summary:after{content:'⌄';display:grid;place-items:center;width:25px;height:25px;border:1px solid #c9dbe8;border-radius:50%;color:var(--rl-blue);font-size:15px;line-height:1;transition:transform .2s ease,background .2s ease}.rl-more-faq summary::-webkit-details-marker{display:none}.rl-more-faq details[open] summary:after{transform:rotate(180deg);background:#edf5ff}.rl-more-faq p{margin:0;padding:0 44px 22px 0;color:var(--rl-muted);line-height:1.65;font-size:14px;max-width:700px}@media(max-width:560px){.rl-more-info-content{padding-top:22px}.rl-more-faq details{padding:0 17px!important}.rl-more-faq summary{min-height:62px;font-size:14px}.rl-more-faq p{padding-right:0;padding-bottom:18px}}
.rl-detail-section{padding:96px 0;background:#fff}.rl-detail-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.rl-detail-tab{border:1px solid var(--rl-line);border-radius:999px;padding:11px 15px;background:#f8fbfe;color:var(--rl-muted);font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:all .2s ease}.rl-detail-tab:hover,.rl-detail-tab.is-active{background:var(--rl-navy);border-color:var(--rl-navy);color:#fff}.rl-detail-panel{display:none;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center;padding:34px;border:1px solid var(--rl-line);border-radius:28px;background:linear-gradient(135deg,#f5f9fc 0%,#fff 100%);box-shadow:0 18px 42px rgba(16,42,67,.08)}.rl-detail-panel.is-active{display:grid}.rl-detail-copy h3{margin:0 0 13px;color:var(--rl-navy);font-size:clamp(28px,3.5vw,44px);line-height:1.06;letter-spacing:-.05em}.rl-detail-copy>p{margin:0 0 21px;color:var(--rl-muted);line-height:1.65}.rl-detail-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.rl-detail-list li{color:var(--rl-ink);font-size:13px}.rl-detail-list li:before{content:'✓';color:var(--rl-teal);font-weight:800;margin-right:9px}.rl-detail-ui{min-height:310px;padding:20px;border:1px solid #c9dbe8;border-radius:20px;background:#fff;box-shadow:0 14px 30px rgba(16,42,67,.08)}@media(max-width:760px){.rl-detail-section{padding:72px 0}.rl-detail-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.rl-detail-tabs::-webkit-scrollbar{display:none}.rl-detail-tab{flex:0 0 auto}.rl-detail-panel,.rl-detail-panel.is-active{grid-template-columns:1fr;padding:24px}.rl-detail-ui{min-height:260px}}
.rl-detail-tabs{position:relative}.rl-detail-tab{position:relative;overflow:hidden}.rl-detail-tab.is-active:before{content:'';position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--rl-teal);transform-origin:left;animation:rlTabProgress 5s linear forwards}@keyframes rlTabProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.rl-detail-panel{animation:rlPanelIn .35s ease both}@keyframes rlPanelIn{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.rl-detail-tabs:after{content:'Auto-playing · pause on hover';display:block;width:100%;margin-top:5px;color:#91a5b5;font-size:10px;letter-spacing:.04em}@media(max-width:560px){.rl-detail-tabs:after{font-size:9px}}
.rl-outcomes>.rl-detail-section{padding:72px 0 0;background:transparent}.rl-outcomes>.rl-detail-section .rl-wrap{width:100%;padding:0}.rl-outcomes>.rl-detail-section .rl-detail-panel{background:#fff}@media(max-width:760px){.rl-outcomes>.rl-detail-section{padding-top:56px}}
.rl-outcomes>.rl-detail-section .rl-wrap{width:100%;max-width:none;margin:0;padding:0}
.rl-outcomes #product-details{padding:72px 0 0;background:transparent;width:auto}
.rl-outcomes #product-details{width:min(1240px,calc(100% - 64px));margin:0 auto;padding:72px 0 0;background:transparent}.rl-outcomes #product-details>.rl-wrap{width:100%;max-width:none;margin:0;padding:0}
.rl-product-cta{margin-top:38px;padding:24px 28px;border-radius:20px;background:var(--rl-navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.rl-product-cta strong{display:block;font-size:19px;letter-spacing:-.02em}.rl-product-cta p{margin:5px 0 0;color:#c8d8e6;font-size:13px}.rl-product-cta .rl-btn{white-space:nowrap;background:#fff;color:var(--rl-navy)}@media(max-width:600px){.rl-product-cta{align-items:flex-start;flex-direction:column;padding:22px}.rl-product-cta .rl-btn{width:100%;text-align:center}}
.rl-product-cta{max-width:720px;margin:38px auto 0;padding:18px 0 0;border-top:1px solid var(--rl-line);border-radius:0;background:transparent!important;color:var(--rl-navy);box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:18px}.rl-product-cta>div{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.rl-product-cta strong{font-size:17px;letter-spacing:-.02em}.rl-product-cta p{margin:0;color:var(--rl-muted);font-size:13px}.rl-product-cta .rl-btn{padding:10px 14px;background:var(--rl-navy);color:#fff;box-shadow:none}@media(max-width:600px){.rl-product-cta{align-items:flex-start;flex-direction:column;margin-top:30px}.rl-product-cta>div{display:block}.rl-product-cta strong{display:block;margin-bottom:5px}.rl-product-cta .rl-btn{width:auto;text-align:center}}
.rl-beta-steps{position:relative;margin-top:28px;padding:38px 38px 30px;border:1px solid var(--rl-line);border-radius:24px;background:#fff}.rl-beta-steps-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.rl-beta-steps-grid:before{content:'';position:absolute;top:10px;left:8px;right:8px;height:3px;border-radius:99px;background:#b9c9ff}.rl-beta-step{position:relative;z-index:1}.rl-beta-step:before{content:'';display:block;width:11px;height:11px;margin:4px 0 18px;border:2px solid #fff;border-radius:50%;background:#3155e8;box-shadow:0 0 0 1px #3155e8}.rl-beta-step-label{display:flex;align-items:center;gap:7px;margin-bottom:20px}.rl-beta-step-label b{padding:7px 9px;border-radius:6px;background:#f0f3ff;color:#2346dd;font-size:12px}.rl-beta-step-label span{padding:6px 9px;border:1px solid #dfe4ea;border-radius:6px;color:#17202a;font-size:12px;font-weight:700;background:#fff}.rl-beta-step p{max-width:300px;margin:0 0 14px;color:var(--rl-ink);font-size:14px;line-height:1.55}.rl-beta-step small{color:var(--rl-muted);font-size:12px}@media(max-width:700px){.rl-beta-steps{padding:28px 20px 22px}.rl-beta-steps-grid{grid-template-columns:1fr;gap:20px}.rl-beta-steps-grid:before{top:10px;bottom:10px;left:5px;right:auto;width:3px;height:auto}.rl-beta-step{padding-left:28px}.rl-beta-step:before{position:absolute;left:-1px;top:0;margin:4px 0 0}.rl-beta-step-label{margin-bottom:9px}.rl-beta-step p{max-width:none}}
.rl-hero p.rl-eyebrow{font-size:13px;line-height:1.4;letter-spacing:-.005em;font-weight:650;text-transform:none;margin:0 0 18px;color:var(--rl-muted)}.rl-nav{position:relative}.rl-nav:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--rl-teal) 35%,var(--rl-blue) 65%,transparent 100%);opacity:.5}.rl-problem-section{background:#f8fbfe}.rl-outcome,.rl-price-card,.rl-more-faq details{box-shadow:0 10px 26px rgba(16,42,67,.055)}.rl-outcome:hover,.rl-price-card:hover,.rl-more-faq details:hover,.rl-more-faq details[open]{box-shadow:0 18px 36px rgba(16,42,67,.095)}.rl-scroll-section{background:linear-gradient(180deg,#fbfdff 0%,#fff 100%)}.rl-beta-form .rl-note{margin-top:14px;color:var(--rl-muted);font-size:12px;line-height:1.5}.rl-product-cta{position:relative}.rl-product-cta:before{content:'';position:absolute;top:-1px;left:0;width:64px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--rl-teal),var(--rl-blue))}.rl-nav{position:sticky;top:0}.rl-nav-inner{height:68px}.rl-hero{position:relative;z-index:1;padding-bottom:142px;background:radial-gradient(circle at 80% 16%,rgba(47,128,237,.14),transparent 28%),radial-gradient(circle at 15% 24%,rgba(25,183,165,.08),transparent 25%),linear-gradient(135deg,#fbfaf7 0%,#f6f9fc 55%,#eef5fa 100%);overflow:visible}.rl-hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:linear-gradient(125deg,transparent 0 44%,rgba(47,128,237,.08) 44.1% 44.2%,transparent 44.3%),linear-gradient(25deg,transparent 0 62%,rgba(25,183,165,.08) 62.1% 62.2%,transparent 62.3%),radial-gradient(circle at 78% 28%,rgba(255,255,255,.9),transparent 19%)}.rl-hero-grid{position:relative;z-index:1}.rl-dashboard{width:min(100%,560px);z-index:3}@media(max-width:900px){.rl-hero{padding-bottom:90px}}@media(max-width:600px){.rl-dashboard{width:calc(100% - 16px);padding:12px}}@keyframes rlBadgePulse{0%,62%,100%{box-shadow:0 0 0 4px rgba(25,183,165,.1)}18%{box-shadow:0 0 0 8px rgba(25,183,165,0)}}.rl-problem-head{text-align:center;max-width:760px;margin:0 auto 46px}@media(max-width:700px){.rl-problem-head{margin-bottom:30px}}.rl-paper{position:absolute;z-index:1;display:grid;place-items:center;width:112px;height:54px;border:1px solid #d8e4ed;border-radius:10px;background:#fff;color:var(--rl-muted);font-size:10px;font-style:normal;box-shadow:0 10px 18px rgba(16,42,67,.08)}.rl-problem-section{padding:105px 0 118px;background:#f8fbfe}.rl-problem-head{text-align:center;max-width:760px;margin:0 auto 58px}.rl-scroll-section{padding-top:112px}.rl-scroll-head h2{font-size:clamp(42px,5vw,68px);letter-spacing:-.07em}.rl-scroll-head p{max-width:560px;margin-left:auto;margin-right:auto}@media(max-width:700px){.rl-problem-section{padding:76px 0 88px}.rl-problem-head{margin-bottom:38px}.rl-scroll-section{padding-top:76px}}.rl-problem-head,.rl-scroll-head,.rl-outcomes-head,.rl-pricing-head{width:100%;max-width:720px;margin:0 auto 52px;text-align:center}.rl-problem-head h2,.rl-scroll-head h2,.rl-outcomes-head h2,.rl-pricing-head h2{margin:0 0 18px;font-size:clamp(36px,4.2vw,54px);line-height:1.06;letter-spacing:-.06em;color:var(--rl-navy)}.rl-problem-head>p:not(.rl-eyebrow),.rl-scroll-head>p:not(.rl-eyebrow),.rl-outcomes-head>p:not(.rl-eyebrow),.rl-pricing-head>p:not(.rl-eyebrow),.rl-more-info-heading>p:not(.rl-eyebrow){max-width:680px;margin:0 auto;font-size:17px;line-height:1.7;color:var(--rl-muted)}.rl-problem-head .rl-eyebrow,.rl-scroll-head .rl-eyebrow,.rl-outcomes-head .rl-eyebrow,.rl-pricing-head .rl-eyebrow{margin-bottom:18px;font-size:12px;line-height:1.3;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.rl-problem-head{margin-bottom:52px}.rl-scroll-head{margin-bottom:44px}.rl-outcomes-head{margin-bottom:46px}.rl-pricing-head{margin-bottom:44px}@media(max-width:700px){.rl-problem-head,.rl-scroll-head,.rl-outcomes-head,.rl-pricing-head{margin-bottom:34px}.rl-problem-head h2,.rl-scroll-head h2,.rl-outcomes-head h2,.rl-pricing-head h2{font-size:36px}.rl-problem-head>p:not(.rl-eyebrow),.rl-scroll-head>p:not(.rl-eyebrow),.rl-outcomes-head>p:not(.rl-eyebrow),.rl-pricing-head>p:not(.rl-eyebrow),.rl-more-info-heading>p:not(.rl-eyebrow){font-size:15px}}.rl-problem-section{padding:105px 0 112px;background:#f8fbfe}.rl-problem-head{max-width:760px;margin:0 auto 50px;text-align:center}@media(max-width:700px){.rl-problem-section{padding:76px 0 86px}.rl-problem-head{margin-bottom:34px}}
/* Remlu non-hero design system — hero deliberately unchanged */
.rl-menu-toggle:hover,.rl-menu-toggle:focus{background:#edf3f9;color:#102a43;border-color:#bdcddd}
@media(max-width:600px){body.admin-bar .rl-nav{top:0}}
.rl-site>section,.rl-nav,.rl-footer{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.rl-site>section{--rl-muted:#566a7d;--rl-blue:#2466cf}
.rl-site>section h2{font-weight:650;letter-spacing:-.04em;line-height:1.12}
.rl-site>section h3{font-weight:650;letter-spacing:-.025em;line-height:1.18}
.rl-site>section .rl-eyebrow{font-size:13px;font-weight:650;letter-spacing:.075em;line-height:1.4}
.rl-problem-head,.rl-scroll-head,.rl-outcomes-head,.rl-pricing-head{margin-bottom:40px}
.rl-site>section .rl-lead,.rl-outcomes-head>p:not(.rl-eyebrow){font-size:17px;line-height:1.65}
.rl-problem-section{background:#f7f9fb;padding:88px 0}
.rl-scroll-card{box-shadow:0 8px 24px rgba(16,42,67,.06)}
.rl-outcome,.rl-outcome:hover{padding:24px 0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}
.rl-outcome h3{font-size:18px;margin:0 0 8px}.rl-outcome p{font-size:15px}
.rl-detail-panel{background:#f8fafc!important;box-shadow:none;border-radius:20px;animation:none;min-height:410px}
.rl-detail-copy h3{font-size:clamp(28px,3vw,38px)}
.rl-detail-list li{font-size:15px}.rl-detail-ui{box-shadow:0 8px 24px rgba(16,42,67,.055);border-color:#e0e7ed}
.rl-detail-tab{border-radius:8px;font-size:13px;font-weight:600;background:#fff}.rl-detail-tabs:after{display:none}
.rl-detail-tab.is-active:before{display:none}.rl-detail-panel[hidden]{display:none!important}
.rl-site>section .rl-btn{box-shadow:none;font-weight:650}.rl-site>section .rl-btn:hover{transform:none;box-shadow:none}
.rl-price-card,.rl-price-card:hover{box-shadow:none;transform:none;border-radius:20px}.rl-price-card--featured{border-width:2px;transform:none;box-shadow:none}
.rl-price-badge{position:static;align-self:flex-start;margin-bottom:16px;font-size:11px;letter-spacing:.04em}
.rl-beta-form,.rl-beta-steps{box-shadow:none;border-radius:18px}.rl-beta-form label{font-size:14px}.rl-beta-form .rl-note{font-size:13px;line-height:1.6}
.rl-beta-step-label span{border:0;padding-left:0;font-size:15px;background:transparent}.rl-beta-step p{font-size:15px}
.rl-more-faq details,.rl-more-faq details:hover,.rl-more-faq details[open]{box-shadow:none;border-radius:12px!important}.rl-more-faq p{font-size:16px}.rl-more-faq details[open] summary:after{content:'⌄'}
.rl-nav:after{display:none}.rl-links a.is-current:after{display:none}.rl-links a.is-current{color:#2466cf;font-weight:750}.rl-menu-toggle{display:none}
.rl-site>section [id],.rl-site>section[id]{scroll-margin-top:100px}
.rl-site :is(a,button,input,summary):focus-visible{outline:3px solid #2466cf;outline-offset:4px}
@media(max-width:900px){.rl-nav-inner{position:relative}.rl-menu-toggle{display:flex;align-items:center;gap:10px;margin-left:auto;padding:9px 12px;border:1px solid #dbe7f0;border-radius:8px;background:#fff;font:inherit;font-size:14px;color:#102a43;cursor:pointer}.rl-links{margin-left:0}.rl-links a:nth-child(-n+5){display:none}.rl-links a.rl-btn{display:inline-flex;padding:11px 14px;font-size:12px;box-shadow:none;background:#2466cf}.rl-nav.is-open .rl-links{position:absolute;top:100%;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;padding:16px;background:#fff;border:1px solid #dbe7f0;border-radius:0 0 14px 14px;box-shadow:0 12px 24px #102a4310}.rl-nav.is-open .rl-links a:nth-child(-n+5){display:block;padding:12px}.rl-nav.is-open .rl-links .rl-btn{text-align:center}}
@media(max-width:700px){.rl-site>section h2{font-size:34px}.rl-site>section .rl-lead,.rl-outcomes-head>p:not(.rl-eyebrow){font-size:16px}.rl-problem-section{padding:64px 0}.rl-outcome+.rl-outcome{border-top:1px solid var(--rl-line)}.rl-outcomes #product-details{width:calc(100% - 32px);padding-top:40px}.rl-detail-panel{min-height:0;padding:22px}.rl-detail-tabs{flex-wrap:wrap;overflow:visible}.rl-detail-tab{padding:9px 11px;font-size:12px}.rl-product-cta{margin-left:16px;margin-right:16px}.rl-detail-copy h3{font-size:28px}}
@media(max-width:380px){.rl-nav-inner{gap:8px}.rl-logo{font-size:22px}.rl-menu-toggle{padding:8px;font-size:12px}.rl-links a.rl-btn{max-width:140px;font-size:11px;text-align:center;padding:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rl-site>section *,.rl-site>section *:before{animation:none!important;transition:none!important}.rl-scroll-card,.rl-scroll-card:nth-of-type(n){position:relative;top:auto!important}}
@media(max-height:720px){.rl-scroll-card,.rl-scroll-card:nth-of-type(n){position:relative;top:auto!important}}

/* Product rotation indicator and compact FAQ arrow */.rl-detail-tabs{margin-bottom:14px}
.rl-rotation-progress{height:3px;width:100%;background:#e2e9f0;border-radius:99px;overflow:hidden;margin:0 0 24px}
.rl-rotation-progress span{display:block;height:100%;width:100%;background:#2466cf;transform:scaleX(0);transform-origin:left;border-radius:inherit}
.rl-more-info-wrap>summary:after{content:'↓';display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid #b7e2d8;border-radius:50%;background:#eefaf7;color:#178879;font-size:15px;font-weight:600;line-height:1;transition:transform .2s ease}
.rl-more-info-wrap[open]>summary:after{content:'↓';transform:rotate(180deg);background:#eefaf7}
#pricing .rl-beta-steps{margin-top:38px}
@media(prefers-reduced-motion:reduce){.rl-rotation-progress{display:none}.rl-more-info-wrap>summary:after{transition:none}}

/* Consistent arrows for individual FAQ disclosures */
.rl-more-faq summary:after{content:'↓';display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border:1px solid #b7e2d8;border-radius:50%;background:#eefaf7;color:#178879;font-size:15px;font-weight:600;line-height:1;float:none;transform:none;transition:transform .2s ease}
.rl-more-info-content .rl-more-faq details[open]>summary:after{content:'↓';transform:rotate(180deg);background:#eefaf7}
@media(prefers-reduced-motion:reduce){.rl-more-faq summary:after{transition:none}}

/* Product eyebrow and inset panel progress */
.rl-site>section .rl-eyebrow{color:var(--rl-blue)}
.rl-detail-panels{position:relative}
.rl-detail-panels>.rl-rotation-progress{position:absolute;z-index:2;top:12px;left:24px;right:24px;width:auto;height:3px;margin:0;background:#e2e9f0;border-radius:99px;pointer-events:none}
.rl-detail-tabs{margin-bottom:20px}
.rl-detail-panel{padding-top:40px}
@media(max-width:700px){.rl-detail-panels>.rl-rotation-progress{left:22px;right:22px;top:12px}.rl-detail-panel{padding-top:36px}}

/* A single move, shown across disconnected tools */

/* One move: a short, native-scroll narrative */

/* Open-layout paper stack: native scrolling, no enclosing panel */
.rl-paper-story-heading{text-align:center;margin:0 0 36px}.rl-site .rl-paper-story-heading h3{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.025em;color:#17324d;margin:0 0 8px}.rl-paper-story-heading p{font-size:12px;color:#62748a;margin:0}
.rl-paper-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start;max-width:1100px;margin:auto}.rl-paper-track{position:relative;min-width:0;padding-bottom:32px}
.rl-paper-story{position:relative;margin:0 0 70px;padding:20px;background:#fff;border:1px solid #dce4eb;border-radius:13px;box-shadow:0 12px 28px #17324d09}.rl-paper-story:last-child{margin-bottom:0}
.rl-paper-copy-rail{padding-top:95px}.rl-paper-caption{margin-bottom:40px}.rl-site .rl-paper-caption h3,.rl-site .rl-paper-mobile-copy h3{font-size:clamp(28px,3vw,39px);line-height:1.15;letter-spacing:-.035em;font-weight:650;color:#17324d;margin:0 0 18px}.rl-paper-caption p,.rl-paper-mobile-copy p{font-size:17px;line-height:1.65;color:#566a7d;margin:0;max-width:370px}.rl-paper-mobile-copy{display:none}
@media(min-width:901px) and (min-height:760px) and (prefers-reduced-motion:no-preference){.rl-paper-story-section.is-enhanced .rl-paper-story{position:sticky;top:calc(122px + var(--paper-index)*18px);z-index:calc(1 + var(--paper-index));margin-bottom:130px}body.admin-bar .rl-paper-story-section.is-enhanced .rl-paper-story{top:calc(154px + var(--paper-index)*18px)}.rl-paper-story-section.is-enhanced .rl-paper-copy-rail{position:sticky;top:230px;padding-top:0}.is-enhanced .rl-paper-copy-stage{position:relative;min-height:240px}.is-enhanced .rl-paper-caption{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .4s ease,visibility .4s}.is-enhanced .rl-paper-caption.is-active{opacity:1;visibility:visible;transform:none}}
@media(max-width:900px),(max-height:759px),(prefers-reduced-motion:reduce){.rl-paper-layout{display:block;max-width:620px}.rl-paper-copy-rail{display:none}.rl-paper-mobile-copy{display:block;margin-top:24px}.rl-paper-story{margin-bottom:24px}.rl-paper-track{padding-bottom:0}}
@media(max-width:700px){.rl-paper-story{padding:16px}.rl-site .rl-paper-story-heading h3{font-size:22px}.rl-paper-story-heading{margin-bottom:26px}.rl-site .rl-paper-mobile-copy h3{font-size:25px}.rl-paper-mobile-copy p{font-size:16px}}

/* Familiar working tools — illustrative, not product screenshots */
.rl-paper-visual{min-height:425px}
.rl-excel-window{border:1px solid #cdd7d1;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 12px 26px #102a4310;font-family:ui-sans-serif,system-ui,sans-serif}
.rl-mac-title{position:relative;padding:13px 70px;text-align:center;font-size:11px;font-weight:600;color:#3b4e45;background:#edf0ed;min-height:40px}.rl-mac-lights{display:flex;gap:6px;position:absolute;top:15px;left:13px}.rl-mac-lights i{width:9px;height:9px;border-radius:50%;background:#ff6058;border:1px solid #df5049}.rl-mac-lights i:nth-child(2){background:#ffbd2e;border-color:#dfa424}.rl-mac-lights i:nth-child(3){background:#28c840;border-color:#20ad35}
.rl-excel-ribbon{display:flex;gap:22px;align-items:center;padding:13px 16px;background:#217346;color:#fff;font-size:11px}.rl-excel-ribbon strong{font-size:14px;font-weight:650}.rl-excel-formula{display:flex;gap:12px;align-items:center;padding:9px 12px;font-size:12px;color:#3f5047;background:#f7f9f7;border-bottom:1px solid #dce3de}.rl-excel-formula>span:first-child{padding:3px 14px;background:#fff;border:1px solid #dce3de}.rl-excel-formula i{font-family:Georgia,serif;color:#74857b}
.rl-excel-grid{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px;margin:0!important}.rl-excel-grid th,.rl-excel-grid td{border:1px solid #e0e5e1;padding:10px 12px;text-align:left;font-weight:400;color:#33453c;background:#fff;line-height:1.35}.rl-excel-grid th:first-child{width:33px;text-align:center;padding:8px 2px;color:#7c8980;background:#f1f4f2;font-size:10px}.rl-excel-grid thead th{text-align:center;background:#f1f4f2;color:#68786d;font-size:10px}.rl-excel-grid tbody tr:first-child td{background:#eaf2ec;color:#326747;font-size:10px;font-weight:650;letter-spacing:.04em}.rl-excel-grid td.rl-excel-selected{position:relative;background:#f1f8f2;outline:2px solid #217346;outline-offset:-2px;font-weight:600}.rl-excel-selected:after{content:'';position:absolute;right:-1px;bottom:-1px;width:5px;height:5px;background:#217346}.rl-excel-tabs{display:flex;gap:18px;align-items:center;padding:9px 13px;background:#f3f6f4;font-size:10px;color:#6e7e74}.rl-excel-tabs strong{color:#217346;border-bottom:2px solid #217346;padding:4px}.rl-excel-footer{padding:8px 12px;background:#e8f1eb;color:#476352;font-size:10px}
.rl-phone{max-width:285px;margin:0 auto;background:#fff;border:5px solid #20242a;border-radius:34px;padding:10px 10px 8px;box-shadow:0 14px 30px #102a4314;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#111;overflow:hidden}.rl-phone-status{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px;font-weight:650;height:21px}.rl-phone-status i{position:absolute;left:50%;transform:translateX(-50%);height:15px;width:72px;border-radius:20px;background:#17191d}.rl-phone-contact{display:flex;justify-content:space-between;align-items:center;padding:10px 5px 12px;border-bottom:1px solid #edf0f3}.rl-phone-contact>span{color:#007aff;font-size:25px}.rl-phone-contact>div{display:grid;justify-items:center;gap:5px}.rl-phone-contact b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#a9aeb8;color:#fff;font-size:13px}.rl-phone-contact strong{font-size:10px;font-weight:500}.rl-sms-thread{display:flex;flex-direction:column;gap:10px;padding:12px 3px 8px;min-height:240px}.rl-sms-thread>small{text-align:center;color:#858b92;font-size:9px;margin-bottom:3px}.rl-sms{max-width:88%;padding:9px 11px;font-size:12px;line-height:1.45;border-radius:14px}.rl-sms strong{font-weight:650}.rl-sms-out{align-self:flex-end;background:#007aff;color:#fff;border-bottom-right-radius:4px}.rl-sms-in{align-self:flex-start;background:#e9e9eb;color:#111;border-bottom-left-radius:4px}
.rl-sms-ready .rl-sms-extra{opacity:0;transform:translateY(10px);transition:opacity .6s ease .45s,transform .6s ease .45s}.rl-sms-ready.is-message-revealed .rl-sms-extra{opacity:1;transform:none}
.rl-print-sheet{position:relative;max-width:400px;margin:0 auto;background:#fff;padding:25px 28px 20px;border:1px solid #dadfe5;border-radius:1px;box-shadow:3px 4px 0 #f0f2f4,4px 5px 0 #dce1e6,0 12px 24px #102a430b;color:#343a40;font-family:Arial,sans-serif}.rl-print-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.1em;color:#737b85}.rl-print-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:19px 0 12px}.rl-site .rl-print-title h4{font-size:23px;line-height:1.2;font-weight:700;letter-spacing:-.025em;margin:0;color:#242b33}.rl-print-title>span{font-size:9px;color:#68727b}.rl-print-rule{height:2px;background:#48515b}.rl-print-sheet dl{margin:12px 0 16px}.rl-print-sheet dl>div{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e5e7ea;padding:10px 0;gap:12px;font-size:11px}.rl-print-sheet dt{font-weight:400;color:#69727c}.rl-print-sheet dd{margin:0;color:#2b323a}.rl-print-access dd{font-weight:700;text-decoration:underline;text-underline-offset:3px}.rl-print-check{font-size:10px;display:flex;align-items:center;gap:7px;color:#5a636d}.rl-print-check>span{font-size:15px}.rl-print-notes{margin-top:18px;font-size:9px;color:#747b85}.rl-print-notes i{display:block;height:15px;border-bottom:1px solid #e2e6e9}.rl-print-footer{display:flex;justify-content:space-between;font-size:8px;color:#818992;margin-top:18px}
@media(max-width:700px){.rl-paper-visual{min-height:0}.rl-mac-title{padding-left:56px;padding-right:8px;font-size:9px}.rl-excel-ribbon{gap:15px;padding:11px;font-size:10px}.rl-excel-grid th,.rl-excel-grid td{font-size:11px;padding:9px 8px}.rl-print-sheet{padding:21px 18px}.rl-phone{max-width:275px}}

/* Clear version labels, warnings and a cropped phone conversation */
.rl-phone{max-width:320px;border-bottom:0;border-radius:36px 36px 0 0;padding:12px 14px 0;box-shadow:0 10px 24px #102a4310}
.rl-phone-contact{justify-content:center;padding:12px 5px 14px}.rl-phone-contact b{width:32px;height:32px;font-size:15px}.rl-phone-contact strong{font-size:12px}
.rl-phone-status{font-size:11px}.rl-sms-thread{gap:14px;min-height:0;padding:16px 3px 18px}.rl-sms-thread>small{font-size:10px}.rl-sms{font-size:14px;line-height:1.5;padding:11px 13px;max-width:90%;border-radius:16px}.rl-sms-in{border-bottom-left-radius:4px}.rl-sms-out{border-bottom-right-radius:4px}
.rl-sms-ready .rl-sms-extra{transition:opacity .45s ease,transform .45s ease}.rl-sms-ready.is-message-revealed .rl-sms-extra{transition-delay:.2s}
.rl-version-label{display:block;margin:0 0 16px;color:#62748a;font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.065em;text-transform:uppercase}
.rl-paper-caption .rl-problem-warning,.rl-paper-mobile-copy .rl-problem-warning{display:flex;align-items:flex-start;gap:10px;color:#b33d3d;font-size:17px;line-height:1.6;max-width:400px}.rl-problem-warning svg{width:20px;height:20px;flex:0 0 20px;margin-top:3px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
@media(max-width:700px){.rl-phone{max-width:300px;padding-left:10px;padding-right:10px}.rl-sms{font-size:13px}.rl-paper-mobile-copy .rl-problem-warning{font-size:16px}.rl-version-label{font-size:11px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.rl-sms-ready .rl-sms-extra{opacity:1;transform:none;transition:none}}

/* A quiet, branded handover from fragmented tools to Remlu */
.rl-story-resolution{position:relative;max-width:720px;margin:38px auto 0;padding:42px 20px 0;text-align:center}
.rl-story-resolution:before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:72px;height:1px;background:#cad8e4}
.rl-placeholder-app{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 24px;border-radius:17px;background:#2466cf;border:1px solid #1f5fbe;box-shadow:inset 0 1px 0 #ffffff30,0 6px 16px #2466cf18;color:#fff;user-select:none}
.rl-placeholder-app>span{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:44px;font-weight:650;line-height:1;letter-spacing:-.05em;transform:translate(-1px,-3px)}
.rl-site .rl-story-resolution h3{margin:0 0 12px;color:#566a7d;font-size:clamp(20px,2.1vw,26px);font-weight:500;line-height:1.35;letter-spacing:-.025em}
.rl-site .rl-story-resolution-title{margin:0;color:#17324d;font-size:clamp(30px,3.6vw,44px);font-weight:650;line-height:1.15;letter-spacing:-.04em}
@media(max-width:700px){.rl-story-resolution{margin-top:28px;padding:32px 0 0}.rl-placeholder-app{width:56px;height:56px;border-radius:15px;margin-bottom:20px}.rl-placeholder-app>span{font-size:38px}.rl-site .rl-story-resolution h3{font-size:20px}.rl-site .rl-story-resolution-title{font-size:32px}}

/* Desktop story: unframed working artefacts, not cards within cards */
@media(min-width:901px){
.rl-paper-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(64px,7vw,110px);max-width:1120px}
.rl-paper-story-heading{margin-bottom:54px}
.rl-paper-track{padding-bottom:18px}
.rl-paper-story{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.rl-paper-visual{position:relative;min-height:0;padding:0 12px 26px}
.rl-paper-visual:before{content:'';position:absolute;z-index:-1;inset:-14px -18px -12px;background:linear-gradient(180deg,#f7f9fb 0%,#f7f9fb 90%,rgba(247,249,251,0));pointer-events:none}
.rl-excel-window{border-radius:11px;border-color:#ccd6cf;box-shadow:0 22px 42px -24px #17324d44,0 3px 9px #17324d08}
.rl-phone{max-width:318px;margin-left:auto;margin-right:28px;border-width:4px;box-shadow:12px 22px 32px -24px #17324d55;background:#fff}
.rl-print-sheet{max-width:410px;margin-left:12px;margin-right:auto;box-shadow:3px 4px 0 #f0f2f4,4px 5px 0 #dce1e6,0 24px 40px -26px #17324d44;padding:32px}
.rl-version-label{color:#62748a;font-size:12px;letter-spacing:.075em;margin-bottom:20px}
.rl-site .rl-paper-caption h3{font-size:clamp(32px,3.2vw,44px);line-height:1.12;font-weight:600;letter-spacing:-.04em;margin-bottom:22px}
.rl-paper-caption .rl-problem-warning{font-size:16px;color:#a74747;line-height:1.65;max-width:355px}
.rl-paper-caption .rl-problem-warning svg{width:18px;height:18px;flex-basis:18px;margin-top:4px}
.rl-story-resolution{margin-top:16px}
}
@media(min-width:901px) and (min-height:760px) and (prefers-reduced-motion:no-preference){
.rl-paper-story-section.is-enhanced .rl-paper-story{margin-bottom:90px}
.rl-paper-story-section.is-enhanced .rl-paper-story:last-child{margin-bottom:0}
.rl-paper-story-section.is-enhanced .rl-paper-copy-rail{top:250px}
}

/* Soften the outgoing artefact rather than cutting it with a mask */
@media(min-width:901px){.rl-paper-visual:before{display:none}}
@media(min-width:901px) and (min-height:760px) and (prefers-reduced-motion:no-preference){
.rl-paper-story-section.is-enhanced .rl-paper-visual{opacity:var(--paper-opacity,1);transform:translateY(var(--paper-lift,0px)) scale(var(--paper-scale,1));transform-origin:50% 12%;will-change:opacity,transform}
}

@media(min-width:901px) and (min-height:760px) and (prefers-reduced-motion:no-preference){.is-enhanced .rl-paper-caption{transition:opacity .16s ease,visibility .16s ease;transform:none}.is-enhanced .rl-paper-caption.is-active{transform:none}}

/* Mobile story: open artefacts with their own captions, no enclosing cards */
@media(max-width:900px){
.rl-paper-layout{max-width:560px}.rl-paper-story{display:flex;flex-direction:column;margin:0 0 60px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.rl-paper-story:last-child{margin-bottom:0}.rl-paper-visual{min-height:0;padding:0 3px 15px}.rl-paper-visual:before{display:none}
.rl-paper-mobile-copy{order:-1;margin:0 0 25px;padding:0 4px}.rl-paper-mobile-copy p{max-width:100%}
.rl-site .rl-paper-mobile-copy h3{font-size:clamp(26px,5.8vw,34px);font-weight:600;line-height:1.15;letter-spacing:-.035em;margin-bottom:15px}.rl-paper-mobile-copy .rl-version-label{margin-bottom:12px}.rl-paper-mobile-copy .rl-problem-warning{font-size:15px;line-height:1.6;color:#a74747}
.rl-excel-window{box-shadow:0 15px 28px -20px #17324d44,0 2px 7px #17324d08}.rl-phone{max-width:300px;margin:0 auto;box-shadow:0 18px 28px -20px #17324d44}.rl-print-sheet{max-width:390px;margin:0 auto;box-shadow:3px 4px 0 #f0f2f4,4px 5px 0 #dce1e6,0 18px 28px -20px #17324d33}
.rl-paper-story-heading{margin-bottom:38px}.rl-story-resolution{margin-top:32px}
}
@media(max-width:900px) and (prefers-reduced-motion:no-preference){.rl-paper-story-section.is-mobile-motion .rl-paper-visual{opacity:var(--mobile-paper-opacity,1);transform:translateY(var(--mobile-paper-offset,0px)) scale(var(--mobile-paper-scale,1));transform-origin:center 15%;will-change:opacity,transform}}

/* One quiet arrival for the solution, with an onward-scroll cue */
.rl-resolution-next{display:grid;place-items:center;width:36px;height:36px;margin:23px auto 0;border:1px solid #cddce8;border-radius:50%;background:transparent;color:#526f86;text-decoration:none;transition:background .2s ease,border-color .2s ease}
.rl-resolution-next svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.rl-resolution-next:hover{background:#eaf1f7;border-color:#a9c4d9}
@keyframes rlAppArrival{0%{opacity:0;transform:translateY(22px) scale(.86)}55%{opacity:1;transform:translateY(-6px) scale(1.025)}78%{opacity:1;transform:translateY(2px) scale(.995)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:no-preference){.rl-story-resolution.is-icon-ready:not(.is-icon-arrived) .rl-placeholder-app{opacity:0;transform:translateY(22px) scale(.86)}.rl-story-resolution.is-icon-arrived .rl-placeholder-app{animation:rlAppArrival .72s cubic-bezier(.22,.61,.36,1) both}}
@media(prefers-reduced-motion:reduce){.rl-resolution-next{transition:none}.rl-story-resolution .rl-placeholder-app{animation:none!important;opacity:1!important;transform:none!important}}

/* Native Nexter / Font Awesome capability strip */
.rl-capability-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;align-items:start;margin:0 auto 48px;padding:26px 0 30px;border-top:1px solid #e1e8ef;border-bottom:1px solid #e1e8ef}
.rl-capability-item{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;min-width:0}
.rl-capability-symbol{display:grid;place-items:center;width:38px;height:34px;flex-shrink:0}
.rl-capability-symbol .rl-native-feature-icon,.rl-capability-symbol .tpgb-icon-box{margin:0!important;padding:0!important;line-height:1;width:auto}
.rl-capability-symbol .tpgb-nicon-wrap{display:inline-flex;align-items:center;justify-content:center;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;line-height:1}
.rl-capability-symbol .tpgb-nicon{font-size:26px!important;line-height:1}
.rl-capability-item>.rl-capability-label{font-size:14px;font-weight:600;line-height:1.45;color:#334c61;text-decoration:none;max-width:145px}
.rl-capability-item:nth-child(1) .tpgb-nicon,.rl-capability-item:nth-child(2) .tpgb-nicon{color:#8170b5}.rl-capability-item:nth-child(3) .tpgb-nicon{color:#238674}.rl-capability-item:nth-child(4) .tpgb-nicon{color:#168477}.rl-capability-item:nth-child(5) .tpgb-nicon{color:#5578ad}.rl-capability-item:nth-child(6) .tpgb-nicon{color:#aa7733}
@media(max-width:1050px) and (min-width:701px){.rl-capability-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}}
@media(max-width:700px){.rl-capability-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 20px;margin-bottom:32px;padding:24px 0}.rl-capability-item{gap:12px}.rl-capability-item>.rl-capability-label{font-size:14px;max-width:150px}.rl-capability-symbol .tpgb-nicon{font-size:24px!important}}

/* Subtle, once-per-visit entrances for workflow product visuals */
@keyframes rlWorkflowVisualArrival{from{opacity:0;transform:translate3d(0,20px,0)}}
@media(prefers-reduced-motion:no-preference){
.rl-scroll-card .rl-scroll-visual.rl-visual-ready:not(.is-visual-revealed){opacity:0;transform:translate3d(0,20px,0)}
.rl-scroll-card .rl-scroll-visual.is-visual-revealed{animation:rlWorkflowVisualArrival .5s cubic-bezier(.22,.61,.36,1) both}
}
@media(prefers-reduced-motion:reduce){.rl-scroll-card .rl-scroll-visual{opacity:1!important;transform:none!important;animation:none!important}}

/* Hero refinement: quiet canvas and intentional typographic hierarchy */
.rl-hero{background:linear-gradient(180deg,#fafaf8 0%,#fafaf8 78%,#fff 100%)}
.rl-hero::before{content:none;background:none}
.rl-hero h1{font-size:clamp(42px,4.2vw,60px);font-weight:650;line-height:1.1;letter-spacing:-.035em;max-width:650px;margin:0 0 26px}
.rl-hero h1 .rl-hero-phrase{display:block}
.rl-hero h1 .rl-hero-phrase:last-child{color:#2466cf}
.rl-hero-grid>div:first-child>p:not(.rl-note){font-size:18px;line-height:1.65;max-width:530px;margin:0 0 30px}
.rl-hero .rl-actions{gap:12px}
.rl-hero .rl-note{margin-top:20px;color:#647381;line-height:1.6}
.rl-hero .rl-btn{font-weight:650;background:#2466cf;box-shadow:0 3px 8px rgba(36,102,207,.12)}
.rl-hero .rl-btn:hover{background:#205bb8;transform:translateY(-1px);box-shadow:0 4px 10px rgba(36,102,207,.16)}
.rl-hero .rl-btn--ghost{background:transparent;border:1px solid #d3dce3;box-shadow:none}
.rl-hero .rl-btn--ghost:hover{background:#fff;box-shadow:none}
@media(max-width:1000px){.rl-hero h1{font-size:44px}.rl-hero-grid>div:first-child>p:not(.rl-note){max-width:590px}}
@media(max-width:600px){.rl-hero h1{font-size:clamp(32px,8.5vw,42px);line-height:1.12;letter-spacing:-.03em;margin-bottom:22px}.rl-hero-grid>div:first-child>p:not(.rl-note){font-size:17px;margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.rl-hero .rl-btn:hover{transform:none}}

/* Hero: a single, unframed product illustration without floating decoration */
.rl-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:44px}
.rl-ops-preview{margin:0;min-width:0;width:100%;font-style:normal;color:#183247}
.rl-ops-detail span:not(.rl-ops-detail-arrow){display:block;color:#637688;margin-top:3px}
.rl-ops-preview figcaption{font-size:11px;color:#83909b;text-align:center;line-height:1.5;margin-top:14px;letter-spacing:.015em}
@media(max-width:1000px){.rl-hero-grid{grid-template-columns:1fr;gap:44px}.rl-ops-preview{max-width:650px;justify-self:center}}
@media(max-width:600px){.rl-ops-preview{max-width:440px}}

/* Product: compact benefit overview and restrained navigation */
#features .rl-outcome{padding:25px 0 27px}
#features #product-details{padding-top:36px}
#features .rl-detail-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:24px;padding:0;margin:0 0 22px;border-bottom:1px solid #e2e8ee;scrollbar-width:thin;scrollbar-color:#c9d6e3 transparent;scroll-padding-inline:4px}
#features .rl-detail-tabs::-webkit-scrollbar{display:block;height:3px}#features .rl-detail-tabs::-webkit-scrollbar-thumb{background:#c9d6e3;border-radius:3px}
#features .rl-detail-tab{flex:0 0 auto;background:transparent;color:#647485;border:0;border-bottom:2px solid transparent;border-radius:0;padding:14px 0 15px;font-size:13px;font-weight:600;line-height:1.4;box-shadow:none;transition:color .18s ease,border-color .18s ease}
#features .rl-detail-tab:hover{background:transparent;color:#2466cf;border-color:#b5cbed}
#features .rl-detail-tab.is-active{background:transparent;color:#2466cf;border-bottom-color:#2466cf}
#features .rl-detail-tab.is-active::before{display:none}
#features .rl-detail-tab:focus-visible{outline:2px solid #2466cf;outline-offset:-3px}
#features .rl-tab-scroll-hint{display:none}
@media(max-width:1000px){#features .rl-detail-tabs{gap:23px;margin-bottom:8px}#features .rl-tab-scroll-hint{display:flex;justify-content:flex-end;gap:8px;font-size:11px;line-height:1.5;color:#778897;margin-bottom:18px}}
@media(max-width:600px){#features .rl-outcome{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:14px;padding:22px 0}#features .rl-outcome h3,#features .rl-outcome p{grid-column:2}#features #product-details{padding-top:32px}#features .rl-detail-tabs{gap:22px}#features .rl-detail-tab{font-size:13px;padding:12px 0 14px}}
@media(prefers-reduced-motion:reduce){#features .rl-detail-tab{transition:none}}

/* Getting started: clear separation and scroll-linked activation */
#pricing .rl-beta-steps{margin-top:76px;padding:34px 38px 36px}
.rl-start-heading{margin-bottom:30px;max-width:620px}
#pricing .rl-start-heading h3{font-size:26px;line-height:1.2;letter-spacing:-.035em;font-weight:650;color:var(--rl-navy);margin:0 0 10px}
#pricing .rl-start-heading p{font-size:15px;line-height:1.6;color:var(--rl-muted);margin:0}
.rl-beta-steps-grid::before{display:none}
.rl-start-track{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.rl-start-track line{stroke-width:2;stroke-linecap:round}.rl-start-track-base{stroke:#dce5ee}.rl-start-track-fill{stroke:#2466cf;stroke-dasharray:1;stroke-dashoffset:0}
.rl-beta-step::before{background:#2466cf;box-shadow:0 0 0 1px #2466cf;transition:background .2s ease,box-shadow .2s ease}
.rl-beta-steps.is-scroll-ready .rl-beta-step:not(.is-step-active)::before{background:#fff;box-shadow:0 0 0 1px #c5d2df}
.rl-beta-steps.is-scroll-ready .rl-beta-step:not(.is-step-active) .rl-beta-step-label b{color:#708090;background:#f0f3f6}
.rl-beta-step.is-step-active::before{box-shadow:0 0 0 1px #2466cf,0 0 0 5px #edf3fc}
.rl-beta-step-label b{background:#edf3fc;color:#2466cf;transition:background .2s ease,color .2s ease}
@media(max-width:700px){#pricing .rl-beta-steps{margin-top:54px;padding:28px 22px}.rl-start-heading{margin-bottom:28px}#pricing .rl-start-heading h3{font-size:24px}.rl-beta-steps-grid{gap:30px}}
@media(prefers-reduced-motion:reduce){.rl-beta-step::before,.rl-beta-step-label b{transition:none}}

/* A brief number arrival as the getting-started line reaches each stage */
@keyframes rlStepNumberArrival{0%{transform:translateY(2px) scale(.94);box-shadow:0 0 0 0 rgba(36,102,207,.16)}48%{transform:translateY(-2px) scale(1.09);box-shadow:0 0 0 5px rgba(36,102,207,.07)}100%{transform:translateY(0) scale(1);box-shadow:0 0 0 8px rgba(36,102,207,0)}}
@media(prefers-reduced-motion:no-preference){#pricing .rl-beta-steps.is-scroll-ready .rl-beta-step.is-step-active .rl-beta-step-label b{animation:rlStepNumberArrival .48s cubic-bezier(.22,.61,.36,1) both;transform-origin:center}}
@media(prefers-reduced-motion:reduce){#pricing .rl-beta-step-label b{animation:none!important;transform:none!important}}

/* Solution icon: restrained arrival, rearmed when scrolled back above */
@keyframes rlSolutionIconPop{0%{transform:translateY(3px) scale(.94);box-shadow:inset 0 1px 0 #ffffff30,0 6px 16px #2466cf18,0 0 0 0 rgba(36,102,207,.16)}48%{transform:translateY(-2px) scale(1.07);box-shadow:inset 0 1px 0 #ffffff30,0 6px 16px #2466cf18,0 0 0 8px rgba(36,102,207,.07)}100%{transform:translateY(0) scale(1);box-shadow:inset 0 1px 0 #ffffff30,0 6px 16px #2466cf18,0 0 0 14px rgba(36,102,207,0)}}
@media(prefers-reduced-motion:no-preference){.rl-story-resolution.is-icon-ready:not(.is-icon-arrived) .rl-placeholder-app{opacity:1;transform:none;animation:none}.rl-story-resolution.is-icon-arrived .rl-placeholder-app{opacity:1;animation:rlSolutionIconPop .52s cubic-bezier(.22,.61,.36,1) both}}

/* Workflow cards: viewport-aware fit with a consistent header gap */
#explorer{--rl-workflow-top:85px}
body.admin-bar #explorer{--rl-workflow-top:117px}
#explorer .rl-scroll-card:nth-of-type(n){top:var(--rl-workflow-top);min-height:min(650px,calc(100svh - var(--rl-workflow-top) - 16px));padding-top:28px}
@media(max-width:900px){#explorer .rl-scroll-card:nth-of-type(n){min-height:600px;padding-top:24px}}

/* Native proximity snapping: no wheel interception or locked scrolling */
.rl-workflow-snap-point{height:0;margin:0;padding:0;border:0;pointer-events:none}
@media(min-width:901px) and (min-height:721px) and (prefers-reduced-motion:no-preference){html.rl-workflow-snap-enabled{scroll-snap-type:y proximity;scroll-padding-top:0}#explorer .rl-workflow-snap-point{scroll-snap-align:start;scroll-snap-stop:normal;scroll-margin-top:var(--rl-workflow-top,85px)}}

/* Let the screenshot arrive as its workflow card settles into view */
@keyframes rlWorkflowVisualArrival{from{opacity:0;transform:translate3d(0,44px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:no-preference){.rl-scroll-card .rl-scroll-visual.rl-visual-ready:not(.is-visual-revealed){opacity:0;transform:translate3d(0,44px,0)}.rl-scroll-card .rl-scroll-visual.is-visual-revealed{animation:rlWorkflowVisualArrival .65s cubic-bezier(.22,.61,.36,1) both}}

/* Shared product-illustration system, adapted from Remlu frontend tokens. */.rl-app-bottom>span:not(.rl-app-action){color:var(--app-muted)}
.rl-site .rl-detail-ui{padding:0;background:transparent;border:0;box-shadow:none;min-width:0}
.rl-site .rl-scroll-visual{width:min(820px,96%);padding:0;margin:22px auto -14px;background:transparent;border-radius:12px 12px 0 0;box-shadow:none;flex-shrink:0}
@media(max-width:900px){.rl-site .rl-scroll-visual{width:100%;margin-top:18px}}

/* Focus workflow crops on the working panel rather than repeated app chrome. */

/* Uploaded Remlu lockup, sized by placement without altering the SVG. */
.rl-site .rl-logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.rl-site img.rl-brand-lockup{display:block;width:142px;height:auto;max-width:100%;object-fit:contain}
@media(max-width:600px){.rl-site .rl-nav img.rl-brand-lockup{width:105px}}

/* Original two-tone Remlu icon on a neutral app tile for clear contrast. */
.rl-story-resolution .rl-placeholder-app{background:#fff;border:1px solid #dce4ef;box-shadow:0 6px 16px #2466cf12}
.rl-story-resolution .rl-resolution-brand-icon{display:block;width:42px;height:auto;max-height:44px;object-fit:contain}
@media(max-width:700px){.rl-story-resolution .rl-resolution-brand-icon{width:36px;max-height:38px}}

/* Slightly larger solution app icon. */
.rl-story-resolution .rl-placeholder-app{width:76px;height:76px;border-radius:20px}
.rl-story-resolution .rl-resolution-brand-icon{width:50px;max-height:50px}
@media(max-width:700px){.rl-story-resolution .rl-placeholder-app{width:66px;height:66px;border-radius:18px}.rl-story-resolution .rl-resolution-brand-icon{width:44px;max-height:44px}}

/* Hero-only dashboard replica: source workspace layout, scaled as one canvas. */
.rl-dashboard-replica{--replica-scale:.55}.rl-replica-viewport{position:relative;width:100%;height:calc(960px * var(--replica-scale));overflow:hidden;border:1px solid #dce2eb;border-radius:12px;box-shadow:0 14px 35px -20px #0b132430;background:#f6f8fb}
.rl-replica-canvas{position:absolute;top:0;left:0;width:1100px;height:960px;transform:scale(var(--replica-scale));transform-origin:top left;background:#f6f8fb;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#0b1324;line-height:1.45;font-size:14px;text-align:left;letter-spacing:0}
.rl-replica-canvas *{box-sizing:border-box}.rl-replica-canvas svg{display:inline-block;width:18px;height:18px;flex-shrink:0;vertical-align:middle}.rl-replica-canvas b,.rl-replica-canvas strong{font-weight:600}.rl-hero .rl-replica-canvas p{font-size:14px;line-height:1.6;color:#647084;margin:4px 0 0;max-width:none}
.rl-replica-sidebar{position:absolute;inset:0 auto 0 0;width:76px;border-right:1px solid #e2e6ed;padding:24px 12px 16px;background:white;display:flex;align-items:center;flex-direction:column}.rl-replica-sidebar>img{width:28px;height:40px;object-fit:contain;margin-bottom:18px}.rl-replica-collapse{width:32px;height:32px;display:grid;place-items:center;border:1px solid #e2e6ed;border-radius:7px;margin-bottom:16px;color:#647084}.rl-replica-create{display:grid;place-items:center;width:52px;height:44px;background:#2563eb;color:white;border-radius:8px}.rl-replica-nav{width:100%;margin-top:16px;display:grid;gap:3px}.rl-replica-nav>span{display:grid;place-items:center;height:44px;border-radius:7px;color:#4b576b}.rl-replica-nav .is-current{background:#edf3ff;color:#1d4ed8}.rl-replica-manage{border-top:1px solid #e2e6ed;padding-top:12px}.rl-replica-profile{margin-top:auto;display:grid;justify-items:center;gap:14px;color:#647084}.rl-replica-profile>b{display:grid;place-items:center;width:36px;height:36px;background:#edf2fa;border:1px solid #e2e6ed;border-radius:50%}
.rl-replica-main{margin-left:76px;padding:0 32px 32px}.rl-replica-topline{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e6ed;color:#647084;font-size:13px}.rl-replica-topline i{font-style:normal;padding:0 12px;color:#a8b1c0}.rl-replica-topline strong{color:#0b1324;font-weight:500}.rl-replica-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.rl-hero .rl-replica-heading h3{font-size:29px;font-weight:600;letter-spacing:-.035em;line-height:1.2;margin:0;color:#0b1324}.rl-replica-outline{display:inline-flex;gap:7px;align-items:center;padding:9px 12px;background:#fff;border:1px solid #e2e6ed;border-radius:7px;font-size:13px;white-space:nowrap}
.rl-replica-attention{display:flex;align-items:center;gap:16px;padding:15px 18px;border:1px solid #f0dcae;border-radius:10px;background:#fffcf5}.rl-replica-attention>svg{color:#a26b15;width:21px;height:21px}.rl-replica-attention>div{flex:1}.rl-replica-attention strong{display:block;font-size:16px}.rl-replica-attention small{display:block;font-size:12px;color:#647084;margin-top:3px}.rl-replica-attention b{font-size:13px}.rl-replica-attention em{font-style:normal;padding:2px 7px;background:#fff4dd;border-radius:5px;color:#875700;margin-left:8px}.rl-replica-pager{padding-left:16px;border-left:1px solid #e2e6ed;font-size:12px;color:#647084}
.rl-replica-glance{display:flex;gap:14px;align-items:baseline;margin:22px 0 12px}.rl-replica-glance>b{font-size:18px}.rl-replica-glance>span{font-size:13px;color:#647084}.rl-replica-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rl-replica-cards>div{background:#fff;border:1px solid #e2e6ed;border-radius:12px;padding:16px;position:relative}.rl-replica-cards>div>span{display:flex;align-items:center;gap:9px;font-size:13px}.rl-replica-cards svg{color:#2563eb}.rl-replica-cards strong{display:block;font-size:30px;line-height:1.2;margin:10px 0}.rl-hero .rl-replica-cards p{font-size:12px;max-width:220px;margin:0}.rl-replica-cards small{position:absolute;right:14px;bottom:14px;color:#647084}
.rl-replica-panel{padding:18px 20px;margin-top:20px;background:#fff;border:1px solid #e2e6ed;border-radius:12px}.rl-replica-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.rl-replica-section-head b{display:block;font-size:18px}.rl-replica-section-head small{display:block;font-size:12px;color:#647084}.rl-hero .rl-replica-section-head p{font-size:12px;margin:4px 0 0}.rl-replica-section-head>span{font-size:12px;color:#2563eb}.rl-replica-calendar-actions{display:flex;gap:8px}
.rl-replica-job-head,.rl-replica-job{display:grid;grid-template-columns:64px 1.2fr 1fr 110px;gap:16px;align-items:center}.rl-replica-job-head{font-size:11px;color:#647084;border-bottom:1px solid #e2e6ed;padding:15px 0 8px}.rl-replica-job{padding:10px 0;border-bottom:1px solid #e2e6ed;font-size:13px}.rl-replica-job time{display:grid;justify-items:center}.rl-replica-job time>b{font-size:19px}.rl-replica-job time>span{font-size:10px;color:#647084}.rl-replica-job small{display:block;font-size:11px;color:#647084;margin-top:3px}.rl-replica-job-status{font-size:11px;background:#edf7f1;color:#24704a;border-radius:5px;padding:5px 8px;text-align:center}.rl-replica-job-status.is-unassigned{background:#fff4de;color:#865300}.rl-replica-map{font-size:12px;padding-top:10px;color:#647084;display:flex;justify-content:space-between}

/* Give the actual dashboard more room; frame its upper working area. */
@media(min-width:1001px){.rl-hero-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:40px}.rl-hero h1{font-size:clamp(40px,3.5vw,50px)}.rl-hero-grid>div:first-child>p:not(.rl-note){max-width:470px}}
.rl-replica-viewport{height:calc(var(--replica-crop,720px) * var(--replica-scale))}
.rl-replica-canvas{height:var(--replica-crop,720px)}
@media(max-width:1000px){.rl-dashboard-replica{max-width:none;width:100%}}

/* App date tiles and a single illustrative assignment sequence. */
.rl-replica-job time{background:#eef4ff;border:1px solid #e0e9f8;border-radius:6px;color:#174a9c;min-height:52px;width:52px;padding:5px 0}
.rl-replica-job time>b{font-size:17px}.rl-replica-job time>span{font-size:12px}
.rl-replica-assigned-crew{visibility:hidden;opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease;color:#19683e!important}
.rl-replica-demo-job{transition:background .5s ease}.rl-replica-demo-job .rl-replica-job-status{transition:background .4s ease,color .4s ease,border-color .4s ease;border:1px solid transparent}
.rl-replica-demo-job.is-assigned .rl-replica-assigned-crew{visibility:visible;opacity:1;transform:none}
.rl-replica-demo-job.is-assigned .rl-replica-job-status{background:#eaf8f0;border-color:#b8e1c9;color:#19683e}
@keyframes rlAssignmentHighlight{0%,100%{background:transparent}35%{background:#edf7f1}}
@media(prefers-reduced-motion:no-preference){.rl-replica-demo-job.is-assigned{animation:rlAssignmentHighlight 1.2s ease both}}
@media(prefers-reduced-motion:reduce){.rl-replica-assigned-crew,.rl-replica-demo-job,.rl-replica-demo-job .rl-replica-job-status{transition:none;animation:none}}

/* Compact, consistently aligned dashboard metric descriptions. */
.rl-hero .rl-replica-cards p{font-size:11px;line-height:1.4;max-width:none;margin:0;padding-right:15px;min-height:31px}
.rl-replica-cards>div{padding:14px 16px}
.rl-replica-cards strong{margin:8px 0}

/* Final hero polish and a responsive, scrollable mobile app frame. */
.rl-hero-grid{padding-top:24px}
.rl-replica-mobilebar{display:none}
.rl-replica-demo-label{font-size:11px;color:#7c8797;margin-left:12px;font-weight:400}
@media(max-width:600px){
 .rl-hero-grid{padding-top:8px}
 .rl-dashboard-replica{max-width:364px!important;justify-self:center;padding:7px;background:#e7ebf0;border:1px solid #d0d8e2;border-radius:32px;box-shadow:0 12px 32px -22px #102a4340}
 .rl-dashboard-replica .rl-replica-viewport{height:640px;max-height:78svh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;border:1px solid #dbe2eb;border-radius:25px;box-shadow:none;scrollbar-width:thin;scrollbar-color:#c5cfdd transparent}
 .rl-dashboard-replica .rl-replica-canvas{position:relative;width:100%;height:auto;transform:none;font-size:13px;min-height:100%}
 .rl-dashboard-replica .rl-replica-sidebar{display:none}
 .rl-replica-mobilebar{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;background:white;border-bottom:1px solid #e2e6ed}
 .rl-replica-mobilebar>img{display:block;width:110px;height:auto}.rl-replica-mobilebar>span{font-size:12px;padding:7px 9px;border:1px solid #e2e6ed;border-radius:6px}
 .rl-replica-main{margin-left:0;padding:0 14px 18px}.rl-replica-topline{height:44px;font-size:11px}.rl-replica-topline>span:last-child{display:none}.rl-replica-demo-label{display:none}
 .rl-replica-heading{padding:18px 0;display:block}.rl-hero .rl-replica-heading h3{font-size:24px}.rl-hero .rl-replica-heading p{font-size:13px;line-height:1.5}.rl-replica-heading>.rl-replica-outline{margin-top:12px;font-size:11px;padding:7px 9px}
 .rl-replica-attention{padding:12px;gap:9px;flex-wrap:wrap}.rl-replica-attention strong{font-size:14px}.rl-replica-attention b{font-size:12px}.rl-replica-attention small{font-size:11px}.rl-replica-pager{margin-left:auto;border-left:0;font-size:11px}
 .rl-replica-glance{display:grid;gap:4px;margin:18px 0 12px}.rl-replica-glance>b{font-size:16px}.rl-replica-glance>span{font-size:12px}
 .rl-replica-cards{grid-template-columns:1fr;gap:10px}.rl-replica-cards>div{padding:14px}.rl-replica-cards>div>span{font-size:13px}.rl-replica-cards strong{font-size:27px;margin:8px 0}.rl-hero .rl-replica-cards p{font-size:12px;line-height:1.5;min-height:0}
 .rl-replica-panel{padding:14px;margin-top:16px}.rl-replica-section-head{display:block}.rl-replica-section-head b{font-size:17px}.rl-replica-calendar-actions{margin-top:12px;gap:7px}.rl-replica-calendar-actions>.rl-replica-outline{padding:7px;font-size:10px}
 .rl-replica-job-head{display:none}.rl-replica-job{grid-template-columns:44px minmax(0,1fr);gap:7px 10px;padding:14px 0;align-items:start}.rl-replica-job time{grid-row:1 / span 3;width:42px;min-height:48px}.rl-replica-job>div{grid-column:2}.rl-replica-job-status{grid-column:2;justify-self:start}.rl-replica-job small{font-size:11px}.rl-replica-job time>b{font-size:17px}
}

/* Desktop dashboard is a presentational, non-selectable preview. */
@media(min-width:1001px){.rl-dashboard-replica,.rl-dashboard-replica *{-webkit-user-select:none;user-select:none}.rl-dashboard-replica img{-webkit-user-drag:none}.rl-dashboard-replica{cursor:default}}

/* Capture the move: source-matched quote inventory detail, scoped to this preview. */
#story-capture .rl-scroll-visual{max-width:900px;width:100%;margin-top:20px;padding:0}
.rl-capture-app{background:#f8fafc;border:1px solid #d6dce5;border-radius:12px 12px 0 0;padding:16px 20px 20px;color:#0b1324;font-size:13px;line-height:1.45;text-align:left;box-shadow:0 12px 30px -22px #0b132430;font-family:inherit}
.rl-capture-app *{box-sizing:border-box}.rl-capture-context{display:flex;justify-content:space-between;align-items:center;color:#616c7d;font-size:11px;margin-bottom:12px}.rl-capture-context i{font-style:normal;padding:0 8px;color:#a0a8b5}.rl-capture-context small{font-size:10px}
.rl-capture-customer{display:flex;justify-content:space-between;align-items:center;gap:12px;background:white;border:1px solid #d9e0e9;border-radius:12px;padding:14px 18px}.rl-capture-customer>div{display:grid;gap:3px}.rl-capture-customer strong{font-size:18px;font-weight:600;letter-spacing:-.025em}.rl-capture-customer>div>span{color:#616c7d;font-size:12px}.rl-capture-status{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;font-size:11px;padding:4px 8px;border-radius:6px;white-space:nowrap}
.rl-capture-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d6dce5;border-radius:10px;background:#fff;margin:12px 0;padding:10px 0}.rl-capture-metrics>div{padding:0 14px;display:grid;gap:4px;align-content:start;border-right:1px solid #edf0f4}.rl-capture-metrics>div:last-child{border:0}.rl-capture-metrics>div>span{color:#616c7d;font-size:11px}.rl-capture-metrics strong{font-size:19px;font-weight:600;line-height:1.4}.rl-capture-metrics strong small{font-size:11px;font-weight:400}.rl-capture-metrics strong.rl-capture-completed{font-size:11px;font-weight:500;justify-self:start;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:5px;padding:4px 7px}
.rl-capture-tabs{display:flex;gap:4px;border-bottom:1px solid #d9e0e9;margin:0 0 12px;overflow-x:auto;scrollbar-width:thin}.rl-capture-tabs>span{display:flex;flex:1 0 auto;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-bottom:2px solid transparent;color:#64748b;font-size:11px;font-weight:500;white-space:nowrap}.rl-capture-tabs>span.is-active{color:#1d4ed8;background:#eff6ff;border-color:#2563eb;border-radius:6px 6px 0 0}.rl-capture-tabs svg{width:15px;height:15px;flex-shrink:0}.rl-capture-tabs b{font-size:10px;font-weight:500;background:#e2e8f0;border-radius:5px;padding:1px 5px}
.rl-capture-inventory{padding:16px 18px;background:white;border:1px solid #d9e0e9;border-radius:12px}.rl-capture-section-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.rl-capture-section-head strong{font-size:16px;font-weight:600}.rl-capture-section-head p{font-size:12px!important;line-height:1.45!important;color:#616c7d!important;margin:3px 0 0!important;letter-spacing:normal!important}.rl-capture-control{font-size:11px;line-height:1.4;border:1px solid #d6dce5;border-radius:6px;padding:6px 9px;white-space:nowrap;background:#fff;color:#0b1324}.rl-capture-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:10px 0;margin-top:3px;color:#616c7d;font-size:12px}.rl-capture-room{display:flex;justify-content:space-between;align-items:center;padding:12px 0 8px}.rl-capture-room strong{font-size:14px;font-weight:600}.rl-capture-room>span{font-size:12px;color:#616c7d}
.rl-capture-row{display:grid;grid-template-columns:26px minmax(0,1fr) 100px 52px;align-items:center;gap:9px;min-height:35px;padding:6px 8px;border-top:1px solid #edf0f4;font-size:12px}.rl-capture-row strong{font-size:inherit;font-weight:500}.rl-capture-row>span{color:#616c7d}.rl-capture-row>span:nth-last-child(-n+2){text-align:right}.rl-capture-row.needs-review{background:#fff7f5;color:#84281e}.rl-capture-row.needs-review>span{color:#84281e}.rl-capture-row.needs-review strong{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){#story-capture .rl-scroll-visual{margin-top:20px}.rl-capture-app{padding:12px 10px 14px}.rl-capture-customer{padding:11px;align-items:start;flex-wrap:wrap;gap:8px}.rl-capture-customer strong{font-size:16px}.rl-capture-customer>div>span{font-size:11px}.rl-capture-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0;padding:12px 0}.rl-capture-metrics>div{padding:0 10px}.rl-capture-metrics>div:nth-child(2){border:0}.rl-capture-tabs>span{padding:9px 10px}.rl-capture-inventory{padding:12px 10px}.rl-capture-section-head{align-items:start}.rl-capture-section-head>.rl-capture-control{display:none}.rl-capture-row{grid-template-columns:18px minmax(0,1fr) 75px;gap:5px;font-size:11px;padding:8px 4px}.rl-capture-row>span:last-child{grid-column:2 / 4;text-align:left;font-size:10px}.rl-capture-row>span:nth-child(3){text-align:right}.rl-capture-context{font-size:10px}}

/* Focus this workflow illustration on the app's inventory pane, without duplicating customer chrome. */
#story-capture .rl-capture-context,#story-capture .rl-capture-customer{display:none}
#story-capture .rl-capture-app{padding:12px 18px 16px}
#story-capture .rl-capture-metrics{margin:0 0 8px;padding:7px 0}
:is(#story-capture,#story-quote) .rl-capture-tabs{margin-bottom:8px}
:is(#story-capture,#story-quote) .rl-capture-tabs>span{padding:8px}
#story-capture .rl-capture-inventory{padding:12px 16px}
#story-capture .rl-capture-toolbar{padding:6px 0;margin-top:0}
#story-capture .rl-capture-room{padding:9px 0 6px}
#story-capture .rl-capture-row{min-height:30px;padding-top:4px;padding-bottom:4px}
#story-capture .rl-capture-section-head strong:after{content:' · Demo';font-size:10px;font-weight:400;color:#7c8797}
@media(max-width:600px){#story-capture .rl-capture-app{padding:12px 10px}#story-capture .rl-capture-inventory{padding:12px 10px}#story-capture .rl-capture-metrics{padding:10px 0}:is(#story-capture,#story-quote) .rl-capture-tabs>span{padding:9px}#story-capture .rl-capture-row{padding-top:6px;padding-bottom:6px}}

@media(min-width:901px){#story-capture .rl-capture-app{padding-top:8px;padding-bottom:8px}#story-capture .rl-capture-inventory{padding-top:10px;padding-bottom:10px}#story-capture .rl-scroll-visual{margin-top:16px}}
@media(max-width:900px){#explorer #story-capture.rl-scroll-card{position:relative;top:auto!important}}

/* Capture composition: reserve the left side for a scanning photograph. */
#story-capture .rl-scroll-visual{width:min(620px,58%);max-width:620px;margin-left:auto;margin-right:0;border-radius:12px 12px 0 0}
:is(#story-capture,#story-quote) .rl-capture-tabs>span{padding:8px 6px;font-size:10px;gap:5px}
:is(#story-capture,#story-quote) .rl-capture-tabs svg{width:14px;height:14px}
#story-capture .rl-capture-metrics>div{padding-left:10px;padding-right:10px}
#story-capture .rl-capture-completed{display:inline-flex;align-items:center;gap:6px;min-height:26px;white-space:nowrap;transition:background .25s ease,color .25s ease,border-color .25s ease}
#story-capture .rl-capture-completed.is-processing{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}
#story-capture .rl-capture-completed.is-processing:before{content:'';display:inline-block;box-sizing:border-box;width:12px;height:12px;flex-shrink:0;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:rlCaptureProcessing .9s linear infinite}
@keyframes rlCaptureProcessing{to{transform:rotate(360deg)}}
@media(max-width:1100px) and (min-width:901px){#story-capture .rl-scroll-visual{width:65%}}
@media(max-width:900px){#story-capture .rl-scroll-visual{width:100%;max-width:620px;margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){#story-capture .rl-capture-completed{transition:none}#story-capture .rl-capture-completed.is-processing:before{animation:none}}

/* Presentational capture UI: prevent incidental text selection, keeping scrolling intact. */
#story-capture .rl-capture-app,#story-capture .rl-capture-app *{-webkit-user-select:none;user-select:none;cursor:default}
#story-capture .rl-capture-app img{-webkit-user-drag:none}

/* Scroll-linked paper notes: captions land on the previous version. */
.rl-paper-story-section.is-enhanced .rl-paper-copy-rail{top:clamp(180px,29vh,250px);padding-top:0}
.rl-paper-story-section.is-enhanced .rl-paper-copy-stage{position:relative;min-height:340px;isolation:isolate;overflow:visible}
.rl-paper-story-section.is-enhanced .rl-paper-caption{box-sizing:border-box;position:absolute;inset:0 0 auto;min-height:320px;margin:0;padding:32px 30px;background:#fffef9;border:1px solid #e5e2d9;border-radius:5px 5px 12px 12px;box-shadow:0 2px 3px #17202a05,0 18px 34px -20px #17202a38;opacity:var(--note-opacity,0);visibility:visible;transform:translate3d(0,var(--note-y,-340px),0) scale(var(--note-scale,1));transform-origin:center top;transition:none;z-index:var(--note-layer,1);will-change:transform,opacity;pointer-events:none}
.rl-paper-story-section.is-enhanced .rl-paper-caption:before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:#f3f0e7;border-bottom:1px solid #ede9df;border-radius:4px 4px 0 0}
.rl-paper-story-section.is-enhanced .rl-paper-caption:nth-child(2){background:#fcfcfa}
.rl-paper-story-section.is-enhanced .rl-paper-caption:nth-child(3){background:#fffdf8}
.rl-paper-story-section.is-enhanced .rl-paper-caption .rl-version-label{margin-bottom:24px;font-size:12px;letter-spacing:.08em;color:#69717c}
.rl-site .rl-paper-story-section.is-enhanced .rl-paper-caption h3{font-size:clamp(28px,2.7vw,37px);line-height:1.15;letter-spacing:-.035em;margin-bottom:20px}
.rl-paper-story-section.is-enhanced .rl-paper-caption .rl-problem-warning{font-size:15px;line-height:1.6}

/* Familiar yellow sticky notes, with a restrained alternating tilt. */
.rl-paper-story-section.is-enhanced .rl-paper-caption{--note-angle:-1.5deg;background:#fff1a8;border-color:#e7d78d;transform:translate3d(0,var(--note-y,-340px),0) rotate(var(--note-angle)) scale(var(--note-scale,1));box-shadow:0 2px 3px #5543150a,0 18px 34px -20px #55431545}
.rl-paper-story-section.is-enhanced .rl-paper-caption:nth-child(2){--note-angle:1.2deg;background:#fff4b8}
.rl-paper-story-section.is-enhanced .rl-paper-caption:nth-child(3){--note-angle:-.8deg;background:#ffefa0}
.rl-paper-story-section.is-enhanced .rl-paper-caption:before{background:#f4df8c;border-color:#e8d486}
.rl-paper-story-section.is-enhanced .rl-paper-caption .rl-version-label{color:#716444}

/* Square-cut sticky-note corners, including the adhesive strip. */
.rl-paper-story-section.is-enhanced .rl-paper-caption,.rl-paper-story-section.is-enhanced .rl-paper-caption:before{border-radius:0}

/* Rotate only the paper layer; keep caption text level. */
.rl-paper-story-section.is-enhanced .rl-paper-caption:nth-child(n){background:transparent;border-color:transparent;box-shadow:none;transform:translate3d(0,var(--note-y,-340px),0) scale(var(--note-scale,1));isolation:isolate;--note-paper:#fff1a8}
.rl-paper-story-section.is-enhanced .rl-paper-caption:nth-child(2){--note-paper:#fff4b8}
.rl-paper-story-section.is-enhanced .rl-paper-caption:nth-child(3){--note-paper:#ffefa0}
.rl-paper-story-section.is-enhanced .rl-paper-caption:before{display:none}
.rl-paper-story-section.is-enhanced .rl-paper-caption:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border:1px solid #e7d78d;border-radius:0;background:linear-gradient(to bottom,#f4df8c 0 8px,var(--note-paper) 8px 100%);box-shadow:0 2px 3px #5543150a,0 18px 34px -20px #55431545;transform:rotate(var(--note-angle));transform-origin:center top}

/* Published plans and accessible, live Scale capacity calculator. */
#pricing .rl-price-card h3{margin-bottom:10px}#pricing .rl-price-card>p{min-height:50px}#pricing .rl-price-value{gap:8px;margin-bottom:24px}#pricing .rl-price-value strong{font-variant-numeric:tabular-nums;font-size:40px;letter-spacing:-.045em}#pricing .rl-price-list{gap:13px}#pricing .rl-price-exclusion{color:#687485}#pricing .rl-price-exclusion:before{content:'–';color:#8b95a2}#pricing .rl-price-card--scale .rl-price-list{margin-bottom:20px}#pricing .rl-price-card--scale:hover{transform:none}
.rl-scale-controls{margin-bottom:24px}.rl-scale-control+.rl-scale-control{margin-top:17px}.rl-scale-control label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:#17324d;margin-bottom:4px}.rl-scale-control output{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:3px 8px;border:1px solid #dbe7f0;background:#f3f7fc;border-radius:6px;font-variant-numeric:tabular-nums;color:#2563eb}.rl-scale-control input[type=range]{display:block;width:100%;height:28px;margin:0;padding:0;border:0;cursor:pointer;background:transparent;accent-color:#2563eb;-webkit-appearance:none;appearance:none}.rl-scale-control input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:99px;background:linear-gradient(to right,#2563eb var(--range-fill,0%),#dfe6ee var(--range-fill,0%))}.rl-scale-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6.5px;border:2px solid white;border-radius:50%;background:#2563eb;box-shadow:0 0 0 1px #2563eb,0 2px 5px #17324d20}.rl-scale-control input[type=range]::-moz-range-track{height:5px;background:#dfe6ee;border-radius:99px}.rl-scale-control input[type=range]::-moz-range-progress{height:5px;background:#2563eb;border-radius:99px}.rl-scale-control input[type=range]::-moz-range-thumb{width:15px;height:15px;border:2px solid white;border-radius:50%;background:#2563eb;box-shadow:0 0 0 1px #2563eb}.rl-scale-control input[type=range]:focus-visible{outline:2px solid #2563eb;outline-offset:4px;border-radius:4px}.rl-scale-limits{display:flex;justify-content:space-between;color:#758193;font-size:11px}.rl-scale-controls #rl-scale-rule{font-size:11px;color:#62748a;line-height:1.6;margin:18px 0 7px}
@media(max-width:900px){.rl-scale-controls{max-width:100%}}

#pricing .rl-price-badge{position:absolute;top:18px;right:18px;margin:0}#pricing .rl-price-card--featured h3{padding-right:100px}

/* Compact pricing comparison: shared explanation outside the plan cards. */
#pricing .rl-price-card>p{min-height:44px;margin-bottom:18px;font-size:14px;line-height:1.5}
#pricing .rl-price-value{margin-bottom:20px}
#pricing .rl-price-card--scale .rl-price-list{margin-bottom:14px}
#pricing .rl-scale-controls{margin-bottom:20px}
#pricing .rl-scale-control+.rl-scale-control{margin-top:10px}
#pricing .rl-scale-control label{justify-content:flex-start;gap:5px;margin-bottom:0}
#pricing .rl-scale-control output{display:inline;min-width:0;padding:0;border:0;border-radius:0;background:none;color:#2563eb;font-weight:600}
#pricing .rl-scale-limits{font-size:10px;line-height:1.3}
#pricing .rl-scale-pricing-note{max-width:850px;margin:20px auto 0;text-align:center;font-size:12px;line-height:1.6;color:#62748a}
@media(max-width:900px){#pricing .rl-price-card>p{min-height:0}#pricing .rl-scale-pricing-note{text-align:left;margin-top:16px}}

/* Remlu workflow: one example move from capture to payment. */
#explorer .rl-scroll-card>div:first-child>p:not(.rl-scroll-label){max-width:780px}
#explorer .rl-scroll-visual,#explorer .rl-scroll-visual *{-webkit-user-select:none;user-select:none}
#explorer .rl-workflow-event{display:flex;align-items:center;gap:11px;padding:11px 13px;margin:10px 0;background:#f0f7f4;border:1px solid #dcebe2;border-radius:9px;color:#146342;font-size:12px;line-height:1.4}
#explorer .rl-workflow-event-icon{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#dceee3;font-size:14px}
#explorer .rl-workflow-event strong{display:block;font-size:13px;font-weight:600;letter-spacing:0}
#explorer .rl-workflow-event div>span{display:block;color:#53675d;font-size:11px;margin-top:2px}
#explorer .rl-workflow-client{background:#f3f5fc;border-color:#e0e5f2;color:#344b8b;padding:8px 10px;margin:0 0 10px}
#explorer .rl-workflow-client .rl-workflow-event-icon{background:#e3e9f8}
#explorer .rl-workflow-client div>span{color:#616c7d}
@media(prefers-reduced-motion:no-preference){
#explorer .rl-scroll-visual.is-visual-revealed .rl-workflow-event{animation:rlWorkflowConfirmation .45s .8s both ease-out}
@keyframes rlWorkflowConfirmation{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:600px){
#explorer .rl-workflow-event{padding:8px 10px;margin:8px 0}
#explorer .rl-workflow-event strong{font-size:12px}
#explorer .rl-workflow-event div>span{font-size:10px}
#explorer .rl-scroll-pills{gap:5px;margin-top:12px}
#explorer .rl-scroll-pills span{padding:6px 8px}
}
@media(max-width:900px){
#explorer .rl-scroll-card:nth-of-type(n){position:relative;top:auto!important;height:auto;min-height:0;padding-bottom:18px}
}




/* Capture workflow: human-led room scan flowing into the Remlu inventory. */
#story-capture .rl-capture-composition{position:relative;display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);align-items:end;gap:0;width:100%;margin-top:14px;flex:1;min-height:0}
#story-capture .rl-capture-person{position:relative;z-index:2;align-self:end;display:flex;align-items:flex-end;justify-content:center;margin:0 -28px 0 0;min-width:0}
#story-capture .rl-capture-person:before{content:"";position:absolute;z-index:-1;left:13%;right:5%;bottom:7%;height:62%;border-radius:50%;background:radial-gradient(circle at 55% 55%,rgba(255,255,255,.66),rgba(255,255,255,0) 69%)}
#story-capture .rl-capture-person img{display:block;width:min(100%,350px);height:auto;max-height:435px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 19px rgba(38,35,74,.15));-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
#story-capture .rl-capture-composition .rl-scroll-visual{position:relative;z-index:1;width:100%;max-width:none;margin:0;align-self:end;transform-origin:center bottom;transition:opacity .52s ease,transform .62s cubic-bezier(.2,.75,.25,1),filter .52s ease}
#story-capture .rl-object-scan{position:absolute;z-index:4;right:7%;bottom:13%;width:min(390px,39%);aspect-ratio:1.55;border:1px solid rgba(255,255,255,.88);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,247,255,.88));box-shadow:0 28px 70px rgba(44,38,91,.18);opacity:0;transform:translateY(16px) scale(.96);transition:opacity .38s ease,transform .52s cubic-bezier(.2,.75,.25,1);pointer-events:none}
#story-capture .rl-object-scan:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(68,75,145,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(68,75,145,.055) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 92%)}
#story-capture .rl-scan-toolbar{position:absolute;z-index:3;left:14px;right:14px;top:12px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:.02em;color:#535b70}
#story-capture .rl-scan-status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(79,70,229,.13);border-radius:999px;background:rgba(255,255,255,.8)}
#story-capture .rl-scan-status:before{content:"";width:7px;height:7px;border:2px solid #5b5ce2;border-right-color:transparent;border-radius:50%;animation:rlObjectSpin .8s linear infinite}
#story-capture .rl-scan-line{position:absolute;z-index:2;left:19%;right:19%;top:28%;height:2px;background:linear-gradient(90deg,transparent,#5b5ce2 16%,#56c7bb 84%,transparent);box-shadow:0 0 16px rgba(91,92,226,.55);animation:rlObjectSweep 1.35s ease-in-out infinite alternate}
#story-capture .rl-scan-result{position:absolute;z-index:3;left:50%;bottom:10px;transform:translateX(-50%) translateY(8px);display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:9px;background:#fff;box-shadow:0 8px 24px rgba(38,35,74,.13);color:#25283a;font-size:10px;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .3s ease,transform .35s ease}
#story-capture .rl-scan-result:before{content:"✓";display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e6f8f2;color:#178765;font-size:10px}
#story-capture .rl-capture-composition.is-scanning .rl-object-scan,#story-capture .rl-capture-composition.is-captured .rl-object-scan{opacity:1;transform:none}
#story-capture .rl-capture-composition:not(.is-interface-ready) .rl-scroll-visual{opacity:0;transform:translate3d(0,44px,0);filter:none;visibility:hidden}
#story-capture .rl-capture-composition.is-captured .rl-scan-status:before{animation:none;border:0;background:#28a77d}
#story-capture .rl-capture-composition.is-captured .rl-scan-status{color:#17765b;background:#eefbf7}
#story-capture .rl-capture-composition.is-captured .rl-scan-line{animation:none;top:72%;opacity:0}
#story-capture .rl-capture-composition.is-captured .rl-scan-result{opacity:1;transform:translateX(-50%)}
#story-capture .rl-capture-composition.is-interface-ready .rl-object-scan{opacity:0;transform:translateY(-10px) scale(.98)}
#story-capture .rl-capture-composition.is-interface-ready .rl-scroll-visual{opacity:1!important;transform:none!important;filter:none!important}
@keyframes rlObjectSpin{to{transform:rotate(360deg)}}
@keyframes rlObjectSweep{from{transform:translateY(0)}to{transform:translateY(112px)}}
@media(min-width:901px) and (max-height:800px){
#story-capture .rl-capture-composition{margin-top:9px;grid-template-columns:minmax(220px,.62fr) minmax(0,1.38fr)}
#story-capture .rl-capture-person img{max-height:365px}
#story-capture .rl-capture-composition .rl-scroll-visual{zoom:.8}
}
@media(max-width:900px){
#story-capture .rl-capture-composition{display:grid;grid-template-columns:44% 56%;grid-template-rows:230px auto;align-items:end;margin-top:18px}
#story-capture .rl-capture-person{grid-column:1;grid-row:1;height:230px;margin:0;overflow:hidden;justify-content:flex-start;padding-left:2%;z-index:3}
#story-capture .rl-capture-person:before{left:-8%;right:-20%;bottom:0;height:78%}
#story-capture .rl-capture-person img{width:180px;max-width:none;max-height:none;align-self:flex-start}
#story-capture .rl-object-scan{position:relative;grid-column:2;grid-row:1;right:auto;bottom:auto;width:calc(100% + 8px);justify-self:end;align-self:center;aspect-ratio:1.2;border-radius:14px;transform:translateY(10px) scale(.96)}
#story-capture .rl-scan-toolbar{left:9px;right:9px;top:8px;font-size:8px}
#story-capture .rl-scan-toolbar>span:last-child{display:none}
#story-capture .rl-scan-status{padding:5px 7px}
#story-capture .rl-scan-line{left:13%;right:13%}
#story-capture .rl-capture-composition .rl-scroll-visual{grid-column:1/-1;grid-row:2;margin:12px 0 0!important;width:100%!important;z-index:2;zoom:.78}
}
@media(max-width:600px){
#story-capture .rl-capture-composition{grid-template-columns:46% 54%;grid-template-rows:205px auto}
#story-capture .rl-capture-person{height:205px;padding-left:0}
#story-capture .rl-capture-person img{width:154px}
#story-capture .rl-object-scan{width:calc(100% + 2px)}
#story-capture .rl-capture-composition .rl-scroll-visual{zoom:.66;margin-top:14px!important}
}
@media(prefers-reduced-motion:reduce){#story-capture .rl-object-scan,#story-capture .rl-scroll-visual,#story-capture .rl-scan-result{transition:none}#story-capture .rl-scan-status:before,#story-capture .rl-scan-line{animation:none}}




#explorer .rl-scroll-card{padding-bottom:18px}
#explorer .rl-scroll-card>div:first-child{flex-shrink:0}
#explorer .rl-scroll-card .rl-scroll-visual{margin-bottom:0}
@media(min-width:901px) and (max-height:800px){
#explorer .rl-scroll-card{padding-top:20px;min-height:0}
#explorer .rl-scroll-card h3{font-size:34px;margin-bottom:10px}
#explorer .rl-scroll-card .rl-scroll-pills{margin-top:12px}
#explorer .rl-scroll-card .rl-scroll-visual{margin-top:14px;zoom:.85}
#explorer .rl-scroll-card .rl-scroll-label{margin-bottom:8px}
}
@media(max-width:900px){
#explorer .rl-scroll-card:nth-of-type(n){height:auto;min-height:0;padding-bottom:18px}
#explorer .rl-scroll-card h3{font-size:clamp(27px,5vw,36px)}
}




/* Scroll-linked capture story: scan an object, confirm it, then reveal Remlu. */
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-object-scan{animation:rlCaptureStage 2.75s cubic-bezier(.2,.72,.25,1) both}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-scan-result{animation:rlCaptureResult 2.75s ease both}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed):not(.is-interface-ready) .rl-scroll-visual{animation:rlCaptureInterface 3.05s linear both!important}
@keyframes rlCaptureStage{0%{opacity:0;transform:translateY(16px) scale(.96)}8%,62%{opacity:1;transform:none}78%,100%{opacity:0;transform:translateY(-10px) scale(.985)}}
@keyframes rlCaptureResult{0%,43%{opacity:0;transform:translateX(-50%) translateY(8px)}51%,100%{opacity:1;transform:translateX(-50%)}}
@keyframes rlCaptureInterface{0%,70%{visibility:hidden;opacity:0;transform:translate3d(0,44px,0)}71%{visibility:visible;opacity:0;transform:translate3d(0,44px,0)}100%{visibility:visible;opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:900px){
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-object-scan{animation-name:rlCaptureStageMobile}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-scan-toolbar,#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-scan-line{animation:rlCaptureScannerFinish 2.75s ease both}
@keyframes rlCaptureScannerFinish{0%,58%{opacity:1}72%,100%{opacity:0}}
@keyframes rlCaptureStageMobile{0%{opacity:0;transform:translateY(10px) scale(.96)}8%,62%{opacity:1;transform:none}78%,100%{opacity:0;transform:translateY(-10px) scale(.985)}}
}
@media(prefers-reduced-motion:reduce){
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-object-scan{opacity:0;transform:none;animation:none}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-scan-result{opacity:1;transform:translateX(-50%);animation:none}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed):not(.is-interface-ready) .rl-scroll-visual{visibility:visible;clip-path:none;animation:none}
}



/* On mobile, the capture scene clears away before the product UI settles in. */
@media(max-width:900px) and (prefers-reduced-motion:no-preference){
#story-capture .rl-capture-composition{--rl-capture-row:230px;grid-template-rows:var(--rl-capture-row) auto}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed){animation:rlCaptureRowCollapse 3.25s cubic-bezier(.22,.61,.36,1) both}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-capture-person{animation:rlCapturePersonExit 3.05s ease both}
@keyframes rlCapturePersonExit{0%,68%{opacity:1;transform:none}84%,100%{opacity:0;transform:translate3d(0,-10px,0) scale(.985)}}
@keyframes rlCaptureRowCollapse{0%,70%{grid-template-rows:var(--rl-capture-row) auto}100%{grid-template-rows:0px auto}}
}
@media(max-width:600px) and (prefers-reduced-motion:no-preference){
#story-capture .rl-capture-composition{--rl-capture-row:205px}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){
#story-capture .rl-capture-composition{grid-template-rows:0 auto}
#story-capture .rl-capture-person,#story-capture .rl-object-scan{display:none}
}



/* Keep the desktop scan response visually connected to the tablet. */
@media(min-width:901px){
#story-capture .rl-object-scan{left:32%;right:auto}
}



/* Real-room AI inventory scan. */
#story-capture .rl-object-scan.rl-room-scan{width:min(450px,44%);aspect-ratio:1.6;left:30%;right:auto;bottom:10%;background:#dfe3ee}
#story-capture .rl-scan-room{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015);filter:saturate(.88) contrast(.96) brightness(.92)}
#story-capture .rl-scan-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.26),transparent 28%,transparent 70%,rgba(15,23,42,.28));pointer-events:none}
#story-capture .rl-room-scan .rl-scan-toolbar{color:#fff;text-shadow:0 1px 8px rgba(10,15,35,.35)}
#story-capture .rl-room-scan .rl-scan-status{background:rgba(15,23,42,.58);border-color:rgba(255,255,255,.24);backdrop-filter:blur(8px)}
#story-capture .rl-scan-count{position:relative;display:block;width:58px;height:25px;border-radius:999px;background:rgba(15,23,42,.58);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px);overflow:hidden}
#story-capture .rl-scan-count i{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-style:normal;font-size:9px;font-weight:700;opacity:0}
#story-capture .rl-room-detection{position:absolute;z-index:3;opacity:0;border:1.5px solid rgba(255,255,255,.94);border-radius:6px;box-shadow:0 0 0 1px rgba(61,78,229,.55),0 0 22px rgba(70,200,185,.32)}
#story-capture .rl-room-detection:before,#story-capture .rl-room-detection:after,#story-capture .rl-room-detection i:before,#story-capture .rl-room-detection i:after{content:"";position:absolute;width:10px;height:10px;border-color:#70ead9;border-style:solid}
#story-capture .rl-room-detection:before{left:-2px;top:-2px;border-width:2px 0 0 2px;border-radius:4px 0 0}
#story-capture .rl-room-detection:after{right:-2px;top:-2px;border-width:2px 2px 0 0;border-radius:0 4px 0 0}
#story-capture .rl-room-detection i:before{right:-2px;bottom:-2px;border-width:0 2px 2px 0;border-radius:0 0 4px}
#story-capture .rl-room-detection i:after{left:-2px;bottom:-2px;border-width:0 0 2px 2px;border-radius:0 0 0 4px}
#story-capture .rl-room-detection span{position:absolute;left:-1px;top:calc(100% + 5px);padding:4px 7px;border-radius:6px;background:rgba(15,23,42,.82);color:#fff;font-size:9px;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 6px 18px rgba(15,23,42,.18);backdrop-filter:blur(6px)}
#story-capture .rl-room-detection.is-bed{left:35%;top:43%;width:63%;height:48%}
#story-capture .rl-room-detection.is-table{left:49%;top:47%;width:17%;height:19%}
#story-capture .rl-room-detection.is-lamp{left:55%;top:27%;width:10%;height:24%}
#story-capture .rl-room-scan .rl-scan-result{bottom:11px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-room-detection.is-bed{animation:rlDetectBed 2.75s ease both}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-room-detection.is-table{animation:rlDetectTable 2.75s ease both}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-room-detection.is-lamp{animation:rlDetectLamp 2.75s ease both}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-scan-count i:nth-child(1){animation:rlCountOne 2.75s step-end both}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-scan-count i:nth-child(2){animation:rlCountTwo 2.75s step-end both}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-scan-count i:nth-child(3){animation:rlCountThree 2.75s step-end both}
@keyframes rlDetectBed{0%,17%{opacity:0;transform:scale(.96)}23%,100%{opacity:1;transform:none}}
@keyframes rlDetectTable{0%,32%{opacity:0;transform:scale(.94)}39%,100%{opacity:1;transform:none}}
@keyframes rlDetectLamp{0%,47%{opacity:0;transform:scale(.92)}54%,100%{opacity:1;transform:none}}
@keyframes rlCountOne{0%,18%{opacity:0}19%,35%{opacity:1}36%,100%{opacity:0}}
@keyframes rlCountTwo{0%,35%{opacity:0}36%,50%{opacity:1}51%,100%{opacity:0}}
@keyframes rlCountThree{0%,50%{opacity:0}51%,100%{opacity:1}}
@media(max-width:900px){
#story-capture .rl-object-scan.rl-room-scan{position:relative;left:auto;right:auto;bottom:auto;width:calc(100% + 8px);aspect-ratio:1.28}
#story-capture .rl-room-detection span{font-size:7px;padding:3px 5px}
#story-capture .rl-room-scan .rl-scan-result{font-size:8px}
}
@media(max-width:600px){#story-capture .rl-object-scan.rl-room-scan{width:calc(100% + 2px)}}
@media(prefers-reduced-motion:reduce){#story-capture .rl-room-detection{opacity:1;transform:none}#story-capture .rl-scan-count i:nth-child(3){opacity:1}}



/* Give the real-room recognition sequence enough time to read before the UI handoff. */
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-capture-person,
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-room-scan{animation-duration:4.2s!important}
#story-capture .rl-scroll-visual.is-visual-revealed{animation-duration:4.5s!important}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-room-detection.is-bed,
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-room-detection.is-table,
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-room-detection.is-lamp,
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-scan-count i{animation-duration:4.2s!important}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-room-scan .rl-scan-line{left:4%;right:4%;top:17%;animation:rlRoomSweep 1.45s ease-in-out 2 both!important}
@keyframes rlRoomSweep{0%{opacity:0;transform:translateY(0)}8%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translateY(175px)}}
@media(max-width:900px){#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-room-scan .rl-scan-line{animation-name:rlRoomSweepMobile!important}@keyframes rlRoomSweepMobile{0%{opacity:0;transform:translateY(0)}8%{opacity:1}88%{opacity:1}100%{opacity:0;transform:translateY(210px)}}}



#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) .rl-room-scan .rl-scan-result{animation:rlRoomResult 4.2s ease both!important}
@keyframes rlRoomResult{0%,60%{opacity:0;transform:translate(-50%,8px)}67%,100%{opacity:1;transform:translate(-50%,0)}}



@media(max-width:900px){html,body{overflow-x:clip}.rl-site{width:100%;margin-inline:0}}



/* Give the room scan greater visual weight without crowding the mobile composition. */
@media(min-width:901px){
#story-capture .rl-object-scan.rl-room-scan{width:min(520px,49%);left:27%;bottom:6%}
}



@media(min-width:901px){#story-capture .rl-object-scan.rl-room-scan{left:33%}}



/* Mobile capture uses one shared stage instead of reserving a hidden second row. */
@media(max-width:900px){
#story-capture .rl-capture-composition{--rl-capture-scene-h:clamp(178px,52vw,210px);--rl-capture-ui-h:calc((100vw - 76px)*1.322);position:relative;height:var(--rl-capture-scene-h);overflow:hidden}
#story-capture .rl-capture-composition>.rl-scroll-visual{position:absolute;z-index:4;inset:0 0 auto;width:100%;grid-row:1;grid-column:1/-1}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed){animation:rlMobileCaptureStage 4.5s cubic-bezier(.22,.61,.36,1) both}
@keyframes rlMobileCaptureStage{0%,56%{height:var(--rl-capture-scene-h)}76%,100%{height:var(--rl-capture-ui-h)}}
}
@media(min-width:601px) and (max-width:900px){#story-capture .rl-capture-composition{--rl-capture-ui-h:min(560px,calc((100vw - 112px)*1.1))}}
@media(prefers-reduced-motion:reduce) and (max-width:900px){#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed){height:var(--rl-capture-ui-h);animation:none}}



@media(max-width:600px){#story-capture .rl-capture-composition{--rl-capture-ui-h:calc(132.2vw - 100.472px)}}
@media(min-width:601px) and (max-width:900px){#story-capture .rl-capture-composition{--rl-capture-ui-h:min(560px,calc(110vw - 123.2px))}}



@media(max-width:600px){
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed){animation:rlMobileCaptureStageSmall 4.5s cubic-bezier(.22,.61,.36,1) both!important}
@keyframes rlMobileCaptureStageSmall{0%,56%{height:clamp(178px,52vw,210px)}76%,100%{height:calc(132.2vw - 100.472px)}}
}
@media(min-width:601px) and (max-width:900px){
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed){animation:rlMobileCaptureStageTablet 4.5s cubic-bezier(.22,.61,.36,1) both!important}
@keyframes rlMobileCaptureStageTablet{0%,56%{height:clamp(178px,52vw,210px)}76%,100%{height:min(560px,calc(110vw - 123.2px))}}
}



@media(max-width:600px){
#story-capture .rl-capture-composition{min-height:clamp(178px,52vw,210px)}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed){animation:rlMobileCaptureMinSmall 4.5s cubic-bezier(.22,.61,.36,1) both!important}
@keyframes rlMobileCaptureMinSmall{0%,56%{min-height:clamp(178px,52vw,210px)}76%,100%{min-height:calc(132.2vw - 100.472px)}}
}
@media(min-width:601px) and (max-width:900px){
#story-capture .rl-capture-composition{min-height:clamp(178px,52vw,210px)}
#story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed){animation:rlMobileCaptureMinTablet 4.5s cubic-bezier(.22,.61,.36,1) both!important}
@keyframes rlMobileCaptureMinTablet{0%,56%{min-height:clamp(178px,52vw,210px)}76%,100%{min-height:min(560px,calc(110vw - 123.2px))}}
}



/* Scoped replica of Remlu staff-quote-pricing.tsx and its application styles. */
#story-quote .rl-scroll-visual{width:min(900px,100%);margin-top:18px}
#story-quote .rl-quote-replica{background:#fff;border:1px solid #d9e1eb;border-radius:10px;overflow:hidden;color:#344054;font-family:inherit;font-size:12px;line-height:1.4;user-select:none;-webkit-user-select:none;pointer-events:none;box-shadow:0 16px 35px rgba(15,23,42,.09)}
#story-quote .rl-quote-replica *{box-sizing:border-box;letter-spacing:normal}
#story-quote .rq-client{display:flex;align-items:baseline;gap:12px;padding:12px 20px 10px}
#story-quote .rq-client strong{font-size:17px;font-weight:600;color:#101828}
#story-quote .rq-client>span{color:#667085;font-size:11px}
#story-quote .rq-body{padding:16px 20px}
#story-quote .rq-mode{display:grid;grid-template-columns:1fr 1fr;width:260px;padding:3px;border:1px solid #b9c3d0;border-radius:7px;background:#f5f7fa;margin-bottom:14px}
#story-quote .rq-mode span{padding:7px;text-align:center;font-size:11px;font-weight:600;color:#4c586a;border-radius:5px}
#story-quote .rq-mode .is-selected{background:#0b3b78;color:white;box-shadow:0 1px 2px #0f172429}
#story-quote .rq-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
#story-quote .rq-fields>div>span,#story-quote .rq-send>div>span{display:block;color:#4b5563;font-size:10px;margin-bottom:5px;font-weight:500}
#story-quote .rq-input{display:flex;gap:9px;align-items:center;min-height:34px;border:1px solid #c6cfdb;border-radius:7px;background:#fff;padding:7px 9px;font-size:11px;color:#344054;white-space:nowrap}
#story-quote .rq-input i{font-style:normal;color:#98a2b3}
#story-quote .rq-input.is-readonly{background:#f6f8fa}
#story-quote .rq-adjustments{border-top:1px solid #d9e1eb;margin-top:16px;padding-top:12px}
#story-quote .rq-adjustments>div{display:flex;align-items:center;justify-content:space-between}
#story-quote .rq-adjustments strong,#story-quote .rq-send strong{font-size:12px;font-weight:600}
#story-quote .rq-adjustments p{font-size:11px;color:#667085;margin:7px 0 13px;line-height:1.4}
#story-quote .rq-button{display:inline-block;border:1px solid #d1dae6;background:#fff;padding:7px 10px;border-radius:7px;color:#344054;font-size:11px;white-space:nowrap}
#story-quote .rq-route{display:grid;grid-template-columns:.7fr 1fr 1fr;background:#f8fafc;border:1px solid #d9e1eb;border-radius:8px;overflow:hidden}
#story-quote .rq-route>div{padding:9px 12px;display:grid;gap:3px}
#story-quote .rq-route>div+div{border-left:1px solid #d9e1eb}
#story-quote .rq-route span{font-size:9px;text-transform:uppercase;color:#98a2b3;font-weight:600}
#story-quote .rq-route strong{font-size:11px;font-weight:500}
#story-quote .rq-summary{display:grid;grid-template-columns:1fr .55fr;gap:28px;border-top:2px solid #cbd4df;border-bottom:1px solid #cbd4df;margin-top:14px;padding:12px 0}
#story-quote .rq-lines>div,#story-quote .rq-totals>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:6px}
#story-quote .rq-summary strong{font-weight:500}
#story-quote .rq-totals span{color:#667085}
#story-quote .rq-totals .rq-total{border-top:1px solid #aeb9c6;padding-top:7px;font-size:13px}
#story-quote .rq-total span,#story-quote .rq-total strong{font-weight:700;color:#344054}
#story-quote .rq-save{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:10px;color:#667085}
#story-quote .rq-send{border-top:1px solid #d9e1eb;padding-top:12px;display:grid;grid-template-columns:1fr 190px auto;gap:12px;align-items:end}
#story-quote .rq-send>div:first-child>span{font-size:10px;line-height:1.4;margin:4px 0 0;color:#667085}
#story-quote .rq-button.is-primary{background:#2563eb;color:#fff;border-color:#2563eb;padding:9px 12px}
@media(max-width:900px){#story-quote .rq-fields{grid-template-columns:repeat(3,minmax(0,1fr))}#story-quote .rq-body{padding:12px 14px}#story-quote .rq-send{grid-template-columns:1fr auto}#story-quote .rq-send>div:first-child{grid-column:1/-1}#story-quote .rq-client{padding-left:14px;padding-right:14px}}
@media(max-width:600px){#story-quote .rq-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#story-quote .rq-mode{width:100%}#story-quote .rq-summary{grid-template-columns:1fr 1fr;gap:14px}#story-quote .rq-route>div{padding:7px}#story-quote .rq-route strong{font-size:10px}#story-quote .rq-client{display:grid;gap:2px}#story-quote .rq-input{font-size:10px}#story-quote .rq-send{gap:8px}#story-quote .rq-save{gap:8px}}
@media(min-width:901px) and (max-height:850px){
#story-quote .rq-client{display:none}
#story-quote .rl-scroll-visual{margin-top:10px}
#story-quote .rq-send>div:first-child>span{display:none}
#story-quote .rq-summary{line-height:1.2}
#story-quote .rq-body{padding:10px 16px}
#story-quote .rq-mode{margin-bottom:9px}
#story-quote .rq-mode span{padding:5px}
#story-quote .rq-adjustments{margin-top:10px;padding-top:8px}
#story-quote .rq-adjustments p{margin:4px 0 8px}
#story-quote .rq-button{padding:5px 8px}
#story-quote .rq-route>div{padding:6px 10px}
#story-quote .rq-summary{padding:8px 0;margin-top:9px}
#story-quote .rq-lines>div,#story-quote .rq-totals>div{margin-bottom:3px}
#story-quote .rq-totals .rq-total{padding-top:4px}
#story-quote .rq-save{padding:7px 0}
#story-quote .rq-send{padding-top:8px}
}

#story-quote .rq-tab-frame{padding:8px 16px 0}#story-quote .rq-tab-frame .rl-capture-tabs{margin-bottom:0}@media(max-width:600px){#story-quote .rq-tab-frame{padding:8px 10px 0}}



#story-quote .rl-scroll-visual{position:relative}
#story-quote .rl-quote-replica{transition:filter .45s ease,opacity .45s ease,transform .55s ease}
#story-quote .rq-story-overlay{position:absolute;z-index:5;top:12px;left:50%;width:min(440px,94%);background:#fff;border:1px solid #d9e1eb;border-radius:14px;box-shadow:0 24px 65px #102a4329;opacity:0;visibility:hidden;transform:translate(-50%,24px) scale(.97);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.75,.25,1),visibility .4s;pointer-events:none;user-select:none;color:#344054;overflow:hidden;line-height:1.4}
#story-quote .rq-story-top{display:flex;justify-content:space-between;padding:11px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:10px;color:#64748b;font-weight:600;letter-spacing:.04em}
#story-quote .rq-story-form{padding:18px 22px}
#story-quote .rq-story-overlay h4{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0 0 13px;color:#101828;font-weight:650}
#story-quote .rq-story-amounts{display:grid;grid-template-columns:1fr 1fr;background:#f8fafc;border:1px solid #d9e1eb;border-radius:8px;padding:10px 14px;gap:14px}
#story-quote .rq-story-amounts span{display:block;font-size:10px;color:#667085}
#story-quote .rq-story-amounts strong{font-size:19px;color:#0b3b78;font-weight:650}
#story-quote .rq-story-move{display:flex;flex-wrap:wrap;gap:3px 12px;padding:12px 0;border-bottom:1px solid #e2e8f0;margin-bottom:12px;font-size:11px}
#story-quote .rq-story-move strong{width:100%;font-size:12px}
#story-quote .rq-story-consent{display:flex;align-items:flex-start;gap:8px;font-size:10px;color:#475467;margin:10px 0}
#story-quote .rq-check{flex:0 0 14px;height:14px;border:1px solid #b8c3d3;border-radius:3px;background:#fff;transition:background .2s,border .2s;position:relative}
#story-quote .rq-check:after{content:'✓';position:absolute;inset:0;text-align:center;font-style:normal;font-size:11px;color:white;opacity:0}
#story-quote .rq-story-signature>span{font-size:10px;display:block;margin-bottom:5px}
#story-quote .rq-story-signature>div{height:34px;border:1px solid #c6cfdb;border-radius:7px;padding:7px 10px;font-size:12px;position:relative}
#story-quote .rq-signature-text{display:block;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width 1s steps(11,end)}
#story-quote .rq-signature-placeholder{position:absolute;top:7px;color:#98a2b3}
#story-quote .rq-story-accept{padding:10px 9px;background:#2563eb;border-radius:7px;color:white;text-align:center;font-size:11px;font-weight:600;opacity:.55;margin-top:12px;transition:opacity .25s,transform .25s}
#story-quote .rq-story-submitting{display:none}
#story-quote .rq-story-confirm{display:none;text-align:center;padding:25px 25px 22px}
#story-quote .rq-story-tick{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#e7f6ee;color:#168258;font-size:26px;margin:0 auto 12px}
#story-quote .rq-story-success{display:block;color:#168258;font-size:12px;font-weight:600;margin-bottom:8px}
#story-quote .rq-story-confirm p{font-size:12px;line-height:1.6;color:#667085;margin:10px 0 14px}
#story-quote .rq-story-confirm small{font-size:10px;color:#667085}
#story-quote .rq-story-booking{display:grid;gap:5px;border-top:1px solid #e2e8f0;padding-top:15px;margin-top:18px;font-size:11px}
#story-quote .rq-story-booking strong{color:#0b3b78;font-size:12px}
#story-quote .rq-story-toast{position:absolute;z-index:6;top:14px;right:16px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #cce8de;border-radius:10px;padding:12px 16px;box-shadow:0 12px 35px #102a4320;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;pointer-events:none;user-select:none}
#story-quote .rq-story-toast strong,#story-quote .rq-story-toast div>span{display:block;font-size:12px;color:#24543a}
#story-quote .rq-story-toast div>span{font-size:10px;color:#667085;margin-top:3px}
#story-quote .rq-story-mail{color:#168258;font-size:20px}
#story-quote [data-quote-stage="sending"] .rq-send .is-primary{animation:rqSendPulse .8s ease infinite}
#story-quote [data-quote-stage="sent"] .rq-story-toast{opacity:1;transform:none}
#story-quote :is([data-quote-stage="accept"],[data-quote-stage="sign"],[data-quote-stage="submit"],[data-quote-stage="confirmed"]) .rl-quote-replica{opacity:.36;filter:blur(1.4px);transform:scale(.985)}
#story-quote :is([data-quote-stage="accept"],[data-quote-stage="sign"],[data-quote-stage="submit"],[data-quote-stage="confirmed"]) .rq-story-overlay{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}
#story-quote :is([data-quote-stage="sign"],[data-quote-stage="submit"]) .rq-check{background:#2563eb;border-color:#2563eb}
#story-quote :is([data-quote-stage="sign"],[data-quote-stage="submit"]) .rq-check:after{opacity:1}
#story-quote :is([data-quote-stage="sign"],[data-quote-stage="submit"]) .rq-signature-text{max-width:110px;opacity:1}
#story-quote :is([data-quote-stage="sign"],[data-quote-stage="submit"]) .rq-signature-placeholder{display:none}
#story-quote :is([data-quote-stage="sign"],[data-quote-stage="submit"]) .rq-story-accept{opacity:1}
#story-quote [data-quote-stage="submit"] .rq-story-accept{transform:scale(.985)}
#story-quote [data-quote-stage="submit"] .rq-story-accept>span:first-child{display:none}
#story-quote [data-quote-stage="submit"] .rq-story-submitting{display:inline}
#story-quote [data-quote-stage="confirmed"] .rq-story-form{display:none}
#story-quote [data-quote-stage="confirmed"] .rq-story-confirm{display:block;animation:rqConfirm .45s ease both}
@keyframes rqSendPulse{50%{box-shadow:0 0 0 5px #2563eb24;opacity:.7}}
@keyframes rqConfirm{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){#story-quote .rq-story-overlay{top:10px;width:96%}#story-quote .rq-story-form{padding:15px}#story-quote .rq-story-top{padding:10px 15px}#story-quote .rq-story-toast{left:6px;right:6px;padding:10px}#story-quote .rq-story-confirm{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){#story-quote .rl-scroll-visual *,#story-quote .rl-scroll-visual *:after{animation:none!important;transition:none!important}}



#story-coordinate .rl-scroll-visual{width:min(880px,100%);margin-top:16px}
#story-coordinate .rc-app{background:#fff;border:1px solid #d9e1eb;border-radius:10px;color:#344054;font-size:12px;line-height:1.4;overflow:hidden;user-select:none;-webkit-user-select:none;pointer-events:none;box-shadow:0 16px 35px #0f172a17}
#story-coordinate .rc-app *{box-sizing:border-box;letter-spacing:normal}
#story-coordinate .rc-header{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0}
#story-coordinate .rc-header>div{display:flex;align-items:center;gap:10px}
#story-coordinate .rc-header strong{font-size:18px;color:#101828;font-weight:650}
#story-coordinate .rc-header>span{font-size:11px;color:#667085}
#story-coordinate .rc-status{background:#fff5df;color:#93651d;border:1px solid #f0dfb9;border-radius:5px;padding:4px 7px;font-size:10px}
#story-coordinate .rc-edit,#story-coordinate .rc-result{padding:14px 18px}
#story-coordinate .rc-fields{display:grid;grid-template-columns:1fr 1fr .7fr .7fr 1fr;gap:10px;margin-bottom:12px}
#story-coordinate .rc-fields span,#story-coordinate .rc-notes>span,#story-coordinate .rc-delivery>div>span{display:block;font-size:10px;color:#667085;margin-bottom:4px}
#story-coordinate .rc-fields b,#story-coordinate .rc-email{display:block;padding:7px 9px;border:1px solid #c6cfdb;border-radius:7px;font-weight:400;font-size:11px;background:#fff}
#story-coordinate .rc-assign{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#story-coordinate .rc-assign>div{border:1px solid #d9e1eb;border-radius:8px;overflow:hidden}
#story-coordinate .rc-app h4{font-size:12px;font-weight:600;margin:0;color:#344054;line-height:1.4}
#story-coordinate .rc-assign h4{padding:8px 12px;border-bottom:1px solid #e2e8f0;background:#f8fafc}
#story-coordinate .rc-search{margin:7px 10px 4px;padding:6px 9px;border:1px solid #d9e1eb;border-radius:6px;font-size:10px;color:#98a2b3}
#story-coordinate .rc-choice{display:flex;gap:8px;align-items:center;margin:0 5px;padding:6px 8px;transition:background .3s;border-radius:5px}
#story-coordinate .rc-choice i{width:13px;height:13px;border:1px solid #b9c3d0;border-radius:3px;flex-shrink:0;display:grid;place-items:center;font-style:normal;color:transparent;font-size:10px;transition:background .2s}
#story-coordinate .rc-choice i:after{content:'✓'}
#story-coordinate .rc-choice strong{display:block;font-size:11px;font-weight:600}
#story-coordinate .rc-choice small{display:block;font-size:9px;color:#667085}
#story-coordinate .rc-notes{margin-top:10px}
#story-coordinate .rc-notes>div{padding:8px 10px;border:1px solid #c6cfdb;border-radius:7px;font-size:11px}
#story-coordinate .rc-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e2e8f0;margin-top:12px;padding-top:10px}
#story-coordinate .rc-footer>span{font-size:10px;color:#667085}
#story-coordinate .rc-save,#story-coordinate .rc-send{display:block;padding:8px 12px;border-radius:7px;background:#2563eb;color:#fff;font-size:11px;font-weight:500;white-space:nowrap}
#story-coordinate .rc-result{display:none;min-height:350px}
#story-coordinate .rc-schedule-summary{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px;padding:10px 12px;background:#f8fafc;border:1px solid #d9e1eb;border-radius:8px}
#story-coordinate .rc-schedule-summary span{display:block;font-size:10px;color:#667085;margin-bottom:4px}
#story-coordinate .rc-schedule-summary strong{font-size:11px;font-weight:600}
#story-coordinate .rc-calendar{border:1px solid #d9e1eb;border-radius:8px;margin:14px 0;overflow:hidden}
#story-coordinate .rc-calendar-head{display:flex;justify-content:space-between;padding:9px 12px;background:#f8fafc;font-size:11px;border-bottom:1px solid #d9e1eb}
#story-coordinate .rc-calendar-head>span{color:#667085;font-size:10px}
#story-coordinate .rc-calendar-job{display:flex;gap:16px;margin:12px;padding:10px;border-left:3px solid #2563eb;background:#eff6ff;border-radius:5px;font-size:11px}
#story-coordinate .rc-calendar-job div{flex:1;display:grid;gap:3px}
#story-coordinate .rc-calendar-job small{font-size:10px;color:#667085}
#story-coordinate .rc-calendar-job>b{font-size:10px;font-weight:500;color:#0b3b78}
#story-coordinate .rc-delivery{display:grid;grid-template-columns:1fr 190px auto;align-items:end;gap:12px;border-top:1px solid #d9e1eb;padding-top:12px}
#story-coordinate .rc-delivery p{font-size:10px;color:#667085;margin:4px 0 0;line-height:1.4}
#story-coordinate .rc-delivered{display:flex;gap:10px;align-items:center;border:1px solid #c9e5d6;background:#f1faf5;border-radius:8px;padding:12px;margin-top:14px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
#story-coordinate .rc-delivered i{color:#168258;font-size:20px;font-style:normal}
#story-coordinate .rc-delivered strong{display:block;font-size:12px;color:#24543a;font-weight:600}
#story-coordinate .rc-delivered span{display:block;font-size:10px;color:#567567;margin-top:3px}
#story-coordinate [data-step]:not([data-step="idle"]) .rc-truck,#story-coordinate :is([data-step="crew"],[data-step="saving"]) :is(.rc-crew-one,.rc-crew-two){background:#eff6ff}
#story-coordinate [data-step]:not([data-step="idle"]) .rc-truck i,#story-coordinate :is([data-step="crew"],[data-step="saving"]) :is(.rc-crew-one,.rc-crew-two) i{background:#2563eb;border-color:#2563eb;color:#fff}
#story-coordinate :is([data-step="saved"],[data-step="sending"],[data-step="done"]) .rc-edit{display:none}
#story-coordinate :is([data-step="saved"],[data-step="sending"],[data-step="done"]) .rc-result{display:block;animation:rcArrive .4s ease both}
#story-coordinate :is([data-step="saved"],[data-step="sending"],[data-step="done"]) .rc-status{background:#eaf4ff;color:#0b3b78;border-color:#cbdff7}
#story-coordinate [data-step="done"] .rc-delivered{opacity:1;transform:none}
#story-coordinate [data-step="done"] .rc-send{background:#eaf6ee;color:#24543a}
#story-coordinate [data-step="sending"] .rc-send,#story-coordinate [data-step="saving"] .rc-save{animation:rcPulse .8s ease infinite}
@keyframes rcArrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rcPulse{50%{opacity:.6}}
@media(min-width:901px) and (max-height:800px){#story-coordinate .rc-header{padding:8px 18px}#story-coordinate .rc-edit,#story-coordinate .rc-result{padding:10px 16px}#story-coordinate .rc-choice{padding:4px 8px}#story-coordinate .rc-result{min-height:325px}}
@media(max-width:600px){#story-coordinate .rc-header{align-items:flex-start;gap:8px;flex-direction:column}#story-coordinate .rc-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#story-coordinate .rc-fields>div:last-child{grid-column:1/-1}#story-coordinate .rc-edit,#story-coordinate .rc-result{padding:12px}#story-coordinate .rc-assign{gap:8px}#story-coordinate .rc-footer{align-items:flex-start}#story-coordinate .rc-footer>span{font-size:9px}#story-coordinate .rc-delivery{grid-template-columns:1fr}#story-coordinate .rc-send{text-align:center}#story-coordinate .rc-schedule-summary{grid-template-columns:1fr 1fr}#story-coordinate .rc-schedule-summary>div:first-child{grid-column:1/-1}#story-coordinate .rc-calendar-job{gap:8px;margin:8px}#story-coordinate .rc-calendar-job>b{display:none}#story-coordinate .rc-result{min-height:490px}}
@media(prefers-reduced-motion:reduce){#story-coordinate .rc-app *{animation:none!important;transition:none!important}}



#story-quote .rq-story-mail{display:grid;place-items:center;width:34px;height:34px;background:#eff6ff;border-radius:8px;color:#2563eb;flex-shrink:0}
#story-quote .rq-story-mail svg{width:21px;height:21px}
#story-quote .rq-story-toast small{display:block;color:#667085;font-size:9px;margin-top:3px}
#story-quote .rq-handoff-label{font-size:11px;font-weight:600;color:#2563eb;margin-bottom:9px;display:flex;align-items:center;gap:7px}
#story-quote .rq-handoff-label:before{content:'↗';font-size:15px;line-height:1}
#story-quote [data-quote-stage="accept"] .rq-handoff-label{animation:rqConfirm .4s ease both}



/* Stagger as the inventory panel enters after the room scan. */
@keyframes rlInventoryRowEnter{from{opacity:0;transform:translate3d(-24px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:no-preference){
#story-capture .rl-scroll-visual.is-visual-revealed .rl-capture-row{animation:rlInventoryRowEnter .38s cubic-bezier(.22,.61,.36,1) both;animation-delay:3.55s}
#story-capture .rl-scroll-visual.is-visual-revealed [data-inventory-order="1"]{animation-delay:3.68s}
#story-capture .rl-scroll-visual.is-visual-revealed [data-inventory-order="2"]{animation-delay:3.81s}
#story-capture .rl-scroll-visual.is-visual-revealed [data-inventory-order="3"]{animation-delay:3.94s}
}
@media(prefers-reduced-motion:reduce){#story-capture .rl-capture-row{animation:none!important;opacity:1!important;transform:none!important}}

/* Standalone static replicas, not application CSS. Load after host theme CSS.
   Every selector is scoped: no body, :root, homepage or WordPress mutations.
   The app-derived 76px rail and system typography preserve the real product.
   Demo captions sit outside the app shell; they are not invented app chrome.
   Reading order: shell > heading > summary > detail. Small containers stack
   the queue, metrics and fields without scaling text or clipping content.
   No controls, animation, pointer cursors, scripts or webfonts.
   The only asset request is the existing user-uploaded Remlu icon. */
.rl-product-preview[data-preview] {
  --rp-ink: #0b1324;
  --rp-muted: #647084;
  --rp-line: #d9e0e9;
  --rp-bg: #f6f8fb;
  --rp-white: #fff;
  --rp-blue: #2563eb;
  --rp-blue-ink: #1d4ed8;
  --rp-blue-soft: #edf4ff;
  --rp-green: #147b54;
  --rp-green-soft: #edf8f2;
  --rp-rose: #bb5371;
  --rp-chart-blue: #4263df;
  --rp-chart-green: #16846c;
  --rp-track: #f0f3f8;
  --rp-radius: 12px;
  container: remlu-preview / inline-size;
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  border: 1px solid var(--rp-line);
  border-radius: var(--rp-radius);
  background: var(--rp-bg);
  color: var(--rp-ink);
  font: 400 14px/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-align: left;
  font-variant-numeric: tabular-nums;
  color-scheme: light;
  isolation: isolate;
}
.rl-product-preview[data-preview] *,
.rl-product-preview[data-preview] *::before,
.rl-product-preview[data-preview] *::after { box-sizing: border-box; }
.rl-product-preview[data-preview] :is(div, span, p, dl, dt, dd, h3, h4) { min-width: 0; }
.rl-product-preview[data-preview] :is(h3, h4, p, dl, dt, dd) { margin: 0; padding: 0; }
.rl-product-preview[data-preview] :is(h3, h4, strong) { color: inherit; font-family: inherit; font-weight: 600; }
.rl-product-preview[data-preview] h3 { font-size: 28px; line-height: 1.3; letter-spacing: -.025em; }
.rl-product-preview[data-preview] h4 { font-size: 16px; line-height: 1.4; letter-spacing: 0; }
.rl-product-preview[data-preview] p { color: var(--rp-muted); font-size: 14px; line-height: 1.5; }
.rl-product-preview[data-preview] small { display: block; color: var(--rp-muted); font-size: 12px; line-height: 1.5; }
.rl-product-preview[data-preview] svg { display: block; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.rl-product-preview[data-preview] .rp-demo { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 16px; border-bottom: 1px solid var(--rp-line); color: var(--rp-muted); font-size: 12px; }
.rl-product-preview[data-preview] .rp-demo strong { color: var(--rp-ink); }
.rl-product-preview[data-preview] .app-shell { display: grid; grid-template-columns: 76px minmax(0, 1fr); margin: 0; padding: 0; width: 100%; max-width: none; }
.rl-product-preview[data-preview] .workspace-sidebar { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 24px 12px; background: var(--rp-white); border-right: 1px solid var(--rp-line); border-bottom-left-radius: var(--rp-radius); }
.rl-product-preview[data-preview] .workspace-brand-mark { display: block; width: 28px; height: 40px; object-fit: contain; }
.rl-product-preview[data-preview] .rp-rail-icon,
.rl-product-preview[data-preview] .workspace-create { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 7px; color: var(--rp-muted); }
.rl-product-preview[data-preview] .workspace-create { background: var(--rp-blue); color: var(--rp-white); }
.rl-product-preview[data-preview] .is-current { background: var(--rp-blue-soft); color: var(--rp-blue-ink); }
.rl-product-preview[data-preview] .workspace-nav-group { display: grid; gap: 4px; }
.rl-product-preview[data-preview] .workspace-content { padding: 0 24px 24px; }
.rl-product-preview[data-preview] .workspace-topline { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; min-height: 64px; border-bottom: 1px solid var(--rp-line); color: var(--rp-muted); font-size: 13px; }
.rl-product-preview[data-preview] .workspace-topline strong { color: var(--rp-ink); }
.rl-product-preview[data-preview] .workspace-topline i { padding-inline: 8px; font-style: normal; }
.rl-product-preview[data-preview] .panel { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.rl-product-preview[data-preview] .staff-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 24px; }
.rl-product-preview[data-preview] .staff-page-heading p { margin-top: 6px; }
.rl-product-preview[data-preview="leads"] .staff-page-heading { flex-wrap: wrap; }
.rl-product-preview[data-preview="leads"] .staff-page-heading > div { flex: 1 1 240px; }
.rl-product-preview[data-preview="leads"] .staff-page-heading > .rp-control { flex: 0 0 auto; white-space: nowrap; }
.rl-product-preview[data-preview] .dashboard-card-heading { display: flex; align-items: center; gap: 8px; padding-right: 16px; font-size: 14px; line-height: 1.4; text-align: left; color: #344054; }
.rl-product-preview[data-preview] .dashboard-card-heading svg { width: 19px; height: 19px; flex: 0 0 19px; color: var(--rp-blue); }
.rl-product-preview[data-preview] .dashboard-card-spacer { position: absolute; top: 18px; right: 14px; display: flex; margin: 0; color: #174a9c; }
.rl-product-preview[data-preview] .dashboard-card-spacer svg { width: 16px; height: 16px; }
.rl-product-preview[data-preview] .rp-control { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 12px; min-height: 40px; border: 1px solid var(--rp-line); border-radius: 7px; background: var(--rp-white); color: var(--rp-ink); font-size: 13px; line-height: 1.5; }
.rl-product-preview[data-preview="dashboard"] .staff-page-heading { flex-wrap: wrap; gap: 12px; }
.rl-product-preview[data-preview="dashboard"] .staff-page-heading > .rp-control { flex: 0 0 auto; align-self: flex-start; min-height: 30px; padding: 5px 8px; gap: 6px; border-radius: 6px; font-size: 11px; line-height: 18px; white-space: nowrap; }
.rl-product-preview[data-preview] .is-primary { background: var(--rp-blue); border-color: var(--rp-blue); color: var(--rp-white); }
.rl-product-preview[data-preview] .rp-control.rp-select { position: relative; justify-content: flex-start; padding: 8px 32px 8px 12px; min-height: 42px; white-space: nowrap; }
.rl-product-preview[data-preview] .rp-select > svg { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 14px; height: 14px; color: #475569; stroke-width: 2; }
.rl-product-preview[data-preview] .rp-search { flex: 1 1 220px; color: var(--rp-muted); justify-content: flex-start; }
.rl-product-preview[data-preview] .rp-text-action { color: var(--rp-blue-ink); font-size: 13px; }
.rl-product-preview[data-preview] .rp-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.rl-product-preview[data-preview] .status-badge { display: inline-block; justify-self: start; align-self: start; padding: 4px 8px; border-radius: 5px; font-size: 12px; font-weight: 600; }
.rl-product-preview[data-preview] .status-badge.is-green { background: var(--rp-green-soft); color: var(--rp-green); }
.rl-product-preview[data-preview] .status-badge.is-blue { background: var(--rp-blue-soft); color: var(--rp-blue-ink); }
.rl-product-preview[data-preview] .dashboard-glance-heading { margin-bottom: 14px; }
.rl-product-preview[data-preview] .dashboard-quick-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.rl-product-preview[data-preview] .dashboard-quick-grid > .card { position: relative; display: grid; grid-template-rows: subgrid; grid-row: span 3; row-gap: 8px; min-height: 132px; padding: 18px; text-align: left; align-items: start; }
.rl-product-preview[data-preview] .dashboard-quick-grid > .card > .metric,
.rl-product-preview[data-preview] .dashboard-quick-grid > .card > p { margin: 0; text-align: left; }
.rl-product-preview[data-preview] .card { padding: 20px; background: var(--rp-white); border: 1px solid var(--rp-line); border-radius: var(--rp-radius); }
.rl-product-preview[data-preview] .metric { display: block; font-size: 28px; margin-block: 8px; }
.rl-product-preview[data-preview] .dashboard-quote-pipeline { margin-top: 24px; }
.rl-product-preview[data-preview] .rp-pipeline { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.rl-product-preview[data-preview] .rp-pipeline > div { background: var(--rp-white); border: 1px solid var(--rp-line); border-top: 3px solid var(--rp-muted); border-radius: 6px; padding: 12px; }
.rl-product-preview[data-preview] .rp-pipeline > .is-blue { border-top-color: var(--rp-blue); }
.rl-product-preview[data-preview] .rp-pipeline > .is-green { border-top-color: var(--rp-green); }
.rl-product-preview[data-preview] .rp-pipeline span { display: block; min-height: 36px; color: var(--rp-muted); font-size: 12px; }
.rl-product-preview[data-preview] .rp-pipeline strong { display: block; margin-top: 4px; font-size: 22px; }
.rl-product-preview[data-preview] .dashboard-feature { margin-top: 24px; padding: 20px; border: 1px solid var(--rp-line); border-radius: var(--rp-radius); background: var(--rp-white); }
.rl-product-preview[data-preview] :is(.dashboard-work-columns, .dashboard-job-row) { display: grid; grid-template-columns: 56px minmax(0, 1.2fr) minmax(0, 1fr) minmax(88px, .7fr); align-items: center; gap: 16px; }
.rl-product-preview[data-preview] .dashboard-work-columns { padding-block: 10px; border-bottom: 1px solid var(--rp-line); color: var(--rp-muted); font-size: 12px; }
.rl-product-preview[data-preview] .dashboard-job-row { padding-top: 16px; }
.rl-product-preview[data-preview] .rp-job-date { display: grid; justify-items: center; background: var(--rp-bg); padding: 6px; border-radius: 6px; }
.rl-product-preview[data-preview] .rp-job-date strong { font-size: 20px; }
.rl-product-preview[data-preview] .rp-job-date span { font-size: 12px; color: var(--rp-muted); }
.rl-product-preview[data-preview] .dashboard-job-route { display: grid; color: var(--rp-muted); font-size: 13px; }
.rl-product-preview[data-preview] :is(.quote-list-controls, .dispatch-controls) { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.rl-product-preview[data-preview] :is(.quote-lifecycle-tabs, .calendar-view-control) { display: flex; flex-wrap: wrap; border: 1px solid var(--rp-line); border-radius: 7px; background: var(--rp-white); padding: 3px; }
.rl-product-preview[data-preview] :is(.quote-lifecycle-tabs, .calendar-view-control) > span { padding: 6px 10px; font-size: 13px; border-radius: 4px; }
.rl-product-preview[data-preview] :is(.quote-lifecycle-tabs, .calendar-view-control) > .is-active { background: var(--rp-blue-soft); color: var(--rp-blue-ink); font-weight: 600; }
.rl-product-preview[data-preview] .quote-list-meta { margin-block: 12px 16px; font-size: 12px; }
.rl-product-preview[data-preview] .review-layout { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 20px; align-items: start; }
.rl-product-preview[data-preview] .quote-queue { border: 1px solid var(--rp-line); border-radius: var(--rp-radius); background: var(--rp-white); overflow: hidden; }
.rl-product-preview[data-preview] .queue-heading { padding: 16px; border-bottom: 1px solid var(--rp-line); }
.rl-product-preview[data-preview] .queue-item { display: grid; gap: 8px; padding: 16px; border-left: 3px solid transparent; border-bottom: 1px solid var(--rp-line); }
.rl-product-preview[data-preview] .queue-item:last-child { border-bottom: 0; }
.rl-product-preview[data-preview] .queue-item:nth-child(even) { background: var(--rp-bg); }
.rl-product-preview[data-preview] .queue-item.is-selected { border-left-color: var(--rp-blue); background: var(--rp-blue-soft); }
.rl-product-preview[data-preview] .quote-customer-card { padding: 20px; border: 1px solid var(--rp-line); border-radius: var(--rp-radius); background: var(--rp-white); }
.rl-product-preview[data-preview] .review-summary { display: flex; justify-content: space-between; gap: 12px; }
.rl-product-preview[data-preview] .review-summary h4 { font-size: 20px; margin-block: 4px; }
.rl-product-preview[data-preview] .review-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; border-top: 1px solid var(--rp-line); padding-top: 16px; margin-top: 16px; }
.rl-product-preview[data-preview] .review-metrics dt { color: var(--rp-muted); font-size: 12px; }
.rl-product-preview[data-preview] .review-metrics dd { font-weight: 600; margin-top: 4px; }
.rl-product-preview[data-preview] .quote-review-tabs { display: flex; flex-wrap: wrap; gap: 8px 16px; border-bottom: 1px solid var(--rp-line); margin-top: 16px; }
.rl-product-preview[data-preview] .quote-review-tabs span { padding-block: 10px; font-size: 12px; color: var(--rp-muted); }
.rl-product-preview[data-preview] .quote-review-tabs .is-active { border-bottom: 2px solid var(--rp-blue); color: var(--rp-blue-ink); font-weight: 600; }
.rl-product-preview[data-preview] .review-section { background: var(--rp-white); padding: 20px; border: 1px solid var(--rp-line); border-top: 0; border-radius: 0 0 var(--rp-radius) var(--rp-radius); }
.rl-product-preview[data-preview] .review-section p { margin-top: 6px; font-size: 13px; }
.rl-product-preview[data-preview] .rp-totals { margin-top: 16px; }
.rl-product-preview[data-preview] .rp-totals > div { display: flex; justify-content: space-between; gap: 16px; padding-block: 8px; }
.rl-product-preview[data-preview] .rp-totals dt { color: var(--rp-muted); }
.rl-product-preview[data-preview] .rp-totals dd { white-space: nowrap; font-weight: 600; }
.rl-product-preview[data-preview] .rp-totals .rp-total { border-top: 1px solid var(--rp-line); margin-top: 8px; padding-top: 14px; }
.rl-product-preview[data-preview] .rp-total :is(dt, dd) { color: var(--rp-ink); font-weight: 600; font-size: 18px; }
.rl-product-preview[data-preview] .dispatch-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); background: var(--rp-white); border: 1px solid var(--rp-line); border-radius: var(--rp-radius); margin-bottom: 20px; }
.rl-product-preview[data-preview] .dispatch-summary > div { padding: 16px; }
.rl-product-preview[data-preview] .dispatch-summary span { display: block; color: var(--rp-muted); font-size: 12px; }
.rl-product-preview[data-preview] .dispatch-summary strong { display: block; font-size: 24px; margin-top: 4px; }
.rl-product-preview[data-preview] .dispatch-summary > .dispatch-summary-attention { background: #fff9ec; border-radius: 11px 0 0 11px; }
.rl-product-preview[data-preview] .dispatch-summary-attention strong { color: #9a4f09; }
.rl-product-preview[data-preview] .dispatch-summary .rp-resource-arrow { display: inline; margin-left: 5px; font-size: 16px; }
.rl-product-preview[data-preview] .calendar-date-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.rl-product-preview[data-preview] .calendar-date-controls h4 { margin-right: 8px; }
.rl-product-preview[data-preview] .dispatch-workspace { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 18px; margin-top: 20px; align-items: start; }
.rl-product-preview[data-preview] :is(.unassigned-queue, .calendar-surface) { border: 1px solid var(--rp-line); border-radius: var(--rp-radius); overflow: hidden; background: var(--rp-white); }
.rl-product-preview[data-preview] .unassigned-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; border-bottom: 1px solid var(--rp-line); }
.rl-product-preview[data-preview] .rp-queue-count { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border-radius: 50%; color: #754500; background: #ffedca; font-size: 13px; font-weight: 650; }
.rl-product-preview[data-preview] .unassigned-job--warning { box-shadow: inset 3px 0 #c77a19; }
.rl-product-preview[data-preview] .unassigned-job .unassigned-job-date { color: #8a5200; font-size: 12.5px; font-weight: 650; }
.rl-product-preview[data-preview] .unassigned-heading p { font-size: 12px; margin-bottom: 4px; }
.rl-product-preview[data-preview] .dispatch-empty { padding: 24px 16px; }
.rl-product-preview[data-preview] .dispatch-empty p { margin-top: 6px; }
.rl-product-preview[data-preview] .unassigned-job { display: grid; gap: 6px; padding: 16px; }
.rl-product-preview[data-preview] .dispatch-agenda-date { display: flex; justify-content: space-between; gap: 12px; padding: 12px 16px; background: var(--rp-bg); border-bottom: 1px solid var(--rp-line); }
.rl-product-preview[data-preview] .dispatch-agenda-date span { color: var(--rp-muted); }
.rl-product-preview[data-preview] .dispatch-agenda-events { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 12px; padding: 24px 16px; align-items: start; }
.rl-product-preview[data-preview] .rp-event-time { font-size: 13px; color: var(--rp-muted); }
.rl-product-preview[data-preview] .calendar-event-content { display: grid; gap: 6px; padding-left: 12px; border-left: 3px solid var(--rp-blue); }
.rl-product-preview[data-preview] .calendar-event-content span { font-size: 13px; color: var(--rp-muted); }
.rl-product-preview[data-preview] .quote-acceptance-page { padding: 24px; }
.rl-product-preview[data-preview] .quote-acceptance-shell { max-width: 800px; margin-inline: auto; background: var(--rp-white); border: 1px solid var(--rp-line); border-radius: var(--rp-radius); }
.rl-product-preview[data-preview] .quote-acceptance-header { display: flex; gap: 16px; align-items: center; padding: 22px 24px; border-bottom: 1px solid var(--rp-line); }
.rl-product-preview[data-preview] .quote-acceptance-monogram { display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 52px; background: var(--rp-blue); color: var(--rp-white); border-radius: 10px; font-size: 24px; font-weight: 600; }
.rl-product-preview[data-preview] .quote-acceptance-header h3 { margin-block: 3px; }
.rl-product-preview[data-preview] .quote-acceptance-header span { color: var(--rp-muted); font-size: 13px; }
.rl-product-preview[data-preview] .quote-accepted-panel { display: grid; justify-items: center; gap: 12px; padding: 36px 24px; text-align: center; }
.rl-product-preview[data-preview] .quote-accepted-check { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--rp-green); color: var(--rp-white); font-size: 24px; }
.rl-product-preview[data-preview] .quote-accepted-panel p { color: var(--rp-green); font-weight: 600; font-size: 13px; text-transform: uppercase; }
.rl-product-preview[data-preview] .quote-accepted-panel h4 { font-size: 24px; }
.rl-product-preview[data-preview] .quote-accepted-panel > span { max-width: 510px; color: var(--rp-muted); }
.rl-product-preview[data-preview] .quote-portal-documents { padding: 24px; border-top: 1px solid var(--rp-line); }
.rl-product-preview[data-preview] .quote-portal-documents p { font-size: 12px; margin-bottom: 4px; }
.rl-product-preview[data-preview] .rp-document { display: flex; justify-content: space-between; align-items: center; gap: 16px; border: 1px solid var(--rp-line); border-radius: 7px; padding: 16px; margin-top: 16px; }
.rl-product-preview[data-preview] .rp-document > span { color: var(--rp-muted); font-size: 12px; }
.rl-product-preview[data-preview] .quote-acceptance-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 18px 24px; border-top: 1px solid var(--rp-line); font-size: 13px; }
.rl-product-preview[data-preview] .reporting-filters { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; padding: 16px; background: var(--rp-white); border: 1px solid var(--rp-line); border-radius: 10px; }
.rl-product-preview[data-preview] .reporting-filters > div { flex: 1 1 130px; }
.rl-product-preview[data-preview] .reporting-filters small { margin-bottom: 6px; }
.rl-product-preview[data-preview] .reporting-filters > div > span { display: flex; justify-content: flex-start; }
.rl-product-preview[data-preview] .reporting-range-note { font-size: 13px; margin-block: 12px 20px; }
.rl-product-preview[data-preview] .reporting-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.rl-product-preview[data-preview] .reporting-metrics > div { display: grid; align-content: start; gap: 8px; padding: 18px; border: 1px solid var(--rp-line); border-radius: 10px; background: var(--rp-white); }
.rl-product-preview[data-preview] .reporting-metrics > div > span { color: var(--rp-muted); font-size: 13px; }
.rl-product-preview[data-preview] .reporting-metrics strong { font-size: 28px; line-height: 1.25; overflow-wrap: anywhere; }
.rl-product-preview[data-preview] .reporting-metrics .is-green strong { color: var(--rp-green); }
.rl-product-preview[data-preview] .reporting-chart-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 24px; }
.rl-product-preview[data-preview] .reporting-section { padding: 24px; border: 1px solid var(--rp-line); border-radius: var(--rp-radius); background: var(--rp-white); }
.rl-product-preview[data-preview] .report-trend-card { grid-column: 1 / -1; }
.rl-product-preview[data-preview] .reporting-section > p { font-size: 13px; margin-block: 8px 16px; }
.rl-product-preview[data-preview] .report-chart-legend { display: flex; flex-wrap: wrap; gap: 16px; font-size: 13px; }
.rl-product-preview[data-preview] .report-chart-legend span { display: flex; align-items: center; gap: 7px; }
.rl-product-preview[data-preview] .report-chart-legend i { width: 10px; height: 10px; border-radius: 3px; }
.rl-product-preview[data-preview] .chart-blue { background: var(--rp-chart-blue); }
.rl-product-preview[data-preview] .chart-green { background: var(--rp-chart-green); }
.rl-product-preview[data-preview] .chart-rose { background: var(--rp-rose); }
.rl-product-preview[data-preview] .reporting-section .report-chart-scale { font-size: 12px; margin-block: 12px; }
.rl-product-preview[data-preview] .report-chart-rows { display: grid; grid-template-columns: minmax(70px, 25%) minmax(0, 1fr); align-items: center; gap: 12px; }
.rl-product-preview[data-preview] .report-chart-rows > strong { font-size: 13px; }
.rl-product-preview[data-preview] .report-chart-bar { display: flex; align-items: center; gap: 10px; margin-block: 6px; font-size: 12px; }
.rl-product-preview[data-preview] .report-chart-track { flex: 1; display: block; height: 10px; background: var(--rp-track); border-radius: 3px; overflow: hidden; }
.rl-product-preview[data-preview] .report-chart-track i { display: block; height: 100%; border-radius: 3px; }
.rl-product-preview[data-preview] .report-chart-bar > span:last-child { min-width: 2ch; text-align: right; }
.rl-product-preview[data-preview] .rp-series-label { width: 40px; flex: 0 0 40px; color: var(--rp-muted); }
.rl-product-preview[data-preview] .rp-invoice-stage { padding: 24px; }
.rl-product-preview[data-preview] .remlu-dialog-frame { max-width: 720px; margin-inline: auto; border: 1px solid var(--rp-line); border-radius: 8px; background: var(--rp-white); }
.rl-product-preview[data-preview] .calendar-invoice-dialog { padding: 22px; }
.rl-product-preview[data-preview] .rp-invoice-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
.rl-product-preview[data-preview] .rp-close { font-size: 24px; color: var(--rp-muted); }
.rl-product-preview[data-preview] .calendar-invoice-dialog > p { margin-bottom: 20px; }
.rl-product-preview[data-preview] .calendar-invoice-lines { padding: 16px; border: 1px solid var(--rp-line); border-radius: 8px; }
.rl-product-preview[data-preview] .calendar-invoice-line { display: grid; grid-template-columns: minmax(0, 1fr) minmax(150px, .36fr) 28px; gap: 10px; align-items: end; margin-top: 12px; }
.rl-product-preview[data-preview] .calendar-invoice-dialog small { margin-bottom: 6px; }
.rl-product-preview[data-preview] .calendar-invoice-line .rp-control { display: flex; justify-content: flex-start; }
.rl-product-preview[data-preview] .settings-money-input { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 10px; min-height: 40px; border: 1px solid var(--rp-line); border-radius: 7px; font-size: 13px; }
.rl-product-preview[data-preview] .settings-money-input > span { color: var(--rp-muted); }
.rl-product-preview[data-preview] .rp-remove { padding-block: 6px; text-align: center; font-size: 20px; color: var(--rp-rose); }
.rl-product-preview[data-preview] .invoice-add-line { margin-top: 16px; }
.rl-product-preview[data-preview] .calendar-invoice-tax-row { display: grid; grid-template-columns: minmax(0, .42fr) minmax(0, .58fr); align-items: end; gap: 24px; margin-block: 16px; }
.rl-product-preview[data-preview] .input-with-suffix { display: flex; justify-content: space-between; }
.rl-product-preview[data-preview] .rp-invoice-field { display: grid; margin-top: 16px; }
.rl-product-preview[data-preview] .rp-invoice-field > span { justify-content: flex-start; overflow-wrap: anywhere; }
.rl-product-preview[data-preview] .rp-textarea { min-height: 78px; align-items: flex-start; }
.rl-product-preview[data-preview] .rp-invoice-footer { display: flex; justify-content: flex-end; gap: 12px; margin-top: 22px; }

/* Marketing crops keep the app's visual language while prioritising evidence.
   Reporting starts at the results, not at the date-filter controls. */
#product-details .rl-product-preview[data-preview] .workspace-topline { min-height: 44px; }
#product-details .rl-product-preview[data-preview] .staff-page-heading { padding-block: 16px; gap: 12px; }
#product-details .rl-product-preview[data-preview="performance"] .workspace-topline,
#product-details .rl-product-preview[data-preview="performance"] .reporting-filters { display: none; }
#product-details .rl-product-preview[data-preview="performance"] .reporting-range-note { margin-block: 0 16px; font-size: 12px; }
#product-details .rl-product-preview[data-preview="performance"] .reporting-metrics { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 10px; }
#product-details .rl-product-preview[data-preview="performance"] .reporting-metrics > div { padding: 12px; gap: 6px; }
#product-details .rl-product-preview[data-preview="performance"] .reporting-chart-grid { margin-top: 16px; }
#product-details .rl-product-preview[data-preview="performance"] .reporting-section { padding: 16px; }
@media (max-width: 600px) {
  #product-details .rl-product-preview[data-preview="performance"] .reporting-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); }
  #product-details .rl-product-preview[data-preview="performance"] .reporting-metrics > div:nth-child(-n+5) { display: none; }
  #product-details .rl-product-preview[data-preview="performance"] .reporting-metrics > div:last-child { grid-column: 1 / -1; }
}

/* Embedded cards get the same deliberate reading layout as a narrow phone.
   Hidden rail is navigation chrome only; every datum remains in reading order. */
@container remlu-preview (max-width: 820px) {
  .rl-product-preview[data-preview] .rp-pipeline { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rl-product-preview[data-preview] .review-layout { grid-template-columns: minmax(0, 1fr); }
  .rl-product-preview[data-preview] .queue-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rl-product-preview[data-preview] .queue-item { border-bottom: 0; }
  .rl-product-preview[data-preview] .dispatch-workspace { grid-template-columns: minmax(0, 1fr); }
  .rl-product-preview[data-preview] .unassigned-queue { display: flex; flex-wrap: wrap; }
  .rl-product-preview[data-preview] .unassigned-heading { border-bottom: 0; }
  .rl-product-preview[data-preview] .dispatch-empty { padding: 16px; }
  .rl-product-preview[data-preview] .reporting-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rl-product-preview[data-preview] .reporting-chart-grid { grid-template-columns: minmax(0, 1fr); }
}
@container remlu-preview (max-width: 600px) {
  .rl-product-preview[data-preview] .app-shell { grid-template-columns: minmax(0, 1fr); }
  .rl-product-preview[data-preview] .workspace-sidebar { display: none; }
  .rl-product-preview[data-preview] .workspace-content { padding: 0 16px 16px; }
  .rl-product-preview[data-preview] .workspace-topline { min-height: 52px; }
  .rl-product-preview[data-preview] .rp-help { display: none; }
  .rl-product-preview[data-preview] .staff-page-heading { align-items: flex-start; flex-direction: column; padding-block: 20px; gap: 12px; }
  .rl-product-preview[data-preview] h3 { font-size: 24px; }
  .rl-product-preview[data-preview] .rp-section-heading { align-items: flex-start; flex-wrap: wrap; }
  .rl-product-preview[data-preview] .dashboard-quick-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .rl-product-preview[data-preview] .card { padding: 16px; }
  .rl-product-preview[data-preview] .dashboard-work-columns { display: none; }
  .rl-product-preview[data-preview] .dashboard-job-row { grid-template-columns: 48px minmax(0, 1fr); gap: 12px; border-top: 1px solid var(--rp-line); }
  .rl-product-preview[data-preview] .dashboard-job-route,
  .rl-product-preview[data-preview] .dashboard-job-row > .status-badge { grid-column: 2; }
  .rl-product-preview[data-preview] .queue-list { grid-template-columns: minmax(0, 1fr); }
  .rl-product-preview[data-preview] .queue-item { grid-template-columns: minmax(0, 1fr) minmax(90px, auto); border-bottom: 1px solid var(--rp-line); }
  .rl-product-preview[data-preview] .queue-route { grid-column: 1 / -1; }
  .rl-product-preview[data-preview] .dispatch-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rl-product-preview[data-preview] .calendar-date-controls { width: 100%; }
  .rl-product-preview[data-preview] .calendar-date-controls h4 { flex-basis: 100%; margin-bottom: 4px; }
  .rl-product-preview[data-preview] .reporting-section { padding: 16px; }
  .rl-product-preview[data-preview] .reporting-metrics { gap: 12px; }
  .rl-product-preview[data-preview] .reporting-metrics > div { padding: 14px; }
  .rl-product-preview[data-preview] .report-chart-rows { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .rl-product-preview[data-preview] .quote-acceptance-page,
  .rl-product-preview[data-preview] .rp-invoice-stage { padding: 12px; }
  .rl-product-preview[data-preview] .quote-accepted-panel { padding: 28px 16px; }
  .rl-product-preview[data-preview] .quote-acceptance-header,
  .rl-product-preview[data-preview] .quote-portal-documents,
  .rl-product-preview[data-preview] .quote-acceptance-footer { padding: 20px 16px; }
  .rl-product-preview[data-preview] .calendar-invoice-dialog { padding: 16px; }
  .rl-product-preview[data-preview] .calendar-invoice-lines { padding: 12px; }
  .rl-product-preview[data-preview] .calendar-invoice-line { grid-template-columns: minmax(0, 1fr) 28px; }
  .rl-product-preview[data-preview] .calendar-invoice-line > div:first-child { grid-column: 1 / -1; }
  .rl-product-preview[data-preview] .calendar-invoice-tax-row { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .rl-product-preview[data-preview] .rp-invoice-footer { flex-direction: column; }
}
@container remlu-preview (max-width: 360px) {
  .rl-product-preview[data-preview] .dashboard-quick-grid { grid-template-columns: minmax(0, 1fr); }
  .rl-product-preview[data-preview] .rp-pipeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rl-product-preview[data-preview] .dispatch-agenda-events { grid-template-columns: minmax(0, 1fr); }
  .rl-product-preview[data-preview] .review-summary { flex-wrap: wrap; }
  .rl-product-preview[data-preview] .reporting-metrics strong { font-size: 24px; }
}

/* Remlu: operational clarity, with colour reserved for workflow identity.
   Energy 2 / Rhythm 2 / Motion 2. The real workflow is the signature. */
.rl-site {
  --rl-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --rl-blue: #2466cf;
  --rl-muted: #526579;
  --rl-action-hover: #174fa8;
  --rl-radius-panel: 16px;
  --rl-radius-story: 28px;
  --rl-space-section: clamp(64px, 7vw, 104px);
  --rl-surface-page: #fff;
  --rl-surface-quiet: #f4f5f6;
  --rl-surface-inset: #eef0f2;
  --rl-track-display: -.025em;
  --rl-track-heading: -.02em;
  --rl-story-gap: 32px;
  font-family: var(--rl-font);
}
.rl-site .rl-hero h1, .rl-site .rl-hero p, .rl-site button, .rl-site input { font-family: var(--rl-font); }
.rl-site .rl-hero h1 { font-size: clamp(34px, 3.8vw, 58px); line-height: 1.1; letter-spacing: var(--rl-track-display); }
.rl-site :is(.rl-problem-head,.rl-scroll-head,.rl-outcomes-head,.rl-pricing-head,#beta) h2 {
  font-size: clamp(30px, 3.35vw, 48px); line-height: 1.16; letter-spacing: var(--rl-track-heading); text-wrap: balance;
}
.rl-site .rl-hero { padding-top: 72px; }
/* One assignment, office to crew. The phone borrows the app's crew-workspace
   hierarchy; the frame alone carries elevation, without decorative motion. */
.rl-crew-phone { display: none; }
@media (min-width: 1001px) {
  .rl-site .rl-dashboard-replica { position: relative; }
  .rl-site .rl-hero { --crew-overhang: clamp(104px, calc(424px - 25vw), 174px); padding-bottom: calc(var(--crew-overhang) + 42px); }
  .rl-site .rl-crew-phone {
    --crew-ink: #172033; --crew-muted: #647084; --crew-page: #f7f8fb;
    --crew-line: #e1e6ef; --crew-white: #fff; --crew-frame: #28303b;
    display: block; position: absolute; z-index: 4; width: 218px; height: 442px;
    right: -12px; bottom: calc(-1 * var(--crew-overhang)); padding: 5px; border: 1px solid #6a7079;
    border-radius: 34px; background: var(--crew-frame);
    box-shadow: 0 18px 36px -16px #17203340, 0 2px 5px #17203320;
    color: var(--crew-ink); font-family: var(--rl-font); line-height: 1.4; letter-spacing: 0;
    pointer-events: none; user-select: none; scale: .84; transform-origin: bottom right;
  }
}
  .rl-crew-phone-screen { position: relative; height: 100%; overflow: hidden; border-radius: 28px; background: var(--crew-page); }
  .rl-crew-phone-status { height: 28px; padding: 7px 15px 0; display: flex; align-items: flex-start; justify-content: space-between; background: var(--crew-white); font-size: 9px; font-weight: 650; }
  .rl-crew-phone-status i { position: absolute; top: 6px; left: 50%; transform: translateX(-50%); width: 55px; height: 15px; border-radius: 12px; background: var(--crew-frame); }
  .rl-crew-phone-status svg { width: 26px; height: 10px; }
  .rl-crew-phone-header { display: flex; justify-content: space-between; align-items: center; padding: 7px 12px 10px; border-bottom: 1px solid var(--crew-line); background: var(--crew-white); }
  .rl-crew-phone-header img { width: 76px; height: auto; }
  .rl-crew-phone-header > span { display: flex; gap: 4px; align-items: center; font-size: 9px; }
  .rl-crew-phone-header svg { width: 10px; height: 10px; }
  .rl-crew-phone-main { padding: 12px 12px 22px; }
  .rl-crew-phone-eyebrow { display: block; color: var(--crew-muted); font-size: 9px; margin-bottom: 4px; }
  .rl-site .rl-crew-phone h3 { color: var(--crew-ink); font-size: 17px; font-weight: 650; line-height: 1.2; letter-spacing: -.025em; margin: 0 0 7px; }
  .rl-site .rl-crew-phone p { font-size: 10px; line-height: 1.5; color: var(--crew-muted); margin: 0 0 10px; }
  /* A compact schedule summary, using the real job fields and app date tile. */
  .rl-crew-phone-date { display: flex; align-items: center; gap: 8px; margin: 9px 0; font-size: 9px; }
  .rl-crew-phone-date time { display: grid; justify-items: center; width: 34px; padding: 3px 0; background: #eef4ff; border: 1px solid #e0e9f8; border-radius: 5px; color: #174a9c; flex-shrink: 0; }
  .rl-crew-phone-date time b { font-size: 15px; line-height: 1.1; }
  .rl-crew-phone-date time span { font-size: 8px; }
  .rl-crew-phone-date > div { display: grid; gap: 2px; }
  .rl-crew-phone-date > div > span { color: var(--crew-muted); }
  .rl-crew-phone-job { display: none; padding: 11px; border: 1px solid var(--crew-line); border-radius: 9px; background: var(--crew-white); }
  .is-job-scheduled .rl-crew-phone-job { display: block; }
  .rl-site .is-job-scheduled .rl-crew-phone-empty { display: none; }
  .rl-crew-phone-time { display: flex; align-items: center; justify-content: space-between; gap: 4px; margin-bottom: 8px; }
  .rl-crew-phone-time strong { font-size: 12px; font-variant-numeric: tabular-nums; }
  .rl-crew-phone-time span { color: #19683e; background: #eaf8f0; padding: 3px 5px; border-radius: 4px; font-size: 8px; }
  .rl-crew-phone-reference { display: block; color: var(--crew-muted); font-size: 8px; }
  .rl-site .rl-crew-phone h4 { margin: 3px 0 9px; font-size: 16px; line-height: 1.2; color: var(--crew-ink); letter-spacing: -.02em; }
  .rl-crew-phone dl { margin: 0; font-size: 11px; }
  .rl-crew-phone-route > div { position: relative; padding: 0 0 10px 15px; }
  .rl-crew-phone-route > div::before { content: ''; position: absolute; left: 0; top: 4px; width: 5px; height: 5px; border: 1px solid #647084; border-radius: 50%; background: var(--crew-white); }
  .rl-crew-phone-route > div:first-child::after { content: ''; position: absolute; left: 3px; top: 12px; bottom: 0; border-left: 1px solid var(--crew-line); }
  .rl-crew-phone dt { color: var(--crew-muted); font-size: 8px; }
  .rl-crew-phone dd { margin: 1px 0 0; font-weight: 550; }
  .rl-crew-phone-truck { display: flex; align-items: center; gap: 6px; border-top: 1px solid var(--crew-line); padding-top: 9px; font-size: 10px; }
  .rl-crew-phone-truck svg { width: 14px; height: 14px; color: var(--crew-muted); }
  .rl-crew-phone-notes { margin-top: 9px; padding: 7px 8px; border-radius: 4px; background: #fffcf5; font-size: 9px; }
  .rl-site .rl-crew-phone-notes p { margin: 2px 0 0; font-size: 9px; color: var(--crew-ink); }
  .rl-crew-phone-home { position: absolute; bottom: 0; left: 0; right: 0; height: 18px; background: var(--crew-page); }
  .rl-crew-phone-home::after { content: ''; position: absolute; bottom: 5px; left: 50%; width: 64px; height: 3px; border-radius: 3px; transform: translateX(-50%); background: var(--crew-frame); }
.rl-site .rl-nav .rl-btn { background: var(--rl-blue); }
.rl-site .rl-btn { min-height: 44px; box-shadow: 0 2px 5px #102a4310; transition: background .18s, box-shadow .18s; }
.rl-site .rl-btn:hover { transform: none; background: var(--rl-action-hover); color: white; box-shadow: 0 3px 8px #102a4320; }
.rl-site .rl-btn--ghost:hover { background: #eef4fb; color: var(--rl-navy); }
.rl-site :is(a,button,input,summary):focus-visible { outline: 3px solid var(--rl-blue); outline-offset: 4px; }
.rl-site .rl-menu-toggle { min-height: 44px; }
.rl-site .rl-scale-pricing-note { color: var(--rl-muted); font-size: 14px; line-height: 1.65; text-align: left; max-width: 880px; margin: 24px auto 0; }
.rl-site .rl-scale-pricing-note p { font: inherit; margin: 0 0 8px; }
.rl-site .rl-scale-pricing-note strong { color: var(--rl-navy); font-weight: 600; }
.rl-site .rl-scale-pricing-note .rl-pricing-fleet-note { font-size: 13px; margin-bottom: 0; }
.rl-site .rl-pricing-head .rl-pricing-currency { margin: 14px 0 0; font-size: 14px; line-height: 1.5; color: var(--rl-muted); }
.rl-site .rl-scroll-pills { gap: 12px; margin-top: 14px; }
.rl-site .rl-scroll-pills span { background: none; border-radius: 0; padding: 0; font-size: 12px; font-weight: 600; }
.rl-site .rl-scroll-pills span + span { border-left: 1px solid #26364a40; padding-left: 12px; }
.rl-site .rl-scroll-card { border-radius: var(--rl-radius-story); box-shadow: none; }
.rl-site #explorer .rl-scroll-card { padding-inline: clamp(24px, 3.6vw, 46px); }
.rl-site #explorer .rl-scroll-card > div:first-child > p:not(.rl-scroll-label) { max-width: 720px; }
.rl-site #explorer .rl-scroll-card h3 { font-size: clamp(28px, 2.65vw, 38px); line-height: 1.16; letter-spacing: var(--rl-track-heading); margin-bottom: 12px; }
.rl-site #explorer .rl-scroll-label { font-size: 13px; letter-spacing: .07em; margin-bottom: 12px; }
.rl-site .rl-scroll-head { margin-bottom: 28px; }
.rl-site .rl-capability-strip { gap: 16px; padding: 18px 0; margin-bottom: 32px; }
.rl-site .rl-capability-item { gap: 8px; }
.rl-site .rl-capability-symbol { width: 28px; height: 26px; }
.rl-site .rl-capability-symbol .tpgb-nicon { font-size: 22px !important; }
.rl-site .rl-capability-item > .rl-capability-label { font-size: 13px; line-height: 1.4; }

/* Three concise pieces of evidence, then the solution. No new scroll lock. */
.rl-site .rl-problem-section { padding: 64px 0 56px; }
.rl-site .rl-problem-head { margin-bottom: 24px; }
.rl-site .rl-paper-story-section { margin-top: 24px; }
.rl-site .rl-paper-story-heading { margin-bottom: 28px; }
.rl-site .rl-paper-story-heading h3 { letter-spacing: var(--rl-track-heading); }
.rl-site .rl-paper-visual { padding-bottom: 0; }
.rl-site .rl-excel-window { max-width: 480px; margin-inline: auto; }
.rl-site .rl-excel-grid th, .rl-site .rl-excel-grid td { padding-block: 8px; }
.rl-site .rl-phone { max-width: 270px; margin-inline: auto; }
.rl-site .rl-sms-thread { gap: 10px; padding-block: 12px; }
.rl-site .rl-phone-contact { padding-block: 8px; }
.rl-site .rl-print-sheet { max-width: 360px; padding: 24px; margin-inline: auto; }
.rl-site .rl-print-sheet dl > div { padding-block: 8px; }
.rl-site .rl-print-notes { display: none; }
.rl-site .rl-story-resolution { margin-top: 24px; padding-top: 24px; }
.rl-site .rl-story-resolution .rl-placeholder-app { margin-bottom: 16px; }
.rl-site .rl-story-resolution-title { letter-spacing: var(--rl-track-heading); }
.rl-site .rl-paper-mobile-copy h3, .rl-site .rl-paper-caption h3 { letter-spacing: var(--rl-track-heading); }
@media (min-width: 901px) and (min-height: 760px) and (prefers-reduced-motion: no-preference) {
  .rl-site .rl-paper-story-section.is-enhanced .rl-paper-story { margin-bottom: 56px; }
  .rl-site .rl-paper-story-section.is-enhanced .rl-paper-story:last-child { margin-bottom: 0; }
  .rl-site .rl-paper-story-section.is-enhanced .rl-paper-caption { min-height: 280px; padding: 28px; }
  .rl-site .rl-paper-story-section.is-enhanced .rl-paper-copy-stage { min-height: 300px; }
}
@media (max-width: 900px) {
  .rl-site .rl-paper-story { margin-bottom: 36px; }
  .rl-site .rl-paper-mobile-copy { margin-bottom: 20px; }
  .rl-site .rl-capability-strip { gap: 16px; }
}
.rl-site .rl-outcomes { padding-top: 64px; }
/* Quiet section surfaces keep colour focused on the four workflow stages. */
.rl-site #explorer { background: var(--rl-surface-page); padding-bottom: 64px; }
.rl-site #pricing { background: var(--rl-surface-quiet); }
.rl-site #beta { background: var(--rl-surface-page); }
.rl-site .rl-more-info { background: var(--rl-surface-quiet); }
.rl-site #features .rl-outcomes-head { margin-bottom: 0; }
.rl-site #features .rl-detail-section { padding-top: 32px; }
.rl-site .rl-detail-copy h3 { font-size: clamp(25px, 2.4vw, 34px); line-height: 1.2; letter-spacing: var(--rl-track-heading); text-wrap: balance; }
.rl-site .rl-detail-panel { gap: 32px; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); }
/* Separate the product from its presentation without adding another card frame. */
.rl-site #product-details .rl-detail-panel {
  background: var(--rl-surface-inset) !important;
  border-color: transparent;
  box-shadow: none;
}
.rl-site #product-details .rl-detail-ui {
  background: transparent;
  border-radius: 12px;
  box-shadow: none;
}
.rl-site #product-details .rl-product-preview[data-preview] {
  border-color: #d5d9de;
  box-shadow: 0 2px 8px rgba(20, 29, 40, .06);
}
.rl-site .rl-detail-ui { min-width: 0; max-height: 580px; overflow: hidden; mask-image: linear-gradient(#000 0%, #000 94%, transparent 100%); }
.rl-site .rl-detail-panel[hidden] { display: none; }
.rl-site .rl-detail-list li::before, .rl-site .rl-list li::before { content: ""; width: 16px; flex: 0 0 16px; height: 16px; margin-top: 3px; border-radius: 0; background: none; border-bottom: 2px solid #238674; border-right: 2px solid #238674; transform: rotate(45deg) scale(.45); }
.rl-site .rl-more-info-content { padding-top: 16px; }
.rl-site .rl-more-faq { margin-top: 0; }
.rl-site .rl-more-info summary::after {
  content: ""; background: none; border: 0; border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor; width: 8px; height: 8px;
  transform: rotate(45deg); border-radius: 0; box-shadow: none;
  margin: 0 8px 4px 16px; flex: 0 0 8px;
}
.rl-site .rl-more-info details[open] > summary::after { transform: rotate(225deg); margin-bottom: -3px; }
.rl-site .rl-more-faq summary { min-height: 52px; }
.rl-site .rl-beta-form input { font-size: 16px; }
/* A quiet page ending: brand and real destinations, not a second sales pitch. */
.rl-site .rl-footer { background: #f4f5f6; color: var(--rl-navy); border-top: 1px solid #e1e5e9; padding: 48px 0 18px; }
.rl-site .rl-footer-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px 56px; align-items: start; }
.rl-site .rl-footer .rl-brand-lockup { display: block; width: 164px; height: auto; max-width: 100%; filter: none; }
.rl-site .rl-footer-brand p { color: var(--rl-muted); font-size: 14px; line-height: 1.7; margin: 18px 0 0; max-width: 410px; }
.rl-site .rl-footer-nav { display: grid; grid-template-columns: repeat(2, auto); column-gap: 36px; row-gap: 2px; }
.rl-site .rl-footer-nav a, .rl-site .rl-footer-bottom a { display: inline-flex; align-items: center; min-height: 44px; color: var(--rl-navy); font-size: 14px; font-weight: 550; text-decoration: none; text-underline-offset: 4px; }
.rl-site .rl-footer a:hover { color: var(--rl-blue); text-decoration: underline; }
.rl-site .rl-footer-bottom { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 14px; border-top: 1px solid #dce1e6; }
.rl-site .rl-footer-bottom small { font-size: 12px; color: var(--rl-muted); }
.rl-site .rl-footer-bottom a { font-size: 12px; gap: 8px; }
.rl-site .rl-footer-bottom svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
@media (max-width: 700px) {
  .rl-site .rl-footer { padding-top: 32px; }
  .rl-site .rl-footer-inner { grid-template-columns: 1fr; gap: 24px; }
  .rl-site .rl-footer-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
  .rl-site .rl-footer-brand p { font-size: 13px; }
}
.rl-site .is-demo-paused *, .rl-site .is-demo-paused *::before, .rl-site .is-demo-paused *::after { animation-play-state: paused !important; }

/* Short laptops retain paired evidence/copy, without a screen-height lock. */
@media (min-width: 901px) and (max-height: 759px) {
  .rl-site .rl-paper-layout { display: block; max-width: 1100px; }
  .rl-site .rl-paper-story { display: grid; grid-template-columns: 1.1fr .9fr; gap: 48px; align-items: center; margin-bottom: var(--rl-story-gap); }
  .rl-site .rl-paper-mobile-copy { display: block; margin: 0; padding: 24px; background: #fff1a8; }
  .rl-site .rl-paper-copy-rail { display: none; }
  .rl-site .rl-paper-visual { padding: 0; }
  .rl-site .rl-paper-mobile-copy h3 { font-size: 30px; }
  .rl-site .rl-paper-story-section { margin-top: 32px; }
  .rl-site .rl-phone { max-width: 285px; }
  .rl-site .rl-problem-head { margin-bottom: 32px; }
}
/* A non-sticky fallback is also readable when animation is disabled. */
@media (min-width: 901px) and (prefers-reduced-motion: reduce) {
  .rl-site .rl-paper-layout { display: block; max-width: 1100px; }
  .rl-site .rl-paper-story { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 56px; margin-bottom: 64px; }
  .rl-site .rl-paper-mobile-copy { display: block; }
  .rl-site .rl-paper-copy-rail { display: none; }
}

/* Compact tablet pricing: compare Basic/Essential together, then size Scale. */
/* Never pin a story taller than a short laptop viewport. */
@media (min-width: 901px) and (max-height: 759px) {
  .rl-site #explorer .rl-scroll-card { position: relative; top: auto; }
  html.rl-workflow-snap-enabled { scroll-snap-type: none; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .rl-site .rl-price-card:not(.rl-price-card--scale) > p { min-height: 48px; }
  .rl-site .rl-pricing-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
  .rl-site .rl-price-card { padding: 24px; min-height: 0; }
  .rl-site .rl-price-card--scale { grid-column: 1/-1; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 28px; }
  .rl-site .rl-price-card--scale > :is(h3,p,.rl-price-value,.rl-price-list) { grid-column: 1; margin: 0; }
  .rl-site .rl-price-card--scale .rl-scale-controls { grid-column: 2; grid-row: 1/5; align-self: center; }
  .rl-site .rl-price-card--scale > .rl-btn { grid-column: 2; grid-row: 5; margin-top: 0; }
  .rl-site .rl-price-value { margin: 20px 0; }
}

@media (max-width: 1000px) {
  .rl-site .rl-detail-panel { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .rl-site .rl-detail-copy { align-self: start; }
  .rl-site .rl-detail-ui { width: 100%; min-width: 0; }
}

@media (max-width: 900px) {
  .rl-site .rl-wrap { width: calc(100% - 40px); }
  .rl-site #explorer { padding-bottom: 48px; }
  .rl-site .rl-outcomes { padding-top: 48px; }
  .rl-site .rl-hero { padding-top: 32px; }
  .rl-site .rl-hero-grid { gap: 36px; }
  .rl-site #explorer .rl-scroll-card { padding: 24px 22px; min-height: 0; height: auto; max-height: none; position: relative; top: auto; }
  .rl-site #explorer .rl-scroll-card > div:first-child > p:not(.rl-scroll-label) { font-size: 16px; line-height: 1.55; }
  .rl-site #explorer .rl-scroll-card h3 { font-size: 28px; line-height: 1.16; }
  .rl-site #explorer .rl-scroll-visual { zoom: 1; max-width: 100%; width: 100%; margin: 16px 0 0; padding: 0; }
  .rl-site .rl-scroll-head { margin-bottom: 28px; }
  .rl-site .rl-capability-strip { margin-bottom: 28px; }
  .rl-site #story-capture .rl-capture-composition,
  .rl-site #story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) {
    display: grid; grid-template-columns: 42% 58%; grid-template-rows: 1fr;
    height: 420px; min-height: 420px; overflow: hidden; animation: none !important;
  }
  .rl-site #story-capture .rl-capture-composition > .rl-scroll-visual { zoom: 1; position: absolute; inset: 0; width: 100%; margin: 0 !important; }
  .rl-site #story-capture .rl-capture-person { align-self: center; height: 250px; grid-column: 1; grid-row: 1; }
  .rl-site #story-capture .rl-object-scan { align-self: center; grid-column: 2; grid-row: 1; width: 100%; max-width: 100%; margin: 0; left: auto; right: 0; }
  .rl-site #story-capture .rl-capture-app { padding: 10px; border-radius: 10px; }
  .rl-site #story-capture .rl-capture-metrics { grid-template-columns: 1fr 1fr; gap: 0; }
  .rl-site #story-capture .rl-capture-metrics > div:nth-child(2),
  .rl-site #story-capture .rl-capture-metrics > div:nth-child(3) { display: none; }
  .rl-site #story-capture .rl-capture-metrics strong { font-size: 18px; }
  .rl-site #story-capture .rl-capture-metrics .rl-capture-completed { font-size: 12px; }
  .rl-site #story-capture .rl-capture-inventory { padding: 10px; }
  .rl-site #story-capture .rl-capture-section-head p,
  .rl-site #story-capture .rl-capture-toolbar,
  .rl-site #story-capture .rl-capture-control,
  .rl-site #story-capture .rl-workflow-event div > span { display: none; }
  .rl-site #story-capture .rl-capture-row { grid-template-columns: 16px minmax(0,1fr) 78px; font-size: 12px; min-height: 34px; padding: 6px 0; }
  .rl-site #story-capture .rl-capture-row > span:last-child { display: none; }
  .rl-site #story-capture .rl-capture-row strong { font-size: 12px; }
  .rl-site #story-capture .rl-capture-row.needs-review strong::after { content: " · Review"; font-size: 10px; }
  .rl-site :is(#story-capture,#story-quote) .rl-capture-tabs { min-width: 0; overflow: hidden; padding: 0; }
  .rl-site :is(#story-capture,#story-quote) .rl-capture-tabs > span:not(.is-active) { display: none; }
  .rl-site :is(#story-capture,#story-quote) .rl-capture-tabs > span { font-size: 12px; padding: 9px 4px; }
  .rl-site #story-quote .rl-scroll-visual { min-height: 430px; }
  .rl-site #story-quote .rq-body { padding: 12px; }
  .rl-site #story-quote .rq-fields { grid-template-columns: 1fr 1fr; }
  .rl-site #story-quote .rq-fields > div:nth-child(n+3),
  .rl-site #story-quote .rq-adjustments,
  .rl-site #story-quote .rq-route,
  .rl-site #story-quote .rq-save,
  .rl-site #story-quote .rq-send > div:first-child { display: none; }
  .rl-site #story-quote .rq-input { font-size: 13px; }
  .rl-site #story-quote .rq-summary { grid-template-columns: 1fr; gap: 8px; }
  .rl-site #story-quote .rq-lines { display: none; }
  .rl-site #story-quote .rq-totals > div { font-size: 13px; }
  .rl-site #story-quote .rq-send { grid-template-columns: 1fr; }
  .rl-site #story-quote .rq-send .is-primary { text-align: center; font-size: 13px; }
  .rl-site #story-quote .rq-story-overlay { top: 0; width: 100%; }
  .rl-site #story-quote .rq-story-form { padding: 16px; }
  .rl-site #story-quote .rq-story-consent { font-size: 12px; }
  .rl-site #story-quote .rq-story-overlay :is(p,small) { font-size: 12px; }
  .rl-site #story-quote .rq-story-move { display: none; }
  .rl-site #story-coordinate .rc-header strong { font-size: 16px; }
  .rl-site #story-coordinate .rc-fields { grid-template-columns: 1fr 1fr; }
  .rl-site #story-coordinate .rc-fields > div:nth-child(2),
  .rl-site #story-coordinate .rc-fields > div:nth-child(4),
  .rl-site #story-coordinate .rc-fields > div:nth-child(5),
  .rl-site #story-coordinate .rc-search,
  .rl-site #story-coordinate .rc-footer > span,
  .rl-site #story-coordinate .rc-choice:not(.rc-truck):not(.rc-crew-one):not(.rc-crew-two) { display: none; }
  .rl-site #story-coordinate .rc-fields b,
  .rl-site #story-coordinate .rc-choice strong,
  .rl-site #story-coordinate .rc-notes > div { font-size: 12px; }
  .rl-site #story-coordinate .rc-result { min-height: 0; }
  .rl-site #story-coordinate .rc-calendar { display: none; }
  .rl-site #story-coordinate .rc-delivery { grid-template-columns: 1fr; }
  .rl-site #story-coordinate .rc-delivery > div:first-child p { display: none; }
  .rl-site #story-coordinate .rc-schedule-summary strong { font-size: 12px; }
  .rl-site #story-coordinate .rl-scroll-visual { min-height: 385px; }
}
@media (max-width: 600px) {
  .rl-site .rl-wrap { width: calc(100% - 32px); }
  .rl-site .rl-nav-inner { gap: 10px; }
  .rl-site .rl-nav .rl-btn { font-size: 12px; padding: 10px 14px; }
  .rl-site .rl-hero { padding-top: 28px; }
  .rl-site .rl-hero h1 { font-size: clamp(30px, 8.4vw, 37px); }
  .rl-site .rl-detail-panel { padding: 20px 16px; }
  .rl-site .rl-detail-copy h3 { font-size: 25px; }
  .rl-site #explorer .rl-scroll-card { padding: 22px 16px; border-radius: 22px; }
  .rl-site #story-capture .rl-capture-composition,
  .rl-site #story-capture .rl-capture-composition:has(.rl-scroll-visual.is-visual-revealed) { height: 420px; min-height: 420px; }
  .rl-site .rl-price-card { min-height: 0; padding: 24px; }
  .rl-site .rl-price-value { margin: 20px 0; }
  .rl-site .rl-price-card > .rl-btn { margin-top: 24px; }
  .rl-site .rl-price-card > p { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .rl-site #story-capture .rl-capture-person,.rl-site #story-capture .rl-object-scan { display: none; }
  .rl-site #story-capture .rl-capture-composition > .rl-scroll-visual { opacity: 1; visibility: visible; transform: none; clip-path: none; }
}
.rl-site #story-coordinate .rc-app { position:relative; min-height:450px; background:#f7f8fb; }
.rl-site #story-coordinate .rc-tab-frame { padding:8px 16px 0; background:white; }
.rl-site #story-coordinate .rc-tab-frame .rl-capture-tabs { margin-bottom:0; }
.rl-site #story-coordinate .rc-booking-page { padding:18px; transition:opacity 240ms cubic-bezier(.23,1,.32,1); }
.rl-site #story-coordinate .rc-booking-heading h4 { font-size:20px; }
.rl-site #story-coordinate .rc-booking-heading p { font-size:12px; color:#667085; margin:6px 0 16px; }
.rl-site #story-coordinate .rc-booking-card { background:#fff; border:1px solid #d9e1eb; border-radius:16px; padding:20px; }
.rl-site #story-coordinate .rc-booking-card>header { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.rl-site #story-coordinate .rc-booking-card h4 { font-size:18px; margin-top:5px; }
.rl-site #story-coordinate .rc-booking-card small { font-size:11px; color:#667085; }
.rl-site #story-coordinate .rc-booking-state { background:#fbbf24; color:#422006; border:1px solid #b45309; padding:6px 9px; border-radius:5px; font-size:11px; font-weight:700; }
.rl-site #story-coordinate .rc-booking-summary { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:18px; margin:20px 0; }
.rl-site #story-coordinate .rc-booking-summary dt { color:#667085; font-size:11px; margin-bottom:7px; }
.rl-site #story-coordinate .rc-booking-summary dd { margin:0; font-weight:600; font-size:13px; }
.rl-site #story-coordinate .rc-booking-summary small { display:block; margin-top:5px; }
.rl-site #story-coordinate .rc-booking-card footer { display:flex; gap:8px; }
.rl-site #story-coordinate .rc-booking-trigger,.rl-site #story-coordinate .rc-view-calendar { display:inline-block; padding:9px 12px; border-radius:6px; font-size:12px; }
.rl-site #story-coordinate .rc-booking-trigger { background:#2563eb; color:white; }
.rl-site #story-coordinate .rc-view-calendar { border:1px solid #d9e1eb; }
.rl-site #story-coordinate .rc-acceptance { border-top:1px solid #d9e1eb; margin-top:18px; padding-top:12px; font-size:12px; }
.rl-site #story-coordinate .rc-acceptance p { margin:8px 0 0; font-size:11px; color:#667085; }
.rl-site #story-coordinate .rc-booking-notice { display:none; font-size:12px; color:#24543a; margin:12px 0 0; }
.rl-site #story-coordinate .rc-drawer { position:absolute; z-index:2; inset:0 0 0 auto; width:min(660px,94%); background:white; box-shadow:-18px 0 40px #0f172a20; opacity:0; transform:translateX(100%); transition:transform 280ms cubic-bezier(.23,1,.32,1),opacity 240ms cubic-bezier(.23,1,.32,1); }
.rl-site #story-coordinate .rc-app:is([data-step="idle"],[data-step="truck"],[data-step="crew"],[data-step="saving"]) .rc-drawer { transform:none; opacity:1; }
.rl-site #story-coordinate .rc-app:is([data-step="idle"],[data-step="truck"],[data-step="crew"],[data-step="saving"]) .rc-booking-page { opacity:.3; }
.rl-site #story-coordinate .rc-app:is([data-step="saved"],[data-step="sending"],[data-step="done"]) .rc-booking-state { background:#eaf6ee; color:#24543a; border-color:#c9dfd0; }
.rl-site #story-coordinate .rc-app:is([data-step="saved"],[data-step="sending"],[data-step="done"]) .rc-booking-notice { display:block; }
.rl-site #story-coordinate .rc-result { display:none; min-height:0; padding-top:0; }
.rl-site #story-coordinate .rc-crew-handoff { position:absolute; inset:0; z-index:3; display:flex; align-items:center; justify-content:flex-end; padding:12px 40px; background:#f7f8fb80; opacity:0; visibility:hidden; transition:opacity 300ms cubic-bezier(.23,1,.32,1),visibility 300ms; }
.rl-site #story-coordinate .rc-crew-phone {
 --crew-ink:#172033; --crew-muted:#647084; --crew-page:#f7f8fb; --crew-line:#e1e6ef; --crew-white:#fff; --crew-frame:#28303b;
 display:block; position:relative; right:auto; bottom:auto; flex-shrink:0; width:218px; height:442px; padding:5px; border:1px solid #6a7079; border-radius:34px; background:var(--crew-frame); color:var(--crew-ink); box-shadow:0 18px 36px -16px #17203340,0 2px 5px #17203320; font-family:var(--rl-font); line-height:1.4; scale:.9; transform-origin:center; transform:translateY(32px); transition:transform 500ms cubic-bezier(.23,1,.32,1); pointer-events:none; user-select:none;
}
.rl-site #story-coordinate [data-step="assigned"] .rc-crew-handoff { opacity:1; visibility:visible; }
.rl-site #story-coordinate [data-step="assigned"] .rc-crew-phone { transform:translateY(0); }
.rl-site #story-coordinate .rc-app .rc-crew-phone h3 { font-size:17px; line-height:1.2; margin:0 0 7px; letter-spacing:-.025em; font-weight:650; }
.rl-site #story-coordinate .rc-app .rc-crew-phone h4 { font-size:16px; line-height:1.2; margin:3px 0 9px; letter-spacing:-.02em; }
.rl-site #story-coordinate [data-step="assigned"] .rc-booking-state { background:#eaf6ee; color:#24543a; border-color:#c9dfd0; }
.rl-site #story-coordinate [data-step="assigned"] .rc-booking-notice { display:block; }
@media(max-width:600px) { .rl-site #story-coordinate .rc-crew-handoff { justify-content:center; padding:10px; background:#f7f8fbe8; } }
@media(prefers-reduced-motion:reduce) { .rl-site #story-coordinate .rc-crew-phone { transform:none; transition:none; } .rl-site #story-coordinate .rc-crew-handoff { transition:none; } }
.rl-site #story-coordinate .rc-result .rc-schedule-summary,.rl-site #story-coordinate .rc-result .rc-calendar { display:none; }
.rl-site #story-coordinate .rc-app[data-step="accepted"] .rc-truck { background:white; }
.rl-site #story-coordinate .rc-app[data-step="accepted"] .rc-truck i { background:white; border-color:#c6cfdb; }
@media(max-width:600px) {
 .rl-site #story-coordinate .rc-app { min-height:520px; }
 .rl-site #story-coordinate .rc-booking-page { padding:12px; }
 .rl-site #story-coordinate .rc-booking-card { padding:14px; }
 .rl-site #story-coordinate .rc-booking-card>header { align-items:flex-start; flex-direction:column; gap:8px; }
 .rl-site #story-coordinate .rc-booking-summary { grid-template-columns:1fr 1fr; gap:14px; }
 .rl-site #story-coordinate .rc-booking-summary>div:first-child { grid-column:1/-1; }
 .rl-site #story-coordinate .rc-drawer { width:100%; }
 .rl-site #story-coordinate .rc-result { min-height:0; }
}
.rl-site #story-margin .rl-scroll-visual { width: min(100%, 900px); margin-inline: auto; zoom: 1; }
.rl-site #story-margin .ri-story { --ri-ink:#172033; --ri-muted:#526579; --ri-line:#e1e6ef; --ri-soft:#f7f8fb; --ri-blue:#2466cf; color:var(--ri-ink); pointer-events:none; user-select:none; }
.rl-site .ri-scene { position:relative; height:500px; width:100%; zoom:.78; overflow:hidden; border:1px solid var(--ri-line); border-radius:14px; background:var(--ri-soft); font-size:13px; line-height:1.45; text-align:left; }
.rl-site .ri-scene * { box-sizing:border-box; }
.rl-site .ri-scene h4 { font-size:22px; line-height:1.2; letter-spacing:-.02em; margin:0 0 6px; color:var(--ri-ink); }
.rl-site .ri-scene p { font-size:12px; line-height:1.5; margin:6px 0 12px; color:var(--ri-muted); }
.rl-site .ri-scene small { font-size:11px; color:var(--ri-muted); }
.rl-site .ri-calendar { padding:0; transition:opacity 240ms cubic-bezier(.23,1,.32,1); }
.rl-site .ri-calendar .rl-product-preview { border:0; border-radius:0; }
.rl-site .ri-calendar .dispatch-summary,
.rl-site .ri-calendar .workspace-sidebar,
.rl-site .ri-calendar .workspace-topline,
.rl-site .ri-calendar .staff-page-heading { display:none; }
.rl-site .ri-calendar .workspace-shell { min-height:500px; grid-template-columns:minmax(0,1fr); }
.rl-site .ri-calendar .workspace-content { padding:18px; }
.rl-site .ri-calendar .staff-page-heading { padding-block:20px; }
.rl-site .ri-calendar .staff-page-heading h3 { font-size:24px; }
.rl-site .ri-calendar .dispatch-controls { flex-wrap:wrap; }
.rl-site .ri-calendar .rp-search { display:none; }
.rl-site .ri-calendar .dispatch-workspace { grid-template-columns:160px minmax(0,1fr); }
.rl-site .ri-calendar .dispatch-agenda-events { align-items:start; }
.rl-site .ri-calendar .calendar-event-content { border-radius:5px; padding:12px; background:#edf4ff; border-left:3px solid #2563eb; }
.rl-site .ri-review { max-width:520px; margin-inline:auto; }
.rl-site .ri-invoice { max-width:720px; margin-inline:auto; border-radius:8px; }
.rl-site .ri-editor,.rl-site .ri-summary { max-width:520px; margin-left:auto; }
.rl-site .ri-story[data-invoice-stage="queued"] .ri-calendar { opacity:1; }
@media(min-width:1001px) {
 .rl-site #story-margin .ri-scene { height:570px; zoom:.7; }
 .rl-site #story-margin .ri-scene p { font-size:13px; }
 .rl-site #story-margin .ri-scene label,.rl-site #story-margin .ri-input { font-size:13px; }
 .rl-site #story-margin .ri-review { inset-block:36px; }
 .rl-site #story-margin .ri-invoice { inset:16px; }
 .rl-site #story-margin .ri-invoice .ri-input { padding:9px 10px; }
 .rl-site #story-margin .ri-invoice>p { font-size:12px; }
 .rl-site #story-margin .ri-invoice label { margin:10px 0; }
}
.rl-site .ri-calendar header { display:flex; justify-content:space-between; gap:12px; padding-bottom:18px; border-bottom:1px solid var(--ri-line); }
.rl-site .ri-calendar header span { color:var(--ri-muted); font-size:12px; }
.rl-site .ri-day { display:flex; align-items:center; gap:10px; margin:16px 0; }
.rl-site .ri-day b { font-size:22px; color:var(--ri-blue); }
.rl-site .ri-time { font-size:11px; color:var(--ri-muted); border-top:1px solid var(--ri-line); padding-top:8px; }
.rl-site .ri-booking { display:grid; gap:7px; padding:16px; margin:8px 0 20px 42px; background:#edf3fd; border:1px solid #c7d8f3; border-left:4px solid var(--ri-blue); border-radius:7px; }
.rl-site .ri-booking>strong { font-size:17px; }
.rl-site .ri-booking-status,.rl-site .ri-status { width:fit-content; font-size:11px; padding:3px 7px; border-radius:4px; color:#226146; background:#edf6f0; }
.rl-site .ri-pane { position:absolute; inset:20px; padding:22px; background:white; border:1px solid var(--ri-line); border-radius:14px; box-shadow:0 16px 40px #0b132420; opacity:0; transform:translateY(16px); transition:opacity 240ms cubic-bezier(.23,1,.32,1),transform 240ms cubic-bezier(.23,1,.32,1); }
.rl-site .ri-editor,.rl-site .ri-summary { inset:76px 24px auto; }
.rl-site .ri-editor h4,.rl-site .ri-summary h4 { margin-top:12px; }
.rl-site .ri-schedule { display:grid; gap:8px; padding:16px 0; margin-bottom:12px; border-block:1px solid var(--ri-line); }
.rl-site .ri-scene label { display:grid; gap:6px; font-size:12px; margin:12px 0; font-weight:500; }
.rl-site .ri-input { display:block; background:white; border:1px solid var(--ri-line); border-radius:6px; padding:8px 10px; min-height:34px; font-size:12px; font-weight:400; }
.rl-site .ri-outcome { display:flex; justify-content:space-between; }
.rl-site .ri-outcome i { font-style:normal; }
.rl-site .ri-note { min-height:55px; }
.rl-site .ri-after { display:none; }
.rl-site .ri-scene footer { display:flex; justify-content:flex-end; gap:8px; border-top:1px solid var(--ri-line); padding-top:12px; margin-top:14px; }
.rl-site .ri-primary,.rl-site .ri-secondary { display:inline-block; padding:9px 12px; border-radius:6px; font-size:12px; font-weight:600; }
.rl-site .ri-primary { background:var(--ri-blue); color:white; }
.rl-site .ri-secondary { border:1px solid var(--ri-line); background:white; }
.rl-site .ri-completion-summary { padding:14px; border:1px solid var(--ri-line); border-radius:8px; background:var(--ri-soft); margin-top:18px; }
.rl-site .ri-menu { position:absolute; top:136px; right:28px; display:grid; width:240px; padding:12px; border:1px solid var(--ri-line); border-radius:10px; background:white; box-shadow:0 12px 32px #0b132426; opacity:0; transform:translateY(8px); transition:opacity 180ms cubic-bezier(.23,1,.32,1),transform 180ms cubic-bezier(.23,1,.32,1); }
.rl-site .ri-menu>span { padding:10px 8px; font-size:12px; }
.rl-site .ri-menu>strong { padding-bottom:10px; border-bottom:1px solid var(--ri-line); }
.rl-site .ri-menu .ri-menu-invoice { background:#edf3fd; color:var(--ri-blue); border-radius:5px; font-weight:600; }
.rl-site .ri-danger { color:#a13535; }
.rl-site .ri-invoice { padding:18px 22px; }
.rl-site .ri-invoice header small { display:block; margin-bottom:3px; }
.rl-site .ri-label { display:block; font-size:12px; margin-bottom:5px; }
.rl-site .ri-charge { display:grid; grid-template-columns:1fr 120px; gap:5px 8px; font-size:11px; }
.rl-site .ri-totals { display:grid; grid-template-columns:1fr 1fr; gap:5px 22px; margin:10px 0; font-size:12px; }
.rl-site .ri-totals span,.rl-site .ri-totals>strong { display:flex; justify-content:space-between; gap:8px; }
.rl-site .ri-delivery-fields { display:grid; grid-template-columns:1.5fr 1fr; gap:10px; }
.rl-site .ri-invoice label { margin:6px 0; }
.rl-site .ri-invoice>p { font-size:11px; margin:4px 0 6px; }
.rl-site .ri-invoice .ri-input { min-height:28px; padding:5px 8px; }
.rl-site .ri-invoice footer { margin-top:8px; padding-top:8px; }
.rl-site .ri-invoice .ri-totals { margin:6px 0; }
.rl-site .ri-notice { position:absolute; inset:auto 24px 36px; display:flex; align-items:flex-start; gap:10px; background:#edf6f0; color:#226146; border:1px solid #c9e0d3; border-radius:8px; padding:14px; opacity:0; transform:translateY(12px); transition:opacity 240ms cubic-bezier(.23,1,.32,1),transform 240ms cubic-bezier(.23,1,.32,1); }
.rl-site .ri-notice p { color:inherit; margin:0; overflow-wrap:anywhere; }
.rl-site .ri-story:not([data-invoice-stage="calendar"]):not([data-invoice-stage="queued"]) .ri-calendar { opacity:.28; }
.rl-site .ri-story[data-invoice-stage="open"] .ri-editor,
.rl-site .ri-story:is([data-invoice-stage="review"],[data-invoice-stage="filled"],[data-invoice-stage="completing"]) .ri-review,
.rl-site .ri-story[data-invoice-stage="completed"] .ri-summary,
.rl-site .ri-story[data-invoice-stage="menu"] .ri-menu,
.rl-site .ri-story:is([data-invoice-stage="invoice"],[data-invoice-stage="generating"]) .ri-invoice,
.rl-site .ri-story[data-invoice-stage="queued"] .ri-notice { opacity:1; transform:none; }
.rl-site .ri-story:is([data-invoice-stage="filled"],[data-invoice-stage="completing"]) .ri-after { display:inline; }
.rl-site .ri-story:is([data-invoice-stage="filled"],[data-invoice-stage="completing"]) .ri-before { display:none; }
.rl-site .ri-story[data-invoice-stage="completing"] .ri-confirm,.rl-site .ri-story[data-invoice-stage="generating"] .ri-generate { background:#174fa8; }
@media(max-width:600px) {
 .rl-site .ri-scene { height:500px; zoom:.72; }
 .rl-site .ri-pane { inset:10px; padding:15px; }
 .rl-site .ri-editor,.rl-site .ri-summary { inset:65px 12px auto; }
 .rl-site .ri-scene h4 { font-size:20px; }
 .rl-site .ri-calendar { padding:0; }
 .rl-site .ri-calendar .workspace-sidebar,.rl-site .ri-calendar .unassigned-queue { display:none; }
 .rl-site .ri-calendar .workspace-shell,.rl-site .ri-calendar .dispatch-workspace { grid-template-columns:minmax(0,1fr); }
 .rl-site .ri-calendar header span { font-size:10px; }
 .rl-site .ri-charge { grid-template-columns:1fr 96px; }
 .rl-site .ri-input { padding:7px; font-size:11px; }
 .rl-site .ri-totals { gap:5px 10px; font-size:11px; }
 .rl-site .ri-delivery-fields { grid-template-columns:1.5fr 1fr; gap:6px; }
 .rl-site .ri-primary,.rl-site .ri-secondary { font-size:11px; padding:8px; }
 .rl-site .ri-notice { inset:auto 14px 24px; }
}
@media(prefers-reduced-motion:reduce) { .rl-site .ri-scene * { transition:none; transform:none; } }
.rl-site #story-margin .rp-invoice-stage { padding: 0; }
.rl-site #story-margin .rl-product-preview { background: transparent; border: 0; box-shadow: none; }
.rl-site #story-margin .calendar-invoice-dialog { padding: 22px 26px; }
.rl-site #story-margin .rp-invoice-heading h3 { font-size: 22px; line-height: 1.2; }
.rl-site #story-margin .rp-invoice-heading p { margin: 5px 0 0; font-size: 14px; color: #526579; }
.rl-site #story-margin .rp-invoice-status { font-size: 12px; background: #f1f4f8; color: #40546a; padding: 5px 8px; border-radius: 5px; }
.rl-site #story-margin .rp-invoice-breakdown { margin: 0; }
.rl-site #story-margin .rp-invoice-breakdown > div { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 9px 0; font-size: 14px; }
.rl-site #story-margin .rp-invoice-breakdown dd { margin: 0; white-space: nowrap; font-variant-numeric: tabular-nums; }
.rl-site #story-margin .rp-invoice-breakdown small { display: block; margin: 3px 0 0; font-size: 12px; color: #526579; }
.rl-site #story-margin .rp-invoice-total { border-top: 1px solid #dde3eb; font-weight: 700; }
.rl-site #story-margin .rp-invoice-total dd { font-size: 23px; }
.rl-site #story-margin .rp-invoice-delivery { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding-top: 12px; border-top: 1px solid #dde3eb; }
.rl-site #story-margin .rp-invoice-action { padding: 10px 14px; border-radius: 6px; background: #2466cf; color: white; font-size: 13px; }
.rl-site #story-margin .rp-invoice-recipient { font-size: 12px; color: #526579; overflow-wrap: anywhere; }
.rl-site #story-margin [data-invoice-stage="sent"] .rp-invoice-action,
.rl-site #story-margin [data-invoice-stage="awaiting"] .rp-invoice-action { background: #e7f4ed; color: #176443; }
.rl-site #story-margin [data-invoice-stage="awaiting"] .rp-invoice-status { background: #fff2d8; color: #785016; }
@media (max-width: 600px) {
  .rl-site #story-margin .calendar-invoice-dialog { padding: 18px 14px; }
  .rl-site #story-margin .rp-invoice-heading { gap: 10px; flex-wrap: wrap; }
}
.rl-site #product-details .rl-product-preview,
.rl-site #product-details .rl-product-preview * {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* Product motion follows the reading order: feature points, then the app view. */
@media (prefers-reduced-motion: no-preference) {
  .rl-site #product-details.is-product-visible .rl-detail-panel.is-active .rl-detail-ui > .rl-product-preview {
    animation: remluProductRise 650ms cubic-bezier(.22,1,.36,1) 100ms both;
  }
  .rl-site #product-details.is-product-visible .rl-detail-panel.is-active .rl-detail-list > li {
    animation: remluFeatureEnter 440ms cubic-bezier(.22,1,.36,1) both;
  }
  .rl-site #product-details.is-product-visible .rl-detail-panel.is-active .rl-detail-list > li:nth-child(1) { animation-delay: 80ms; }
  .rl-site #product-details.is-product-visible .rl-detail-panel.is-active .rl-detail-list > li:nth-child(2) { animation-delay: 180ms; }
  .rl-site #product-details.is-product-visible .rl-detail-panel.is-active .rl-detail-list > li:nth-child(3) { animation-delay: 280ms; }
}
@keyframes remluProductRise {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes remluFeatureEnter {
  from { opacity: 0; transform: translateX(-18px); }
  to { opacity: 1; transform: translateX(0); }
}
.rl-site #product-details .rl-detail-list li::before { border-bottom-color: #2466cf; border-right-color: #2466cf; }