/* Ravin unified site shell — panel visual language for public and auth pages. */
:root{
    --site-ink:#19191c;
    --site-ink-2:#29292d;
    --site-canvas:#e9e8e5;
    --site-card:#fff;
    --site-soft:#f4f3f0;
    --site-line:#deddd8;
    --site-muted:#6d6d75;
    --site-yellow:#f5c400;
    --site-yellow-dark:#c79d00;
    --site-radius:20px;
    --site-radius-lg:28px;
    --site-shadow:0 12px 34px rgba(25,25,28,.065);
    --site-ease:cubic-bezier(.22,1,.36,1);
}

body.rl-page{margin:0!important;padding:8px!important;background:var(--site-ink)!important;color:var(--site-ink)!important}
body.rl-page::before,body.rl-page::after{display:none!important}
.rl{
    --bg:var(--site-canvas);--bg-2:var(--site-soft);--surf:#fff;--surf-2:#f4f3f0;
    --ln:var(--site-line);--ln-2:#cfcec8;--tx:var(--site-ink);--tx-2:var(--site-muted);--tx-3:#8b8b92;
    --gold:var(--site-yellow-dark);--gold-2:var(--site-yellow);--gold-d:#d6aa00;
    min-height:calc(100dvh - 16px);overflow:hidden;border-radius:var(--site-radius-lg);
    background:var(--site-canvas)!important;color:var(--site-ink)!important;
}
.rl-wrap{max-width:1220px!important}
.rl h1,.rl h2,.rl h3,.rl h4{color:var(--site-ink)!important}
.rl p,.rl li{color:var(--site-muted)}

/* Header: the public equivalent of the panel sidebar. */
body.rl-page .rl .rl-nav{
    top:16px!important;right:20px!important;left:20px!important;width:auto!important;
    border:1px solid #303034!important;border-radius:20px!important;
    background:rgba(25,25,28,.97)!important;color:#fff!important;
    box-shadow:0 14px 34px rgba(25,25,28,.2)!important;
    -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
body.rl-page .rl .rl-nav.scrolled,body.rl-page .rl .rl-nav.menu-open{background:rgba(25,25,28,.98)!important;border-color:#35353a!important}
body.rl-page .rl .rl-nav-inner{width:min(100% - 24px,1400px)!important;min-height:68px!important;padding:10px 0!important}
.rl-nav .rl-logo,.rl-nav .rl-nav-links a{color:#fff!important}
.rl-nav .rl-nav-links a{opacity:.72}
.rl-nav .rl-nav-links a:hover,.rl-nav .rl-nav-links a:focus-visible{opacity:1;color:#fff!important}
.rl-nav .rl-nav-links a::after{height:3px!important;background:var(--site-yellow)!important}
.rl-nav .rl-nav-links a.is-active{padding:9px 13px!important;border-radius:12px!important;background:#fff!important;color:var(--site-ink)!important;opacity:1!important}
.rl-nav .rl-nav-links a.is-active::after{display:none!important}
.rl-logo-mark{width:42px!important;height:42px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.rl-logo-mark img{width:31px!important;height:31px!important}
.rl-nav .rl-btn-ghost{color:#fff!important;border:1px solid rgba(255,255,255,.13)!important;padding-inline:18px!important}
.rl-nav .rl-btn-primary{box-shadow:none!important}
.rl-burger span{background:#fff!important}
.rl-mobile-menu{background:#19191c!important;border-radius:0 0 18px 18px!important}
.rl-mobile-menu a.rl-m-link{color:rgba(255,255,255,.78)!important;border-color:rgba(255,255,255,.08)!important}
.rl-mobile-menu a.rl-m-link.is-active{padding-inline:12px!important;border-radius:11px!important;background:rgba(245,196,0,.14)!important;color:var(--site-yellow)!important}

/* Light panel canvas and hero. */
.rl-hero{padding-top:148px!important;background:
    radial-gradient(circle at 82% 10%,rgba(245,196,0,.15),transparent 26%),
    linear-gradient(rgba(25,25,28,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(25,25,28,.035) 1px,transparent 1px)!important;background-size:auto,42px 42px,42px 42px!important}
.rl-hero::before,.rl-hero-fx,.rl-blob{display:none!important}
.rl-hero-c .rl-wrap{max-width:940px!important}
.rl-hero h1{font-size:clamp(2.55rem,5.4vw,4.85rem)!important;letter-spacing:-.055em!important}
.rl-hl-green,.rl-hl-coral{color:var(--site-ink)!important;-webkit-text-fill-color:var(--site-ink)!important;background:none!important;position:relative}
.rl-hl-green::after{content:'';position:absolute;right:0;bottom:.02em;left:0;height:.18em;z-index:-1;border-radius:99px;background:var(--site-yellow);opacity:.9}
.rl-hero-sub{max-width:760px!important;margin-inline:auto!important;color:#5f6068!important}
.rl-badge,.rl-eyebrow{border:1px solid #d8d6d0!important;background:#fff!important;color:#57575f!important;box-shadow:0 6px 18px rgba(25,25,28,.04)!important}
.rl-badge-dot{background:var(--site-yellow)!important;box-shadow:0 0 0 4px rgba(245,196,0,.18)!important}
.rl-hero-note{justify-content:center!important;color:#707078!important}
.rl-hero-note svg{color:#a98200!important}
.rl-btn{min-height:46px;border-radius:14px!important;transition:transform .18s var(--site-ease),box-shadow .18s ease,background-color .18s ease,border-color .18s ease!important}
.rl-btn-primary{border-color:var(--site-yellow)!important;background:var(--site-yellow)!important;color:var(--site-ink)!important;box-shadow:0 9px 22px rgba(180,139,0,.18)!important}
.rl-btn-soft,.rl-btn-secondary{border:1px solid #d5d3cc!important;background:#fff!important;color:var(--site-ink)!important;box-shadow:0 7px 18px rgba(25,25,28,.045)!important}

/* Sections use the same rhythm and surfaces as dashboard cards. */
.rl-sec{padding:72px 0!important;background:transparent!important}
.rl-sec.alt,.rl-bento-sec,.rl-pricing,.rl-faq{background:transparent!important}
.rl-head{margin-bottom:34px!important}
.rl-h2{font-size:clamp(1.85rem,3.4vw,2.75rem)!important}
.rl-lead{color:var(--site-muted)!important}
.rl-release{padding:0 0 28px!important}
.rl-release-bar{
    border:1px solid #d8d6d0!important;border-radius:var(--site-radius)!important;
    background:#fff!important;box-shadow:var(--site-shadow)!important;
}
.rl-release-label{background:var(--site-yellow)!important;color:var(--site-ink)!important}
.rl-release-copy strong{color:var(--site-ink)!important}.rl-release-copy div>span,.rl-capabilities span{color:var(--site-muted)!important}
.rl-capabilities span::before{background:var(--site-yellow)!important}

.rl-solution-grid,.rl-price-grid,.rl-bento,.rl-posts{gap:14px!important}
.rl-solution-card,.rl-bento-card,.rl-price,.rl-faq-item,.rl-about-card,.rl-contact-card,.rl-post,.dc-card,.rl-doc-card{
    border:1px solid rgba(25,25,28,.075)!important;border-radius:var(--site-radius)!important;
    background:var(--site-card)!important;color:var(--site-ink)!important;
    box-shadow:var(--site-shadow)!important;
}
.rl-solution-card{padding:26px!important}
.rl-solution-card::before{display:none!important}
.rl-solution-no{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#fff5c8!important;color:#806300!important}
.rl-solution-card h3,.rl-bento-card h3,.rl-about-card h2,.rl-contact-card h2,.dc-card h2,.rl-post h2,.rl-post h3{color:var(--site-ink)!important}
.rl-solution-card p,.rl-solution-card li,.rl-bento-card p,.rl-about-card p,.rl-about-card li,.rl-contact-card p,.dc-card p,.dc-list li,.rl-post p{color:var(--site-muted)!important}
.rl-solution-card li::before{background:var(--site-yellow)!important}

/* Bento panels preserve one dark KPI surface, like the dashboard. */
.rl-bento-card{overflow:hidden!important}
.rl-bento-card:nth-child(1),.rl-bento-card.b-2x2{background:var(--site-ink)!important;border-color:var(--site-ink)!important}
.rl-bento-card:nth-child(1) :where(h3,p,span,b),.rl-bento-card.b-2x2 :where(h3,p,span,b){color:#fff!important}
.rl .b-mock{border-color:#d9d7d1!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important}
.rl .b-mock-chat,.rl .b-mock-list{background:#fff!important}
.rl .bento-code,.rl .dc-pre{border:1px solid #303035!important;border-radius:15px!important;background:var(--site-ink)!important;color:var(--site-yellow)!important}

/* Pricing mirrors the panel plan cards. */
.rl-price{padding:26px!important;transform:none!important}
.rl-price.feat{border-color:#d1a600!important;background:#fffaf0!important;box-shadow:0 16px 40px rgba(162,125,0,.1)!important}
.rl-price-name{background:var(--site-soft)!important;color:var(--site-ink)!important}
.rl-price.feat .rl-price-name{background:#fff0ad!important;color:#5a4500!important}
.rl-price-tag{background:var(--site-yellow)!important;color:var(--site-ink)!important}
.rl-price-amount{color:var(--site-ink)!important}.rl-price-list li{color:#4f5058!important}
.rl-price-list svg{color:#987600!important}

/* FAQ, content pages, contact forms and blog. */
.rl-faq-item{margin-bottom:10px!important;overflow:hidden!important}
.rl-faq-q{min-height:64px!important;color:var(--site-ink)!important}
.rl-faq-a{border-top:1px solid #eceae5!important;color:var(--site-muted)!important}
.rl-contact-card input,.rl-contact-card textarea,.rl-contact-card select,
.dc-card input,.dc-card textarea,.dc-card select{
    border:1px solid #d9d7d1!important;border-radius:13px!important;background:var(--site-soft)!important;color:var(--site-ink)!important;
}
.rl-contact-card input:focus,.rl-contact-card textarea:focus,.dc-card input:focus,.dc-card textarea:focus{outline:0;border-color:#c89f00!important;box-shadow:0 0 0 3px rgba(245,196,0,.18)!important;background:#fff!important}
.rl-post-cover{border-radius:16px 16px 0 0!important}
.rl-post-body{color:#4f5058!important}
.rl-doc-card>span,.rl-contact-card a,.dc-card a{color:#7a5f00!important}

/* CTA and footer become the strong dark anchors used by the panel. */
.rl-cta{margin:28px 20px!important;border:1px solid #303034!important;border-radius:var(--site-radius-lg)!important;background:var(--site-ink)!important;box-shadow:0 18px 44px rgba(25,25,28,.17)!important}
.rl-cta h2,.rl-cta p{color:#fff!important}
.rl-footer{margin-top:20px!important;border:0!important;background:var(--site-ink)!important;color:#fff!important}
.rl-footer .rl-logo,.rl-footer h4{color:#fff!important}
.rl-footer p,.rl-footer a,.rl-footer-bot{color:rgba(255,255,255,.65)!important}
.rl-footer a:hover{color:var(--site-yellow)!important}
.rl-footer-bot{border-color:rgba(255,255,255,.1)!important}

/* Auth screens use the same framed canvas and white panel card. */
.ra-auth{
    --ra-bg:var(--site-ink);--ra-card:#fff;--ra-card-solid:#fff;--ra-line:#dfddd7;--ra-line-2:#d4d2cc;
    --ra-tx:var(--site-ink);--ra-tx-mut:#686870;--ra-tx-dim:#8b8b92;--ra-gold:#d2a700;--ra-gold-2:var(--site-yellow);
    padding:24px!important;background:var(--site-ink)!important;color:var(--site-ink)!important;
}
.ra-bg{inset:8px!important;border-radius:var(--site-radius-lg)!important;background:var(--site-canvas)!important}
.ra-bg::before{background-image:linear-gradient(rgba(25,25,28,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(25,25,28,.035) 1px,transparent 1px)!important;mask-image:none!important;-webkit-mask-image:none!important}
.ra-orb-1{background:radial-gradient(circle,rgba(245,196,0,.2),transparent 68%)!important}.ra-orb-2{display:none!important}
.ra-card{border-color:#d9d7d1!important;background:#fff!important;box-shadow:0 18px 48px rgba(25,25,28,.12)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.ra-logo{border:0!important;background:var(--site-ink)!important;box-shadow:none!important}
.ra-logo::after{display:none!important}
.ra-brand-name,.ra-head h1{color:var(--site-ink)!important}.ra-brand-tag,.ra-head p,.ra-field>label,.ra-alt,.ra-trust{color:var(--site-muted)!important}
.ra-input,.ra-otp-digit{border-color:#d8d6d0!important;background:var(--site-soft)!important;color:var(--site-ink)!important}
.ra-input:focus,.ra-otp-digit:focus{border-color:#c99f00!important;background:#fff!important;box-shadow:0 0 0 4px rgba(245,196,0,.16)!important}
.ra-input::placeholder{color:#98989e!important}.ra-captcha-reload{border-color:#d8d6d0!important;background:var(--site-soft)!important;color:#5d5d64!important}
.ra-btn{background:var(--site-yellow)!important;color:var(--site-ink)!important;box-shadow:none!important}
.ra-back,.ra-staff-entry{color:#5f5f67!important}

.auth-split{min-height:100dvh!important;padding:8px!important;gap:0!important;background:var(--site-ink)!important}
.auth-brand{border-radius:0 var(--site-radius-lg) var(--site-radius-lg) 0!important;background:var(--site-ink)!important;color:#fff!important}
.auth-form-side{border-radius:var(--site-radius-lg) 0 0 var(--site-radius-lg)!important;background:var(--site-canvas)!important}
.auth-card{border:1px solid #d9d7d1!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--site-shadow)!important}
.auth-card .form-control{border-color:#d8d6d0!important;border-radius:13px!important;background:var(--site-soft)!important;color:var(--site-ink)!important}
.auth-card .btn-glow{background:var(--site-yellow)!important;color:var(--site-ink)!important;box-shadow:none!important}

.pay-success-page{background:var(--site-ink)!important}.pay-result{min-height:100dvh;padding:20px!important;background:var(--site-canvas)!important;border-radius:var(--site-radius-lg)!important}.pay-result-card{border:1px solid #d9d7d1!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--site-shadow)!important}

@media(hover:hover) and (pointer:fine){
    .rl :where(.rl-solution-card,.rl-bento-card,.rl-price,.rl-post,.rl-doc-card):hover{transform:translateY(-3px)!important;border-color:#c9c6bd!important;box-shadow:0 18px 42px rgba(25,25,28,.095)!important}
    .rl-btn:hover{transform:translateY(-2px)!important}.rl-btn-primary:hover{background:#e7b900!important;box-shadow:0 12px 26px rgba(180,139,0,.22)!important}
}
:where(.rl,.ra-auth,.auth-split) :where(a,button,input,textarea,select):focus-visible{outline:3px solid rgba(245,196,0,.34)!important;outline-offset:3px!important}

@media(max-width:900px){
    body.rl-page{padding:0!important}.rl{min-height:100dvh;border-radius:0}
    body.rl-page .rl .rl-nav{top:0!important;right:0!important;left:0!important;border-width:0 0 1px!important;border-radius:0 0 16px 16px!important}
    body.rl-page .rl .rl-nav-inner{width:calc(100% - 24px)!important;min-height:64px!important;padding:9px 0!important}
    .rl-hero{padding-top:112px!important}
    .rl-cta{margin-inline:12px!important}
    .auth-split{padding:0!important}.auth-brand,.auth-form-side{border-radius:0!important}
}
@media(max-width:600px){
    .rl-wrap{padding-inline:14px!important}.rl-sec{padding:48px 0!important}
    .rl-hero{padding:100px 0 44px!important}.rl-hero h1{font-size:clamp(2rem,11vw,3rem)!important}
    .rl-solution-card,.rl-bento-card,.rl-price,.rl-about-card,.rl-contact-card,.dc-card{border-radius:17px!important}
    .rl-release-bar{border-radius:17px!important}.rl-cta{border-radius:20px!important}
    .ra-auth{padding:12px!important}.ra-bg{inset:0!important;border-radius:0!important}.ra-card{border-radius:20px!important;padding:22px 18px!important}
    .auth-split{display:block!important}.auth-brand{min-height:auto!important;padding:34px 20px!important}.auth-form-side{padding:22px 14px 34px!important}
}
@media(prefers-reduced-motion:reduce){.rl *,.ra-auth *,.auth-split *{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ─────────────────────────────────────────────────────────────
   Framer SaaS direction v2
   Makro's airy light mode + Spartan's editorial cards + a real
   product composition. This block intentionally supersedes v1.
   ───────────────────────────────────────────────────────────── */
body.rl-page{padding:0!important;background:#f7f8fa!important}
body.rl-page .rl{min-height:100dvh;border:0!important;border-radius:0!important;background:#fff!important}
body.rl-page .rl .rl-nav{
    top:14px!important;right:24px!important;left:24px!important;
    border:1px solid rgba(24,24,28,.08)!important;border-radius:18px!important;
    background:rgba(255,255,255,.9)!important;color:#1b1b1e!important;
    box-shadow:0 12px 40px rgba(23,24,29,.075)!important;
    -webkit-backdrop-filter:blur(18px) saturate(135%)!important;backdrop-filter:blur(18px) saturate(135%)!important;
}
body.rl-page .rl .rl-nav.scrolled,body.rl-page .rl .rl-nav.menu-open{background:rgba(255,255,255,.96)!important;border-color:rgba(24,24,28,.1)!important}
body.rl-page .rl .rl-nav-inner{width:min(100% - 28px,1370px)!important;min-height:62px!important;padding:7px 0!important}
.rl-nav .rl-logo,.rl-nav .rl-nav-links a{color:#26262b!important}
.rl-nav .rl-nav-links a{opacity:.65!important;font-weight:700!important}
.rl-nav .rl-nav-links a:hover,.rl-nav .rl-nav-links a:focus-visible{opacity:1!important;color:#111114!important}
.rl-nav .rl-nav-links a.is-active{padding:8px 12px!important;background:#f0f1f3!important;color:#111114!important}
.rl-logo-mark{width:38px!important;height:38px!important}.rl-logo-mark img{width:29px!important;height:29px!important}
.rl-nav .rl-btn-ghost{border:0!important;color:#303037!important;background:transparent!important}
.rl-nav .rl-btn-primary{min-height:42px!important;padding:8px 16px 8px 8px!important;border-radius:12px!important;background:#202024!important;color:#fff!important}
.rl-nav .rl-panel-avatar{background:var(--site-yellow)!important;color:#18181b!important}
.rl-burger span{background:#202024!important}
.rl-mobile-menu{background:rgba(255,255,255,.98)!important;border-color:#e3e4e7!important}
.rl-mobile-menu a.rl-m-link{color:#35353b!important;border-color:#ececef!important}
.rl-mobile-menu a.rl-m-link.is-active{background:#f0f1f3!important;color:#17171b!important}

/* New split product hero. */
.rl .rv-framer-hero{
    min-height:780px!important;padding:126px 0 70px!important;overflow:hidden!important;
    background:
      radial-gradient(circle at 13% 14%,rgba(245,196,0,.22),transparent 24%),
      radial-gradient(circle at 82% 88%,rgba(211,216,230,.58),transparent 32%),
      #eef0f5!important;
}

/* Keep every public inner page in the same light Framer family. */
.rl .rl-hero:not(.rv-framer-hero){
    min-height:auto!important;padding:142px 0 70px!important;
    background:
      radial-gradient(circle at 80% 18%,rgba(245,196,0,.16),transparent 25%),
      radial-gradient(circle at 16% 88%,rgba(211,216,230,.52),transparent 32%),
      #eef0f5!important;
}
.rl .rl-hero:not(.rv-framer-hero)::before{
    content:''!important;display:block!important;position:absolute!important;inset:0!important;
    background-image:radial-gradient(rgba(30,30,34,.09) .7px,transparent .7px)!important;
    background-size:18px 18px!important;opacity:.22!important;pointer-events:none!important;
    -webkit-mask-image:linear-gradient(to bottom,#000,transparent 88%)!important;
    mask-image:linear-gradient(to bottom,#000,transparent 88%)!important;
}
.rl .rl-hero:not(.rv-framer-hero) .rl-wrap{position:relative;z-index:2}
.rl .rl-hero-c:not(.rv-framer-hero) h1{max-width:13ch!important;font-size:clamp(3rem,5.6vw,5.2rem)!important;font-weight:700!important;line-height:1.02!important;letter-spacing:-.06em!important}
.rl .rl-hero-c:not(.rv-framer-hero) .rl-hero-sub{max-width:760px!important;margin:24px auto 0!important;font-size:1.02rem!important;line-height:1.95!important}
.rl .rl-hero-c:not(.rv-framer-hero) .rl-badge{margin-bottom:24px!important;border-radius:10px!important;box-shadow:none!important}
.rl .rl-hero:not(.rv-framer-hero) .rl-hero-atmosphere{display:none!important}
.rv-framer-hero::before{content:''!important;display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;background-image:radial-gradient(rgba(30,30,34,.09) .7px,transparent .7px)!important;background-size:18px 18px!important;opacity:.28!important;mask-image:linear-gradient(to bottom,#000,transparent 80%)!important;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 80%)!important}
.rv-hero-orb{position:absolute;left:-140px;bottom:-220px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(245,196,0,.34),rgba(245,196,0,0) 68%);filter:blur(14px);pointer-events:none}
.rv-hero-grid{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:clamp(44px,6vw,92px)!important;align-items:center!important}
.rv-hero-copy{text-align:right!important}
.rv-hero-copy .rl-badge{margin:0 0 22px!important;padding:8px 12px!important;border-color:#d9dbe0!important;border-radius:10px!important;background:rgba(255,255,255,.76)!important;box-shadow:none!important;color:#595b64!important}
.rv-hero-copy h1{max-width:10.5ch!important;margin:0!important;font-size:clamp(3.5rem,5.8vw,6.5rem)!important;font-weight:700!important;line-height:.98!important;letter-spacing:-.065em!important;color:#1b1b1e!important}
.rv-marker{position:relative;display:inline-block;color:#1b1b1e!important;white-space:nowrap}
.rv-marker::after{content:'';position:absolute;right:0;bottom:.02em;left:0;height:.13em;z-index:-1;border-radius:999px;background:var(--site-yellow);transform:rotate(-1.5deg)}
.rv-hero-copy .rl-hero-sub{max-width:580px!important;margin:28px 0 30px!important;font-size:1.08rem!important;line-height:1.95!important;color:#5e606a!important;text-align:right!important}
.rv-hero-copy .rl-hero-cta{justify-content:flex-start!important;gap:10px!important}
.rv-hero-copy .rl-btn{min-height:56px!important;padding:8px 18px!important;border-radius:15px!important;font-size:.98rem!important}
.rv-hero-copy .rl-btn-primary{gap:11px!important;background:#202024!important;border-color:#202024!important;color:#fff!important;box-shadow:0 14px 30px rgba(25,25,28,.16)!important}
.rv-btn-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:var(--site-yellow);color:#17171b}
.rv-hero-copy .rl-btn-soft{background:rgba(255,255,255,.78)!important;border-color:#d8dae0!important;box-shadow:none!important}
.rv-hero-copy .rl-hero-note{justify-content:flex-start!important;margin-top:24px!important;gap:16px!important;color:#70727a!important}

.rv-hero-product{position:relative;min-height:555px;display:grid;place-items:center;perspective:1200px}
.rv-product-glow{position:absolute;inset:9% 2% 1%;border-radius:46%;background:radial-gradient(circle at 52% 45%,rgba(245,196,0,.5),rgba(245,196,0,.08) 42%,transparent 70%);filter:blur(36px)}
.rv-product-window{position:relative;z-index:2;width:min(100%,650px);overflow:hidden;border:1px solid rgba(20,20,24,.11);border-radius:28px;background:#fff;box-shadow:0 42px 90px -34px rgba(25,25,29,.38);transform:rotateY(4deg) rotateX(1deg);transform-origin:center}
.rv-product-bar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#1b1b1f;color:#fff}
.rv-product-brand{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:900}.rv-product-brand img{width:27px;height:27px;object-fit:contain}
.rv-live-dot{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:9px;background:#29292e;color:#e8e8eb;font-size:10px}.rv-live-dot::before{content:'';width:7px;height:7px;border-radius:50%;background:#35c988;box-shadow:0 0 0 4px rgba(53,201,136,.12)}
.rv-product-body{min-height:390px;display:grid;grid-template-columns:72px minmax(0,1fr);direction:ltr;background:#f7f7f8}
.rv-product-side{display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 11px;background:#202024;color:#fff}
.rv-product-side span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:rgba(255,255,255,.55)}
.rv-product-side span.active{background:#fff;color:#19191c}.rv-product-side span.active .solar-icon{color:#c99f00}
.rv-product-inbox{direction:rtl;padding:18px}
.rv-product-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.rv-product-title small{display:block;color:#8b8d95;font-size:10px}.rv-product-title strong{display:block;margin-top:3px;color:#202024;font-size:18px}.rv-product-title b{font-size:33px;color:#202024}
.rv-mini-tabs{display:flex;gap:6px;margin-bottom:12px;padding:4px;border-radius:11px;background:#eeeef0}.rv-mini-tabs span{flex:1;padding:7px;border-radius:8px;color:#74757d;text-align:center;font-size:10px;font-weight:800}.rv-mini-tabs span.active{background:#202024;color:#fff}
.rv-chat-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 11px;border-bottom:1px solid #ececef;border-radius:14px}.rv-chat-row.active{border-color:#f1df91;background:#fff9df;box-shadow:0 8px 20px rgba(75,61,17,.06)}
.rv-chat-row i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#202024;color:#fff;font-style:normal;font-weight:900}.rv-chat-row.active i{background:var(--site-yellow);color:#19191c}
.rv-chat-row strong{display:block;color:#26262a;font-size:12px}.rv-chat-row small{display:block;max-width:230px;margin-top:5px;overflow:hidden;color:#777982;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.rv-chat-row time{color:#999aa1;font-size:9px;direction:ltr}
.rv-float-card{position:absolute;z-index:4;border:1px solid rgba(25,25,28,.09);background:rgba(255,255,255,.92);box-shadow:0 18px 42px rgba(25,25,28,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.rv-float-response{left:-24px;bottom:34px;width:170px;padding:16px;border-radius:18px}.rv-float-response span,.rv-float-response small{display:block;color:#7b7d84;font-size:9px}.rv-float-response strong{display:block;margin:3px 0;color:#202024;font-size:25px}.rv-float-response small{color:#397c5f}
.rv-float-online{top:38px;right:-22px;display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:14px;color:#242429;font-size:11px}.rv-pulse{width:9px;height:9px;border-radius:50%;background:#35c988;box-shadow:0 0 0 5px rgba(53,201,136,.12);animation:rvPulse 2s ease-in-out infinite}
@keyframes rvPulse{50%{box-shadow:0 0 0 9px rgba(53,201,136,0)}}

/* Airier Framer-style content rhythm. */
.rl-release{padding:32px 0 8px!important;background:#fff!important}.rl-release-bar{border-radius:18px!important;box-shadow:none!important;background:#f5f6f8!important;border-color:#e8e9ec!important}
.rl-sec{padding:82px 0!important}.rl-solutions{background:#fff!important}.rl-bento-sec{padding:78px 0!important;background:#f3f4f6!important}
.rl-head{max-width:760px!important;margin-bottom:48px!important}.rl-eyebrow{padding:7px 11px!important;border-radius:9px!important;box-shadow:none!important;background:#f2f3f5!important;border-color:#e5e6e9!important}
.rl-h2{font-size:clamp(2.35rem,4.8vw,4.4rem)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.052em!important}.rl-lead{font-size:1.02rem!important}
.rl-solution-grid{gap:12px!important}.rl-solution-card{min-height:330px!important;padding:30px!important;border-radius:24px!important;background:#f6f7f8!important;border-color:#ececef!important;box-shadow:none!important}.rl-solution-card:nth-child(2){background:#eef0f5!important}.rl-solution-card:nth-child(3){background:#fff8d9!important}
.rl-solution-card h3{margin-top:auto!important;font-size:1.55rem!important}.rl-solution-no{width:48px!important;height:48px!important;border-radius:15px!important;background:#fff!important;color:#202024!important;box-shadow:0 8px 20px rgba(25,25,28,.06)}
.rl-bento{gap:12px!important}.rl-bento-card,.rl-bento-card:nth-child(1),.rl-bento-card.b-2x2{border-radius:24px!important;border-color:#e5e6e9!important;background:#fff!important;color:#202024!important;box-shadow:none!important}.rl-bento-card:nth-child(1) :where(h3,p,span,b),.rl-bento-card.b-2x2 :where(h3,p,span,b){color:#202024!important}
.rl .b-mock{box-shadow:0 24px 56px rgba(25,25,28,.08)!important}.rl .bento-code{background:#202024!important;color:var(--site-yellow)!important}
.rl-price-grid{gap:12px!important}.rl-price{border-radius:24px!important;box-shadow:none!important}.rl-price.feat{background:#fff8d7!important;box-shadow:none!important}
.rl-faq-item,.rl-post,.rl-about-card,.rl-contact-card,.dc-card,.rl-doc-card{border-radius:22px!important;box-shadow:none!important}
.rl-cta{margin:0!important;border-radius:0!important;background:#202024!important}.rl-footer{margin:0!important}

@media(max-width:980px){
  body.rl-page .rl .rl-nav{top:8px!important;right:10px!important;left:10px!important}
  .rv-hero-grid{grid-template-columns:1fr!important;gap:40px!important}.rv-hero-copy{text-align:center!important}.rv-hero-copy h1{max-width:12ch!important;margin-inline:auto!important}.rv-hero-copy .rl-hero-sub{margin-inline:auto!important;text-align:center!important}.rv-hero-copy .rl-hero-cta,.rv-hero-copy .rl-hero-note{justify-content:center!important}.rv-hero-product{min-height:500px!important;width:min(100%,680px);margin-inline:auto}
}
@media(max-width:700px){
  body.rl-page .rl .rl-nav{top:0!important;right:0!important;left:0!important;border-width:0 0 1px!important;border-radius:0 0 15px 15px!important}
  body.rl-page .rl .rl-nav-inner{min-height:62px!important}
  .rl .rv-framer-hero{min-height:auto!important;padding:102px 0 46px!important}.rv-hero-copy .rl-badge{margin-inline:auto!important}.rv-hero-copy h1{font-size:clamp(2.65rem,13vw,4.2rem)!important;line-height:1.02!important}.rv-hero-copy .rl-hero-sub{margin:22px auto!important;font-size:.95rem!important}.rv-hero-copy .rl-hero-cta{display:grid!important;grid-template-columns:1fr!important}.rv-hero-copy .rl-btn{width:100%!important}.rv-hero-copy .rl-hero-note{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.rv-hero-copy .rl-hero-note span:last-child{grid-column:1/-1!important}
  .rl .rl-hero:not(.rv-framer-hero){padding:104px 0 48px!important}.rl .rl-hero-c:not(.rv-framer-hero) h1{font-size:clamp(2.35rem,11vw,3.3rem)!important}.rl .rl-hero-c:not(.rv-framer-hero) .rl-hero-sub{font-size:.93rem!important}
  .rv-hero-product{min-height:385px!important;margin-top:4px}.rv-product-window{border-radius:20px!important;transform:none!important}.rv-product-bar{height:52px!important}.rv-product-body{min-height:300px!important;grid-template-columns:55px minmax(0,1fr)!important}.rv-product-side{padding:11px 7px!important}.rv-product-side span{width:38px!important;height:38px!important}.rv-product-inbox{padding:12px!important}.rv-chat-row{grid-template-columns:34px minmax(0,1fr) auto!important;padding:10px 7px!important}.rv-chat-row i{width:34px!important;height:34px!important}.rv-chat-row small{max-width:150px!important}.rv-chat-row:nth-child(5){display:none!important}.rv-float-response{left:-4px!important;bottom:5px!important;width:132px!important;padding:10px!important}.rv-float-response strong{font-size:19px!important}.rv-float-online{top:28px!important;right:-3px!important;padding:9px 10px!important}
  .rl-sec,.rl-bento-sec{padding:56px 0!important}.rl-h2{font-size:2rem!important}.rl-solution-card{min-height:260px!important;padding:22px!important}.rl-release{padding-top:20px!important}
}

/* ─────────────────────────────────────────────────────────────
   Refinement v4 — clean typography, grounded interactions,
   premium app download and team workflow sections.
   ───────────────────────────────────────────────────────────── */
.rl :where(.rl-h2,.rl-hero h1,.rv-app-intro h2){text-wrap:balance;word-break:normal;letter-spacing:-.035em!important}
.rl .rl-h2{max-width:20ch!important;font-size:clamp(2.35rem,4.3vw,4.25rem)!important;line-height:1.13!important}
.rl .rl-head{max-width:860px!important;margin-right:0!important;margin-left:auto!important;text-align:right!important}
.rl .rl-head .rl-lead{max-width:680px!important}
.rl .rl-hero-c:not(.rv-framer-hero) h1{max-width:17ch!important;font-size:clamp(3rem,5.2vw,5rem)!important;line-height:1.08!important;letter-spacing:-.04em!important}
.rv-hero-copy h1{font-size:clamp(3.8rem,5.7vw,6rem)!important;line-height:1.03!important;letter-spacing:-.045em!important}

/* Buttons stay planted: hover is communicated through fill and light. */
.rl .rl-btn{transform:none!important;transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease,opacity .22s ease!important}
.rl .rl-btn:hover{transform:none!important}
.rl .rl-btn-primary:hover{transform:none!important;background:#303034!important;border-color:#303034!important;color:#fff!important;box-shadow:0 0 0 5px rgba(25,25,28,.08)!important}
.rl .rl-btn-soft:hover,.rl .rl-btn-secondary:hover{transform:none!important;background:#19191b!important;border-color:#19191b!important;color:#fff!important;box-shadow:none!important}
.rl .rl-btn:active{transform:scale(.985)!important;transition-duration:.08s!important}

/* App stage: one composed module instead of a banner plus loose bullet row. */
.rl-release.rv-app-stage{position:relative;margin:12px!important;padding:0!important;border-radius:24px!important;background:#19191b!important;overflow:hidden!important}
.rl-release.rv-app-stage::before{content:'';position:absolute;left:-90px;bottom:-190px;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(245,196,0,.5),rgba(245,196,0,0) 69%);pointer-events:none}
.rv-app-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:54px;align-items:center;max-width:1360px!important;padding:58px 48px!important}
.rv-app-intro{padding-inline:12px 22px;text-align:right}.rv-app-intro .rl-release-label{display:inline-flex;margin-bottom:18px;background:var(--site-yellow)!important;color:#19191b!important}
.rv-app-intro h2{max-width:13ch;margin:0;color:#fff!important;font-size:clamp(2.25rem,3.6vw,3.9rem);font-weight:750;line-height:1.1}
.rv-app-intro p{max-width:500px;margin:18px 0 0;color:rgba(255,255,255,.62)!important;font-size:.98rem;line-height:1.9}
.rv-app-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rv-app-card{display:grid;grid-template-columns:54px minmax(0,1fr) 24px;gap:14px;align-items:center;min-height:120px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#fff;color:#19191b!important;transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.rv-app-card:hover{background:#f2f2ef;color:#19191b!important;border-color:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.08)}
.rv-app-card.rv-app-android{background:var(--site-yellow);border-color:var(--site-yellow)}.rv-app-card.rv-app-android:hover{background:#ffcf0f;border-color:#ffcf0f;box-shadow:0 0 0 5px rgba(245,196,0,.18)}
.rv-app-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:16px;background:#19191b;color:#fff}.rv-app-card>span:nth-child(2){min-width:0}.rv-app-card small{display:block;margin-bottom:4px;color:#77787d;font-size:.72rem}.rv-app-android small{color:#5b4a00}.rv-app-card strong{display:block;font-size:1rem;line-height:1.5}

/* Team section: an editorial intro beside a clear three-step workflow. */
.rl-solutions{padding:88px 0!important}.rv-team-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:64px;align-items:start}
.rv-team-intro{position:sticky;top:112px;padding-inline:12px 18px;text-align:right}.rv-team-intro .rl-eyebrow{display:inline-flex;margin-bottom:20px}.rv-team-intro .rl-h2{max-width:10ch!important;margin:0!important;font-size:clamp(2.75rem,4.6vw,4.8rem)!important}.rv-team-intro .rl-lead{max-width:460px!important;margin:22px 0 28px!important;line-height:1.9!important}.rv-team-intro>.rl-btn{display:inline-flex;background:#19191b!important;border-color:#19191b!important;color:#fff!important}
.rl .rv-team-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
.rl .rv-team-list .rl-solution-card{display:grid!important;grid-template-columns:54px minmax(0,1fr) 50px!important;gap:18px!important;align-items:center!important;min-height:154px!important;padding:24px!important;border:1px solid #dededb!important;border-radius:20px!important;background:#fff!important;color:#19191b!important}
.rl .rv-team-list .rl-solution-card:nth-child(2){background:#dededb!important}.rl .rv-team-list .rl-solution-card:nth-child(3){grid-column:auto!important;background:#19191b!important;border-color:#19191b!important}
.rv-team-list .rl-solution-no{width:54px!important;height:54px!important;margin:0!important;border-radius:16px!important;background:#f1f1ee!important;box-shadow:none!important}.rv-team-list .rl-solution-card:nth-child(3) .rl-solution-no{background:var(--site-yellow)!important}
.rv-team-list .rl-solution-card>div h3{margin:0 0 7px!important;font-size:1.35rem!important}.rv-team-list .rl-solution-card>div p{max-width:520px;margin:0!important;font-size:.88rem!important;line-height:1.8!important}.rv-team-list .rl-solution-card>svg{justify-self:end;color:#77787d}.rv-team-list .rl-solution-card:nth-child(3)>svg{color:var(--site-yellow)}

@media(max-width:900px){
  .rv-app-grid{grid-template-columns:1fr!important;gap:30px;padding:44px 30px!important}.rv-app-intro h2{max-width:16ch}.rv-team-layout{grid-template-columns:1fr!important;gap:34px!important}.rv-team-intro{position:static!important}.rv-team-intro .rl-h2{max-width:14ch!important}.rv-team-intro .rl-lead{max-width:620px!important}
}
@media(max-width:600px){
  .rl .rl-h2{font-size:clamp(2.05rem,9.8vw,2.9rem)!important;line-height:1.16!important}.rl .rl-head{text-align:right!important}
  .rv-hero-copy h1{font-size:clamp(2.35rem,10.8vw,3.2rem)!important;line-height:1.08!important}
  .rl-release.rv-app-stage{margin:6px!important;border-radius:20px!important}.rv-app-grid{padding:36px 18px!important}.rv-app-intro{padding-inline:0!important}.rv-app-intro h2{font-size:2.15rem!important}.rv-app-actions{grid-template-columns:1fr!important}.rv-app-card{min-height:96px!important}
  .rl-solutions{padding:56px 0!important}.rv-team-layout{gap:28px!important}.rv-team-intro{padding-inline:0!important}.rv-team-intro .rl-h2{font-size:2.65rem!important}.rv-team-intro>.rl-btn{width:100%;justify-content:center}
  .rl .rv-team-list .rl-solution-card{grid-template-columns:46px minmax(0,1fr) 28px!important;gap:12px!important;min-height:132px!important;padding:18px!important}.rv-team-list .rl-solution-no{width:46px!important;height:46px!important;border-radius:14px!important}.rv-team-list .rl-solution-card>div h3{font-size:1.15rem!important}.rv-team-list .rl-solution-card>div p{font-size:.8rem!important}
}
@media(max-width:390px){.rv-hero-product{min-height:355px!important}.rv-product-title b{font-size:25px!important}.rv-mini-tabs span{font-size:9px!important}.rv-float-online{display:none!important}}
@media(prefers-reduced-motion:reduce){.rv-pulse{animation:none!important}.rv-product-window{transform:none!important}}

/* ─────────────────────────────────────────────────────────────
   Spartan editorial direction v3
   Full-bleed rounded stages, capsule navigation, oversized type,
   monochrome modules and Ravin yellow used only as an accent.
   ───────────────────────────────────────────────────────────── */
body.rl-page{padding:0!important;background:#fff!important}
body.rl-page .rl{overflow:visible!important;background:#fff!important}
body.rl-page .rl .rl-nav,
body.rl-page .rl .rl-nav.scrolled{
  top:24px!important;right:34px!important;left:34px!important;border:0!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
body.rl-page .rl .rl-nav-inner{width:100%!important;max-width:none!important;min-height:48px!important;padding:0!important;gap:10px!important}
.rl-nav .rl-logo{min-height:48px;padding:4px 11px 4px 15px;border:1px solid #e4e4e2;border-radius:999px;background:#fff;color:#161617!important;box-shadow:0 5px 18px rgba(20,20,22,.04)}
.rl-nav .rl-logo-mark{width:36px!important;height:36px!important;border:2px solid #18181a!important;border-radius:999px!important;background:#fff!important}
.rl-nav .rl-logo-mark img{width:25px!important;height:25px!important}
.rl-nav .rl-nav-links{min-height:48px;padding:4px 7px!important;border:1px solid #e4e4e2;border-radius:999px;background:#fff;box-shadow:0 5px 18px rgba(20,20,22,.04)}
.rl-nav .rl-nav-links a{padding:9px 12px!important;border-radius:999px!important;font-size:.78rem!important;font-weight:500!important;opacity:.68!important}
.rl-nav .rl-nav-links a.is-active{background:#f0f0ee!important;color:#111!important;opacity:1!important}
.rl-nav .rl-nav-actions{min-height:48px;padding:4px;border:1px solid #e4e4e2;border-radius:999px;background:#fff;box-shadow:0 5px 18px rgba(20,20,22,.04)}
.rl-nav .rl-btn{min-height:38px!important;border-radius:999px!important}
.rl-nav .rl-btn-primary{padding:7px 17px!important;background:#19191b!important;color:#fff!important;border-color:#19191b!important}
.rl-nav .rl-btn-ghost{padding:7px 14px!important}

.rl .rv-framer-hero{
  min-height:780px!important;margin:10px 12px 0!important;padding:144px 40px 0!important;
  border-radius:24px!important;background:#eeeeec!important;overflow:hidden!important;
}
.rv-framer-hero::before{
  background:linear-gradient(180deg,rgba(255,255,255,0) 50%,rgba(22,22,24,.08) 100%)!important;
  opacity:1!important;mask-image:none!important;-webkit-mask-image:none!important;
}
.rv-hero-orb{left:auto;right:38%;bottom:-360px;width:720px;height:720px;background:radial-gradient(circle,rgba(245,196,0,.22),rgba(245,196,0,0) 68%);filter:blur(20px)}
.rv-hero-grid{display:block!important;width:100%!important;max-width:none!important;height:100%!important;padding:0!important}
.rv-hero-copy{position:relative;z-index:6;width:min(590px,48vw);margin-right:0;margin-left:auto;text-align:right!important}
.rv-hero-copy .rl-badge{display:none!important}
.rv-hero-copy h1{display:flex;flex-direction:column;max-width:none!important;font-size:clamp(4rem,6.4vw,7rem)!important;line-height:.98!important;letter-spacing:-.07em!important}
.rv-hero-muted{color:#a4a4a1!important;font-weight:500!important}
.rv-hero-strong{color:#161617!important;font-weight:700!important}
.rv-marker{white-space:normal!important}.rv-marker::after{display:none!important}
.rv-hero-copy .rl-hero-sub{max-width:480px!important;margin:24px 0 24px auto!important;font-size:1rem!important;line-height:1.8!important;color:#474749!important}
.rv-hero-copy .rl-hero-cta{justify-content:flex-start!important}
.rv-hero-copy .rl-btn{min-height:58px!important;border-radius:16px!important}
.rv-hero-copy .rl-btn-primary{padding:5px 6px 5px 20px!important;border-color:#1d1d1f!important;background:rgba(22,22,24,.92)!important;color:#fff!important;box-shadow:none!important}
.rv-hero-copy .rv-btn-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:12px;background:#fff;color:#151517}
.rv-hero-copy .rl-btn-soft{border-color:#d8d8d5!important;background:rgba(255,255,255,.72)!important;box-shadow:none!important}
.rv-hero-copy .rl-hero-note{margin-top:18px!important;justify-content:flex-start!important;color:#68686a!important}
.rv-hero-product{position:absolute!important;z-index:3;left:3%;bottom:-62px;width:58%;min-height:520px!important;margin:0!important;isolation:isolate}
.rv-product-window{position:absolute;inset:auto 0 0 0!important;width:100%;height:470px;border:1px solid rgba(255,255,255,.55)!important;border-radius:25px 25px 0 0!important;background:#fff!important;box-shadow:0 38px 80px rgba(19,19,21,.24)!important;transform:perspective(1200px) rotateY(5deg) rotateX(1deg)!important;transform-origin:left bottom}
.rv-product-bar{height:62px!important;padding:0 18px!important;background:#1a1a1c!important}.rv-product-body{min-height:408px!important}.rv-product-side{background:#1a1a1c!important}
.rv-float-response{left:-8px!important;bottom:54px!important}.rv-float-online{right:18%!important;top:4px!important}
.rv-hero-showcase{
  position:absolute;z-index:4;left:-1.5%;bottom:-22px;width:min(64%,1040px);margin:0;
  pointer-events:none;filter:drop-shadow(0 36px 46px rgba(17,17,19,.2));
}
.rv-hero-showcase img{display:block;width:100%;height:auto;object-fit:contain;transform:translateZ(0)}

.rl-release{padding:18px 12px 10px!important}.rl-release .rl-wrap{max-width:none!important;padding:0!important}.rl-release-bar{border:0!important;border-radius:18px!important;background:#f0f0ee!important}.rl-capabilities{margin-top:12px!important}
.rl-sec,.rl-bento-sec,.rl-pricing,.rl-faq{margin:12px!important;border-radius:24px!important;overflow:hidden!important}
.rl-sec{padding:112px 0!important}.rl-solutions{background:#eeeeec!important}
.rl-head{max-width:980px!important;margin-right:0!important;margin-left:auto!important}.rl-eyebrow{border:0!important;background:#fff!important;color:#171719!important}.rl-h2{max-width:17ch;font-size:clamp(3.2rem,6vw,6rem)!important;line-height:1!important;font-weight:600!important;letter-spacing:-.065em!important}.rl-lead{max-width:610px;font-size:1rem!important;color:#4c4c4f!important}
.rl-solution-grid{grid-template-columns:1.1fr .9fr .9fr!important;align-items:stretch!important}.rl-solution-card{min-height:420px!important;padding:30px!important;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:none!important}.rl-solution-card:nth-child(2){background:#dededb!important}.rl-solution-card:nth-child(3){background:#19191b!important}.rl-solution-card:nth-child(3) :where(h3,p,li){color:#fff!important}.rl-solution-card:nth-child(3) .rl-solution-no{background:var(--site-yellow)!important;color:#19191b!important}
.rl-solution-card h3{font-size:1.8rem!important}.rl-solution-card p{font-size:.95rem!important;line-height:1.9!important}
.rl-bento-sec{padding:92px 0!important;background:#fff!important}.rl-bento-card,.rl-bento-card:nth-child(1),.rl-bento-card.b-2x2{border:1px solid #e1e1df!important;border-radius:22px!important;background:#eeeeec!important}.rl-bento-card:nth-child(3n+2){background:#19191b!important;border-color:#19191b!important}.rl-bento-card:nth-child(3n+2) :where(h3,p,span,b){color:#fff!important}
.rl-pricing{padding:104px 0!important;background:#eeeeec!important}.rl-price{border:0!important;border-radius:22px!important;background:#fff!important}.rl-price.feat{background:var(--site-yellow)!important;border:0!important}.rl-price.feat .rl-btn-primary{background:#19191b!important;color:#fff!important;border-color:#19191b!important}
.rl-faq{padding:104px 0!important;background:#eeeeec!important}.rl-faq-item{border:0!important;border-radius:16px!important;background:#fff!important}
.rl-cta{margin:12px!important;border-radius:24px!important}.rl-footer{margin:0 12px 12px!important;border-radius:24px!important}

.rl .rl-hero:not(.rv-framer-hero){margin:10px 12px 0!important;padding:150px 0 84px!important;border-radius:24px!important;background:#eeeeec!important}.rl .rl-hero:not(.rv-framer-hero)::before{background:none!important}.rl .rl-hero-c:not(.rv-framer-hero) h1{font-size:clamp(3.6rem,6.5vw,6.5rem)!important;font-weight:600!important;letter-spacing:-.07em!important}.rl .rl-hero-c:not(.rv-framer-hero) .rl-badge{border:0!important;border-radius:999px!important;background:#fff!important}

@media(hover:hover) and (pointer:fine){
  .rl :where(.rl-solution-card,.rl-bento-card,.rl-price,.rl-post,.rl-doc-card):hover{transform:translateY(-4px)!important;box-shadow:0 18px 38px rgba(20,20,22,.08)!important}
  .rv-hero-copy .rl-btn-primary:hover{background:#000!important}
}
@media(max-width:1100px){
  body.rl-page .rl .rl-nav{right:22px!important;left:22px!important}.rl-nav .rl-nav-links a{padding-inline:8px!important;font-size:.72rem!important}
  .rv-hero-copy{width:54vw}.rv-hero-copy h1{font-size:clamp(3.6rem,6vw,5.4rem)!important}.rv-hero-product{width:55%}.rv-hero-showcase{left:-3%;width:62%}.rl-solution-grid{grid-template-columns:1fr 1fr!important}.rl-solution-card:nth-child(3){grid-column:1/-1!important;min-height:300px!important}
}
@media(max-width:900px){
  body.rl-page .rl .rl-nav{top:12px!important;right:22px!important;left:22px!important}.rl-nav .rl-logo{padding-inline:10px!important}.rl-nav .rl-nav-actions{border:0!important;background:transparent!important;box-shadow:none!important}.rl-nav .rl-burger{display:flex!important;width:48px!important;height:48px!important;border:1px solid #e4e4e2!important;border-radius:999px!important;background:#fff!important}
  .rl-mobile-menu{top:58px!important;border:1px solid #e2e2df!important;border-radius:18px!important;background:#fff!important;box-shadow:0 24px 60px rgba(20,20,22,.14)!important}
  .rl .rv-framer-hero{min-height:900px!important;padding:120px 28px 0!important}.rv-hero-copy{width:100%;text-align:center!important}.rv-hero-copy h1{align-items:center;font-size:clamp(3.8rem,10vw,6rem)!important}.rv-hero-copy .rl-hero-sub{margin-inline:auto!important}.rv-hero-copy .rl-hero-cta,.rv-hero-copy .rl-hero-note{justify-content:center!important}.rv-hero-product{left:7%;right:7%;bottom:-45px;width:auto;min-height:480px!important}.rv-hero-showcase{left:3%;bottom:-30px;width:94%}.rv-product-window{height:430px}.rv-product-body{min-height:368px!important}.rv-float-online{right:4%!important}
}
@media(max-width:700px){
  body.rl-page .rl .rl-nav{top:8px!important;right:18px!important;left:18px!important}.rl-nav .rl-logo{min-height:44px!important}.rl-nav .rl-logo-mark{width:32px!important;height:32px!important}.rl-nav .rl-nav-actions{display:none!important}
  .rl .rv-framer-hero{min-height:760px!important;margin:6px!important;padding:96px 16px 0!important;border-radius:20px!important}.rv-hero-copy h1{font-size:clamp(2.75rem,13vw,4.4rem)!important;line-height:1.02!important}.rv-hero-copy .rl-hero-sub{font-size:.92rem!important}.rv-hero-copy .rl-hero-cta{grid-template-columns:1fr 1fr!important}.rv-hero-copy .rl-btn{min-height:52px!important}.rv-hero-copy .rv-btn-icon{width:40px;height:40px}.rv-hero-copy .rl-hero-note{display:none!important}
  .rv-hero-product{left:8px!important;right:8px!important;bottom:-82px!important;min-height:380px!important}.rv-hero-showcase{position:relative!important;left:auto!important;bottom:auto!important;width:118%;margin:26px -9% -3%}.rv-product-window{height:350px!important;border-radius:18px 18px 0 0!important;transform:none!important}.rv-product-bar{height:50px!important}.rv-product-body{min-height:300px!important}.rv-product-inbox{padding:10px!important}.rv-float-card{display:none!important}
  .rl-release{padding:6px!important}.rl-sec,.rl-bento-sec,.rl-pricing,.rl-faq{margin:6px!important;border-radius:20px!important}.rl-sec{padding:68px 0!important}.rl-h2{font-size:clamp(2.45rem,12vw,3.4rem)!important}.rl-solution-grid{grid-template-columns:1fr!important}.rl-solution-card,.rl-solution-card:nth-child(3){grid-column:auto!important;min-height:300px!important}.rl-bento-sec,.rl-pricing,.rl-faq{padding:64px 0!important}.rl-cta,.rl-footer{margin:6px!important;border-radius:20px!important}
  .rl .rl-hero:not(.rv-framer-hero){margin:6px!important;padding:108px 0 52px!important;border-radius:20px!important}.rl .rl-hero-c:not(.rv-framer-hero) h1{font-size:clamp(2.7rem,12vw,3.9rem)!important}
}
@media(prefers-reduced-motion:reduce){.rv-product-window{transform:none!important}}

/* Spartan mobile flow correction: preserve the composition without overlap. */
@media(max-width:700px){
  html,body.rl-page{max-width:100%;overflow-x:hidden!important}
  body.rl-page .rl .rl-nav{right:18px!important;left:auto!important;width:calc(100% - 36px)!important;box-sizing:border-box!important}
  body.rl-page .rl .rl-nav-inner{width:100%!important;max-width:100%!important}
  .rl-nav .rl-logo{width:44px!important;min-width:44px!important;max-width:44px!important;padding:4px!important;font-size:0!important;white-space:nowrap}
  .rl .rv-framer-hero{display:block!important;min-height:auto!important;padding:96px 16px 0!important}
  .rv-hero-grid{height:auto!important}
  .rv-hero-copy{position:relative!important;width:calc(100vw - 44px)!important;max-width:100%!important;margin-inline:auto!important}
  .rv-hero-copy h1{display:block!important;font-size:clamp(2.45rem,11.5vw,3.45rem)!important;line-height:1.05!important;letter-spacing:-.055em!important}
  .rv-hero-copy h1>span{display:block!important}
  .rv-hero-copy .rv-marker{display:inline!important}
  .rv-hero-copy .rl-hero-sub{margin:18px auto 20px!important;line-height:1.75!important}
  .rv-hero-copy .rl-hero-cta{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .rv-hero-copy .rl-btn{width:100%!important;min-width:0!important}
  .rv-hero-product{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;min-height:350px!important;margin:30px 0 0!important}
  .rv-hero-showcase{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:118%!important;margin:24px -9% -2%!important}
  .rv-product-window{position:absolute!important;right:-6px!important;left:-6px!important;width:auto!important;height:338px!important}
  .rv-product-body{min-height:288px!important}.rv-chat-row{grid-template-columns:34px minmax(0,1fr) auto!important}.rv-chat-row small{max-width:130px!important}
}