*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f7fa;color:#1a1a2e}.layout{display:flex;min-height:100vh;align-items:flex-start}.sidebar{width:220px;background:#1a1a2e;color:#fff;display:flex;flex-direction:column;padding:0;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-logo{font-size:1.4rem;font-weight:700;padding:24px 20px;border-bottom:1px solid #2d2d4e;color:#7c6af7}.nav-link{display:block;padding:12px 20px;color:#a0aec0;text-decoration:none;font-size:.9rem;transition:background .15s}.nav-link:hover,.nav-link.active{background:#2d2d4e;color:#fff}.logout-btn{margin-top:auto;padding:14px 20px;background:none;border:none;color:#a0aec0;cursor:pointer;text-align:left;font-size:.9rem;border-top:1px solid #2d2d4e}.logout-btn:hover{color:#fff;background:#2d2d4e}.content{flex:1;padding:32px;min-height:100vh}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f7fa}.auth-card{background:#fff;padding:40px;border-radius:12px;width:100%;max-width:420px;box-shadow:0 4px 24px #00000014}.auth-card h1{font-size:2rem;color:#7c6af7;margin-bottom:4px}.auth-card h2{font-size:1.2rem;color:#666;margin-bottom:24px;font-weight:400}.auth-card p{margin-top:16px;font-size:.9rem;color:#666}.auth-card a{color:#7c6af7;text-decoration:none}.page{max-width:960px}.page h1{font-size:1.6rem;margin-bottom:24px}.card,.form-card{background:#fff;border-radius:10px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.form-card h3{margin-bottom:16px;font-size:1rem;color:#555}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:.85rem;font-weight:600;color:#555}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.fields-grid .span2{grid-column:span 2}input,textarea,select{padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;width:100%;outline:none;transition:border .15s}input:focus,textarea:focus,select:focus{border-color:#7c6af7}button{padding:10px 20px;background:#7c6af7;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:background .15s}button:hover{background:#6b5ce7}button:disabled{background:#ccc;cursor:not-allowed}button.secondary{background:#f0f0f0;color:#333}button.secondary:hover{background:#e0e0e0}button.small{padding:6px 12px;font-size:.8rem;margin-right:6px}button.danger{background:#ef4444}button.danger:hover{background:#dc2626}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-size:.85rem;color:#555;border-bottom:1px solid #eee}.table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-size:.9rem}.table tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff;background:#888}.badge.free{background:#f59e0b}.badge.premium{background:#10b981}.filter-bar{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter-bar button{background:#fff;color:#555;border:1px solid #ddd;padding:6px 16px;font-weight:500}.filter-bar button.active{background:#7c6af7;color:#fff;border-color:#7c6af7}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 8px #0000000f}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600}.order-card ul{list-style:none;margin-bottom:12px;color:#555;font-size:.9rem}.order-card ul li{padding:2px 0}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f0f0f0}.muted{color:#888;font-size:.9rem;margin-bottom:16px}.error{color:#ef4444;font-size:.85rem;margin-bottom:8px}.success{color:#10b981;font-size:.85rem;margin-bottom:8px}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:#888}.guide-html-content h1{font-size:1.5rem;font-weight:700;color:#1a1a2e;border-bottom:2px solid #7c6af7;padding-bottom:10px;margin:0 0 1.5rem}.guide-html-content h2{font-size:1.25rem;font-weight:700;color:#1a1a2e;border-bottom:1px solid #e5e7eb;padding-bottom:6px;margin:2rem 0 1rem}.guide-html-content h3{font-size:1.05rem;font-weight:600;color:#374151;margin:1.5rem 0 .75rem}.guide-html-content h4{font-size:.95rem;font-weight:600;color:#6b7280;margin:1rem 0 .5rem}.guide-html-content p{margin:.75rem 0;line-height:1.8}.guide-html-content ul,.guide-html-content ol{padding-left:1.75rem;margin:.75rem 0;line-height:1.8}.guide-html-content li{margin:.4rem 0}.guide-html-content code{background:#f3f4f6;color:#7c6af7;padding:2px 6px;border-radius:4px;font-size:.88em;font-family:Courier New,monospace}.guide-html-content strong{font-weight:600;color:#1a1a2e}.guide-html-content .toc{background:#f9fafb;border-left:4px solid #7c6af7;border-radius:6px;padding:1.25rem 1.5rem;margin:1.5rem 0}.guide-html-content .toc h2{border-bottom:none;color:#7c6af7;margin-top:0}.guide-html-content .toc ul{list-style:none;padding-left:0}.guide-html-content .toc li:before{content:"▸ ";color:#7c6af7;font-weight:700}.guide-html-content .toc a{color:#7c6af7;text-decoration:none;font-weight:500}.guide-html-content .toc a:hover{text-decoration:underline}.guide-html-content .example{background:#f9fafb;border-left:4px solid #7c6af7;border-radius:6px;padding:1rem 1.25rem;margin:1rem 0}.guide-html-content .warning{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;padding:1rem 1.25rem;margin:1rem 0}.guide-html-content .info{background:#dbeafe;border-left:4px solid #3b82f6;border-radius:6px;padding:1rem 1.25rem;margin:1rem 0}.guide-html-content .valid{color:#10b981;font-weight:600}.guide-html-content .invalid{color:#ef4444;font-weight:600}.landing{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1a1a2e}.lnav{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #eee}.lnav-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:32px}.lnav-logo{font-size:1.3rem;font-weight:700;color:#7c6af7;flex-shrink:0}.lnav-links{display:flex;gap:24px;flex:1}.lnav-links a{text-decoration:none;color:#555;font-size:.95rem;transition:color .15s}.lnav-links a:hover{color:#7c6af7}.lnav-cta{display:flex;gap:10px;flex-shrink:0}.btn-primary{background:#7c6af7;color:#fff;padding:10px 22px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:background .15s;display:inline-block}.btn-primary:hover{background:#6b5ce7}.btn-ghost{background:transparent;color:#7c6af7;padding:10px 22px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;border:1.5px solid #7c6af7;transition:all .15s;display:inline-block}.btn-ghost:hover{background:#f3f0ff}.btn-lg{padding:14px 32px;font-size:1rem}.btn-full{display:block;text-align:center;width:100%}.hero{background:linear-gradient(135deg,#f3f0ff,#fff 60%);padding:80px 24px 60px}.hero-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-inner--centered{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:820px;margin:0 auto;gap:0}.hero-inner--centered h1{margin-bottom:20px}.hero-inner--centered .hero-sub{margin-bottom:32px;max-width:620px}.hero-badge{display:inline-block;background:#ede9fe;color:#7c6af7;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:20px}.hero h1{font-size:3rem;font-weight:800;line-height:1.15;margin-bottom:20px;color:#1a1a2e}.hero-sub{font-size:1.1rem;color:#555;line-height:1.7;margin-bottom:32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-preview{display:flex;justify-content:center}.phone-mockup{width:240px;background:#1a1a2e;border-radius:32px;padding:16px;box-shadow:0 24px 64px #7c6af740}.phone-screen{background:#fff;border-radius:20px;padding:20px}.mock-header{font-weight:700;font-size:1rem;margin-bottom:16px;color:#1a1a2e}.mock-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:.9rem;color:#333}.mock-btn{margin-top:16px;background:#7c6af7;color:#fff;text-align:center;padding:10px;border-radius:8px;font-weight:600;font-size:.9rem}.section{padding:80px 24px}.section-alt{background:#f8f7ff}.section-inner{max-width:1100px;margin:0 auto}.section-inner h2{font-size:2.2rem;font-weight:800;text-align:center;margin-bottom:12px}.section-sub{text-align:center;color:#666;font-size:1.05rem;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #0000000f}.feature-icon{font-size:2rem;margin-bottom:14px}.feature-card h3{font-size:1.05rem;font-weight:700;margin-bottom:8px}.feature-card p{color:#666;font-size:.9rem;line-height:1.6}.steps{display:flex;align-items:flex-start;gap:16px}.step{flex:1;background:#fff;border-radius:12px;padding:28px;box-shadow:0 2px 12px #0000000f}.step-num{width:40px;height:40px;background:#7c6af7;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;margin-bottom:16px}.step h3{font-size:1.05rem;font-weight:700;margin-bottom:8px}.step p{color:#666;font-size:.9rem;line-height:1.6}.step code{background:#f3f0ff;color:#7c6af7;padding:2px 6px;border-radius:4px;font-size:.85rem}.step-arrow{font-size:1.5rem;color:#ccc;padding-top:40px;flex-shrink:0}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:0 auto;overflow:visible;padding-top:20px}.pricing-card{background:#fff;border-radius:16px;padding:36px;box-shadow:0 2px 12px #0000000f;position:relative}.pricing-featured{border:2px solid #7c6af7;box-shadow:0 8px 32px #7c6af733;padding-top:28px}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#7c6af7;color:#fff;padding:4px 16px;border-radius:20px;font-size:.8rem;font-weight:700;white-space:nowrap}.pricing-name{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#555}.pricing-price{font-size:2.8rem;font-weight:800;margin-bottom:24px;color:#1a1a2e}.pricing-price span{font-size:1rem;font-weight:400;color:#888}.pricing-features{list-style:none;margin-bottom:28px}.pricing-features li{padding:8px 0;font-size:.95rem;border-bottom:1px solid #f5f5f5}.pricing-features li.muted{color:#aaa}.contact-inner{text-align:center}.contact-inner h2{margin-bottom:12px}.footer{background:#1a1a2e;color:#a0aec0;padding:28px 24px}.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.9rem}.footer a{color:#a0aec0;text-decoration:none}.footer a:hover{color:#fff}.footer-links{display:flex;gap:20px}@media(max-width:768px){.hero-inner{grid-template-columns:1fr}.hero h1{font-size:2rem}.hero-preview{display:none}.features-grid{grid-template-columns:1fr}.steps{flex-direction:column}.step-arrow{display:none}.pricing-grid{grid-template-columns:1fr}.lnav-links{display:none}}.guide-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;border-bottom:2px solid #e8e4ff;padding-bottom:0}.guide-tab{background:none;border:none;padding:10px 18px;font-size:.9rem;font-weight:600;color:#888;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s;border-radius:0}.guide-tab:hover{color:#7c6af7;background:none}.guide-tab.active{color:#7c6af7;border-bottom-color:#7c6af7;background:none}.guide-tab span{margin-right:6px}.guide-content{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.guide-step-badge{display:inline-block;background:#ede9fe;color:#7c6af7;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700;margin-bottom:16px}.guide-text h3{font-size:1.5rem;font-weight:800;margin-bottom:14px}.guide-text>p{color:#555;line-height:1.7;margin-bottom:20px}.guide-list{list-style:none;margin-bottom:28px}.guide-list li{border-bottom:1px solid #f0f0f0;font-size:.95rem;color:#444;padding:8px 0 8px 20px;position:relative}.guide-list li:before{content:"→";position:absolute;left:0;color:#7c6af7;font-weight:700}.guide-nav{display:flex;gap:12px}.guide-nav button:disabled{opacity:.3;cursor:not-allowed}.guide-visual{position:sticky;top:80px}.guide-screen{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 24px #7c6af71f;border:1px solid #e8e4ff;min-height:280px}.mock-form{display:flex;flex-direction:column;gap:12px}.mock-field{display:flex;flex-direction:column;gap:4px}.mock-field span{font-size:.75rem;font-weight:600;color:#888}.mock-input{background:#f8f7ff;border:1.5px solid #e0d9ff;border-radius:8px;padding:10px 12px;font-size:.9rem;color:#333}.mock-input-ok{border-color:#10b981}.mock-ok{color:#10b981;font-weight:700;font-size:.8rem;margin-left:8px}.mock-tall{min-height:56px}.mock-cta{background:#7c6af7;color:#fff;text-align:center;padding:12px;border-radius:8px;font-weight:700;font-size:.95rem;margin-top:4px}.mock-table{border-radius:10px;overflow:hidden;border:1px solid #eee}.mock-thead{display:flex;justify-content:space-between;background:#f8f7ff;padding:10px 14px;font-size:.8rem;font-weight:700;color:#888}.mock-row{display:flex;justify-content:space-between;padding:10px 14px;border-top:1px solid #f0f0f0;font-size:.9rem;color:#333}.mock-add{padding:10px 14px;color:#7c6af7;font-weight:600;font-size:.9rem;border-top:1px solid #f0f0f0;cursor:pointer}.mock-qr-btn{color:#7c6af7;font-weight:600;font-size:.85rem}.mock-qr-section{display:flex;gap:16px;align-items:flex-start}.mock-qr-section .mock-table{flex:1}.mock-qr-box{background:#f8f7ff;border-radius:10px;padding:14px;text-align:center;border:1px solid #e0d9ff}.mock-qr-grid{display:grid;grid-template-columns:repeat(4,16px);gap:3px}.mock-qr-cell{width:16px;height:16px;border-radius:2px;background:#e0d9ff}.mock-qr-cell.filled{background:#1a1a2e}.mock-orders{display:flex;flex-direction:column;gap:12px}.mock-order-card{background:#f8f7ff;border-radius:10px;padding:14px;border:1px solid #e0d9ff}.mock-order-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:700}.mock-badge{padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700;color:#fff}.mock-badge.pending{background:#f59e0b}.mock-badge.ready{background:#10b981}.mock-order-items{font-size:.85rem;color:#555;margin-bottom:10px;line-height:1.6}.mock-order-foot{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.mock-advance{background:#7c6af7;color:#fff;padding:5px 12px;border-radius:6px;font-weight:600;font-size:.8rem}.mock-billing{display:flex;gap:12px}.mock-plan{flex:1;border-radius:12px;padding:20px;border:1.5px solid #e0d9ff}.mock-plan.premium{border-color:#7c6af7;background:#f3f0ff}.mock-plan-name{font-weight:700;margin-bottom:6px}.mock-plan-price{font-size:1.4rem;font-weight:800;margin-bottom:8px}.mock-plan-note{font-size:.85rem;color:#666}@media(max-width:768px){.guide-content{grid-template-columns:1fr}.guide-visual{position:static}.guide-tabs{gap:4px}.guide-tab{padding:8px 10px;font-size:.8rem}}.social-proof-counter{text-align:center;font-size:1.3rem;font-weight:800;color:#7c6af7;background:#ede9fe;display:inline-block;padding:10px 28px;border-radius:30px;display:block;width:fit-content;margin:0 auto 32px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial-card{background:#fff;border-radius:14px;padding:28px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;gap:16px}.testimonial-text{color:#444;font-size:.95rem;line-height:1.7;font-style:italic;flex:1}.testimonial-author{display:flex;flex-direction:column;gap:2px}.testimonial-author strong{font-size:.95rem;color:#1a1a2e}.testimonial-author span{font-size:.85rem;color:#7c6af7;font-weight:600}@media(max-width:768px){.testimonials-grid{grid-template-columns:1fr}}.faq-list{display:flex;flex-direction:column;gap:1rem;max-width:760px;margin:0 auto}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem 1.5rem}.faq-question{font-size:1rem;font-weight:600;color:#1a1a2e;margin:0 0 .5rem}.faq-answer{font-size:.95rem;color:#555;margin:0;line-height:1.6}.confronto-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:700px;margin:0 auto}.confronto-card{border-radius:14px;padding:32px 28px}.confronto-altri{background:#fff1f2;border:2px solid #fecdd3}.confronto-homenu{background:#f0fdf4;border:2px solid #bbf7d0}.confronto-label{font-size:1.1rem;font-weight:800;margin-bottom:20px}.confronto-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.confronto-altri .confronto-list li{color:#9f1239;font-size:.95rem;padding-left:24px;position:relative}.confronto-altri .confronto-list li:before{content:"✗";position:absolute;left:0;font-weight:700;color:#e11d48}.confronto-homenu .confronto-list li{color:#14532d;font-size:.95rem;font-weight:500;padding-left:24px;position:relative}.confronto-homenu .confronto-list li:before{content:"✓";position:absolute;left:0;font-weight:700;color:#16a34a}@media(max-width:768px){.confronto-grid{grid-template-columns:1fr}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#1a1a2e;color:#fff;padding:1.5rem;box-shadow:0 -4px 20px #0000004d;z-index:9999;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.cookie-banner-text h3{margin:0 0 .5rem;font-size:1.1rem;color:#7c6af7}.cookie-banner-text p{margin:0 0 .5rem;font-size:.9rem;line-height:1.5;color:#e0e0e0}.cookie-links{font-size:.85rem!important;margin-top:.5rem!important}.cookie-links a{color:#7c6af7;text-decoration:none;margin:0 .5rem}.cookie-links a:hover{text-decoration:underline}.cookie-banner-actions{display:flex;gap:1rem;flex-shrink:0}.cookie-banner-actions button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-accept{background:#7c6af7;color:#fff}.btn-accept:hover{background:#6b5ce7;transform:translateY(-2px);box-shadow:0 4px 12px #7c6af766}.btn-reject{background:transparent;color:#e0e0e0;border:1px solid #555}.btn-reject:hover{background:#2d2d4e;border-color:#7c6af7;color:#fff}@media(max-width:768px){.cookie-banner{padding:1rem}.cookie-banner-content{flex-direction:column;gap:1rem}.cookie-banner-actions{width:100%;flex-direction:column}.cookie-banner-actions button{width:100%}}.legal-page{min-height:100vh;background:#f5f7fa;padding:2rem 1rem}.legal-container{max-width:900px;margin:0 auto;background:#fff;padding:3rem;border-radius:10px;box-shadow:0 2px 8px #0000000f}.legal-container h1{color:#1a1a2e;font-size:2.5rem;margin-bottom:.5rem;border-bottom:3px solid #7c6af7;padding-bottom:1rem}.legal-container .last-updated{color:#666;font-size:.9rem;margin-bottom:2rem;font-style:italic}.legal-container section{margin:2.5rem 0}.legal-container h2{color:#1a1a2e;font-size:1.8rem;margin-top:2.5rem;margin-bottom:1rem;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.legal-container h3{color:#374151;font-size:1.3rem;margin-top:1.5rem;margin-bottom:.8rem}.legal-container p{line-height:1.8;color:#333;margin-bottom:1rem}.legal-container ul,.legal-container ol{margin:1rem 0;padding-left:2rem;line-height:1.8}.legal-container li{margin:.5rem 0;color:#333}.legal-container strong{color:#1a1a2e;font-weight:600}.legal-container a{color:#7c6af7;text-decoration:none}.legal-container a:hover{text-decoration:underline}.legal-container .warning{background:#fef3c7;border-left:4px solid #f59e0b;padding:1rem;margin:1.5rem 0;border-radius:4px}.legal-container .info{background:#dbeafe;border-left:4px solid #3b82f6;padding:1rem;margin:1.5rem 0;border-radius:4px}.cookie-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:#fff;box-shadow:0 2px 8px #0000000f;border-radius:8px;overflow:hidden}.cookie-table thead{background:#f9fafb}.cookie-table th{padding:1rem;text-align:left;font-weight:600;color:#1a1a2e;border-bottom:2px solid #e5e7eb}.cookie-table td{padding:1rem;border-bottom:1px solid #f0f0f0;color:#333}.cookie-table tr:last-child td{border-bottom:none}.cookie-table tr:hover{background:#f9fafb}@media(max-width:768px){.legal-container{padding:2rem 1.5rem}.legal-container h1{font-size:2rem}.legal-container h2{font-size:1.5rem}.legal-container h3{font-size:1.2rem}.cookie-table{font-size:.85rem}.cookie-table th,.cookie-table td{padding:.75rem .5rem}}