@import"https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;color:#e8e9ed;background:#0b0c0f;font-synthesis:none;--paper: #0b0c0f;--surface: #121317;--surface-2: #141519;--surface-3: #1a1c22;--ink: #f4f5f7;--body: #e8e9ed;--muted: #9aa0ac;--muted-2: #7a7f8a;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--accent: #c6f24e;--accent-soft: rgba(198, 242, 78, .08);--danger: #ff7a59;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:var(--paper)}body{min-width:320px;min-height:100vh;margin:0;background:var(--paper);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(198,242,78,.45);outline-offset:3px}a{color:inherit;text-decoration:none}svg{display:block}.app{min-height:100vh;overflow-x:clip;background:radial-gradient(1100px 620px at 50% -140px,rgba(198,242,78,.1),transparent 70%),var(--paper)}.site-header{width:min(100%,1160px);min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto;padding:24px 44px}.brand-lockup,.footer-brand{display:inline-flex;align-items:center;gap:11px}.brand-lockup{font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:-.01em}.brand-mark{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--accent);color:var(--paper)}.brand-mark.is-small{width:22px;height:22px;border-radius:6px}.brand-mark:after{content:"";width:10px;height:10px;background:var(--paper);transform:rotate(45deg)}.brand-mark.is-small:after{width:8px;height:8px}.site-header nav,footer nav{display:flex;align-items:center;gap:30px}.site-header nav a,footer nav a{color:var(--muted);font-size:14px;font-weight:500;transition:color .16s ease}.site-header nav a:hover,footer nav a:hover{color:var(--body)}.site-header nav .docs-link,.closing-section a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:600}.site-header nav svg,.closing-section a svg{width:15px;height:15px}.explain-section,.build-section,.closing-section{width:min(100%,1160px);margin:0 auto;padding-inline:44px}.explain-section{padding-top:44px;padding-bottom:20px}.hero-copy{max-width:760px;margin:0 auto;text-align:center}.hero-copy h1,.section-heading h2,.closing-section h2,.explainer-heading h2,.simulator-header h3{font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;color:var(--ink);letter-spacing:-.03em}.hero-copy h1{margin:0;font-size:clamp(46px,5.2vw,60px);line-height:1.04}.hero-copy h1 span{display:inline-block;opacity:0;transform:translateY(-6px);transition:opacity .42s ease,transform .42s ease}.hero-copy h1 span.is-visible{opacity:1;transform:translateY(0)}.hero-copy h1 em{color:var(--accent);font-style:normal}.hero-copy>p{max-width:640px;margin:22px auto 0;color:var(--muted);font-size:19px;line-height:1.6}.hero-copy>p strong{color:var(--body)}.mode-switch{width:fit-content;display:flex;margin:34px auto 26px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.mode-switch button{min-height:38px;padding:8px 20px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer;transition:color .16s ease,background .16s ease}.mode-switch button.is-active{background:var(--accent);color:var(--paper)}.explainer-card{max-width:760px;margin:0 auto;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface-2);box-shadow:0 30px 60px -34px #000000b3}.explainer-heading,.simulator-header,.simulator-footer,.tune-heading,.progress-control{display:flex;align-items:center;justify-content:space-between;gap:16px}.explainer-heading{align-items:flex-start;margin-bottom:20px}.explainer-heading h2{margin:0;font-size:19px;line-height:1.2}.explainer-heading p,.simulator-header p{margin:4px 0 0;color:var(--muted-2);font-size:14px;line-height:1.4}.icon-button{flex:none;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:9px;background:var(--paper);color:var(--accent);cursor:pointer}.icon-button svg{width:17px;height:17px}.explainer-stage{overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:#08090b}.stage-bar{min-height:43px;display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06);color:#5a606b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.stage-bar>b{margin-left:auto;padding:4px 10px;border:1px solid rgba(255,159,122,.25);border-radius:20px;background:#ff9f7a1a;color:#ff9f7a;font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;font-weight:600}.window-dots{display:inline-flex;gap:6px}.window-dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.window-dots i:nth-child(2){background:#febc2e}.window-dots i:nth-child(3){background:#28c840}.stage-content{position:relative;min-height:326px;padding:22px 24px}.manual-steps{min-height:230px}.manual-step{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;color:#b7bcc6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;white-space:nowrap;transition:filter .12s linear}.manual-step>span{width:18px;flex:none;color:#5a606b;font-size:11px}.manual-step>strong{font-weight:400}.manual-step>small{margin-left:auto;padding:4px 10px;border:1px solid var(--line);border-radius:20px;color:#ffc777;background:#ffffff0a;font-size:12px}.manual-step>i{position:absolute;top:50%;left:29px;height:2px;width:calc(var(--step-progress) * 100%);max-width:calc(100% - 29px);border-radius:2px;background:var(--danger);transform:translateY(-50%)}.manual-step.is-board-step{min-height:54px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:#ffffff08;font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif}.manual-step.is-board-step>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#ffffff0d;color:#ffc777}.manual-step.is-board-step>strong{overflow:hidden;flex:1;color:var(--body);font-size:14px;font-weight:600;text-overflow:ellipsis}.manual-step.is-board-step>i{left:56px}.command-line{display:flex;align-items:center;min-height:26px;margin-top:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}.command-line>span{margin-right:9px;color:var(--accent)}.command-line code{color:var(--body)}.command-line i{width:8px;height:18px;margin-left:3px;background:var(--accent);animation:blink 1s steps(1) infinite}.explainer-outcome{display:flex;align-items:center;gap:14px;margin-top:18px;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s var(--ease-out)}.explainer-outcome.is-visible{opacity:1;transform:translateY(0)}.explainer-outcome strong{display:block;font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;font-size:18px}.explainer-outcome strong span{color:var(--accent)}.explainer-outcome small{display:block;margin-top:4px;color:var(--muted)}.stage-result{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--accent);font-size:13px;opacity:0;transform:translateY(8px);transition:opacity .22s ease,transform .22s var(--ease-out)}.stage-result.is-visible{opacity:1;transform:translateY(0)}.stage-result svg{width:18px;height:18px}.progress-control{margin-top:22px;gap:20px}.progress-control>div{flex:none;width:144px;display:flex;align-items:baseline;gap:7px}.progress-control strong{color:var(--accent);font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.progress-control span{color:var(--muted-2);font-size:13px;font-weight:500}.progress-control input{flex:1;height:28px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:ew-resize}.progress-control input::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--accent) 0 var(--progress),rgba(255,255,255,.09) var(--progress) 100%)}.progress-control input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-7px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--accent);border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000080}.explainer-foot{max-width:580px;margin:20px auto 0;color:var(--muted-2);font-size:14px;line-height:1.6;text-align:center}.explainer-foot strong{color:#b7bcc6}.build-section{padding-top:86px;padding-bottom:40px}.section-heading{max-width:700px;margin:0 auto 44px;text-align:center}.section-heading>span{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.section-heading h2{margin:14px 0 0;font-size:clamp(34px,4vw,42px);line-height:1.1;letter-spacing:-.02em}.section-heading p{max-width:580px;margin:20px auto 0;color:var(--muted);font-size:17px;line-height:1.6}.simulator-layout{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px}.template-directory{min-width:0}.directory-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--muted-2);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.directory-heading strong{min-width:24px;padding:3px 7px;border-radius:999px;background:#ffffff0d;color:var(--accent);text-align:center}.template-list{max-height:762px;overflow:auto;display:grid;gap:14px;padding:3px;scrollbar-color:rgba(198,242,78,.35) transparent}.template-list>button{width:100%;min-height:126px;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:var(--surface);color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.template-list>button:hover{border-color:var(--line-strong)}.template-list>button:disabled{cursor:default}.template-list>button.is-selected{border-color:#c6f24e73;background:var(--accent-soft);box-shadow:0 0 0 3px #c6f24e14}.template-list button>span:first-child{min-width:0;display:grid}.template-list button strong{font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;font-size:17px}.template-name{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.template-name b{flex:none;padding:3px 6px;border-radius:6px;background:#c6f24e1f;color:var(--accent);font-size:9px;letter-spacing:.02em;text-transform:uppercase}.template-list button small{margin-top:4px;color:#8a8f9a;font-size:13px;line-height:1.4}.template-list button em{margin-top:10px;color:var(--accent);font-size:11px;font-style:normal;font-weight:600}.template-check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--paper)}.template-check:empty{background:transparent}.template-check svg{width:13px;height:13px}.simulator-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 40px 80px -50px #000c}.simulator-header{align-items:flex-start;padding:24px 26px;border-bottom:1px solid var(--line)}.simulator-header h3{margin:0;font-size:22px;font-weight:600}.simulator-header>div:last-child{display:grid;justify-items:end}.simulator-header>div:last-child strong{color:var(--accent);font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.simulator-header>div:last-child span{margin-top:4px;color:var(--muted-2);font-size:11px}.simulator-body{padding:22px 26px}.configuration-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(275px,.85fr);gap:16px}.variant-panel,.estimate-panel{min-width:0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#08090b73}.tune-heading{margin-bottom:14px}.tune-heading>span{color:var(--muted-2);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.tune-heading small{color:#6a6f79;font-size:12px}.variant-list{max-height:298px;overflow:auto;display:grid;gap:8px;padding-right:3px;scrollbar-color:rgba(198,242,78,.35) transparent}.variant-list>button{min-width:0;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:inherit;text-align:left;cursor:pointer}.variant-list>button:hover{border-color:var(--line-strong)}.variant-list>button.is-selected{border-color:#c6f24e66;background:var(--accent-soft)}.variant-list>button:disabled{cursor:default}.variant-radio{width:22px;height:22px;display:grid;place-items:center;margin-top:1px;border:1px solid var(--line-strong);border-radius:50%;color:var(--paper)}.variant-list>button.is-selected .variant-radio{border-color:var(--accent);background:var(--accent)}.variant-radio svg{width:12px;height:12px}.variant-list button>span:last-child{min-width:0;display:grid}.variant-list button strong{font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;font-size:14px}.variant-list button small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.4}.variant-list button em{margin-top:7px;overflow:hidden;color:var(--accent);font-size:10px;font-style:normal;line-height:1.4;text-overflow:ellipsis}.tier-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--line-strong);border-radius:10px}.tier-selector button{min-height:42px;padding:7px 5px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-size:10px;font-weight:600;line-height:1.25;cursor:pointer}.tier-selector button:last-child{border-right:0}.tier-selector button.is-active{background:var(--accent);color:var(--paper)}.tier-selector button:disabled{cursor:default}.estimate-total{display:flex;align-items:baseline;gap:7px;margin:16px 0 4px}.estimate-total strong{color:var(--ink);font-family:Noto Kufi Arabic,Tahoma,Arial,sans-serif;font-size:30px;letter-spacing:-.04em}.estimate-total span{color:var(--muted);font-size:12px}.cost-list{display:grid;margin-top:14px;border-top:1px solid var(--line)}.cost-row{min-height:34px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;border-bottom:1px solid var(--line)}.cost-row>span{width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:#c6f24e14;color:var(--accent)}.cost-row svg{width:11px;height:11px}.cost-row small{overflow:hidden;color:var(--body);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.cost-row strong{color:var(--ink);font-size:11px}.fee-note,.estimate-note{margin:10px 0 0;color:var(--muted-2);font-size:10px;line-height:1.45}.fee-note{color:var(--body)}.services-block{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-grid>button{min-width:0;min-height:66px;display:grid;grid-template-columns:28px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;color:inherit;text-align:left;transition:border-color .16s ease,opacity .16s ease,background .16s ease}.service-grid>button.is-on{border:1px solid rgba(198,242,78,.22);background:var(--surface-3);cursor:pointer}.service-grid>button.is-off{border:1px dashed var(--line-strong);background:transparent;cursor:pointer;opacity:.5}.service-grid>button.is-provisioned{border-color:#c6f24e59}.service-grid>button:disabled{cursor:default}.service-glyph{width:28px;height:28px;display:grid;place-items:center;color:var(--accent)}.service-glyph svg{width:19px;height:19px}.service-grid button>span:nth-child(2){min-width:0;display:grid;gap:4px}.service-grid button strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.service-grid button code{overflow:hidden;color:var(--muted-2);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.service-grid button em{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#ffffff0d;color:var(--accent);font-size:15px;font-style:normal;font-weight:600}.service-grid button.is-provisioned em{border-radius:50%;background:var(--accent);color:var(--paper)}.service-grid button em svg{width:12px;height:12px}.build-terminal{height:150px;overflow:auto;display:grid;align-content:start;gap:2px;margin-top:20px;padding:15px 17px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#08090b}.build-terminal code{color:#8a8f9a;font-size:12.5px;line-height:1.85}.build-terminal code.is-command{color:var(--body)}.build-terminal code.is-success,.build-terminal code.is-complete{color:var(--accent)}.build-terminal code.is-complete{font-weight:600}.build-progress{height:6px;overflow:hidden;margin-top:12px;border-radius:3px;background:#ffffff14}.build-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8fbf2e,var(--accent));transition:width .5s cubic-bezier(.4,0,.2,1)}.final-command{display:grid;gap:12px;margin-top:18px;padding:18px;border:1px solid rgba(198,242,78,.24);border-radius:13px;background:#c6f24e0f}.final-command>div:first-child{display:grid;gap:3px}.final-command strong{color:var(--ink);font-size:14px}.final-command small{color:var(--muted);font-size:12px;line-height:1.6}.final-command-shell{min-width:0;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#08090b}.final-command-shell code{min-width:0;flex:1;overflow-x:auto;color:var(--body);font-size:12px;line-height:1.5;white-space:nowrap}.final-command-shell button{flex:none;min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:0;border-radius:8px;background:var(--accent);color:var(--paper);font-size:12px;font-weight:700;cursor:pointer}.final-command-shell button svg{width:14px;height:14px}.simulator-footer{min-height:82px;padding:17px 26px 22px;border-top:1px solid var(--line)}.simulator-footer>span{color:#8a8f9a;font-size:13px;line-height:1.5}.simulator-footer>div{flex:none;display:flex;gap:10px}.primary-action,.secondary-action{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.primary-action{border:0;background:var(--accent);color:var(--paper)}.primary-action:disabled{background:#ffffff14;color:var(--muted-2);cursor:default}.primary-action svg{width:15px;height:15px}.secondary-action{border:1px solid var(--line-strong);background:transparent;color:var(--body)}.closing-section{padding-top:40px;padding-bottom:96px;text-align:center}.closing-section h2{max-width:820px;margin:0 auto;font-size:clamp(32px,4vw,40px);line-height:1.12;letter-spacing:-.025em}.closing-section p{max-width:580px;margin:22px auto 30px;color:var(--muted);font-size:18px;line-height:1.6}.closing-section a{justify-content:center;font-size:15px}footer{border-top:1px solid var(--line)}footer>div{width:min(100%,1160px);min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto;padding:28px 44px}.footer-brand{color:var(--muted-2);font-size:13px}[dir=rtl] .docs-link svg,[dir=rtl] .primary-action svg,[dir=rtl] .closing-section a svg{transform:rotate(180deg)}[dir=rtl] .template-list>button,[dir=rtl] .variant-list>button,[dir=rtl] .service-grid>button{text-align:right}[dir=rtl] .template-list button em,[dir=rtl] .variant-list button em,[dir=rtl] .simulator-header p,[dir=rtl] .service-grid button code{direction:ltr;text-align:right;unicode-bidi:isolate}[dir=rtl] .terminal-window,[dir=rtl] .build-terminal,[dir=rtl] .technical-command,[dir=rtl] code{direction:ltr;text-align:left}[dir=rtl] .estimate-total strong,[dir=rtl] .cost-row strong{direction:ltr;unicode-bidi:isolate}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@media(max-width:900px){.simulator-layout{grid-template-columns:1fr}.template-list{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.site-header{min-height:68px;padding:18px 20px}.site-header nav{gap:16px}.site-header nav a:not(.docs-link){display:none}.explain-section,.build-section,.closing-section{padding-inline:20px}.explain-section{padding-top:34px}.hero-copy h1{font-size:clamp(38px,12vw,50px)}.hero-copy>p{font-size:16px}.mode-switch{width:100%}.mode-switch button{flex:1;padding-inline:10px}.explainer-card{padding:18px}.stage-content{min-height:340px;padding:18px}.manual-step{font-size:11px}.manual-step.is-board-step>strong{font-size:12px}.manual-step.is-board-step>small{padding-inline:7px;font-size:10px}.progress-control{align-items:stretch;flex-direction:column}.progress-control>div{width:100%}.build-section{padding-top:70px}.section-heading h2 br{display:none}.template-list,.service-grid,.configuration-grid{grid-template-columns:1fr}.template-list{max-height:620px}.variant-list{max-height:320px}.simulator-header,.simulator-footer{align-items:stretch;flex-direction:column}.simulator-header>div:last-child{justify-items:start}.simulator-footer>div,.primary-action,.secondary-action{width:100%}footer>div{align-items:flex-start;flex-direction:column;padding:24px 20px}footer nav{flex-wrap:wrap;gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}