/* Nebulizer CSS — auto-generated */
:root{--nbz-primary:#6366f1;--nbz-secondary:#8b5cf6;--nbz-accent:#06b6d4;--nbz-text:#0f172a;--nbz-bg:#ffffff;--nbz-muted:#64748b;--nbz-radius:8px;--nbz-max-width:1280px;--nbz-font-body:'Inter',sans-serif;--nbz-font-heading:'Inter',sans-serif;--nbz-base-size:16px;--primary:var(--nbz-primary);--secondary:var(--nbz-secondary);--accent:var(--nbz-accent);--background:var(--nbz-bg);--foreground:var(--nbz-text);--text:var(--nbz-text);--muted:var(--nbz-muted);--border-radius:var(--nbz-radius);--font-family:var(--nbz-font-body);--heading-font:var(--nbz-font-heading);--base-size:var(--nbz-base-size)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--nbz-font-body);color:#0f172a;background:#ffffff;font-size:var(--nbz-base-size);font-weight:400;line-height:1.6;letter-spacing:normal;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;font:inherit}
section[id]{scroll-margin-top:96px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #6366f1;outline-offset:2px}
h1{font-size:clamp(2rem,4vw,3rem);font-weight:700}
h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700}
h3{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700}
h4{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700}
h5{font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700}
h6{font-size:clamp(0.875rem,1.2vw,1.1rem);font-weight:700}
.nbz-smooth{transition:all .25s ease}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
}

/* Layout */
.nbz-section{width:100%;position:relative}
.nbz-section-content{position:relative;z-index:1}
.nbz-container,.nbz-block-content{width:100%;max-width:var(--nbz-max-width);margin:0 auto}
.nbz-bg-layers{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}

/* Navigation */
.nbz-global-nav{width:100%;z-index:100;background:rgba(255,255,255,0.92);backdrop-filter:blur(10px)}
.nbz-sticky-nav{position:sticky;top:0}
.nbz-nav-inner{max-width:var(--nbz-max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px}
.nbz-nav-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.25rem;text-decoration:none}
.nbz-nav-logo-img{height:40px;width:auto;object-fit:contain}
.nbz-nav-logo-img.nbz-logo-sm{height:32px}
.nbz-nav-logo-img.nbz-logo-lg{height:52px}
.nbz-nav-sitename{font-weight:700;font-size:1.125rem}
.nbz-nav-links{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.nbz-nav-links li{position:relative}
.nbz-nav-links a{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;transition:background 0.2s,color 0.2s,transform 0.15s;color:var(--nav-link-color,inherit);text-decoration:none}
.nbz-nav-links a:hover{background:rgba(0,0,0,0.05);color:var(--nav-hover-color,var(--nav-link-color,inherit));transform:translateY(-1px)}
.nbz-nav-icon{display:inline-flex;align-items:center;font-size:1rem}
.nbz-dropdown-arrow{transition:transform 0.2s;margin-left:2px}
.nbz-nav-dropdown{position:relative}
.nbz-nav-dropdown:hover .nbz-dropdown-arrow{transform:rotate(180deg)}
.nbz-nav-submenu{display:none;position:absolute;top:100%;left:0;min-width:200px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.12);padding:8px;list-style:none;z-index:200;margin:0}
.nbz-nav-dropdown:hover .nbz-nav-submenu{display:block}
.nbz-nav-submenu li{margin:0}
.nbz-nav-submenu a{display:flex;padding:10px 14px;border-radius:8px;white-space:nowrap}
.nbz-nav-submenu a:hover{background:rgba(0,0,0,0.04)}
/* Nav layout variants */
.nbz-nav-centered .nbz-nav-inner{justify-content:center;gap:2rem}
.nbz-nav-centered .nbz-nav-logo{position:absolute;left:24px}
.nbz-nav-split .nbz-nav-inner{gap:1rem}
.nbz-nav-split .nbz-nav-links{flex:1;justify-content:flex-end}
.nbz-nav-minimal .nbz-nav-inner{justify-content:space-between}
.nbz-nav-minimal .nbz-nav-links a{padding:6px 12px;font-size:0.9rem}
/* Nav item-position variants (position from NavSettings: left/center/right) */
.nbz-nav-pos-left .nbz-nav-links{justify-content:flex-start}
.nbz-nav-pos-center .nbz-nav-inner{justify-content:center}
.nbz-nav-pos-center .nbz-nav-logo{margin-right:auto}
.nbz-nav-pos-right .nbz-nav-links{margin-left:auto;justify-content:flex-end}
/* Nav spacing variants */
.nbz-nav-compact .nbz-nav-links{gap:0}
.nbz-nav-compact .nbz-nav-links a{padding:6px 10px}
.nbz-nav-spacious .nbz-nav-links{gap:8px}
.nbz-nav-spacious .nbz-nav-links a{padding:10px 20px}
/* Mobile menu button */
.nbz-mobile-menu-btn{display:none;flex-direction:column;gap:5px;padding:10px;border-radius:10px;transition:transform .2s;background:none;border:none;cursor:pointer}
.nbz-mobile-menu-btn span{display:block;width:22px;height:2px;background:currentColor;transition:all 0.3s}
.nbz-mobile-menu-btn.nbz-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nbz-mobile-menu-btn.nbz-open span:nth-child(2){opacity:0}
.nbz-mobile-menu-btn.nbz-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* Mobile menu overlay */
.nbz-nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:150;opacity:0;transition:opacity .3s ease}
.nbz-nav-overlay.nbz-show{display:block;opacity:1}
/* Mobile slide-out menu */
.nbz-nav-mobile-menu{position:fixed;top:0;right:-320px;width:300px;max-width:85vw;height:100vh;background:#fff;z-index:200;transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:-8px 0 32px rgba(0,0,0,0.15);padding:0;pointer-events:auto}
.nbz-nav-mobile-menu.nbz-open{right:0}
.nbz-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,0.08)}
.nbz-mobile-header .nbz-nav-logo{font-size:1rem}
.nbz-mobile-header .nbz-nav-logo-img{height:32px}
.nbz-nav-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:rgba(0,0,0,0.05);border:none;cursor:pointer;transition:background 0.2s}
.nbz-nav-close:hover{background:rgba(0,0,0,0.1)}
.nbz-nav-mobile-list{list-style:none;padding:12px;margin:0}
.nbz-nav-mobile-list li{margin-bottom:2px}
.nbz-mobile-item-row{display:flex;align-items:center;gap:8px}
.nbz-nav-mobile-list a{display:flex;align-items:center;gap:8px;flex:1;padding:12px 16px;border-radius:10px;font-weight:500;transition:background 0.2s;text-decoration:none;color:inherit}
.nbz-nav-mobile-list a:hover{background:rgba(0,0,0,0.05)}
.nbz-mobile-expand{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:rgba(0,0,0,0.05);border:none;cursor:pointer;transition:all 0.2s}
.nbz-mobile-expand:hover{background:rgba(0,0,0,0.1)}
.nbz-mobile-expand svg{transition:transform 0.2s}
.nbz-has-children.nbz-expanded .nbz-mobile-expand svg{transform:rotate(180deg)}
.nbz-nav-mobile-sub{list-style:none;padding:4px 0 4px 24px;margin:0;display:none}
.nbz-has-children.nbz-expanded .nbz-nav-mobile-sub{display:block}
.nbz-nav-mobile-sub a{padding:10px 16px;font-size:0.9rem}

/* Footer */
.nbz-global-footer{width:100%}
.nbz-footer-container{margin:0 auto;padding:0 24px}
.nbz-footer-grid{display:grid;margin-bottom:2rem}
.nbz-footer-col{display:flex;flex-direction:column}
.nbz-footer-col-title{color:var(--footer-title-color,#f1f5f9);font-weight:600;font-size:1rem;margin:0 0 0.75rem 0}
.nbz-footer-col-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.5rem}
.nbz-footer-link{color:var(--footer-link-color,#cbd5e1);transition:color 0.2s,transform 0.15s;display:inline-block;text-decoration:none}
.nbz-footer-link:hover{color:var(--footer-link-hover,#fff);transform:translateX(4px)}
/* Footer social icons */
.nbz-footer-social{display:flex;gap:12px;margin-top:1.5rem;flex-wrap:wrap}
.nbz-social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.1);color:var(--footer-link-color,#cbd5e1);transition:all 0.2s}
.nbz-social-icon:hover{background:var(--nbz-primary,#6366f1);color:#fff;transform:translateY(-3px)}
.nbz-social-icon svg{width:20px;height:20px}
/* Footer copyright */
.nbz-footer-copy{border-top:1px solid rgba(255,255,255,0.1);padding-top:1.5rem;margin-top:1rem;font-size:0.875rem;opacity:0.8}
/* Footer layout variants */
.nbz-footer-centered .nbz-footer-col{text-align:center;align-items:center}
.nbz-footer-centered .nbz-footer-social{justify-content:center}
.nbz-footer-centered .nbz-footer-copy{text-align:center}
.nbz-footer-minimal .nbz-footer-grid{display:none}
.nbz-footer-minimal .nbz-footer-social{justify-content:center;margin-top:0;margin-bottom:1rem}
.nbz-footer-minimal .nbz-footer-copy{text-align:center;border-top:none;padding-top:0}
.nbz-footer-split .nbz-footer-grid{grid-template-columns:1fr 1fr}

/* Hero */
.nbz-hero{min-height:500px;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 24px}
.nbz-hero-inner{max-width:800px}
.nbz-hero-title{font-family:var(--nbz-font-heading);font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:24px}
.nbz-hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:#64748b;margin-bottom:32px}

/* Typography */
.nbz-heading,.nbz-h1,.nbz-h2,.nbz-h3,.nbz-h4,.nbz-h5,.nbz-h6{font-family:var(--nbz-font-heading);line-height:1.2;font-weight:700}
.nbz-h1{font-size:clamp(2rem,5vw,3.5rem)}.nbz-h2{font-size:clamp(1.5rem,4vw,2.5rem)}
.nbz-h3{font-size:clamp(1.25rem,3vw,2rem)}.nbz-h4{font-size:1.5rem}.nbz-h5{font-size:1.25rem}.nbz-h6{font-size:1rem;font-weight:600}
.nbz-text p+p{margin-top:1em}
.nbz-text ul,.nbz-text ol{padding-left:1.5em;margin:0.5em 0}
.nbz-list{padding-left:1.5em}
.nbz-list li{margin-bottom:0.4em}
.nbz-list-bullet{list-style-type:disc}
.nbz-list-numbered{list-style-type:decimal}
.nbz-list-check{list-style:none;padding-left:0}
.nbz-list-check-item{display:flex;align-items:flex-start;gap:0.6em;margin-bottom:0.5em}
.nbz-check-icon{width:1.2em;height:1.2em;flex-shrink:0;margin-top:0.1em}
.nbz-quote{border-left:4px solid #6366f1;padding:16px 24px;margin:24px 0;font-style:italic;background:rgba(0,0,0,0.03);border-radius:0 8px 8px 0}
.nbz-quote cite{display:block;margin-top:8px;font-style:normal;font-weight:600;font-size:0.9em;color:#64748b}

/* Gradient & stroke text utilities */
.nbz-gradient-text{background-clip:text !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;text-fill-color:transparent !important}
[style*="paint-order"]{paint-order:stroke fill}

/* Buttons */
.nbz-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:8px;font-weight:600;font-size:0.95rem;transition:all 0.2s;cursor:pointer;border:2px solid transparent;text-decoration:none}
.nbz-btn-primary{background:#6366f1;color:#fff}.nbz-btn-primary:hover{filter:brightness(1.1)}
.nbz-btn-secondary{background:#8b5cf6;color:#fff}.nbz-btn-secondary:hover{filter:brightness(1.1)}
.nbz-btn-outline{background:transparent;color:#6366f1;border-color:#6366f1}.nbz-btn-outline:hover{background:#6366f1;color:#fff}
.nbz-btn-ghost{background:transparent;color:inherit}.nbz-btn-ghost:hover{background:rgba(0,0,0,0.08)}
.nbz-btn-white{background:#fff;color:#6366f1}.nbz-btn-white:hover{filter:brightness(0.95)}
.nbz-btn-sm{padding:8px 18px;font-size:0.85rem}.nbz-btn-lg{padding:16px 40px;font-size:1.1rem}

/* Cards */
.nbz-card{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,0.08);transition:transform 0.2s,box-shadow 0.25s,translate 0.25s}
.nbz-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,0.15)}
.nbz-card-img{width:100%;aspect-ratio:16/9;object-fit:cover}
.nbz-card-body{padding:24px}

/* Image */
.nbz-img{border-radius:8px}
.nbz-figure figcaption{text-align:center;color:#64748b;font-size:0.875rem;margin-top:8px}
.nbz-image-wrap{overflow:hidden;border-radius:8px}

/* Video */
.nbz-video-embed{position:relative;padding-top:56.25%;overflow:hidden;border-radius:8px}
.nbz-video-embed iframe{position:absolute;inset:0;width:100%;height:100%}
.nbz-video-wrap video{width:100%;border-radius:8px}

/* Gallery */
.nbz-gallery-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;transition:transform 0.3s}
.nbz-gallery-item:hover img{transform:scale(1.05)}

/* Avatar */
.nbz-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#6366f1;color:#fff;font-weight:700;font-size:1.25rem}

/* Social Icons */
.nbz-social-icons{display:flex;gap:12px;flex-wrap:wrap}
.nbz-social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.08);transition:all 0.2s}
.nbz-social-link:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}

/* Badges & Alerts */
.nbz-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:0.75rem;font-weight:600}
.nbz-alert{padding:16px 20px;border-radius:8px;font-size:0.95rem}
.nbz-alert-info{background:#eff6ff;color:#1e40af;border-left:4px solid #3b82f6}
.nbz-alert-success{background:#f0fdf4;color:#166534;border-left:4px solid #22c55e}
.nbz-alert-warning{background:#fffbeb;color:#92400e;border-left:4px solid #f59e0b}
.nbz-alert-error,.nbz-alert-danger{background:#fef2f2;color:#991b1b;border-left:4px solid #ef4444}

/* Divider */
.nbz-divider{border:none;border-top:1px solid #e5e7eb;margin:24px 0}

/* Accordion */
.nbz-accordion-item{border-bottom:1px solid #e5e7eb}
.nbz-accordion-btn{width:100%;text-align:left;padding:16px 0;font-weight:600;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer}
.nbz-accordion-btn::after{content:"â–¼";font-size:0.75rem;transition:transform 0.3s;flex-shrink:0;margin-left:16px}
.nbz-accordion-btn[aria-expanded="true"]::after{transform:rotate(180deg)}
.nbz-accordion-panel{overflow:hidden}
.nbz-accordion-body{padding:0 0 16px}

/* Tabs */
.nbz-tabs-nav{display:flex;gap:4px;border-bottom:2px solid #e5e7eb;overflow-x:auto}
.nbz-tab-btn{padding:10px 20px;font-weight:500;border-radius:8px 8px 0 0;transition:all 0.2s;white-space:nowrap;border:2px solid transparent;border-bottom:none;margin-bottom:-2px;background:none;color:#64748b}
.nbz-tab-btn.nbz-tab-active,.nbz-tab-btn[aria-selected="true"]{color:#6366f1;border-color:#e5e7eb #e5e7eb #fff;background:#fff}
.nbz-tab-panel{padding:24px 0}

/* Slider */
.nbz-slider{position:relative;overflow:hidden;border-radius:12px}
.nbz-slide{display:none}.nbz-slide-active{display:block}
.nbz-slide img{width:100%;aspect-ratio:16/9;object-fit:cover}
.nbz-slide-caption{padding:12px 16px;text-align:center;background:rgba(0,0,0,0.6);color:#fff;position:absolute;bottom:0;left:0;right:0}
.nbz-slider-prev,.nbz-slider-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.8);border:none;border-radius:50%;width:40px;height:40px;font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.nbz-slider-prev{left:12px}.nbz-slider-next{right:12px}

/* Countdown */
.nbz-countdown{display:flex;gap:16px;justify-content:center;text-align:center}
.nbz-cd-unit{background:#f3f4f6;border-radius:8px;padding:12px 16px;min-width:72px}
.nbz-cd-unit span:first-child{display:block;font-size:2rem;font-weight:800;font-family:var(--nbz-font-heading);line-height:1}
.nbz-cd-unit span:last-child{font-size:0.75rem;text-transform:uppercase;color:#64748b}

/* Progress */
.nbz-progress{margin:12px 0}
.nbz-progress-label{display:block;font-size:0.875rem;font-weight:600;margin-bottom:6px}
.nbz-progress-track{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}
.nbz-progress-bar{height:100%;border-radius:999px;transition:width 1s ease}

/* Rating */
.nbz-rating{display:inline-flex;gap:2px;font-size:1.25rem}

/* Modal */
.nbz-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}
.nbz-modal[hidden]{display:none}
.nbz-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}
.nbz-modal-box{position:relative;z-index:1;background:#fff;border-radius:16px;padding:32px;max-width:640px;width:90vw;max-height:80vh;overflow-y:auto}
.nbz-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.nbz-modal-close{font-size:1.5rem;color:#64748b;background:none;border:none;cursor:pointer;padding:4px}

/* Tooltip */
.nbz-tooltip-wrap{position:relative;display:inline-block}
.nbz-tooltip-wrap::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:6px 10px;border-radius:6px;font-size:0.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;z-index:10}
.nbz-tooltip-wrap:hover::after{opacity:1}

/* Stats */
.nbz-stats{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;text-align:center}
.nbz-stat-item{min-width:120px}
.nbz-stat-value{display:block;font-size:2.5rem;font-weight:800;font-family:var(--nbz-font-heading);color:#6366f1;line-height:1}
.nbz-stat-label{display:block;font-size:0.875rem;color:#64748b;margin-top:4px}

/* Testimonial */
.nbz-testimonial{padding:32px;background:#f9fafb;border-radius:16px;margin:16px 0}
.nbz-testimonial-text{font-size:1.125rem;font-style:italic;margin-bottom:20px;line-height:1.7}
.nbz-testimonial-author{display:flex;align-items:center;gap:12px}
.nbz-testimonial-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}

/* Team */
.nbz-team-member{text-align:center}
.nbz-team-img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto 16px}
.nbz-team-name{font-size:1.1rem;font-weight:700}
.nbz-team-role{color:#6366f1;font-size:0.9rem;margin-top:4px}
.nbz-team-bio{color:#64748b;font-size:0.875rem;margin-top:8px}

/* Pricing */
.nbz-pricing-table{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}
.nbz-plan{flex:1;min-width:240px;max-width:320px;padding:32px;border:2px solid #e5e7eb;border-radius:16px;text-align:center}
.nbz-plan-featured{border-color:#6366f1;box-shadow:0 8px 32px rgba(99,102,241,0.2);position:relative}
.nbz-plan-name{font-size:1.25rem;font-weight:700;margin-bottom:8px}
.nbz-plan-price{font-size:2.5rem;font-weight:800;color:#6366f1;margin:16px 0}
.nbz-plan-price span{font-size:1rem;color:#64748b;font-weight:400}
.nbz-plan-features{list-style:none;margin:16px 0 24px;text-align:left}
.nbz-plan-features li{padding:8px 0;border-bottom:1px solid #f3f4f6}
.nbz-plan-features li::before{content:"✓ ";color:#6366f1;font-weight:700}

/* Product Card */
.nbz-product-card{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,0.08)}
.nbz-product-img{width:100%;aspect-ratio:4/3;object-fit:cover}
.nbz-product-info{padding:20px}
.nbz-product-name{font-size:1rem;font-weight:700;margin-bottom:4px}
.nbz-product-desc{color:#64748b;font-size:0.875rem;margin-bottom:8px}
.nbz-product-price{font-size:1.25rem;font-weight:800;color:#6366f1;margin-bottom:12px}

/* Forms */
.nbz-form{display:flex;flex-direction:column;gap:16px}
.nbz-form-group{display:flex;flex-direction:column;gap:6px}
.nbz-form-group label{font-weight:600;font-size:0.875rem}
.nbz-input,.nbz-textarea,.nbz-select{padding:10px 14px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color 0.2s;background:#fff}
.nbz-input:focus,.nbz-textarea:focus,.nbz-select:focus{outline:none;border-color:#6366f1}
.nbz-textarea{resize:vertical;min-height:100px}
.nbz-checkbox-label,.nbz-radio-label{display:flex;align-items:center;gap:8px;cursor:pointer}
.nbz-fieldset{border:2px solid #e5e7eb;border-radius:8px;padding:16px}
.nbz-fieldset legend{font-weight:600;padding:0 8px}
.nbz-form-msg{font-size:0.875rem;font-weight:500;min-height:1.5em}

/* Navigation block */
.nbz-navbar{padding:12px 0}
.nbz-navbar-inner{max-width:var(--nbz-max-width);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.nbz-navbar-brand{font-weight:700;font-size:1.25rem}
.nbz-navbar-links{display:flex;gap:8px;list-style:none}
.nbz-navbar-links a{padding:8px 16px;border-radius:6px;transition:background 0.2s}
.nbz-navbar-links a:hover{background:rgba(0,0,0,0.06)}

/* Breadcrumbs */
.nbz-breadcrumbs{display:flex;flex-wrap:wrap;gap:4px;list-style:none;font-size:0.875rem}
.nbz-breadcrumbs li:not(:last-child)::after{content:" /";color:#64748b;margin-left:4px}

/* Pagination */
.nbz-pagination{display:flex;gap:4px;list-style:none;flex-wrap:wrap}
.nbz-page-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:2px solid #e5e7eb;font-size:0.875rem;transition:all 0.2s}
.nbz-page-item.nbz-page-active .nbz-page-link{background:#6366f1;color:#fff;border-color:#6366f1}

/* Banners */
.nbz-banner-notification{padding:12px 24px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;gap:12px}
.nbz-banner-close{position:absolute;right:16px;background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:0.7}
.nbz-banner-close:hover{opacity:1}
.nbz-banner-hero{min-height:400px;position:relative;overflow:hidden;color:#fff}
.nbz-banner-hero img{display:block}
.nbz-banner-content{position:relative;z-index:1}
.nbz-banner-cta{display:flex;align-items:center;justify-content:center;gap:24px;text-align:center;color:#fff;flex-wrap:wrap}
.nbz-banner-slider{position:relative;overflow:hidden}
.nbz-banner-single{position:relative;overflow:hidden}
.nbz-banner-image-only{overflow:hidden;display:block}
.nbz-banner-image-only img,.nbz-banner-single img{display:block}
.nbz-banner-grid{display:grid;gap:16px}
.nbz-banner-grid-item{position:relative;overflow:hidden;display:block;background:#fff}
.nbz-banner-grid-item img{display:block;width:100%;object-fit:cover}
.nbz-banner-grid-item-caption{padding:8px 10px;text-align:center;font-size:0.875rem}
.nbz-slide{opacity:0;transition:opacity 0.5s ease}
.nbz-slide.nbz-slide-active{opacity:1}
.nbz-slider-prev,.nbz-slider-next{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,0.5);color:#fff;border:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s,transform 0.2s;backdrop-filter:blur(4px)}
.nbz-slider-prev:hover,.nbz-slider-next:hover{background:rgba(0,0,0,0.7);transform:translateY(-50%) scale(1.1)}
.nbz-slider-dot{transition:opacity 0.2s}
.nbz-slider-dot:hover{opacity:0.8!important}
.nbz-btn{display:inline-block;padding:12px 24px;border-radius:var(--nbz-radius,8px);font-weight:600;text-decoration:none;transition:all 0.2s;cursor:pointer;border:none;font-size:1rem}
.nbz-btn-primary{background:var(--nbz-primary,var(--primary,#3b82f6));color:#fff}
.nbz-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}
.nbz-btn-secondary{background:var(--nbz-secondary,var(--secondary,#6b7280));color:#fff}
.nbz-btn-secondary:hover{filter:brightness(1.1);transform:translateY(-1px)}
.nbz-btn-white{background:#fff;color:#111}
.nbz-btn-white:hover{background:#f1f1f1;transform:translateY(-1px)}
.nbz-btn-outline{background:transparent;border:2px solid currentColor;color:inherit}
.nbz-btn-outline:hover{background:rgba(255,255,255,0.1);transform:translateY(-1px)}

/* Streaming */
.nbz-audio-player{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#1f2937;color:#fff;border-radius:12px}
.nbz-player-logo{width:48px;height:48px;border-radius:8px;object-fit:cover}
.nbz-player-info{flex:1}
.nbz-player-title{font-weight:600}
.nbz-player-controls{display:flex;align-items:center;gap:12px}
.nbz-play-btn{width:40px;height:40px;border-radius:50%;background:#6366f1;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all 0.2s}
.nbz-play-btn:hover{background:color-mix(in srgb,#6366f1 80%,#000);transform:scale(1.05)}
.nbz-play-btn-hero{width:auto;padding:16px 32px;border-radius:8px;font-size:1.1rem;font-weight:700}
.nbz-volume{-webkit-appearance:none;width:80px;height:4px;border-radius:2px;background:#4b5563}
.nbz-live-radio-hero{min-height:500px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;background-size:cover;background-position:center;background-color:#1f2937}
.nbz-now-playing{display:flex;align-items:center;gap:8px;font-size:0.9rem}
.nbz-np-label{color:#64748b;font-weight:600}
.nbz-np-track{font-weight:500}
.nbz-schedule-table{width:100%;border-collapse:collapse}
.nbz-schedule-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb}
.nbz-sched-time{font-weight:700;color:#6366f1;white-space:nowrap;width:100px}
.nbz-sched-host{display:block;font-size:0.8rem;color:#64748b}
.nbz-stream-status{display:flex;align-items:center;gap:8px}
.nbz-status-indicator{width:10px;height:10px;border-radius:50%;background:#22c55e;animation:nbzPulse 2s ease-in-out infinite}
.nbz-listener-counter{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.nbz-listener-count{font-size:1.25rem;font-weight:800;color:#6366f1}
.nbz-request-song .nbz-input{margin-bottom:8px}
.nbz-code{background:#1e293b;color:#e2e8f0;padding:20px 24px;border-radius:8px;overflow-x:auto;font-family:'Fira Code',monospace;font-size:0.9rem;line-height:1.6}
.nbz-file-download{display:inline-flex;align-items:center;gap:8px;color:#6366f1;font-weight:600;padding:10px 20px;border:2px solid #6366f1;border-radius:8px;transition:all 0.2s}
.nbz-file-download:hover{background:#6366f1;color:#fff}
.nbz-file-size{color:#64748b}
.nbz-news-list{display:flex;flex-direction:column;gap:16px}
.nbz-news-item{display:flex;gap:16px;align-items:flex-start}
.nbz-news-thumb{width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}
.nbz-news-info time{font-size:0.8rem;color:#64748b}
.nbz-news-info h3{font-size:1rem;font-weight:600;margin-top:4px}
.nbz-feature-icon{font-size:2rem;margin-bottom:12px}
.nbz-feature-title{font-size:1.1rem;font-weight:700;margin-bottom:8px}
.nbz-feature-desc{color:#64748b;font-size:0.875rem;line-height:1.6}

/* Share Buttons */
.nbz-share-buttons{display:flex;gap:8px;flex-wrap:wrap}
.nbz-share-btn{padding:8px 16px;border-radius:8px;font-size:0.875rem;font-weight:600;color:#fff}
.nbz-share-twitter{background:#1da1f2}.nbz-share-facebook{background:#1877f2}
.nbz-share-linkedin{background:#0077b5}.nbz-share-whatsapp{background:#25d366}

/* Video Background */
.nbz-video-bg{position:relative;min-height:400px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.nbz-video-bg-el{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.nbz-video-bg-overlay{position:absolute;inset:0;z-index:1}
.nbz-video-bg-content{position:relative;z-index:2;text-align:center;color:#fff;padding:40px 24px}

/* Follow Card */
.nbz-follow-card{text-align:center;padding:32px;border-radius:16px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,0.08)}
.nbz-follow-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0 auto 16px}
.nbz-follow-name{font-size:1.25rem;font-weight:700;margin-bottom:8px}
.nbz-follow-bio{color:#64748b;font-size:0.875rem;margin-bottom:16px}
.nbz-follow-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.nbz-follow-link{padding:8px 16px;border-radius:8px;background:#6366f1;color:#fff;font-size:0.85rem;font-weight:600;transition:all 0.2s}
.nbz-follow-link:hover{filter:brightness(1.1);transform:translateY(-1px)}

/* Cart Widgets */
.nbz-cart-item{display:flex;gap:16px;align-items:center;padding:12px;border-bottom:1px solid #e5e7eb}
.nbz-cart-item-img{width:64px;height:64px;border-radius:8px;object-fit:cover}
.nbz-cart-item-info{flex:1}
.nbz-cart-item-name{display:block;font-weight:600}
.nbz-cart-item-price{display:block;color:#6366f1;font-weight:700}
.nbz-cart-summary{padding:24px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}
.nbz-cart-total{margin-top:16px;padding-top:16px;border-top:2px solid #e5e7eb;font-size:1.125rem}

/* File List */
.nbz-file-list ul{list-style:none;padding:0}
.nbz-file-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;transition:background 0.2s}
.nbz-file-item:hover{background:#f3f4f6}
.nbz-file-name{font-weight:600}
.nbz-file-size{color:#64748b;font-size:0.85rem}

/* PDF Viewer */
.nbz-pdf-viewer{border-radius:8px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,0.08)}

/* Event Schedule */
.nbz-event-schedule{display:flex;flex-direction:column;gap:16px}
.nbz-event-item{display:flex;gap:20px;padding:16px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}
.nbz-event-datetime{min-width:80px;text-align:center;flex-shrink:0}
.nbz-event-date{display:block;font-weight:700;color:#6366f1;font-size:1.1rem}
.nbz-event-time{display:block;color:#64748b;font-size:0.85rem}
.nbz-event-name{font-size:1.1rem;font-weight:700;margin-bottom:4px}
.nbz-event-venue{display:block;color:#64748b;font-size:0.85rem;margin-bottom:4px}
.nbz-event-desc{color:#64748b;font-size:0.875rem;margin-top:4px}

/* Social Feed */
.nbz-social-feed-item{display:block;transition:transform 0.2s}
.nbz-social-feed-item:hover{transform:translateY(-4px)}

/* Radio News Grid */
.nbz-radio-news-item{overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,0.06)}
.nbz-radio-news-thumb{width:100%;aspect-ratio:16/9;object-fit:cover}
.nbz-radio-news-body{padding:16px}
.nbz-radio-news-date{font-size:0.8rem;color:#64748b}
.nbz-radio-news-body h3{font-size:1rem;font-weight:700;margin-top:4px}

/* Song History */
.nbz-song-history-list{list-style:none;padding:0}
.nbz-song-history-list li{padding:10px 12px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}
.nbz-song-time{color:#64748b;font-size:0.8rem;flex-shrink:0;margin-left:12px}

/* Entrance Animations */
@keyframes nbzFadeIn{from{opacity:0}to{opacity:1}}
@keyframes nbzFadeUp{from{opacity:0;transform:translateY(calc(var(--nbz-anim-intensity,1)*40px))}to{opacity:1;transform:translateY(0)}}
@keyframes nbzFadeDown{from{opacity:0;transform:translateY(calc(var(--nbz-anim-intensity,1)*-40px))}to{opacity:1;transform:translateY(0)}}
@keyframes nbzSlideLeft{from{opacity:0;transform:translateX(calc(var(--nbz-anim-intensity,1)*60px))}to{opacity:1;transform:translateX(0)}}
@keyframes nbzSlideRight{from{opacity:0;transform:translateX(calc(var(--nbz-anim-intensity,1)*-60px))}to{opacity:1;transform:translateX(0)}}
@keyframes nbzZoomIn{from{opacity:0;transform:scale(calc(1 - var(--nbz-anim-intensity,1)*0.2))}to{opacity:1;transform:scale(1)}}
@keyframes nbzZoomOut{from{opacity:0;transform:scale(calc(1 + var(--nbz-anim-intensity,1)*0.2))}to{opacity:1;transform:scale(1)}}
@keyframes nbzPulse{0%,100%{opacity:1}50%{opacity:0.5}}
@keyframes nbzBlurReveal{from{opacity:0;filter:blur(calc(var(--nbz-anim-intensity,1)*16px))}to{opacity:1;filter:blur(0)}}
@keyframes nbzRotateIn{from{opacity:0;transform:rotate(calc(var(--nbz-anim-intensity,1)*-20deg)) scale(0.9)}to{opacity:1;transform:rotate(0) scale(1)}}
@keyframes nbzKenBurns{0%{transform:scale(1) translate(0,0)}50%{transform:scale(calc(1 + var(--nbz-anim-intensity,1)*0.1)) translate(calc(var(--nbz-anim-intensity,1)*-2%),calc(var(--nbz-anim-intensity,1)*-1%))}100%{transform:scale(1) translate(0,0)}}
@keyframes nbzDrift{0%{background-position:50% 50%}25%{background-position:60% 40%}50%{background-position:55% 60%}75%{background-position:40% 55%}100%{background-position:50% 50%}}
@keyframes nbzColorPulse{0%,100%{opacity:1}50%{opacity:calc(1 - var(--nbz-anim-intensity,1)*0.5)}}
@keyframes nbzAurora{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes nbzMesh{0%{background-position:0% 0%,100% 100%,50% 50%}33%{background-position:33% 33%,66% 0%,0% 100%}66%{background-position:66% 66%,0% 66%,100% 0%}100%{background-position:0% 0%,100% 100%,50% 50%}}
@keyframes nbzGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes nbzGradientRotate{0%{transform:rotate(0deg) scale(1.5)}100%{transform:rotate(360deg) scale(1.5)}}
@keyframes nbzWaves{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
[data-nbz-entrance]{opacity:0}
[data-nbz-entrance].nbz-animated{opacity:1}

/* Responsive: Tablet & Desktop */
@media(min-width:1025px){
  :root{--nbz-container-width:1200px;--nbz-spacing-unit:2rem}
  .nbz-navbar-inner{max-width:1200px}
  .nbz-btn-lg{padding:16px 40px;font-size:1.1rem}
  .nbz-pricing-table{max-width:none}
}

/* Responsive: Tablets (1024px and below) */
@media(max-width:1024px){
  :root{--nbz-container-width:auto;--nbz-spacing-unit:1.5rem}
  .nbz-hero-title{font-size:2.5rem}
  .nbz-h1{font-size:2.5rem}
  .nbz-h2{font-size:2rem}
  .nbz-h3{font-size:1.5rem}
  .nbz-columns{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
  .nbz-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
  .nbz-pricing-table{flex-direction:column;align-items:stretch}
  .nbz-plan{max-width:100%}
}

/* Responsive: Mobile (768px and below) */
@media(max-width:768px){
  :root{--nbz-spacing-unit:1rem;--nbz-container-padding:16px}
  
  /* Navigation - Mobile Drawer */
  .nbz-mobile-menu-btn{display:flex}
  .nbz-nav-links{display:none}
  .nbz-nav-mobile-menu{position:fixed;top:0;right:-300px;width:280px;max-width:85vw;height:100vh;background:#fff;z-index:200;transition:right .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:-4px 0 20px rgba(0,0,0,0.15);padding:60px 24px 24px}
  .nbz-nav-mobile-menu.nbz-open{right:0}
  .nbz-nav-close{position:absolute;top:16px;right:16px;font-size:1.75rem;color:#6b7280;background:none;border:none;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}
  .nbz-nav-close:hover{background:rgba(0,0,0,0.05)}
  .nbz-nav-overlay.nbz-show{display:block;opacity:1}
  .nbz-nav-mobile-list{list-style:none;display:flex;flex-direction:column;gap:4px}
  .nbz-nav-mobile-list a{display:block;padding:12px 16px;border-radius:8px;font-weight:500;transition:background .2s}
  .nbz-nav-mobile-list a:hover{background:rgba(0,0,0,0.05)}
  .nbz-nav-mobile-sub{list-style:none;padding-left:16px}
  .nbz-nav-mobile-sub a{font-size:0.9rem;padding:8px 16px}
  
  /* Layout */
  .nbz-hero{padding:40px 16px}
  .nbz-hero-title{font-size:2rem;margin-bottom:12px}
  .nbz-hero-subtitle{font-size:1rem}
  .nbz-container{padding:16px}
  .nbz-columns{grid-template-columns:1fr}
  .nbz-grid{grid-template-columns:1fr;gap:16px}
  .nbz-flex{flex-direction:column}
  .nbz-heading{font-size:1.75rem}
  .nbz-h1{font-size:1.75rem}
  .nbz-h2{font-size:1.5rem}
  .nbz-h3{font-size:1.25rem}
  
  /* Cards & Components */
  .nbz-card{margin-bottom:16px}
  .nbz-card-body{padding:16px}
  .nbz-pricing-table{flex-direction:column;align-items:stretch;gap:16px}
  .nbz-plan{padding:20px;border-radius:12px}
  .nbz-stats{flex-direction:column;gap:12px;text-align:left;padding:16px}
  .nbz-stat-value{font-size:2rem}
  .nbz-countdown{gap:8px;font-size:0.9rem}
  .nbz-cd-unit{min-width:60px;padding:10px 12px}
  
  /* Banners */
  .nbz-banner-hero{min-height:300px}
  .nbz-banner-content{padding:1.5rem!important}
  .nbz-banner-slider{height:auto!important;min-height:300px}
  .nbz-slide-content{padding:1.5rem!important;max-width:100%!important}
  .nbz-slider-prev,.nbz-slider-next{width:36px;height:36px;font-size:1.25rem}
  .nbz-banner-cta{flex-direction:column;padding:2rem 1rem!important}
  .nbz-banner-single{min-height:200px}
  .nbz-banner-image-strip{flex-direction:column!important}
  .nbz-banner-grid{grid-template-columns:1fr!important}
  
  /* Navigation legacy */
  .nbz-navbar{padding:12px 0}
  .nbz-navbar-links{flex-direction:column;gap:8px;width:100%}
  .nbz-navbar-links a{display:block;padding:12px 16px}
  
  /* Media */
  .nbz-img{max-width:100%;height:auto}
  .nbz-video-embed{padding-top:66.66%}
  .nbz-gallery{grid-template-columns:repeat(2,1fr);gap:8px}
  .nbz-slider{border-radius:8px}
  .nbz-slider-prev,.nbz-slider-next{width:36px;height:36px;font-size:1.125rem}
  
  /* Forms */
  .nbz-input,.nbz-textarea,.nbz-select{padding:12px 10px;font-size:16px}
  
  /* Buttons */
  .nbz-btn{padding:12px 20px;font-size:0.95rem}
  .nbz-btn-sm{padding:8px 14px;font-size:0.8rem}
  
  /* Tables */
  .nbz-schedule-table{font-size:0.9rem}
  .nbz-schedule-table td{padding:8px 10px}
}

/* Responsive: Small devices (480px and below) */
@media(max-width:480px){
  :root{--nbz-spacing-unit:0.75rem;--nbz-container-padding:12px}
  
  /* Typography */
  .nbz-hero{padding:30px 12px;min-height:auto}
  .nbz-hero-title{font-size:1.5rem;margin-bottom:8px}
  .nbz-hero-subtitle{font-size:0.95rem;margin-bottom:12px}
  .nbz-h1{font-size:1.5rem}
  .nbz-h2{font-size:1.25rem}
  .nbz-h3{font-size:1rem}
  .nbz-heading{margin-bottom:12px}
  .nbz-text{font-size:0.95rem;line-height:1.5}
  
  /* Layout */
  .nbz-container{padding:12px}
  .nbz-columns{gap:12px}
  .nbz-grid{gap:12px}
  .nbz-flex{gap:12px}
  
  /* Cards */
  .nbz-card{border-radius:12px;margin-bottom:12px}
  .nbz-card-body{padding:12px}
  .nbz-card-img{aspect-ratio:16/9}
  
  /* Gallery & Media */
  .nbz-gallery{grid-template-columns:1fr;gap:8px}
  .nbz-gallery-item img{aspect-ratio:1;border-radius:6px}
  
  /* Pricing */
  .nbz-pricing-table{gap:12px}
  .nbz-plan{padding:16px;border-radius:10px}
  .nbz-plan-name{font-size:1.1rem;margin-bottom:6px}
  .nbz-plan-price{font-size:2rem;margin:12px 0}
  .nbz-plan-features li{padding:6px 0}
  
  /* Stats */
  .nbz-stats{padding:12px;gap:8px}
  .nbz-stat-value{font-size:1.75rem}
  .nbz-stat-label{font-size:0.8rem}
  
  /* Countdown */
  .nbz-countdown{gap:6px}
  .nbz-cd-unit{min-width:50px;padding:8px 10px;font-size:0.85rem}
  .nbz-cd-unit span:first-child{font-size:1.5rem}
  
  /* Navigation */
  .nbz-navbar-brand{font-size:1rem}
  .nbz-navbar{padding:8px 0}
  .nbz-navbar-inner{padding:8px 12px}
  .nbz-nav-links{top:48px;padding:12px;font-size:0.95rem}
  
  /* Buttons */
  .nbz-btn{padding:10px 16px;font-size:0.9rem;gap:6px}
  .nbz-btn-sm{padding:6px 12px;font-size:0.75rem}
  .nbz-btn-lg{padding:12px 24px;font-size:1rem}
  
  /* Forms */
  .nbz-form{gap:12px}
  .nbz-form-group{gap:4px}
  .nbz-input,.nbz-textarea,.nbz-select{padding:10px 8px;font-size:16px;border-radius:6px}
  .nbz-checkbox-label,.nbz-radio-label{gap:6px;font-size:0.95rem}
  
  /* Sliders */
  .nbz-slider-prev,.nbz-slider-next{width:32px;height:32px;font-size:1rem}
  
  /* Modals */
  .nbz-modal-box{padding:20px;max-width:90vw;border-radius:12px}
  .nbz-modal-header{margin-bottom:12px}
  
  /* Badges & Alerts */
  .nbz-badge{padding:3px 8px;font-size:0.7rem}
  .nbz-alert{padding:12px 16px;border-radius:6px}
  
  /* Divider */
  .nbz-divider{margin:16px 0}
  
  /* Product Card */
  .nbz-product-card{border-radius:10px}
  .nbz-product-info{padding:14px}
  .nbz-product-name{font-size:0.95rem}
  .nbz-product-price{font-size:1.1rem}
  
  /* Avatar */
  .nbz-team-img{width:100px;height:100px}
  .nbz-team-name{font-size:1rem}
  
  /* Testimonial */
  .nbz-testimonial{padding:16px;margin:12px 0}
  .nbz-testimonial-text{font-size:1rem}
  
  /* Audio Player */
  .nbz-audio-player{flex-direction:column;gap:12px;padding:12px}
  .nbz-player-logo{width:40px;height:40px}
}

/* Extra small devices (under 360px) */
@media(max-width:360px){
  .nbz-hero-title{font-size:1.25rem}
  .nbz-btn{padding:8px 14px;font-size:0.85rem}
  .nbz-countdown{gap:4px}
  .nbz-cd-unit{min-width:44px;padding:6px 8px}
}
:root {
    --primary: #6366f1;
    --secondary: #8b5cf6;
    --accent: #06b6d4;
    --background: #ffffff;
    --foreground: #0f172a;
    --muted: #64748b;
    --text: #0f172a;
    --font-family: Inter;
    --heading-font: Inter;
    --base-size: 16px;
    --border-radius: 8px;
    --nbz-color-surface: #ffffff;
    --nbz-color-muted-foreground: #64748b;
    --nbz-color-border: #e2e8f0;
    --nbz-color-success: #22c55e;
    --nbz-color-warning: #f59e0b;
    --nbz-color-error: #ef4444;
    --nbz-color-info: #3b82f6;
    --line-height: 1.6;
    --heading-line-height: 1.15;
    --heading-weight: 800;
    --nbz-section-padding-y: 5rem;
    --nbz-container-max: 1200px;
    --nbz-container-padding: 1.5rem;
    --nbz-component-gap: 1.5rem;
    --nbz-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --nbz-hover-scale: 1.02;
    --nbz-backdrop-blur: 12px;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

body {
    font-family: var(--font-family);
    background-color: var(--background);
    color: var(--text);
    line-height: var(--line-height, 1.6);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: var(--base-size, 16px);
}

h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font); line-height: var(--heading-line-height, 1.2); font-weight: var(--heading-weight, 800); }

img, video { max-width: 100%; height: auto; display: block; }

a { color: inherit; text-decoration: none; }

.nbz-button {
    display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
    padding: 0.75rem 1.5rem; background-color: var(--primary); color: #fff;
    border: none; border-radius: var(--border-radius); cursor: pointer;
    font-weight: 600; font-size: 1rem; text-decoration: none;
    transition: all var(--nbz-transition, 0.2s ease);
}
.nbz-button:hover { opacity: 0.9; transform: translateY(-1px) scale(var(--nbz-hover-scale, 1.02)); }
.nbz-button-secondary { background-color: var(--secondary); }
.nbz-button-accent { background-color: var(--accent); }
.nbz-button-outline { background: transparent; border: 2px solid var(--primary); color: var(--primary); }

.nbz-container { width: 100%; max-width: var(--nbz-container-max, 1200px); margin: 0 auto; padding: 0 var(--nbz-container-padding, 1rem); }
.nbz-section { padding: var(--nbz-section-padding-y, 2rem) 0; }

.nbz-grid { display: grid; gap: var(--nbz-component-gap, 1.5rem); }
.nbz-flex { display: flex; }
.nbz-columns { display: grid; gap: var(--nbz-component-gap, 1.5rem); }

.nbz-card {
    background: var(--nbz-color-surface, #fff); border-radius: var(--border-radius);
    box-shadow: var(--nbz-shadow-md, 0 1px 3px rgba(0,0,0,0.1)); overflow: hidden; transition: box-shadow var(--nbz-transition, 0.2s ease), transform var(--nbz-transition, 0.2s ease);
}
.nbz-card:hover { box-shadow: var(--nbz-shadow-lg, 0 4px 12px rgba(0,0,0,0.15)); transform: translateY(-2px); }

.nbz-hero {
    position: relative; display: flex; align-items: center; justify-content: center;
    min-height: 60vh; text-align: center; overflow: hidden;
}
.nbz-hero-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.4); z-index: 1; }
.nbz-hero-content { position: relative; z-index: 2; }

.nbz-form input, .nbz-form textarea, .nbz-form select {
    width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: var(--border-radius);
    font-family: inherit; font-size: 1rem; transition: border-color 0.2s;
}
.nbz-form input:focus, .nbz-form textarea:focus, .nbz-form select:focus {
    outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
}

.nbz-accordion-item { border: 1px solid #e5e7eb; border-radius: var(--border-radius); overflow: hidden; }
.nbz-accordion-header {
    padding: 1rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center;
    background: #f9fafb; font-weight: 600;
}
.nbz-accordion-body { padding: 1rem; display: none; }
.nbz-accordion-item.active .nbz-accordion-body { display: block; }

.nbz-tabs-nav { display: flex; border-bottom: 2px solid #e5e7eb; gap: 0; }
.nbz-tab-btn { padding: 0.75rem 1.5rem; border: none; background: none; cursor: pointer; font-weight: 500; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: all 0.2s; }
.nbz-tab-btn.active { color: var(--primary); border-bottom-color: var(--primary); }
.nbz-tab-panel { display: none; padding: 1.5rem 0; }
.nbz-tab-panel.active { display: block; }

.nbz-gallery { display: grid; gap: 0.5rem; }
.nbz-gallery img { width: 100%; height: 100%; object-fit: cover; border-radius: calc(var(--border-radius) / 2); }

.nbz-slider { position: relative; overflow: hidden; }
.nbz-slider-track { display: flex; transition: transform 0.5s ease; }
.nbz-slider-slide { min-width: 100%; }

.nbz-countdown { display: flex; gap: 1rem; justify-content: center; }
.nbz-countdown-item { text-align: center; }
.nbz-countdown-value { font-size: 2rem; font-weight: 700; }
.nbz-countdown-label { font-size: 0.75rem; text-transform: uppercase; opacity: 0.7; }

.nbz-progress { width: 100%; height: 0.5rem; background: #e5e7eb; border-radius: 9999px; overflow: hidden; }
.nbz-progress-bar { height: 100%; background: var(--primary); border-radius: 9999px; transition: width 0.5s ease; }

.nbz-rating { display: flex; gap: 0.25rem; color: #fbbf24; }

.nbz-social-icons { display: flex; gap: 0.75rem; align-items: center; }
.nbz-social-icon { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--primary); color: #fff; transition: transform 0.2s; }
.nbz-social-icon:hover { transform: scale(1.1); }

.nbz-testimonial { text-align: center; padding: 2rem; }
.nbz-testimonial-quote { font-style: italic; font-size: 1.125rem; margin-bottom: 1rem; }

.nbz-team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; }

.nbz-pricing-table { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }
.nbz-pricing-card { border: 1px solid #e5e7eb; border-radius: var(--border-radius); padding: 2rem; text-align: center; }
.nbz-pricing-card.featured { border-color: var(--primary); box-shadow: 0 4px 12px rgba(59,130,246,0.2); }

.nbz-navbar {
    display: flex; align-items: center; justify-content: space-between;
    padding: 1rem 2rem; background: var(--background); border-bottom: 1px solid #e5e7eb;
}
.nbz-navbar-menu { display: flex; gap: 1.5rem; list-style: none; }
.nbz-navbar-menu a { font-weight: 500; transition: color 0.2s; }
.nbz-navbar-menu a:hover { color: var(--primary); }

.nbz-footer { background: #1e293b; color: #94a3b8; padding: 3rem 2rem 1.5rem; }
.nbz-footer a { color: #cbd5e1; }
.nbz-footer a:hover { color: #fff; }

.nbz-breadcrumbs { display: flex; gap: 0.5rem; font-size: 0.875rem; color: #6b7280; }
.nbz-breadcrumbs a:hover { color: var(--primary); }

.nbz-divider { border: none; border-top: 1px solid #e5e7eb; margin: 1rem 0; }

.nbz-badge { display: inline-flex; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; }

.nbz-alert { padding: 1rem; border-radius: var(--border-radius); border-left: 4px solid; }
.nbz-alert-info { background: #eff6ff; border-color: #3b82f6; color: #1e40af; }
.nbz-alert-success { background: #f0fdf4; border-color: #22c55e; color: #166534; }
.nbz-alert-warning { background: #fffbeb; border-color: #f59e0b; color: #92400e; }
.nbz-alert-error { background: #fef2f2; border-color: #ef4444; color: #991b1b; }

.nbz-modal-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 9998; display: none; align-items: center; justify-content: center; }
.nbz-modal-overlay.active { display: flex; }
.nbz-modal { background: #fff; border-radius: var(--border-radius); padding: 2rem; max-width: 560px; width: 90%; max-height: 90vh; overflow-y: auto; }

.nbz-tooltip { position: relative; cursor: help; }
.nbz-tooltip-text { display: none; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); padding: 0.5rem 0.75rem; background: #1e293b; color: #fff; border-radius: 4px; font-size: 0.75rem; white-space: nowrap; z-index: 100; }
.nbz-tooltip:hover .nbz-tooltip-text { display: block; }

/* Site Navigation (NavigationPanel) */
.nbz-site-nav {
    display: flex; align-items: center; justify-content: space-between;
    padding: 0.75rem 2rem; background: var(--background); border-bottom: 1px solid #e5e7eb;
    position: relative; z-index: 1000; transition: all 0.3s ease;
}
.nbz-nav-sticky { position: sticky; top: 0; }
.nbz-nav-brand { display: flex; align-items: center; gap: 0.75rem; text-decoration: none; color: inherit; font-weight: 700; }
.nbz-nav-brand img { object-fit: contain; }
.nbz-nav-sitename { font-size: 1.125rem; }
.nbz-nav-menu { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
.nbz-nav-menu > li { position: relative; }
.nbz-nav-menu > li > a { display: flex; align-items: center; gap: 0.25rem; padding: 0.5rem 0; font-weight: 500; transition: color 0.2s; white-space: nowrap; }
.nbz-nav-menu > li > a:hover { color: var(--primary); }
.nbz-nav-arrow { font-size: 0.7em; opacity: 0.6; }
.nbz-nav-dropdown:hover > .nbz-nav-submenu { display: block; }
.nbz-nav-submenu {
    display: none; position: absolute; top: 100%; left: 0; min-width: 200px;
    background: #fff; border: 1px solid #e5e7eb; border-radius: var(--border-radius);
    box-shadow: 0 8px 24px rgba(0,0,0,0.12); padding: 0.5rem 0; z-index: 1001; list-style: none;
}
.nbz-nav-submenu li a { display: block; padding: 0.5rem 1rem; transition: background 0.15s; }
.nbz-nav-submenu li a:hover { background: #f1f5f9; color: var(--primary); }
.nbz-nav-submenu .nbz-nav-dropdown > .nbz-nav-submenu { top: 0; left: 100%; }
.nbz-nav-hamburger {
    display: none; flex-direction: column; gap: 5px; background: none; border: none;
    cursor: pointer; padding: 4px; z-index: 1002;
}
.nbz-nav-hamburger span { display: block; width: 24px; height: 2px; background: var(--text); transition: all 0.3s; }
.nbz-nav-mobile-menu {
    display: none; position: fixed; top: 0; right: -100%; width: 280px; height: 100vh;
    background: #fff; box-shadow: -4px 0 20px rgba(0,0,0,0.15); z-index: 1003;
    padding: 1rem; overflow-y: auto; transition: right 0.3s ease;
}
.nbz-nav-open .nbz-nav-mobile-menu { right: 0; display: block; }
.nbz-nav-close { background: none; border: none; font-size: 1.75rem; cursor: pointer; position: absolute; top: 1rem; right: 1rem; line-height: 1; }
.nbz-nav-mobile-list { list-style: none; padding: 2rem 0 0; }
.nbz-nav-mobile-list li { border-bottom: 1px solid #f1f5f9; }
.nbz-nav-mobile-list li a { display: block; padding: 0.75rem 0; font-weight: 500; }
.nbz-nav-mobile-list li a:hover { color: var(--primary); }
.nbz-nav-mobile-sub { list-style: none; padding-left: 1rem; }
.nbz-nav-mobile-sub li a { font-size: 0.875rem; font-weight: 400; }
.nbz-nav-pos-center .nbz-nav-menu { margin: 0 auto; }
.nbz-nav-pos-right .nbz-nav-menu { margin-left: auto; }

/* Site Footer (NavigationPanel) */
.nbz-site-footer { margin-top: auto; }
.nbz-site-footer a:hover { color: #fff; text-decoration: underline; }
.nbz-footer-col ul { padding: 0; }

/* Notification */
.nbz-notification { transition: opacity 0.3s; }

/* Code Block */
.nbz-code-block pre::-webkit-scrollbar { height: 6px; }
.nbz-code-block pre::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }

/* Product Gallery */
.nbz-pg-thumbs::-webkit-scrollbar { height: 4px; }
.nbz-pg-thumbs::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 2px; }

/* Pagination */
.nbz-pagination { display: flex; gap: 0.25rem; justify-content: center; }
.nbz-page-link { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid #e5e7eb; border-radius: var(--border-radius); font-size: 0.875rem; transition: all 0.2s; }
.nbz-page-link:hover { background: #f1f5f9; }
.nbz-page-active { background: var(--primary); color: #fff; border-color: var(--primary); }

/* Share Buttons */
.nbz-share-buttons .nbz-social-icon { font-size: 0.75rem; width: 36px; height: 36px; }

/* Lottie placeholder */
.nbz-lottie { display: flex; align-items: center; justify-content: center; background: #f8fafc; border-radius: var(--border-radius); }

/* Radio / Streaming */
.nbz-radio-player {
    position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;
    background: linear-gradient(135deg, rgba(15,12,41,0.97), rgba(48,43,99,0.97), rgba(36,36,62,0.97));
    border-top: 1px solid rgba(0,255,255,0.15); backdrop-filter: blur(12px); padding: 8px 16px;
}
.nbz-radio-player .player-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 12px; }
.nbz-radio-btn { width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(233,30,99,0.4); background: linear-gradient(135deg, rgba(233,30,99,0.5), rgba(156,39,176,0.5)); display: flex; align-items: center; justify-content: center; cursor: pointer; color: #f9a8d4; font-size: 14px; }
.nbz-now-playing { color: rgba(0,255,255,0.9); font-size: 13px; font-weight: 600; }

/* Responsive */
@media (max-width: 1023px) {
    .nbz-container { padding: 0 0.75rem; }
    .nbz-section { padding: 1.5rem 0; }
    .nbz-hero { min-height: 50vh; }
    .nbz-navbar { padding: 0.75rem 1rem; }
    .nbz-columns { grid-template-columns: 1fr !important; }
    .nbz-footer-grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 768px) {
    .nbz-nav-menu { display: none; }
    .nbz-nav-hamburger { display: flex; }
    .nbz-nav-mobile-menu { display: block; }
}

@media (max-width: 639px) {
    .nbz-section { padding: 1rem 0; }
    .nbz-hero { min-height: 40vh; }
    .nbz-navbar { flex-wrap: wrap; padding: 0.5rem 0.75rem; }
    .nbz-navbar-menu { flex-wrap: wrap; gap: 0.75rem; }
    .nbz-pricing-table { grid-template-columns: 1fr; }
    .nbz-team-grid { grid-template-columns: 1fr; }
    .nbz-countdown-value { font-size: 1.5rem; }
    .nbz-site-nav { padding: 0.5rem 1rem; }
    .nbz-footer-grid { grid-template-columns: 1fr !important; }
    .nbz-pg-thumbs { gap: 0.25rem; }
    .nbz-pg-thumbs img { width: 48px; height: 48px; }
}



/* Per-block responsive styles */
.nb-block-460 { max-width: 1240px; margin: 0 auto; }
@media (max-width: 1023px) { .nb-block-460 { max-width: 1054px; margin: 0px auto; } }
@media (max-width: 639px) { .nb-block-460 { max-width: 868px; } }
.nb-block-462 { font-size: 4rem; line-height: 1.02; max-width: 720px; margin: 1.5rem 0; }
@media (max-width: 1023px) { .nb-block-462 { font-size: 3rem; line-height: 1px; max-width: 612px; margin: 1.27rem 0px; } }
@media (max-width: 639px) { .nb-block-462 { font-size: 2.2rem; max-width: 504px; margin: 1.05rem 0px; } }
.nb-block-463 { font-size: 1.15rem; max-width: 560px; line-height: 1.6; }
@media (max-width: 1023px) { .nb-block-463 { font-size: 0.98rem; max-width: 476px; line-height: 1px; } }
@media (max-width: 639px) { .nb-block-463 { font-size: 0.81rem; max-width: 392px; } }
.nb-block-464 { margin-top: 1.75rem; padding: 0.25rem; border-radius: 8px; }
@media (max-width: 1023px) { .nb-block-464 { margin-top: 1.49rem; padding: 0.21rem; border-radius: 7px; } }
@media (max-width: 639px) { .nb-block-464 { margin-top: 1.22rem; padding: 0.18rem; border-radius: 6px; } }
.nb-block-466 { max-width: 1240px; margin: 0 auto; }
@media (max-width: 1023px) { .nb-block-466 { max-width: 1054px; margin: 0px auto; } }
@media (max-width: 639px) { .nb-block-466 { max-width: 868px; } }
.nb-block-467 { font-size: 2.4rem; padding: 0.25rem; }
@media (max-width: 1023px) { .nb-block-467 { font-size: 2.04rem; padding: 0.21rem; } }
@media (max-width: 639px) { .nb-block-467 { font-size: 1.68rem; padding: 0.18rem; } }
.nb-block-468 { gap: 1.25rem; }
@media (max-width: 1023px) { .nb-block-468 { gap: 1.06rem; } }
@media (max-width: 639px) { .nb-block-468 { gap: 0.88rem; } }
.nb-block-470 { max-width: 680px; margin: 0 auto; }
@media (max-width: 1023px) { .nb-block-470 { max-width: 578px; margin: 0px auto; } }
@media (max-width: 639px) { .nb-block-470 { max-width: 476px; } }