:root{--shadow-premium:0 30px 80px rgba(5,22,37,.13);--line-gold:rgba(214,170,85,.35)}
body{background:#fbfaf7}
.topline{height:32px;background:#d6aa55;color:#071b2d;font-size:10px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;position:fixed;inset:0 0 auto;z-index:60}
.topline .container{height:100%;display:flex;align-items:center;justify-content:space-between}
.topline-proof{font-weight:600;letter-spacing:.8px;opacity:.82}
.nav-wrap{top:32px;background:rgba(5,22,37,.88);box-shadow:0 12px 40px rgba(0,0,0,.12)}
.nav{height:82px}.mark{background:linear-gradient(145deg,rgba(240,206,135,.15),transparent);box-shadow:inset 0 0 0 4px rgba(214,170,85,.06)}
.links a{position:relative}.links a:not(.nav-cta):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--gold);transition:.25s}.links a:hover:after{right:0}
.nav-cta{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#071b2d!important;box-shadow:0 8px 24px rgba(214,170,85,.16)}
.hero{padding-top:190px;min-height:860px;background:radial-gradient(circle at 78% 18%,#123c5d 0,transparent 30%),linear-gradient(125deg,#04131f 0%,#071b2d 52%,#0a2941 100%)}
.hero-grid{gap:88px}.hero h1{font-size:64px;letter-spacing:-1.8px;max-width:720px}.hero h1 em{display:inline;background:linear-gradient(90deg,#d6aa55,#f7d998);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:19px;line-height:1.75;max-width:650px}.btn{min-height:52px;padding:15px 27px;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn.gold{background:linear-gradient(135deg,#c99a42,#f0ce87);box-shadow:0 14px 35px rgba(214,170,85,.2)}.btn.ghost{background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.trust-row{gap:0;border-top:1px solid rgba(255,255,255,.13);padding-top:25px}.trust-row div{flex:1;padding:0 22px}.trust-row div:first-child{padding-left:0}.trust-row b{font-size:22px}.trust-row span{font-size:10px;line-height:1.5;margin-top:2px}
.photo-main{height:560px;background-image:linear-gradient(to top,rgba(4,19,31,.72),rgba(4,19,31,.02) 62%),url('assets/hero-evodie-premium.jpg');background-position:center 35%;box-shadow:0 35px 80px rgba(0,0,0,.34);border-radius:260px 260px 24px 24px}.photo-main:before{content:"SERVICE PREMIUM";position:absolute;right:-18px;top:86px;background:var(--gold);color:var(--navy);padding:10px 15px;font-size:9px;font-weight:900;letter-spacing:1.6px;transform:rotate(90deg);z-index:3}.location-card{border-radius:3px;box-shadow:0 15px 34px rgba(0,0,0,.2)}.proof-card{border-left:3px solid var(--gold);box-shadow:0 28px 60px rgba(0,0,0,.28)}
.promise{background:linear-gradient(90deg,#c99a42,#eccb82,#c99a42)}
.property-callout{background:linear-gradient(180deg,#fbfaf7,#f4efe5);padding:120px 0}.section-intro{color:var(--muted);max-width:570px;margin:12px 0 0}.land-offer{box-shadow:0 20px 45px rgba(7,27,45,.17);border-left-width:4px}.property-inner{box-shadow:var(--shadow-premium);background:#fff}.property-poster{background:linear-gradient(145deg,#061827,#0c3150);padding:22px}.property-poster img{border:1px solid rgba(240,206,135,.45)}.property-copy{padding:58px}.available-badge{border-radius:30px}.house-details div{background:#f8f5ee;padding:13px 16px;border-left-width:3px}
.services{background:#f7f5f0}.service-card{padding:40px;border:1px solid rgba(7,27,45,.08);box-shadow:0 8px 28px rgba(7,27,45,.035);overflow:hidden}.service-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--gold),transparent);opacity:.65}.service-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(7,27,45,.12);border-color:var(--line-gold)}.service-card.featured{background:linear-gradient(145deg,#061827,#0c3150)}.service-card .icon{background:#fbf5e8}.featured .icon{background:rgba(255,255,255,.06)}
.method{background:radial-gradient(circle at 10% 20%,#113b59,transparent 32%),#061827}.step{transition:.2s}.step:hover{padding-left:12px;background:rgba(255,255,255,.025)}
.commitments{background:#fff}.commit-grid{box-shadow:0 22px 55px rgba(7,27,45,.06);border-color:rgba(214,170,85,.25)}.commit-grid article{padding:38px}.testimonial-box{box-shadow:var(--shadow-premium);border:1px solid rgba(214,170,85,.25);background:linear-gradient(135deg,#f8f1e3,#fff)}
.faq{background:#f6f3ed}.contact{background:radial-gradient(circle at 0 100%,#123d5d,transparent 35%),#051522}.contact-box{gap:110px}.lead-form{padding:42px;box-shadow:0 35px 85px rgba(0,0,0,.28);border-top:4px solid var(--gold)}input,select,textarea{border-color:#d9d4ca;background:#fbfaf7}input:focus,select:focus,textarea:focus{outline:2px solid rgba(214,170,85,.35);border-color:var(--gold)}
.whatsapp-float{position:fixed;z-index:70;right:22px;bottom:22px;display:flex;flex-direction:column;background:#1d9b5f;color:white;text-decoration:none;padding:12px 20px 12px 50px;border-radius:50px;box-shadow:0 18px 42px rgba(10,85,48,.3);font-size:10px}.whatsapp-float:before{content:"✦";position:absolute;left:16px;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:50%;background:white;color:#1d9b5f;display:grid;place-items:center}.whatsapp-float span{font-weight:900;font-size:13px}.whatsapp-float b{font-weight:500;opacity:.82}
@media(max-width:900px){.topline-proof{display:none}.nav-wrap{top:32px}.links{top:82px}.hero{padding-top:170px}.hero h1{font-size:50px}.hero-grid{gap:60px}.photo-main{height:490px}.property-copy{padding:42px}.contact-box{gap:60px}}
@media(max-width:600px){.topline{height:28px}.topline .container{justify-content:center;font-size:8px}.nav-wrap{top:28px}.nav{height:72px}.links{top:72px}.hero{padding-top:135px}.hero h1{font-size:41px;letter-spacing:-.8px}.lead{font-size:16px}.trust-row{flex-wrap:wrap}.trust-row div{padding:0 12px}.trust-row div:nth-child(2){border-right:0}.trust-row div:last-child{width:100%;flex-basis:100%;padding:14px 0 0;margin-top:14px;border-top:1px solid rgba(255,255,255,.1)}.photo-main{height:420px;border-radius:190px 190px 18px 18px}.photo-main:before{display:none}.proof-card{left:8px}.property-callout{padding:78px 0}.property-copy{padding:32px 24px}.service-card{padding:30px}.lead-form{padding:27px 22px}.whatsapp-float{right:14px;bottom:14px;padding:12px 17px 12px 45px}.whatsapp-float b{display:none}}

/* Expérience 3D premium — progressive enhancement for fine pointers */
:root{--rx:0deg;--ry:0deg;--mx:50%;--my:50%}
.hero{perspective:1400px;isolation:isolate;background:radial-gradient(circle at var(--mx) var(--my),rgba(43,112,158,.34) 0,transparent 28%),radial-gradient(circle at 78% 18%,#123c5d 0,transparent 30%),linear-gradient(125deg,#04131f 0%,#071b2d 52%,#0a2941 100%)}
.hero:before{content:"";position:absolute;right:1%;top:8%;width:420px;height:420px;border:1px solid rgba(240,206,135,.18);border-radius:50%;box-shadow:0 0 0 42px rgba(214,170,85,.025),0 0 0 84px rgba(214,170,85,.018);pointer-events:none;z-index:0}
.hero-visual{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .18s ease-out;will-change:transform}
.hero-visual .photo-main{transform:translateZ(18px);box-shadow:0 42px 90px rgba(0,0,0,.42)}
.hero-visual .location-card{transform:translateZ(54px)}
.hero-visual .proof-card{transform:translateZ(78px)}
.property-inner{transform-style:preserve-3d;perspective:1400px;box-shadow:0 36px 90px rgba(5,22,37,.16)}
.property-poster{transform:translateZ(18px)}
.property-poster img{box-shadow:0 28px 55px rgba(0,0,0,.22)}
.property-copy{transform:translateZ(30px)}
.services{perspective:1600px}
.service-card{transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out,box-shadow .25s,border-color .25s}
.service-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(240,206,135,.20),transparent 35%);opacity:0;transition:opacity .25s;pointer-events:none}
.service-card:hover{box-shadow:0 30px 70px rgba(7,27,45,.16)}
.service-card:hover:after{opacity:1}
.service-card>*{position:relative;z-index:1;transform:translateZ(22px)}
.service-card .icon{box-shadow:0 10px 25px rgba(7,27,45,.08)}
.commit-grid{perspective:1200px}
.commit-grid article{transition:transform .25s,background .25s,box-shadow .25s}
.commit-grid article:hover{transform:translateZ(24px) translateY(-6px);background:#fffdf8;box-shadow:0 24px 50px rgba(7,27,45,.10)}
.testimonial-box{transform-style:preserve-3d}
.testimonial-box>*{position:relative;transform:translateZ(18px)}
@media(max-width:900px),(prefers-reduced-motion:reduce){.hero-visual,.service-card{transform:none!important;transition:none}.hero:before,.service-card:after{display:none}.commit-grid article:hover{transform:none}.hero-visual .photo-main,.hero-visual .location-card,.hero-visual .proof-card,.property-poster,.property-copy,.testimonial-box>*{transform:none}}

/* Refonte immersive 3D */
body{overflow-x:hidden}
.hero-grid{perspective:1800px}
.hero-copy{transform:translateZ(40px);text-shadow:0 22px 42px rgba(0,0,0,.18)}
.hero-visual{min-height:600px;display:grid;place-items:center;isolation:isolate}
.hero-visual:after{content:"";position:absolute;left:8%;right:2%;bottom:-42px;height:90px;background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent 68%);filter:blur(14px);transform:translateZ(-100px) rotateX(78deg);z-index:-3}
.hero-visual .photo-main{width:100%;position:relative;z-index:2;filter:saturate(1.04) contrast(1.03)}
.scene-ring{position:absolute;border:1px solid rgba(240,206,135,.42);border-radius:50%;pointer-events:none;z-index:-1;box-shadow:inset 0 0 38px rgba(214,170,85,.06),0 0 40px rgba(214,170,85,.05)}
.ring-one{width:570px;height:570px;transform:translateZ(-70px) rotateX(69deg) rotateZ(16deg);animation:orbit-one 16s linear infinite}
.ring-two{width:470px;height:470px;border-style:dashed;transform:translateZ(-35px) rotateY(72deg) rotateZ(-12deg);animation:orbit-two 20s linear infinite reverse}
.scene-light{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(240,206,135,.24),rgba(30,108,157,.12) 38%,transparent 68%);filter:blur(10px);transform:translate3d(80px,-70px,-60px);z-index:-2;animation:scene-breathe 5s ease-in-out infinite}
.scene-metric,.scene-seal{position:absolute;z-index:8;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,237,218,.91));color:#071b2d;border:1px solid rgba(240,206,135,.75);box-shadow:0 25px 60px rgba(0,0,0,.28);backdrop-filter:blur(14px)}
.scene-metric{right:-48px;top:37%;padding:18px 22px;transform:translateZ(105px) rotateY(-7deg);display:flex;flex-direction:column}
.scene-metric strong{font-family:'Playfair Display',serif;color:#9d7227;font-size:28px;line-height:1}
.scene-metric span{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;margin-top:6px}
.scene-seal{left:-34px;bottom:30px;width:104px;height:104px;border-radius:50%;display:grid;place-content:center;text-align:center;transform:translateZ(125px) rotate(-7deg)}
.scene-seal:before{content:"";position:absolute;inset:7px;border:1px dashed #b98b36;border-radius:50%}
.scene-seal span{font-family:'Playfair Display',serif;font-size:25px;font-weight:700;color:#a77c2d}
.scene-seal small{font-size:8px;text-transform:uppercase;letter-spacing:.8px}
.property-inner{position:relative;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.property-inner:hover{transform:perspective(1500px) rotateX(1.5deg) rotateY(-1.5deg) translateY(-8px);box-shadow:0 55px 120px rgba(5,22,37,.22)}
.property-price{filter:drop-shadow(0 14px 16px rgba(184,133,44,.18))}
.step{transform-style:preserve-3d}
.step>span{box-shadow:0 12px 30px rgba(214,170,85,.13);transition:transform .3s,background .3s}
.step:hover>span{transform:translateZ(28px) scale(1.08);background:#d6aa55;color:#071b2d}
.btn.gold{position:relative;overflow:hidden}
.btn.gold:after{content:"";position:absolute;inset:-80% auto -80% -45%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(18deg);transition:left .65s ease}
.btn.gold:hover:after{left:120%}
@keyframes orbit-one{to{transform:translateZ(-70px) rotateX(69deg) rotateZ(376deg)}}
@keyframes orbit-two{to{transform:translateZ(-35px) rotateY(72deg) rotateZ(348deg)}}
@keyframes scene-breathe{50%{transform:translate3d(35px,-25px,-60px) scale(1.16);opacity:.72}}
@media(max-width:1100px){.scene-metric{right:-8px}.scene-seal{left:-8px}}
@media(max-width:900px){.hero-visual{min-height:auto}.scene-ring,.scene-light,.scene-metric,.scene-seal{display:none}.hero-copy{text-shadow:none}.property-inner:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.scene-ring,.scene-light{animation:none}.property-inner,.step>span,.btn.gold:after{transition:none}}

/* Édition Signature — direction artistique finale */
:root{--navy:#051522;--navy2:#0a2a43;--gold:#c99a42;--gold2:#f2d28d;--cream:#f7f1e6;--ink:#101a22;--muted:#65717a;--radius:22px}
body{background:#f9f8f5;color:var(--ink);font-size:16px}
::selection{background:#d6aa55;color:#071b2d}
a,button,input,select,textarea{outline-offset:4px}
:focus-visible{outline:2px solid #d6aa55}
.topline{background:linear-gradient(90deg,#b77f28,#efd18d,#b77f28);height:34px}
.nav-wrap{background:rgba(5,21,34,.82);backdrop-filter:blur(22px) saturate(145%);border-bottom:1px solid rgba(240,210,145,.14)}
.nav{height:86px}
.brand .mark{width:46px;height:46px;background:radial-gradient(circle at 35% 30%,rgba(242,210,141,.2),transparent 50%);box-shadow:inset 0 0 0 5px rgba(201,154,66,.05),0 14px 28px rgba(0,0,0,.18)}
.brand strong{font-size:22px;letter-spacing:.2px}.brand small{font-size:10px;letter-spacing:4.8px}
.links{gap:27px}.links a{font-size:13px;font-weight:600;letter-spacing:.15px}
.nav-cta{border-radius:999px;padding:12px 20px!important}
.hero{min-height:900px;padding-top:205px;background:radial-gradient(circle at var(--mx) var(--my),rgba(35,103,146,.28),transparent 25%),linear-gradient(128deg,#03101a 0%,#061b2c 52%,#0b314e 100%)}
.hero-grid{grid-template-columns:1.07fr .93fr;gap:92px}
.hero-copy{max-width:700px}.hero h1{font-size:clamp(48px,5vw,72px);line-height:1.04;letter-spacing:-2.6px;margin:26px 0}
.hero .lead{font-size:18px;line-height:1.78;max-width:610px;color:#ccd5db}
.hero-actions{margin:38px 0 50px}.btn{border-radius:999px;padding:16px 27px;min-height:54px}
.btn.gold{background:linear-gradient(135deg,#b98531,#f0cf85 58%,#c59137);border:0;box-shadow:0 16px 35px rgba(201,154,66,.24)}
.btn.ghost{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.045)}
.trust-row{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:19px 20px;backdrop-filter:blur(12px)}
.trust-row div{padding:0 18px}.trust-row b{font-size:20px}.trust-row span{font-size:11px}
.hero-visual{min-height:610px}
.hero-visual .photo-main{height:590px;border-radius:210px 28px 28px 28px;border:1px solid rgba(242,210,141,.42);background-position:center 32%;box-shadow:0 55px 110px rgba(0,0,0,.48)}
.photo-main:before{display:none}
.location-card{left:28px;right:28px;bottom:25px;border-radius:14px;padding:17px 18px}
.proof-card{left:-55px;top:115px;border-radius:14px;padding:17px 20px}
.scene-metric{border-radius:14px;right:-42px}.scene-seal{box-shadow:0 28px 68px rgba(0,0,0,.34)}
.promise{padding:19px 0;background:linear-gradient(90deg,#ad7726,#e9c979,#b27c2b)}
.promise p{font-size:19px}.promise-inner>div{font-weight:800}
.property-callout{padding:125px 0;background:linear-gradient(180deg,#f9f8f5,#efe8dc)}
.property-heading{margin-bottom:44px}.property-heading h2{font-size:48px;letter-spacing:-.8px}
.land-offer{border-radius:18px;background:linear-gradient(145deg,#071b2d,#0b314e);box-shadow:0 25px 60px rgba(5,21,34,.2)}
.property-inner{border-radius:28px;overflow:hidden;border:1px solid rgba(201,154,66,.25);background:#fff}
.property-poster{padding:20px;background:linear-gradient(145deg,#03101a,#0a2a43)}
.property-poster img{border-radius:14px}
.property-copy{padding:62px}.property-copy h2{font-size:40px;line-height:1.12}
.property-price{font-family:'Playfair Display',serif;font-size:44px;color:#9b6c22}
.house-details{gap:10px}.house-details div{border-radius:12px;padding:15px 17px}
.section{padding:125px 0}.section h2{font-size:46px;letter-spacing:-.8px}
.section-head{margin-bottom:58px}.section-head>p{font-size:15px;line-height:1.75}
.cards{gap:22px}
.service-card{border-radius:22px;padding:42px;border-color:rgba(5,21,34,.08);box-shadow:0 14px 44px rgba(5,21,34,.055)}
.service-card:before{height:4px}.service-card .icon{border-radius:14px;width:52px;height:52px}
.service-card h3{font-size:26px;line-height:1.25}.service-card p{font-size:15px;line-height:1.75}
.service-card .price{border-radius:12px;padding:17px 18px;background:rgba(5,21,34,.025)}
.service-card.featured .price{background:rgba(255,255,255,.045)}
.service-card a{display:inline-flex;margin-top:2px;padding-bottom:4px;border-bottom:1px solid currentColor}
.method{background:radial-gradient(circle at 12% 22%,#123e5e,transparent 32%),linear-gradient(135deg,#03101a,#071f33)}
.method-grid{gap:120px}.method-copy h2{font-size:50px}.quote{border:1px solid rgba(242,210,141,.2);border-left:3px solid var(--gold);border-radius:0 14px 14px 0;background:rgba(255,255,255,.035)}
.step{padding:26px 18px;border-radius:14px;border-bottom-color:rgba(255,255,255,.1)}
.step:hover{background:rgba(255,255,255,.045)}
.commit-grid{border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 30px 75px rgba(5,21,34,.08)}
.commit-grid article{padding:40px}.commit-grid h3{font-size:21px}
.testimonial-box{border-radius:28px;padding:65px 72px;background:radial-gradient(circle at 50% 0,#fff,transparent 45%),linear-gradient(135deg,#f3ead9,#fff)}
.testimonial-box blockquote{font-size:27px}
.faq-grid{gap:100px}.faq-grid h2{line-height:1.12}
details{background:#fff;border:1px solid #e5dfd4;border-radius:14px;padding:20px 22px;margin-bottom:12px}
details[open]{border-color:rgba(201,154,66,.55);box-shadow:0 14px 34px rgba(5,21,34,.06)}
summary{font-size:15px}
.contact{background:radial-gradient(circle at 12% 85%,#123e5d,transparent 36%),linear-gradient(135deg,#03101a,#071d30)}
.contact-box{gap:100px}.contact-copy h2{font-size:52px}
.lead-form{border-radius:24px;padding:42px;box-shadow:0 40px 95px rgba(0,0,0,.35)}
input,select,textarea{border-radius:10px;padding:14px 15px;font-size:14px}
.lead-form label{font-size:12px}.privacy{font-size:11px}
.whatsapp-float{border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 50px rgba(10,85,48,.36)}
footer{padding-top:68px}.footer-grid{gap:48px}
@media(max-width:900px){.nav{height:76px}.hero{padding-top:158px;min-height:auto}.hero-grid{gap:62px}.hero-copy{max-width:none}.hero h1{font-size:52px}.hero-visual .photo-main{height:520px;border-radius:150px 24px 24px 24px}.property-heading h2,.section h2{font-size:40px}.property-copy{padding:44px}.section{padding:95px 0}.contact-copy h2{font-size:44px}}
@media(max-width:600px){.topline{height:29px}.nav{height:70px}.hero{padding-top:132px}.hero h1{font-size:42px;line-height:1.08;letter-spacing:-1.3px}.hero .lead{font-size:16px}.hero-actions{gap:11px}.trust-row{padding:17px 14px}.hero-visual .photo-main{height:430px;border-radius:105px 20px 20px 20px}.location-card{left:14px;right:14px}.proof-card{top:62px;left:4px}.property-callout{padding:80px 0}.property-heading h2,.section h2{font-size:35px}.property-copy{padding:34px 24px}.property-price{font-size:36px}.section{padding:82px 0}.service-card{padding:30px}.testimonial-box{padding:48px 24px}.testimonial-box blockquote{font-size:21px}.contact-copy h2{font-size:38px}.lead-form{padding:28px 22px;border-radius:18px}}
.eyebrow,.price small,.price em,.trust-row span,.location-card small,.proof-card small,.fees-note,.privacy,.footer-grid>div:not(.brand),.copyright{font-size:12px}
.brand small{font-size:11px}.topline{font-size:11px}
@media(max-width:600px){.topline{font-size:10px}.whatsapp-float{font-size:12px}.whatsapp-float span{font-size:13px}}