:root{--orange:#cf1725;--green:#14724d;--muted:#64685f;--red:#cf1725;--gold:#d89b16;--cream:#faf8f3;--paper:#fffefa;--line:#e7e4db}
.button{background:var(--red);border-radius:12px;box-shadow:0 3px 0 #8e14210d}.button:hover{background:#ae1220;box-shadow:0 8px 22px #b5162625}.headline-accent svg{stroke:var(--gold);stroke-width:4}.hero .launch-badge{background:#edf4ee;border-color:#d5e4d8;color:#166445}.live-dot{background:var(--green)}.hero .arch{background:#e4eee5}.phone{border-color:#244936}.phone-island{background:#244936}.phone-stats{background:#e7f0e6}.phone-stats .sunburst{color:var(--gold)}.hero-art .peach,.form-icon{color:var(--red);background:#fbe7e6}.hero-art .green{color:var(--green);background:#e4eee6}.hero-art .yellow{color:#9b6a0c;background:#fcf0ce}.available{background:#e4f2e6;color:#156243}.art-caption{color:var(--green)}.craft-strip{background:#f4f3ec}.step-icon{color:var(--green);background:#e8f0e7}.steps article:nth-child(2) .step-icon{color:var(--red);background:#fae8e5}.steps article:nth-child(3) .step-icon{color:#96700d;background:#fbf0d3}.profession small,.request small{color:#62685d}.phone-top{color:#26392c}.language-switch{display:flex;background:#fffefa;border:1px solid #dedfd2;border-radius:11px;padding:4px;gap:3px;direction:ltr;box-shadow:0 2px 6px #20322204}.language-switch button{min-height:36px;min-width:53px;border:0;background:transparent;border-radius:7px;padding:6px 10px;color:#62685d;font:600 12px Manrope,'IBM Plex Sans Arabic',sans-serif;transition:background .2s,color .2s}.language-switch button[aria-pressed=true]{background:#174d36;color:white}.language-full{margin-left:5px;font-size:10px}.nav-actions{gap:17px}.nav-links{gap:24px}.button .direction-arrow,.text-button .direction-arrow{display:inline-flex;line-height:1;transition:transform .22s;flex-shrink:0}.direction-arrow svg{width:21px;height:21px}.button:hover .direction-arrow{transform:translateX(-4px)}html[dir=ltr] .direction-arrow{transform:rotate(180deg)}html[dir=ltr] .button:hover .direction-arrow{transform:rotate(180deg) translateX(-4px)}.arrow-down .direction-arrow{transform:rotate(-90deg)!important}.arrow-up .direction-arrow{transform:rotate(90deg)!important}.arrow-down:hover .direction-arrow{transform:rotate(-90deg) translateX(-3px)!important}.arrow-up:hover .direction-arrow{transform:rotate(90deg) translateX(-3px)!important}
.category-grid{grid-template-columns:repeat(4,1fr);gap:22px}.category-card{display:block;padding:0;overflow:hidden;background:var(--paper);border-radius:19px;border:1px solid #e4e8dc;text-align:start;position:relative;box-shadow:0 3px 6px #16332403}.category-photo{position:relative;overflow:hidden;aspect-ratio:4/3;background:#e5e9df}.category-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .3s}.category-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#142f271a);pointer-events:none}.category-card:hover{transform:translateY(-6px);border-color:#bad1bd;box-shadow:0 12px 27px #234a3510}.category-card:hover img{transform:scale(1.06)}.category-body{padding:16px 17px 18px;display:grid;grid-template-columns:36px 1fr 22px;gap:11px;align-items:center}.category-body>.icon{width:36px;height:36px;padding:8px;background:#eaf1e7;border-radius:10px;color:var(--green)}.category-body strong{display:block;font-size:16px;font-weight:600}.category-body small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.category-body>.direction-arrow{color:var(--red)}.profession-note{font-size:11px;color:var(--muted);text-align:center;margin-top:22px}.professions-section{background:#edf2e9}.artisan-art{background:#e9f0e6;border-color:#dfe8d8}.artisan-star{color:var(--gold)}.artisan-footer{background:#dcebdc;color:#185a3f}.registration-info{background:linear-gradient(150deg,#175a3d,#123b2e);box-shadow:0 12px 35px #19473410}.registration-info li:before{color:#f0c664;border-color:#f0c66466}.registration-info .member-badge{color:#ffe6a2}.registration-info .info-bottom{color:#e1eada}.registration-section{background:#f1f2e9}.form-card{box-shadow:0 8px 22px #293b2a05}.progress-track>div{background:var(--green)}.skill-chip[aria-pressed=true]{background:#e5f0e5;border-color:#8bb995}.consent{color:#62685d}.final-cta{background:#cc1928}.final-cta .eyebrow,.final-cta p{color:#ffe7dc}.final-cta .cta-decoration{color:#edb74a55}.final-cta:after{border-color:#f3c95988;box-shadow:0 0 0 40px #f3c95915,0 0 0 80px #f3c95915}.dark-button{background:#173e2b}.dark-button:hover{background:#0b2e1c}.cta-decoration{color:var(--gold)}.early-star{color:var(--gold)}.footer-links button{min-height:30px}.hero-art .visual-note{bottom:1px}.hero-art .float-electric{animation:drift-a 7s ease-in-out infinite}.hero-art .float-paint{animation:drift-b 8s ease-in-out infinite}.hero-art .float-wood{animation:drift-a 9s ease-in-out infinite}.hero-art .new-request{animation:notification-in .8s .25s both}.hero-copy{animation:hero-in .7s both}.hero-art .phone{animation:phone-in .9s both}.headline-accent svg path{stroke-dasharray:320;stroke-dashoffset:320;animation:draw-line 1s .55s forwards}.reveal{animation:section-in .6s ease both}.success-icon{animation:success-pop .5s cubic-bezier(.2,1.5,.4,1) both}.progress-track>div{transition:width .4s}.form-card:focus-within{border-color:#bdceb2}.select-wrap{position:relative}.search-options{position:absolute;z-index:8;top:calc(100% + 6px);left:0;right:0;max-height:240px;overflow:auto;box-shadow:0 12px 30px #193c281a;border:1px solid #dce5d4;border-radius:12px;background:var(--paper);padding:5px}.search-options[hidden]{display:none}.search-option{width:100%;display:block;text-align:start;border:0;background:none;border-radius:7px;padding:10px 12px;font-size:13px;min-height:43px}.search-option:hover,.search-option[aria-selected=true]{background:#eaf2e6;color:#165539}.search-empty{padding:13px;color:var(--muted);font-size:12px}.select-chevron{position:absolute;inset-inline-end:13px;top:12px;pointer-events:none;color:#68735e;font-size:17px}.select-wrap>input{padding-inline-end:35px}.select-wrap>input::placeholder{font-size:12px}
.chat-launcher{position:fixed;bottom:28px;inset-inline-end:28px;z-index:20;display:flex;align-items:center;gap:10px;border:1px solid #ffffff30;background:#174c36;color:white;border-radius:50px;min-height:56px;padding:13px 20px;box-shadow:0 6px 25px #143e3330;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.chat-launcher:hover{transform:translateY(-3px);background:#103b28}.chat-launcher>.icon{width:24px;height:24px}.chat-launcher:after{content:'';position:absolute;top:2px;inset-inline-end:5px;width:10px;height:10px;border:3px solid var(--cream);border-radius:50%;background:#e4b330}.chat-panel{position:fixed;bottom:98px;inset-inline-end:28px;z-index:21;width:370px;max-height:min(620px,calc(100dvh - 130px));display:flex;flex-direction:column;border:1px solid #dfe6d8;border-radius:22px;background:var(--paper);box-shadow:0 16px 70px #153d2930;overflow:hidden;animation:chat-enter .22s both}.chat-panel[hidden]{display:none}.chat-heading{background:#174c36;color:#fff;padding:18px 20px;display:flex;align-items:center;gap:12px}.chat-avatar{width:42px;height:42px;border-radius:13px;background:#ffffff13;display:grid;place-items:center;color:#f5d37f}.chat-heading strong{font-size:15px;display:block}.chat-heading small{font-size:10px;display:block;color:#d9e8db}.chat-close{margin-inline-start:auto;border:0;background:none;color:white;font-size:27px;width:38px;height:38px;border-radius:8px}.chat-close:hover{background:#ffffff12}.chat-messages{overflow:auto;padding:20px 17px;display:flex;flex-direction:column;gap:13px;min-height:120px;max-height:320px;scroll-behavior:smooth}.chat-message{max-width:92%;padding:12px 14px;font-size:12px;line-height:1.85;border-radius:14px;background:#eef3e9;align-self:flex-start;color:#2b3e2e;white-space:pre-line;overflow-wrap:anywhere}.chat-message.user-message{background:#174c36;color:white;align-self:flex-end;border-end-end-radius:4px}.chat-message.bot-message{border-start-start-radius:4px}.chat-message .chat-action{display:block;background:white;border:1px solid #ccd9c4;border-radius:8px;padding:7px 10px;margin-top:10px;color:#155335;text-align:center;font-size:11px;font-weight:600}.chat-message .chat-action .direction-arrow{vertical-align:middle;display:inline-block}.chat-message .chat-action svg{width:15px;height:15px}.chat-quick{padding:0 17px 13px;display:flex;gap:7px;flex-wrap:wrap}.chat-quick button{border:1px solid #dce2d3;border-radius:20px;background:#fffdfa;min-height:34px;padding:5px 11px;font-size:11px;color:#23583e}.chat-quick button:hover{background:#eaf1e4}.chat-form{display:flex;gap:9px;border-top:1px solid #e5e9dd;padding:12px 15px;align-items:center}.chat-form input{background:#f5f6ef;border:0;min-height:45px;font-size:12px}.chat-send{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;border:0;background:var(--red);color:white}.chat-send:hover{background:#ad1421}.chat-disclosure{text-align:center;font-size:9px;color:var(--muted);padding:0 14px 13px}.chat-typing{display:flex;gap:4px;align-items:center;width:56px;height:34px}.chat-typing span{height:5px;width:5px;border-radius:50%;background:#6f8a65;animation:typing-dot .9s infinite}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}
@keyframes drift-a{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-8px) rotate(3deg)}}@keyframes drift-b{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(7px) rotate(-4deg)}}@keyframes hero-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes phone-in{from{opacity:0;transform:translateX(-50%) translateY(25px) rotate(-3deg)}to{opacity:1;transform:translateX(-50%) rotate(-7deg)}}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes notification-in{from{opacity:0;transform:translateY(15px) rotate(-3deg)}to{opacity:1;transform:rotate(-3deg)}}@keyframes section-in{from{opacity:.3;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes success-pop{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes chat-enter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes typing-dot{50%{transform:translateY(-3px);opacity:.4}}
html[lang=fr] body{font-family:Manrope,Arial,sans-serif;font-size:14px;line-height:1.7}html[lang=fr] h1{font-size:52px;line-height:1.25;letter-spacing:-2px}html[lang=fr] h1 .headline-accent{white-space:normal}html[lang=fr] h2{font-size:31px;line-height:1.4;letter-spacing:-1px}html[lang=fr] .hero-description{font-size:14px;line-height:1.9}html[lang=fr] .hero-art{direction:rtl}html[lang=fr] .hero-art .phone{direction:ltr}html[lang=fr] .phone-greeting strong{font-size:14px}html[lang=fr] .phone-location .available{margin-right:0;margin-left:auto}html[lang=fr] .phone-stats strong{font-size:10px}html[lang=fr] .requests-title{font-size:9px}html[lang=fr] .request strong{font-size:8px}html[lang=fr] .request small{font-size:6px}html[lang=fr] .request-arrow{margin-right:0;margin-left:auto}html[lang=fr] .category-body strong{font-size:14px}html[lang=fr] .category-body small{font-size:10px}html[lang=fr] .registration-info h3{font-size:33px}html[lang=fr] .registration-info li{font-size:11px}html[lang=fr] .form-heading h3{font-size:22px}html[lang=fr] .steps h3{font-size:16px}html[lang=fr] .step-number{left:auto;right:0}html[lang=fr] .steps article:not(:last-child):after{right:auto;left:78px}html[lang=fr] .early-member>a{margin-right:0;margin-left:auto}html[lang=fr] .field label small{float:right}html[lang=fr] .faq-list summary{font-size:13px}html[lang=fr] .nav-links{font-size:12px;gap:18px}html[lang=fr] .nav .button.small{font-size:12px}
@media(max-width:1100px){.language-full{display:none}.category-grid{gap:15px}.category-body{padding:14px 12px;grid-template-columns:30px 1fr 16px;gap:8px}.category-body strong{font-size:14px}.category-body small{font-size:10px}.category-body>.icon{width:30px;height:30px;padding:7px}.category-body>.direction-arrow svg{width:17px}.nav-links{gap:16px;font-size:12px}}
@media(max-width:800px){.category-grid{grid-template-columns:repeat(3,1fr)}.category-body{grid-template-columns:1fr 18px}.category-body>.icon{display:none}.category-body>div{grid-column:1}.category-body>.direction-arrow{grid-column:2}.chat-panel{bottom:95px}.section-heading{align-items:flex-start}html[lang=fr] .hero-copy{text-align:center}html[lang=fr] h1{font-size:46px}html[lang=fr] .hero-description{max-width:470px}html[lang=fr] .benefits h2{font-size:26px}html[lang=fr] .steps h3{font-size:14px}html[lang=fr] .registration-info h3{font-size:29px}}
@media(max-width:520px){.nav-actions{gap:0}.nav-actions>.button{display:none}.language-switch button{font-size:11px;min-width:45px;min-height:36px;padding:5px 8px}.language-switch{padding:3px}.nav .brand-logo{width:140px;height:29px}.nav .brand-logo img{width:173px;height:115.3px;left:-17px;top:-42px}.nav{height:75px}.hero{padding-top:24px}.hero-description{color:#63685f;font-size:14px}.hero-buttons{gap:17px}.hero-buttons .text-button{white-space:nowrap;font-size:11px}.hero-buttons .text-button .play{width:28px;height:28px}.hero-local{margin-top:25px}.trust-line{font-size:11px}.hero-art .phone{animation-name:phone-in-mobile}.hero-art{margin-top:20px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{border-radius:14px}.category-body{padding:12px 11px;gap:4px;grid-template-columns:1fr 15px}.category-body strong{font-size:14px}.category-body small{font-size:10px;line-height:1.5}.category-body>.direction-arrow svg{width:16px;height:16px}.profession-note{font-size:10px;line-height:1.8}.category-photo{aspect-ratio:1.2}.section-heading .text-button{white-space:nowrap}.chat-launcher{bottom:calc(80px + env(safe-area-inset-bottom));inset-inline-end:17px;width:52px;height:52px;min-height:52px;padding:14px;justify-content:center;box-shadow:0 5px 20px #193d312a}.chat-launcher .chat-launcher-label{display:none}.chat-panel{bottom:calc(80px + env(safe-area-inset-bottom));inset-inline-end:12px;inset-inline-start:12px;width:auto;max-height:calc(100dvh - 110px);border-radius:19px}.chat-messages{max-height:calc(100dvh - 335px);min-height:115px}.chat-heading{padding:15px 17px}.chat-message{font-size:12px}.chat-form input{font-size:16px}.mobile-cta{bottom:calc(12px + env(safe-area-inset-bottom));border-radius:12px;min-height:51px}.chat-send .direction-arrow svg{width:20px}html[lang=fr] h1{font-size:34px;line-height:1.35;letter-spacing:-1px}html[lang=fr] .hero-description{font-size:12px}html[lang=fr] .hero-buttons{gap:12px}html[lang=fr] .hero-buttons .button{font-size:11px;padding-inline:12px;gap:9px}html[lang=fr] .hero-buttons .text-button{font-size:10px;gap:7px}html[lang=fr] h2{font-size:25px;line-height:1.4}html[lang=fr] .section-heading .text-button{font-size:10px}html[lang=fr] .category-body strong{font-size:12px}html[lang=fr] .category-body small{font-size:9px}html[lang=fr] .steps article{padding:0 0 0 68px}html[lang=fr] .step-icon{right:auto;left:0}html[lang=fr] .step-number{right:0;left:auto}html[lang=fr] .steps article:not(:last-child):after{left:23px;right:auto}html[lang=fr] .steps h3{padding-left:0;padding-right:25px;font-size:14px}html[lang=fr] .registration-info h3{font-size:25px}html[lang=fr] .form-heading h3{font-size:20px}html[lang=fr] .form-heading p{font-size:10px}html[lang=fr] .final-cta h2{font-size:25px}html[lang=fr] .footer-bottom{font-size:8px}html[lang=fr] .customer-section h3{font-size:16px}html[lang=fr] .early-member>a{margin-left:51px;margin-right:0}.success-reference{overflow-wrap:anywhere}}
.hero-copy,.hero-art{min-width:0}.skip-link{max-width:calc(100% - 20px)}
html[lang=fr] .headline-accent{display:inline-block;max-width:100%}.headline-accent svg{inset-inline-start:0}
@media(max-width:520px){html[lang=fr] .hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px}.hero-copy{width:100%}html[lang=fr] .hero-buttons>.button{min-width:215px}html[lang=fr] .hero-buttons>.text-button{font-size:11px}.hero-art .floating.profession{max-width:145px}}
@keyframes phone-in-mobile{from{opacity:0;transform:translateX(-50%) translateY(20px) rotate(-3deg) scale(.86)}to{opacity:1;transform:translateX(-50%) rotate(-7deg) scale(.86)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.headline-accent svg path{stroke-dashoffset:0}html{scroll-behavior:auto}}
/* Balanced language control, with readable labels at every viewport. */
.nav .language-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:184px;flex-shrink:0;gap:4px;padding:5px;border-radius:15px;background:#fffefa;border:1px solid #e2e1d7;box-shadow:0 3px 10px #263b2405;direction:ltr}
.nav .language-switch button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:7px 10px;border-radius:10px;font-size:13px;line-height:1.3;white-space:nowrap;color:#62685d;transition:background .2s,color .2s,box-shadow .2s}
.nav .language-switch button[lang=ar]{font-family:'IBM Plex Sans Arabic',Arial,sans-serif;font-size:14px}
.nav .language-switch button:hover{background:#edf3e9;color:#174d36}
.nav .language-switch button[aria-pressed=true]{background:#174d36;color:#fff;box-shadow:0 2px 5px #174d3615}
.nav .language-switch button:focus-visible{outline:2px solid #d89b16;outline-offset:2px}
@media(max-width:1100px){.nav .language-switch{width:166px}.nav .language-switch button{font-size:12px;min-height:40px}}
@media(max-width:520px){.nav .language-switch{width:146px;padding:4px;gap:3px;border-radius:12px}.nav .language-switch button{min-height:40px;padding:6px 5px;font-size:11px;border-radius:8px}.nav .language-switch button[lang=ar]{font-size:13px}.nav{gap:10px}}
@media(max-width:360px){.nav .brand-logo{width:120px;height:27px}.nav .brand-logo img{width:148px;height:98.7px;left:-15px;top:-36px}}
/* Minimal language links and a dedicated artisan action. */
.nav .language-switch{display:flex;align-items:center;width:auto;gap:5px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.nav .language-switch button{min-width:35px;min-height:44px;padding:5px 7px;background:transparent;border-radius:6px;color:#777c72;font-size:12px;box-shadow:none}
.nav .language-switch button[lang=ar]{font-size:13px}
.nav .language-switch button[aria-pressed=true]{background:transparent;color:#155c3d;box-shadow:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.nav .language-switch button:hover{background:#eaf0e5;color:#155c3d}
.language-divider{height:12px;width:1px;background:#d3d7cc}
.nav-actions{gap:18px}
.nav .artisan-nav-button{gap:12px;padding:9px 16px;min-height:46px;border-radius:10px;background:#cf1725;box-shadow:0 3px 8px #bd182614}
.artisan-tools{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#ffffff17;flex-shrink:0}
.artisan-tools svg{width:19px;height:19px}
.nav .artisan-nav-label{font-size:13px;line-height:1.5}
.nav .artisan-nav-button .direction-arrow svg{width:17px;height:17px}
@media(max-width:520px){.nav-actions{gap:7px}.nav .language-switch{gap:0}.nav .language-switch button{padding:5px;min-width:31px;font-size:11px}.nav .language-switch button[lang=ar]{font-size:12px}.nav .artisan-nav-button{display:flex;padding:7px;min-height:40px;gap:0;border-radius:9px}.nav .artisan-nav-button>.artisan-nav-label,.nav .artisan-nav-button>.direction-arrow,.nav .artisan-nav-button>span:last-child{display:none}.nav .artisan-tools{width:26px;height:26px;background:transparent}.nav .artisan-tools svg{width:22px;height:22px}.nav{gap:8px}}