:root{--ink:#20211e;--paper:#f7f3eb;--sand:#e8ddcc;--coral:#ed624d;--olive:#4b5e41;--gold:#e1ae52}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",Arial,sans-serif}.container{width:min(1180px,calc(100% - 48px));margin:auto}.announcement{height:37px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;letter-spacing:.01em}.announcement>span:first-child{color:var(--gold)}.announcement a{color:#fff;margin-left:7px;font-weight:700}.nav-wrap{position:sticky;top:0;z-index:10;background:rgba(247,243,235,.94);backdrop-filter:blur(12px);border-bottom:1px solid rgba(32,33,30,.08)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;letter-spacing:-1.7px;color:var(--ink);text-decoration:none;font-weight:800}.logo span{font-weight:500}.logo b{color:var(--coral);font-size:30px;vertical-align:-1px;margin:0 1px}.logo strong{font-weight:800}.nav-links{display:flex;gap:34px;margin-left:80px}.nav-links a,.footer-inner a{font-size:14px;text-decoration:none;color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:18px}.lang-switch{display:flex;border:1px solid #d8d1c5;border-radius:20px;padding:3px}.lang{border:0;background:none;cursor:pointer;padding:4px 7px;border-radius:14px;color:#6d6c67;font:600 11px "DM Sans"}.lang.active{color:#fff;background:var(--ink)}.btn{display:inline-flex;gap:16px;align-items:center;justify-content:space-between;border-radius:4px;padding:15px 18px;text-decoration:none;font-weight:700;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn b{font-size:19px;font-weight:400}.btn-dark{background:var(--ink);color:#fff}.btn-coral{background:var(--coral);color:#fff}.btn-light{background:#fff;color:var(--ink);border:1px solid #dfd8cc}.btn-outline{color:#fff;border:1px solid rgba(255,255,255,.65)}.small{padding:11px 15px;font-size:13px}.menu{display:none;border:0;background:transparent;font-size:22px}.hero{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;gap:45px;align-items:center;padding:74px 0 80px}.eyebrow{display:flex;gap:10px;align-items:center;color:#69705e;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:1.4px}.eyebrow i{width:22px;height:1px;background:currentColor}.hero h1,.section-heading h2,.why h2,.join h2{font-family:"Playfair Display",serif;letter-spacing:-2.8px;line-height:.97;margin:18px 0 21px;font-size:clamp(49px,5.2vw,76px)}h1 em,h2 em{font-weight:600;color:var(--coral)}.hero-copy>p{font-size:17px;line-height:1.58;color:#65655f;max-width:510px;margin:0 0 29px}.hero-ctas{display:flex;gap:11px}.trusted{display:flex;align-items:center;margin-top:34px}.avatar{display:grid;place-items:center;width:31px;height:31px;border:2px solid var(--paper);margin-left:-9px;border-radius:50%;font-size:10px;font-weight:700;color:#fff}.avatar:first-child{margin:0}.a1{background:#aa7155}.a2{background:#6d8668}.a3{background:#db9d4b}.a4{background:#766081}.trusted p{font-size:12px;margin-left:10px;color:#72726d}.trusted strong{color:var(--ink)}.hero-art{height:465px;position:relative;overflow:hidden;border-radius:140px 140px 0 0;background:#e8c37f}.sun{position:absolute;width:205px;height:205px;border-radius:50%;background:#f2daaa;right:60px;top:45px}.arch{position:absolute;border:22px solid #d86250;border-bottom:0;border-radius:130px 130px 0 0;width:218px;height:307px;bottom:0}.arch-one{left:43px}.arch-two{left:213px;height:235px;width:185px;border-color:#b65343}.city{height:58px;position:absolute;bottom:0;width:100%;background:linear-gradient(90deg,#bd7456 0 11%,#e0a75f 11% 24%,#e6c281 24% 35%,#ac6650 35% 48%,#dfae67 48% 64%,#be7156 64% 77%,#ddad69 77%)}.ad-board{position:absolute;top:76px;left:58px;width:153px;height:180px;background:#273831;color:#fff;padding:15px;box-shadow:9px 9px 0 rgba(32,33,30,.13);transform:rotate(-4deg)}.ad-board span{font-size:8px;letter-spacing:1px}.ad-board strong{display:block;font-family:"Playfair Display";font-size:34px;line-height:.82;margin-top:28px}.ad-board i{position:absolute;bottom:12px;font-size:10px;color:#f1c16d}.taxi{display:flex;align-items:center;gap:6px;position:absolute;bottom:36px;right:42px;background:#e8b548;border-radius:11px 15px 4px 4px;width:130px;height:59px;padding:7px;box-shadow:0 6px 0 #a56040}.taxi span{font-size:27px}.taxi b{font-size:11px;line-height:.9}.coffee-card{display:flex;align-items:center;gap:11px;position:absolute;left:20px;bottom:28px;padding:10px 13px;background:#fff;border-radius:6px;box-shadow:0 10px 25px rgba(74,55,30,.16)}.cup{font-size:24px}.coffee-card b,.coffee-card small{display:block}.coffee-card b{font-size:12px}.coffee-card small{font-size:9px;color:#74716b;margin-top:3px}.floating-tag{position:absolute;background:#fff;border-radius:5px;padding:8px 10px;box-shadow:0 7px 18px rgba(57,43,25,.12)}.tag-1{right:18px;top:45px;font-size:11px}.tag-1 span{color:#f6ad41;font-size:16px}.tag-2{right:25px;bottom:120px}.tag-2 b{display:block;color:var(--olive);font-size:15px}.tag-2 small{font-size:10px;color:#777}.marquee{overflow:hidden;background:var(--olive);color:#fff;white-space:nowrap}.marquee div{height:63px;display:flex;align-items:center;gap:34px;width:max-content;animation:slide 28s linear infinite}.marquee span{font-size:12px;font-weight:700;letter-spacing:1.2px}.marquee b{color:#d5a954}@keyframes slide{to{transform:translateX(-30%)}}.how{padding:116px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-heading h2{font-size:49px;margin-bottom:0}.section-heading>p{max-width:300px;color:#6a6a64;line-height:1.6;font-size:15px;margin:0 0 5px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-top:62px}.steps article{position:relative;padding:25px;background:#efe9de;min-height:214px}.steps article:nth-child(2){background:#e7d9c5}.steps article:nth-child(3){background:#d4dfcd}.step-no{position:absolute;right:20px;top:17px;color:#919088;font-size:12px}.step-icon{font-size:32px;color:var(--coral);height:70px}.steps h3{font-family:"Playfair Display";font-size:22px;margin:0 0 8px}.steps p{font-size:13px;line-height:1.5;color:#6a6963;max-width:255px}.spaces-section{background:#eee9df;padding:96px 0}.compact{align-items:center}.text-link{color:var(--ink);font-weight:700;font-size:14px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:47px}.space-card{height:320px;position:relative;overflow:hidden;border-radius:3px;color:#fff;background-size:cover;background-position:center}.space-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,24,21,.16),rgba(22,24,21,.72))}.cafe{background-image:linear-gradient(130deg,#b88b55,#533b2b)}.car{background-image:linear-gradient(135deg,#596c68,#202d2e)}.social{background-image:linear-gradient(135deg,#dc9771,#794b77)}.shop{background-image:linear-gradient(135deg,#806242,#273632)}.card-top,.card-bottom{position:absolute;z-index:1;left:16px;right:16px}.card-top{top:15px;display:flex;justify-content:space-between;font-size:11px;font-weight:700}.card-top button{border:0;background:rgba(255,255,255,.2);color:#fff;border-radius:50%;width:26px;height:26px;font-size:16px}.card-bottom{bottom:17px}.card-bottom h3{font-family:"Playfair Display";font-size:23px;line-height:1.03;margin:0 0 15px;letter-spacing:-.6px}.card-bottom p{margin:0;font-size:12px}.card-bottom b{font-size:14px}.why{padding:116px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;position:relative}.why-pattern{position:absolute;font-size:170px;line-height:1;color:#ddd1bd;right:40px;top:103px;z-index:-1}.why h2{font-size:53px}.why-copy>p{color:#676761;line-height:1.65;max-width:390px;font-size:15px;margin-bottom:28px}.benefits{align-self:center;border-top:1px solid #d9d0c3}.benefits>div{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid #d9d0c3}.benefits>div>span{font-size:23px;color:var(--coral)}.benefits p{margin:0}.benefits b,.benefits small{display:block}.benefits b{font-size:15px}.benefits small{color:#76756f;margin-top:5px;font-size:13px}.join{background:#344a3a;color:#fff;position:relative;overflow:hidden;padding:100px 0}.join-inner{position:relative;text-align:center;max-width:680px}.join .eyebrow{justify-content:center;color:#d6ddca}.join h2{font-size:65px;margin-top:18px}.join h2 em{color:#e8bb61}.join p{color:#dce2d7;font-size:16px;line-height:1.6;max-width:510px;margin:0 auto 29px}.join-buttons{display:flex;justify-content:center;gap:12px}.join-art span{position:absolute;color:rgba(230,184,94,.27);font-size:80px}.join-art span:nth-child(1){left:8%;top:32px}.join-art span:nth-child(2){right:12%;bottom:-7px;font-size:170px}.join-art span:nth-child(3){right:5%;top:20px;font-size:35px}footer{padding:32px 0;background:#f0ebe2}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner p{font-size:12px;color:#6e6d67}.footer-inner div{display:flex;gap:18px}.footer-inner a{font-size:12px}
html[dir="rtl"] body{font-family:"Tajawal",sans-serif}html[dir="rtl"] .hero h1,html[dir="rtl"] .section-heading h2,html[dir="rtl"] .why h2,html[dir="rtl"] .join h2,html[dir="rtl"] .steps h3,html[dir="rtl"] .card-bottom h3{font-family:"Tajawal",sans-serif;letter-spacing:0;line-height:1.08}html[dir="rtl"] .nav-links{margin-left:0;margin-right:80px}html[dir="rtl"] .trusted p{margin-left:0;margin-right:10px}html[dir="rtl"] .eyebrow{letter-spacing:0}html[dir="rtl"] .step-no{right:auto;left:20px}
@media(max-width:800px){.nav-links,.nav-actions{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding:55px 0 0;gap:40px}.hero-art{height:380px;border-radius:100px 100px 0 0;margin:0 -24px}.section-heading{display:block}.section-heading>p{margin-top:20px}.steps,.cards{grid-template-columns:1fr 1fr}.why{grid-template-columns:1fr;gap:45px}.why-pattern{display:none}.join{padding:80px 0}.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner div{flex-wrap:wrap}.announcement{font-size:10px}.announcement a{display:none}.join h2{font-size:54px}}@media(max-width:480px){.container{width:min(100% - 32px,1180px)}.hero h1{font-size:52px}.hero-ctas,.join-buttons{flex-direction:column;align-items:stretch}.hero-ctas .btn,.join-buttons .btn{width:100%}.steps,.cards{grid-template-columns:1fr}.steps{margin-top:35px}.spaces-section,.how,.why{padding:70px 0}.section-heading h2,.why h2{font-size:42px}.card-bottom h3{font-size:26px}.join h2{font-size:48px}.nav{height:66px}.hero-art{margin:0 -16px;height:345px}.ad-board{left:24px}.arch-one{left:20px}.arch-two{left:172px}.coffee-card{left:10px}.taxi{right:13px}.tag-2{right:13px}}

/* cartes d'espaces réelles (page d'accueil) */
a.space-card{display:block;text-decoration:none;color:#fff;transition:transform .22s,box-shadow .22s}
a.space-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(48,38,22,.18)}
.card-city{font-weight:500;opacity:.85}
.card-cta{display:inline-block;margin-top:12px;font-size:12px;font-weight:700;color:#f0c377;opacity:0;transform:translateY(4px);transition:.22s}
a.space-card:hover .card-cta{opacity:1;transform:none}
@media(hover:none){.card-cta{opacity:1;transform:none}}