/* Services task 01 only: no shared chrome or lower-page selectors. */
html body main.su28 .su28-wrap{width:min(1280px,calc(100% - 96px));max-width:1360px;margin-inline:auto}
html body main.su28 .su28-hero{padding:14px 0 42px;background:#fff}
html body main.su28 .su28-hero-grid{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:48px;align-items:center;min-height:520px}
html body main.su28 .su28-copy{padding-block:28px;min-width:0}
html body main.su28 .su28-kicker{color:var(--brand-accent);margin:0 0 22px}
html body main#main.su28 .su28-hero h1{max-width:510px;margin:0;text-wrap:initial;color:var(--sr-ink)}
html body main.su28 .su28-lead{color:#525550;margin:24px 0 0;max-width:480px}
html body main.su28 .su28-actions{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:28px}
html body main.su28 .su28-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:13px 20px;background:var(--brand-accent);color:#fff;border:1px solid var(--brand-accent)}
html body main.su28 .su28-primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}
html body main.su28 .su28-secondary{display:inline-flex;gap:12px;align-items:center;min-height:48px;padding:10px 0;text-decoration:underline;text-underline-offset:5px}
html body main.su28 .su28-photo{margin:0;background:#eee;overflow:hidden;align-self:stretch;min-width:0}
html body main.su28 .su28-photo img{width:100%;height:100%;min-height:520px;max-height:620px;display:block;object-fit:cover;object-position:48% center;aspect-ratio:auto;border-radius:0}
html body main.su28 .su28-nav{border-block:1px solid var(--sr-line);background:#fff}
html body main.su28 .su28-nav>.su28-wrap{display:flex;gap:48px;align-items:stretch;justify-content:flex-start}
html body main.su28 .su28-nav a{display:flex;align-items:center;min-height:64px;padding:15px 0 12px;border-bottom:3px solid transparent;}
html body main.su28 .su28-nav a[aria-current]{color:var(--brand-accent);border-color:var(--brand-accent)}
html body main.su28 .su28-nav a:hover,html body main.su28 .su28-paths a:hover,html body main.su28 .su28-secondary:hover{color:var(--brand-accent)}
html body main.su28 .su28-start{padding-block:52px 60px}
html body main#main.su28 .su28-start h2{margin:0 0 28px}
html body main.su28 .su28-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
html body main.su28 .su28-paths article{min-width:0;border:0;border-top:1px solid var(--sr-line);padding:18px 0 0;background:transparent;box-shadow:none}
html body main.su28 .su28-paths h3{margin:0 0 10px;}
html body main.su28 .su28-paths h3 a{display:flex;justify-content:space-between;align-items:start;gap:16px;min-height:48px;padding-block:5px}
html body main.su28 .su28-paths h3 span{color:var(--brand-accent);flex-shrink:0}
html body main.su28 .su28-paths p{color:#525550;margin:0;max-width:370px}
html body main.su28 :is(.su28-hero,.su28-nav,.su28-start) a:focus-visible{outline:3px solid var(--brand-accent);outline-offset:5px}
@media(min-width:1600px){html body main.su28 .su28-wrap{width:min(1360px,calc(100% - 128px))}}
@media(max-width:1100px){html body main.su28 .su28-hero-grid{gap:32px}html body main#main.su28 .su28-hero h1{}html body main.su28 .su28-nav>.su28-wrap{gap:28px}}
@media(max-width:900px){
 html body main.su28 .su28-wrap{width:calc(100% - 40px)}
 html body main.su28 .su28-hero{padding:6px 0 32px}
 html body main.su28 .su28-hero-grid{grid-template-columns:1fr;gap:28px;min-height:0}
 html body main.su28 .su28-copy{padding:0}
 html body main#main.su28 .su28-hero h1{max-width:650px}
 html body main.su28 .su28-lead{max-width:600px;margin-top:20px}
 html body main.su28 .su28-kicker{margin-bottom:16px}
 html body main.su28 .su28-actions{margin-top:22px;gap:10px 22px}
 html body main.su28 .su28-photo img{height:auto;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain}
 html body main.su28 .su28-nav>.su28-wrap{flex-wrap:wrap;gap:0 24px}
 html body main.su28 .su28-nav a{min-height:48px;padding:12px 0 9px}
 html body main.su28 .su28-start{padding-block:40px 44px}
 html body main#main.su28 .su28-start h2{margin-bottom:22px}
 html body main.su28 .su28-paths{grid-template-columns:1fr;gap:24px}
 html body main.su28 .su28-paths h3{margin-bottom:6px}
 html body main.su28 .su28-paths p{max-width:600px}
}