/* 1.5.0 — only the Rarapu introduction uses this light, sample-led design. */
.ejss-home .ejss-rarapu-intro { padding:0 0 44px; scroll-margin-top:110px; }
.ejss-home .ejss-rarapu-intro__panel {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);
    grid-template-areas:"copy showcase" "offer showcase";
    align-items:center;
    gap:24px 30px;
    padding:38px 40px;
    border:1px solid #e1e6da;
    background:radial-gradient(ellipse at 92% 25%,#eef5eb 0%,#fffdf7 60%);
    color:#213e37;
    overflow:hidden;
}
.ejss-home .ejss-rarapu-intro__copy { grid-area:copy; align-self:end; min-width:0; }
.ejss-home .ejss-rarapu-intro__index { margin:0 0 12px; color:#62776e; font:600 13px/1.6 Arial,sans-serif; letter-spacing:.15em; }
.ejss-home .ejss-rarapu-intro__audience { display:flex; align-items:baseline; gap:11px; color:#126b66; font-size:15px; font-weight:700; line-height:1.7; letter-spacing:.025em; }
.ejss-home .ejss-rarapu-intro__dots { display:inline-flex; flex-shrink:0; gap:4px; transform:translateY(-2px); }
.ejss-home .ejss-rarapu-intro__dots i { display:block; width:7px; height:7px; border-radius:50%; background:#e57362; }
.ejss-home .ejss-rarapu-intro__dots i:nth-child(2) { background:#e6b44c; }
.ejss-home .ejss-rarapu-intro__dots i:nth-child(3) { background:#209b88; }
.ejss-home .ejss-rarapu-intro .ejss-rarapu-intro__title { margin:21px 0 20px; color:#213e37; font:800 clamp(34px,3.4vw,46px)/1.35 var(--eh-sans,sans-serif); letter-spacing:.01em; }
.ejss-home .ejss-rarapu-intro__title-lead { display:block; margin-bottom:17px; font-size:clamp(18px,1.8vw,24px); line-height:1.65; letter-spacing:0; }
.ejss-home .ejss-rarapu-intro__solution { display:flex; align-items:center; gap:9px; white-space:nowrap; }
.ejss-home .ejss-rarapu-intro__logo { position:relative; display:block; flex:0 0 auto; width:clamp(145px,14.5vw,190px); aspect-ratio:1615/572; overflow:hidden; }
.ejss-home .ejss-rarapu-intro__logo img { position:absolute; width:109.8452%; max-width:none; height:auto; left:-5.4489%; top:-31.1189%; }
.ejss-home .ejss-rarapu-intro__service { color:#213e37; font-size:17px; font-weight:700; line-height:1.8; }
.ejss-home .ejss-rarapu-intro__description { margin-top:6px; color:#425b52; font-size:16px; line-height:1.85; }
.ejss-home .ejss-rarapu-intro__offer { grid-area:offer; align-self:start; min-width:0; }
.ejss-home .ejss-rarapu-intro__pricing { border-top:1px solid #cfded3; padding-top:17px; }
.ejss-home .ejss-rarapu-intro__price { display:flex; align-items:baseline; flex-wrap:wrap; gap:2px 10px; line-height:1.5; }
.ejss-home .ejss-rarapu-intro__price>span { font-size:14px; font-weight:700; color:#304b41; }
.ejss-home .ejss-rarapu-intro__price strong { color:#c95443; font:800 36px/1.25 Arial,sans-serif; letter-spacing:-.025em; }
.ejss-home .ejss-rarapu-intro__price small { margin-left:3px; font:700 17px/1.5 var(--eh-sans,sans-serif); letter-spacing:0; }
.ejss-home .ejss-rarapu-intro__price .ejss-rarapu-intro__tax { color:#536a60; font-size:14px; font-weight:400; }
.ejss-home .ejss-rarapu-intro__note { margin-top:10px; color:#425b52; font-size:14px; line-height:1.8; }
.ejss-home .ejss-rarapu-intro__note span { display:inline-block; }
.ejss-home a.ejss-rarapu-intro__button { display:flex; align-items:center; justify-content:space-between; gap:22px; width:fit-content; max-width:100%; min-height:54px; margin-top:20px; padding:13px 24px; border:1px solid #176c60; border-radius:30px; background:#176c60; color:#fff; font-size:16px; font-weight:700; line-height:1.6; text-decoration:none; transition:background .2s ease; }
.ejss-home a.ejss-rarapu-intro__button:hover { background:#11554c; }
.ejss-home a.ejss-rarapu-intro__button:focus-visible { outline:3px solid #154f7d; outline-offset:4px; }
.ejss-home .ejss-rarapu-intro__button>span { font:24px/1 Arial,sans-serif; }
.ejss-home .ejss-rarapu-intro__showcase { grid-area:showcase; align-self:center; margin:0; min-width:0; }
.ejss-home .ejss-rarapu-intro__screens { position:relative; isolation:isolate; width:100%; aspect-ratio:1.18; }
.ejss-home .ejss-rarapu-intro__screens::before { content:""; position:absolute; z-index:-1; inset:4% -5% 2% 14%; border-radius:50%; background:#dfecdf; transform:rotate(-16deg); }
.ejss-home .ejss-rarapu-intro__screens::after { content:""; position:absolute; z-index:-1; width:25%; aspect-ratio:1; bottom:7%; right:0; border-radius:50%; background:#eecb78; }
.ejss-home .ejss-rarapu-intro__screen { position:absolute; overflow:hidden; border:1px solid #e9eee5; border-radius:7px; background:#fff; box-shadow:0 13px 27px #24452c26; }
.ejss-home .ejss-rarapu-intro__screen--wellness { z-index:1; width:57%; right:1%; top:2%; transform:rotate(6deg); }
.ejss-home .ejss-rarapu-intro__screen--restaurant { z-index:2; width:80%; left:1%; top:20%; transform:rotate(-5deg); }
.ejss-home .ejss-rarapu-intro__screen--automotive { z-index:3; width:56%; right:0; bottom:0; transform:rotate(5deg); }
.ejss-home .ejss-rarapu-intro__screen-bar { display:flex; align-items:center; gap:9px; padding:5px 10px; color:#36544a; font-size:14px; line-height:1.3; background:#fff; white-space:nowrap; }
.ejss-home .ejss-rarapu-intro__screen-bar>span { color:#a7c5b6; font:7px/1 Arial,sans-serif; letter-spacing:1px; }
.ejss-home .ejss-rarapu-intro__screen img { width:100%; height:auto; aspect-ratio:1440/1012; object-fit:cover; object-position:top; }
.ejss-home .ejss-rarapu-intro__showcase figcaption { display:flex; align-items:center; gap:10px; margin-top:25px; color:#536b5e; font-size:14px; line-height:1.7; }
.ejss-home .ejss-rarapu-intro__showcase figcaption::before { content:""; display:block; width:26px; height:1px; background:#8aaa94; }
@media(max-width:1100px) {
  .ejss-home .ejss-rarapu-intro__panel { padding:32px 28px; gap:22px 25px; }
  .ejss-home .ejss-rarapu-intro__price .ejss-rarapu-intro__tax { flex-basis:100%; margin-top:2px; }
}
@media(max-width:800px) {
  .ejss-home .ejss-rarapu-intro { padding-bottom:34px; }
  .ejss-home .ejss-rarapu-intro__panel { grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "showcase" "offer"; gap:25px; padding:29px 26px; }
  .ejss-home .ejss-rarapu-intro__copy { align-self:auto; }
  .ejss-home .ejss-rarapu-intro .ejss-rarapu-intro__title { font-size:40px; margin-block:18px; }
  .ejss-home .ejss-rarapu-intro__title-lead { font-size:22px; margin-bottom:14px; }
  .ejss-home .ejss-rarapu-intro__logo { width:166px; }
  .ejss-home .ejss-rarapu-intro__showcase { width:100%; max-width:500px; justify-self:center; }
  .ejss-home .ejss-rarapu-intro__price .ejss-rarapu-intro__tax { flex-basis:auto; }
  .ejss-home .ejss-rarapu-intro__showcase figcaption { margin-top:20px; }
  .ejss-home a.ejss-rarapu-intro__button { width:100%; }
}
@media(max-width:480px) {
  .ejss-home .ejss-rarapu-intro__panel { padding:25px 20px; gap:23px; }
  .ejss-home .ejss-rarapu-intro__audience { font-size:14px; gap:8px; }
  .ejss-home .ejss-rarapu-intro__dots { gap:3px; }
  .ejss-home .ejss-rarapu-intro__dots i { width:6px; height:6px; }
  .ejss-home .ejss-rarapu-intro .ejss-rarapu-intro__title { font-size:34px; }
  .ejss-home .ejss-rarapu-intro__title-lead { font-size:19px; }
  .ejss-home .ejss-rarapu-intro__logo { width:142px; }
  .ejss-home .ejss-rarapu-intro__service { font-size:16px; }
  .ejss-home .ejss-rarapu-intro__price .ejss-rarapu-intro__tax { flex-basis:100%; }
  .ejss-home .ejss-rarapu-intro__screen-bar { padding:5px 7px; gap:5px; }
  .ejss-home a.ejss-rarapu-intro__button { padding-inline:16px; gap:10px; }
}
@media(max-width:360px) {
  .ejss-home .ejss-rarapu-intro__panel { padding-inline:17px; }
  .ejss-home .ejss-rarapu-intro .ejss-rarapu-intro__title { font-size:30px; }
  .ejss-home .ejss-rarapu-intro__logo { width:126px; }
  .ejss-home .ejss-rarapu-intro__title-lead { font-size:18px; }
  .ejss-home .ejss-rarapu-intro__screen-bar>span { display:none; }
}
@media(prefers-reduced-motion:reduce) { .ejss-home a.ejss-rarapu-intro__button { transition:none; } }