/* Alabyad Moving 1.0.0 — built 2026-10-28 */
@font-face{font-family: "Alexandria";src: url("../fonts/alexandria-600-800.woff2") format("woff2");font-weight: 600 800;font-style: normal;font-display: swap}@font-face{font-family: "Tajawal";src: url("../fonts/tajawal-400.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap}@font-face{font-family: "Tajawal";src: url("../fonts/tajawal-500.woff2") format("woff2");font-weight: 500;font-style: normal;font-display: swap}@font-face{font-family: "Tajawal";src: url("../fonts/tajawal-700.woff2") format("woff2");font-weight: 700;font-style: normal;font-display: swap}:root{--c-primary: #ec7434;--c-primary-dark: #b84a16;--c-primary-soft: #fdf1e8;--c-primary-on-dark: #f29a62;--c-secondary: #21384a;--c-secondary-dark: #172836;--c-whatsapp: #25d366;--c-on-whatsapp: #172b3a;--c-bg: #ffffff;--c-surface: #f8f5f2;--c-border: #ddd6d0;--c-field-border: #4b5563;--c-text: #172b3a;--c-text-muted: #4b5563;--c-on-dark: #f4efe9;--c-success: #167347;--c-success-soft: #eaf5ee;--c-warning: #946200;--c-warning-soft: #fdf3dc;--c-danger: #b42318;--c-danger-soft: #fcecea;--font-heading: "Alexandria", "Tajawal", Tahoma, sans-serif;--font-body: "Tajawal", Tahoma, "Segoe UI", sans-serif;--fs-small: clamp(0.875rem, 0.849rem + 0.11vw, 0.9375rem);--fs-body: 1.125rem;--fs-lede: 1.1875rem;--fs-h4: clamp(1.1875rem, 1.11rem + 0.331vw, 1.375rem);--fs-h3: clamp(1.375rem, 1.22rem + 0.663vw, 1.75rem);--fs-h2: clamp(1.625rem, 1.366rem + 1.105vw, 2.25rem);--fs-h1: clamp(2rem, 1.586rem + 1.768vw, 3rem);--lh-body: 1.8;--lh-heading: 1.4;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-card: 0 4px 16px rgb(23 43 58 / 6%);--shadow-raised: 0 10px 28px rgb(23 43 58 / 10%);--space-1: 0.5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-6: 3rem;--space-8: 4rem;--focus: #21384a;--focus-on-dark: #ffffff;--container: 1200px;--container-narrow: 820px}
*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--c-bg);color: var(--c-text);font-family: var(--font-body);font-size: var(--fs-body);line-height: var(--lh-body)}img, video{max-width: 100%;height: auto;display: block}a{color: var(--c-primary-dark)}a:hover{color: var(--c-secondary)}h1, h2, h3, h4{font-family: var(--font-heading);line-height: var(--lh-heading);color: var(--c-secondary);margin: 0 0 var(--space-2);text-wrap: balance}h1{font-size: var(--fs-h1);font-weight: 800}h2{font-size: var(--fs-h2);font-weight: 800}h3{font-size: var(--fs-h3)}h4{font-size: var(--fs-h4)}p{margin: 0 0 var(--space-2)}:focus-visible{outline: 3px solid var(--focus);outline-offset: 3px;box-shadow: 0 0 0 3px #fff}.cta-band :focus-visible, .site-footer :focus-visible, .mobile-bar :focus-visible{outline-color: var(--focus-on-dark)}.screen-reader-text, .quote__trap{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.skip-link{position: absolute;inset-inline-start: var(--space-2);top: -100px;z-index: 100;background: var(--c-secondary);color: #fff;padding: var(--space-1) var(--space-2);border-radius: var(--radius-sm)}.skip-link:focus{top: var(--space-1)}.container{width: 100%;max-width: var(--container);margin-inline: auto;padding-inline: max(16px, env(safe-area-inset-left, 0px))}.container--narrow{max-width: var(--container-narrow)}.icon{width: 1.25em;height: 1.25em;flex: none;fill: none;stroke: currentColor;stroke-width: 2;--icon-accent: var(--c-primary);--icon-accent-opacity: 1;stroke-linecap: round;stroke-linejoin: round;vertical-align: middle}.btn-row{display: flex;flex-wrap: wrap;gap: var(--space-1);margin-block: var(--space-3)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 0.5em;min-height: 48px;padding: 0.6em 1.3em;border: 0;border-radius: var(--radius-md);font: 700 1.125rem/1.3 var(--font-body);text-decoration: none;cursor: pointer;transition: background-color 0.15s, transform 0.15s}.btn:hover{transform: translateY(-1px)}.btn--primary{background: var(--c-primary-dark);color: #fff}.btn--primary:hover{background: var(--c-secondary);color: #fff}.btn--call{background: var(--c-secondary);color: #fff}.btn--call:hover{background: var(--c-secondary-dark);color: #fff}.btn--whatsapp{background: var(--c-whatsapp);color: var(--c-on-whatsapp)}.btn--whatsapp:hover{color: var(--c-on-whatsapp);outline: 2px solid var(--c-text);outline-offset: 2px}.btn--secondary{background: var(--c-bg);color: var(--c-secondary);box-shadow: inset 0 0 0 2px var(--c-secondary)}.btn--secondary:hover{background: var(--c-surface);color: var(--c-secondary)}.btn--call:hover{background: var(--c-text)}.btn--sm{min-height: 40px;padding: 0.4em 1em;font-size: 0.95rem}.btn--block{width: 100%}.btn__num{direction: ltr;unicode-bidi: isolate;font-weight: 500;opacity: 0.9}.btn[disabled]{opacity: 0.6;cursor: progress}.site-header{position: sticky;top: 0;z-index: 50;background: var(--c-bg);border-bottom: 1px solid var(--c-border)}.site-header__inner{display: flex;align-items: center;justify-content: space-between;gap: var(--space-2);min-height: 72px}.brand{display: flex;align-items: center}.brand__logo{width: 230px;height: auto}.site-header__inner{min-height: 84px}.nav-toggle{display: none;background: none;border: 1px solid var(--c-border);border-radius: var(--radius-sm);padding: 0.5rem;color: var(--c-secondary);cursor: pointer}.nav-toggle .icon{width: 1.5rem;height: 1.5rem}.nav-toggle{min-width: 44px;min-height: 44px;align-items: center;justify-content: center}.nav-toggle__close{display: none}.site-nav{display: flex;align-items: center;gap: var(--space-3)}.site-nav__list{display: flex;gap: var(--space-1);list-style: none;margin: 0;padding: 0}.site-nav__list > li{position: relative}.site-nav__list a{display: block;padding: 0.5rem 0.75rem;color: var(--c-text);font-weight: 500;text-decoration: none;border-radius: var(--radius-sm)}.site-nav__list a:hover{color: var(--c-primary-dark);background: var(--c-surface)}.site-nav__list > li > a{white-space: nowrap}@media (min-width: 961px) and (max-width: 1180px){.site-nav__list a{padding-inline: 0.55rem}.header-actions__label{display: none}.header-actions .btn{width: 44px;padding: 0}}.site-nav .sub-menu{position: absolute;inset-inline-start: 0;top: 100%;min-width: 240px;max-height: 70vh;overflow-y: auto;list-style: none;margin: 0;padding: var(--space-1);background: var(--c-bg);border: 1px solid var(--c-border);border-radius: var(--radius-md);box-shadow: var(--shadow-raised);opacity: 0;visibility: hidden;transform: translateY(6px);transition: opacity 0.15s, transform 0.15s, visibility 0.15s}.site-nav li:hover > .sub-menu, .site-nav li:focus-within > .sub-menu{opacity: 1;visibility: visible;transform: none}.brand{order: 1}.site-nav{order: 2;margin-inline-start: auto}.header-actions{order: 3;display: flex;gap: 0.5rem;align-items: center}.nav-toggle{order: 4}.header-actions .btn{min-height: 44px}.site-nav__quote{padding: 0.45rem 0.9rem;border-radius: var(--radius-md);box-shadow: inset 0 0 0 2px var(--c-primary-dark);color: var(--c-primary-dark);font-weight: 700;text-decoration: none;white-space: nowrap}.site-nav__quote:hover{background: var(--c-primary-dark);color: #fff}@media (max-width: 960px){.site-nav{margin-inline-start: 0}.header-actions{margin-inline-start: auto}.site-nav__quote{text-align: center}}@media (max-width: 600px){.header-actions__label{display: none}.header-actions .btn{width: 44px;padding: 0}.header-actions .icon{width: 1.4rem;height: 1.4rem}.brand__logo{width: 220px}}@media (max-width: 420px){.header-actions [data-cta="call"]{display: none}.site-header__inner{gap: var(--space-1)}}.wa-float{position: fixed;z-index: 55;bottom: calc(24px + env(safe-area-inset-bottom, 0px));inset-inline-end: 24px;display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.75rem 1.1rem;border-radius: 999px;background: var(--c-whatsapp);color: var(--c-on-whatsapp);font-weight: 700;text-decoration: none;box-shadow: var(--shadow-raised)}.wa-float .icon{width: 1.5rem;height: 1.5rem}.wa-float:hover{background: var(--c-secondary);color: #fff}@media (max-width: 760px){.wa-float{display: none}}@media (max-width: 960px){.nav-toggle{display: inline-flex}.site-nav{display: none;position: absolute;inset-inline: 0;top: 100%;flex-direction: column;align-items: stretch;gap: var(--space-2);padding: var(--space-2) max(16px, env(safe-area-inset-left, 0px)) var(--space-3);background: var(--c-bg);border-bottom: 1px solid var(--c-border);box-shadow: var(--shadow-raised);max-height: calc(100vh - 72px);overflow-y: auto}.site-header[data-open] .site-nav{display: flex}.site-header[data-open] .nav-toggle__open{display: none}.site-header[data-open] .nav-toggle__close{display: inline}.site-nav__list{flex-direction: column}.site-nav .sub-menu{position: static;opacity: 1;visibility: visible;transform: none;box-shadow: none;border: 0;padding: 0 var(--space-2) 0 0;max-height: none;display: flex;flex-wrap: wrap;gap: 0 var(--space-1)}.site-nav .sub-menu a{font-size: 0.95rem;color: var(--c-text-muted);padding-block: 0.25rem}}.site-main{overflow-x: clip}.crumbs ol{display: flex;flex-wrap: wrap;gap: 0.25rem;list-style: none;margin: 0 0 var(--space-2);padding: 0;font-size: var(--fs-small);color: var(--c-text-muted)}.crumbs li + li::before{content: "‹";margin-inline-end: 0.25rem}.crumbs a{color: var(--c-text-muted);text-decoration: none;display: inline-flex;align-items: center;min-height: 36px}.crumbs a:hover{color: var(--c-primary-dark);text-decoration: underline}.home-hero, .page-hero{background: var(--c-surface);border-bottom: 1px solid var(--c-border)}.home-hero{padding-block: var(--space-6)}.page-hero{padding-block: var(--space-4) var(--space-6)}.page-hero--compact{padding-block: var(--space-4)}.home-hero__grid, .page-hero__grid{display: grid;grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr);gap: var(--space-6);align-items: start}.eyebrow{color: var(--c-primary-dark);font-weight: 700;margin-bottom: var(--space-1)}.home-hero__lede, .page-hero__lede{font-size: var(--fs-lede);color: var(--c-text-muted);max-width: 60ch}.price-tag{display: inline-flex;align-items: center;gap: 0.5rem;background: var(--c-bg);border: 1px solid var(--c-border);border-radius: var(--radius-md);padding: 0.5rem 1rem}.price-tag .icon{color: var(--c-primary-dark)}.promises{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--space-2) var(--space-3);list-style: none;margin: var(--space-3) 0 0;padding: 0}.promises li{display: flex;gap: 0.75rem;align-items: flex-start}.promises .icon{width: 1.75rem;height: 1.75rem;color: var(--c-primary-dark);margin-top: 0.2rem}.promises strong{display: block;color: var(--c-secondary)}.promises span{display: block;font-size: var(--fs-small);color: var(--c-text-muted);line-height: 1.6}@media (max-width: 900px){.home-hero__grid, .page-hero__grid{grid-template-columns: minmax(0, 1fr);gap: var(--space-4)}}@media (max-width: 520px){.promises{grid-template-columns: minmax(0, 1fr)}}.quote{background: var(--c-bg);border: 1px solid var(--c-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-raised);padding: var(--space-3);display: grid;gap: var(--space-2)}.quote__title{display: flex;align-items: center;gap: 0.5rem;font-family: var(--font-heading);font-size: var(--fs-h3);color: var(--c-secondary);margin: 0}.quote__title .icon{color: var(--c-success);width: 1.5rem;height: 1.5rem}.quote__hint{color: var(--c-text-muted);font-size: var(--fs-small);margin: -0.75rem 0 0}.field{display: grid;gap: 0.25rem}.field-row{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--space-2)}.field label{font-weight: 500;font-size: 0.95rem}.field__opt{color: var(--c-text-muted);font-weight: 400}.field input, .field textarea{width: 100%;font: inherit;font-size: 1rem;color: var(--c-text);background: var(--c-bg);border: 1px solid var(--c-field-border);border-radius: var(--radius-sm);padding: 0.65rem 0.8rem;min-height: 48px}.field input[aria-invalid="true"]{border-color: var(--c-danger);border-width: 2px}.quote__more{border-top: 1px dashed var(--c-border);padding-top: var(--space-1);display: grid;gap: var(--space-2)}.quote__more summary{cursor: pointer;min-height: 44px;display: flex;align-items: center;gap: 0.4rem;flex-wrap: wrap;font-weight: 500;color: var(--c-secondary)}.quote__more[open] summary{margin-bottom: var(--space-1)}.quote__msg{margin: 0;padding: 0.75rem 1rem;border-radius: var(--radius-sm);background: var(--c-primary-soft)}.quote__msg[data-state="ok"]{background: var(--c-success-soft);color: var(--c-success)}.quote__msg[data-state="error"]{background: var(--c-danger-soft);color: var(--c-danger)}.quote__msg[data-state="ok"]::before{content: "✓ ";font-weight: 700}.quote__msg[data-state="error"]::before{content: "! ";font-weight: 700}.quote__msg .btn{margin-top: 0.5rem}@media (max-width: 420px){.field-row{grid-template-columns: minmax(0, 1fr)}}.section{padding-block: var(--space-6)}.section--tint{background: var(--c-surface)}.section__head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: var(--space-1) var(--space-2);margin-bottom: var(--space-3)}.section__head h2{margin: 0}.link-more{display: inline-flex;align-items: center;gap: 0.35rem;font-weight: 700;text-decoration: none}.grid{display: grid;gap: var(--space-3)}.grid--cards{grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr))}.card{background: var(--c-bg);border: 1px solid var(--c-border);border-radius: var(--radius-md);overflow: hidden;transition: box-shadow 0.15s, transform 0.15s}.card:hover{box-shadow: var(--shadow-card);transform: translateY(-2px)}.card__link{display: flex;flex-direction: column;height: 100%;color: inherit;text-decoration: none}.card__media{position: relative;aspect-ratio: 16 / 10;overflow: hidden;background: var(--c-surface)}.card__media img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.card__body{display: flex;flex-direction: column;gap: 0.5rem;padding: var(--space-2) var(--space-3) var(--space-3);flex: 1}.card__title{margin: 0;font-size: var(--fs-h4)}.card__text{margin: 0;color: var(--c-text-muted);font-size: 0.95rem;line-height: 1.7}.card__more{margin-top: auto;display: inline-flex;align-items: center;gap: 0.35rem;color: var(--c-primary-dark);font-weight: 700;font-size: 0.95rem}.chips{display: flex;flex-wrap: wrap;gap: 0.5rem;list-style: none;margin: 0;padding: 0}.chips a{display: inline-flex;align-items: center;min-height: 40px;padding: 0.35rem 0.9rem;border: 1px solid var(--c-border);border-radius: 999px;background: var(--c-bg);color: var(--c-text);text-decoration: none;font-size: 0.95rem}.chips a:hover{border-color: var(--c-primary-dark);color: var(--c-primary-dark)}.steps{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--space-3);list-style: none;margin: var(--space-3) 0 0;padding: 0;counter-reset: step}.steps__item{counter-increment: step;background: var(--c-bg);border: 1px solid var(--c-border);border-radius: var(--radius-md);padding: var(--space-3)}.steps__item .icon{width: 2rem;height: 2rem;color: var(--c-primary-dark)}.steps__item h3{font-size: var(--fs-h4);margin-block: var(--space-1) 0.5rem}.steps__item h3::before{content: counter(step) ". ";color: var(--c-primary-dark)}.steps__item p{margin: 0;color: var(--c-text-muted);font-size: 0.95rem;line-height: 1.7}@media (max-width: 960px){.steps{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 560px){.steps{grid-template-columns: minmax(0, 1fr)}}.regions{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));gap: var(--space-3)}.region{border: 1px solid var(--c-border);border-radius: var(--radius-md);padding: var(--space-3);background: var(--c-bg)}.region h2, .region h3{font-size: var(--fs-h3)}.region h2 a, .region h3 a{color: var(--c-secondary);text-decoration: none}.region h2 a:hover, .region h3 a:hover{color: var(--c-primary-dark)}.videos{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--space-3);margin-top: var(--space-3)}.videos video{width: 100%;aspect-ratio: 9 / 16;object-fit: cover;background: #000;border-radius: var(--radius-md)}@media (max-width: 760px){.videos{grid-template-columns: minmax(0, 1fr)}.videos video{aspect-ratio: 4 / 5}}.related{display: grid;gap: var(--space-4)}.section__lede{color: var(--c-text-muted);margin-top: calc(var(--space-1) * -1)}.h3{font-size: var(--fs-h3);margin-top: var(--space-3)}#quote{scroll-margin-top: 96px}.split{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--space-3)}.panel{border: 1px solid var(--c-border);border-radius: var(--radius-lg);padding: var(--space-4);background: var(--c-bg);display: flex;flex-direction: column}.panel h2{font-size: var(--fs-h3)}.panel .link-more{margin-top: auto;padding-top: var(--space-2)}@media (max-width: 760px){.split{grid-template-columns: minmax(0, 1fr)}.panel{padding: var(--space-3)}}.checklist{list-style: none;margin: 0 0 var(--space-2);padding: 0;display: grid;gap: 0.5rem}.checklist li{display: flex;gap: 0.5rem;align-items: flex-start}.checklist .icon{color: var(--c-success);margin-top: 0.35em}.related h2{font-size: var(--fs-h3)}.prose{max-width: 72ch}.prose a:not(.btn){text-decoration: underline;text-underline-offset: 4px}.prose h2{margin-top: var(--space-4)}.prose h3{margin-top: var(--space-3)}.prose ul, .prose ol{padding-inline-start: 1.5rem;margin: 0 0 var(--space-2)}.prose li{margin-bottom: 0.4rem}.prose img{border-radius: var(--radius-md);margin-block: var(--space-2)}.prose figure{margin: var(--space-3) 0}.prose figcaption{font-size: var(--fs-small);color: var(--c-text-muted)}.prose table{width: 100%;border-collapse: collapse;display: block;overflow-x: auto;margin-bottom: var(--space-3)}.prose th, .prose td{border: 1px solid var(--c-border);padding: 0.5rem 0.75rem;text-align: start}.prose mark.todo, .faq mark.todo{background: var(--c-warning-soft);color: var(--c-text);outline: 1px dashed var(--c-warning);border-radius: 3px;padding: 0 0.2em}.prose blockquote{margin: var(--space-3) 0;padding: var(--space-2) var(--space-3);border-inline-start: 4px solid var(--c-primary);background: var(--c-surface)}.article__meta{color: var(--c-text-muted);font-size: var(--fs-small);margin: 0}.article__image img{width: 100%;border-radius: var(--radius-lg)}.article__image{margin: 0 0 var(--space-4)}.faq{display: grid;gap: var(--space-1);max-width: 72ch}.faq__item{border: 1px solid var(--c-border);border-radius: var(--radius-md);background: var(--c-bg)}.faq__item summary{cursor: pointer;padding: var(--space-2) var(--space-3);font-weight: 700;color: var(--c-secondary)}.faq__answer{padding: 0 var(--space-3) var(--space-2);color: var(--c-text-muted)}.nav-links{display: flex;flex-wrap: wrap;gap: 0.5rem;justify-content: center;margin-top: var(--space-4)}.page-numbers{padding: 0.4rem 0.9rem;border: 1px solid var(--c-border);border-radius: var(--radius-sm);text-decoration: none}.page-numbers.current{background: var(--c-secondary);color: #fff;border-color: var(--c-secondary)}.cta-band{background: var(--c-secondary);color: var(--c-on-dark);padding-block: var(--space-8);--house-pos: left -60px bottom -90px}.cta-band__inner{display: flex;flex-direction: column;align-items: center;text-align: center;gap: var(--space-2)}.cta-band__title{color: #fff;margin: 0}.cta-band p{margin: 0;max-width: 56ch}.cta-band .btn-row{margin: var(--space-1) 0 0;justify-content: center}.cta-band .btn--call{background: var(--c-primary-dark)}.cta-band .btn--secondary{background: transparent;color: #fff;box-shadow: inset 0 0 0 2px rgb(255 255 255 / 70%)}.cta-band .btn--secondary:hover{background: #fff;color: var(--c-secondary)}.site-footer{background: var(--c-secondary-dark);color: var(--c-on-dark);padding-top: var(--space-6);font-size: 0.95rem}.site-footer a{color: var(--c-on-dark);text-decoration: none}.site-footer a:hover{color: var(--c-primary)}.site-footer__grid{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1.2fr;gap: var(--space-4)}.site-footer__name{font-family: var(--font-heading);font-size: var(--fs-h3);color: #fff}.site-footer__logo{width: min(100%, 340px);height: auto}.site-footer__head{font-weight: 700;color: #fff;margin-bottom: var(--space-2)}.site-footer__links, .site-footer__contact, .social{list-style: none;margin: 0;padding: 0;display: grid;gap: 0}.site-footer__links a, .site-footer__contact a{display: inline-flex;align-items: center;min-height: 44px}.site-footer__contact li{min-height: 44px}.site-footer__contact li{display: flex;gap: 0.5rem;align-items: center}.site-footer__contact a[href^="tel"]{direction: ltr;unicode-bidi: isolate}.social{display: flex;gap: 0.75rem;margin-top: var(--space-2)}.social .icon{width: 1.5rem;height: 1.5rem}.site-footer__bottom{border-top: 1px solid rgb(255 255 255 / 12%);margin-top: var(--space-4);padding-block: var(--space-2);font-size: var(--fs-small);opacity: 0.8}.site-footer__bottom p{margin: 0}@media (max-width: 900px){.site-footer__grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 520px){.site-footer__grid{grid-template-columns: minmax(0, 1fr)}}.mobile-bar{display: none}@media (max-width: 760px){.mobile-bar{position: fixed;inset: auto 0 0 0;z-index: 60;display: grid;grid-auto-flow: column;grid-auto-columns: 1fr;padding-bottom: env(safe-area-inset-bottom, 0px);background: var(--c-bg);box-shadow: 0 -4px 16px rgb(27 38 46 / 12%)}.mobile-bar a{display: flex;align-items: center;justify-content: center;gap: 0.5rem;min-height: 56px;color: #fff;font-weight: 700;text-decoration: none}.mobile-bar__call{background: var(--c-secondary)}.mobile-bar__whatsapp{background: var(--c-whatsapp);color: var(--c-on-whatsapp) !important}.mobile-bar__quote{background: var(--c-primary-dark)}body:has(.mobile-bar) .site-footer{padding-bottom: 56px}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{transition: none !important}}
:root{--dur-xs: 120ms;--dur-s: 200ms;--dur-m: 350ms;--dur-l: 650ms;--ease-out: cubic-bezier(0.22, 0.8, 0.25, 1);--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);--stagger: 70ms;--rise: 18px}@media (prefers-reduced-motion: no-preference){.js [data-reveal]{opacity: 0;transform: translateY(var(--rise));transition: opacity var(--dur-l) var(--ease-out), transform var(--dur-l) var(--ease-out);transition-delay: calc(var(--i, 0) * var(--stagger))}.js [data-reveal="fade"]{transform: none}.js [data-reveal="scale"]{transform: scale(0.96)}.js [data-reveal="start"]{transform: translateX(calc(var(--rise) * 1.2))}.js [data-reveal].is-in{opacity: 1;transform: none}.hero-enter > *{animation: hero-rise var(--dur-l) var(--ease-out) both;animation-delay: calc(var(--i, 0) * 80ms)}@keyframes hero-rise{from{transform: translateY(14px)}to{transform: none}}.wa-float::after{content: "";position: absolute;inset: 0;border-radius: inherit;box-shadow: 0 0 0 0 color-mix(in srgb, var(--c-whatsapp) 55%, transparent);animation: wa-pulse 2.2s var(--ease-out) 1.5s 3}@keyframes wa-pulse{to{box-shadow: 0 0 0 16px transparent}}.route-line path{stroke-dasharray: 8 10;stroke-dashoffset: 400;transition: stroke-dashoffset 1.6s var(--ease-in-out)}.route.is-in .route-line path, .no-io .route-line path{stroke-dashoffset: 0}}.btn{transition: transform var(--dur-s) var(--ease-out), box-shadow var(--dur-s) var(--ease-out), background-color var(--dur-s)}.btn:hover{transform: translateY(-2px);box-shadow: 0 6px 16px rgb(23 43 58 / 14%)}.btn:active{transform: translateY(0) scale(0.98);box-shadow: none}.link-more .icon, .card__more .icon, .tile__go{transition: transform var(--dur-s) var(--ease-out)}.link-more:hover .icon, .card:hover .card__more .icon, .tile:hover .tile__go{transform: translateX(-4px)}.faq__item summary{transition: color var(--dur-s)}.faq__item[open] summary{color: var(--c-primary-dark)}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation: none !important;transition: none !important}}.has-pattern{position: relative;isolation: isolate}.has-pattern::before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;background-color: var(--pattern-color, var(--c-primary));opacity: var(--pattern-opacity, 0.09);-webkit-mask-image: var(--pattern);mask-image: var(--pattern);-webkit-mask-size: var(--pattern-size, 40px 40px);mask-size: var(--pattern-size, 40px 40px);-webkit-mask-repeat: repeat;mask-repeat: repeat}.pattern-roof{--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='36'%3E%3Cpath d='M4 26 22 10l18 16' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--pattern-size: 44px 36px}.pattern-boxes{--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%23000' stroke-width='2'%3E%3Crect x='8' y='10' width='24' height='20' rx='2'/%3E%3Cpath d='M20 10v8'/%3E%3Crect x='38' y='38' width='18' height='16' rx='2'/%3E%3Cpath d='M47 38v6'/%3E%3C/g%3E%3C/svg%3E");--pattern-size: 64px 64px}.pattern-route{--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='80'%3E%3Cpath d='M0 40c40-34 80 34 120 0s40-14 40 0' fill='none' stroke='%23000' stroke-width='2' stroke-dasharray='6 9' stroke-linecap='round'/%3E%3Ccircle cx='120' cy='40' r='4'/%3E%3C/svg%3E");--pattern-size: 160px 80px}.pattern-dots{--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Ccircle cx='11' cy='11' r='1.6'/%3E%3C/svg%3E");--pattern-size: 22px 22px}.pattern-tape{--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath d='M-4 4 4-4M0 18 18 0M14 22 22 14' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");--pattern-size: 18px 18px}.pattern-house::before{-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: var(--house-pos, left -40px bottom -60px);mask-position: var(--house-pos, left -40px bottom -60px)}.pattern-house{--pattern: url("../brand/svg/alabyad-symbol-mono.svg");--pattern-size: 360px 337px}
.center{text-align: center;margin-top: var(--space-4)}.section-intro{text-align: center;max-width: 46rem;margin: 0 auto var(--space-6)}.section-intro h2{margin: 0}.section-intro .eyebrow{margin-bottom: 0.25rem}.section--dark{background: var(--c-secondary);color: var(--c-on-dark)}.section--dark h2, .section--dark h3{color: #fff}.section--dark .eyebrow{color: var(--c-primary-on-dark)}html:not(.js) .js-only{display: none}.home-hero__form .quote, .page-hero__form .quote{position: relative}.home-hero__form .quote::before, .page-hero__form .quote::before{content: "";position: absolute;inset-inline: 22%;top: -10px;height: 20px;border-radius: 3px;background: var(--c-primary);opacity: 0.85;transform: rotate(-1.5deg)}.page-hero .page-hero__grid{align-items: center}.proof{background: var(--c-secondary);color: #fff;padding-block: var(--space-3)}.proof__list{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--space-2);list-style: none;margin: 0 auto}.proof__list li{display: flex;align-items: center;justify-content: center;gap: 0.6rem;font-weight: 700;text-align: center}.proof__list .icon{width: 1.6rem;height: 1.6rem;color: var(--c-primary)}@media (max-width: 900px){.proof__list{grid-template-columns: repeat(2, minmax(0, 1fr));row-gap: var(--space-3)}.proof__list li{justify-content: flex-start;text-align: start;font-size: 0.95rem}}.tiles{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--space-3)}.tile{position: relative;display: flex;flex-direction: column;gap: 0.5rem;padding: var(--space-3);border-radius: var(--radius-lg);background: var(--c-bg);border: 1px solid var(--c-border);color: var(--c-text);text-decoration: none;overflow: hidden;isolation: isolate;transition: transform var(--dur-m) var(--ease-out), box-shadow var(--dur-m) var(--ease-out), border-color var(--dur-s)}.tile:hover{transform: translateY(-4px);box-shadow: var(--shadow-raised);border-color: var(--c-primary);color: var(--c-text)}.tile__icon{display: grid;place-items: center;width: 52px;height: 52px;border-radius: var(--radius-md);background: var(--c-primary-soft);color: var(--c-primary-dark);transition: background-color var(--dur-m), color var(--dur-m)}.tile:hover .tile__icon{background: var(--c-primary-dark);color: #fff}.tile__icon .icon{width: 1.7rem;height: 1.7rem}.tile__title{font-family: var(--font-heading);font-weight: 700;font-size: var(--fs-h4);color: var(--c-secondary)}.tile__text{font-size: 0.95rem;line-height: 1.65;color: var(--c-text-muted)}.tile__go{position: absolute;top: var(--space-3);inset-inline-end: var(--space-3);color: var(--c-primary-dark)}@media (max-width: 960px){.tiles{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 560px){.tiles{gap: var(--space-2)}.tile{padding: var(--space-2)}.tile__text{display: none}.tile__go{display: none}.tile__icon{width: 44px;height: 44px}}.tile__media{position: absolute;inset: 0;z-index: -1;opacity: 0;transition: opacity var(--dur-m) var(--ease-out)}.tile__media img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.08);transition: transform var(--dur-l) var(--ease-out)}.tile__media::after{content: "";position: absolute;inset: 0;background: linear-gradient(to top, rgb(23 40 54 / 92%), rgb(23 40 54 / 55%))}@media (hover: hover) and (min-width: 561px){.tile:hover .tile__media, .tile:focus-visible .tile__media{opacity: 1}.tile:hover .tile__media img{transform: scale(1)}.tile:hover .tile__title, .tile:hover .tile__text, .tile:hover .tile__go, .tile:focus-visible .tile__title, .tile:focus-visible .tile__text{color: #fff}.tile:hover .tile__icon{background: var(--c-primary);color: #fff}}@media (hover: none), (max-width: 560px){.tile:has(.tile__media){padding-top: 0}.tile__media{position: relative;inset: auto;z-index: 0;opacity: 1;margin: 0 calc(var(--space-3) * -1) 0;aspect-ratio: 16 / 10}.tile__media::after{display: none}.tile__media img{transform: none}.tile__media + .tile__icon{margin-top: -26px;position: relative;border: 3px solid var(--c-bg)}}@media (max-width: 560px){.tile__media{margin-inline: calc(var(--space-2) * -1)}}.tiles--compact .tile{flex-direction: row;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-3)}.tiles--compact .tile__icon{width: 44px;height: 44px;flex: none}.tiles--compact .tile__go{position: static;margin-inline-start: auto;display: block}@media (max-width: 560px){.tiles--compact{grid-template-columns: minmax(0, 1fr)}}.panel{position: relative}.panel__icon{display: inline-grid;place-items: center;width: 52px;height: 52px;border-radius: var(--radius-md);background: var(--c-secondary);color: #fff;margin-bottom: var(--space-2)}.panel__icon .icon{width: 1.6rem;height: 1.6rem}.section .regions{display: flex;flex-wrap: wrap;justify-content: center}.section .regions .region{flex: 1 1 300px;max-width: calc((100% - 2 * var(--space-3)) / 3)}@media (max-width: 960px){.section .regions .region{max-width: calc((100% - var(--space-3)) / 2)}}@media (max-width: 640px){.section .regions .region{max-width: none}}.regions .region :is(h2, h3) a{display: inline-flex;align-items: center;gap: 0.5rem;min-height: 44px}.regions .region :is(h2, h3) .icon{color: var(--c-primary-dark)}.faq-split{display: grid;grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);gap: var(--space-6);align-items: start}.faq-split__intro{position: sticky;top: 100px;padding: var(--space-4);border-radius: var(--radius-lg);background: var(--c-surface)}.faq-split__intro .btn-row{margin-bottom: 0}.faq-split .faq{max-width: none}@media (max-width: 900px){.faq-split{grid-template-columns: minmax(0, 1fr);gap: var(--space-4)}.faq-split__intro{position: static;text-align: center}.faq-split__intro .btn-row{justify-content: center}}.snap{position: absolute;margin: 0;width: 46%;padding: 8px 8px 22px;background: #fff;border-radius: 4px;box-shadow: var(--shadow-raised);transition: transform var(--dur-m) var(--ease-out), z-index 0s}.snap img{display: block;width: 100%;height: auto;aspect-ratio: 4 / 3;object-fit: cover;border-radius: 2px}.snap::before{content: "";position: absolute;top: -9px;left: 50%;width: 64px;height: 18px;margin-left: -32px;background: var(--c-primary);opacity: 0.8;transform: rotate(-4deg);border-radius: 2px}.snap--single{position: relative;width: min(100%, 360px);margin-top: var(--space-4);transform: rotate(-2deg)}.snap--single img{aspect-ratio: 16 / 10}.snap--single:hover{transform: rotate(0) scale(1.03)}@media (max-width: 900px){.snap--single{width: min(100%, 300px);margin-inline: auto}}.cairo-map{margin: 0 auto var(--space-4);max-width: 760px;background: var(--c-bg);border: 1px solid var(--c-border);border-radius: var(--radius-lg);padding: var(--space-2);box-shadow: var(--shadow-card)}.cairo-map svg{display: block;width: 100%;height: auto;overflow: visible}.cairo-map__ring{fill: none;stroke: var(--c-secondary);stroke-opacity: 0.25;stroke-width: 2;stroke-dasharray: 2 7;stroke-linecap: round}.cairo-map__nile{fill: none;stroke: #6fa8d6;stroke-width: 9;stroke-linecap: round;opacity: 0.55}.cairo-map__nile-label{fill: #3a7bb0;font: 600 13px var(--font-body)}.cairo-map__route{fill: none;stroke: var(--c-primary);stroke-width: 2.5;stroke-dasharray: 6 8;opacity: 0.7}.cairo-map__pin{cursor: pointer}.cairo-map__pin text{fill: var(--c-secondary);font: 700 15px var(--font-heading);text-anchor: middle;paint-order: stroke;stroke: var(--c-bg);stroke-width: 5px;stroke-linejoin: round}.cairo-map__marker{fill: var(--c-primary-dark);transition: transform var(--dur-m) var(--ease-out);transform-box: fill-box;transform-origin: 50% 100%}.cairo-map__dot{fill: #fff}.cairo-map__halo{fill: var(--c-primary);opacity: 0;transform: scale(0.4);transform-box: fill-box;transform-origin: center;transition: opacity var(--dur-m), transform var(--dur-m) var(--ease-out)}.cairo-map__pin:hover .cairo-map__marker, .cairo-map__pin:focus .cairo-map__marker, .cairo-map__pin.is-active .cairo-map__marker{transform: translateY(-4px) scale(1.15);fill: var(--c-secondary)}.cairo-map__pin:hover .cairo-map__halo, .cairo-map__pin.is-active .cairo-map__halo{opacity: 0.25;transform: scale(1)}.region.is-active{border-color: var(--c-primary-dark);box-shadow: var(--shadow-card)}@media (max-width: 560px){.cairo-map{padding: var(--space-1)}.cairo-map__pin text{font-size: 19px}}.with-aside{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 320px);gap: var(--space-6);align-items: start}.with-aside .prose{max-width: none}.page-aside{position: sticky;top: 96px;display: grid;gap: var(--space-3)}.aside-card{border: 1px solid var(--c-border);border-radius: var(--radius-lg);padding: var(--space-3);background: var(--c-bg)}.aside-card__title{font-family: var(--font-heading);font-weight: 700;font-size: var(--fs-h4);color: var(--c-secondary);margin-bottom: 0.5rem}.aside-card--contact{background: var(--c-secondary);border-color: var(--c-secondary);color: var(--c-on-dark)}.aside-card--contact .aside-card__title{color: #fff}.aside-card__text{font-size: 0.95rem;margin-bottom: 0}.aside-card--contact .btn-row{flex-direction: column;margin-bottom: 0}.aside-card--contact .btn{width: 100%;white-space: nowrap;font-size: 1rem;padding-inline: 0.8em}.aside-card--contact .btn--secondary{background: transparent;color: #fff;box-shadow: inset 0 0 0 2px rgb(255 255 255 / 70%)}.aside-card--contact .btn--secondary:hover{background: #fff;color: var(--c-secondary)}.toc ol{list-style: none;margin: 0;padding: 0;counter-reset: toc}.toc li{counter-increment: toc;border-top: 1px solid var(--c-border)}.toc li:first-child{border-top: 0}.toc a{display: flex;gap: 0.5rem;align-items: baseline;min-height: 44px;padding: 0.55rem 0;color: var(--c-text);text-decoration: none;font-size: 0.95rem;line-height: 1.5}.toc a::before{content: counter(toc) ".";color: var(--c-primary-dark);font-weight: 700}.toc a:hover{color: var(--c-primary-dark)}@media (max-width: 960px){.with-aside{grid-template-columns: minmax(0, 1fr);gap: var(--space-4)}.page-aside{position: static;order: -1}.toc{display: none}}.prose--landing h2{position: relative;padding-top: var(--space-2);scroll-margin-top: 96px}.prose--landing h2::before{content: "";position: absolute;top: 0;inset-inline-start: 0;width: 44px;height: 14px;background: var(--c-primary);-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 14'%3E%3Cpath d='M3 12 22 2l19 10' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 14'%3E%3Cpath d='M3 12 22 2l19 10' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat}.prose--landing h2:first-child{margin-top: 0}.prose--landing ul{list-style: none;padding-inline-start: 0}.prose--landing ul li{position: relative;padding-inline-start: 1.6rem}.prose--landing ul li::before{content: "";position: absolute;inset-inline-start: 0.2rem;top: 0.75em;width: 9px;height: 9px;border-radius: 2px;background: var(--c-primary);transform: rotate(45deg)}.prose--landing ol{padding-inline-start: 1.6rem}.prose--landing ol li::marker{color: var(--c-primary-dark);font-weight: 700}.prose--landing table{border-radius: var(--radius-md);overflow: hidden}.prose--landing th{background: var(--c-secondary);color: #fff}.prose--landing tbody tr:nth-child(even){background: var(--c-surface)}.related-cards{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));gap: var(--space-3)}.related-card{border: 1px solid var(--c-border);border-radius: var(--radius-lg);padding: var(--space-3);background: var(--c-bg)}.related-card h2{display: flex;align-items: center;gap: 0.5rem;font-size: var(--fs-h4)}.related-card h2 .icon{color: var(--c-primary-dark)}.article__meta{display: flex;flex-wrap: wrap;gap: var(--space-1) var(--space-3);color: var(--c-text-muted);font-size: var(--fs-small);margin: 0}.article__meta span, .article__meta time{display: inline-flex;align-items: center;gap: 0.35rem}.article__meta .icon{color: var(--c-primary-dark);width: 1.1em;height: 1.1em}.page-hero .eyebrow a{color: inherit;text-decoration: none;display: inline-flex;align-items: center;min-height: 36px}.article__image{margin: 0 0 var(--space-4)}.article__image img{width: 100%;height: auto;aspect-ratio: 16 / 9;object-fit: cover;border-radius: var(--radius-lg)}.next-step{margin-block: var(--space-6) var(--space-4);padding: var(--space-4);border-radius: var(--radius-lg);background: var(--c-surface);border: 2px dashed var(--c-border)}.next-step__title{font-family: var(--font-heading);font-weight: 700;font-size: var(--fs-h4);color: var(--c-secondary)}.next-step .btn-row{margin-bottom: 0}.topics{margin-top: var(--space-3)}.topics a[aria-current="page"]{background: var(--c-secondary);border-color: var(--c-secondary);color: #fff}@media (max-width: 560px){.section{padding-block: var(--space-4)}.section-intro{margin-bottom: var(--space-3)}.home-hero{padding-block: var(--space-4) var(--space-6)}}.tile__icon .icon, .route__dot .icon, .promises .icon, .steps__item .icon, .price-tag .icon, .regions .region :is(h2, h3) .icon, .related-card h2 .icon, .article__meta .icon, .panel__icon .icon{color: var(--c-secondary)}.tile:hover .tile__icon .icon{color: #fff;--icon-accent: var(--c-primary-on-dark)}.btn .icon, .mobile-bar .icon, .wa-float .icon, .call-pop .icon{--icon-accent: currentColor;--icon-accent-opacity: 0.28}.hero-ticks .icon, .pain .icon, .checklist .icon, .quote__title .icon{--icon-accent: currentColor;--icon-accent-opacity: 0.18}.proof__list .icon.icon{color: #fff;--icon-accent: var(--c-primary)}.social .icon{--icon-accent-opacity: 0}
.site-header{transition: transform var(--dur-m) var(--ease-out), box-shadow var(--dur-m) var(--ease-out)}.site-header__inner{transition: min-height var(--dur-m) var(--ease-out)}.site-header.is-scrolled{box-shadow: 0 6px 18px rgb(23 43 58 / 10%);border-bottom-color: transparent}.site-header.is-scrolled .site-header__inner{min-height: 68px}.site-header.is-hidden{transform: translateY(-100%)}:where(h2[id], h3[id], #quote){scroll-margin-top: calc(var(--header-offset, 84px) + 16px)}.site-nav__quote{transition: background-color var(--dur-m), color var(--dur-m), box-shadow var(--dur-m)}.past-hero .site-nav__quote{background: var(--c-primary-dark);color: #fff;box-shadow: 0 4px 12px rgb(184 74 22 / 28%)}.past-hero .site-nav__quote:hover{background: var(--c-secondary)}.mobile-bar{transition: transform var(--dur-m) var(--ease-out)}.cta-bar-off .mobile-bar{transform: translateY(110%)}.wa-float{transition: transform var(--dur-m) var(--ease-out), opacity var(--dur-m), background-color var(--dur-s)}.wa-float-off .wa-float{transform: translateY(24px) scale(0.9);opacity: 0;pointer-events: none}.wa-float:hover{transform: translateY(-2px)}@media (min-width: 761px){body:has(.with-aside) .wa-float{padding: 0;width: 60px;height: 60px;justify-content: center}body:has(.with-aside) .wa-float span{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}body:has(.with-aside) .wa-float .icon{width: 1.8rem;height: 1.8rem}}.read-progress{position: fixed;inset: 0 0 auto 0;z-index: 70;height: 3px;background: linear-gradient(to left, var(--c-primary), var(--c-primary-dark));transform: scaleX(0);transform-origin: right;pointer-events: none}.btn, .mobile-bar a{position: relative;overflow: hidden;isolation: isolate}.ripple{position: absolute;z-index: -1;border-radius: 50%;background: currentColor;opacity: 0.22;transform: scale(0);pointer-events: none;animation: ripple 0.6s var(--ease-out) forwards}@keyframes ripple{to{transform: scale(1);opacity: 0}}@media (prefers-reduced-motion: no-preference) and (hover: hover){[data-cta="call"]:hover .icon{animation: ring 0.6s var(--ease-out)}[data-cta="whatsapp"]:hover .icon, .btn--whatsapp:hover .icon{animation: nod 0.5s var(--ease-out)}}@keyframes ring{20%, 60%{transform: rotate(-14deg)}40%, 80%{transform: rotate(12deg)}}@keyframes nod{40%{transform: translateY(-3px) scale(1.08)}}.call-pop{position: absolute;z-index: 80;width: min(300px, calc(100vw - 24px));padding: var(--space-2) var(--space-3);background: var(--c-bg);border: 1px solid var(--c-border);border-radius: var(--radius-lg);box-shadow: 0 18px 40px rgb(23 43 58 / 22%);animation: pop-in var(--dur-m) var(--ease-out)}.call-pop__label{margin: 0;color: var(--c-text-muted);font-size: 0.95rem}.call-pop__num{margin: 0.15rem 0 var(--space-2);font-family: var(--font-heading);font-size: 1.6rem;font-weight: 700;color: var(--c-secondary);letter-spacing: 0.04em;text-align: right}.call-pop__actions{display: flex;gap: 0.5rem;flex-wrap: wrap}.call-pop__actions .btn{flex: 1 1 auto}@keyframes pop-in{from{opacity: 0;transform: translateY(6px) scale(0.97)}}.toasts{position: fixed;z-index: 90;inset-inline: 0;bottom: calc(24px + env(safe-area-inset-bottom, 0px));display: grid;justify-items: center;gap: 0.5rem;pointer-events: none;padding-inline: 16px}@media (max-width: 760px){.toasts{bottom: calc(72px + env(safe-area-inset-bottom, 0px))}}.toast{margin: 0;max-width: 420px;padding: 0.75rem 1.1rem;border-radius: var(--radius-md);background: var(--c-secondary);color: #fff;font-weight: 500;box-shadow: var(--shadow-raised);animation: pop-in var(--dur-m) var(--ease-out);transition: opacity var(--dur-m), transform var(--dur-m)}.toast--ok::before{content: "✓ ";color: var(--c-primary-on-dark);font-weight: 700}.toast.is-leaving{opacity: 0;transform: translateY(8px)}.quote{transition: box-shadow var(--dur-m) var(--ease-out), border-color var(--dur-m)}.quote:focus-within{border-color: var(--c-primary);box-shadow: var(--shadow-raised), 0 0 0 4px color-mix(in srgb, var(--c-primary) 18%, transparent)}.quote.is-attention{animation: attention 1.4s var(--ease-out)}@keyframes attention{0%{box-shadow: var(--shadow-raised), 0 0 0 0 color-mix(in srgb, var(--c-primary) 55%, transparent)}100%{box-shadow: var(--shadow-raised), 0 0 0 18px transparent}}.field input, .field textarea{transition: border-color var(--dur-s), box-shadow var(--dur-s)}.field input:focus, .field textarea:focus{border-color: var(--c-primary-dark);box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-primary) 22%, transparent);outline: none}.field{position: relative}.field.is-valid input{border-color: var(--c-success);padding-left: 2.2rem}.field.is-valid::after{content: "✓";position: absolute;left: 0.8rem;bottom: 0.8rem;color: var(--c-success);font-weight: 700;pointer-events: none;animation: pop-in var(--dur-s) var(--ease-out)}.field__error{margin: 0.1rem 0 0;color: var(--c-danger);font-size: 0.95rem;animation: pop-in var(--dur-s) var(--ease-out)}.field__error::before{content: "! ";font-weight: 700}.btn.is-busy{pointer-events: none}.btn.is-busy .icon{animation: spin 0.9s linear infinite}.btn.is-done{background: var(--c-success);color: #fff}@keyframes spin{to{transform: rotate(360deg)}}:root{interpolate-size: allow-keywords}.faq__item summary{list-style: none;display: flex;align-items: center;justify-content: space-between;gap: var(--space-2);min-height: 56px}.faq__item summary::-webkit-details-marker{display: none}.faq__item summary::after{content: "+";flex: none;display: grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;background: var(--c-surface);color: var(--c-primary-dark);font-size: 1.3rem;line-height: 1;transition: transform var(--dur-m) var(--ease-out), background-color var(--dur-s), color var(--dur-s)}.faq__item[open] summary::after{transform: rotate(45deg);background: var(--c-primary-dark);color: #fff}.faq__item{transition: border-color var(--dur-s), box-shadow var(--dur-s)}.faq__item:hover{border-color: color-mix(in srgb, var(--c-primary) 45%, var(--c-border))}.faq__item[open]{border-color: var(--c-primary);box-shadow: var(--shadow-card)}.faq__item::details-content{block-size: 0;overflow: clip;transition: block-size var(--dur-m) var(--ease-out), content-visibility var(--dur-m) allow-discrete}.faq__item[open]::details-content{block-size: auto}.toc a{transition: color var(--dur-s);position: relative}.toc a.is-current{color: var(--c-primary-dark);font-weight: 700}.toc a.is-current::after{content: "";position: absolute;inset-inline-end: -12px;top: 25%;bottom: 25%;width: 3px;border-radius: 2px;background: var(--c-primary)}@media (max-width: 560px){.cairo-map{display: none}}.crumbs a{padding-inline: 0.35rem;margin-inline: -0.35rem}@media (prefers-reduced-motion: reduce){.site-header.is-hidden{transform: none}.faq__item::details-content{transition: none}}