/* Softland product sheet (third level under the ERP practice). Shares header, footer and cards with erp-page.css. */
.sl-hero{position:relative;padding:72px 0 80px;background:linear-gradient(180deg,#f7f3fc 0%,#fdfcff 100%);overflow:hidden}
.sl-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:#6f6081;margin-bottom:36px}
.sl-breadcrumb a{color:#5f4c80}
.sl-breadcrumb a:hover{color:var(--purple);text-decoration:underline}
.sl-breadcrumb [aria-current]{color:#321459;font-weight:600}
.sl-hero h1{font-size:clamp(38px,4vw,62px);line-height:1.05;letter-spacing:-.04em;color:#321459;margin:0;text-wrap:balance}
.sl-tagline{font-family:var(--serif);font-size:clamp(21px,1.8vw,26px);color:#5f4c80;margin:18px 0 0}
.sl-intro{margin-top:26px;max-width:760px}
.sl-intro p{font-size:17px;line-height:1.6;color:#5f5272;margin:0 0 14px}
.sl-hero .button-row{margin-top:30px}
.sl-group-nav{list-style:none;margin:0 0 44px;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.sl-group-nav a{display:inline-block;padding:8px 14px;border:1px solid #dacaf5;border-radius:999px;font-size:14px;color:#5f4c80;background:#fff;transition:border-color .2s,color .2s}
.sl-group-nav a:hover{border-color:var(--purple);color:var(--purple)}
.sl-group{scroll-margin-top:110px}
.sl-group+.sl-group{margin-top:48px}
.sl-group-title{font-family:var(--serif);font-weight:500;font-size:clamp(26px,2.2vw,34px);letter-spacing:-.03em;color:#321459;margin:0 0 18px}
.sl-card h4{font-family:var(--sans);font-size:18px;font-weight:600;line-height:1.3;color:#321459;margin:0 0 10px}
.sl-card p{font-size:15.5px;line-height:1.55}
@media(max-width:900px){.sl-hero{padding:48px 0 56px}.sl-group+.sl-group{margin-top:36px}}
@media(max-width:540px){.sl-hero h1{font-size:34px}.sl-group-nav{margin-bottom:32px}}
.sl-hero .button-row{justify-content:flex-start}
.sl-card{min-height:0}
@media(max-width:540px){.sl-hero .button-row{grid-template-columns:minmax(0,1fr)}.sl-hero .button-row .button{justify-content:space-between;min-height:52px}}
/* Hero: copy on the left, Softland logo as the featured visual on the right. */
.sl-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:center}
.sl-hero-visual{position:relative;margin:0;aspect-ratio:5/4;display:grid;place-items:center;padding:12%;border:1px solid #e4d8fb;border-radius:12px;background:radial-gradient(circle at 30% 25%,#e3f4fc 0,#fff 55%),#fff;box-shadow:0 40px 80px -50px #44277866;overflow:hidden}
.sl-hero-visual:after{content:'';position:absolute;inset:auto -20% -45% 35%;height:70%;border-radius:50%;background:#f3eefb;pointer-events:none}
.sl-hero-visual img{position:relative;z-index:1;width:100%;height:auto}
@media(max-width:900px){.sl-hero-grid{grid-template-columns:1fr;gap:32px}.sl-hero-visual{order:-1;aspect-ratio:auto;padding:40px 12%;max-width:560px}.sl-hero-visual img{max-width:300px}}