/* RUENGINE v3 design system - subpages */
:root{--bk:#e9e9e6;--wh:#16181c;--sf:#1d2025;--mu:#9a9ea4;--bd:#3d424a;--deep:#16181c;--ac:#ed681e}
body{background:#16181c;color:#e9e9e6}
h1,h2,h3,h4{color:#fff;font-weight:600;letter-spacing:-.03em}
h1 i,h2 i,h3 i{color:var(--ac);font-weight:500}
a{color:#fff}
.mono{color:#9a9ea4}
/* header: v3 dark blurred band */
.sn{background:rgba(22,24,28,.85)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:none!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:0 24px!important;min-height:64px}
.sn .lg img{height:32px!important}
.sn .lg{font-weight:600}
#ddb{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:none;border:0;cursor:pointer;padding:10px 4px}
.dd ul{background:#1d2025!important;border:1px solid #3d424a!important;border-radius:12px;padding:6px 0;box-shadow:0 18px 50px rgba(0,0,0,.5)}
.dd li a{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:12px 18px;color:#e9e9e6}
.dd li a:hover{color:var(--ac);background:none}
.term{background:#16181c!important;border-bottom:1px solid #2a2e35;color:#8a8f96}
/* buttons: v3 pills */
.btn{border-radius:99px!important;border:1px solid #555a62;background:transparent;color:#fff;padding:12px 22px;transition:.25s}
.btn:hover{background:var(--ac);border-color:var(--ac);color:#fff;transform:translateY(-3px)}
.sn .btn,.btn.dk,.dk .btn,.hero .btn,.endcta .btn,form .btn{background:var(--ac);border-color:var(--ac);color:#fff}
.sn .btn{padding:10px 16px}
/* surfaces: v3 rounded dark cards */
.tiers,.two,.proof,.lee,.chat,.bf,.toc{border:1px solid #444a52!important;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#20242a,#191c21)}
.grid>div,.eff>div,.rows>div,.integration-service,.db-card,.pipe-cols div,.ws div{border:1px solid #444a52!important;border-radius:16px;background:linear-gradient(145deg,#23272d,#1a1d22)!important}
.tiers div,.two>div{border-color:#3d424a!important}
.tiers li,.two li,.sso li{border-color:#2f333a!important}
.sso ul{border-color:#3d424a!important}
.sso li b,.tiers h3,.two h3{font-weight:600}
.pipe-cols span{background:#16181c;border:1px solid #3d424a;border-radius:8px;color:#c9cdd2}
.pipe-cols .hot{border-left:3px solid var(--ac)}
.pipe-cols em{color:#8a8f96}
.db-main{background:#1d2025;border-radius:20px}
.db-card h4{color:#9a9ea4}
.bf{box-shadow:0 24px 60px rgba(0,0,0,.45)}
.bf-top{background:#23272d;border-color:#3d424a}
.bf-top i{border-color:#555}
.bf-url{background:#16181c;border-color:#3d424a;color:#8a8f96}
.chat .hd{color:#9a9ea4;border-color:#3d424a}
.bb.c{background:#2a2e35;color:#e9e9e6}
.ws div{color:#c9cdd2}
/* forms: v3 fields */
input,select,textarea{background:#14161a!important;border:1px solid #3d424a!important;border-radius:10px;color:#fff;font-family:var(--mono)}
input:focus,select:focus,textarea:focus{border-color:var(--ac)!important;outline:0}
form .btn{border:0}
/* hero: v3 blueprint grid + type */
.hero{background-image:linear-gradient(rgba(22,24,28,.72),rgba(22,24,28,.86)),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),url(img/hero.jpg)!important;background-size:auto,48px 48px,48px 48px,cover!important;background-position:center!important;filter:none}
.hero h1{font-weight:900;letter-spacing:-.045em}
.hero .sub{color:#c9cdd2}
.hsvc li{border-color:rgba(255,255,255,.14)!important;border-radius:10px;margin:4px;background:rgba(255,255,255,.04)}
.hsvc li.ai{background:var(--ac)!important;color:#fff}
/* end CTA: v3 orange band */
.endcta{background:var(--ac);color:#16181c;border-radius:0}
.endcta h2{color:#16181c}
.endcta .btn{background:#16181c!important;border-color:#16181c!important;color:#fff!important}
.endcta .btn:hover{transform:translateY(-3px)}
.endcta .nxl a{color:#16181c!important}
/* footer */
.foot{border-top:1px solid #2a2e35;color:#8a8f96}
.foot a{color:#c9cdd2}
.note,.tl,.ph figcaption{color:#9a9ea4}
.dark,.dk{background:#23272d}
.tc.dk,.dk{background:#23272d!important;box-shadow:none!important}
.proof div,.grid div,.tiers,.tiers div,.eff,.eff div,.two,.two>div+div,.lee,.lee .grid,.lee .grid div,.chat,.toc,.preview-slot img,.integration-service,.tc{border-color:#3d424a}
/* lighter motion everywhere + reduced motion */
*{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.urg .ud{animation:none!important}}
.toc{padding:26px 30px}
.toc a,.toc li{color:#c9cdd2}
.toc a:hover{color:var(--ac)}
#legal a{color:#c9cdd2}
#legal a:hover{color:var(--ac)}
#legal h3{border-top-color:#3d424a}
/* grouped submenu: Ownership & Security */
.grpbtn{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:12px 18px;color:#e9e9e6;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.grpbtn:hover{color:var(--ac)}
.grp .sub{list-style:none;margin:0;padding:0 0 6px}
.dd ul.sub{display:none;position:static;border:0!important;box-shadow:none!important;background:transparent!important;min-width:0;border-radius:0;padding:0 0 6px}
.grp.open ul.sub,.grp:hover ul.sub{display:block}
.grp .sub li a{padding:9px 18px 9px 32px;font-size:12px;color:#9a9ea4}
.grp .sub li a:hover{color:var(--ac)}
