:root{--bg: #ffffff;--surface: #ffffff;--ink: #0b1526;--muted: #233047;--link-dark: #eaf2ff;--brand: #0fa4a1;--brand-700: #0b7f7d;--accent: #0a8e8b;--navy: #0a1a2b;--soft: #f6f8fb;--shadow: 0 8px 24px rgba(0,0,0,.08);--shadow-lg: 0 16px 44px rgba(0,0,0,.14);--radius: 18px}html,body,#root{height:100%}*{box-sizing:border-box}html,body,#root{height:100%;background:var(--bg)}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.7;font-size:16px}.container{max-width:1180px;margin:0 auto;padding:0 20px}.muted{color:var(--muted);opacity:.85}.sect-dark a{color:var(--link-dark);text-decoration:underline;text-underline-offset:3px}.sect-dark .lead{color:#ffffffeb}.sect-dark .heading{color:#fff}.heading{font-weight:800;font-family:Manrope,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.h1{font-size:clamp(34px,4vw,48px);line-height:1.08}.h2{font-size:clamp(24px,3vw,32px);line-height:1.12}.h3{font-size:clamp(18px,2.2vw,22px);line-height:1.18}.site-header{position:sticky;top:0;z-index:60;background:var(--bg);border-bottom:1px solid var(--line);transition:box-shadow .2s ease,border-color .2s ease,background .2s ease}.site-header.scrolled{box-shadow:var(--shadow);border-bottom-color:transparent}.nav{display:flex;align-items:center;gap:16px}.nav-link{text-decoration:none;color:var(--muted);font-weight:700;font-size:15px;padding:10px 8px;border-radius:12px;transition:color .2s ease,background .2s ease}.nav-link:hover{color:var(--ink);background:#0b1f340a}.nav-link.active{color:var(--ink);background:#0b1f340f}.burger{all:unset;display:none;cursor:pointer;padding:10px;border-radius:12px}.burger:hover{background:#0b1f340f}.burger-lines{display:block;width:22px;height:2px;background:var(--ink);position:relative}.burger-lines:before,.burger-lines:after{content:"";position:absolute;left:0;width:22px;height:2px;background:var(--ink)}.burger-lines:before{top:-6px}.burger-lines:after{top:6px}@media(max-width:960px){.nav{display:none}.burger{display:inline-flex}}.mobile-overlay{position:fixed;inset:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:70}.mobile-overlay.open{opacity:1;pointer-events:auto}.mobile-panel{position:fixed;right:0;top:0;bottom:0;width:min(88vw,380px);background:#fff;border-left:1px solid var(--line);transform:translate(100%);transition:transform .25s ease;z-index:80;display:flex;flex-direction:column}.mobile-panel.open{transform:translate(0)}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line)}.mobile-nav{display:flex;flex-direction:column;padding:10px;gap:8px}.mobile-nav .nav-link{padding:12px 10px;border-radius:12px;font-size:16px}.site-footer{background:var(--bg);border-top:1px solid var(--line)}.site-footer .nav-link{font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:14px 18px;font-weight:800;font-size:16px;transition:transform .06s,opacity .2s,box-shadow .2s,background .2s,border-color .2s,color .2s;border:1px solid transparent;text-decoration:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:0 0 0 4px #0fa4a140;outline:none}.btn-primary{color:#fff!important;background:linear-gradient(90deg,var(--brand-700),var(--brand));text-shadow:0 1px 0 rgba(0,0,0,.25)}.btn-primary:hover{opacity:.99;box-shadow:var(--shadow-lg)}.btn-outline{border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:800}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 22px #0000000f;transition:transform .25s,box-shadow .25s}.card{color:var(--ink)}.card ul{margin:0;padding-left:18px}.card li{margin:6px 0}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.sect-light{background:#fff}.sect-soft{background:var(--soft)}.sect-dark{background:linear-gradient(180deg,var(--navy),#0b2035);color:#eaf2ff}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:880px){.grid-2,.grid-3{grid-template-columns:1fr}}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.badge{background:var(--soft);border:1px solid var(--line);padding:8px 12px;border-radius:999px;font-weight:700;font-size:14px;color:var(--ink)}.kpi{font-weight:800;font-size:18px;color:var(--ink)}.hero{padding:100px 0 40px;position:relative}.hero .heading{color:#0a1a2b}h1,h2,h3,h4,h5,h6,.heading{color:var(--ink)}.lead{color:var(--ink);opacity:.92;line-height:1.75}p{color:var(--ink)}.btn-primary{color:#fff!important}.sect-dark,.sect-dark p,.sect-dark .lead{color:#ffffffeb}.sect-dark .heading,.sect-dark h1,.sect-dark h2,.sect-dark h3,.sect-dark h4,.sect-dark h5,.sect-dark h6{color:#fff}.sect-dark .btn-primary{color:#0b0f1a!important}a{color:var(--brand);text-decoration:none}a:hover{color:var(--accent)}.sect-dark a{color:#eaf2ff;text-decoration:underline;text-underline-offset:3px}.hero>*{max-width:840px;margin-left:auto;margin-right:auto}.hero .heading{font-size:clamp(36px,6vw,56px);line-height:1.08}.hero .lead{font-size:clamp(16px,2.2vw,18px)}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-weight:700;color:var(--muted);font-size:14px}.input,.textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:15px}.input:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0fa4a126}.booking-bubble{position:fixed;right:20px;bottom:20px;z-index:999;max-width:320px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;animation:bubble-in .25s ease-out both}@keyframes bubble-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.booking-bubble__close{all:unset;cursor:pointer;position:absolute;top:8px;right:10px;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;color:var(--muted);font-weight:700;font-size:18px}.booking-bubble__close:hover{background:#0000000f;color:var(--ink)}.booking-bubble__body{padding:16px 16px 14px}.booking-bubble__title{font-weight:800;color:var(--ink);font-size:16px;line-height:1.2}.booking-bubble__text{color:var(--muted);font-size:14px;line-height:1.5;margin:8px 0 12px}.booking-bubble__cta{width:100%}.booking-bubble__dismiss{width:100%;margin-top:8px;font-weight:700}@media(max-width:480px){.booking-bubble{left:12px;right:12px;bottom:12px;max-width:none}}.mini-bubble{position:fixed;right:20px;bottom:20px;z-index:999;font-family:var(--font, "Inter", sans-serif)}.mini-bubble__trigger{all:unset;cursor:pointer;background:var(--accent);color:#fff;padding:10px 16px;border-radius:20px;box-shadow:var(--shadow-md);font-weight:600;transition:background .2s ease}.mini-bubble__trigger:hover{background:var(--accent-dark, #0055cc)}.mini-bubble__panel{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);width:300px;padding:16px;animation:bubbleIn .25s ease-out both;position:relative}@keyframes bubbleIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.mini-bubble__close{all:unset;cursor:pointer;position:absolute;top:8px;right:10px;font-size:18px;color:var(--muted)}.mini-bubble__close:hover{color:var(--ink)}.mini-bubble__title{font-weight:700;color:var(--ink);font-size:15px;margin-bottom:6px}.mini-bubble__text{color:var(--muted);font-size:14px;margin-bottom:10px;line-height:1.4}.mini-bubble__cta,.mini-bubble__dismiss{width:100%}.mini-bubble__dismiss{margin-top:8px;font-weight:700}@media(max-width:480px){.mini-bubble__panel{width:calc(100vw - 32px)}.mini-bubble{right:12px;left:12px;bottom:12px}}@keyframes mini-pop{0%{transform:translateY(6px) scale(.96);opacity:0}60%{transform:translateY(-2px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1)}}@keyframes mini-pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-md)}50%{transform:scale(1.04);box-shadow:var(--shadow-lg)}}.mini-bubble__trigger{all:unset;cursor:pointer;background:var(--accent);color:#fff;padding:10px 16px;border-radius:20px;box-shadow:var(--shadow-md);font-weight:600;transition:background .2s ease,transform .2s ease}.mini-bubble__trigger:hover{background:var(--accent-dark, #0b7f7d)}.mini-bubble__trigger.is-pop{animation:mini-pop .38s cubic-bezier(.18,.89,.32,1.28) both}.mini-bubble__trigger.is-pulse{animation:mini-pulse .9s ease-in-out 1}@media(prefers-reduced-motion:reduce){.mini-bubble__trigger.is-pop,.mini-bubble__trigger.is-pulse{animation:none}}@media(max-width:640px){.card img[alt*="Youns Mahmouch"]{width:100%;max-width:320px;margin:0 auto}}.portrait{width:360px;max-width:38vw;height:auto;border-radius:12px;object-fit:cover;box-shadow:0 4px 10px #0000001a;flex:0 0 auto}@media(max-width:1024px){.portrait{width:300px;max-width:48vw}}@media(max-width:640px){.portrait{width:100%;max-width:320px;margin:0 auto;display:block}}.about-hero-row{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.about-hero-text{flex:1 1 320px;min-width:320px}.card,.card p,.card .lead,.card .heading{color:var(--ink)}.hero-warehouse{position:relative;isolation:isolate;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45)}.hero-warehouse:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#00000073,#000000a6),url(/images/warehouse_hero.jpg) center/cover no-repeat;opacity:1}.hero-warehouse a,.hero-warehouse .btn{color:#fff;border-color:#fffc;background-color:transparent}.hero-warehouse .btn:hover{background-color:#ffffff26;border-color:#fff}@media(max-width:640px){.hero-warehouse{text-align:center;padding:40px 20px}}.hero-warehouse:before{transition:background-position 2s ease,background-size 2s ease}.hero-warehouse:hover:before{background-size:105%;background-position:center 45%}.card-visual{position:relative;margin:0;padding:0;height:180px;overflow:hidden;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.card-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}@media(max-width:640px){.card-visual{height:160px}}.with-icon .symbol{width:28px;height:28px;object-fit:contain;filter:saturate(.1) brightness(.6)}.testimonial-bg{position:relative;isolation:isolate}.testimonial-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 400px at 80% 0%,rgba(15,164,161,.12),transparent);z-index:-1}.hero-warehouse a{position:relative}.hero-warehouse .heading,.hero-warehouse h1,.hero-warehouse h2,.hero-warehouse h3,.hero-warehouse h4,.hero-warehouse h5,.hero-warehouse h6{color:#fff!important}.hero-warehouse .lead,.hero-warehouse p{color:#ffffffeb!important}.hero-warehouse a{color:#eaf2ff!important}.hero-offers{position:relative;isolation:isolate;overflow:hidden}.hero-offers{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35);padding:80px 20px 100px;border-radius:var(--radius-lg)}.hero-offers:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#051a218c,#051a21bf),url(/images/offers_hero_light.jpg) center/cover no-repeat;filter:saturate(1.1) brightness(.9);transition:all .4s ease-in-out}.hero-offers:hover:before{filter:saturate(1.2) brightness(1)}.hero-offers .heading{color:#fff;font-weight:700;letter-spacing:.5px}.hero-offers .lead{color:#ffffffe6;max-width:720px;margin:10px auto 0;line-height:1.6}.hero-offer30{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35);padding:64px 20px 80px;border-radius:var(--radius-lg);text-align:center}.hero-offer30:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#051a218c,#051a21bf),url(/images/offer30_hero_light.jpg) center/cover no-repeat;filter:saturate(1.05) brightness(.95);transition:background-size .4s ease,background-position .4s ease}.hero-offer30:hover:before{background-size:103%;background-position:center 48%}.hero-offer30 .heading{color:#fff;font-weight:800;letter-spacing:.3px}.hero-offer30 .lead{color:#ffffffeb;max-width:860px;margin:10px auto 0}.hero-offer90{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35);padding:64px 20px 80px;border-radius:var(--radius-lg);text-align:center}.hero-offer90:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#051a218c,#051a21bf),url(/images/offer90_hero_light.jpg) center/cover no-repeat;filter:saturate(1.05) brightness(.95);transition:background-size .4s ease,background-position .4s ease}.hero-offer90:hover:before{background-size:103%;background-position:center 48%}.hero-offer90 .heading{color:#fff;font-weight:800;letter-spacing:.3px}.hero-offer90 .lead{color:#ffffffeb;max-width:860px;margin:10px auto 0}.card-visual{position:relative;margin:0;padding:0;overflow:hidden;border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.card-visual--short{height:140px}.card-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.card-body{padding:20px}.hero-method{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35);padding:64px 20px 80px;border-radius:var(--radius-lg);text-align:center}.hero-method:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#051a2180,#051a21b3),url(/images/method_hero_light.jpg) center/cover no-repeat;filter:saturate(1.05) brightness(.95);transition:background-size .4s ease,background-position .4s ease}.hero-method:hover:before{background-size:103%;background-position:center 48%}.hero-method .heading{color:#fff;font-weight:800;letter-spacing:.3px}.hero-method .lead{color:#ffffffeb;max-width:860px;margin:10px auto 0}.with-icon{display:flex;align-items:center;gap:10px}.with-icon .symbol{width:26px;height:26px;object-fit:contain;filter:saturate(.2) brightness(.7)}.list-with-icons{display:grid;grid-template-columns:1fr;gap:10px 14px}.list-with-icons li{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:10px}.list-with-icons li img{width:24px;height:24px;object-fit:contain;filter:saturate(.2) brightness(.7)}.timeline{counter-reset:step}.timeline li{position:relative;padding-left:6px}.timeline li::marker{font-weight:700}.list-deliverables li+li{margin-top:4px}.hero-contact{position:relative;isolation:isolate;overflow:hidden;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35);padding:64px 20px 80px;border-radius:var(--radius-lg);text-align:center}.hero-contact:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#051a2180,#051a21b3),url(/images/contact_hero_light.jpg) center/cover no-repeat;filter:saturate(1.05) brightness(.95);transition:background-size .4s ease,background-position .4s ease}.hero-contact:hover:before{background-size:103%;background-position:center 48%}.hero-contact .heading{color:#fff;font-weight:800;letter-spacing:.3px}.hero-contact .lead{color:#ffffffeb;max-width:860px;margin:10px auto 0}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:0;align-items:stretch}.contact-pane{background:#fff}.contact-visual{display:block;margin:0;padding:0;overflow:hidden;min-height:260px;background:#f4fbfb;border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.contact-visual img{width:100%;max-height:360px;object-fit:cover;object-position:50% 20%;border-radius:8px;opacity:.95}.media-cover{width:100%;height:100%;display:block;object-fit:cover;object-position:center}@media(max-width:880px){.contact-grid{grid-template-columns:1fr}.contact-visual{border-top-right-radius:0;border-bottom-right-radius:var(--radius);min-height:200px}}:root{--field-bg: #ffffff;--field-text: var(--ink, #0b1f26);--field-border: #c8d4d9;--field-border-hover: #9bb4bb;--field-border-focus: var(--color-primary, #0fa4a1);--field-placeholder: #8a99a3;--field-shadow-focus: 0 0 0 3px rgba(15,164,161,.18)}.form-label{display:block;font-weight:600;color:var(--field-text);margin-bottom:6px}.input,.textarea{width:100%;background:var(--field-bg)!important;color:var(--field-text)!important;border:1.5px solid var(--field-border)!important;border-radius:var(--radius, 12px);padding:11px 12px;line-height:1.4;box-shadow:inset 0 1px #00000005;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input::placeholder,.textarea::placeholder{color:var(--field-placeholder);opacity:.9}.input:hover,.textarea:hover{border-color:var(--field-border-hover)!important}.input:focus,.input:focus-visible,.textarea:focus,.textarea:focus-visible{outline:none;border-color:var(--field-border-focus)!important;box-shadow:var(--field-shadow-focus)}.input:disabled,.textarea:disabled{background:#f5f8f9;color:#8799a3;cursor:not-allowed}.form .grid .form-field+.form-field,.form-field+.form-field{margin-top:10px}.btn-outline{background:transparent!important;color:var(--color-primary, #0fa4a1)!important;border:1.8px solid var(--color-primary, #0fa4a1)!important;padding:10px 18px;font-weight:700;border-radius:var(--radius, 12px);transition:all .2s ease}.btn-outline:hover{background:var(--color-primary, #0fa4a1)!important;color:#fff!important}.hero-contact .btn-outline{color:#fff!important;border-color:#fff!important}.hero-contact .btn-outline:hover{background:#ffffff26!important;border-color:#fff!important}.social-icons{display:flex;align-items:center;gap:16px;margin-top:10px}.icon-social{width:32px;height:32px;background-color:#fff;border-radius:50%;padding:6px;box-shadow:0 1px 3px #00000014;transition:all .25s ease}.icon-social:hover{transform:scale(1.1);box-shadow:0 2px 6px #0000001f}.fullbleed{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.fullbleed.card,.fullbleed .card{border-radius:0;box-shadow:none}html,body,#root,.container{background:#fff}.hero{margin:0;display:block}.fullbleed{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);border-radius:0!important;box-shadow:none!important}.fullbleed:before{border-radius:0!important}.hero+*{margin-top:24px}section.fullscreen,header.fullscreen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;box-sizing:border-box}body{scroll-behavior:smooth}.hero.fullscreen,.hero.fullscreen h1,.hero.fullscreen p{color:#fff}section.fullscreen:nth-child(2n){background-color:#fff;color:#222}.fullbleed.fullscreen{left:0;margin:0;width:100%;padding-left:0;padding-right:0}html,body{scroll-snap-type:y mandatory}.fullscreen{scroll-snap-align:start}.lang-switch{display:inline-flex;gap:8px;align-items:center}.lang-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:800;font-size:14px;line-height:1;cursor:pointer;transition:box-shadow .2s,background .2s,color .2s,border-color .2s}.lang-btn:hover{box-shadow:var(--shadow)}.lang-btn.is-active{border-color:var(--brand);box-shadow:0 0 0 3px #0fa4a12e}.lang-btn .flag{font-size:16px;line-height:1}.lang-btn .code{letter-spacing:.4px}.flag-img{width:18px;height:18px;display:inline-block;object-fit:cover;border-radius:3px}.site-footer{background:#f7fafb;padding:22px 0;margin-top:40px}.footer-grid{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer-logo{width:40px;height:auto}.footer-nav{display:flex;gap:14px;flex-wrap:wrap}.footer-social{display:flex;gap:12px;align-items:center}@media(max-width:640px){.lang-switch{display:flex;flex-direction:column;gap:6px}.lang-btn{padding:6px 10px;font-size:14px}}#root{width:100%;margin:0;padding:0;text-align:left}
