/* industry_real_estate.html — extracted internal + inline styles */
.gen-1 { top: 21%; right:-17%; max-width:25%; height: auto; }
.gen-2 { top: 6%; left:-6%; max-width:30%; height: auto; }
.gen-3 { bottom: 10%; left:-21%; max-width:30%; height: auto; }
.gen-4 { height: 150px; }

/* ==========================================================================
   FRESH redesign — "Why our Real Estate ERP?" (comparison) + "Overview".
   Scoped to .rs-compare / .rs-overview so the rest of the page is untouched.
   Palette: navy + confident blue + luxury gold.
   ========================================================================== */
.rs-compare, .rs-overview {
    --rs-ink: #182241;
    --rs: #3f57d6;
    --rs-2: #5b74f0;
    --rs-gold: #c19a3d;
    --rs-gold-2: #e0bd63;
    --rs-green: #1f9d55;
    --rs-soft: #eef1fd;
    --rs-soft-2: #f6f8fe;
    --rs-line: #e6e9f4;
    --rs-muted: #5f6785;
    --rs-grad: linear-gradient(120deg, #5b74f0 0%, #3f57d6 100%);
    --rs-grad-gold: linear-gradient(120deg, #e0bd63 0%, #c19a3d 100%);
}
.rs-kicker {
    display: inline-flex; align-items: center; gap: .5rem; font-size: .78rem; font-weight: 800;
    letter-spacing: .12em; text-transform: uppercase; color: var(--rs); background: var(--rs-soft);
    padding: .45rem .95rem; border-radius: 2rem; border: 1px solid #dfe4fb;
}
.rs-kicker.gold { color: #8a6d1f; background: #f8efd6; border-color: #eeddb0; }

/* ---------- COMPARISON TABLE ---------- */
.rs-compare { background: linear-gradient(180deg, #fff, var(--rs-soft-2)); }
.rs-compare .rs-head { max-width: 760px; margin: 0 auto 3rem; text-align: center; }
.rs-compare .rs-head h2 { font-weight: 800; letter-spacing: -.02em; color: var(--rs-ink); font-size: clamp(1.9rem,3.4vw,2.6rem); margin: 1.1rem 0 1rem; }
.rs-compare .rs-head p { color: var(--rs-muted); font-size: 1.05rem; line-height: 1.65; margin: 0; }
.rs-compare .rs-head a { color: var(--rs); font-weight: 700; text-decoration: none; border-bottom: 2px solid var(--rs-gold); }
.rs-cmp-scroll { overflow-x: auto; padding: .5rem; margin: 0 -.5rem; }
.rs-table { width: 100%; min-width: 860px; border-collapse: separate; border-spacing: 0; }
.rs-table th, .rs-table td { padding: .85rem 1rem; text-align: center; vertical-align: middle; }
.rs-table thead th { padding-bottom: 1.1rem; }
.rs-table .opt { text-align: left; font-weight: 700; color: var(--rs-ink); font-size: .92rem; width: 28%; }
.rs-table tbody tr:nth-child(even) td { background: #fbfcff; }
.rs-table tbody tr:nth-child(even) td.feat { background: #e9edfd; }
.rs-table tbody td { border-bottom: 1px solid var(--rs-line); }
.rs-brand { font-weight: 800; color: var(--rs-ink); font-size: 1rem; }
.rs-brand small { display: block; font-weight: 600; font-size: .72rem; color: var(--rs-muted); }
/* featured column */
.rs-table .feat { background: var(--rs-soft); }
.rs-table thead th.feat { border-radius: 1.1rem 1.1rem 0 0; background: var(--rs-grad); color: #fff; padding: 1.3rem 1rem; position: relative; box-shadow: 0 -0.1rem 1.4rem rgba(63,87,214,.28); }
.rs-table thead th.feat .rs-brand, .rs-table thead th.feat .rs-brand small { color: #fff; }
.rs-table thead th.feat small { opacity: .85; }
.rs-ribbon { position: absolute; top: -.85rem; left: 50%; transform: translateX(-50%); background: var(--rs-grad-gold); color: #3a2e08; font-size: .64rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; padding: .28rem .7rem; border-radius: 2rem; white-space: nowrap; box-shadow: 0 .4rem .9rem rgba(193,154,61,.4); }
.rs-table tfoot td.feat { border-radius: 0 0 1.1rem 1.1rem; }
.rs-table td.feat:first-of-type { }
/* value chips */
.rs-yes, .rs-no { width: 1.7rem; height: 1.7rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: .8rem; }
.rs-yes { background: #e4f6ec; color: var(--rs-green); }
.rs-no { background: #f0f1f5; color: #b7bccb; }
.feat .rs-yes { background: rgba(63,87,214,.14); color: var(--rs); }
.rs-pill { display: inline-block; font-size: .74rem; font-weight: 800; padding: .3rem .75rem; border-radius: 2rem; }
.rs-pill.adv { background: var(--rs-grad-gold); color: #3a2e08; }
.rs-pill.basic { background: #eef0f5; color: #7b8296; }
.rs-txt { font-weight: 700; color: var(--rs-ink); font-size: .82rem; }
.feat .rs-txt { color: var(--rs); }
.rs-table tfoot td { padding-top: 1.3rem; }
.rs-price { display: block; font-weight: 800; border-radius: .7rem; padding: .7rem .5rem; text-decoration: none; font-size: .95rem; transition: transform .2s ease, box-shadow .2s ease; }
.rs-price.main { background: var(--rs-grad); color: #fff; box-shadow: 0 .7rem 1.6rem rgba(63,87,214,.34); }
.rs-price.alt { background: #eef0f7; color: var(--rs-ink); }
.rs-price:hover { transform: translateY(-2px); }
.rs-price small { display: block; font-size: .66rem; font-weight: 700; opacity: .8; text-transform: uppercase; letter-spacing: .06em; }

/* ---------- OVERVIEW (dark blueprint) ---------- */
.rs-overview { position: relative; background: #141c38; color: #c6cbe6; }
.rs-overview::before {
    content: ""; position: absolute; inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: radial-gradient(circle at 50% 30%, #000, transparent 78%);
    mask-image: radial-gradient(circle at 50% 30%, #000, transparent 78%);
}
.rs-overview::after {
    content: ""; position: absolute; inset: 0;
    background: radial-gradient(720px 360px at 85% -8%, rgba(193,154,61,.2), transparent 60%),
                radial-gradient(680px 380px at 8% 108%, rgba(63,87,214,.28), transparent 60%);
}
.rs-overview .container { position: relative; z-index: 2; }
.rs-ov-head { max-width: 800px; margin: 0 auto 1rem; text-align: center; }
.rs-ov-head h2 { color: #fff; font-weight: 800; letter-spacing: -.02em; font-size: clamp(1.9rem,3.6vw,2.9rem); line-height: 1.15; margin-top: 1.1rem; }
.rs-ov-head h2 .g { background: var(--rs-grad-gold); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rs-ov-badge { display: inline-flex; align-items: center; gap: .5rem; margin: 0 auto 2.6rem; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 2rem; padding: .5rem 1rem; font-weight: 700; font-size: .82rem; color: #e7d9b3; }
.rs-ov-badge b { color: #fff; }
.rs-otiles { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; }
.rs-otile { background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.09); border-radius: 1.1rem; padding: 1.5rem 1rem; text-align: center; transition: transform .3s ease, border-color .3s ease, background .3s ease; }
.rs-otile:hover { transform: translateY(-.5rem); background: rgba(255,255,255,.07); border-color: rgba(193,154,61,.5); box-shadow: 0 1.4rem 3rem rgba(0,0,0,.3); }
.rs-otile .chip { width: 3.4rem; height: 3.4rem; border-radius: 1rem; background: transparent; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem; transition: transform .3s ease; }
.rs-otile:hover .chip { transform: scale(1.08) rotate(-3deg); }
.rs-otile .chip img { width: 2.4rem; height: 2.4rem; }
.rs-otile h4 { color: #fff; font-weight: 700; font-size: .96rem; margin: 0; line-height: 1.3; }

@media (max-width: 1199px) { .rs-otiles { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 991px)  { .rs-otiles { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 575px)  { .rs-otiles { grid-template-columns: repeat(2, 1fr); } }

/* ==========================================================================
   FRESH redesign — "Comprehensive ERP Features" (elegant accent cards).
   Scoped to .rs-features so the rest of the page is untouched.
   ========================================================================== */
.rs-features {
    --rs-ink: #182241; --rs: #3f57d6; --rs-gold: #c19a3d; --rs-muted: #5f6785; --rs-line: #e6e9f4;
    background: radial-gradient(900px 480px at 50% -6%, #eef1fd 0%, rgba(238,241,253,0) 60%), linear-gradient(180deg, #fff, #f6f8fe);
}
.rs-features .rs-fhead { max-width: 720px; margin: 0 auto 3.2rem; text-align: center; }
.rs-features .rs-fhead h2 { font-weight: 800; letter-spacing: -.02em; color: var(--rs-ink); font-size: clamp(1.9rem,3.4vw,2.7rem); margin: 1.1rem 0 1rem; }
.rs-features .rs-fhead h2 .g { background: linear-gradient(120deg,#5b74f0,#3f57d6); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.rs-features .rs-fhead p { color: var(--rs-muted); font-size: 1.05rem; line-height: 1.65; margin: 0; }

.rs-fgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.rs-feat {
    position: relative; background: #fff; border: 1px solid var(--rs-line); border-radius: 1.4rem;
    padding: 2rem 1.8rem 1.9rem; overflow: hidden; height: 100%;
    transition: transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s ease, border-color .35s ease;
}
.rs-feat::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: linear-gradient(90deg, var(--ac), transparent 88%); transform: scaleX(0); transform-origin: left; transition: transform .4s cubic-bezier(.2,.7,.3,1); }
.rs-feat::after { content: ""; position: absolute; right: -3rem; top: -3rem; width: 9rem; height: 9rem; border-radius: 50%; background: radial-gradient(circle, var(--ac-soft), transparent 70%); opacity: 0; transition: opacity .4s ease; }
.rs-feat:hover { transform: translateY(-.6rem); border-color: transparent; box-shadow: 0 1.8rem 3.6rem rgba(24,34,65,.12), 0 0 0 1px var(--ac-soft); }
.rs-feat:hover::before { transform: scaleX(1); }
.rs-feat:hover::after { opacity: 1; }
.rs-feat__no { position: absolute; top: 1.1rem; right: 1.5rem; font-size: 3.2rem; font-weight: 800; line-height: 1; color: var(--ac); opacity: .12; letter-spacing: -.03em; z-index: 1; }
.rs-feat__ic { position: relative; z-index: 2; width: 3.9rem; height: 3.9rem; border-radius: 1.1rem; background: var(--ac-soft); display: flex; align-items: center; justify-content: center; margin-bottom: 1.2rem; transition: transform .35s ease; }
.rs-feat:hover .rs-feat__ic { transform: translateY(-2px) scale(1.04); }
.rs-feat__ic img { width: 2.1rem; height: 2.1rem; }
.rs-feat h3 { position: relative; z-index: 2; font-size: 1.15rem; font-weight: 800; color: var(--rs-ink); margin-bottom: .85rem; padding-bottom: .7rem; }
.rs-feat h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 2.2rem; height: 3px; border-radius: 3px; background: var(--ac); transition: width .35s ease; }
.rs-feat:hover h3::after { width: 3.4rem; }
.rs-feat > p { position: relative; z-index: 2; font-size: .9rem; color: var(--rs-muted); line-height: 1.55; margin-bottom: 1.1rem; }
.rs-fticks { position: relative; z-index: 2; list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: .55rem; }
.rs-fticks li { position: relative; padding-left: 1.7rem; font-size: .86rem; color: #3f4763; line-height: 1.45; }
.rs-fticks li::before {
    content: "\2713"; position: absolute; left: 0; top: .05rem; font-size: .68rem; font-weight: 800; color: var(--ac);
    width: 1.2rem; height: 1.2rem; border-radius: 50%; background: var(--ac-soft);
    display: flex; align-items: center; justify-content: center;
}
/* per-feature accents */
.rs-a1 { --ac: #2fa36b; --ac-soft: #e7f6ee; } .rs-a2 { --ac: #d99e0b; --ac-soft: #fbf2d8; }
.rs-a3 { --ac: #2b9fe0; --ac-soft: #e2f2fb; } .rs-a4 { --ac: #ea6a0a; --ac-soft: #fdeede; }
.rs-a5 { --ac: #7c5cd0; --ac-soft: #efeafb; } .rs-a6 { --ac: #e0475c; --ac-soft: #fdeaed; }
.rs-a7 { --ac: #1f9d55; --ac-soft: #e6f6ec; } .rs-a8 { --ac: #d6407e; --ac-soft: #fdeaf0; }
.rs-a9 { --ac: #3f57d6; --ac-soft: #eaedfb; }

@media (max-width: 991px) { .rs-fgrid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575px) { .rs-fgrid { grid-template-columns: 1fr; } }