/* Warm, legible product pages with a compact first screen and visible task entry points. */
.sr-page{background:#f4f1e9;color:#1b1d1b}
.sr-page *{box-sizing:border-box}
.sr-label,.sr-index{display:block;color:#e85e31;font-size:.78rem;letter-spacing:.1em;font-weight:700;text-transform:uppercase}
.sr-hero{padding-top:clamp(3rem,6vw,6rem);padding-bottom:2.5rem}
.sr-hero h1,.sr-detail-hero h1{font-size:clamp(2.6rem,5.8vw,6rem);line-height:1.08;letter-spacing:-.035em;margin:1.15rem 0 1.25rem;max-width:16ch}
.sr-hero>p,.sr-detail-hero>p{font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.7;max-width:49rem;color:#4b504a;margin:0}
.sr-actions,.sr-card-links{display:flex;flex-wrap:wrap;gap:1rem 1.8rem;align-items:center;margin-top:1.7rem}
.sr-link{display:inline-flex;justify-content:space-between;align-items:center;gap:1rem;color:inherit;font-size:1rem;font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;padding:.35rem 0}
.sr-link span{transition:transform .2s ease}.sr-link:hover span{transform:translate(3px,-3px)}
.sr-link--button{background:#e85e31;color:#161815;border:1px solid #e85e31;padding:1rem 1.25rem;min-height:3.25rem}
.sr-link:focus-visible{outline:3px solid #e85e31;outline-offset:5px}
.sr-cards{padding-bottom:clamp(4rem,8vw,7rem)}
.sr-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#c9cbc2}
.sr-product-card{background:#ece9df;padding:clamp(1.5rem,3vw,3.1rem);display:flex;flex-direction:column;min-height:22rem}
.sr-product-card--dark{background:#1b1d1b;color:#f4f1e9}
.sr-card-top{display:flex;justify-content:space-between;gap:1rem;align-items:center}.sr-card-top>span:last-child{font-size:.8rem;opacity:.55}
.sr-product-card h2{font-size:clamp(2.6rem,4vw,4.5rem);letter-spacing:-.05em;margin:1.35rem 0 .55rem;line-height:1}
.sr-product-card h3{font-size:clamp(1.2rem,1.7vw,1.6rem);line-height:1.4;margin:0 0 1rem}
.sr-product-card p{font-size:1rem;line-height:1.7;max-width:36rem;margin:0;color:#555951}.sr-product-card--dark p{color:#d0d1cb}
.sr-card-links{margin-top:auto;padding-top:1.6rem}
.sr-deploy{padding-top:clamp(3rem,7vw,6rem);padding-bottom:clamp(5rem,8vw,8rem);border-top:1px solid #c9cbc2}
.sr-section-head{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 3rem;align-items:end;margin-bottom:2.75rem}
.sr-section-head>.sr-label{grid-column:1/-1}
.sr-section-head h2,.sr-roles h2,.sr-contact h2{font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.18;letter-spacing:-.03em;margin:0}
.sr-section-head>p{font-size:1.1rem;line-height:1.7;color:#555951;max-width:35rem;margin:0}
.sr-deploy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.sr-deploy-grid article{border-top:2px solid #1b1d1b;padding-top:1.2rem;display:flex;flex-direction:column}
.sr-deploy-grid h3{font-size:clamp(1.3rem,1.8vw,1.7rem);line-height:1.35;margin:1.2rem 0 .8rem}
.sr-deploy-grid p,.sr-roles p{font-size:1rem;line-height:1.75;color:#555951}
.sr-deploy-grid small{font-size:.82rem;line-height:1.6;color:#666a60}.sr-deploy-grid article>div{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;margin-top:auto;padding-top:1rem}
.sr-detail-hero{padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(4rem,7vw,7rem)}
.sr-milestone{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:#1b1d1b;color:#f4f1e9;padding-top:3rem;padding-bottom:3rem}
.sr-milestone h2{font-size:clamp(2.5rem,4.5vw,5rem);line-height:1.08;letter-spacing:-.04em;margin:1rem 0}.sr-milestone h2 span{color:#ed6b3e}
.sr-milestone p{line-height:1.7;color:#d0d1cb;max-width:38rem}.sr-milestone-meta>div{border-top:1px solid #555951;padding:.85rem 0}.sr-milestone-meta p{margin:.25rem 0}.sr-milestone-meta .sr-note{font-size:.875rem;color:#b7bab1}
.sr-roles{padding-top:clamp(4rem,7vw,7rem);padding-bottom:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:1fr 1fr;gap:3rem}.sr-roles h2{margin-top:1rem}
.sr-process{background:#eae7dd;padding:clamp(4rem,7vw,7rem) 0}.sr-process>.v-wrap>.sr-label{margin-bottom:1.2rem}
.sr-process ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.sr-process li{border-top:1px solid #9ea198;padding-top:1rem;min-height:7rem}.sr-process li span{color:#e85e31;font-size:.8rem}.sr-process li p{font-size:1.05rem;line-height:1.5;margin:.8rem 0}
.sr-contact{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,7rem);display:flex;align-items:end;justify-content:space-between;gap:2rem}.sr-contact h2{margin:1rem 0}.sr-contact p{max-width:40rem;line-height:1.7;color:#555951}
@media(max-width:767px){.sr-hero h1,.sr-detail-hero h1{font-size:clamp(2.35rem,9vw,4rem)}.sr-products-grid,.sr-deploy-grid,.sr-section-head,.sr-milestone,.sr-roles{grid-template-columns:1fr}.sr-deploy-grid{gap:2.5rem}.sr-product-card{min-height:0}.sr-process ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.sr-contact{align-items:start;flex-direction:column}.sr-card-links{margin-top:1rem}}
@media(prefers-reduced-motion:reduce){.sr-link span{transition:none}}
