:root{--brand:#f5576c;--brand-dark:#d43e52;--brand-light:#ff7a8a;--brand-glow:rgba(245,87,108,0.25);--bg-primary:#0b0e1a;--bg-secondary:#111827;--bg-card:rgba(255,255,255,0.05);--bg-card-hover:rgba(255,255,255,0.10);--bg-input:#1a2035;--bg-glass:rgba(255,255,255,0.04);--text-primary:#f0f4ff;--text-secondary:#b0bcdb;--text-muted:#6a7a9e;--text-inverse:#0b0e1a;--border-color:rgba(255,255,255,0.08);--border-focus:#f5576c;--shadow-sm:0 4px 12px rgba(0,0,0,0.3);--shadow-md:0 8px 30px rgba(0,0,0,0.5);--shadow-glow:0 0 40px rgba(245,87,108,0.15);--font-base:'Segoe UI',system-ui,-apple-system,sans-serif;--radius:16px;--radius-sm:10px;--radius-full:9999px;--transition:0.25s ease}[data-theme="light"]{--bg-primary:#f4f6fc;--bg-secondary:#ffffff;--bg-card:rgba(0,0,0,0.03);--bg-card-hover:rgba(0,0,0,0.06);--bg-input:#eef1f8;--bg-glass:rgba(255,255,255,0.6);--text-primary:#0b0e1a;--text-secondary:#2d3349;--text-muted:#5a6a8a;--border-color:rgba(0,0,0,0.08);--shadow-sm:0 4px 12px rgba(0,0,0,0.06);--shadow-md:0 8px 30px rgba(0,0,0,0.10)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-base);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background var(--transition),color var(--transition);min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}a{color:var(--brand);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--brand-light)}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}h1,h2,h3,h4{font-weight:700;line-height:1.2;letter-spacing:-0.02em}.section-title{font-size:2rem;text-align:center;margin-bottom:0.3rem}.section-title .gradient-text{color:#ff9aab!important;background:none!important;-webkit-text-fill-color:#ff9aab!important}.section-subtitle{text-align:center;font-size:1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 1.5rem auto}.gradient-text{color:#ff9aab!important;background:none!important;-webkit-text-fill-color:#ff9aab!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:var(--radius-full);font-weight:600;font-size:0.95rem;border:none;cursor:pointer;transition:all var(--transition);text-decoration:none;font-family:var(--font-base);line-height:1.2}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 4px 16px rgba(245,87,108,0.3)}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(245,87,108,0.4);color:#fff}.btn-outline{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-outline:hover{border-color:var(--brand);color:var(--brand);background:rgba(245,87,108,0.06)}.btn-sm{padding:6px 16px;font-size:0.85rem}.btn-lg{padding:12px 30px;font-size:1rem}.btn-block{width:100%;justify-content:center}.site-header{padding:12px 0;border-bottom:1px solid var(--border-color);background:var(--bg-primary);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);background:rgba(11,14,26,0.8);transition:background var(--transition)}[data-theme="light"] .site-header{background:rgba(244,246,252,0.85)}[data-theme="light"] .gradient-text,[data-theme="light"] .section-title .gradient-text{color:#a61b3b!important;-webkit-text-fill-color:#a61b3b!important;background:none!important}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo a{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:700;font-size:1.3rem}.logo .brand-icon{font-size:1.5rem;color:var(--brand)}.logo .brand-highlight{color:var(--brand)}.main-nav ul{display:flex;gap:24px}.main-nav a{color:var(--text-secondary);font-weight:500;font-size:0.9rem;transition:color var(--transition)}.main-nav a:hover{color:var(--brand)}.header-actions{display:flex;align-items:center;gap:10px}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all var(--transition);color:var(--text-primary)}.theme-toggle:hover{border-color:var(--brand);background:var(--bg-card-hover)}.theme-toggle .icon-light{display:none}[data-theme="light"] .theme-toggle .icon-dark{display:none}[data-theme="light"] .theme-toggle .icon-light{display:block}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}.mobile-menu-toggle span{display:block;width:24px;height:2.5px;background:var(--text-primary);border-radius:4px;transition:all var(--transition)}.hero{padding:30px 0 20px 0;background:radial-gradient(ellipse at 20% 50%,rgba(245,87,108,0.08),transparent 60%)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.hero-content h1{font-size:2.4rem;line-height:1.1;margin-bottom:10px}.hero-subtitle{font-size:1rem;color:var(--text-secondary);max-width:540px;margin-bottom:14px}.hero-stats{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px;font-size:0.85rem;color:var(--text-secondary)}.hero-stats span{background:var(--bg-card);padding:2px 12px;border-radius:var(--radius-full);border:1px solid var(--border-color)}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-qr-decor{width:200px;height:200px;background:var(--bg-card);border-radius:var(--radius);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center}.qr-pattern{width:140px;height:140px;background:repeating-conic-gradient(var(--brand) 0% 25%,transparent 0% 50%) 0 0 / 30px 30px;opacity:0.2;border-radius:8px}.mini-generator{padding:30px 0;background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;background:var(--bg-card);border-radius:var(--radius);padding:20px;border:1px solid var(--border-color)}.mini-controls .form-group{margin-bottom:12px}.mini-controls label{display:block;font-weight:600;font-size:0.85rem;margin-bottom:3px;color:var(--text-secondary)}.mini-controls select,.mini-controls input{width:100%;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-size:0.9rem;font-family:var(--font-base);transition:border var(--transition)}.mini-controls select:focus,.mini-controls input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.mini-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.mini-hint{font-size:0.8rem;color:var(--text-muted);margin-top:8px}.mini-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-card);border-radius:var(--radius-sm);padding:16px;border:1px dashed var(--border-color);min-height:200px}.mini-preview-label{margin-top:8px;font-size:0.8rem;color:var(--text-muted)}#miniQrContainer{background:#fff;padding:8px;border-radius:8px;display:inline-block}#miniQrContainer img{display:block}.popular-types{padding:30px 0}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;max-width:900px;margin:0 auto}.type-card{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-primary);font-weight:500;transition:all var(--transition);text-align:center;font-size:0.9rem}.type-card:hover{transform:translateY(-3px);border-color:var(--brand);background:var(--bg-card-hover);box-shadow:var(--shadow-sm)}.type-card span{font-size:1.2rem}.type-card.highlight-card{border-color:var(--brand);background:rgba(245,87,108,0.08)}.type-card.highlight-card:hover{background:rgba(245,87,108,0.15)}.features{padding:30px 0;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.feature-item{background:var(--bg-card);padding:20px 16px;border-radius:var(--radius);border:1px solid var(--border-color);text-align:center;transition:all var(--transition)}.feature-item:hover{transform:translateY(-3px);border-color:var(--brand);box-shadow:var(--shadow-sm)}.feature-icon{font-size:2rem;margin-bottom:8px}.feature-item h3{font-size:1rem;margin-bottom:4px}.feature-item p{color:var(--text-secondary);font-size:0.85rem}.how-it-works{padding:30px 0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:800px;margin:0 auto}.step{text-align:center;padding:18px 12px;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-color)}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:8px}.step h3{font-size:1rem;margin-bottom:3px}.step p{color:var(--text-secondary);font-size:0.85rem}.faq{padding:30px 0;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.faq-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:4px 0}.faq-item summary{padding:12px 16px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);transition:color var(--transition);font-size:0.95rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"▼";font-size:0.6rem;color:var(--text-muted);transition:transform var(--transition)}.faq-item[open] summary::after{transform:rotate(180deg)}.faq-item summary:hover{color:var(--brand)}.faq-item p{padding:0 16px 12px 16px;color:var(--text-secondary);font-size:0.9rem}.site-footer{padding:30px 0 15px 0;background:var(--bg-primary);border-top:1px solid var(--border-color);margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px}.footer-brand .brand-name{font-size:1.3rem;font-weight:700}.footer-brand .brand-highlight{color:var(--brand)}.footer-brand p{color:var(--text-secondary);font-size:0.85rem;max-width:280px;margin-top:4px}.footer-copy{margin-top:10px;font-size:0.75rem;color:var(--text-muted)}.footer-links h4{font-size:0.9rem;margin-bottom:8px;color:var(--text-primary)}.footer-links ul{display:flex;flex-direction:column;gap:4px}.footer-links a{color:var(--text-secondary);font-size:0.85rem;transition:color var(--transition)}.footer-links a:hover{color:var(--brand)}@media (max-width:992px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:2rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-stats{justify-content:center}.hero-cta{justify-content:center}.hero-visual{display:none}.mini-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.main-nav{display:none}.mobile-menu-toggle{display:flex}.header-actions .btn-sm{display:none}.section-title{font-size:1.5rem}.hero-content h1{font-size:1.7rem}.footer-grid{grid-template-columns:1fr;gap:16px}.type-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.mini-grid{padding:12px}.mini-actions{flex-direction:column}.mini-actions .btn{width:100%;justify-content:center}}@media (max-width:480px){.container{padding:0 14px}.hero{padding:20px 0}.hero-content h1{font-size:1.4rem}.section-title{font-size:1.3rem}.feature-item{padding:16px 12px}.step{padding:14px 10px}}.seo-help{margin-top:2rem;margin-bottom:2rem}.seo-help .card{padding:1.5rem}.seo-help h2,.seo-help h3{margin-top:0}.seo-help p{line-height:1.7}.seo-help a{text-decoration:underline}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);padding:24px;transition:all var(--transition)}.card:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.card-glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.06)}.card-highlight{border-left:4px solid var(--brand)}.card-center{text-align:center}.card-title{font-size:1.2rem;font-weight:700;margin-bottom:6px}.card-subtitle{color:var(--text-secondary);font-size:0.95rem}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--radius-full);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.03em;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary)}.badge-brand{background:var(--brand);color:#fff;border-color:var(--brand)}.badge-success{background:#10b981;color:#fff;border-color:#10b981}.badge-warning{background:#f59e0b;color:#0b0e1a;border-color:#f59e0b}.badge-danger{background:#ef4444;color:#fff;border-color:#ef4444}.badge-outline{background:transparent;border-color:var(--border-color);color:var(--text-primary)}.form-group{margin-bottom:18px}.form-group label{display:block;font-weight:600;font-size:0.9rem;margin-bottom:5px;color:var(--text-secondary)}.form-group .form-hint{font-size:0.8rem;color:var(--text-muted);margin-top:4px}.form-control{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font-size:1rem;font-family:var(--font-base);transition:all var(--transition)}.form-control:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.form-control::placeholder{color:var(--text-muted);opacity:0.7}.form-control:disabled{opacity:0.5;cursor:not-allowed}textarea.form-control{min-height:80px;resize:vertical}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236a7a9e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;cursor:pointer}select.form-control option{background:var(--bg-primary);color:var(--text-primary)}.form-check{display:flex;align-items:center;gap:10px;margin-bottom:8px;cursor:pointer}.form-check input[type="checkbox"],.form-check input[type="radio"]{width:18px;height:18px;accent-color:var(--brand);cursor:pointer;flex-shrink:0}.form-check label{font-weight:400;color:var(--text-primary);cursor:pointer;margin-bottom:0}.form-inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.form-inline .form-group{flex:1;min-width:160px;margin-bottom:0}.form-inline .btn{flex-shrink:0}.input-group{display:flex;align-items:stretch;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-input);transition:border var(--transition)}.input-group:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow)}.input-group .input-addon{display:flex;align-items:center;padding:0 14px;background:var(--bg-card);color:var(--text-secondary);font-weight:500;font-size:0.95rem;border-right:1px solid var(--border-color);flex-shrink:0}.input-group .form-control{border:none;border-radius:0;background:transparent;padding:12px 14px}.input-group .form-control:focus{box-shadow:none}.btn-icon{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.btn-icon.btn-sm{width:36px;height:36px}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{color:var(--brand);background:var(--bg-card);border-color:var(--border-color)}.btn-block{width:100%;justify-content:center}.btn .spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.7s linear infinite}.btn.is-loading .spinner{display:inline-block}.btn.is-loading .btn-text{display:none}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px}.modal-overlay.is-open{display:flex}.modal{background:var(--bg-secondary);border-radius:var(--radius);max-width:560px;width:100%;max-height:90vh;overflow-y:auto;padding:32px;border:1px solid var(--border-color);box-shadow:var(--shadow-md);animation:modalFadeIn 0.25s ease}@keyframes modalFadeIn{from{opacity:0;transform:scale(0.96) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h3{font-size:1.4rem}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.8rem;cursor:pointer;line-height:1;padding:0 4px;transition:color var(--transition)}.modal-close:hover{color:var(--brand)}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:20px;overflow-x:auto;padding-bottom:2px}.tab-btn{background:none;border:none;padding:10px 20px;font-weight:600;font-size:0.95rem;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent;transition:all var(--transition);white-space:nowrap;font-family:var(--font-base)}.tab-btn:hover{color:var(--text-primary)}.tab-btn.is-active{color:var(--brand);border-bottom-color:var(--brand)}.tab-content{display:none}.tab-content.is-active{display:block}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 0;font-size:0.9rem;color:var(--text-muted)}.breadcrumb a{color:var(--text-secondary);transition:color var(--transition)}.breadcrumb a:hover{color:var(--brand)}.breadcrumb .separator{color:var(--text-muted);font-size:0.6rem}.breadcrumb .current{color:var(--text-primary);font-weight:500}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:calc(100%+8px);left:50%;transform:translateX(-50%);background:var(--bg-secondary);color:var(--text-primary);padding:6px 14px;border-radius:var(--radius-sm);font-size:0.8rem;border:1px solid var(--border-color);white-space:nowrap;transition:all var(--transition);z-index:50;box-shadow:var(--shadow-sm)}.tooltip .tooltip-text::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--border-color)}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.06)}.glass-light{background:rgba(255,255,255,0.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.04)}.glass-dark{background:rgba(0,0,0,0.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.06)}.skeleton{background:var(--bg-card);border-radius:var(--radius-sm);animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.alert{padding:14px 20px;border-radius:var(--radius-sm);border-left:4px solid;margin-bottom:16px;background:var(--bg-card);color:var(--text-primary)}.alert-success{border-color:#10b981}.alert-success .alert-icon{color:#10b981}.alert-error{border-color:#ef4444}.alert-error .alert-icon{color:#ef4444}.alert-warning{border-color:#f59e0b}.alert-warning .alert-icon{color:#f59e0b}.alert-info{border-color:#3b82f6}.alert-info .alert-icon{color:#3b82f6}.alert-icon{margin-right:10px}.alert-dismiss{float:right;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:0 4px}.qr-display-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--bg-card);border-radius:var(--radius);border:2px dashed var(--border-color);min-height:280px;transition:border var(--transition)}.qr-display-box.has-qr{border-style:solid;border-color:var(--brand)}.qr-display-box canvas,.qr-display-box img{max-width:100%;height:auto;border-radius:8px;background:#fff;padding:8px}.qr-display-box .qr-placeholder{color:var(--text-muted);font-size:0.95rem}.qr-display-box .download-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:18px}@media (max-width:640px){.form-inline{flex-direction:column;align-items:stretch}.form-inline .form-group{min-width:auto;margin-bottom:12px}.modal{padding:20px;margin:10px}.tabs{gap:2px}.tab-btn{padding:8px 12px;font-size:0.85rem}.breadcrumb{font-size:0.8rem;gap:4px 8px}.card{padding:18px}.qr-display-box{min-height:200px;padding:16px}}.m-0{margin:0}.m-1{margin:4px}.m-2{margin:8px}.m-3{margin:12px}.m-4{margin:16px}.m-5{margin:20px}.m-6{margin:24px}.m-7{margin:32px}.m-8{margin:40px}.m-9{margin:48px}.m-10{margin:64px}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-7{margin-top:32px}.mt-8{margin-top:40px}.mt-9{margin-top:48px}.mt-10{margin-top:64px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-7{margin-bottom:32px}.mb-8{margin-bottom:40px}.mb-9{margin-bottom:48px}.mb-10{margin-bottom:64px}.ml-0{margin-left:0}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.ml-3{margin-left:12px}.ml-4{margin-left:16px}.ml-5{margin-left:20px}.ml-6{margin-left:24px}.ml-7{margin-left:32px}.ml-8{margin-left:40px}.ml-9{margin-left:48px}.ml-10{margin-left:64px}.mr-0{margin-right:0}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.mr-3{margin-right:12px}.mr-4{margin-right:16px}.mr-5{margin-right:20px}.mr-6{margin-right:24px}.mr-7{margin-right:32px}.mr-8{margin-right:40px}.mr-9{margin-right:48px}.mr-10{margin-right:64px}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:4px;margin-right:4px}.mx-2{margin-left:8px;margin-right:8px}.mx-3{margin-left:12px;margin-right:12px}.mx-4{margin-left:16px;margin-right:16px}.mx-5{margin-left:20px;margin-right:20px}.mx-6{margin-left:24px;margin-right:24px}.mx-7{margin-left:32px;margin-right:32px}.mx-8{margin-left:40px;margin-right:40px}.mx-9{margin-left:48px;margin-right:48px}.mx-10{margin-left:64px;margin-right:64px}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:4px;margin-bottom:4px}.my-2{margin-top:8px;margin-bottom:8px}.my-3{margin-top:12px;margin-bottom:12px}.my-4{margin-top:16px;margin-bottom:16px}.my-5{margin-top:20px;margin-bottom:20px}.my-6{margin-top:24px;margin-bottom:24px}.my-7{margin-top:32px;margin-bottom:32px}.my-8{margin-top:40px;margin-bottom:40px}.my-9{margin-top:48px;margin-bottom:48px}.my-10{margin-top:64px;margin-bottom:64px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-7{padding:32px}.p-8{padding:40px}.p-9{padding:48px}.p-10{padding:64px}.pt-0{padding-top:0}.pt-1{padding-top:4px}.pt-2{padding-top:8px}.pt-3{padding-top:12px}.pt-4{padding-top:16px}.pt-5{padding-top:20px}.pt-6{padding-top:24px}.pt-7{padding-top:32px}.pt-8{padding-top:40px}.pt-9{padding-top:48px}.pt-10{padding-top:64px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:4px}.pb-2{padding-bottom:8px}.pb-3{padding-bottom:12px}.pb-4{padding-bottom:16px}.pb-5{padding-bottom:20px}.pb-6{padding-bottom:24px}.pb-7{padding-bottom:32px}.pb-8{padding-bottom:40px}.pb-9{padding-bottom:48px}.pb-10{padding-bottom:64px}.pl-0{padding-left:0}.pl-1{padding-left:4px}.pl-2{padding-left:8px}.pl-3{padding-left:12px}.pl-4{padding-left:16px}.pl-5{padding-left:20px}.pl-6{padding-left:24px}.pl-7{padding-left:32px}.pl-8{padding-left:40px}.pl-9{padding-left:48px}.pl-10{padding-left:64px}.pr-0{padding-right:0}.pr-1{padding-right:4px}.pr-2{padding-right:8px}.pr-3{padding-right:12px}.pr-4{padding-right:16px}.pr-5{padding-right:20px}.pr-6{padding-right:24px}.pr-7{padding-right:32px}.pr-8{padding-right:40px}.pr-9{padding-right:48px}.pr-10{padding-right:64px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:4px;padding-right:4px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-5{padding-left:20px;padding-right:20px}.px-6{padding-left:24px;padding-right:24px}.px-7{padding-left:32px;padding-right:32px}.px-8{padding-left:40px;padding-right:40px}.px-9{padding-left:48px;padding-right:48px}.px-10{padding-left:64px;padding-right:64px}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.py-5{padding-top:20px;padding-bottom:20px}.py-6{padding-top:24px;padding-bottom:24px}.py-7{padding-top:32px;padding-bottom:32px}.py-8{padding-top:40px;padding-bottom:40px}.py-9{padding-top:48px;padding-bottom:48px}.py-10{padding-top:64px;padding-bottom:64px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-underline{text-decoration:underline}.text-line-through{text-decoration:line-through}.text-no-underline{text-decoration:none}.text-brand{color:var(--brand) !important}.text-muted{color:var(--text-muted) !important}.text-secondary{color:var(--text-secondary) !important}.text-white{color:#ffffff !important}.text-dark{color:var(--text-inverse) !important}.text-xs{font-size:0.75rem}.text-sm{font-size:0.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.text-6xl{font-size:3.75rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}.d-contents{display:contents}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.gap-0{gap:0}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-7{gap:32px}.gap-8{gap:40px}.gap-9{gap:48px}.gap-10{gap:64px}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-7{grid-template-columns:repeat(7,1fr)}.grid-cols-8{grid-template-columns:repeat(8,1fr)}.grid-cols-9{grid-template-columns:repeat(9,1fr)}.grid-cols-10{grid-template-columns:repeat(10,1fr)}.grid-flow-row{grid-auto-flow:row}.grid-flow-col{grid-auto-flow:column}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-auto{z-index:auto}.w-full{width:100%}.w-auto{width:auto}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.min-w-full{min-width:100%}.min-h-screen{min-height:100vh}.max-w-full{max-width:100%}.max-w-screen-xl{max-width:1280px}.border{border:1px solid var(--border-color)}.border-0{border:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-brand{border-color:var(--brand) !important}.border-transparent{border-color:transparent}.border-white{border-color:#ffffff}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius)}.rounded-lg{border-radius:calc(var(--radius)+4px)}.rounded-full{border-radius:var(--radius-full)}.bg-transparent{background:transparent}.bg-brand{background:var(--brand)}.bg-brand-light{background:var(--brand-light)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-card{background:var(--bg-card)}.bg-white{background:#ffffff}.bg-black{background:#000000}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.transition{transition:all var(--transition)}.transition-colors{transition:background var(--transition),color var(--transition),border var(--transition)}.transition-transform{transition:transform var(--transition)}.transition-opacity{transition:opacity var(--transition)}.duration-fast{transition-duration:0.15s}.duration-slow{transition-duration:0.5s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.animate-fade-in{animation:fadeIn 0.3s ease forwards}.animate-slide-up{animation:slideUp 0.4s ease forwards}.animate-slide-down{animation:slideDown 0.4s ease forwards}.animate-scale-in{animation:scaleIn 0.3s ease forwards}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.animate-spin{animation:spin 0.8s linear infinite}@media (max-width:768px){.md\:d-none{display:none !important}.md\:d-flex{display:flex !important}.md\:d-block{display:block !important}.md\:text-center{text-align:center !important}.md\:flex-col{flex-direction:column !important}.md\:w-full{width:100% !important}.md\:grid-cols-1{grid-template-columns:1fr !important}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr) !important}}@media (min-width:769px) and (max-width:991px){.lg\:d-none{display:none !important}.lg\:d-flex{display:flex !important}}@media (max-width:480px){.sm\:d-none{display:none !important}.sm\:d-flex{display:flex !important}.sm\:d-block{display:block !important}.sm\:text-center{text-align:center !important}.sm\:flex-col{flex-direction:column !important}.sm\:w-full{width:100% !important}.sm\:gap-2{gap:8px !important}}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;z-index:200}.mobile-menu-toggle span{display:block;width:26px;height:2.5px;background:var(--text-primary);border-radius:4px;transition:all 0.25s ease;transform-origin:center}.mobile-menu-toggle.is-active span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.mobile-menu-toggle.is-active span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-toggle.is-active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}@media (max-width:768px){.mobile-menu-toggle{display:flex}.main-nav{position:fixed;top:0;right:-100%;width:75%;max-width:320px;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-color);padding:80px 30px 30px 30px;transition:right 0.3s ease;z-index:150;overflow-y:auto;display:block !important;box-shadow:var(--shadow-md)}.main-nav.is-open{right:0}.main-nav ul{flex-direction:column;gap:16px}.main-nav a{font-size:1.2rem;display:block;padding:8px 0}.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:140;display:none;opacity:0;transition:opacity 0.3s ease}.nav-overlay.is-open{display:block;opacity:1}.header-actions .btn-sm{display:none}}@media (max-width:374px){.container{padding:0 12px}html{font-size:15px}.hero-content h1{font-size:1.5rem}.hero-subtitle{font-size:0.95rem}.hero-stats{gap:10px;font-size:0.8rem}.hero-stats span{padding:2px 10px}.section-title{font-size:1.4rem}.section-subtitle{font-size:0.95rem}.btn{padding:10px 18px;font-size:0.9rem}.btn-lg{padding:12px 24px;font-size:1rem}.type-grid{grid-template-columns:repeat(2,1fr);gap:10px}.type-card{padding:12px 8px;font-size:0.85rem}.type-card span{font-size:1.2rem}.features-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.mini-grid{padding:12px}.mini-preview{min-height:200px;padding:12px}#miniQrContainer{padding:8px}#miniQrContainer img{width:140px !important;height:140px !important}.footer-grid{grid-template-columns:1fr;gap:16px}.logo .brand-name{font-size:1.2rem}.theme-toggle{width:36px;height:36px;font-size:1rem}}@media (min-width:375px) and (max-width:479px){.container{padding:0 14px}.hero-content h1{font-size:1.7rem}.section-title{font-size:1.5rem}.type-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}#miniQrContainer img{width:160px !important;height:160px !important}}@media (min-width:480px) and (max-width:639px){.container{padding:0 16px}.hero-content h1{font-size:2rem}.section-title{font-size:1.7rem}.type-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.steps .step:last-child{grid-column:span 2}#miniQrContainer img{width:180px !important;height:180px !important}.mini-actions{flex-direction:row}.mini-actions .btn{flex:1}}@media (min-width:640px) and (max-width:767px){.container{padding:0 20px}.hero-content h1{font-size:2.2rem}.section-title{font-size:1.9rem}.type-grid{grid-template-columns:repeat(4,1fr)}.features-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr 1fr}.mini-grid{grid-template-columns:1fr}#miniQrContainer img{width:200px !important;height:200px !important}.footer-grid{grid-template-columns:1fr 1fr}}@media (min-width:768px) and (max-width:991px){.container{padding:0 24px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-content h1{font-size:2.6rem}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-stats{justify-content:center}.hero-cta{justify-content:center}.hero-visual{display:none}.section-title{font-size:2.2rem}.mini-grid{grid-template-columns:1fr}#miniQrContainer img{width:220px !important;height:220px !important}.type-grid{grid-template-columns:repeat(4,1fr)}.features-grid{grid-template-columns:1fr 1fr 1fr}.footer-grid{grid-template-columns:2fr 1fr 1fr}}@media (min-width:992px) and (max-width:1199px){.container{padding:0 32px}.hero-content h1{font-size:2.8rem}.section-title{font-size:2.3rem}.type-grid{grid-template-columns:repeat(5,1fr)}.features-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}#miniQrContainer img{width:230px !important;height:230px !important}}@media (min-width:1200px) and (max-width:1399px){.container{padding:0 40px;max-width:1140px}.hero-content h1{font-size:3rem}.type-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1400px){.container{padding:0 48px;max-width:1320px}.hero-content h1{font-size:3.6rem}.hero-qr-decor{width:320px;height:320px}.qr-pattern{width:200px;height:200px}.type-grid{grid-template-columns:repeat(7,1fr)}}@media (max-height:500px) and (orientation:landscape){.hero{padding:30px 0 20px 0}.hero-content h1{font-size:1.8rem}.hero-subtitle{font-size:0.95rem;margin-bottom:12px}.hero-stats{margin-bottom:14px}.hero-cta .btn{padding:8px 18px;font-size:0.85rem}.mini-generator{padding:30px 0}.mini-grid{padding:16px}#miniQrContainer img{width:120px !important;height:120px !important}.mini-preview{min-height:160px;padding:12px}.site-header{padding:10px 0}.section-title{font-size:1.4rem}.features,.how-it-works,.faq,.popular-types{padding:30px 0}}@media print{.site-header,.site-footer,.hero-cta,.mini-actions,.theme-toggle,.mobile-menu-toggle,.main-nav,.header-actions{display:none !important}.hero{padding:20px 0;background:none !important}.mini-generator{background:none !important;border:none !important;padding:10px 0}.mini-grid{border:1px solid #ccc;box-shadow:none !important}body{background:#fff !important;color:#000 !important}.container{max-width:100% !important;padding:0 20px !important}.qr-display-box{border:1px solid #ccc !important}#miniQrContainer img{border:1px solid #ddd}.section-title .gradient-text{color:#ff9aab!important;background:none!important;-webkit-text-fill-color:#ff9aab!important}.footer-grid{display:none !important}}@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}.modal{animation:none !important}.skeleton{animation:none !important;background:var(--bg-card) !important}}[data-theme="light"] .mobile-menu-toggle span{background:var(--text-primary)}[data-theme="light"] .main-nav{background:var(--bg-secondary)}[data-theme="light"] .nav-overlay{background:rgba(0,0,0,0.3)}.hide-mobile{display:block}.show-mobile{display:none}.hide-tablet{display:block}.show-tablet{display:none}@media (max-width:768px){.hide-mobile{display:none !important}.show-mobile{display:block !important}.show-mobile-inline{display:inline-block !important}.text-center-mobile{text-align:center !important}.flex-column-mobile{flex-direction:column !important}.gap-mobile-sm{gap:8px !important}}@media (min-width:769px) and (max-width:991px){.hide-tablet{display:none !important}.show-tablet{display:block !important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--brand)}.skip-link{position:fixed;left:12px;top:-100px;z-index:10000;padding:10px 16px;border-radius:10px;background:#ffffff;color:#0b0e1a;font-weight:700;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25)}.skip-link:focus{top:12px}.btn-primary,.btn-primary:visited{background:var(--brand-dark);color:#ffffff}.btn-primary:hover,.btn-primary:focus-visible{background:#b4233c;color:#ffffff}:root{--text-muted:#8ea0c5}[data-theme="light"]{--text-muted:#4b5d7e}.footer-links h2,.footer-links h4{font-size:0.9rem;line-height:1.3;margin-bottom:8px;color:var(--text-primary)}:focus-visible{outline:3px solid var(--brand-dark);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}.seo-tools{padding:42px 20px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px}.tool-grid a{padding:16px;border:1px solid rgba(127,127,127,.25);border-radius:12px;text-decoration:none;font-weight:600}.tool-grid a:hover{transform:translateY(-1px)}.site-header-pro{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #ececf4}.header-inner-pro{min-height:70px;display:flex;align-items:center;gap:24px}.brand-pro{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1b1d2a;font-weight:800;letter-spacing:-.02em;white-space:nowrap}.brand-pro b{color:#5b3bb8}.brand-mark-pro{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#f5576c,#7c4dff);color:#fff;font-size:12px;box-shadow:0 8px 22px rgba(124,77,255,.22)}.pro-nav{display:flex;align-items:center;gap:18px;flex:1;justify-content:center}.pro-nav a,.pro-link{color:#4b5563;text-decoration:none;font-size:14px;font-weight:650}.pro-nav a:hover,.pro-link:hover{color:#5b3bb8}.pro-actions{display:flex;align-items:center;gap:12px}.pro-btn{background:#6c4cff;color:#fff;text-decoration:none;border-radius:12px;padding:11px 16px;font-weight:750;box-shadow:0 8px 20px rgba(108,76,255,.2)}.pro-menu{display:none;border:0;background:transparent;font-size:25px}.site-mobile-nav{display:none}.discovery-section{padding:76px 20px}.discovery-head{text-align:center;max-width:780px;margin:0 auto 34px}.discovery-head h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 10px;color:var(--text-primary)}.discovery-head p{color:var(--text-secondary);line-height:1.7}.discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.discovery-card{display:block;padding:22px;border:1px solid #ececf4;border-radius:18px;background:#fff;text-decoration:none;color:#1f2433;transition:.2s;box-shadow:0 8px 30px rgba(25,27,45,.04)}.discovery-card:hover{transform:translateY(-3px);border-color:#d8d0ff;box-shadow:0 14px 35px rgba(25,27,45,.08)}.discovery-card .icon{font-size:27px}.discovery-card h3{margin:10px 0 6px;font-size:17px}.discovery-card p{margin:0;color:#697084;line-height:1.55;font-size:14px}.pill-row{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:24px}.pill-row a{padding:9px 13px;border-radius:999px;background:#f7f5ff;color:#5b43c6;text-decoration:none;font-weight:650;font-size:13px}.template-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-card{border-radius:20px;overflow:hidden;border:1px solid #ececf4;background:#fff}.template-art{height:130px;background:linear-gradient(135deg,#f6f3ff,#fff2f4);display:grid;place-items:center;font-size:50px}.template-card .body{padding:18px}.template-card h3{margin:0 0 6px}.template-card p{margin:0 0 14px;color:#697084;line-height:1.55}.template-card a{font-weight:750;color:#5b3bb8;text-decoration:none}.industry-list{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.industry-list a{padding:18px;border-radius:16px;background:#fafaff;border:1px solid #ececf4;text-decoration:none;color:#272b3a;font-weight:700}.feature-banner{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.feature-banner>div{border-radius:22px;padding:30px;background:#171827;color:#fff}.feature-banner .light{background:#f8f7ff;color:#232637}.feature-banner h2{margin-top:0}.feature-banner p{line-height:1.7;color:#d4d6e0}.feature-banner .light p{color:#4b5563}@media(max-width:1050px){.pro-nav{gap:11px}.pro-nav a:nth-child(5),.pro-nav a:nth-child(6),.pro-link{display:none}.discovery-grid,.industry-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.header-inner-pro{padding:0 16px}.pro-nav,.pro-actions{display:none}.pro-menu{display:block;margin-left:auto}.site-mobile-nav{padding:12px 18px 18px;border-top:1px solid #eee;background:#fff}.site-mobile-nav.open{display:grid;grid-template-columns:1fr 1fr;gap:8px}.site-mobile-nav a{padding:12px;border-radius:10px;background:#f7f7fb;color:#313547;text-decoration:none;font-weight:650}.discovery-section{padding:52px 16px}.discovery-grid,.template-strip,.industry-list,.feature-banner{grid-template-columns:1fr}.discovery-card{padding:18px}}.generator-v4-section{padding:28px 0 70px;background:linear-gradient(180deg,rgba(245,87,108,.045),transparent 30%)}.generator-hero-v4{text-align:center;max-width:820px;margin:0 auto 26px}.eyebrow-v4{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(245,87,108,.1);color:#c43d55;font-size:.78rem;font-weight:800}.generator-hero-v4 h1{font-size:clamp(2rem,5vw,3.5rem);margin:14px 0 10px;letter-spacing:-.03em}.generator-hero-v4 h1 span{color:#b52f49}.generator-hero-v4 p{color:var(--text-muted,#667085);line-height:1.7;margin:0 auto}.type-toolbar-v4{margin:24px 0 14px}.type-search-wrap{max-width:620px;margin:0 auto 14px;position:relative}.type-search-wrap span{position:absolute;left:17px;top:12px;font-size:22px;opacity:.6}.type-search-wrap input{width:100%;height:50px;border:1px solid rgba(16,24,40,.12);border-radius:15px;padding:0 18px 0 48px;background:#fff;box-shadow:0 8px 28px rgba(16,24,40,.06);outline:none}.type-search-wrap input:focus{border-color:#f5576c;box-shadow:0 0 0 4px rgba(245,87,108,.1)}.type-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.type-tab{border:1px solid rgba(16,24,40,.1);background:#fff;border-radius:999px;padding:9px 15px;cursor:pointer;font-weight:700}.type-tab.active{background:#111827;color:#fff;border-color:#111827}.type-grid-v4{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0 20px}.type-card-v4{min-height:108px;border:1px solid rgba(16,24,40,.09);background:#fff;border-radius:16px;padding:12px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;cursor:pointer;transition:.18s;box-shadow:0 4px 15px rgba(16,24,40,.035)}.type-card-v4:hover,.type-card-v4.selected{transform:translateY(-2px);border-color:#f5576c;box-shadow:0 10px 26px rgba(245,87,108,.13)}.type-icon-v4{font-size:25px}.type-card-v4 strong{font-size:.84rem}.type-card-v4 small{font-size:.68rem;color:#667085;line-height:1.25}.no-results-v4{grid-column:1/-1;text-align:center;padding:35px;color:#667085}.selected-type-v4{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid rgba(245,87,108,.2);background:rgba(245,87,108,.055);border-radius:16px;margin:8px 0 20px}.selected-type-v4>span{font-size:26px}.selected-type-v4 div{flex:1;display:flex;flex-direction:column}.selected-type-v4 small{color:#667085}.selected-type-v4 button{border:0;background:transparent;color:#c43d55;font-weight:800;cursor:pointer}.generator-layout-v4{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:start}.generator-panel-v4,.preview-panel-v4{background:#fff;border:1px solid rgba(16,24,40,.09);border-radius:22px;box-shadow:0 12px 45px rgba(16,24,40,.07)}.generator-panel-v4{padding:24px}.preview-panel-v4{padding:20px}.preview-sticky-v4{position:sticky;top:92px}.panel-head-v4{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.panel-head-v4 h2{font-size:1.08rem;margin:0 0 4px}.panel-head-v4 p{margin:0;color:#667085;font-size:.82rem}.privacy-chip,.state-pill{font-size:.72rem;font-weight:800;padding:6px 9px;border-radius:999px;background:#f2f4f7;color:#475467;white-space:nowrap}.dynamic-inputs-v4{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field-v4{display:flex;flex-direction:column;gap:6px}.field-v4:has(textarea){grid-column:1/-1}.field-v4 span{font-size:.82rem;font-weight:750;color:#344054}.field-v4 input,.field-v4 textarea,.field-v4 select,.custom-grid-v4 input[type=number],.custom-grid-v4 select{width:100%;border:1px solid #d0d5dd;border-radius:11px;padding:11px 12px;background:#fff;color:#101828;outline:none}.field-v4 textarea{min-height:105px;resize:vertical}.field-v4 input:focus,.field-v4 textarea:focus,.field-v4 select:focus{border-color:#f5576c;box-shadow:0 0 0 3px rgba(245,87,108,.1)}.check-v4{display:flex;gap:9px;align-items:center;padding:10px 0}.upload-box-v4{grid-column:1/-1;border:1.5px dashed #d0d5dd;border-radius:16px;padding:22px;text-align:center;background:#fcfcfd}.upload-icon-v4{font-size:34px}.upload-box-v4 h3{margin:7px 0 4px}.upload-box-v4 p{color:#667085;font-size:.85rem;line-height:1.55}.upload-box-v4>input{max-width:100%;margin:8px auto}.public-url-wrap{max-width:620px;margin:8px auto 0;text-align:left}.file-note-v4{font-size:.76rem!important}.file-preview-v4{margin-top:14px;padding:12px;border-radius:13px;background:#f8fafc;border:1px solid #e4e7ec}.file-preview-v4 img,.file-preview-v4 video{display:block;max-width:100%;max-height:260px;margin:10px auto;border-radius:10px}.smart-field-v4{grid-column:1/-1;display:flex;gap:12px;align-items:center;padding:13px;border-radius:14px;background:#f8fafc;border:1px solid #eaecf0}.smart-icon-v4{font-size:28px}.map-open-v4{grid-column:1/-1;border:0;border-radius:11px;padding:11px 14px;background:#111827;color:#fff;font-weight:750;cursor:pointer}.customizer-v4{margin-top:24px;padding-top:20px;border-top:1px solid #eaecf0}.custom-grid-v4{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.custom-grid-v4>label{font-size:.78rem;font-weight:750;color:#344054}.custom-grid-v4 input[type=color]{width:100%;height:42px;border:1px solid #d0d5dd;border-radius:10px;padding:3px;background:#fff}.custom-grid-v4 input[type=file]{width:100%;font-size:.76rem;padding:8px 0}.custom-grid-v4 input[type=range]{width:100%}.custom-grid-v4 output{float:right;font-size:.75rem;color:#c43d55}.generator-actions-v4{display:flex;gap:10px;margin-top:18px}.primary-v4,.secondary-v4{min-height:46px;border-radius:12px;padding:0 18px;font-weight:800;cursor:pointer}.primary-v4{flex:1;border:0;background:linear-gradient(135deg,#f5576c,#4facfe);color:#fff;box-shadow:0 8px 20px rgba(245,87,108,.2)}.secondary-v4{border:1px solid #d0d5dd;background:#fff;color:#344054}.status-v4{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f2f4f7;color:#475467;font-size:.8rem}.status-v4.error{background:#fef3f2;color:#b42318}.qr-preview-v4{min-height:380px;border:1.5px dashed #d0d5dd;border-radius:18px;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:18px}.qr-preview-v4 canvas{max-width:100%;height:auto!important;background:#fff;padding:8px;border-radius:10px;box-shadow:0 10px 30px rgba(16,24,40,.08)}.qr-empty-v4{text-align:center;color:#667085;display:flex;flex-direction:column;align-items:center;gap:7px}.qr-empty-v4 span{font-size:48px;color:#f5576c}.qr-empty-v4 strong{color:#344054}.qr-empty-v4 small{max-width:230px;line-height:1.5}.download-grid-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.download-grid-v4 button{min-height:40px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;font-weight:750;cursor:pointer}.download-grid-v4 button:not(:disabled):hover{border-color:#f5576c;color:#c43d55}.download-grid-v4 button:disabled{opacity:.45;cursor:not-allowed}.preview-note-v4{margin-top:12px;color:#667085;font-size:.75rem;line-height:1.55}.generator-features-v4{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.generator-features-v4 article{padding:17px;border-radius:16px;background:#fff;border:1px solid #eaecf0}.generator-features-v4 article b,.generator-features-v4 article span{display:block}.generator-features-v4 article span{font-size:.78rem;color:#667085;line-height:1.5;margin-top:5px}@media(max-width:1050px){.type-grid-v4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.generator-layout-v4{grid-template-columns:1fr}.preview-sticky-v4{position:static}.type-grid-v4{grid-template-columns:repeat(3,minmax(0,1fr))}.generator-features-v4{grid-template-columns:1fr}.qr-preview-v4{min-height:300px}}@media(max-width:520px){.generator-v4-section{padding-top:16px}.type-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.type-card-v4{min-height:98px}.dynamic-inputs-v4,.custom-grid-v4{grid-template-columns:1fr}.generator-panel-v4{padding:16px}.preview-panel-v4{padding:15px}.generator-actions-v4{flex-direction:column}.primary-v4,.secondary-v4{width:100%}.download-grid-v4{grid-template-columns:repeat(2,1fr)}}.pro-btn{background:#5b3bb8}.primary-v4{background:#c83e57}.generator-hero-v4 h1 span{color:#b52f49}.eyebrow-v4{color:#a92f47}.generator-faq-v4{padding:10px 0 70px}.faq-wrap-v4{max-width:980px;margin:0 auto}.faq-eyebrow-v4{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:850;color:#a92f47;margin:0 0 6px}.faq-wrap-v4 h2{font-size:clamp(1.7rem,4vw,2.35rem);margin:0 0 8px;color:#1f2433}.faq-intro-v4{color:#536070;line-height:1.7;max-width:760px;margin:0 0 20px}.faq-grid-v4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq-grid-v4 details{background:#fff;border:1px solid #dfe3ea;border-radius:14px;padding:0 16px}.faq-grid-v4 summary{cursor:pointer;padding:16px 4px;font-weight:800;color:#263043}.faq-grid-v4 details p{margin:0;padding:0 4px 16px;color:#4f5b6b;line-height:1.65}.faq-grid-v4 details:focus-within{outline:3px solid rgba(91,59,184,.2);outline-offset:2px}@media(max-width:700px){.faq-grid-v4{grid-template-columns:1fr}}.faq-cta-v4{margin-top:24px;padding:22px;border:1px solid #e2e5eb;border-radius:16px;background:#f8f9fc}.faq-cta-v4 h2{margin:0 0 6px;color:#202636}.faq-cta-v4 p{margin:0 0 14px;color:#4f5b6b;line-height:1.6}.faq-cta-v4 .pro-btn{display:inline-flex}.discovery-section,.faq{content-visibility:auto;contain-intrinsic-size:500px}

/* SALMAN QR compact navigation */
.pro-nav{gap:10px!important}.header-inner-pro{gap:14px!important}.pro-nav a,.pro-link{white-space:nowrap}

/* V5 performance/utility suite */
.v5-tool{max-width:980px;margin:110px auto 70px;padding:0 18px}.v5-hero{margin-bottom:22px}.v5-hero h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;margin:.2em 0}.v5-hero p{max-width:760px;color:#667085}.v5-card{background:#fff;border:1px solid #eaecf0;border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(16,24,40,.06)}.v5-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.v5-field{display:grid;gap:7px}.v5-field span{font-weight:700;font-size:.92rem}.v5-field input,.v5-field select,.v5-field textarea{width:100%;border:1px solid #d0d5dd;border-radius:12px;padding:12px 13px;background:#fff;color:#101828}.v5-field textarea{min-height:120px;resize:vertical}.v5-full{grid-column:1/-1}.v5-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.v5-btn{border:0;border-radius:12px;padding:12px 17px;font-weight:800;cursor:pointer;background:#f5576c;color:#fff}.v5-btn.secondary{background:#101828}.v5-result{margin-top:18px;padding:16px;border-radius:14px;background:#f8fafc;border:1px solid #eaecf0;white-space:pre-wrap;overflow-wrap:anywhere}.v5-result.good{border-color:#86efac;background:#f0fdf4}.v5-result.warn{border-color:#fcd34d;background:#fffbeb}.v5-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.v5-links a{color:#c92842;font-weight:700}.v5-note{margin-top:18px;color:#667085;font-size:.92rem}.v5-list{padding-left:20px}.v5-list li{margin:.4em 0}@media(max-width:720px){.v5-grid{grid-template-columns:1fr}.v5-full{grid-column:auto}.v5-tool{margin-top:90px}.v5-card{padding:18px}}

/* V5 performance guardrails */
@media (prefers-reduced-motion: reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media (max-width:760px){.pro-nav{gap:8px!important}.header-inner-pro{gap:10px!important}}