@import url('/assets/comares-brand-tokens.css');
@font-face{font-family:Roboto;src:url('/assets/roboto-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url('/assets/roboto-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Pagella;src:url('/assets/texgyrepagella-regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Kufi Arabic';src:url('/assets/notokufiarabic-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--site-width:1440px;--site-gutter:clamp(20px,4vw,64px);--site-motion:180ms;--site-radius:4px}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--comares-canvas);color:var(--comares-text);font:400 1rem/1.6 Roboto,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,select{font:inherit;color:inherit;cursor:pointer}a,button,select{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--comares-focus);outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3{font-family:Pagella,Georgia,serif;font-weight:400;line-height:1.12;margin:0;text-wrap:balance}h1{font-size:clamp(2.7rem,5.2vw,5rem);letter-spacing:-.035em}h2{font-size:clamp(2rem,3.3vw,3.25rem);letter-spacing:-.025em}h3{font-size:1.5rem}h4{font-size:1rem;margin:0;font-weight:700}p{margin:0 0 1rem}bdi{overflow-wrap:anywhere}figure{margin:0}.wrap{max-width:var(--site-width);margin-inline:auto;padding-inline:var(--site-gutter)}[hidden]{display:none!important}.material-symbols-rounded{font-size:22px;line-height:1;flex:0 0 auto;user-select:none}a .material-symbols-rounded{transition:transform var(--site-motion)}a:hover .material-symbols-rounded{transform:translateX(3px)}[dir=rtl] a .material-symbols-rounded{transform:scaleX(-1)}[dir=rtl] a:hover .material-symbols-rounded{transform:scaleX(-1) translateX(3px)}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none}.brand img{width:42px;height:46px;object-fit:contain}.brand>span{font-family:Pagella,Georgia,serif;font-size:2rem;line-height:1;font-weight:400}.header nav{display:flex;align-items:center;gap:16px}.header nav>a:not(.button){min-height:44px;display:flex;align-items:center;text-decoration:none;padding-inline:4px}.header nav>a:not(.button):hover{text-decoration:underline}.icon-button{inline-size:44px;min-block-size:44px;display:grid;place-items:center;border:0;border-radius:var(--site-radius);background:var(--comares-surface-active);color:var(--comares-text)}.icon-button:hover{background:var(--comares-line)}.language-label{position:relative;display:inline-flex;align-items:center;max-width:148px}.language-label select{appearance:none;-webkit-appearance:none;min-height:44px;max-width:100%;background:var(--comares-surface-active);border:0;border-radius:var(--site-radius);padding:10px 40px 10px 14px;line-height:1.4}.language-label>.material-symbols-rounded{position:absolute;inset-inline-end:10px;pointer-events:none;font-size:20px}.language-label select:hover{background:var(--comares-line)}[dir=rtl] .language-label select{padding-inline:14px 40px}[dir=rtl] .language-label>.material-symbols-rounded{left:10px;right:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:0;border-radius:var(--site-radius);padding:12px 22px;background:var(--comares-primary);color:#fff;text-decoration:none;font-weight:700;text-align:center;line-height:1.4;transition:background var(--site-motion),transform var(--site-motion)}.button:hover{background:var(--comares-azure)}.button:active,.icon-button:active{transform:translateY(1px)}.button.secondary{background:var(--comares-surface-active);color:var(--comares-text)}.button.secondary:hover{background:var(--comares-line)}.button.compact{min-height:44px;padding:10px 16px}.button:disabled,button[aria-disabled=true],.button[aria-disabled=true]{cursor:not-allowed;background:var(--comares-surface-active);color:var(--comares-text-muted);opacity:1;transform:none}.button[aria-busy=true]{cursor:progress}.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;font-weight:700}.text-link:hover{text-decoration:underline}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 24px}.skip{position:absolute;inset-inline-start:20px;top:-80px;z-index:40;background:var(--comares-surface);padding:12px}.skip:focus{top:10px}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.preview-notice{padding:8px 20px;margin:0;text-align:center;background:var(--comares-surface-active);font-size:.875rem}.note{background:var(--comares-surface-active);padding:20px;color:var(--comares-text)}
.hero{padding-block:56px 0}.hero-intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:end;gap:64px;margin-bottom:56px}.hero-intro h1{max-width:12ch}.hero-copy{max-width:530px;padding-bottom:6px}.lead{font-size:clamp(1.0625rem,1.4vw,1.25rem);margin-bottom:28px;max-width:48ch}.product-tour{min-width:0}.tour-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px}.tour-toolbar h2{font:700 1rem/1.4 Roboto,Arial,sans-serif;letter-spacing:0}.tour-tabs{display:flex;gap:4px;overflow:auto;scrollbar-width:thin;padding:4px;background:var(--comares-surface-active);border-radius:var(--site-radius)}.tour-tabs button{min-height:44px;padding:10px 18px;border:0;background:transparent;white-space:nowrap;line-height:1.4;border-radius:2px}.tour-tabs button:hover{background:var(--comares-surface)}.tour-tabs button[aria-selected=true]{background:var(--comares-primary);color:#fff}.product-capture{height:clamp(340px,46vw,660px);overflow:auto;scrollbar-width:thin;background:var(--comares-surface-active)}.product-capture img{display:block;width:100%;max-width:none;height:auto}.tour-panel{animation:stage-in 180ms ease-out}.tour-panel figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;font-size:.9375rem}.sample-note{font-size:.875rem;color:var(--comares-text-muted);margin-top:2px}.landing>section:not(.hero){margin-top:120px}.work-section{display:grid;grid-template-columns:4fr 7fr;gap:64px;align-items:center}.work-copy h2{max-width:13ch;margin-bottom:28px}.work-copy p{max-width:42ch}.work-list{list-style:none;padding:0;margin:24px 0}.work-list li{display:flex;align-items:flex-start;gap:12px;padding-block:8px}.work-list .material-symbols-rounded{color:var(--comares-success);margin-top:2px}.detail-capture{height:560px;overflow:auto;background:var(--comares-surface-active);scrollbar-width:thin}.detail-capture img{width:100%;min-width:850px;max-width:none;display:block}.money-section{background:var(--comares-surface-active);padding-block:64px}.money-heading,.documents-heading{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:64px;margin-bottom:40px}.money-heading h2{max-width:15ch}.money-heading p,.documents-heading p{max-width:54ch}.wide-capture{height:480px;overflow:auto;background:var(--comares-surface);scrollbar-width:thin}.wide-capture img{width:100%;display:block;max-width:none;min-width:1000px}.money-image figcaption{font-size:.875rem;color:var(--comares-text-muted);margin-top:20px;max-width:70ch}.documents-heading h2{max-width:15ch}.documents-image .wide-capture{height:500px;background:var(--comares-surface-active)}.next-section{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}.next-section h2{margin-bottom:24px;max-width:18ch}.next-section p{max-width:50ch}.next-section nav{display:grid;gap:8px}.next-section .text-link{padding:18px 24px;background:var(--comares-surface-active);justify-content:space-between;min-height:64px;font-size:1.125rem}.next-section .text-link:hover{background:var(--comares-line);text-decoration:none}.closing{display:flex;justify-content:space-between;align-items:center;gap:48px;padding-block:48px 80px}.closing h2{font-size:2rem}.closing p{max-width:52ch;margin:20px 0 0}.closing .actions{flex-shrink:0}.footer{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding-block:32px 44px}.footer-brand{font:400 1.75rem/1 Pagella,Georgia,serif;text-decoration:none}.footer p{margin:0;color:var(--comares-text-muted);font-size:.875rem}.footer>div{display:flex;gap:24px;flex-wrap:wrap;font-size:.875rem}.footer a{display:inline-flex;align-items:center;min-height:44px}.footer a:not(.footer-brand){text-decoration:none}.footer a:hover{text-decoration:underline}@keyframes stage-in{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
.docs-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;padding-block:40px 64px}.docs-sidebar{position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow:auto;scrollbar-width:thin}.docs-sidebar nav>a,.nav-module,.nav-children>a{display:flex;align-items:center;min-height:44px;padding:8px 12px;text-decoration:none;border-radius:6px;overflow-wrap:anywhere}.docs-sidebar a:hover,.docs-sidebar a[aria-current]{background:var(--comares-surface-active);color:var(--comares-text)}.nav-disclosure{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;text-align:start;border:0;border-radius:6px;background:transparent;padding:10px 12px}.nav-disclosure:hover{background:var(--comares-surface-active)}.nav-disclosure>span:first-child{min-width:0;overflow-wrap:anywhere}.nav-disclosure[aria-expanded=true]>.material-symbols-rounded{transform:rotate(90deg)}.nav-children{padding-inline-start:12px;border-inline-start:1px solid var(--comares-line)}.nav-module{font-weight:700}.nav-children .nav-disclosure{font-size:.875rem;color:var(--comares-text-muted)}.nav-children .nav-children>a{font-size:.875rem;color:var(--comares-text-muted)}.toc-toggle{display:none}.docs-content{max-width:860px;min-width:0}.docs-content h1{margin-bottom:32px}.docs-content section{padding-block:32px;border-top:1px solid var(--comares-line);scroll-margin-top:24px}.docs-content section>h2{margin-bottom:20px}.docs-content p{max-width:760px;color:var(--comares-text-muted)}.docs-content section>div{scroll-margin-top:24px;margin-block:24px}.docs-content h3{margin:24px 0 14px}.guide-steps{padding-inline-start:24px}.guide-steps li{padding-block:8px}.guide-steps p{margin:8px 0 0}.docs-content details{border:1px solid var(--comares-line);background:var(--comares-surface);border-radius:8px;padding:12px 16px}.docs-content summary{min-height:44px;cursor:pointer;padding-block:10px;font-weight:700}.register-table{width:100%;overflow:auto;border:1px solid var(--comares-line);border-radius:8px;margin-block:20px;scrollbar-width:thin}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{text-align:start;vertical-align:top;padding:12px;min-width:100px;border-bottom:1px solid var(--comares-line);overflow-wrap:anywhere}thead{background:var(--comares-surface-active)}tbody{background:var(--comares-surface)}td p{font-size:.8125rem;margin:8px 0 0}td:last-child{min-width:180px}[lang=ar] body{font-family:'Noto Kufi Arabic',Roboto,sans-serif;line-height:1.95;letter-spacing:0}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3{font-family:'Noto Kufi Arabic',sans-serif;line-height:1.6;letter-spacing:0;font-weight:500}[lang=ar] h1{font-size:clamp(1.8rem,3.3vw,2.8rem)}[lang=ar] h2{font-size:1.6rem}[lang=ar] h3{font-size:1.2rem}[lang=ar] .nav-disclosure[aria-expanded=false]>.material-symbols-rounded{transform:rotate(180deg)}[lang=ar] bdi{font-family:Roboto,sans-serif}
.docs-content p{color:var(--comares-text)}.docs-content h1{font-size:clamp(2rem,3.5vw,3.25rem)}.docs-content h2{font-size:clamp(1.7rem,2.5vw,2.25rem)}.docs-sidebar nav>a,.nav-module,.nav-children>a,.nav-disclosure{border-radius:var(--site-radius)}.nav-disclosure>.material-symbols-rounded{width:22px;flex-shrink:0}.toc-toggle>.material-symbols-rounded{margin-inline-start:8px}.docs-content section{border-top:0;padding-block:32px 48px}.docs-content section+section{margin-top:16px}.docs-content details{border:0;border-radius:var(--site-radius);background:var(--comares-surface-active)}.docs-content .note{border:0;border-radius:var(--site-radius)}.docs-content section>h2{max-width:100%}.docs-content h3{font-size:1.4rem}.docs-layout{gap:56px}.docs-sidebar{overscroll-behavior:contain}.docs-content p{line-height:1.75}.docs-content .module-purpose{font-size:1.125rem}.docs-content section:target{scroll-margin-top:24px}[lang=ar] .brand>span,[lang=ar] .footer-brand{font-family:Pagella,Georgia,serif}[lang=ar] .hero-intro h1{max-width:12ch;font-size:clamp(2.2rem,4.7vw,4.3rem);line-height:1.4}[lang=ar] .tour-toolbar h2{font-family:'Noto Kufi Arabic',sans-serif}[lang=ar] .landing h2{line-height:1.5}[lang=ar] .work-copy h2,[lang=ar] .money-heading h2,[lang=ar] .documents-heading h2{max-width:17ch}
@media(min-width:1600px){.product-capture{height:700px}}
@media(max-width:1100px){.hero-intro{gap:32px}.work-section{gap:32px;grid-template-columns:1fr 1.3fr}.money-heading,.documents-heading,.next-section{gap:32px}.header nav{gap:12px}.docs-layout{grid-template-columns:220px minmax(0,1fr);gap:32px}.closing{flex-wrap:wrap}.footer{grid-template-columns:auto 1fr}.footer>div{grid-column:1/-1}.detail-capture{height:500px}.tour-toolbar{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:768px){:root{--site-gutter:20px}.header{flex-wrap:wrap;gap:16px;padding-block:20px}.brand img{width:34px;height:38px}.brand>span{font-size:1.8rem}.header nav{margin-inline-start:auto;gap:8px}.header nav>a:not(.button){font-size:.9375rem}.header .button .material-symbols-rounded{display:none}.language-label{max-width:128px}.language-label select{font-size:.9375rem;padding-inline:12px 34px}.language-label>.material-symbols-rounded{inset-inline-end:8px}[dir=rtl] .language-label>.material-symbols-rounded{left:8px;right:auto}.button.compact{padding-inline:14px}.hero{padding-top:32px}.hero-intro{grid-template-columns:1fr;gap:28px;margin-bottom:36px}.hero-intro h1{max-width:16ch;font-size:clamp(2.5rem,6vw,3.5rem)}.hero-copy{max-width:600px}.lead{max-width:54ch;font-size:1.0625rem;margin-bottom:24px}.tour-toolbar{gap:12px}.tour-tabs{max-width:100%;width:100%}.tour-tabs button{flex:1;padding-inline:16px}.product-capture{height:430px}.product-capture img{min-width:900px}.tour-panel figcaption{align-items:flex-start;flex-direction:column;gap:0}.sample-note{margin-top:8px}.landing>section:not(.hero){margin-top:80px}.work-section{grid-template-columns:1fr;gap:32px}.work-copy h2{max-width:20ch;margin-bottom:20px}.work-copy p{max-width:56ch}.work-list{margin-block:20px}.detail-capture{height:400px}.detail-capture img{min-width:900px}.money-section{padding-block:40px}.money-heading,.documents-heading,.next-section{grid-template-columns:1fr;gap:24px}.money-heading h2,.documents-heading h2{max-width:20ch}.wide-capture,.documents-image .wide-capture{height:400px}.next-section h2{max-width:20ch}.next-section nav{gap:8px}.closing{gap:24px;padding-block:0 48px}.closing .actions{flex-shrink:1}.footer{gap:12px 20px;padding-block:24px}.footer>div{gap:10px 24px}.docs-layout{display:block;padding-top:24px}.docs-sidebar{position:sticky;top:8px;z-index:20;max-height:none;background:var(--comares-canvas);padding-block:4px;margin-bottom:28px}.toc-toggle{display:flex;width:100%;justify-content:space-between}#guide-nav{display:none;margin-top:12px;padding:8px;background:var(--comares-surface)}#guide-nav.is-open{display:block;position:fixed;inset-inline:20px;top:84px;bottom:20px;overflow:auto;margin:0;box-shadow:0 8px 28px #0003}.docs-content h1{font-size:2.25rem}.docs-content section>h2{font-size:1.8rem}.docs-content section,.docs-content section>div,.docs-content section:target{scroll-margin-top:76px}th,td{padding:10px}[lang=ar] .hero-intro h1{max-width:13ch;font-size:clamp(2rem,6vw,3rem)}[lang=ar] .docs-content h1{font-size:1.9rem}[lang=ar] .docs-content section>h2{font-size:1.5rem}}
@media(max-width:540px){.header nav{width:100%;justify-content:space-between;margin:0;gap:8px}.header .icon-button{flex-shrink:0}.header nav>a:not(.button){font-size:.875rem}.language-label{max-width:120px}.button.compact{padding-inline:12px;font-size:.875rem}.hero-intro h1{font-size:2.55rem;max-width:13ch;line-height:1.08}.hero-intro{gap:24px}.hero .actions{gap:10px 18px}.actions .button{padding-inline:18px}.tour-tabs button{padding-inline:13px;font-size:.9375rem;flex:0 0 auto}.tour-toolbar h2{font-size:1rem}.product-capture{height:360px}.product-capture img{min-width:820px}.sample-note{font-size:.8125rem}.landing h2{font-size:2rem}.tour-toolbar h2{font-size:1rem}.detail-capture,.wide-capture,.documents-image .wide-capture{height:360px}.detail-capture img,.wide-capture img{min-width:850px}.footer{display:flex;align-items:flex-start;flex-direction:column}.footer>div{flex-direction:column;gap:0}.closing h2{font-size:1.8rem}[lang=fr] .hero-intro h1{font-size:2.3rem;max-width:15ch}[lang=ar] .hero-intro h1{font-size:2.05rem;max-width:12ch}[lang=ar] .landing h2{font-size:1.65rem}[lang=ar] .tour-toolbar h2{font-size:1rem}[lang=ar] .header nav{gap:6px}[lang=ar] .header .button.compact{font-size:.8rem;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}a:hover .material-symbols-rounded{transform:none}[dir=rtl] a .material-symbols-rounded,[dir=rtl] a:hover .material-symbols-rounded{transform:scaleX(-1)}}
.hero-intro h1{max-width:none}.hero-line{display:block;white-space:nowrap}.work-copy h2{max-width:none;font-size:clamp(2rem,2.8vw,2.75rem)}.money-heading h2,.documents-heading h2,.next-section h2{max-width:none}.product-capture:focus-visible,.detail-capture:focus-visible,.wide-capture:focus-visible{outline-offset:4px}

/* Grid children must shrink so product captures scroll within their own frame. */
.work-section>* , .hero-intro>* , .money-heading>* , .documents-heading>* , .next-section>*{min-width:0}
[data-theme="dark"] .brand img{filter:brightness(0) invert(1)}
[data-theme="dark"] .tour-tabs button[aria-selected="true"]{background:var(--comares-surface);box-shadow:inset 0 -2px 0 #9eb9cd;color:var(--comares-text)}