.services-page{--sv-navy:#031a30;--sv-blue:#082b4c;--sv-orange:#f58200;--sv-ink:#071c36;--sv-muted:#59687a;background:#fff;color:var(--sv-ink)}
.sv-symbols{position:absolute;width:0;height:0;overflow:hidden}.services-page svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.sv-hero{position:relative;min-height:590px;padding-top:78px;overflow:hidden;background:var(--sv-navy);color:#fff}.sv-hero:after{content:"";position:absolute;inset:78px 0 0 49%;background:linear-gradient(90deg,rgba(3,26,48,.15),rgba(3,26,48,0)),var(--sv-hero) center/cover no-repeat;clip-path:polygon(17% 0,100% 0,100% 100%,0 100%,13% 48%);border-left:5px solid var(--sv-orange)}
.sv-hero-inner{position:relative;z-index:2;min-height:512px;display:flex;align-items:center}.sv-hero-copy{width:49%;padding:44px 54px 38px 0}.sv-breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:34px;color:#d6e0e9;font-size:.78rem}.sv-breadcrumb a:hover{color:var(--sv-orange)}
.sv-hero .eyebrow{margin-bottom:14px;color:var(--sv-orange)}.sv-hero h1{max-width:620px;margin-bottom:22px;font-size:clamp(2.65rem,4.2vw,4.8rem);letter-spacing:-.045em}.sv-hero-copy>p:last-of-type{max-width:600px;margin-bottom:34px;color:#e2eaf1;font-size:1rem;line-height:1.72}
.sv-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.sv-benefits article{position:relative;padding-left:51px}.sv-benefits svg{position:absolute;top:1px;left:0;width:36px;height:36px;color:var(--sv-orange)}.sv-benefits h2{margin:0 0 7px;font-size:.78rem;text-transform:uppercase;letter-spacing:.01em}.sv-benefits p{margin:0;color:#d9e4ec;font-size:.7rem;line-height:1.45}
.sv-domaines{padding:82px 0 88px;background:linear-gradient(180deg,#fff,#f7f9fb)}.sv-title{max-width:760px;margin:0 auto 42px;text-align:center}.sv-title .eyebrow{margin-bottom:8px;color:var(--sv-orange)}.sv-title h2{margin-bottom:12px;font-size:clamp(2rem,3.2vw,3rem)}.sv-title>p:last-child{color:var(--sv-muted)}
.sv-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.sv-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #dfe5eb;border-radius:7px;box-shadow:0 10px 28px rgba(4,29,58,.04);transition:transform .25s,box-shadow .25s,border-color .25s}.sv-card:hover{transform:translateY(-6px);border-color:#f5b269;box-shadow:0 18px 38px rgba(4,29,58,.12)}.sv-card-photo{display:block;overflow:hidden}.sv-card-photo img{width:100%;height:152px;object-fit:cover;transition:transform .45s}.sv-card:hover .sv-card-photo img{transform:scale(1.045)}.sv-card-copy{position:relative;min-height:235px;padding:26px 21px 24px}.sv-card-copy>svg{width:34px;height:34px;margin-bottom:16px;color:var(--sv-orange)}.sv-card-copy h3{margin-bottom:10px;font-size:.9rem;text-transform:uppercase}.sv-card-copy p{margin-bottom:34px;color:#4f5e70;font-size:.78rem;line-height:1.55}.sv-card-copy>a{position:absolute;left:21px;bottom:21px;color:var(--sv-orange);font-size:.72rem;font-weight:900;text-transform:uppercase}.sv-card-copy>a span{margin-left:6px;font-size:1rem}
.sv-value{position:relative;padding:72px 0 76px;overflow:hidden;background:linear-gradient(90deg,rgba(3,26,48,.99),rgba(3,26,48,.96) 52%,rgba(3,26,48,.75)),var(--sv-map) center/cover no-repeat;color:#fff}.sv-value:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 47%,rgba(245,130,0,.08) 47% 48%,transparent 48%)}.sv-value-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr auto;gap:42px;align-items:center}.sv-value .eyebrow{color:var(--sv-orange)}.sv-value h2{margin:0;font-size:clamp(2rem,3vw,3.25rem)}.sv-value-inner>p{margin:0;color:#dce6ee;line-height:1.75}.sv-value .button{background:var(--sv-orange);border-color:var(--sv-orange);white-space:nowrap}.sv-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px;padding-top:34px;border-top:1px solid rgba(255,255,255,.2)}.sv-steps article{position:relative;min-height:82px;padding:4px 24px 0 77px;border-right:1px solid rgba(255,255,255,.16)}.sv-steps article:last-child{border:0}.sv-steps svg{position:absolute;left:22px;top:2px;width:42px;height:42px;color:var(--sv-orange)}.sv-steps span{display:block;color:var(--sv-orange);font-size:.67rem;font-weight:900}.sv-steps h3{margin:4px 0 0;font-size:.78rem;text-transform:uppercase;line-height:1.4}
@media(max-width:1100px){.sv-hero:after{left:54%}.sv-hero-copy{width:54%}.sv-grid{grid-template-columns:repeat(3,1fr)}.sv-value-inner{grid-template-columns:1fr 1fr}.sv-value .button{justify-self:start}.sv-steps{grid-column:1/-1}}
@media(max-width:780px){.sv-hero{min-height:auto;padding-top:0;background:var(--sv-navy)}.sv-hero:after{inset:0;height:auto;clip-path:none;border:0;background-position:66% center;opacity:.28}.sv-hero:before{content:"";position:absolute;z-index:1;inset:0;height:auto;background:linear-gradient(90deg,rgba(3,26,48,.98),rgba(3,26,48,.78)),linear-gradient(0deg,rgba(3,26,48,.98),rgba(3,26,48,.15) 48%,rgba(3,26,48,.65))}.sv-hero-inner{min-height:0;align-items:flex-start}.sv-hero-copy{width:100%;padding:38px 0 48px}.sv-breadcrumb{margin-bottom:25px}.sv-hero h1{max-width:620px;font-size:clamp(2.25rem,10vw,3.6rem)}.sv-hero-copy>p:last-of-type{margin-bottom:28px}.sv-benefits{gap:14px}.sv-benefits article{padding:52px 6px 0}.sv-benefits svg{width:35px;height:35px}.sv-benefits p{font-size:.67rem}.sv-grid{grid-template-columns:repeat(2,1fr)}.sv-value-inner{grid-template-columns:1fr}.sv-steps{grid-template-columns:repeat(2,1fr)}.sv-steps article:nth-child(2){border-right:0}.sv-steps article:nth-child(-n+2){margin-bottom:28px}}
@media(max-width:520px){.sv-hero-copy{padding:30px 0 40px}.sv-hero h1{font-size:2.35rem}.sv-domaines{padding:62px 0}.sv-title{text-align:left;margin-bottom:28px}.sv-title h2{font-size:2rem}.sv-grid{display:flex;overflow-x:auto;gap:14px;margin-right:-15px;padding:4px 15px 24px 0;scroll-snap-type:x mandatory}.sv-card{flex:0 0 82%;scroll-snap-align:start}.sv-card-photo img{height:168px}.sv-card-copy{min-height:210px}.sv-benefits{grid-template-columns:1fr}.sv-benefits article{min-height:54px;padding:4px 0 0 50px}.sv-value{padding:58px 0 78px}.sv-steps{grid-template-columns:1fr;gap:22px}.sv-steps article,.sv-steps article:nth-child(2){min-height:58px;margin:0;padding-left:70px;padding-bottom:20px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.sv-steps article:last-child{border-bottom:0}.sv-value .button{width:100%}}