.nb-page{--nb-steel-blue: #4A6B7C;--nb-deep-gray: #2C3E50;--nb-ice-white: #E8ECED;--nb-frost-gray: #F5F7F8;--nb-muted-blue: #5A6C7D;--nb-soft-blue: #6B8CAE;--nb-brass-warm: #C89657;--nb-copper-red: #B85450;--nb-cold-green: #5C8A94;--nb-border-frost: #D1D8DD;--nb-shadow-cold: rgba(44, 62, 80, .18);--nb-glow-steel: rgba(74, 107, 124, .25)}.nb-page{width:100%;padding:1rem;box-sizing:border-box;overflow-x:hidden;background:linear-gradient(180deg,var(--nb-ice-white) 0%,var(--nb-frost-gray) 100%);position:relative}.nb-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 30%,rgba(74,107,124,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(107,140,174,.06) 0%,transparent 50%);pointer-events:none;z-index:0}@media(min-width:768px){.nb-page{padding:1.5rem}}.nb-generator-wrapper{display:flex;flex-direction:column;gap:1rem;max-width:100%;box-sizing:border-box;position:relative;z-index:1}@media(min-width:1024px){.nb-generator-wrapper{flex-direction:row;gap:1.5rem;height:calc(100vh - 140px)}}.nb-section{position:relative;padding:3rem 0;z-index:1}.nb-section-container{padding:0 1.5rem;position:relative}.nb-hero-section{padding:2.5rem 0;position:relative}.nb-hero-content{text-align:center;position:relative}.nb-hero-frame{position:relative;display:inline-block;padding:1.5rem 2.5rem}.nb-hero-frame:before,.nb-hero-frame:after{content:"";position:absolute;width:40px;height:40px;border:3px solid var(--nb-steel-blue)}.nb-hero-frame:before{top:0;left:0;border-right:none;border-bottom:none}.nb-hero-frame:after{bottom:0;right:0;border-left:none;border-top:none}.nb-hero-gear{position:absolute;width:24px;height:24px;opacity:.6}.nb-hero-gear--left{top:50%;left:-40px;transform:translateY(-50%);animation:nb-gear-rotate 12s linear infinite}.nb-hero-gear--right{top:50%;right:-40px;transform:translateY(-50%);animation:nb-gear-rotate 12s linear infinite reverse}.nb-hero-title{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;color:var(--nb-deep-gray);margin-bottom:0;line-height:1.3;letter-spacing:-.02em}.nb-hero-title .nb-highlight{background:linear-gradient(135deg,var(--nb-steel-blue) 0%,var(--nb-soft-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nb-hero-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem auto;max-width:600px}.nb-hero-divider:before,.nb-hero-divider:after{content:"";flex:1;height:2px;background:linear-gradient(to right,transparent,var(--nb-steel-blue),transparent)}.nb-hero-divider-icon{width:12px;height:12px;background:var(--nb-steel-blue);transform:rotate(45deg);position:relative}.nb-hero-divider-icon:before{content:"";position:absolute;inset:3px;background:var(--nb-ice-white)}.nb-styles-section{padding:2rem 0}.nb-styles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.nb-style-card{position:relative;background:#ffffffe6;border-radius:4px;overflow:hidden;border:2px solid var(--nb-border-frost);box-shadow:0 4px 16px var(--nb-shadow-cold);transition:all .3s cubic-bezier(.4,0,.2,1)}.nb-style-card:before,.nb-style-card:after{content:"";position:absolute;width:10px;height:10px;background:radial-gradient(circle,var(--nb-steel-blue) 40%,var(--nb-muted-blue) 60%,transparent 70%);border-radius:50%;z-index:10}.nb-style-card:before{top:8px;left:8px}.nb-style-card:after{top:8px;right:8px}.nb-style-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px var(--nb-glow-steel);border-color:var(--nb-steel-blue)}.nb-style-image-wrapper{position:relative;overflow:hidden;height:320px;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--nb-frost-gray) 0%,var(--nb-ice-white) 100%)}.nb-style-image{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.nb-style-card:hover .nb-style-image{transform:scale(1.05)}.nb-style-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(44,62,80,.8) 100%);opacity:0;transition:opacity .3s ease}.nb-style-card:hover .nb-style-overlay{opacity:1}.nb-style-content{padding:1rem 1.25rem;border-top:1px solid var(--nb-border-frost);background:linear-gradient(180deg,#fffffff2,#e8ecede6)}.nb-style-prompt{font-size:.875rem;color:var(--nb-muted-blue);font-weight:500;margin:0 0 .75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nb-style-gauge{display:flex;align-items:center;gap:.5rem}.nb-style-gauge-bar{flex:1;height:4px;background:var(--nb-border-frost);border-radius:2px;overflow:hidden}.nb-style-gauge-fill{height:100%;width:75%;background:linear-gradient(90deg,var(--nb-steel-blue),var(--nb-soft-blue));border-radius:2px;animation:nb-gauge-pulse 2s ease-in-out infinite}.nb-intro-section{padding:3rem 0}.nb-intro-box{position:relative;max-width:900px;margin:0 auto;padding:2rem;background:#ffffffd9;backdrop-filter:blur(12px);border:2px solid var(--nb-border-frost);border-radius:4px;box-shadow:0 4px 16px var(--nb-shadow-cold),inset 0 1px #fff9}.nb-intro-box:before{content:"";position:absolute;top:0;left:0;width:60px;height:60px;border-top:3px solid var(--nb-steel-blue);border-left:3px solid var(--nb-steel-blue)}.nb-intro-box:after{content:"";position:absolute;bottom:0;right:0;width:60px;height:60px;border-bottom:3px solid var(--nb-steel-blue);border-right:3px solid var(--nb-steel-blue)}.nb-intro-text{font-size:clamp(1rem,2vw,1.125rem);color:var(--nb-deep-gray);line-height:1.8;margin:0;text-align:center}.nb-section-header{text-align:center;margin-bottom:2rem;position:relative}.nb-section-title{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;color:var(--nb-deep-gray);margin:0 0 .75rem;display:inline-block;position:relative}.nb-section-title .nb-gradient-text{background:linear-gradient(135deg,var(--nb-steel-blue) 0%,var(--nb-soft-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nb-title-underline{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem}.nb-title-underline:before,.nb-title-underline:after{content:"";width:60px;height:2px;background:var(--nb-steel-blue)}.nb-title-underline-center{width:8px;height:8px;background:var(--nb-brass-warm);border-radius:50%;box-shadow:0 0 8px #c8965780}.nb-steps-section{padding:3rem 0;background:linear-gradient(180deg,transparent 0%,rgba(74,107,124,.03) 50%,transparent 100%)}.nb-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.nb-step-card{position:relative;padding:1.75rem;background:#ffffffe6;border:2px solid var(--nb-border-frost);border-radius:4px;transition:all .3s ease;overflow:hidden}.nb-step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--nb-steel-blue),var(--nb-soft-blue))}.nb-step-card:hover{border-color:var(--nb-steel-blue);box-shadow:0 8px 24px var(--nb-glow-steel);transform:translateY(-4px)}.nb-step-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.nb-step-number{width:48px;height:48px;background:linear-gradient(135deg,var(--nb-steel-blue) 0%,var(--nb-deep-gray) 100%);border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;box-shadow:0 4px 12px var(--nb-glow-steel);position:relative}.nb-step-number:after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.2);border-radius:2px}.nb-step-title{font-size:1.125rem;font-weight:600;color:var(--nb-deep-gray);margin:0}.nb-step-description{font-size:1rem;color:var(--nb-muted-blue);line-height:1.75;margin:0;padding-left:64px}.nb-features-section{padding:3rem 0}.nb-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.nb-feature-card{position:relative;padding:1.75rem;background:#ffffffd9;backdrop-filter:blur(8px);border:1px solid var(--nb-border-frost);border-radius:4px;box-shadow:0 4px 16px var(--nb-shadow-cold);transition:all .3s ease;overflow:hidden}.nb-feature-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--nb-steel-blue),var(--nb-soft-blue))}.nb-feature-card:hover{border-color:var(--nb-steel-blue);box-shadow:0 8px 32px var(--nb-glow-steel),0 0 0 1px #4a6b7c1a;transform:translateY(-4px)}.nb-feature-icon{width:40px;height:40px;background:linear-gradient(135deg,#4a6b7c1a,#6b8cae26);border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.25rem}.nb-feature-title{font-size:1.125rem;font-weight:600;color:var(--nb-deep-gray);margin:0 0 .75rem}.nb-feature-description{font-size:1rem;color:var(--nb-muted-blue);line-height:1.75;margin:0}.nb-nodownload-section{padding:3rem 0}.nb-nodownload-box{position:relative;max-width:900px;margin:0 auto;padding:2rem;background:#ffffffe6;border:2px solid var(--nb-border-frost);border-radius:4px;box-shadow:0 4px 20px var(--nb-shadow-cold)}.nb-bolt{position:absolute;width:14px;height:14px;background:linear-gradient(135deg,var(--nb-steel-blue),var(--nb-muted-blue));border-radius:50%;box-shadow:inset 0 1px 2px #fff6,0 2px 4px #0003}.nb-bolt:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--nb-deep-gray);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.nb-bolt--tl{top:12px;left:12px}.nb-bolt--tr{top:12px;right:12px}.nb-bolt--bl{bottom:12px;left:12px}.nb-bolt--br{bottom:12px;right:12px}.nb-nodownload-content{display:flex;flex-direction:column;gap:1.5rem}.nb-nodownload-text{font-size:1rem;color:var(--nb-deep-gray);line-height:1.8;margin:0}.nb-pipe-divider{display:flex;align-items:center;gap:1rem;padding:.5rem 0}.nb-pipe-line{flex:1;height:6px;background:linear-gradient(180deg,var(--nb-border-frost),var(--nb-ice-white),var(--nb-border-frost));border-radius:3px;position:relative}.nb-pipe-line:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:2px;background:var(--nb-steel-blue);opacity:.3}.nb-pipe-joint{width:20px;height:20px;background:linear-gradient(135deg,var(--nb-steel-blue),var(--nb-muted-blue));border-radius:50%;position:relative}.nb-pipe-joint:before{content:"";position:absolute;inset:4px;background:var(--nb-frost-gray);border-radius:50%}.nb-testimonials-section{padding:3rem 0;background:linear-gradient(180deg,rgba(74,107,124,.02) 0%,transparent 100%)}.nb-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.nb-testimonial-card{position:relative;padding:1.75rem;background:#ffffffe6;border:1px solid var(--nb-border-frost);border-radius:4px;box-shadow:0 4px 16px var(--nb-shadow-cold);transition:all .3s ease}.nb-testimonial-card:before{content:'"';position:absolute;top:-10px;left:20px;font-size:4rem;color:var(--nb-steel-blue);opacity:.15;font-family:Georgia,serif;line-height:1}.nb-testimonial-card:hover{border-color:var(--nb-steel-blue);box-shadow:0 8px 24px var(--nb-glow-steel);transform:translateY(-4px)}.nb-testimonial-content{margin-bottom:1.25rem}.nb-testimonial-text{font-size:1rem;color:var(--nb-deep-gray);line-height:1.75;font-style:italic;margin:0}.nb-testimonial-author{display:flex;align-items:center;gap:.75rem;padding-top:1rem;border-top:1px solid var(--nb-border-frost)}.nb-testimonial-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--nb-steel-blue),var(--nb-soft-blue));border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1rem}.nb-author-info{flex:1}.nb-author-name{font-weight:600;color:var(--nb-deep-gray);margin:0 0 .25rem;font-size:.9375rem}.nb-author-role{font-size:.8125rem;color:var(--nb-muted-blue);margin:0}.nb-faq-section{padding:3rem 0}.nb-faq-grid{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.nb-faq-item{position:relative;padding:1.5rem;background:#ffffffe6;border:1px solid var(--nb-border-frost);border-radius:4px;box-shadow:0 2px 12px var(--nb-shadow-cold);transition:all .3s ease;overflow:hidden}.nb-faq-item:before{content:attr(data-index);position:absolute;top:0;right:0;width:32px;height:32px;background:linear-gradient(135deg,var(--nb-steel-blue),var(--nb-soft-blue));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;clip-path:polygon(0 0,100% 0,100% 100%)}.nb-faq-item:hover{border-color:var(--nb-steel-blue);box-shadow:0 4px 20px var(--nb-glow-steel)}.nb-faq-question{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px dashed var(--nb-border-frost)}.nb-question-icon{flex-shrink:0;width:24px;height:24px;background:#4a6b7c1a;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--nb-steel-blue)}.nb-question-text{font-size:1.0625rem;font-weight:600;color:var(--nb-deep-gray);margin:0;line-height:1.5}.nb-faq-answer{display:flex;align-items:flex-start;gap:.75rem}.nb-answer-label{flex-shrink:0;font-weight:700;color:var(--nb-steel-blue);font-size:.875rem}.nb-answer-text{font-size:1rem;color:var(--nb-muted-blue);line-height:1.75;margin:0}.nb-updates-section{padding:3rem 0;background:linear-gradient(180deg,transparent 0%,rgba(74,107,124,.03) 100%)}.nb-updates-grid{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.25rem}.nb-update-card{position:relative;padding:1.5rem 1.5rem 1.5rem 2rem;background:#ffffffe6;border:1px solid var(--nb-border-frost);border-radius:4px;box-shadow:0 2px 12px var(--nb-shadow-cold);transition:all .3s ease}.nb-update-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--nb-brass-warm),var(--nb-steel-blue))}.nb-update-card:after{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--nb-brass-warm);border-radius:50%;border:3px solid var(--nb-frost-gray);box-shadow:0 2px 8px #c8965766}.nb-update-card:hover{border-color:var(--nb-steel-blue);box-shadow:0 4px 20px var(--nb-glow-steel);transform:translate(4px)}.nb-update-title{font-size:1.0625rem;font-weight:600;color:var(--nb-deep-gray);margin:0 0 .75rem}.nb-update-description{font-size:1rem;color:var(--nb-muted-blue);line-height:1.75;margin:0}.nb-whychoose-section{padding:3rem 0}.nb-whychoose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.nb-why-card{position:relative;padding:1.75rem;background:#ffffffe6;border:2px solid var(--nb-border-frost);border-radius:4px;text-align:center;transition:all .3s ease;overflow:hidden}.nb-why-card:before{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%234A6B7C' opacity='0.05' d='M50 20a30 30 0 1 0 0 60 30 30 0 0 0 0-60zm0 45a15 15 0 1 1 0-30 15 15 0 0 1 0 30z'/%3E%3C/svg%3E") center/contain no-repeat;animation:nb-gear-rotate-slow 20s linear infinite;pointer-events:none}.nb-why-card:hover{border-color:var(--nb-steel-blue);box-shadow:0 8px 24px var(--nb-glow-steel);transform:translateY(-6px)}.nb-why-icon{font-size:2.5rem;margin-bottom:1rem;filter:grayscale(20%)}.nb-why-title{font-size:1.125rem;font-weight:600;color:var(--nb-deep-gray);margin:0 0 .75rem}.nb-why-description{font-size:1rem;color:var(--nb-muted-blue);line-height:1.75;margin:0}@keyframes nb-gear-rotate{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}@keyframes nb-gear-rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes nb-gauge-pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes nb-steam-rise{0%{opacity:0;transform:translateY(10px) scale(.8)}50%{opacity:.6}to{opacity:0;transform:translateY(-20px) scale(1.2)}}@keyframes nb-frost-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes nb-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes nb-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nb-animate-fade-up{animation:nb-fade-up .6s cubic-bezier(.25,.46,.45,.94) forwards}.nb-animate-scale-in{opacity:0;animation:nb-scale-in .6s cubic-bezier(.25,.46,.45,.94) forwards}.nb-animate-delay-1{animation-delay:.1s}.nb-animate-delay-2{animation-delay:.2s}.nb-animate-delay-3{animation-delay:.3s}.nb-animate-delay-4{animation-delay:.4s}.nb-animate-delay-5{animation-delay:.5s}.nb-animate-delay-6{animation-delay:.6s}@media(max-width:768px){.nb-hero-frame:before,.nb-hero-frame:after{width:24px;height:24px;border-width:2px}.nb-hero-gear--left,.nb-hero-gear--right{display:none}.nb-styles-grid{grid-template-columns:1fr}.nb-style-image-wrapper{height:280px}.nb-steps-grid,.nb-features-grid,.nb-testimonials-grid,.nb-whychoose-grid{grid-template-columns:1fr}.nb-step-description{padding-left:0;margin-top:.75rem}.nb-intro-box:before,.nb-intro-box:after{width:40px;height:40px}.nb-section-container{padding:0 1rem}.nb-nodownload-box,.nb-intro-box{padding:1.5rem}}@media(max-width:480px){.nb-hero-frame{padding:1rem 1.5rem}.nb-hero-title{font-size:1.25rem}.nb-section-title{font-size:1.125rem}.nb-step-card,.nb-feature-card,.nb-testimonial-card,.nb-why-card{padding:1.25rem}}[data-theme=dark] .nb-page{background:linear-gradient(180deg,#1a2332,#2c3e50)}[data-theme=dark] .nb-page:before{background:radial-gradient(circle at 20% 30%,rgba(74,107,124,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(107,140,174,.1) 0%,transparent 50%)}[data-theme=dark] .nb-style-card,[data-theme=dark] .nb-step-card,[data-theme=dark] .nb-feature-card,[data-theme=dark] .nb-testimonial-card,[data-theme=dark] .nb-faq-item,[data-theme=dark] .nb-update-card,[data-theme=dark] .nb-why-card,[data-theme=dark] .nb-intro-box,[data-theme=dark] .nb-nodownload-box{background:#2c3e50e6;border-color:#4a6b7c4d}[data-theme=dark] .nb-hero-title,[data-theme=dark] .nb-section-title,[data-theme=dark] .nb-step-title,[data-theme=dark] .nb-feature-title,[data-theme=dark] .nb-author-name,[data-theme=dark] .nb-question-text,[data-theme=dark] .nb-update-title,[data-theme=dark] .nb-why-title,[data-theme=dark] .nb-intro-text,[data-theme=dark] .nb-nodownload-text,[data-theme=dark] .nb-testimonial-text{color:var(--nb-ice-white)}[data-theme=dark] .nb-style-prompt,[data-theme=dark] .nb-step-description,[data-theme=dark] .nb-feature-description,[data-theme=dark] .nb-author-role,[data-theme=dark] .nb-answer-text,[data-theme=dark] .nb-update-description,[data-theme=dark] .nb-why-description{color:var(--nb-soft-blue)}[data-theme=dark] .nb-style-content{background:linear-gradient(180deg,#2c3e50f2,#1a2332e6);border-color:#4a6b7c4d}