@font-face{font-family:Montserrat;src:url('assets/montserrat-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/montserrat-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/montserrat-semibold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Montserrat;src:url('assets/montserrat-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--navy:#071D36;--blue:#0D2947;--copper:#B8793F;--ivory:#F7F5EF;--line:#D9DCE0;--muted:#536071}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--navy);background:var(--ivory);font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}p,h1,h2,h3,figure{margin:0}h1,h2,h3{line-height:1.18;letter-spacing:-.045em;font-weight:500}h2{font-size:clamp(2rem,3.2vw,3.1rem)}h3{font-size:1.25rem}a:focus-visible,summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}a:hover{text-underline-offset:5px}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);max-width:1800px;margin:auto}.logo{width:245px;height:auto}header nav{display:flex;gap:28px;font-size:.875rem}header nav a:hover{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--navy);color:white;padding:17px 24px;min-height:58px;font-size:.875rem;font-weight:500;border-radius:4px;transition:background .2s,transform .2s}.button:hover{background:var(--blue);transform:translateY(-2px)}.button span{font-size:1.45rem}.small{min-height:48px;padding:12px 18px}.eyebrow{font-size:.8125rem;font-weight:600;letter-spacing:.14em;line-height:1.6;color:#87552f;margin-bottom:24px}.hero{max-width:1800px;padding:65px 5% 0;margin:auto}.hero-heading{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:38px}.hero h1{font-size:clamp(2.7rem,5.35vw,5.65rem);line-height:1.12;font-weight:400;letter-spacing:-.06em}.hero h1 span{color:var(--copper)}.hero-intro{display:flex;justify-content:space-between;align-items:end;gap:40px}.hero-intro>p{max-width:590px;color:var(--muted);font-size:1rem}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:.875rem;font-weight:600;border-bottom:1px solid var(--copper);padding-bottom:6px}.text-link:hover{color:#87552f}.text-link span{font-size:1.3rem}.hero-visual{position:relative;height:560px;background:var(--blue);overflow:hidden;border-radius:5px}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 62%}.hero-property-tags{position:absolute;top:24px;right:26px;display:flex;gap:8px}.hero-property-tags span{background:rgba(247,245,239,.93);padding:6px 14px;border-radius:30px;font-size:.8125rem}.hero-invitation{position:absolute;left:30px;bottom:30px;padding:28px 30px;background:var(--ivory);max-width:440px;box-shadow:0 15px 45px #071d3620}.hero-invitation .eyebrow{font-size:.75rem;margin-bottom:12px}.hero-invitation h2{font-size:1.8rem;margin-bottom:22px}.hero-invitation .button{width:100%;gap:20px}.micro{font-size:.75rem;color:var(--muted);margin-top:12px}.photo-note{position:absolute;right:32px;bottom:35px;color:white;font-size:1.6rem;line-height:1.35;text-shadow:0 2px 12px #000b}.platforms{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 5%;max-width:1800px;margin:auto;border-bottom:1px solid var(--line)}.platforms>p{color:var(--muted);font-size:.875rem}.platforms>div{display:flex;align-items:center;gap:30px}.platforms span{font-size:1.55rem;font-weight:600;letter-spacing:-.05em}.platforms i{height:22px;width:1px;background:var(--line)}.section{padding:100px 7%;max-width:1700px;margin:auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:50px}.section-heading>p{max-width:350px;color:var(--muted)}.section-heading .eyebrow{margin-bottom:20px}.service-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:stretch}.service-photo{position:relative;min-height:630px;overflow:hidden}.service-photo img{width:100%;height:100%;position:absolute;object-fit:cover}.service-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 30px 30px;background:linear-gradient(transparent,#071d36c9);color:white;font-size:1.7rem;line-height:1.3}.service-grid article{position:relative;padding:29px 0 29px 64px;border-bottom:1px solid var(--line)}.service-grid article:first-child{padding-top:0}.service-grid article:last-child{border-bottom:0}.number{position:absolute;left:0;top:27px;color:var(--copper);font-size:.875rem;font-weight:500}.service-grid article:first-child .number{top:3px}.service-grid h3{font-size:1.4rem;margin-bottom:12px}.service-grid p{color:var(--muted);font-size:1rem}.pathways{background:var(--navy);color:white;max-width:none;padding-left:max(7%,calc((100vw - 1460px)/2));padding-right:max(7%,calc((100vw - 1460px)/2))}.pathways .eyebrow{color:#dbb18b}.pathways .section-heading>p{color:#c2ccd7}.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #ffffff35}.path{padding:45px 8% 0 0;display:flex;flex-direction:column;align-items:flex-start}.path+ .path{padding:45px 0 0 8%;border-left:1px solid #ffffff35}.path .tag{font-size:.75rem;letter-spacing:.1em;color:#dbb18b;margin-bottom:25px}.path h3{font-size:2.25rem;min-height:90px;margin-bottom:20px}.path>p:not(.tag){color:#c9d3de}.path ul{list-style:none;padding:0;width:100%;margin:25px 0}.path li{position:relative;padding:12px 0 12px 23px;border-bottom:1px solid #ffffff20}.path li:before{content:'✓';position:absolute;left:0;color:#dbb18b}.path .text-link{margin-top:auto;color:white}.terms{background:#eae4db;display:grid;grid-template-columns:1.2fr .65fr 1fr;gap:50px;align-items:center;padding-top:65px;padding-bottom:65px;max-width:none}.terms h2{font-size:1.9rem;margin-bottom:20px}.terms p{color:var(--muted)}.commission{text-align:center;border-left:1px solid #bdac98;border-right:1px solid #bdac98;padding:0 25px}.commission strong{display:block;font-size:6.5rem;line-height:1.1;font-weight:400;letter-spacing:-.08em;color:#87552f}.commission strong span{font-size:3rem}.commission p{font-size:.875rem;margin-top:15px}.freedom h3{font-size:1.25rem;line-height:1.5;margin-bottom:15px}.freedom p{font-size:.9375rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;counter-reset:step}.steps article{border-top:1px solid #b8793f80;padding-top:25px}.steps article>span{display:block;color:var(--copper);font-size:3.5rem;font-weight:400;margin-bottom:20px;letter-spacing:-.05em}.steps h3{margin-bottom:15px;line-height:1.4}.steps p{color:var(--muted)}.disclaimer{margin-top:35px;color:var(--muted);font-size:.75rem;max-width:950px}.network-section{padding-top:0}.network-card{display:grid;grid-template-columns:.75fr 1.25fr;border:1px solid #d2c5b6;background:#fff}.network-logo{display:grid;align-items:center;padding:35px}.network-logo img{width:100%;height:auto}.network-copy{padding:45px 45px 45px 50px;border-left:1px solid var(--line)}.network-badge{display:flex;align-items:center;gap:10px;color:#87552f;font-size:.75rem;letter-spacing:.12em;font-weight:600;margin-bottom:22px}.network-badge>span{width:24px;height:24px;background:#ffce00;border-radius:50%;display:grid;place-items:center;color:var(--navy)}.network-copy h2{font-size:2.25rem;margin-bottom:23px}.network-copy>p:not(.network-badge){color:var(--muted)}.network-values{display:flex;gap:10px 20px;list-style:none;padding:0;margin:25px 0 0;flex-wrap:wrap}.network-values li{font-size:.8125rem;border-bottom:1px solid #d2c5b6;padding-bottom:5px}.faq-section{background:#efefeb;max-width:none;display:grid;grid-template-columns:.75fr 1.25fr;gap:8%;align-items:start}.faq-intro{position:sticky;top:30px}.faq-intro h2{font-size:3rem;margin-bottom:25px}.faq-intro>p:not(.eyebrow){color:var(--muted)}.faq-index{display:flex;flex-direction:column;margin-top:30px}.faq-index a{display:flex;gap:15px;font-size:.875rem;padding:12px 0;border-bottom:1px solid var(--line)}.faq-index span{color:#87552f}.faq-help{margin-top:35px;padding-top:25px;border-top:2px solid var(--copper)}.faq-help h3{font-size:1rem;line-height:1.6;margin-bottom:5px}.faq-help p{color:var(--muted);font-size:.875rem}.faq-help .text-link{margin-top:15px;font-size:.8125rem;display:block}.faq-group{margin-bottom:45px;scroll-margin-top:30px}.faq-group:last-child{margin:0}.faq-group>h3{font-size:1.125rem;line-height:1.5;margin-bottom:20px}.faq-group>h3>span{color:#87552f;font-size:.875rem;margin-right:12px}details{border-bottom:1px solid #cdd1d3}summary{display:flex;gap:22px;justify-content:space-between;align-items:center;padding:23px 0;cursor:pointer;list-style:none;font-size:1rem;line-height:1.6;font-weight:500}summary::-webkit-details-marker{display:none}summary::marker{content:''}summary:hover{color:#87552f}.faq-plus{width:18px;height:18px;position:relative;flex-shrink:0}.faq-plus:before,.faq-plus:after{content:'';position:absolute;top:8px;left:1px;width:16px;height:1.5px;background:#87552f}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}details[open] .faq-plus:after{transform:rotate(0)}.faq-answer{padding:0 30px 25px 0;color:var(--muted);font-size:1rem}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:var(--blue);color:white;max-width:none}.contact .eyebrow{color:#dbb18b}.contact h2{font-size:clamp(2.5rem,4.3vw,4.5rem);margin-bottom:25px}.contact>div>p:last-child{max-width:450px;color:#ccd6df}.contact-actions{justify-self:end;display:flex;flex-direction:column;align-items:flex-start}.light{background:var(--ivory);color:var(--navy)}.light:hover{background:white}.contact-actions>p{font-size:.75rem;margin:12px 0 25px;color:#ccd6df}.email,.phone{padding:6px 0;font-size:1rem}.email:hover,.phone:hover{text-decoration:underline}footer{padding:50px 7% 100px;max-width:1700px;margin:auto}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:40px}.footer-top img{width:245px;height:auto}.footer-top p,.footer-top>a:last-child{font-size:.875rem}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:25px;font-size:.75rem;color:var(--muted)}.credit{font-size:.75rem;margin-top:15px;color:var(--muted)}.credit a{text-decoration:underline}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.whatsapp-float{--scroll-shift:0px;position:fixed;z-index:50;right:24px;bottom:calc(24px + env(safe-area-inset-bottom));width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#25d366;color:white;border:3px solid #1bbc59;box-shadow:0 6px 25px #071d3630;transform:translateY(var(--scroll-shift));transition:transform .35s ease-out}.whatsapp-float svg{width:32px;height:32px}.whatsapp-tip{position:absolute;right:78px;background:var(--navy);color:white;padding:9px 14px;font-size:.875rem;white-space:nowrap;border-radius:5px;opacity:0;pointer-events:none;transition:opacity .2s}.whatsapp-float:hover .whatsapp-tip,.whatsapp-float:focus-visible .whatsapp-tip{opacity:1}
@media(min-width:1700px){.hero-visual{height:650px}}
@media(max-width:1100px){header .small{display:none}.section{padding-left:5%;padding-right:5%}.service-layout{gap:5%}.terms{gap:25px}.commission strong{font-size:5rem}.network-copy{padding:35px}.faq-section{gap:5%}.path h3{font-size:1.95rem}.hero h1{font-size:5.5vw}}
@media(max-width:800px){header{padding:20px 6%;flex-wrap:wrap;gap:20px}.logo{width:220px}header nav{width:100%;border-top:1px solid var(--line);padding-top:14px;justify-content:space-between;gap:10px;font-size:.8125rem}.hero{padding:35px 6% 0}.hero h1{font-size:clamp(2.25rem,7.9vw,4rem)}.hero h1 br{display:none}.hero h1 span{display:block}.eyebrow{font-size:.75rem;letter-spacing:.08em}.hero-intro{display:block}.hero-intro .text-link{margin-top:22px}.hero-visual{height:600px;overflow:visible;background:none;display:flex;flex-direction:column}.hero-visual>img{height:340px;object-position:center;flex-shrink:0}.hero-property-tags{top:18px;right:15px;left:15px;gap:6px;flex-wrap:wrap}.hero-property-tags span{font-size:.75rem;padding:5px 10px}.hero-invitation{position:relative;left:auto;bottom:auto;margin:-35px 15px 0;padding:23px 20px;max-width:none;z-index:1}.hero-invitation h2{font-size:1.5rem}.hero-invitation .button{font-size:.8125rem;padding:15px;gap:12px}.hero-invitation .micro{font-size:.75rem}.photo-note{display:none}.platforms{padding:26px 6%;flex-direction:column;align-items:flex-start;gap:10px}.platforms span{font-size:1.4rem}.section{padding:65px 6%}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:24px}.section-heading>.text-link{margin-top:25px}h2{font-size:2rem}.service-layout{grid-template-columns:1fr;gap:35px}.service-photo{min-height:380px;max-height:450px}.service-grid article{padding-left:45px}.service-grid h3{font-size:1.25rem}.path-grid{grid-template-columns:1fr}.path{padding:30px 0}.path+.path{padding:35px 0 0;border-left:0;border-top:1px solid #ffffff35}.path h3{min-height:0;font-size:2rem}.terms{grid-template-columns:1fr;gap:30px}.commission{text-align:left;border-right:0;padding-left:25px}.commission strong{font-size:5.5rem}.freedom{border-top:1px solid #bdac98;padding-top:25px}.steps{grid-template-columns:1fr;gap:30px}.steps article{position:relative;padding-left:60px}.steps article>span{position:absolute;left:0;top:23px;font-size:2rem}.network-section{padding-top:0}.network-card{grid-template-columns:1fr}.network-logo{padding:30px;min-height:190px}.network-logo img{max-width:420px;margin:auto}.network-copy{border-left:0;border-top:1px solid var(--line);padding:30px 25px}.network-copy h2{font-size:1.9rem}.faq-section{grid-template-columns:1fr;gap:45px}.faq-intro{position:static}.faq-intro h2{font-size:2.5rem}.contact{grid-template-columns:1fr;gap:35px}.contact-actions{justify-self:start;max-width:100%}.contact h2{font-size:2.8rem}.email{overflow-wrap:anywhere}.footer-top{flex-direction:column;align-items:flex-start;gap:25px}.footer-bottom{flex-direction:column;gap:12px}.whatsapp-float{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));width:58px;height:58px}.whatsapp-float svg{width:29px;height:29px}.whatsapp-tip{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.whatsapp-float{transform:none!important}}

/* Reading comfort, preserving the approved title hierarchy and page design. */
body{font-size:1.125rem;line-height:1.7}
header nav,.button,.text-link,.faq-intro>.text-link{font-size:1rem}
.eyebrow,.hero-invitation .eyebrow,.hero-property-tags span,.path .tag,.network-badge{font-size:.875rem}
.hero-intro>p,.service-grid p,.faq-answer,.email,.phone{font-size:1.125rem}
.micro,.contact-actions>p,.disclaimer{font-size:.875rem;line-height:1.65}
.platforms>p,.commission p,.freedom p,.footer-top p,.footer-top>a:last-child{font-size:1rem}
summary{font-size:1.25rem;line-height:1.5;padding:24px 0}
.hero-invitation{max-width:465px}.hero-invitation .button{white-space:normal}
.hero-intro>p{max-width:670px}
.service-layout{align-items:stretch}.service-photo{min-height:460px}
.service-grid article{padding:24px 0 24px 66px}
.service-grid article:first-child{padding-top:0}
.service-grid h3{margin-bottom:9px}
.service-icon{position:absolute;left:0;top:23px;color:#87552f;display:block;width:34px;height:34px}
.service-icon svg{width:100%;height:100%}
.service-grid article:first-child .service-icon{top:3px}
.path{gap:0}.path h3{min-height:0;margin-bottom:20px}
.path .tag{margin-bottom:20px}.path .text-link{margin-top:28px}
.path .path-note{margin-top:15px;font-size:1rem;line-height:1.8}
.path-grid{align-items:start}
.network-copy{padding-top:34px;padding-bottom:34px}
.faq-intro>.text-link{margin-top:8px;display:inline-block;max-width:340px;line-height:1.7}
.faq-more{margin-top:28px;border:0}
.faq-more>summary{font-size:1rem;color:#87552f;border:1px solid #b8793f70;padding:16px 20px;gap:16px}
.faq-more .when-open{display:none}
.faq-more[open]>summary .when-open{display:inline}
.faq-more[open]>summary .when-closed{display:none}
.faq-extra{padding-top:22px}
.faq-extra details[open]>.faq-answer{display:block}
.faq-more[open] .faq-extra details:not([open]) .faq-plus:after{transform:rotate(90deg)}
.faq-more[open] .faq-extra details[open] .faq-plus:after{transform:rotate(0)}
@media(min-width:801px) and (max-width:1250px){header{gap:20px}header nav{gap:20px}header .small{display:none}.logo{width:220px}}
@media(max-width:800px){
 header nav{font-size:1rem;gap:12px;flex-wrap:wrap}.logo{width:220px}
 .hero .eyebrow{font-size:.875rem;letter-spacing:.06em}
 .hero-visual{height:auto;margin-bottom:28px}
 .hero-invitation{max-width:none}.hero-invitation .button{font-size:1rem;padding:16px;min-height:58px}
 .hero-invitation .micro,.hero-property-tags span{font-size:.875rem}
 .hero-property-tags{flex-wrap:wrap}
 .service-photo{min-height:360px}.service-grid article{padding-left:52px}
 .service-icon{width:29px;height:29px}
 .path{padding-bottom:30px}.path .path-note{font-size:1rem}
 summary{font-size:1.1875rem;padding:22px 0}
 .faq-answer{font-size:1.125rem;padding-right:10px}
 .faq-section{gap:30px}.faq-intro>.text-link{max-width:none}
 .button{font-size:1rem;gap:18px}.contact-actions{width:100%}
 .contact-actions .button{max-width:100%}.network-badge{letter-spacing:.06em}
}

/* HOSTOMA final content and hierarchy updates. */
.platforms{justify-content:flex-start;gap:24px}.platforms>p{min-width:max-content}.platforms>div{gap:24px}
.hero-intro>p{max-width:760px}
.service-photo figcaption{font-size:1.45rem}
.terms .commission p{font-size:1rem;line-height:1.55}
.freedom p{max-width:560px}
.footer-top{align-items:flex-end}.footer-top p{margin-right:auto;margin-left:10px}.instagram-link{display:inline-flex;align-items:center;gap:10px;font-size:1rem}.instagram-link svg{width:22px;height:22px}.footer-signature{padding:22px 0 18px;border-top:1px solid var(--line);color:var(--copper);font-size:clamp(.78rem,1.35vw,1.3rem);line-height:1.3;letter-spacing:.055em;font-weight:600;white-space:nowrap}
@media(max-width:800px){.platforms{gap:8px}.platforms>div{gap:18px}.footer-top{align-items:flex-start}.footer-top p{margin:0}.footer-signature{font-size:clamp(.64rem,1.35vw,.78rem);padding:18px 0 14px;letter-spacing:.025em}.instagram-link{font-size:.95rem}}

/* Footer brand lockup: square logo with the service descriptor underneath. */
.footer-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding-bottom:32px}
.footer-top>a:first-child{display:flex;justify-content:center}
.footer-top>a:first-child img{content:url('assets/logo-square.png');width:210px;height:auto}
.footer-top p{margin:0;text-align:center;color:var(--muted);font-size:1rem}
.footer-top .instagram-link{margin-top:8px}
.commission strong span{display:inline-block;margin-left:.16em;vertical-align:.08em}
@media(max-width:800px){.footer-top{align-items:center;gap:8px}.footer-top>a:first-child img{width:185px}.footer-top .instagram-link{margin-top:6px}}

/* Distinguish the two entry offers as equal, framed cards. */
.path-grid{border-top:0;gap:24px}
.path,.path+.path{padding:46px 40px 42px;border:1px solid #ffffff35;border-top:3px solid var(--copper);border-radius:5px;background:#0d2947;min-height:430px}
.path+.path{border-left:1px solid #ffffff35}
@media(max-width:800px){.path-grid{gap:16px}.path,.path+.path{padding:32px 24px 30px;min-height:0;border:1px solid #ffffff35;border-top:3px solid var(--copper)}}

/* Selected photography: retain the television and the Moroccan textile details. */
.hero-visual>img{object-position:50% 66%}
.service-photo img{object-position:38% 50%}
@media(max-width:800px){.hero-visual>img{height:auto;aspect-ratio:1520/1035;object-fit:contain}.service-photo img{object-position:35% 52%}}

/* Improve readability of the two HOSTOMA logo taglines. */
header .logo{width:285px;height:auto}
.footer-top>a:first-child img{width:250px;height:auto}
@media(max-width:1250px){header .logo{width:260px}}
@media(max-width:800px){.footer-top>a:first-child img{width:225px}}

/* Optional audience measurement, with a visible and reversible choice. */
.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.footer-bottom button{border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
.footer-bottom a{color:inherit}
.footer-bottom button:focus-visible{outline:3px solid #b8793f;outline-offset:3px}

/* Le Réseau: the approved two-panel visual, as a rectangular page section. */
.network-section{padding-top:0}
.network-card{display:grid;grid-template-columns:45% 55%;min-height:510px;background:#111;border:1px solid #83681a;border-radius:0;overflow:hidden}
.network-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:50px 45px;background:#fff;color:#111}
.network-logo img{width:min(100%,590px);max-width:none;margin:0;height:auto}
.network-logo p{font-size:clamp(1rem,1.6vw,1.55rem);line-height:1.3;font-weight:700;text-align:center;color:#111}
.network-copy{display:flex;flex-direction:column;justify-content:center;padding:58px clamp(40px,5vw,85px);border:0;color:#fff}
.network-copy .network-badge{align-self:flex-start;display:inline-flex;gap:12px;padding:8px 16px;border:1px solid #8c6d0a;border-radius:100px;background:#2b2519;color:#ffca08;font-size:.875rem;letter-spacing:.08em;font-weight:700;margin-bottom:24px}
.network-badge>span{width:25px;height:25px;background:#ffbf00;color:#111;font-size:1rem}
.network-copy h2{font-size:clamp(2.1rem,3.3vw,4rem);line-height:1.13;font-weight:700;letter-spacing:-.045em;margin-bottom:25px;color:#fff}
.network-copy>p:not(.network-badge){font-size:clamp(.95rem,1.18vw,1.18rem);line-height:1.75;color:#aaa}
.network-values{display:flex;gap:10px;list-style:none;padding:0;margin:30px 0 0;flex-wrap:wrap}
.network-values li{padding:10px 13px;border:1px solid #353535;border-radius:12px;color:#bbb;font-size:.875rem}
@media(max-width:800px){.network-card{grid-template-columns:1fr;min-height:0}.network-logo{padding:40px 22px 35px;gap:14px}.network-logo img{max-width:420px}.network-copy{padding:38px 25px;border:0}.network-copy h2{font-size:clamp(2rem,6vw,3rem)}.network-values{margin-top:22px}.network-values li{font-size:.8rem}}

/* Compact the network section after the contact CTA; left-align the footer lockup. */
.network-section{padding-top:50px;padding-bottom:50px}
.network-card{grid-template-columns:32% 68%;min-height:390px}
.network-logo{gap:12px;padding:28px 22px}
.network-logo img{width:min(100%,360px)}
.network-logo p{font-size:clamp(.95rem,1.25vw,1.25rem)}
.network-copy{padding:30px clamp(30px,4vw,65px)}
.network-copy .network-badge{margin-bottom:16px;padding:6px 13px}
.network-copy h2{font-size:clamp(2rem,2.7vw,3.25rem);margin-bottom:15px}
.network-copy>p:not(.network-badge){font-size:clamp(.9rem,1vw,1rem);line-height:1.55}
.network-values{margin-top:18px}
.network-values li{padding:7px 11px}
.footer-top{align-items:flex-start}
.footer-top>a:first-child{justify-content:flex-start}
.footer-top p{text-align:left}
.footer-top .instagram-link{align-self:flex-start}
@media(max-width:800px){.network-section{padding-top:30px;padding-bottom:40px}.network-card{grid-template-columns:1fr;min-height:0}.network-logo{padding:26px 20px 20px}.network-logo img{width:min(100%,320px)}.network-copy{padding:28px 24px}.network-copy h2{font-size:clamp(1.9rem,6vw,2.6rem)}.footer-top{align-items:flex-start}.footer-top>a:first-child{justify-content:flex-start}.footer-top p{text-align:left}}

/* Put the network and HOSTOMA lockup on a shared baseline. */
.closing-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(250px,3fr);gap:36px;align-items:stretch;margin-bottom:42px}
.closing-grid .network-section{padding:0;max-width:none;margin:0;min-width:0}
.closing-grid .network-card{height:100%;min-height:410px;grid-template-columns:32% 68%}
.closing-grid .network-logo{padding:22px 12px}
.closing-grid .network-logo img{width:100%}
.closing-grid .network-logo p{font-size:.9rem}
.closing-grid .network-copy{padding:27px 25px}
.closing-grid .network-copy .network-badge{font-size:.875rem;letter-spacing:.035em;white-space:normal;padding:5px 9px;margin-bottom:12px}
.closing-grid .network-badge>span{width:21px;height:21px;font-size:.85rem}
.closing-grid .network-copy h2{font-size:clamp(1.55rem,2.3vw,2.8rem);margin-bottom:13px}
.closing-grid .network-copy>p:not(.network-badge){font-size:1rem;line-height:1.5}
.closing-grid .network-values{gap:6px;margin-top:13px}
.closing-grid .network-values li{font-size:.875rem;padding:5px 8px;border-radius:8px}
.closing-grid .footer-top{height:100%;padding:25px 0;justify-content:center;align-items:flex-start;gap:12px}
.closing-grid .footer-top>a:first-child img{width:min(100%,215px)}
.closing-grid .footer-top p{font-size:.95rem}
.closing-grid .footer-top .instagram-link{font-size:.87rem;gap:6px;white-space:nowrap}
@media(max-width:1100px){.closing-grid{grid-template-columns:minmax(0,1fr) 240px;gap:22px}.closing-grid .network-card{grid-template-columns:30% 70%}.closing-grid .network-copy h2{font-size:1.65rem}}
@media(max-width:800px){.closing-grid{grid-template-columns:1fr;gap:28px}.closing-grid .network-card{grid-template-columns:1fr;min-height:0}.closing-grid .network-logo{padding:26px 20px 20px}.closing-grid .network-logo img{max-width:300px}.closing-grid .network-copy{padding:28px 24px}.closing-grid .network-copy h2{font-size:clamp(1.9rem,6vw,2.6rem)}.closing-grid .network-copy>p:not(.network-badge){font-size:1rem}.closing-grid .network-values li{font-size:.875rem}.closing-grid .footer-top{padding:0;gap:8px}.closing-grid .footer-top>a:first-child img{width:215px}}

/* Breathing room between the two closing blocks. */
.closing-grid{width:100%;max-width:1450px;margin:0 auto 42px;grid-template-columns:minmax(0,7fr) minmax(260px,3fr);gap:clamp(55px,5vw,90px)}
.closing-grid .footer-top{align-items:center;text-align:center}
.closing-grid .footer-top>a:first-child{justify-content:center}
.closing-grid .footer-top p{margin:0;text-align:center}
.closing-grid .footer-top .instagram-link{align-self:center}
@media(max-width:1100px){.closing-grid{gap:40px;grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:800px){.closing-grid{grid-template-columns:1fr;gap:38px}.closing-grid .footer-top{align-items:center}.closing-grid .footer-top>a:first-child{justify-content:center}.closing-grid .footer-top p{margin:0;text-align:center}}

/* Closing blocks: Le Réseau and HOSTOMA side by side, same height, clearly apart.
   HOSTOMA uses the official white logo on black, matching the dark side of the Réseau card.
   The logo file has its empty margins trimmed so "Conciergerie Premium" stays legible. */
.footer-top>a:first-child img{content:url('assets/logo-square-white.png')}
.closing-grid{align-items:stretch}
.closing-grid .footer-top{height:auto;background:#111;color:#fff;border:1px solid #111;padding:30px 24px;justify-content:center;align-items:center;gap:14px}
.closing-grid .footer-top>a:first-child img{width:min(100%,235px)}
.closing-grid .footer-top p{color:#c8c8c8;text-align:center}
.social-links{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:6px}
.closing-grid .footer-top .instagram-link,.facebook-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:1.05rem;font-weight:500;color:#fff;white-space:nowrap}
.closing-grid .footer-top .instagram-link svg,.facebook-link svg{width:30px;height:30px;flex-shrink:0}
.closing-grid .footer-top .instagram-link:hover,.facebook-link:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:801px) and (max-width:1100px){
  .closing-grid{grid-template-columns:minmax(0,1fr) 280px}
  .closing-grid .footer-top{padding:28px 14px}
  .closing-grid .footer-top .instagram-link,.facebook-link{font-size:.95rem;gap:8px}
  .closing-grid .footer-top .instagram-link svg,.facebook-link svg{width:26px;height:26px}
}
@media(max-width:800px){
  .closing-grid .footer-top{padding:32px 20px 24px}
  .closing-grid .footer-top>a:first-child img{width:210px}
}

/* Mobile pass (2026-10-01): thumb-sized hit areas without moving the layout
   (padding + negative margin), and the closing blocks
   stacked in one column below 1000 px where the Réseau card got squeezed. */
header nav a{display:inline-block;padding:9px 0;margin:-9px 0}
.footer-bottom a,.footer-bottom button{display:inline-block;padding:14px 0;margin:-14px 0}
@media(max-width:1000px){
  .closing-grid{grid-template-columns:1fr;gap:38px}
  .closing-grid .network-card{min-height:0}
  .closing-grid .footer-top{padding:30px 24px}
  .closing-grid .footer-top .instagram-link,.facebook-link{font-size:1.05rem;gap:10px}
  .closing-grid .footer-top .instagram-link svg,.facebook-link svg{width:30px;height:30px}
}

/* Terms strip (2026-10-01): trial month and owner-control block share the third column. */
.terms-side{display:grid;gap:26px}
.control h3{font-size:1.25rem;line-height:1.5;margin-bottom:12px}
.control ul{list-style:none;margin:0;padding:0}
.control li{position:relative;padding:5px 0 5px 24px;font-size:.9375rem;line-height:1.55;color:var(--muted)}
.control li:before{content:'✓';position:absolute;left:0;top:5px;color:#87552f;font-weight:600}
@media(max-width:800px){.control{border-top:1px solid #bdac98;padding-top:25px}}
/* Terms strip alignment (2026-10-01), desktop only: the three cells share the row
   height so the vertical rules around "20 %" run the full height; title and number
   sit on the same middle line; the caption keeps to two lines. */
@media(min-width:801px){
  .terms{grid-template-columns:1fr 1fr 1fr;align-items:stretch}
  .terms>div:first-child,.commission{display:flex;flex-direction:column;justify-content:center}
  .commission{padding:0 16px}
  .commission p{max-width:none;margin:15px auto 0}
  .terms-side{align-content:center}
}
/* Readability (2026-10-01, owner's request): every rem-based size scales by 12.5 %
   through the root; body copy goes from 16 to 18 px on every screen. Headings are
   mostly viewport-based and barely move. */
html{font-size:18px}
body{font-size:1rem}
.commission p{text-wrap:balance}
@media(max-width:800px){
  header nav{font-size:.75rem}
}
/* "Demander mon analyse gratuite" is a navy button like "Analyser mon bien" (owner's request). */
@media(max-width:800px){.section-heading>.button{margin-top:25px}}
@media(max-width:800px){.section-heading>.button{font-size:.8125rem;gap:12px;padding:15px 18px}}
/* Offer cards (2026-10-01, owner's request): equal height side by side, links on the
   same baseline, larger copper labels. */
@media(min-width:801px){
  .path-grid{align-items:stretch}
  .path h3{min-height:0}
}
.path .tag{font-size:.9375rem;letter-spacing:.09em}
@media(min-width:801px){
  /* Titles scale with the viewport so "Préparation & mise en location" stays on one line
     from ~1250 px up; links are pushed to the bottom of equal-height cards. */
  /* Largest size at which "Préparation & mise en location" (14.2 × font-size wide)
     still fits the card's inner width (0.43vw − 92px up to 1570px, then 638px). */
  .path h3{font-size:clamp(1rem,calc(2.97vw - 6.5px),2.4rem)}
  .path-grid .path>p:last-of-type{margin-bottom:28px}
  .path-grid .path .text-link{margin-top:auto}
}
/* FAQ link "Une autre question ? Écrivons-nous ↗" always on one line (owner's request):
   the text needs 19.2 × font-size; the size follows the column width. */
.faq-intro .text-link{white-space:nowrap}
@media(min-width:801px){.faq-intro .text-link{font-size:min(.875rem,1.5vw)}}
@media(max-width:800px){.faq-intro .text-link{font-size:clamp(.8rem,4.4vw,.9375rem)}}
/* Narrow phones (2026-10-04): since the root size went to 18 px, two things widened the
   page on 360 px screens. The one-line footer slogan now wraps onto two balanced lines, and
   the stacked closing blocks may shrink below their content's natural width (a plain 1fr
   column would not go under it). */
@media(max-width:800px){.footer-signature{white-space:normal;text-wrap:balance}}
@media(max-width:1000px){.closing-grid{grid-template-columns:minmax(0,1fr)}}