:root{--c-black:#FFFFFF;--c-dark:#F5F5F5;--c-surface:#FFFFFF;--c-surface-card:#FFFFFF;--c-surface-hover:#F5F5F5;--c-ivory:#14213D;--c-stone:#333333;--c-taupe:#595959;--c-gold:#14213D;--c-on-accent:#FFFFFF;--c-action:#14213D;--c-action-hover:#24355C;--c-highlight:#FCA311;--c-brand:#A67C00;--c-red:#B3261E;--c-success:#1B6E3C;--c-danger:#B3261E;--c-warning:#8A5A00;--c-line:#E5E5E5;--c-line-strong:#BDBDBD;--c-line-faint:#EEEEEE;--ff-latin:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--ff-arabic:"Noto Sans Arabic",-apple-system,BlinkMacSystemFont,sans-serif;--ff-mono:var(--ff-latin);--t-xs:0.72rem;--t-sm:0.84rem;--t-base:0.96rem;--t-md:1.12rem;--t-lg:1.35rem;--t-xl:clamp(1.5rem,2.2vw,1.9rem);--t-2xl:clamp(1.9rem,3.2vw,2.7rem);--t-3xl:clamp(2.5rem,4.8vw,4rem);--max-w:1360px;--gutter:clamp(16px,4vw,48px);--nav-h:68px;--radius:6px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--ff-latin);font-size:16px;line-height:1.6;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{background-color:var(--c-black);color:var(--c-ivory)}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.container,body{position:relative}.container{width:100%;max-width:var(--max-w);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter);z-index:1}a{color:inherit;text-decoration:none;transition:color .15s ease,opacity .15s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--ff-latin);font-size:var(--t-sm);font-weight:600;padding:12px 24px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-primary{background-color:var(--c-action);color:var(--c-on-accent);border-color:var(--c-action)}.btn-primary:hover{background-color:var(--c-action-hover);border-color:var(--c-action-hover)}.btn-secondary{background-color:transparent;color:var(--c-ivory);border-color:var(--c-line-strong)}.btn-secondary:hover{border-color:var(--c-ivory);background-color:var(--c-surface-hover)}.btn-danger{background-color:transparent;color:var(--c-danger);border-color:rgba(217,37,24,.4)}.btn-danger:hover{background-color:rgba(217,37,24,.12);border-color:var(--c-red)}.btn-sm{padding:8px 14px;font-size:var(--t-xs)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-label{font-family:var(--ff-mono);font-size:var(--t-xs);color:var(--c-taupe)}.form-label span.required{color:var(--c-red);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;background-color:var(--c-dark);border:1px solid var(--c-line);color:var(--c-ivory);font-family:var(--ff-latin);font-size:var(--t-base);padding:12px 14px;border-radius:var(--radius);outline:none;transition:border-color .15s ease,background-color .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--c-gold);background-color:var(--c-surface)}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.form-hint{color:var(--c-taupe)}.form-error,.form-hint{font-size:var(--t-xs);margin-top:2px}.form-error{color:var(--c-danger)}.arch-card{background-color:var(--c-surface-card);border:1px solid var(--c-line);border-radius:var(--radius);padding:24px;position:relative;transition:border-color .2s ease,transform .2s ease}.arch-card:hover{border-color:var(--c-line-strong)}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--ff-mono);font-size:.68rem;padding:4px 8px;border-radius:2px;border:1px solid var(--c-line);background-color:rgba(36,36,31,.04);color:var(--c-stone)}.badge-gold{border-color:var(--c-line-faint);color:var(--c-gold);background-color:var(--c-line-faint)}.badge-red{border-color:rgba(217,37,24,.35);color:var(--c-red);background-color:rgba(217,37,24,.08)}.badge-live{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--c-gold)}.telemetry-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-family:var(--ff-mono);font-size:var(--t-xs);color:var(--c-taupe);padding-bottom:12px;border-bottom:1px solid var(--c-line);margin-bottom:20px}.pipeline-track{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px;width:100%}@media (max-width:900px){.pipeline-track{grid-template-columns:repeat(4,1fr)}}@media (max-width:550px){.pipeline-track{grid-template-columns:repeat(2,1fr)}}.pipeline-step{display:flex;flex-direction:column;padding:12px 14px;background-color:var(--c-dark);border:1px solid var(--c-line);border-radius:var(--radius);position:relative}.pipeline-step.is-active{border-color:var(--c-gold);background-color:var(--c-line-faint)}.pipeline-step__num{font-family:var(--ff-mono);font-size:.65rem;color:var(--c-taupe)}.pipeline-step__name{font-size:var(--t-sm);font-weight:600;margin-top:2px}.empty-box{padding:48px 24px;text-align:center;border:1px dashed var(--c-line-strong);border-radius:var(--radius);background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-box__title{font-size:var(--t-md);font-weight:600;color:var(--c-ivory);margin-bottom:8px}.empty-box__desc{font-size:var(--t-sm);color:var(--c-taupe);max-width:440px;margin-bottom:24px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1.2fr);grid-gap:24px;gap:24px;width:100%}@media (max-width:860px){.workspace-grid{grid-template-columns:1fr!important}}.header-desktop-nav{display:none!important}.header-mobile-toggle{display:flex!important}@media (min-width:768px){.header-desktop-nav{display:flex!important}.header-mobile-toggle{display:none!important}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl],[dir=rtl] .btn,[dir=rtl] body,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] input,[dir=rtl] p,[dir=rtl] select,[dir=rtl] textarea{font-family:var(--ff-arabic),var(--ff-latin)}[dir=rtl] .form-select{background-position:left 14px center;padding-right:14px;padding-left:36px}[dir=rtl] .badge{font-family:var(--ff-arabic),var(--ff-mono)}[dir=rtl] .pipeline-step__num{font-family:var(--ff-mono)}[dir=rtl] .pipeline-step__name{font-family:var(--ff-arabic),var(--ff-latin)}.page-narrow{flex:1 1;width:100%;max-width:760px;margin-inline:auto;padding:40px 16px}.pack-list{border-top:1px solid var(--c-line)}.pack-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--c-line)}.pack-row__price{color:var(--c-taupe);font-size:var(--t-sm)}svg{flex-shrink:0}[dir=rtl] h1,[dir=rtl] h2{font-family:"Noto Kufi Arabic",var(--ff-arabic)}