:root{--bg:#f5f2ec;--bg-2:#efeae0;--bg-3:#e6e0d2;--paper:#fbf8f2;--ink:#14110e;--ink-2:#2a2620;--ink-3:#5a5247;--ink-4:#8b8170;--line:#d9d2c2;--line-2:#c7bfab;--accent:#ff5b2e;--accent-ink:#c13c12;--accent-soft:#ffe2d5;--good:#4f6b3d;--warn:#b8862a;--bad:#b23a2a;--serif:"Instrument Serif","Amiri",ui-serif,Georgia,serif;--sans:"Inter Tight","IBM Plex Sans Arabic",ui-sans-serif,system-ui,sans-serif;--sans-ar:"IBM Plex Sans Arabic","Inter Tight",system-ui,sans-serif;--serif-ar:"Amiri","Instrument Serif",serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--ease:cubic-bezier(.2,.7,.2,1);--ease-out:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";letter-spacing:-.005em;overflow-x:hidden;text-rendering:optimizeLegibility}[dir=rtl] body{font-family:var(--sans-ar);font-weight:400;letter-spacing:0}[dir=rtl] .serif{font-family:var(--serif-ar);letter-spacing:0}[dir=rtl] .h-display,[dir=rtl] .h1,[dir=rtl] .h2,[dir=rtl] .h3{font-family:var(--serif-ar);letter-spacing:0;line-height:1.2}[dir=rtl] .eyebrow{letter-spacing:.08em}a{text-decoration:none}a,button{color:inherit}button{background:none;border:0;cursor:pointer;font:inherit;padding:0}img{display:block;max-width:100%}hr{border:0;border-top:1px solid var(--line);margin:0}.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}.mono{font-family:var(--mono);font-feature-settings:"ss01"}.eyebrow{color:var(--ink-3);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.eyebrow .dot{background:var(--accent);border-radius:50%;display:inline-block;height:6px;margin-inline-end:8px;transform:translateY(-1px);vertical-align:middle;width:6px}.h-display{font-size:clamp(48px,7vw,112px);letter-spacing:-.025em;line-height:.98;text-wrap:balance}.h-display,.h1{font-family:var(--serif);font-weight:400}.h1{font-size:clamp(40px,5vw,72px);letter-spacing:-.02em;line-height:1.02}.h2{font-size:clamp(28px,3vw,44px);letter-spacing:-.018em;line-height:1.05}.h2,.h3{font-family:var(--serif);font-weight:400}.h3{font-size:24px;letter-spacing:-.01em;line-height:1.15}.italic{font-style:italic}.shell{min-height:100vh;width:100%}.container{max-width:1360px}.container,.container-tight{margin:0 auto;padding:0 32px}.container-tight{max-width:1040px}.container-wide{margin:0 auto;max-width:1480px;padding:0 32px}.col,.row{display:flex}.col{flex-direction:column}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.gap-32{gap:32px}.gap-48{gap:48px}.between{justify-content:space-between}.center,.middle{align-items:center}.middle{justify-content:center}.nav{backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px);background:#f5f2ecd1;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;height:64px}.brand,.nav-inner{align-items:center}.brand{display:inline-flex;font-family:var(--serif);font-size:22px;gap:10px;letter-spacing:-.01em;white-space:nowrap}.brand-mark{background:var(--ink);border-radius:50%;flex-shrink:0;height:28px;position:relative;width:28px}.brand-mark:after{animation:pulse 4s var(--ease) infinite;background:var(--accent);border-radius:50%;content:"";inset:6px;position:absolute;transform-origin:50% 50%}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(.6)}}.nav-links{align-items:center;display:flex;gap:4px}.nav-link{border-radius:999px;color:var(--ink-2);font-size:14px;padding:8px 14px;position:relative;transition:color .2s var(--ease),background .2s var(--ease);white-space:nowrap}.nav-link:hover{background:#0000000a}.nav-link.active,.nav-link:hover{color:var(--ink)}.nav-link.active:after{background:var(--accent);border-radius:2px;content:"";inset-inline:14px;bottom:2px;height:2px;position:absolute}.nav-cta{display:flex;justify-content:flex-end}.btn,.nav-cta{align-items:center;gap:8px}.btn{border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:14px;font-weight:500;letter-spacing:-.005em;padding:10px 18px;transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease);white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:#000}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-ink)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{background:#0000000d}.btn-outline{background:transparent;border-color:var(--line-2);color:var(--ink)}.btn-outline:hover{background:var(--paper)}.btn-lg{font-size:15px;padding:14px 24px}.btn-sm{font-size:13px;padding:6px 12px}.pill{align-items:center;background:var(--paper);border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.pill-accent{background:var(--accent-soft);border-color:#f4b79b;color:var(--accent-ink)}.pill-ink{background:var(--ink);border-color:var(--ink);color:var(--paper)}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;transition:transform .35s var(--ease-out),border-color .25s var(--ease),box-shadow .35s var(--ease-out)}.card:hover{border-color:var(--line-2)}.card-flat{background:transparent;border:1px solid var(--line);border-radius:18px;padding:24px}.footer{background:var(--bg-2);border-top:1px solid var(--line);margin-top:96px;padding:64px 0 40px}.footer-grid{display:grid;gap:48px;grid-template-columns:2fr 1fr 1fr 1fr 1fr}.footer-col h5{color:var(--ink-4);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;margin:0 0 14px;text-transform:uppercase}.footer-col a{color:var(--ink-2);display:block;font-size:14px;padding:4px 0;transition:color .2s}.footer-col a:hover{color:var(--accent)}.footer-bottom{align-items:center;border-top:1px solid var(--line);color:var(--ink-4);display:flex;font-family:var(--mono);font-size:12px;justify-content:space-between;margin-top:64px;padding-top:24px}.reveal{opacity:0;transform:translateY(14px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-1{transition-delay:.05s}.reveal-2{transition-delay:.12s}.reveal-3{transition-delay:.19s}.reveal-4{transition-delay:.26s}.reveal-5{transition-delay:.33s}.reveal-6{transition-delay:.4s}.reveal-7{transition-delay:.47s}.reveal-8{transition-delay:.54s}.page-fade{animation:pagein .55s var(--ease-out) both}@keyframes pagein{0%{filter:blur(4px);opacity:0;transform:translateY(8px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}.marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);overflow:hidden}.marquee-track{animation:marq 38s linear infinite;display:flex;gap:56px;width:-moz-max-content;width:max-content}[dir=rtl] .marquee-track{animation-direction:reverse}@keyframes marq{0%{transform:translate(0)}to{transform:translate(-50%)}}.input{background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;outline:none;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.input:focus{border-color:var(--ink-2);box-shadow:0 0 0 3px #14110e0f}.input-lg{border-radius:14px;font-size:16px;padding:16px 20px}.placeholder{align-items:center;background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(20,17,14,.04) 14px 15px),var(--bg-3);border:1px solid var(--line);border-radius:14px;color:var(--ink-4);display:flex;font-family:var(--mono);font-size:11px;justify-content:center;letter-spacing:.12em;text-transform:uppercase}.section{padding:96px 0}.section-sm{padding:56px 0}.rule{align-items:center;color:var(--ink-4);display:flex;font-family:var(--mono);font-size:11px;gap:16px;letter-spacing:.14em;text-transform:uppercase}.rule:after,.rule:before{background:var(--line);content:"";flex:1;height:1px}.tbl{border-collapse:collapse;width:100%}.tbl td,.tbl th{border-bottom:1px solid var(--line);font-size:14px;padding:14px 12px;text-align:start}.tbl th{color:var(--ink-4);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.tbl tr{transition:background .15s}.tbl tbody tr:hover{background:#00000005}.figure-frame{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden}.chip{align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:6px;color:var(--ink-2);display:inline-flex;font-family:var(--mono);font-size:12px;gap:4px;padding:3px 9px}:focus-visible{border-radius:4px;outline:2px solid var(--accent);outline-offset:2px}.tabular{font-family:var(--mono);font-variant-numeric:tabular-nums}.lift{transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out)}.lift:hover{box-shadow:0 18px 40px -22px #14110e2e;transform:translateY(-3px)}.app-shell{background:var(--bg);display:grid;grid-template-columns:248px 1fr;min-height:calc(100vh - 64px)}.app-side{background:var(--bg-2);border-inline-end:1px solid var(--line);height:calc(100vh - 64px);overflow-y:auto;padding:20px 14px;position:sticky;top:64px}.side-group{margin-top:22px}.side-group h6{color:var(--ink-4);font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.14em;margin:0 0 6px;padding:0 10px;text-transform:uppercase}.side-link{align-items:center;border-radius:10px;color:var(--ink-2);display:flex;font-size:14px;gap:10px;padding:8px 10px;transition:background .15s,color .15s}.side-link:hover{background:#0000000a;color:var(--ink)}.side-link.active{background:var(--ink);color:var(--paper)}.side-link.active svg{stroke:var(--paper)}.app-main{padding:32px 40px 80px}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.kpi .label{color:var(--ink-4);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.kpi .val{font-family:var(--serif);font-size:36px;letter-spacing:-.02em;line-height:1;margin:8px 0 6px}.kpi .delta{font-family:var(--mono);font-size:12px}.delta.up{color:var(--good)}.delta.dn{color:var(--bad)}.spark path{fill:none;stroke:var(--accent);stroke-width:1.5}.tool-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;overflow:hidden;padding:28px;position:relative;transition:transform .4s var(--ease-out),border-color .25s}.tool-card:hover{border-color:var(--line-2);transform:translateY(-3px)}.tool-card .grain{background:radial-gradient(700px 280px at 100% 0,rgba(255,91,46,.08),transparent 60%);inset:0;pointer-events:none;position:absolute}.shimmer{overflow:hidden;position:relative}.shimmer:after{animation:shim 1.6s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);content:"";inset:0;position:absolute;transform:translate(-100%)}@keyframes shim{to{transform:translate(100%)}}.page-scrim{background:var(--ink);inset:0;pointer-events:none;position:fixed;transform:translateY(100%);transition:transform .55s var(--ease-out);z-index:100}.page-scrim.in{transform:translateY(0)}.page-scrim.out{transform:translateY(-100%);transition:transform .55s var(--ease-out)}.icon-btn{align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:10px;display:inline-flex;height:34px;justify-content:center;transition:background .15s,transform .15s;width:34px}.icon-btn:hover{background:var(--bg-2);transform:translateY(-1px)}::-moz-selection{background:var(--accent);color:#fff}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:10px}::-webkit-scrollbar-track{background:transparent}.muted{color:var(--ink-3)}.dim{color:var(--ink-4)}.right{text-align:end}.center-text{text-align:center}.full{width:100%}.jobs-grid{display:grid;gap:24px}@media(max-width:1100px){.jobs-grid{grid-template-columns:1fr!important}.nav-links{display:none}.footer-grid{gap:32px;grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:1fr}.app-side{display:none}.app-main{padding:24px 24px 64px}.container,.container-tight,.container-wide{padding:0 24px}}@media(max-width:900px){.h-display{font-size:clamp(40px,9vw,64px)}}
