@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,900;1,9..40,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--surface: #131313;--surface-2: #1c1c1e;--border: rgba(255, 255, 255, .08);--border-hover: rgba(103, 58, 228, .4);--text: #fff;--text-dim: rgba(255, 255, 255, .45);--text-muted: rgba(255, 255, 255, .22);--accent: #673ae4;--accent-light: #8b5cf6;--accent-glow: rgba(103, 58, 228, .12);--green: #4bff91;--red: #ff5f57;--yellow: #ffbd2e;--font-mono: "Menlo", "Monaco", "Consolas", monospace;--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 10px;--radius-lg: 14px;--max: 1120px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono);font-size:.85em;color:var(--accent-light);background:#673ae41f;padding:2px 6px;border-radius:4px}nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,4vw,3rem);height:60px;border-bottom:1px solid var(--border);background:#080808b8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.logo-link{display:flex;align-items:center;gap:8px;text-decoration:none}.logo-img{width:26px;height:26px;border-radius:5px;object-fit:cover}.logo{font-family:var(--font-sans);font-size:26px;font-weight:600;letter-spacing:-.04em;color:#fff;line-height:1}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-cta{font-size:.84rem;font-weight:600;color:#fff;background:var(--accent);border:1px solid transparent;padding:7px 16px;border-radius:8px;transition:background .2s,box-shadow .2s;letter-spacing:-.01em}.nav-cta:hover{background:var(--accent-light);box-shadow:0 0 24px #673ae466}.github-link{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:#fff;border:1px solid var(--border);border-radius:8px;background:#ffffff0a;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}.github-link:hover{color:var(--accent-light);background:var(--accent-glow);border-color:var(--border-hover);box-shadow:0 0 24px #673ae43d}.github-link svg{width:20px;height:20px;fill:currentColor}.section-inner{max-width:var(--max);margin:0 auto;padding:clamp(60px,10vw,110px) clamp(1.25rem,4vw,3rem)}.section-eyebrow{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em;margin-bottom:.75rem}h2{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:clamp(2rem,4vw,3.5rem)}.hero{border-bottom:1px solid var(--border);background:radial-gradient(ellipse 60% 55% at 15% 60%,rgba(103,58,228,.07) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 85% 20%,rgba(139,92,246,.04) 0%,transparent 65%)}.hero-inner{max-width:var(--max);margin:0 auto;padding:clamp(80px,13vw,150px) clamp(1.25rem,4vw,3rem) clamp(60px,10vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}.hero-left,.hero-right{min-width:0}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.73rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.16em;margin-bottom:1.6rem}h1{font-size:clamp(2.6rem,7.5vw,5rem);font-weight:800;letter-spacing:-.04em;line-height:1.03;margin-bottom:1.5rem;background:linear-gradient(145deg,#fff 55%,#8b5cf6bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sub{font-size:clamp(.95rem,1.6vw,1.1rem);color:var(--text-dim);max-width:510px;margin-bottom:clamp(1.5rem,3vw,2.5rem);line-height:1.72;font-weight:400}.hero-cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:clamp(2rem,5vw,3.5rem)}.btn-primary{background:var(--accent);color:#fff;font-weight:600;font-size:.9rem;padding:11px 24px;border-radius:8px;transition:background .2s,box-shadow .2s;letter-spacing:-.01em}.btn-primary:hover{background:var(--accent-light);box-shadow:0 0 24px #673ae466}.btn-ghost{border:1px solid var(--border);color:var(--text-dim);font-size:.9rem;font-weight:500;padding:11px 24px;border-radius:8px;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:#fff3;color:var(--text)}.terminal{background:#0c0c0e;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;max-width:min(580px,100%)}.terminal-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--border);background:#ffffff05}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:var(--red)}.dot.yellow{background:var(--yellow)}.dot.green{background:var(--green)}.terminal-body{padding:22px;font-family:var(--font-mono);font-size:.82rem;line-height:1.9;white-space:pre;overflow-x:auto}.prompt{color:var(--text-muted)}.cmd{color:var(--text)}.step{color:var(--green)}.dim{color:var(--text-muted)}.success{color:var(--accent-light)}.terminal-filename{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);margin-left:10px;flex:1;text-align:center;letter-spacing:.02em}.wizard-terminal{background:#0c0c0e;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;height:540px;box-shadow:0 0 40px #673ae40f,0 8px 32px #00000080}.wizard-body{flex:1;overflow-y:auto;padding:16px 18px;font-family:var(--font-mono);font-size:.75rem;line-height:1.7;scrollbar-width:none}.wizard-body::-webkit-scrollbar{display:none}.wiz-line{white-space:pre;display:block}.wiz-pipe{color:var(--text-muted)}.wiz-diamond{color:var(--accent-light)}.wiz-q-text{color:#ffffffb8}.wiz-answer,.wiz-typing{color:var(--green)}.wiz-prompt-char{color:var(--text-muted)}.wiz-cmd-text{color:#ffffff61}.wiz-title-text{color:var(--accent-light);font-weight:600}.wiz-done-text{color:var(--accent-light)}.wiz-sum-key{color:var(--text-muted)}.wiz-sum-val{color:#ffffff7a}.wiz-opt-marker{color:var(--accent-light);display:inline-block;width:1ch}.wiz-opt-label{color:var(--text-muted)}.wiz-opt-label.focused{color:var(--text)}.wiz-spin{color:var(--accent-light)}.wiz-log-pending{color:var(--text-muted)}.wiz-check{color:var(--green)}.wiz-log-done{color:#ffffff85}.wiz-deploy-url{color:var(--accent-light);font-weight:600}.wiz-cursor{display:inline-block;width:6px;height:11px;background:var(--accent-light);vertical-align:text-bottom;border-radius:1px;animation:icon-blink .75s step-end infinite}.features{border-bottom:1px solid var(--border)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.875rem,1.5vw,1.5rem)}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.25rem,2.5vw,1.75rem);transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 40% 0%,rgba(103,58,228,.06) 0%,transparent 65%);opacity:0;transition:opacity .35s;pointer-events:none}.feature-card:hover{border-color:var(--border-hover);box-shadow:0 0 32px #673ae414,0 1px 3px #0006}.feature-card:hover:before{opacity:1}.feature-icon{width:44px;height:44px;margin-bottom:1.1rem;color:var(--accent-light);position:relative}.feature-icon svg{width:100%;height:100%;overflow:visible}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes icon-pulse-opacity{0%,to{opacity:.9}50%{opacity:.25}}@keyframes icon-rotate-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes icon-rotate-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes icon-dash-march{to{stroke-dashoffset:-24}}@keyframes icon-flow-dot{0%{transform:translate(-10px);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(10px);opacity:0}}@keyframes icon-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes icon-line-in{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes icon-alert-shake{0%,to{transform:scale(1) rotate(0)}15%{transform:scale(1.1) rotate(-3deg)}30%{transform:scale(1.05) rotate(3deg)}45%{transform:scale(1.08) rotate(-1deg)}60%{transform:scale(1) rotate(0)}}@keyframes icon-glow-pulse{0%,to{filter:drop-shadow(0 0 0px rgba(139,92,246,0))}50%{filter:drop-shadow(0 0 7px rgba(139,92,246,.65))}}.cloud-body{animation:icon-float 3.2s ease-in-out infinite;transform-origin:center}.cloud-node{animation:icon-pulse-opacity 1.6s ease-in-out infinite}.cloud-node:nth-child(2){animation-delay:.53s}.cloud-node:nth-child(3){animation-delay:1.07s}.docker-outer{stroke-dasharray:8 4;animation:icon-dash-march 1.4s linear infinite}.docker-inner{animation:icon-pulse-opacity 2s ease-in-out infinite}.docker-dot{animation:icon-pulse-opacity 1.8s ease-in-out infinite}.docker-dot:nth-child(3){animation-delay:.3s}.docker-dot:nth-child(4){animation-delay:.6s}.docker-dot:nth-child(5){animation-delay:.9s}.config-line{transform-origin:left center;animation:icon-line-in .5s ease-out both}.config-line:nth-child(1){animation-delay:.05s}.config-line:nth-child(2){animation-delay:.35s}.config-line:nth-child(3){animation-delay:.65s}.config-line:nth-child(4){animation-delay:.95s}.pipeline-track{opacity:.2}.pipeline-dot{animation:icon-flow-dot 2s ease-in-out infinite}.pipeline-dot:nth-child(3){animation-delay:.5s}.pipeline-dot:nth-child(4){animation-delay:1s}.pipeline-dot:nth-child(5){animation-delay:1.5s}.alert-group{animation:icon-alert-shake 3s ease-in-out infinite,icon-glow-pulse 3s ease-in-out infinite;transform-origin:center bottom}.script-bracket{animation:icon-pulse-opacity 2.5s ease-in-out infinite}.script-bracket:nth-child(2){animation-delay:.8s}.script-line{stroke-dasharray:18;stroke-dashoffset:18;transform-origin:left center;animation:icon-dash-march 2.2s linear infinite}.script-line:nth-child(3){animation-delay:0s;stroke-dashoffset:16}.script-line:nth-child(4){animation-delay:.4s;stroke-dashoffset:12}.script-cursor{animation:icon-blink .9s step-end infinite}.feature-card h3{font-size:.95rem;font-weight:600;margin-bottom:.45rem;letter-spacing:-.01em;color:var(--text)}.feature-card p{font-size:.875rem;color:var(--text-dim);line-height:1.65}.how{border-bottom:1px solid var(--border)}.steps{display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,4rem)}.step-row{display:grid;grid-template-columns:60px 1fr;gap:clamp(1.25rem,3vw,2rem);align-items:start}.step-num{font-family:var(--font-mono);font-size:.73rem;color:var(--text-muted);padding-top:5px;letter-spacing:.06em}.step-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.45rem;letter-spacing:-.02em}.step-content p{color:var(--text-dim);font-size:.9rem;margin-bottom:1rem;max-width:480px;line-height:1.68}.code-block{background:#0c0c0e;border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;font-family:var(--font-mono);font-size:.82rem;line-height:1.85;white-space:pre;overflow-x:auto;color:#fff9}.install{border-bottom:1px solid var(--border)}.install-intro{font-size:.92rem;color:var(--text-dim);margin-top:-1.5rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);line-height:1.65}.install-steps{display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,2rem)}.install-label{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.12em}.code-copy-wrap{position:relative}.copy-btn{position:absolute;top:10px;right:10px;background:#ffffff0d;color:var(--text-dim);border:1px solid var(--border);border-radius:6px;padding:4px 12px;font-size:.72rem;font-family:var(--font-mono);cursor:pointer;transition:background .18s,color .18s,border-color .18s}.copy-btn:hover{background:var(--accent-glow);color:var(--accent-light);border-color:var(--border-hover)}.copy-btn.copied{color:var(--green)}footer{padding:clamp(2rem,5vw,4rem) clamp(1.25rem,4vw,3rem);text-align:center;border-top:1px solid var(--border)}.footer-img{display:block;width:clamp(72px,10vw,112px);height:clamp(72px,10vw,112px);margin:0 auto 1rem;object-fit:cover;border-radius:14px;box-shadow:0 18px 50px #00000057}.footer-logo{font-family:var(--font-sans);font-size:2rem;font-weight:700;letter-spacing:-.03em;color:#fff}.footer-sub{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}@media(max-width:1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.hero-inner{grid-template-columns:1fr}.wizard-terminal{height:380px}}@media(max-width:768px){h2{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.hero-cta{flex-direction:column;align-items:flex-start}.btn-primary,.btn-ghost{width:100%;text-align:center}}@media(max-width:600px){nav{padding:0 1rem}.logo{font-size:1.28rem}.nav-actions{gap:.5rem}.nav-cta{padding:7px 12px}.github-link{width:36px;height:36px}.feature-grid{grid-template-columns:1fr}.step-row{grid-template-columns:1fr;gap:.5rem}.step-num{display:none}.wizard-terminal{height:340px}}@media(min-width:1440px){:root{--max: 1240px}}@media(min-width:1800px){:root{--max: 1400px}body{font-size:17px}nav{height:68px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}