:root{--rk-purple:#221146;--rk-purple-2:#342168;--rk-yellow:#F4D40A;--rk-accent:#5D4BD1;--rk-light:#F6F4FB;--rk-ink:#241d36;--rk-muted:#6d6780;--rk-green:#169b70}
html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--rk-ink);background:#fff}.text-rk{color:var(--rk-purple)!important}.text-rk-yellow{color:var(--rk-yellow)!important}
.rk-btn-yellow{background:var(--rk-yellow);color:var(--rk-purple);font-weight:800;border-radius:.65rem;padding:.72rem 1.1rem;border:none}.rk-btn-yellow:hover{background:#ffe323;color:#160a33}
.rk-btn-purple{background:var(--rk-purple);color:#fff;font-weight:800;border-radius:.65rem;padding:.72rem 1.1rem}.rk-btn-purple:hover{background:#33206b;color:#fff}
.rk-btn-outline{border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:.65rem;padding:.72rem 1.1rem;font-weight:700}.rk-btn-outline:hover{background:#fff;color:var(--rk-purple)}
.rk-hero{position:relative;overflow:hidden;padding:5.4rem 0 4.5rem;background:radial-gradient(circle at 76% 22%,#5a46a8 0,transparent 26%),linear-gradient(120deg,#180a37,#221146 46%,#342168);color:#fff}
.rk-hero:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-170px;bottom:-250px;background:rgba(244,212,10,.16)}.rk-eyebrow{display:inline-flex;gap:.45rem;align-items:center;color:#f5e978;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:1.1px}.rk-hero h1{font-size:3.4rem;line-height:1.02;font-weight:900;letter-spacing:-.04em}.rk-hero p{font-size:1.08rem;color:#e5def1;max-width:650px}.rk-hero-media{position:relative;z-index:1}.rk-hero-media img{width:100%;border-radius:1.2rem;box-shadow:0 32px 70px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18)}
.rk-section{padding:4.7rem 0}.rk-section-alt{background:var(--rk-light)}.rk-section-title{max-width:760px;margin:0 auto 2.3rem;text-align:center}.rk-section-title h2{font-weight:900;color:var(--rk-purple);letter-spacing:-.02em}.rk-section-title p{color:var(--rk-muted)}
.rk-stat-card,.rk-feature-card,.rk-benefit-card,.rk-plan-card,.rk-contact-card,.rk-workflow-card{height:100%;background:#fff;border:1px solid #ece8f3;border-radius:1rem;box-shadow:0 10px 28px rgba(34,17,70,.07)}.rk-stat-card{padding:1.25rem}.rk-stat-value{font-size:1.9rem;font-weight:900;color:var(--rk-purple)}.rk-stat-label{color:var(--rk-muted);font-size:.88rem}
.rk-icon{width:50px;height:50px;border-radius:.9rem;display:grid;place-items:center;background:#f2effb;color:var(--rk-purple);font-size:1.35rem;font-weight:900}.rk-icon.yellow{background:#fff8c9}.rk-icon.green{background:#e8f7f2;color:#0d8c63}.rk-feature-card{padding:1.35rem;transition:.2s}.rk-feature-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(34,17,70,.12)}.rk-feature-card h5{font-weight:850;color:var(--rk-purple);margin-top:1rem}.rk-feature-card p{color:var(--rk-muted);font-size:.92rem}
.rk-screen-frame{background:linear-gradient(145deg,#2c195d,#130a2f);padding:.65rem;border-radius:1.2rem;box-shadow:0 25px 55px rgba(34,17,70,.16)}.rk-screen-frame img{width:100%;border-radius:.75rem;display:block}.rk-screen-label{font-size:.8rem;text-align:center;color:var(--rk-muted);margin-top:.7rem;font-weight:700}
.rk-band{background:linear-gradient(90deg,var(--rk-purple),#3c2678);color:#fff;border-radius:1.35rem;padding:2rem}.rk-band h3{font-weight:900}.rk-check{display:flex;gap:.65rem;margin:.65rem 0;color:#ece8f6}.rk-check b{color:var(--rk-yellow)}
.rk-page-hero{padding:3.7rem 0;background:linear-gradient(115deg,#1a0c3a,#2a185b 60%,#514198);color:#fff;position:relative;overflow:hidden}.rk-page-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:8%;top:-140px;background:rgba(244,212,10,.22)}.rk-page-hero h1{font-weight:900}.rk-page-hero p{color:#ddd6eb;max-width:760px}
.rk-workflow{counter-reset:rkstep}.rk-workflow-card{padding:1.2rem;position:relative}.rk-workflow-card:before{counter-increment:rkstep;content:counter(rkstep);width:34px;height:34px;border-radius:50%;background:var(--rk-yellow);color:var(--rk-purple);display:grid;place-items:center;font-weight:900;margin-bottom:.8rem}.rk-workflow-card h5{font-weight:850;color:var(--rk-purple)}.rk-workflow-card p{color:var(--rk-muted);font-size:.9rem}
.rk-plan-card{padding:1.6rem;position:relative}.rk-plan-card.popular{border:2px solid var(--rk-yellow);transform:translateY(-8px)}.rk-popular{position:absolute;left:50%;top:-13px;transform:translateX(-50%);background:var(--rk-yellow);color:var(--rk-purple);font-size:.72rem;font-weight:900;padding:.35rem .8rem;border-radius:1rem}.rk-plan-name{font-weight:900;color:var(--rk-purple)}.rk-plan-price{font-size:1.3rem;font-weight:850;color:var(--rk-purple)}.rk-plan-list{list-style:none;padding:0;margin:1.1rem 0}.rk-plan-list li{padding:.42rem 0;border-bottom:1px dashed #eae6f1;color:#5f5871;font-size:.9rem}.rk-plan-list li:before{content:"✓";color:var(--rk-green);font-weight:900;margin-right:.55rem}
.rk-contact-card{padding:1.5rem}.form-control,.form-select{border-color:#ddd7ea;border-radius:.65rem;padding:.75rem}.form-control:focus,.form-select:focus{border-color:#8c7bd1;box-shadow:0 0 0 .2rem rgba(93,75,209,.12)}
.rk-whatsapp,.rk-chat-launch{position:fixed;z-index:1040;bottom:22px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:900;box-shadow:0 10px 24px rgba(0,0,0,.2)}.rk-whatsapp{right:22px;background:#19b868;color:#fff;text-decoration:none}.rk-chat-launch{right:80px;background:var(--rk-accent);color:#fff;border:0}
.rk-chat-panel{position:fixed;right:20px;bottom:82px;width:min(360px,calc(100vw - 30px));background:#fff;border-radius:1rem;box-shadow:0 18px 55px rgba(34,17,70,.24);z-index:1050;display:none;overflow:hidden}.rk-chat-panel.open{display:block}.rk-chat-head{background:var(--rk-purple);color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.rk-chat-head small{display:block;color:#cfc7e3}.rk-chat-head button{border:0;background:transparent;color:#fff;font-size:1.4rem}.rk-chat-body{padding:1rem;height:230px;overflow:auto;background:#faf9fd}.rk-chat-msg{max-width:85%;padding:.7rem .8rem;border-radius:.8rem;margin-bottom:.65rem;font-size:.86rem}.rk-chat-msg.bot{background:#ece8f7}.rk-chat-msg.user{margin-left:auto;background:#221146;color:#fff}.rk-chat-form{display:flex;border-top:1px solid #ece8f3}.rk-chat-form input{flex:1;border:0;padding:.8rem;outline:none}.rk-chat-form button{border:0;background:var(--rk-yellow);color:var(--rk-purple);font-weight:800;padding:0 1rem}

/* Home page reference layout */
.home-showcase {
    position: relative;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 73% 16%, rgba(93, 75, 209, .65), transparent 30%), linear-gradient(135deg, #160a33 0%, #221146 48%, #3b236f 100%);
    border-bottom-right-radius: 92px;
}

.home-topline {
    padding: .45rem 0;
    color: rgba(255,255,255,.82);
    font-size: .78rem;
    border-bottom: 1px solid rgba(255,255,255,.12);
}

.home-hero-carousel {
    position: relative;
}

.home-hero-content {
    min-height: 475px;
    padding: 3.25rem 0 5rem;
}

.home-hero-content h1 {
    max-width: 600px;
    margin: .75rem 0 1rem;
    font-size: clamp(2.45rem, 5.3vw, 4.7rem);
    line-height: .98;
    font-weight: 950;
    letter-spacing: -.04em;
}

.home-hero-content h1 span {
    color: var(--rk-yellow);
    display: block;
}

.home-hero-content p {
    max-width: 610px;
    color: #eee9fb;
    font-size: 1.06rem;
}

.home-building-card {
    position: relative;
    overflow: hidden;
    border-radius: 1.15rem;
    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 28px 70px rgba(5, 2, 18, .38);
}

.home-building-card:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(34,17,70,.12), rgba(34,17,70,0));
    pointer-events: none;
}

.home-building-card img {
    width: 100%;
    height: 360px;
    display: block;
    object-fit: cover;
}

.home-carousel-control {
    top: 48%;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(8, 4, 22, .55);
    opacity: 1;
}

.home-carousel-control.carousel-control-prev {
    left: 16px;
}

.home-carousel-control.carousel-control-next {
    right: 16px;
}

.home-carousel-dots {
    bottom: 1.55rem;
    margin-bottom: 0;
}

.home-carousel-dots [data-bs-target] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #fff;
    opacity: .55;
}

.home-carousel-dots .active {
    background-color: var(--rk-yellow);
    opacity: 1;
}

.home-stat-wrap {
    position: relative;
    z-index: 2;
    margin-top: -2.5rem;
    padding-bottom: 2.4rem;
}

.home-stat {
    min-height: 96px;
    display: grid;
    grid-template-columns: 46px 1fr;
    gap: .2rem .8rem;
    align-items: center;
    padding: 1rem;
    border-radius: 1rem;
    background: #fff;
    color: var(--rk-purple);
    box-shadow: 0 16px 34px rgba(9, 4, 25, .18);
}

.home-stat i {
    grid-row: span 2;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: .85rem;
    background: #f4f0ff;
    color: #3f2a8a;
    font-size: 1.35rem;
}

.home-stat strong {
    font-size: 1.38rem;
    line-height: 1;
    font-weight: 950;
}

.home-stat span {
    color: #625b73;
    font-size: .78rem;
    font-weight: 750;
}

.home-modules-section {
    padding: 2.5rem 0 2.2rem;
    background: #fff;
}

.home-module-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 1rem;
}

.home-module-card {
    min-height: 94px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: .8rem .6rem;
    border: 1px solid #e7e3f4;
    border-radius: .8rem;
    background: linear-gradient(180deg, #ffffff, #f9f7ff);
    color: var(--rk-purple);
    text-align: center;
    box-shadow: 0 10px 22px rgba(34,17,70,.06);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.home-module-card:hover {
    transform: translateY(-4px);
    border-color: rgba(244,212,10,.75);
    box-shadow: 0 16px 30px rgba(34,17,70,.12);
    color: var(--rk-purple);
}

.home-module-card i {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: .75rem;
    color: #2d1860;
    background: #eeeaff;
    font-size: 1.2rem;
}

.home-module-card span {
    font-size: .78rem;
    font-weight: 850;
}

.home-product-panel {
    position: relative;
    overflow: hidden;
    padding: 1.5rem 0 3.5rem;
    background: linear-gradient(160deg, #fff 0%, #fff 55%, #dceeff 55%, #eef7ff 100%);
}

.home-product-panel:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32%;
    height: 76px;
    background: var(--rk-yellow);
    border-top-right-radius: 100px;
}

.home-product-shell {
    position: relative;
    z-index: 1;
    padding: 1.4rem;
    border-radius: 1.2rem;
    background: rgba(255,255,255,.86);
}

.home-device-preview {
    border-radius: 1rem;
    background: linear-gradient(145deg, #2c195d, #130a2f);
    padding: .75rem;
    box-shadow: 0 20px 48px rgba(34,17,70,.16);
}

.home-device-preview img {
    width: 100%;
    display: block;
    border-radius: .75rem;
}

.home-product-shell h2 {
    color: var(--rk-purple);
    font-size: clamp(2rem, 3.4vw, 3rem);
    line-height: 1.04;
    font-weight: 950;
    letter-spacing: -.035em;
    margin: .45rem 0 .85rem;
}

.home-product-shell p {
    max-width: 560px;
    color: var(--rk-muted);
}

.home-tick {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin: .48rem 0;
    color: #2f2743;
    font-weight: 750;
}

.home-tick i {
    color: #169b70;
}

.home-demo-strip {
    padding: 1rem 0;
    background: linear-gradient(90deg, #221146, #3c2678);
    color: #fff;
}

.home-demo-strip strong {
    font-size: 1.05rem;
}

/* Production PRMS screen previews used across marketing pages. */
.prod-screen-strip {
    overflow: hidden;
}
.prod-screen-card {
    position: relative;
    background: linear-gradient(145deg,#2c195d,#130a2f);
    border: 1px solid rgba(244,212,10,.2);
    box-shadow: 0 26px 62px rgba(34,17,70,.18);
}
.prod-screen-card img {
    aspect-ratio: 16 / 10.2;
    object-fit: cover;
    background: #eef5ff;
}
.rk-check.dark {
    color: #403651;
}
.rk-check.dark b {
    color: var(--rk-green);
}

/* Keep PRMS SVG screens readable inside marketing frames. */
.home-building-card img[src$=".svg"],
.home-device-preview img[src$=".svg"],
.rk-screen-frame img[src$=".svg"] {
    object-fit: contain;
    background: #eef5ff;
}
.home-building-card img[src$=".svg"] {
    padding: .35rem;
}
