:root{--color-bg: #FAF9F6;--color-surface: #FFFFFF;--color-surface-2: #F2F0EA;--color-text: #17171A;--color-muted: #5B5D66;--color-border: #E5E2D9;--color-primary: #3F3AB8;--color-primary-hover: #302C94;--color-primary-contrast: #FFFFFF;--color-ink: #15151A;--color-ink-text: #F4F3EF;--color-ink-muted: #A9A9B4;--color-ink-border: #2C2C33;--color-ink-accent: #A6A1F8;--color-live: #1E7A42;--color-live-bg: #E3F3E9;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(23, 23, 26, .04);--shadow-md: 0 8px 24px rgba(23, 23, 26, .08);--container: 1200px;--gutter: 24px;--h1: 40px;--h2: 28px;--h3: 22px;--body: 16px}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}:root.dark{--color-bg: #131316;--color-surface: #1B1B1F;--color-surface-2: #202024;--color-text: #F2F1ED;--color-muted: #A5A5B0;--color-border: #2C2C33;--color-primary: #8C86F5;--color-primary-hover: #A6A1F8;--color-primary-contrast: #131316;--color-ink: #0B0B0D;--color-ink-text: #F4F3EF;--color-ink-muted: #9A9AA4;--color-ink-border: #232328;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}html,body{width:100%;max-width:100%;overflow-x:hidden;margin:0}img,svg,video,canvas{max-width:100%;height:auto;display:block}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a.underline{text-decoration:underline}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:20px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;padding:12px 22px;border-radius:var(--radius-sm);font-weight:600;font-size:15px;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.btn-primary{background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary);color:var(--color-primary-contrast);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-text);transform:translateY(-1px)}.status-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap}.status-pill--live{background:var(--color-live-bg);color:var(--color-live)}.status-pill--live .status-pill__dot{width:6px;height:6px;border-radius:50%;background:var(--color-live)}.status-pill--progress{background:var(--color-surface-2);color:var(--color-muted);border:1px dashed var(--color-border)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.reveal{opacity:0;transform:translateY(12px);transition:.6s ease}.reveal.in{opacity:1;transform:none}@keyframes sk{0%{background-position:-200px 0}to{background-position:200px 0}}.hdr{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.hdr__inner{max-width:var(--container);margin:0 auto;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-text);font-weight:700;font-size:1.05rem}.brand__logo{width:auto;height:28px;object-fit:contain}.brand__wordmark{font-family:var(--font-sans);letter-spacing:-.02em}.desk{display:none}@media (min-width: 820px){.desk{display:flex;align-items:center;gap:4px}}.nav{display:flex;gap:4px}.nav__link{text-decoration:none;font-size:.92rem;font-weight:500;color:var(--color-muted);padding:8px 14px;border-radius:var(--radius-sm);transition:color .15s ease,background-color .15s ease}.nav__link:hover{color:var(--color-text);background:var(--color-surface-2)}.nav__link.is-active{color:var(--color-text);font-weight:600}.desk__actions{display:flex;align-items:center;gap:8px}.hamb{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;cursor:pointer;padding:0}.hamb__bar{width:20px;height:2px;background:var(--color-text);border-radius:2px;position:relative;transition:background .2s}.hamb__bar:before,.hamb__bar:after{content:"";position:absolute;left:0;width:20px;height:2px;background:inherit;border-radius:2px;transition:transform .2s ease,top .2s ease}.hamb__bar:before{top:-6px}.hamb__bar:after{top:6px}.hamb[aria-expanded=true] .hamb__bar{background:transparent}.hamb[aria-expanded=true] .hamb__bar:before{top:0;transform:rotate(45deg)}.hamb[aria-expanded=true] .hamb__bar:after{top:0;transform:rotate(-45deg)}@media (max-width: 819px){.hamb{display:flex}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:998}.mnav{position:fixed;top:68px;right:0;width:min(80%,320px);height:calc(100% - 68px);background:var(--color-surface);border-left:1px solid var(--color-border);z-index:999;transform:translate(100%);transition:transform .25s ease}.mnav--open{transform:translate(0)}.mnav__inner{display:flex;flex-direction:column;padding:24px;gap:4px}.mnav__head{display:none}.nav--mobile{flex-direction:column;gap:4px;align-items:stretch}.nav--mobile .nav__link{padding:14px 16px;font-size:1rem;border-radius:var(--radius-sm)}.nav--mobile .nav__link.is-active{background:var(--color-surface-2)}@media (min-width: 820px){.mnav,.overlay{display:none}}@media (prefers-reduced-motion: reduce){.hdr,.hdr__inner,.mnav,.hamb__bar,.hamb__bar:before,.hamb__bar:after{transition:none!important}}.nav__link:focus-visible,.hamb:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-footer-centered{background:var(--color-ink);color:var(--color-ink-text);padding:4rem 0 2.5rem;width:100%;border-top:1px solid var(--color-ink-border)}.site-footer-centered .container{max-width:var(--container);margin:0 auto;padding:0 24px;text-align:center}.footer-header{margin-bottom:2rem}.footer-brand-center{display:inline-flex;align-items:baseline;gap:2px;margin-bottom:.5rem}.brand-text{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:var(--color-ink-text)}.brand-dot{width:6px;height:6px;background:var(--color-primary);border-radius:50%;margin-left:4px;align-self:flex-start;margin-top:6px}.brand-slogan{font-size:.9rem;color:var(--color-ink-muted)}.footer-bottom-centered{padding-top:1.75rem;border-top:1px solid var(--color-ink-border)}.social-row{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.25rem}.social-row a{color:var(--color-ink-muted);transition:color .15s ease}.social-row a:hover{color:var(--color-ink-text)}.copyright-text{font-size:.82rem;color:var(--color-ink-muted)}.copyright-text a{color:var(--color-ink-muted);text-decoration:none;margin:0 4px;transition:color .15s ease}.copyright-text a:hover{color:var(--color-ink-text);text-decoration:underline}.separator{margin:0 8px;opacity:.5}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.mustafa-ai__fab{position:fixed;right:20px;bottom:20px;z-index:1200;display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:999px;border:none;background:var(--color-primary);color:#fff;font-family:var(--font-sans);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 45%,transparent);transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease}.mustafa-ai__fab:hover{transform:translateY(-2px);background:var(--color-primary-hover)}.mustafa-ai__fab--pulse{animation:mustafa-ai-fab-pulse 1.8s ease-out infinite}@keyframes mustafa-ai-fab-pulse{0%{box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 45%,transparent),0 0 color-mix(in srgb,var(--color-primary) 55%,transparent)}70%{box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 45%,transparent),0 0 0 14px transparent}to{box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 45%,transparent),0 0 0 0 transparent}}.mustafa-ai__teaser{position:fixed;right:20px;bottom:78px;z-index:1199;max-width:240px;padding:14px 32px 14px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md)}.mustafa-ai__teaser p{font-size:13px;line-height:1.5;color:var(--color-text);margin:0}.mustafa-ai__teaser:after{content:"";position:absolute;right:24px;bottom:-7px;width:14px;height:14px;background:var(--color-surface);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);transform:rotate(45deg)}.mustafa-ai__teaser-close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--color-muted);font-size:16px;line-height:1;cursor:pointer;padding:4px}.mustafa-ai__teaser-close:hover{color:var(--color-text)}.mustafa-ai__fab-dot{width:8px;height:8px;border-radius:50%;background:#fff;opacity:.85}.mustafa-ai__panel{position:fixed;right:20px;bottom:84px;z-index:1200;width:min(380px,calc(100vw - 40px));height:min(520px,calc(100vh - 140px));display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.mustafa-ai__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--color-ink);flex-shrink:0}.mustafa-ai__title{font-size:15px;font-weight:700;color:var(--color-ink-text)}.mustafa-ai__subtitle{font-family:var(--font-mono);font-size:11px;color:var(--color-ink-muted);margin-top:2px}.mustafa-ai__close{background:none;border:none;color:var(--color-ink-muted);font-size:22px;line-height:1;cursor:pointer;padding:0 2px}.mustafa-ai__close:hover{color:var(--color-ink-text)}.mustafa-ai__body{flex:1 1 auto;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.mustafa-ai__intro p{font-size:14px;line-height:1.55;color:var(--color-muted);margin-bottom:14px}.mustafa-ai__examples{display:flex;flex-direction:column;gap:8px}.mustafa-ai__example{text-align:left;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);font-size:13px;cursor:pointer;transition:border-color .15s ease}.mustafa-ai__example:hover{border-color:var(--color-primary)}.mustafa-ai__msg{max-width:88%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;white-space:pre-wrap}.mustafa-ai__msg--user{align-self:flex-end;background:var(--color-text);color:var(--color-bg);border-bottom-right-radius:4px}.mustafa-ai__msg--assistant{align-self:flex-start;background:var(--color-surface-2);color:var(--color-text);border-bottom-left-radius:4px}.mustafa-ai__typing{display:flex;gap:4px;align-items:center;padding:14px}.mustafa-ai__typing span{width:6px;height:6px;border-radius:50%;background:var(--color-muted);animation:mustafa-ai-blink 1.2s infinite ease-in-out}.mustafa-ai__typing span:nth-child(2){animation-delay:.2s}.mustafa-ai__typing span:nth-child(3){animation-delay:.4s}@keyframes mustafa-ai-blink{0%,80%,to{opacity:.25}40%{opacity:1}}.mustafa-ai__form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--color-border);flex-shrink:0}.mustafa-ai__form input{flex:1 1 auto;min-width:0;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:14px;font-family:var(--font-sans)}.mustafa-ai__form input:focus{outline:none;border-color:var(--color-primary)}.mustafa-ai__form button{padding:10px 16px;border-radius:var(--radius-sm);border:none;background:var(--color-primary);color:#fff;font-weight:600;font-size:14px;cursor:pointer}.mustafa-ai__form button:disabled{opacity:.5;cursor:default}@media (max-width: 480px){.mustafa-ai__fab{right:16px;bottom:16px;padding:12px 16px}.mustafa-ai__panel{right:12px;left:12px;bottom:78px;width:auto}.mustafa-ai__teaser{right:16px;max-width:calc(100vw - 32px)}}@media (prefers-reduced-motion: reduce){.mustafa-ai__fab,.mustafa-ai__example{transition:none!important}.mustafa-ai__fab--pulse{animation:none!important}.mustafa-ai__typing span{animation:none!important;opacity:.6}}