/* Services hub (Phase 1): the five-pillar framework. Brand tokens only. */
.sv{--sv-ink:#17221f;--sv-graphite:#171a19;--sv-lime:#8fd516;--sv-teal:#147e83;--sv-muted:#52615b;--sv-line:#d8dfd3;color:var(--sv-ink);font:17px/1.6 ReNewInter,Inter,system-ui,sans-serif}
:where(.sv) :is(h1,h2,h3,p){margin:0}
.sv-wrap{width:min(1220px,calc(100% - 112px));margin-inline:auto}
.sv-hero{padding:72px 0 64px}
.sv-crumb{font-size:14px;color:var(--sv-muted)}
.sv-crumb a{color:var(--sv-teal)!important}
.sv-hero h1{margin-top:20px;font-size:clamp(40px,5.2vw,72px);line-height:1.02;letter-spacing:-.04em;font-weight:620;max-width:16ch}
.sv-lead{margin-top:22px;font-size:20px;max-width:52ch;color:var(--sv-ink)}
.sv-index{margin-top:48px;display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid var(--sv-ink)}
.sv-index a{display:flex;flex-direction:column;gap:2px;padding:18px 18px 18px 0;font-size:14px;color:var(--sv-muted)!important}
.sv-index a b{font-size:18px;color:var(--sv-ink)}
.sv-index a:hover b{color:var(--sv-teal)}
.sv-pillar{padding:80px 0;border-top:1px solid var(--sv-line);scroll-margin-top:16px}
.sv-pillar:nth-of-type(even){background:#fff}
.sv-pillar:focus{outline:none}
.sv-pillar-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:72px}
.sv-name{display:inline-block;font-size:15px;font-weight:650;color:#2f4a1f;background:#e6f3cf;border-radius:999px;padding:3px 12px}
.sv-pillar-head h2{margin-top:18px;font-size:clamp(30px,3.2vw,42px);line-height:1.1;letter-spacing:-.03em;font-weight:620}
.sv-pillar-head p{margin-top:16px;color:var(--sv-muted);max-width:44ch}
.sv-pillar-body h3{font-size:15px;font-weight:650}
.sv-pillar-body ul{margin:12px 0 0;padding:0;list-style:none}
.sv-pillar-body li{padding:10px 0 10px 22px;border-bottom:1px solid var(--sv-line);position:relative}
.sv-pillar-body li::before{content:"";position:absolute;left:2px;top:20px;width:8px;height:8px;border-radius:2px;background:var(--sv-teal)}
.sv-offers{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.sv-offer{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--sv-line);border-radius:12px;background:#fbfcf8;color:var(--sv-ink)!important;transition:border-color .15s ease,transform .15s ease}
.sv-pillar:nth-of-type(even) .sv-offer{background:#f7f8f2}
.sv-offer:hover{border-color:var(--sv-teal);transform:translateY(-2px)}
.sv-offer b{font-size:17px;font-weight:620}
.sv-offer span:not(.sv-tag){font-size:14px;color:var(--sv-muted)}
.sv-tag{font-size:12px;font-weight:600;color:var(--sv-teal)}
.sv-offer-flagship{border-color:#b9d98a;background:#f3f9e8!important}
.sv-offer-flagship .sv-tag{color:#2f4a1f}
.sv-next{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:72px 0 96px;border-top:1px solid var(--sv-line)}
.sv-next h2{font-size:32px;letter-spacing:-.025em;font-weight:620}
.sv-next p{margin-top:8px;color:var(--sv-muted)}
.sv-next .button{flex-shrink:0;min-height:52px;padding:0 24px}
@media(max-width:1000px){.sv-wrap{width:calc(100% - 72px)}.sv-pillar-grid{grid-template-columns:1fr;gap:32px}.sv-index{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.sv-wrap{width:calc(100% - 40px)}.sv-hero{padding:40px 0}.sv-index{grid-template-columns:1fr 1fr}.sv-pillar{padding:56px 0}.sv-next{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.sv-offer{transition:none}.sv-offer:hover{transform:none}}