/* MS Developpement - dedicated styles for three service pages.
   Scoped to .seo-service-page; existing published pages are unchanged. */
:root{--seo-ink:#1F1C19;--seo-gold:#9B7A37;--seo-gold-dark:#8A5D1D;--seo-paper:#FAF8F3;--seo-beige:#F3F0E9;--seo-line:#DED8CC;--seo-muted:#6F6B66;--seo-white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.seo-service-page{margin:0;min-height:100vh;background:var(--seo-paper);color:var(--seo-ink);font:400 16px/1.65 Calibri,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.seo-service-page p,.seo-service-page h1,.seo-service-page h2,.seo-service-page h3,.seo-service-page figure,.seo-service-page ul{margin:0}
.seo-service-page a{color:inherit;text-decoration:none}
.seo-service-page button,.seo-service-page summary{font:inherit}
.seo-service-page button:focus-visible,.seo-service-page a:focus-visible,.seo-service-page summary:focus-visible{outline:3px solid var(--seo-gold);outline-offset:4px}
.seo-container{width:min(100% - 60px,1150px);margin-inline:auto}
.seo-skip{position:absolute;top:-150px;left:12px;background:var(--seo-ink);padding:8px 12px;color:#fff;z-index:200}
.seo-skip:focus{top:10px}
.seo-topline{background:var(--seo-ink);color:var(--seo-beige);font-size:10px;letter-spacing:.115em;text-transform:uppercase}
.seo-topline .seo-container{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:28px}
.seo-header{position:relative;z-index:5;background:var(--seo-paper);border-bottom:1px solid var(--seo-line)}
.seo-header-row{min-height:93px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.seo-brand{display:flex;gap:13px;align-items:center;min-width:max-content}
.seo-brand-mark{width:44px;height:44px;display:grid;place-items:center}
.seo-brand-mark img{display:block;width:44px;height:44px;object-fit:contain}
.seo-brand-fallback{display:none;font:700 26px/.9 Georgia,serif;letter-spacing:-.14em;color:var(--seo-ink);border-left:1px solid var(--seo-gold);padding-left:4px}
.seo-brand-label{font-size:17px;font-weight:700;line-height:1.13;letter-spacing:-.025em}
.seo-brand-label small{display:block;color:var(--seo-muted);font-size:10px;font-weight:400;letter-spacing:.02em;margin-top:4px}
.seo-nav{display:flex;align-items:center;gap:27px;margin-left:auto}
.seo-nav>a{font-size:12px;font-weight:700;white-space:nowrap;transition:color .16s ease}
.seo-nav>a:hover,.seo-footer a:hover,.seo-inline-link:hover{color:var(--seo-gold-dark)}
.seo-nav .seo-nav-current{color:var(--seo-gold-dark);border-bottom:1px solid var(--seo-gold);padding:8px 0}
.seo-cta,.seo-service-page .seo-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 18px;background:var(--seo-ink);color:#fff;border:1px solid var(--seo-ink);font-size:13px;font-weight:700;line-height:1.3;transition:transform .15s,background .15s}
.seo-cta:hover{transform:translateY(-2px);background:#35302b;color:#fff!important}
.seo-cta svg{width:18px;height:18px;flex:0 0 auto}
.seo-header .seo-cta{font-size:12px;padding:12px 14px}
.seo-mobile-menu{display:none}
.seo-breadcrumb{display:flex;align-items:center;gap:10px;color:var(--seo-muted);font-size:11px;margin-top:46px}
.seo-breadcrumb a:hover{text-decoration:underline}
.seo-breadcrumb .seo-bc-divider{color:var(--seo-gold);font-weight:700}
.seo-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);align-items:center;gap:64px;padding:55px 0 85px}
.seo-overline,.seo-kicker{font-weight:700;color:var(--seo-gold-dark);letter-spacing:.19em;font-size:11px;line-height:1.5;text-transform:uppercase}
.seo-overline{display:flex;align-items:center;gap:11px}
.seo-overline:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--seo-gold)}
.seo-hero h1{font-size:clamp(45px,4.7vw,72px);line-height:1.06;letter-spacing:-.063em;font-weight:800;margin:25px 0 27px;max-width:670px}
.seo-hero h1 span{color:var(--seo-gold-dark)}
.seo-hero-lead{font-size:clamp(19px,1.55vw,23px);font-weight:700;line-height:1.4;max-width:530px}
.seo-hero-copy{max-width:560px;margin-top:17px;color:var(--seo-muted);font-size:15px;line-height:1.8}
.seo-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:31px}
.seo-inline-link{display:inline-flex;align-items:center;gap:11px;color:var(--seo-gold-dark);font-size:13px;font-weight:700;border-bottom:1px solid var(--seo-line);padding:10px 0;transition:color .15s}
.seo-inline-link .seo-arrow{font-size:23px;font-weight:400;line-height:1}
.seo-hero-visual{border:1px solid var(--seo-line);box-shadow:0 15px 38px rgb(31 28 25 / 6%);background:#fff;padding:0;overflow:hidden}
.seo-visual-top{background:var(--seo-ink);color:var(--seo-paper);display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 17px;font-size:10px;letter-spacing:.12em;font-weight:700;text-transform:uppercase}
.seo-visual-top span:last-child{color:#C7A86B}
.seo-schematic{display:block;width:100%;height:auto;aspect-ratio:1.35/1;background:#F7F4EE}
.seo-visual-bottom{padding:20px 20px 18px;background:var(--seo-ink);color:var(--seo-paper);display:flex;justify-content:space-between;gap:12px;align-items:center}
.seo-visual-bottom strong{display:block;font-size:17px;line-height:1.3}
.seo-visual-bottom small{font-size:12px;color:#CAA86D;display:block;margin-top:5px}
.seo-visual-bottom .seo-visual-arrow{font-size:31px;color:#C8A46A;line-height:1}
.seo-figure-note{padding:8px 14px;font-size:10px;line-height:1.5;color:var(--seo-muted);background:var(--seo-beige);border-top:1px solid var(--seo-line)}
.seo-milestones{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--seo-gold);border-bottom:1px solid var(--seo-line);margin-bottom:100px}
.seo-milestones>div{display:flex;align-items:center;gap:17px;padding:21px 22px 22px 0;min-width:0}
.seo-milestones>div+div{border-left:1px solid var(--seo-line);padding-left:24px}
.seo-milestone-index{display:grid;place-items:center;flex:0 0 39px;height:39px;border:1px solid var(--seo-line);font-size:12px;color:var(--seo-gold-dark);font-weight:700;background:var(--seo-beige)}
.seo-milestones strong{display:block;font-size:14px;line-height:1.3}
.seo-milestones p{font-size:12px;color:var(--seo-muted);line-height:1.4;margin-top:4px}
.seo-section{padding:89px 0}
.seo-section-soft{background:var(--seo-beige);border-top:1px solid var(--seo-line);border-bottom:1px solid var(--seo-line)}
.seo-section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.65fr);gap:62px;align-items:end;margin-bottom:39px}
.seo-section h2{font-size:clamp(34px,3.4vw,49px);font-weight:800;letter-spacing:-.052em;line-height:1.13;margin-top:15px}
.seo-section h2 span{color:var(--seo-gold-dark)}
.seo-section-heading>p{font-size:15px;color:var(--seo-muted);line-height:1.75}
.seo-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.seo-card{background:var(--seo-paper);border:1px solid var(--seo-line);padding:28px 26px 29px;min-height:260px}
.seo-section:not(.seo-section-soft) .seo-card{background:#fff}
.seo-card-number{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--seo-line);padding-bottom:18px;margin-bottom:22px;color:var(--seo-gold-dark);font-size:11px;letter-spacing:.12em;font-weight:700}
.seo-card-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--seo-line);color:var(--seo-gold-dark)}
.seo-card-icon svg{width:21px;height:21px}
.seo-card h3{font-size:23px;font-weight:800;letter-spacing:-.03em;line-height:1.22;margin-bottom:12px}
.seo-card p{font-size:14px;line-height:1.75;color:var(--seo-muted)}
.seo-editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:74px;align-items:start}
.seo-editorial h2{margin-bottom:20px}
.seo-editorial .seo-long-copy p{color:var(--seo-muted);font-size:16px;line-height:1.85;margin-bottom:20px}
.seo-editorial .seo-long-copy strong{color:var(--seo-ink)}
.seo-editorial-list{border-top:1px solid var(--seo-line);margin-top:23px}
.seo-editorial-list>div{display:grid;grid-template-columns:28px 1fr;gap:13px;padding:14px 0;border-bottom:1px solid var(--seo-line);font-size:14px}
.seo-editorial-list span:first-child{color:var(--seo-gold-dark);font-size:15px}
.seo-steps{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--seo-gold);margin-top:42px}
.seo-step{padding:26px 20px 12px 0;position:relative}
.seo-step+.seo-step{border-left:1px solid var(--seo-line);padding-left:24px}
.seo-step .seo-step-index{font-size:33px;line-height:1;color:var(--seo-gold-dark);font-weight:700}
.seo-step h3{font-size:20px;letter-spacing:-.03em;margin:20px 0 10px;line-height:1.25}
.seo-step p{font-size:13px;color:var(--seo-muted);line-height:1.65}
.seo-deliverables{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding:45px 50px;border:1px solid var(--seo-line);background:var(--seo-paper)}
.seo-deliverables h2{font-size:35px}
.seo-deliverables ul{list-style:none;padding:0;display:grid;gap:0}
.seo-deliverables li{padding:13px 0 13px 26px;border-bottom:1px solid var(--seo-line);position:relative;font-size:14px;line-height:1.6}
.seo-deliverables li:before{content:"";position:absolute;left:1px;top:23px;width:8px;height:8px;background:var(--seo-gold)}
.seo-trustline{margin-top:21px;font-size:13px;line-height:1.6;color:var(--seo-muted)}
.seo-related{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:36px}
.seo-related a{padding:23px 25px;border:1px solid var(--seo-line);background:#fff;display:flex;gap:20px;align-items:center;justify-content:space-between;transition:border-color .15s,transform .15s}
.seo-related a:hover{border-color:var(--seo-gold);transform:translateY(-2px)}
.seo-related small{display:block;color:var(--seo-gold-dark);letter-spacing:.11em;font-size:10px;font-weight:700;text-transform:uppercase;margin-bottom:6px}
.seo-related strong{font-size:19px;font-weight:800;line-height:1.3;display:block}
.seo-related a>span:last-child{font-size:30px;line-height:1;color:var(--seo-gold-dark)}
.seo-faq{max-width:900px;margin:0 auto}
.seo-faq .seo-section-heading{display:block;margin-bottom:29px}
.seo-faq details{border-top:1px solid var(--seo-line);background:transparent}
.seo-faq details:last-child{border-bottom:1px solid var(--seo-line)}
.seo-faq summary{list-style:none;cursor:pointer;font-size:17px;font-weight:700;padding:22px 36px 22px 0;position:relative;line-height:1.4}
.seo-faq summary::-webkit-details-marker{display:none}
.seo-faq summary:after{content:"+";position:absolute;right:7px;top:18px;font-size:25px;font-weight:400;color:var(--seo-gold-dark)}
.seo-faq details[open] summary:after{content:"-"}
.seo-faq details p{color:var(--seo-muted);font-size:14px;max-width:800px;line-height:1.8;padding:0 60px 24px 0}
.seo-local{border-top:1px solid var(--seo-line);padding-top:25px;display:flex;gap:25px;justify-content:space-between;align-items:center;margin-top:40px}
.seo-local p{font-size:14px;color:var(--seo-muted);max-width:640px}
.seo-local strong{font-weight:700;color:var(--seo-ink)}
.seo-final-cta{background:var(--seo-ink);color:#fff;padding:80px 0 83px}
.seo-final-cta .seo-container{display:flex;justify-content:space-between;align-items:center;gap:50px}
.seo-final-cta h2{font-size:clamp(36px,3.7vw,51px);max-width:650px;line-height:1.13;letter-spacing:-.05em;margin:13px 0 13px;font-weight:800}
.seo-final-cta h2 span{color:#C8A46A}
.seo-final-cta p:not(.seo-kicker){font-size:14px;color:#D5CDC1}
.seo-final-cta .seo-cta{color:var(--seo-ink);background:var(--seo-paper);border-color:var(--seo-paper);white-space:nowrap}
.seo-final-cta .seo-cta:hover{background:#E9E0CE;color:var(--seo-ink)!important}
.seo-footer{background:var(--seo-paper);border-top:1px solid var(--seo-line);padding:37px 0 25px}
.seo-footer .seo-footer-main{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;border-bottom:1px solid var(--seo-line);padding-bottom:28px}
.seo-footer .seo-footer-main p{color:var(--seo-muted);font-size:12px;margin-top:8px}
.seo-footer-links{display:flex;flex-wrap:wrap;gap:13px 23px;justify-content:end;max-width:600px}
.seo-footer-links a{font-size:12px;font-weight:700}
.seo-footer-bottom{display:flex;justify-content:space-between;gap:16px;color:var(--seo-muted);padding-top:18px;font-size:11px}
/* Optional navigational strip for the existing index.html integration. */
.seo-new-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:26px 0 21px}
.seo-new-services a{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:14px 15px;background:var(--seo-paper);border:1px solid var(--seo-line);color:var(--seo-ink);font:700 13px/1.3 Calibri,"Segoe UI",Arial,sans-serif;text-decoration:none}
.seo-new-services a:hover{border-color:var(--seo-gold)}
.seo-new-services a span{color:var(--seo-gold-dark);font-size:18px}
@media(max-width:1080px){.seo-nav{gap:17px}.seo-nav>a{font-size:11px}.seo-hero{gap:35px}.seo-container{width:min(100% - 46px,1020px)}}
@media(max-width:820px){.seo-topline .seo-container span:last-child{display:none}.seo-header-row{min-height:76px}.seo-nav{display:none}.seo-mobile-menu{display:block;position:relative;margin-left:auto}.seo-mobile-menu>summary{cursor:pointer;border:1px solid var(--seo-line);padding:8px 11px;list-style:none;font-size:13px;font-weight:700}.seo-mobile-menu>summary::-webkit-details-marker{display:none}.seo-mobile-menu[open] nav{position:absolute;right:0;top:41px;min-width:250px;background:var(--seo-paper);border:1px solid var(--seo-line);box-shadow:0 14px 35px rgb(31 28 25 / 9%);display:flex;flex-direction:column;align-items:stretch;gap:0;z-index:9}.seo-mobile-menu nav a{padding:13px 17px;border-bottom:1px solid var(--seo-line);font-size:14px}.seo-mobile-menu nav a:last-child{border-bottom:0}.seo-hero{grid-template-columns:1fr;padding:42px 0 58px;gap:40px}.seo-hero h1{max-width:690px}.seo-hero-copy{max-width:650px}.seo-hero-visual{max-width:650px}.seo-milestones{margin-bottom:65px}.seo-section{padding:70px 0}.seo-section-heading,.seo-editorial{gap:32px}.seo-card-grid{grid-template-columns:1fr 1fr}.seo-card-grid .seo-card:last-child{grid-column:1/-1;min-height:190px}.seo-deliverables{padding:32px;gap:30px}.seo-steps{grid-template-columns:1fr 1fr}.seo-step:nth-child(3){border-left:0;padding-left:0;border-top:1px solid var(--seo-line)}.seo-step:nth-child(4){border-top:1px solid var(--seo-line)}}
@media(max-width:600px){.seo-container{width:calc(100% - 34px)}.seo-topline{font-size:9px}.seo-brand-label{font-size:15px}.seo-brand-label small{font-size:9px}.seo-brand-mark,.seo-brand-mark img{width:34px;height:34px}.seo-breadcrumb{margin-top:27px;flex-wrap:wrap;gap:7px}.seo-hero{padding-top:37px}.seo-overline,.seo-kicker{font-size:10px}.seo-hero h1{font-size:clamp(40px,12vw,55px);margin:16px 0 21px}.seo-hero-lead{font-size:19px}.seo-hero-copy{font-size:14px}.seo-hero-actions{gap:8px 23px}.seo-milestones{display:grid;grid-template-columns:1fr;margin-bottom:36px}.seo-milestones>div,.seo-milestones>div+div{border-left:0;border-bottom:1px solid var(--seo-line);padding:16px 0}.seo-milestones>div:last-child{border-bottom:0}.seo-milestones strong{font-size:14px}.seo-section-heading,.seo-editorial{grid-template-columns:1fr;gap:15px}.seo-section{padding:55px 0}.seo-section h2{font-size:35px}.seo-card-grid{grid-template-columns:1fr}.seo-card-grid .seo-card:last-child{grid-column:auto}.seo-card{min-height:0;padding:23px 23px 27px}.seo-steps{grid-template-columns:1fr}.seo-step,.seo-step+.seo-step,.seo-step:nth-child(3){border-left:0;border-top:1px solid var(--seo-line);padding:22px 0}.seo-steps{border-top:0}.seo-deliverables{grid-template-columns:1fr;padding:28px 22px;gap:17px}.seo-deliverables h2{font-size:31px}.seo-related{grid-template-columns:1fr;gap:9px}.seo-local{display:block}.seo-local a{margin-top:16px}.seo-final-cta{padding:56px 0}.seo-final-cta .seo-container{display:block}.seo-final-cta .seo-cta{margin-top:22px}.seo-final-cta h2{font-size:38px}.seo-footer .seo-footer-main{display:block}.seo-footer-links{justify-content:flex-start;margin-top:23px}.seo-footer-bottom{display:block}.seo-new-services{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.seo-service-page *{transition:none!important;animation:none!important}}
