/* Ravin glass surface system — loaded last for public pages. */
body.rl-page{
  background:
    radial-gradient(circle at 12% 12%,rgba(255,204,0,.25),transparent 27%),
    radial-gradient(circle at 88% 24%,rgba(255,221,77,.18),transparent 25%),
    radial-gradient(circle at 50% 88%,rgba(255,204,0,.12),transparent 32%),
    #ebe8e1!important;
  background-attachment:fixed!important;
}
body.rl-page::before{display:block!important;content:""!important;position:fixed!important;inset:0!important;pointer-events:none!important;background-image:linear-gradient(rgba(23,23,27,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,27,.045) 1px,transparent 1px)!important;background-size:48px 48px!important;opacity:.7!important}
.rl,.rl-hero,.rl-sec,.rl-bento-sec{background:transparent!important}
.rl-sec.alt{background:rgba(255,255,255,.16)!important;border-block:1px solid rgba(255,255,255,.34)!important}

.rl-nav{background:rgba(255,255,255,.54)!important;border-bottom:1px solid rgba(255,255,255,.7)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;backdrop-filter:blur(22px) saturate(145%)!important;box-shadow:0 8px 30px rgba(34,29,18,.06)!important}
.rl-nav.scrolled{background:rgba(255,255,255,.7)!important;box-shadow:0 12px 38px rgba(34,29,18,.1)!important}
.rl-mobile-menu{background:rgba(255,255,255,.72)!important;border:1px solid rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;backdrop-filter:blur(24px) saturate(150%)!important}

.rl :where(.rl-badge,.rl-card,.rl-bento-card,.rl-price,.rl-price-card,.rl-faq-item,.rl-doc-card,.rl-blog-card,.rl-post,.rl-shot,.rl-browser),
.rl section>div>div[style*="background:rgba"]{
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.36))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%)!important;
  backdrop-filter:blur(20px) saturate(145%)!important;
  box-shadow:0 18px 48px rgba(43,36,18,.1),inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.rl :where(.rl-bento-card,.rl-price,.rl-faq-item,.rl-post):hover{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.48))!important;border-color:rgba(255,204,0,.62)!important;box-shadow:0 24px 60px rgba(64,51,12,.14),inset 0 1px 0 #fff!important}
.rl .rl-price.feat{background:linear-gradient(145deg,rgba(255,249,210,.8),rgba(255,255,255,.45))!important;border:1px solid rgba(255,204,0,.72)!important}
.rl input,.rl textarea,.rl select{background:rgba(255,255,255,.48)!important;border-color:rgba(255,255,255,.8)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important}
.rl input:focus,.rl textarea:focus,.rl select:focus{background:rgba(255,255,255,.76)!important;border-color:#f5c400!important;box-shadow:0 0 0 4px rgba(245,196,0,.16)!important}

/* Bright brand yellow instead of the previous olive gold. */
.rl :where(.rl-hl-green,.rl-hl-coral,.rl-eyebrow,.rl-badge b,.rl-hero-note svg,.rl-faq-q svg,.t-gold){color:#f5c400!important;background-image:none!important;-webkit-text-fill-color:#f5c400!important;text-shadow:0 1px 12px rgba(245,196,0,.2)}
.rl :where(.rl-btn-primary,.rl-cta-primary){background:#f5c400!important;border-color:#f5c400!important;box-shadow:0 10px 28px rgba(245,196,0,.3)!important}
.rl :where(.rl-btn-primary,.rl-cta-primary):hover{background:#ffd633!important;border-color:#ffd633!important;box-shadow:0 14px 36px rgba(245,196,0,.38)!important}
.rl .rl-badge-dot,.rl .bento-glow{background:#f5c400!important;box-shadow:0 0 0 5px rgba(245,196,0,.16),0 0 20px rgba(245,196,0,.4)!important}
.rl .rl-cta{background:linear-gradient(135deg,rgba(255,211,38,.9),rgba(245,196,0,.76))!important;border:1px solid rgba(255,255,255,.65)!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;box-shadow:0 24px 60px rgba(104,83,4,.2)!important}

@media(max-width:700px){.rl :where(.rl-badge,.rl-bento-card,.rl-price,.rl-faq-item,.rl-post){-webkit-backdrop-filter:blur(14px) saturate(130%)!important;backdrop-filter:blur(14px) saturate(130%)!important}.rl-nav{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}}
@media(prefers-reduced-transparency:reduce){.rl :where(.rl-badge,.rl-bento-card,.rl-price,.rl-faq-item,.rl-post),.rl-nav{background:#f7f5ef!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}

/* Clear section rhythm: remove faint, incomplete divider lines. */
.rl>.rl-sec,.rl>.rl-bento-sec,.rl>.rl-hero{border-top:0!important;border-bottom:0!important}
.rl hr,.rl .section-divider{display:none!important}

/* Bento cards need enough room after the global type scale increase. */
.rl .rl-bento{grid-auto-rows:minmax(210px,auto)!important;align-items:stretch}
.rl .rl-bento-card{min-height:210px!important;padding:1.55rem 1.6rem!important;overflow:hidden}
.rl .rl-bento-card h3{color:#242329!important;line-height:1.45!important}
.rl .rl-bento-card p{color:#615e66!important;line-height:1.85!important;overflow-wrap:anywhere}
.rl .bento-stat .bento-num{color:#f5c400!important;background:none!important;-webkit-text-fill-color:#f5c400!important}
.rl .bento-stat .bento-lbl{color:#66626a!important}
.rl .b-mock-top span{color:#77737b!important}
.rl .b-mock-b.in{color:#26252a!important;background:rgba(255,255,255,.58)!important}
.rl .b-mock-b.out{color:#17140a!important;background:#f5c400!important}

/* Public features page: dark readable copy on light glass surfaces. */
.rl-feature-group-title{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;color:#28262c!important;font-size:1.15rem;font-weight:900}
.rl-feature-group-title>span{width:8px;height:8px;flex:none;border-radius:50%;background:#f5c400;box-shadow:0 0 0 5px rgba(245,196,0,.13)}
.rl-feature-group-title small{color:#716e76!important;font-size:.8rem!important;font-weight:600!important}
.rl-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}
.rl-feature-item{display:flex;align-items:center;gap:.75rem;min-height:58px;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.82);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(255,255,255,.36));-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 12px 32px rgba(43,36,18,.07)}
.rl-feature-item-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border:1px solid rgba(245,196,0,.36);border-radius:9px;background:rgba(245,196,0,.14)}
.rl-feature-item-icon svg{stroke:#c89f00!important}
.rl-feature-item-name{color:#29272d!important;font-size:.92rem!important;font-weight:750!important;line-height:1.65}

@media(max-width:560px){.rl .rl-bento{grid-auto-rows:minmax(195px,auto)!important}.rl .rl-bento-card{min-height:195px!important}.rl .b-2x2{min-height:400px!important}.rl-feature-grid{grid-template-columns:1fr}}
.rl .bento-realtime{border-color:rgba(245,196,0,.26)!important;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,249,224,.48))!important}.rl .bento-realtime .bento-glow{width:150px!important;height:150px!important;top:-72px!important;inset-inline-end:-55px!important;background:radial-gradient(circle,rgba(245,196,0,.2),transparent 68%)!important;box-shadow:none!important;filter:blur(18px)!important}.rl .bento-realtime .bento-num{color:#d6aa00!important;-webkit-text-fill-color:#d6aa00!important;font-size:2.35rem!important;text-shadow:none!important}

/* Blog index and article pages — final layer after the global font scale. */
.blog-index-page .bi-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:20px!important}.blog-index-page .bi-card{height:100%;border:1px solid rgba(207,201,190,.78)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.5))!important;box-shadow:0 16px 42px rgba(44,37,18,.08)!important;overflow:hidden}.blog-index-page .bi-card:hover{transform:translateY(-5px)!important;border-color:rgba(224,179,0,.5)!important;box-shadow:0 22px 52px rgba(44,37,18,.13)!important}.blog-index-page .bi-cover{height:auto!important;aspect-ratio:16/8.7;background-size:cover!important;background-position:center!important;border-bottom:1px solid rgba(207,201,190,.62)}.blog-index-page .bi-body{padding:20px!important}.blog-index-page .bi-tags{margin:0 0 9px!important;gap:6px!important}.blog-index-page .bi-tag{padding:3px 9px!important;border:1px solid rgba(205,163,0,.24)!important;background:rgba(245,196,0,.1)!important;color:#856b00!important;font-size:11px!important;font-weight:800!important}.blog-index-page .bi-title{margin:0 0 7px!important;color:#242329!important;font-size:17px!important;font-weight:900!important;line-height:1.65!important}.blog-index-page .bi-excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0!important;color:#706c75!important;font-size:13px!important;font-weight:500!important;line-height:1.9!important}.blog-index-page .bi-meta{margin-top:16px!important;padding-top:12px!important;border-top:1px solid rgba(207,201,190,.62)!important;color:#89858d!important;font-size:11px!important}.blog-index-page .bi-meta time,.blog-index-page .bi-meta>span{font-size:11px!important}.blog-index-page .bi-meta .bi-more{color:#a98500!important;font-size:12px!important;font-weight:900!important}
.blog-post-page .bp-hero{padding-bottom:30px!important;background:radial-gradient(ellipse 55% 100% at 50% 0%,rgba(245,196,0,.12),transparent 72%)!important}.blog-post-page .bp-title{color:#211f25!important}.blog-post-page .bp-crumb-current{color:#716e76!important}.blog-post-page .bp-meta{color:#77737b!important}.blog-post-page .bp-meta span{font-size:12px!important}.blog-post-page .bp-tag{border-color:rgba(205,163,0,.25)!important;background:rgba(245,196,0,.1)!important;color:#806700!important;font-size:11px!important;font-weight:800!important}.blog-post-page .bp-cover{max-width:880px!important;margin-top:22px!important}.blog-post-page .bp-cover img{border:1px solid rgba(207,201,190,.72)!important;border-radius:22px!important;box-shadow:0 24px 58px rgba(44,37,18,.14)!important}.blog-post-page .bp-wrap{max-width:780px!important;margin-top:24px!important;padding:30px 34px!important;border:1px solid rgba(207,201,190,.7);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.48));box-shadow:0 18px 48px rgba(44,37,18,.075)}.blog-post-page .bp-lead{margin:0 0 20px!important;padding:4px 15px 4px 0!important;border-color:#e4b600!important;color:#4d4951!important;font-size:16px!important;line-height:2!important}.blog-post-page .bp-divider{margin:20px 0!important;background:linear-gradient(90deg,transparent,rgba(90,83,68,.2),transparent)!important}.blog-post-page .rl-post-body{color:#504c54!important;font-size:15px!important;line-height:2.15!important}.blog-post-page .rl-post-body p,.blog-post-page .rl-post-body li{color:#615d65!important;font-size:15px!important;line-height:2.15!important}.blog-post-page .rl-post-body h2,.blog-post-page .rl-post-body h3,.blog-post-page .rl-post-body h4{color:#242329!important}.blog-post-page .rl-post-body blockquote{color:#68646c!important;background:rgba(245,196,0,.07);border-radius:12px;padding:12px 16px!important}.blog-post-page .rl-post-body code{background:#eeece7!important;color:#6e5900!important}.blog-post-page .rl-post-body th,.blog-post-page .rl-post-body td{border-color:#d8d4cc!important}.blog-post-page .rl-post-body th{background:#efede9!important}.blog-post-page .bp-related h2{color:#242329!important}.blog-post-page .bp-related-card{border:1px solid rgba(207,201,190,.72)!important;border-radius:16px!important;background:rgba(255,255,255,.65)!important;box-shadow:0 12px 34px rgba(44,37,18,.06)}.blog-post-page .bp-related-card h3{color:#29272d!important}.blog-post-page #comments>div{border-color:rgba(207,201,190,.72)!important;background:rgba(255,255,255,.68)!important}.blog-post-page #comments h2,.blog-post-page #comments div[style*="font-weight:700"]{color:#29272d!important}.blog-post-page #comments p{color:#615d65!important}.blog-post-page #comments input,.blog-post-page #comments textarea{border-color:#d8d4cc!important;background:#f7f6f3!important;color:#29272d!important}.blog-post-page #comments input::placeholder,.blog-post-page #comments textarea::placeholder{color:#99949c!important}
@media(max-width:640px){.blog-index-page .bi-grid{grid-template-columns:1fr!important;gap:15px!important}.blog-index-page .bi-body{padding:17px!important}.blog-index-page .bi-title{font-size:16px!important}.blog-post-page .bp-wrap{margin:14px 10px 0!important;padding:22px 18px!important;border-radius:19px!important}.blog-post-page .bp-cover{padding:0 10px!important}.blog-post-page .bp-meta{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:7px!important}.blog-post-page #comments form>div[style*="grid-template-columns"]{grid-template-columns:1fr!important}}

/* Readable gold text on the light glass theme. Brand yellow remains available for fills and decoration. */
.rl :where(.rl-eyebrow,.rl-badge b,.rl-check b,.rl-price-off,.rl-solution-no,.rl-btn-soft:hover,.t-gold,.bento-code .t-gold){color:#735d00!important;-webkit-text-fill-color:#735d00!important;text-shadow:none!important}
.rl :where(.rl-hl-green,.rl-hl-coral){color:#765f00!important;background:none!important;background-image:none!important;-webkit-text-fill-color:#765f00!important;text-shadow:none!important}
.rl :where(.rl-hero-note svg,.rl-faq-q svg,.rl-check-ic,.rl-feat-ic){color:#8a7000!important}
.blog-index-page :where(.bi-crumbs a,.bi-tag,.bi-meta .bi-more),
.blog-post-page :where(.bp-back,.bp-crumbs a,.bp-tag,.rl-post-body a,.rl-post-body .rl-summary>strong,.cm-reply-btn,.bp-related-card span[style*="color:#eab308"]){color:#735d00!important;-webkit-text-fill-color:#735d00!important;text-shadow:none!important}
.blog-index-page :where(.bi-crumbs a,.bi-meta .bi-more):hover,
.blog-post-page :where(.bp-back,.bp-crumbs a,.rl-post-body a,.cm-reply-btn):hover{color:#4f4000!important}
.rl .bento-stat .bento-num{color:#735d00!important;-webkit-text-fill-color:#735d00!important;background:none!important;text-shadow:none!important}
.rl :where([style*="color:#eab308"],[style*="color: #eab308"],[style*="color:#facc15"],[style*="color: #facc15"]){color:#735d00!important;-webkit-text-fill-color:#735d00!important;text-shadow:none!important}
