@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Noto Sans Arabic';src:url('/assets/fonts/NotoSansArabic.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--paper:#F5F1E8;--ink:#182521;--secondary:#4D5A52;--accent:#86521B;--brass:#AA6D29;--pale-brass:#D8AA6B;--line:#CCCBC0;--dark-line:#53625A;--space-tight:1rem;--space-group:2rem;--space-section:7rem;color-scheme:light;font-family:Manrope,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;font-size:1rem;line-height:1.65}img{display:block;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,summary{cursor:pointer}a{color:inherit;text-underline-offset:.3em}a:hover{text-decoration-thickness:2px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--ink);color:var(--paper)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--secondary);border:2px solid var(--paper);border-radius:10px}h1,h2,h3,p,figure,dl{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.shell{width:min(100% - 6rem,1280px);margin-inline:auto}.section{padding-block:var(--space-section)}.skip{position:absolute;top:-100px;inset-inline-start:1rem;padding:1rem;background:var(--ink);color:var(--paper);z-index:10}.skip:focus{top:1rem}
.header{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:108px;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;flex-shrink:0;text-decoration:none}.brand img{width:116px;height:40px;object-fit:contain}.brand span{font-size:.75rem;font-weight:600;line-height:1.4}.header nav{display:flex;align-items:center;gap:1.75rem}.header nav a{display:flex;align-items:center;min-height:44px;font-size:.875rem;font-weight:600;text-decoration:none}.header nav a:hover{color:var(--accent)}.header-actions{display:flex;gap:1.3rem;align-items:center}.header button{background:none;border:0;padding:.6rem .4rem;min-height:44px;color:var(--ink);font-weight:600;font-size:.875rem}.nav-cta{font-size:.875rem;font-weight:600;white-space:nowrap;min-height:44px;display:flex;align-items:center}
.hero{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:6rem;padding-block:6rem 5rem}.hero h1{font-size:clamp(3.1rem,5.4vw,5.5rem);line-height:1.08;font-weight:600;letter-spacing:-.035em;max-width:10ch}.hero h1 em{color:var(--accent);font-style:normal}.lede{font-size:1.15rem;line-height:1.7;max-width:54ch;color:var(--secondary);margin-block-start:2rem}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.7rem;margin-block:2.2rem 1.6rem}.button{display:inline-flex;gap:1.4rem;align-items:center;justify-content:center;min-height:56px;padding:.95rem 1.5rem;text-decoration:none;font-weight:600;font-size:.9375rem;border-radius:4px}.primary{background:var(--ink);color:var(--paper);transition:background .2s}.primary:hover{background:var(--secondary)}.primary svg{width:21px;height:21px}.text-link{font-size:.9375rem;font-weight:600;display:inline-flex;align-items:center;min-height:44px}.quiet{font-size:.8125rem;line-height:1.65;color:var(--secondary);max-width:55ch}
.workflow{position:relative;padding-inline-start:2.5rem;border-inline-start:1px solid var(--line);max-width:480px}.workflow-head{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.workflow h2{font-size:1.375rem;letter-spacing:-.02em;font-weight:600}.workflow-head img{width:36px;height:36px}.scenario{display:flex;gap:1.5rem;border-bottom:1px solid var(--line);margin-block:1.2rem 1.8rem}.scenario button{border:0;background:none;color:var(--secondary);padding:.8rem 0;min-height:44px;font-size:.875rem;border-bottom:2px solid transparent}.scenario button[aria-pressed=true]{color:var(--accent);border-color:var(--brass);font-weight:700}.flow{list-style:none;padding:0;margin:0;position:relative}.flow li{display:flex;gap:1.4rem;position:relative;padding-block:0 1.5rem}.flow li:not(:last-child)::before{content:'';position:absolute;inset-inline-start:7px;top:19px;bottom:0;border-inline-start:1px solid var(--line)}.flow-dot{width:15px;height:15px;border:1px solid var(--secondary);border-radius:50%;background:var(--paper);margin-top:7px;flex-shrink:0}.human .flow-dot{background:var(--brass);border-color:var(--brass)}.flow h3{font-size:1rem;font-weight:600}.flow p{font-size:.875rem;line-height:1.6;color:var(--secondary);margin-top:.3rem;max-width:37ch}.human h3{color:var(--accent)}.workflow figcaption{border-top:1px solid var(--line);padding-top:1rem;font-size:.75rem;color:var(--secondary);line-height:1.6}
.outcomes{border-block:1px solid var(--line);padding-block:1.6rem 2rem;display:grid;grid-template-columns:1fr 3fr;gap:2rem;align-items:start}.outcomes>p{font-size:.8125rem;color:var(--secondary);max-width:16ch}.outcomes dl{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.outcomes dt{font-size:1.0625rem;font-weight:600}.outcomes dd{margin: .4rem 0 0;font-size:.8125rem;color:var(--secondary)}
.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:end;margin-bottom:3.5rem}h2{font-size:clamp(2rem,3.3vw,3rem);font-weight:600;line-height:1.2;letter-spacing:-.03em;max-width:17ch}.section-head p{max-width:48ch;color:var(--secondary);line-height:1.7}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;min-height:78px;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.3rem;font-size:1.4rem;font-weight:500}summary::-webkit-details-marker{display:none}summary:hover{color:var(--accent)}details[open] summary svg path{d:path('M5 12h14')}.service-body{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;padding-bottom:2rem}.service-body p{max-width:62ch;color:var(--secondary)}.service-body ul{list-style:none;padding:0;margin:0;color:var(--secondary);font-size:.875rem}.service-body li{padding-block:.25rem}.service-body li::before{content:'';display:inline-block;width:4px;height:4px;background:var(--brass);margin-inline-end:.8rem;vertical-align:middle}
.engagement{background:var(--ink);color:var(--paper)}.engagement .section-head p{color:#C9D1C9}.engagement-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3.5rem;list-style:none;padding:0;margin:0}.engagement-steps li{border-top:1px solid var(--dark-line);padding-top:1.3rem}.engagement-steps span{font-size:.875rem;color:var(--pale-brass);font-variant-numeric:tabular-nums}.engagement-steps h3{font-size:1.3rem;font-weight:500;margin-block:.9rem 1rem}.engagement-steps p{font-size:.9375rem;color:#C9D1C9;line-height:1.75}.engagement-note{max-width:77ch;font-size:.8125rem;color:#C9D1C9;border-top:1px solid var(--dark-line);padding-top:1.5rem;margin-top:3.5rem}
.studio{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem}.studio .lede{font-size:1rem;margin-block:1.5rem 1.2rem}.studio-context{padding-top:.3rem}.studio-context h3{font-size:.875rem;font-weight:600;margin-bottom:1rem}.studio-context a{font-size:1.3rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;padding-block:1.25rem;border-top:1px solid var(--line);text-decoration:none}.studio-context p{font-size:.875rem;line-height:1.7;color:var(--secondary);margin-top:1.2rem;max-width:52ch}
.consultation{border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:6rem}.consultation-copy>p:first-of-type{color:var(--secondary);max-width:50ch;margin-block:1.5rem 2rem}.consultation .quiet{margin-block:1.2rem .5rem}.email{font-size:.875rem;display:inline-block;min-height:44px;direction:ltr}.faq h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.faq summary{font-size:1rem;min-height:64px;font-weight:600}.faq summary::after{content:'';width:8px;height:8px;border-inline-end:1px solid currentColor;border-block-end:1px solid currentColor;transform:rotate(45deg);flex-shrink:0;margin-inline:5px}.faq details[open] summary::after{transform:rotate(225deg)}.faq details p{font-size:.9375rem;line-height:1.7;color:var(--secondary);padding-bottom:1.5rem}.footer{border-top:1px solid var(--line);padding-block:2rem 3rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem}.footer p,.footer a:not(.brand),.footer small{font-size:.8125rem;color:var(--secondary)}.footer a:not(.brand){min-height:44px;display:inline-flex;align-items:center}.footer small{flex-basis:100%}
html[lang=ar]{font-family:'Noto Sans Arabic',sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0}html[lang=ar] .hero h1{font-size:clamp(3rem,4.9vw,5rem);line-height:1.4;max-width:11ch}html[lang=ar] h2{line-height:1.5;max-width:20ch}html[lang=ar] .lede{line-height:1.9}html[lang=ar] .brand span{line-height:1.7}html[dir=rtl] .button svg{transform:scaleX(-1)}
@media(min-width:1500px){.hero{padding-block:7rem 6rem}}
@media(max-width:1100px){.shell{width:calc(100% - 4rem)}.header{gap:1.2rem}.header nav{gap:1rem}.hero,.section-head,.service-body,.studio,.consultation{gap:3rem}.hero{grid-template-columns:1.15fr 1fr}.engagement-steps{gap:2rem}.header-actions{gap:.8rem}.header .brand span{display:none}}
@media(max-width:850px){:root{--space-section:5rem}.shell{width:calc(100% - 3rem)}.header{min-height:90px;flex-wrap:wrap;padding-block:1rem}.header nav{order:3;flex-basis:100%;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:.6rem}.header nav a{font-size:.8125rem}.header-actions{margin-inline-start:auto}.header .brand img{width:102px;height:35px}.hero{grid-template-columns:1fr;gap:3.5rem;padding-block:3.5rem}.hero h1{max-width:12ch;font-size:clamp(3rem,9vw,4.5rem)}.hero .lede{max-width:55ch;margin-top:1.5rem}.workflow{max-width:none;padding-inline-start:0;border-inline-start:0;border-top:1px solid var(--line);padding-top:2rem}.flow{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2rem}.flow li:not(:last-child)::before{display:none}.flow li{padding-bottom:1rem}.workflow figcaption{margin-top:.5rem}.outcomes{grid-template-columns:1fr}.outcomes>p{max-width:none}.outcomes dl{gap:1rem}.section-head{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem}h2{max-width:22ch}.section-head p{max-width:62ch}.service-body{gap:2rem}.studio,.consultation{grid-template-columns:1fr;gap:3rem}.studio .lede{max-width:60ch}.studio-context p{max-width:65ch}.engagement-steps{grid-template-columns:1fr;gap:2rem}.engagement-steps li{display:grid;grid-template-columns:35px 1fr;gap:.5rem 1rem}.engagement-steps h3{margin:0}.engagement-steps p{grid-column:2;max-width:65ch}.engagement-note{margin-top:2.5rem}.footer{gap:1rem 2rem}.footer p{flex-basis:calc(100% - 150px)}}
@media(max-width:500px){.shell{width:calc(100% - 2.5rem)}.header-actions{gap:.65rem}.header .nav-cta{font-size:.75rem}.header button{font-size:.8125rem}.hero{padding-top:3rem}.hero h1{font-size:3.1rem}.lede{font-size:1.05rem}.actions{gap:1rem;margin-top:1.8rem}.button{padding:.9rem 1.2rem}.workflow h2{font-size:1.25rem}.flow{display:block}.flow li:not(:last-child)::before{display:block}.flow li{padding-bottom:1.5rem}.flow p{max-width:32ch}.outcomes dl{grid-template-columns:1fr;gap:1.2rem}.outcomes dl>div{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:baseline}.outcomes dt{font-size:.9375rem}.outcomes dd{margin:0}.service-body{grid-template-columns:1fr;gap:1rem}summary{font-size:1.1rem;min-height:74px}h2{font-size:2rem}.section{padding-block:4rem}html[lang=ar] .hero h1{font-size:2.8rem;line-height:1.5}html[lang=ar] h2{font-size:1.85rem}.footer p{flex-basis:100%}}
.brand{min-height:44px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.header,.actions,.scenario,.button,.footer,.skip{display:none}.section,.hero{padding-block:2rem}.engagement{background:transparent;color:var(--ink)}.engagement p,.engagement .section-head p{color:var(--ink)}.shell{width:100%}.hero{grid-template-columns:1fr 1fr;gap:2rem}details:not([open]){display:none}}