.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--bg:#0a0a0b;--bg-surface:#111113;--bg-card:#161618;--bg-hover:#1c1c20;--bg-elevated:#1e1e22;--text:#e0e0e6;--text-muted:#8b8b9e;--text-heading:#f0f0f5;--primary:#58a6ff;--primary-dim:#58a6ff1f;--green:#3fb950;--green-dim:#3fb9501f;--red:#f85149;--yellow:#d29922;--cyan:#58a6ff;--purple:#bc8cff;--orange:#f0883e;--border:#27272a;--border-light:#333338;--font-sans:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:var(--font-jetbrains),"SF Mono","Fira Code","Cascadia Code",monospace;--radius:12px;--radius-sm:8px;--shadow:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-lg:0 10px 40px #0006;--gradient:#f5a623}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{color:#f5a623}.hero,.stats,.pain-points,.features,.how-it-works,.services,.faq,.contact,.newsletter,.footer{contain:layout style paint}.pain-points,.features,.services,.faq,.contact,.newsletter{content-visibility:auto;contain-intrinsic-size:auto 600px}.section-header{text-align:center;margin-bottom:40px}.section-badge{background:var(--primary-dim);color:var(--primary);letter-spacing:.02em;border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-block}.section-title{color:var(--text-heading);margin-bottom:16px;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.2}.section-desc{color:var(--text-muted);max-width:560px;margin:0 auto;font-size:17px;line-height:1.7}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);will-change:transform;background:#0a0a0bcc;border-bottom:1px solid #0000;transition:border-color .3s;position:fixed;top:0;left:0;right:0}@media (max-width:768px){.nav{-webkit-backdrop-filter:none;background:#0a0a0bf5}}.nav.scrolled{border-bottom-color:var(--border)}.nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-logo{color:#f5a623;align-items:center;gap:8px;display:flex}.nav-logo-icon{color:#f5a623}.nav-logo-text{font-family:var(--font-mono);letter-spacing:-.02em;flex-direction:column;font-size:24px;font-weight:800;line-height:1;display:flex}.nav-logo-tagline{font-family:var(--font-sans);color:#fff;letter-spacing:.02em;margin-top:2px;font-size:10px;font-weight:400;display:block}.nav-links{gap:32px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:var(--text-muted);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text-heading)}.nav-actions{align-items:center;gap:12px;display:flex}.locale-selector{position:relative}.locale-toggle{border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;transition:border-color .2s;display:inline-flex}.locale-toggle:hover{border-color:var(--border-light)}.locale-chevron{transition:transform .2s}.locale-chevron.open{transform:rotate(180deg)}.locale-dropdown{background:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:8px;min-width:64px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 12px #0000004d}.locale-option{width:100%;color:var(--text-muted);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.8rem;transition:background .15s,color .15s;display:block}.locale-option:hover{color:var(--text);background:#ffffff0f}.locale-option.active{color:var(--primary);font-weight:600}.github-star-btn{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:600;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.github-star-btn:hover{color:#e3b341;background:#e3b34114;border-color:#e3b341}.github-star-btn:hover svg{fill:#e3b341}.star-count{border-left:1px solid var(--border);color:var(--text-heading);margin-left:2px;padding-left:6px;font-weight:700}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}.nav-toggle span{background:var(--text);border-radius:1px;width:20px;height:2px;transition:all .2s}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:opacity .2s,background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn-sm{padding:6px 16px;font-size:13px}.btn-lg{padding:12px 28px;font-size:15px}.btn-block{width:100%}.btn-primary{background:var(--primary);color:#000;border-color:var(--primary)}.btn-primary:hover{opacity:.9;box-shadow:0 0 20px #58a6ff4d}.btn-outline{color:var(--text);border-color:var(--border-light);background:0 0}.btn-outline:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text-heading);background:var(--bg-hover)}.hero{text-align:center;padding:100px 0 48px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#58a6ff14 0%,#0000 70%);width:800px;height:800px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-badge{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:24px;margin-bottom:24px;padding:6px 18px;font-size:13px;font-weight:500;display:inline-block}.hero-title{color:var(--text-heading);margin-bottom:20px;font-size:clamp(24px,3vw,36px);font-weight:800;line-height:1.1}.hero-title .gradient-text{margin-top:8px;font-size:clamp(40px,6vw,60px);display:block}.hero-desc{color:var(--text-muted);max-width:600px;margin:0 auto 36px;font-size:18px;line-height:1.7}.hero-split{text-align:left;grid-template-columns:1fr 1fr;align-items:start;gap:40px;max-width:900px;margin:0 auto 36px;display:grid}.hero-split .hero-desc{text-align:left;margin:0}.hero-stack-list{color:var(--text-muted);flex-direction:column;gap:8px;font-size:14px;list-style:none;display:flex}.hero-stack-list li{align-items:center;gap:8px;display:flex}.stack-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stack-dot.green{background:#3fb950}.stack-dot.blue{background:#58a6ff}.stack-dot.purple{background:#bc8cff}.stack-dot.orange{background:#f0883e}.stack-dot.cyan{background:#39d2c0}.stack-dot.yellow{background:#d29922}.stack-dot.red{background:#f85149}.stack-more{color:var(--text-muted);opacity:.6;padding-left:16px;font-style:italic}.hero-actions{justify-content:center;gap:12px;margin-bottom:60px;display:flex}.hero-terminal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);max-width:680px;height:360px;box-shadow:var(--shadow-lg);text-align:left;margin:0 auto;position:relative;overflow:hidden}.hero-terminal:after{content:"";opacity:.5;pointer-events:none;background:url(/images/brewnet-coffee.svg) 100% 100%/contain no-repeat;width:70%;height:78%;position:absolute;bottom:0;right:0}.terminal-bar{z-index:1;background:var(--bg-card);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 16px;display:flex;position:relative}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#f85149}.dot.yellow{background:#d29922}.dot.green{background:#3fb950}.terminal-title{color:var(--text-muted);font-family:var(--font-mono);margin-left:8px;font-size:12px}.terminal-body{z-index:1;font-family:var(--font-mono);padding:20px 24px;font-size:14px;position:relative}.term-line{align-items:center;gap:8px;margin-bottom:12px;display:flex}.term-prompt{color:var(--green);font-weight:600}.term-cmd{color:var(--text-heading)}.term-cursor{color:var(--primary);animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.term-output{color:var(--text-muted);line-height:1.7}.term-output .out-green{color:var(--green)}.term-output .out-cyan{color:var(--cyan)}.term-output .out-yellow{color:var(--yellow)}.term-output .out-purple{color:var(--purple)}.term-output .out-bold{color:var(--text-heading);font-weight:600}.term-output .out-muted{color:var(--text-muted)}.stats{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 0}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.stat-value{color:var(--text-heading);font-size:32px;font-weight:800;display:block}.stat-label{color:var(--text-muted);margin-top:4px;font-size:14px;display:block}.features{padding:56px 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.feature-icon{background:color-mix(in srgb,var(--accent)12%,transparent);width:44px;height:44px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.feature-card h3{color:var(--text-heading);margin-bottom:8px;font-size:17px;font-weight:700}.feature-card h3 .pro-badge{color:#fff;vertical-align:middle;letter-spacing:.03em;background:linear-gradient(135deg,#f0883e,#f85149);border-radius:10px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.feature-card-pro{border-color:#f851494d}.feature-card p{color:var(--text-muted);font-size:14px;line-height:1.6}.how-it-works{background:var(--bg-surface);padding:56px 0}.steps-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px;display:grid}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;position:relative}.step-number{color:var(--border-light);font-size:48px;font-weight:800;line-height:1;font-family:var(--font-mono);margin-bottom:16px}.step-content h3{color:var(--text-heading);margin-bottom:8px;font-size:18px;font-weight:700}.step-content p{color:var(--text-muted);margin-bottom:16px;font-size:14px;line-height:1.6}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--primary);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:14px;display:flex;overflow-x:auto}.code-block code{white-space:nowrap;min-width:0}.steps-grid .code-block{min-width:0}.steps-grid .code-block code{white-space:pre-wrap;word-break:break-all}.install-methods-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;display:grid}.install-methods-grid .step-card{min-width:0;overflow:hidden}.install-methods-grid .code-block{min-width:0}.install-methods-grid .code-block code{white-space:pre-wrap;word-break:break-all}.step-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.copy-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:color .2s}.copy-btn:hover{color:var(--text-heading)}.commands-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.commands-title{color:var(--text-heading);text-align:center;margin-bottom:20px;font-size:18px;font-weight:700}.commands-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.command-item{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);flex-direction:column;gap:4px;padding:12px 16px;display:flex}.command-item code{font-family:var(--font-mono);color:var(--primary);font-size:13px;font-weight:500}.command-item span{color:var(--text-muted);font-size:12px}.services{padding:56px 0}.services-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.service-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:16px;padding:20px 24px;transition:border-color .2s;display:flex}.service-item:hover{border-color:var(--border-light)}.service-icon{width:48px;height:48px;font-family:var(--font-mono);letter-spacing:.05em;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.service-icon.web{color:#58a6ff;background:#58a6ff1f}.service-icon.db{color:#3fb950;background:#3fb9501f}.service-icon.file{color:#f0883e;background:#f0883e1f}.service-icon.media{color:#bc8cff;background:#bc8cff1f}.service-icon.git{color:#f85149;background:#f851491f}.service-icon.ssh{color:#d29922;background:#d299221f}.service-icon.mail{color:#58a6ff;background:#58a6ff1f}.service-icon.ssl{color:#3fb950;background:#3fb9501f}.service-icon.runtime{color:#bc8cff;background:#bc8cff1f}.service-icon.cache{color:#d29922;background:#d299221f}.service-icon.fb{color:#f0883e;background:#f0883e1f}.service-info h4{color:var(--text-heading);margin-bottom:2px;font-size:15px;font-weight:600}.service-info p{color:var(--text-muted);font-size:13px}.catalog-table{overflow-x:auto}.catalog-table table{border-collapse:collapse;width:100%;font-size:13px}.catalog-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;font-size:12px;font-weight:600}.catalog-table td{border-bottom:1px solid var(--border);color:var(--text);padding:8px 12px}.catalog-table code{font-family:var(--font-mono);color:var(--primary);font-size:12px}.pricing{background:var(--bg-surface);padding:56px 0}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;position:relative}.pricing-card.featured{border-color:var(--primary);box-shadow:0 0 30px #58a6ff1a}.pricing-badge{background:var(--primary);color:#000;white-space:nowrap;border-radius:12px;padding:4px 16px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-header{text-align:center;border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:24px}.pricing-name{color:var(--text-heading);margin-bottom:8px;font-size:20px;font-weight:700}.pricing-price{justify-content:center;align-items:baseline;gap:4px;margin-bottom:8px;display:flex}.price-amount{color:var(--text-heading);font-size:44px;font-weight:800;line-height:1}.price-period{color:var(--text-muted);font-size:15px}.pricing-desc{color:var(--text-muted);font-size:14px}.pricing-features{margin-bottom:28px;list-style:none}.pricing-features li{color:var(--text);align-items:center;gap:10px;padding:6px 0;font-size:14px;display:flex}.pricing-features .check{color:var(--green);text-align:center;flex-shrink:0;width:18px;font-size:14px}.pricing-features .check.star{color:var(--primary)}.contact{padding:56px 0}.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px}.contact-grid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:700px;margin:0 auto;display:grid}.contact-item{border-radius:var(--radius-sm);border:1px solid #f5a623;align-items:flex-start;gap:16px;padding:20px;transition:border-color .3s,background .3s;display:flex}.contact-item:hover{border-color:var(--primary);background:var(--bg-hover)}.contact-item svg{color:var(--primary);flex-shrink:0;margin-top:2px}.contact-item h4{color:var(--text-heading);margin-bottom:2px;font-size:15px;font-weight:600}.contact-item p{color:var(--text-muted);font-size:13px}.contact-form{max-width:700px;margin:0 auto}.contact-form .form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form .form-full{grid-column:1/-1}.contact-form textarea{resize:none}.contact-form input,.contact-form select,.contact-form textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--text);outline:none;padding:10px 16px;font-size:14px;transition:border-color .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--primary)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.contact-form .form-submit{margin-top:16px}.contact-form .form-submit .btn{padding:14px 28px}.contact-form .form-message{text-align:center;color:var(--text);padding:24px;font-size:15px}.contact-form .form-error{color:var(--red);text-align:center;opacity:0;max-height:0;margin:0;font-size:13px;transition:max-height .3s,opacity .3s,margin .3s;overflow:hidden}.contact-form .form-error-visible{opacity:1;max-height:60px;margin-top:8px}.toast{background:var(--bg-elevated);border:1px solid var(--green);color:var(--text);border-radius:var(--radius);z-index:200;opacity:0;pointer-events:none;align-items:center;gap:10px;padding:16px 32px;font-size:15px;font-weight:500;transition:opacity .3s,transform .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.95);box-shadow:0 16px 48px #00000080}.toast svg{color:var(--green);flex-shrink:0}.toast-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.footer{border-top:1px solid var(--border);padding:20px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-brand{font-family:var(--font-mono);color:var(--text-heading);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.footer-logo-text{font-family:var(--font-mono);color:#f5a623;letter-spacing:-.02em;align-items:center;gap:6px;font-size:16px;font-weight:800;display:flex}.footer-copy{font-family:var(--font-sans);color:var(--text-muted);margin-left:12px;font-size:13px;font-weight:400}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:13px;transition:color .2s}.footer-links a:hover{color:var(--text-heading)}.wizard-steps{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;display:grid}.wizard-step{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);gap:12px;padding:16px;display:flex}.wizard-step-num{font-family:var(--font-mono);color:var(--primary);flex-shrink:0;width:28px;font-size:13px;font-weight:700}.wizard-step-title{color:var(--text-heading);font-size:14px;font-weight:600}.wizard-step-desc{color:var(--text-muted);margin-top:2px;font-size:12px}.pain-points{background:var(--bg-surface);padding:56px 0}.pain-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.pain-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:28px}.pain-icon{width:48px;height:48px;color:var(--red);background:#f851491f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.pain-card h3{color:var(--text-heading);margin-bottom:8px;font-size:17px;font-weight:700}.pain-card p{color:var(--text-muted);font-size:14px;line-height:1.6}.faq{background:var(--bg-surface);padding:56px 0}.faq-columns{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.faq-column-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px;padding-left:4px;font-size:15px;font-weight:600}.faq-list{flex-direction:column;gap:10px;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:var(--border-light)}.faq-toggle{width:100%;color:var(--text-heading);font-family:var(--font-sans);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.faq-toggle:hover{color:var(--primary)}.faq-toggle svg{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.faq-item.open .faq-toggle svg{transform:rotate(45deg)}.faq-answer{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid;overflow:hidden}.faq-answer>*{min-height:0;overflow:hidden}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer-content{color:var(--text-muted);padding:0 20px;font-size:13px;line-height:1.7}.faq-item.open .faq-answer-content{padding-bottom:16px}.faq-answer-content p{margin-bottom:10px}.faq-answer-content p:last-child{margin-bottom:0}.faq-answer-content ul{margin-bottom:10px;padding-left:20px}.faq-answer-content li{margin-bottom:4px}.faq-answer-content strong{color:var(--text-heading)}.faq-pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text);white-space:pre;margin-bottom:10px;padding:14px 16px;font-size:12px;line-height:1.8;overflow-x:auto}.faq-inline{background:var(--bg);border:1px solid var(--border);font-family:var(--font-mono);color:var(--primary);border-radius:4px;padding:1px 6px;font-size:12px}.faq-answer-content a{color:var(--primary);text-underline-offset:2px;text-decoration:underline}.faq-answer-content a:hover{color:var(--primary-light,var(--primary))}.faq-warning{border-radius:0 var(--radius-sm)var(--radius-sm)0;background:#ffb40014;border-left:3px solid #ffb40080;padding:8px 12px;font-size:12px}.faq-troubleshooting,.faq-error-codes{margin-top:32px}.faq-table-wrapper{overflow-x:auto}.faq-table{border-collapse:collapse;width:100%;font-size:13px}.faq-table th,.faq-table td{text-align:left;border:1px solid var(--border);padding:10px 16px}.faq-table th{background:var(--bg);color:var(--text-heading);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.faq-table td{color:var(--text-muted)}.faq-table tr:hover td{background:var(--bg-card)}@media (max-width:768px){.faq-columns{grid-template-columns:1fr}.faq-table th,.faq-table td{padding:8px 10px;font-size:12px}}.newsletter{padding:0 0 24px}.newsletter-title{white-space:nowrap;text-align:center;font-size:clamp(24px,4vw,32px)}.newsletter-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:40px 32px;position:relative;overflow:hidden}.newsletter-content{max-width:720px;margin:0 auto}.newsletter-form{margin-top:32px}.newsletter-input-group{gap:8px;display:flex}.newsletter-input-group input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text);outline:none;flex:1;padding:12px 16px;font-size:15px;transition:border-color .2s}.newsletter-input-group input:focus{border-color:var(--primary)}.newsletter-input-group input::placeholder{color:var(--text-muted)}.newsletter-input-group .btn{white-space:nowrap;flex-shrink:0;padding:12px 24px}.newsletter-form .form-error{color:var(--red);text-align:center;opacity:0;max-height:0;margin:0;font-size:13px;transition:max-height .3s,opacity .3s,margin .3s;overflow:hidden}.newsletter-form .form-error-visible{opacity:1;max-height:60px;margin-top:8px}.newsletter-note{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:13px;display:flex}.newsletter-note svg{opacity:.6;flex-shrink:0}.final-cta{text-align:center;padding:56px 0;position:relative;overflow:hidden}.final-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#58a6ff0f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.final-cta h2{color:var(--text-heading);margin-bottom:16px;font-size:clamp(28px,5vw,42px);font-weight:800}.final-cta .section-desc{margin-bottom:32px}.final-cta-actions{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.final-cta-note{color:var(--text-muted);font-size:13px}[id]{scroll-margin-top:80px}@media (max-width:1024px){.features-grid,.pricing-grid,.services-grid,.pain-grid,.commands-grid,.wizard-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 16px}.nav-links{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-direction:column;gap:12px;padding:16px 24px;display:none;position:absolute;top:64px;left:0;right:0}.nav-links.open{display:flex}.nav-links a{padding:8px 0;font-size:16px}.nav-toggle{padding:8px;display:flex}.btn-sm.btn-outline,.github-star-btn{display:none}.nav-logo-icon{width:36px;height:36px}.nav-logo-text{font-size:20px}.nav-logo-tagline{display:none}.features,.how-it-works,.services,.pain-points,.contact,.faq{padding:40px 0}.section-header{margin-bottom:28px}.section-desc{font-size:15px}.hero{padding:80px 0 32px}.hero:before{display:none}.hero-title{margin-bottom:16px}.hero-desc{margin-bottom:24px;font-size:15px}.hero-split{text-align:center;grid-template-columns:1fr;gap:24px}.hero-split .hero-desc{text-align:center}.hero-stack-list{margin:0 auto;font-size:13px}.hero-actions{flex-direction:column;align-items:center;margin-bottom:32px}.hero-terminal{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:0}.hero-terminal:after{display:none}.terminal-body{padding:16px;font-size:13px}.feature-card{transition:none}.feature-card:hover{transform:none}.service-item,.contact-item{transition:none}.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}.features-grid,.steps-grid,.services-grid,.pricing-grid,.pain-grid{grid-template-columns:1fr}.feature-card,.pain-card{padding:20px}.step-card{padding:24px 20px}.commands-section{padding:20px}.install-methods-grid{grid-template-columns:repeat(2,1fr);gap:12px}.code-block{padding:10px 12px;font-size:12px}.service-item{gap:12px;padding:16px}.service-icon{width:40px;height:40px;font-size:10px}.faq-toggle{padding:14px 16px;font-size:13px}.faq-answer-content{padding:0 16px 14px;font-size:12px}.contact-grid{grid-template-columns:1fr}.contact-card{padding:24px 16px}.contact-form .form-grid{grid-template-columns:1fr}.newsletter-card{padding:24px 16px}.newsletter-title{white-space:normal;font-size:clamp(20px,5vw,28px)}.newsletter-input-group{flex-direction:column}.newsletter-content{max-width:100%}.commands-grid{grid-template-columns:1fr}.commands-title{font-size:16px}.wizard-steps{grid-template-columns:1fr}.final-cta-actions{flex-direction:column;align-items:center}.footer-inner{text-align:center;flex-direction:column;gap:16px}.footer-brand{flex-direction:column;gap:4px}.footer-copy{margin-left:0}.footer-links{flex-wrap:wrap;justify-content:center;gap:12px 20px}}@media (max-width:480px){.container{padding:0 12px}.hero-title{font-size:28px}.hero-title .gradient-text{font-size:clamp(32px,8vw,48px)}.section-title{font-size:22px}.stat-value{font-size:24px}.stat-label{font-size:12px}.stats-grid{gap:12px}.hero-actions .btn-lg{width:100%;padding:14px 20px}.newsletter-title{font-size:20px}.toast{padding:12px 20px;font-size:14px}}