.ylis-root{--ylis-ink:#26352f;--ylis-muted:#62736c;--ylis-green:#28745d;--ylis-line:#dce7e1;color:var(--ylis-ink);font:inherit;line-height:1.65;margin:1rem 0}
.ylis-root *{box-sizing:border-box}
.ylis-intro{color:var(--ylis-muted);margin:0 0 12px}
.ylis-window{overflow:hidden;padding:4px 2px 10px}
.ylis-track{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-behavior:smooth}
.ylis-track::-webkit-scrollbar,.ylis-dots::-webkit-scrollbar{display:none}
.ylis-slide{flex:0 0 min(760px,88%);scroll-snap-align:start}
.ylis-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);min-height:280px;height:100%;overflow:hidden;border:1px solid var(--ylis-line);border-radius:18px;background:#fff;box-shadow:0 12px 34px #183a2a0b;color:inherit;text-decoration:none}
.ylis-visual{display:grid;place-items:center;min-height:250px;padding:24px;background:radial-gradient(ellipse at 72% 25%,#e9f5ee 0 16%,transparent 17%),linear-gradient(135deg,#dcefe4,#f5f8ef 56%,#e5f0ec)}
.ylis-visual-inner{display:grid;width:min(300px,100%);aspect-ratio:1.55;place-items:center;border:1px solid #ffffffc9;border-radius:18px;background:#ffffffa8;box-shadow:0 10px 30px #35664c12;text-align:center}
.ylis-visual svg{width:68px;height:68px;margin-bottom:8px;color:var(--ylis-green)}
.ylis-visual-title{display:block;color:var(--ylis-green);font-size:clamp(1.1rem,3vw,1.6rem);font-weight:800;letter-spacing:.04em}
.ylis-visual-subtitle{display:block;margin-top:4px;color:#4c6c5c;font-size:.9rem;font-weight:600}
.ylis-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(22px,4vw,42px)}
.ylis-tag{display:inline-block;padding:4px 10px;border-radius:99px;background:#edf6f1;color:var(--ylis-green);font-size:.8rem;font-weight:700}
.ylis-title{margin:14px 0 8px;font-size:clamp(1.2rem,3vw,1.6rem);line-height:1.45}
.ylis-description{margin:0 0 20px;color:var(--ylis-muted)}
.ylis-cta{display:inline-flex;align-items:center;gap:10px;padding:11px 17px;border-radius:10px;background:var(--ylis-green);color:#fff;font-weight:700}
.ylis-card:hover .ylis-cta{background:#1f604c}
.ylis-card:focus-visible,.ylis-track:focus-visible,.ylis-controls button:focus-visible{outline:3px solid #5eab88;outline-offset:3px}
.ylis-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 2px 0}
.ylis-controls button{display:grid;min-width:40px;height:40px;place-items:center;border:1px solid var(--ylis-line);border-radius:999px;background:#fff;color:var(--ylis-ink);font:inherit;font-size:1.15rem;cursor:pointer}
.ylis-controls button:disabled{opacity:.4;cursor:default}
.ylis-controls .ylis-toggle{width:auto;padding:0 14px;font-size:.84rem;font-weight:700}
.ylis-dots{display:flex;max-width:180px;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.ylis-dots button{flex:0 0 9px;min-width:9px;width:9px;height:9px;padding:0;border:0;background:#bdcbc3}
.ylis-dots button[aria-current=true]{flex-basis:24px;width:24px;border-radius:99px;background:var(--ylis-green)}
.ylis-counter{min-width:48px;color:var(--ylis-muted);font-size:.88rem;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:680px){.ylis-slide{flex-basis:88%}.ylis-card{grid-template-columns:1fr}.ylis-visual{min-height:170px;padding:16px}.ylis-visual-inner{max-width:280px}.ylis-copy{padding:20px}.ylis-description{margin-bottom:16px}.ylis-controls{gap:7px}.ylis-dots{max-width:110px}}
@media(prefers-reduced-motion:reduce){.ylis-track{scroll-behavior:auto}}