*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #4f46e5;--brand-d: #3730a3;--brand-l: #eef2ff;--success: #22c55e;--danger: #ef4444;--text: #111827;--muted: #6b7280;--border: #e5e7eb;--bg: #f9fafb;--surface: #ffffff;--radius-sm: 8px;--radius: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 8px 32px rgba(0,0,0,.1);--shadow-lg: 0 20px 60px rgba(0,0,0,.12)}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}.hero{background:var(--surface);border-bottom:1px solid var(--border)}.hero-inner{max-width:1100px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.5rem;font-size:1.2rem}.brand-icon{color:var(--brand);font-size:1.4rem}.brand-name{color:var(--text);letter-spacing:-.02em}.nav-links{display:flex;gap:1.75rem}.nav-links a{color:var(--muted);text-decoration:none;font-size:.9rem;transition:color .2s}.nav-links a:hover{color:var(--brand)}.main-content{max-width:1100px;margin:0 auto;padding:3rem 2rem 5rem}.split-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:start}@media (max-width: 820px){.split-layout{grid-template-columns:1fr;gap:2rem}.pitch{order:1}.form-card{order:0}}.pitch{padding-top:1.5rem}.badge{display:inline-block;background:var(--brand-l);color:var(--brand);font-size:.78rem;font-weight:600;letter-spacing:.05em;padding:.3rem .75rem;border-radius:99px;text-transform:uppercase;margin-bottom:1rem}.pitch h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem;color:var(--text)}.pitch>p{color:var(--muted);font-size:1.05rem;line-height:1.7;margin-bottom:2rem}.promises{list-style:none;display:flex;flex-direction:column;gap:.85rem;margin-bottom:2.5rem}.promises li{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:var(--text)}.check{flex-shrink:0;width:22px;height:22px;background:#dcfce7;color:#16a34a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;margin-top:2px}.social-proof{display:flex;align-items:center;gap:.75rem;font-size:.88rem;color:var(--muted)}.avatars{display:flex}.avatar{width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);margin-left:-8px}.avatar:first-child{margin-left:0}.social-proof strong{color:var(--text)}.form-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border);overflow:hidden}.form-card-header{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-d) 100%);padding:1.5rem 2rem;color:#fff}.form-card-header h2{font-size:1.25rem;font-weight:700;margin-bottom:.2rem}.form-card-header p{opacity:.8;font-size:.88rem}.feedback-form{padding:1.75rem 2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:0}@media (max-width: 520px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:1.1rem;display:flex;flex-direction:column}.form-group label{font-size:.82rem;font-weight:600;color:var(--text);margin-bottom:.4rem;letter-spacing:.01em}.required{color:var(--danger);margin-left:2px}.optional{color:var(--muted);font-weight:400;font-size:.78rem}input,select,textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .9rem;font-size:.95rem;color:var(--text);background:var(--surface);transition:border-color .18s,box-shadow .18s;outline:none;font-family:inherit;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4f46e51f}input::placeholder,textarea::placeholder{color:#9ca3af}textarea{resize:vertical}.char-count{font-size:.75rem;color:var(--muted);text-align:right;margin-top:.25rem}.star-row{display:flex;align-items:center;gap:.15rem}.star{background:none;border:none;cursor:pointer;font-size:2.1rem;line-height:1;padding:.1rem;color:#d1d5db;transition:color .12s,transform .12s}.star.lit{color:#f59e0b}.star:hover{transform:scale(1.2)}.rating-label{margin-left:.6rem;font-size:.88rem;font-weight:600;transition:color .2s}.alert-error{display:flex;align-items:center;gap:.5rem;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.88rem;margin-bottom:1.25rem}.privacy-note{font-size:.78rem;color:var(--muted);margin-bottom:1rem;line-height:1.5}.btn-submit{width:100%;padding:.9rem;background:var(--brand);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;cursor:pointer;letter-spacing:.01em;transition:background .18s,transform .1s,box-shadow .18s;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 14px #4f46e559}.btn-submit:hover:not(:disabled){background:var(--brand-d);box-shadow:0 6px 20px #4f46e573}.btn-submit:active{transform:scale(.98)}.btn-submit:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.success-wrap{display:flex;justify-content:center;padding:2rem 0}.success-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:3rem 2.5rem;max-width:520px;width:100%;text-align:center}.success-anim{margin-bottom:1.5rem}.success-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 8px 24px #22c55e59;animation:pop .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-check{color:#fff;font-size:2rem;font-weight:700}.success-card h2{font-size:1.6rem;font-weight:800;margin-bottom:.5rem}.success-sub{color:var(--muted);margin-bottom:1.75rem;line-height:1.6}.receipt{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);padding:.75rem 1.25rem;margin-bottom:1.25rem;text-align:left}.receipt-row{display:flex;justify-content:space-between;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.88rem}.receipt-row:last-child{border-bottom:none}.receipt-row span{color:var(--muted)}.receipt-row code{font-size:.78rem;background:#f3f4f6;padding:.15rem .4rem;border-radius:4px;font-family:monospace;color:var(--text)}.status-badge{background:#dcfce7;color:#15803d;padding:.2rem .65rem;border-radius:99px;font-size:.78rem;font-weight:600}.callout{display:flex;gap:.75rem;align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-sm);padding:1rem 1.25rem;text-align:left;margin-bottom:1.75rem}.callout-icon{font-size:1.2rem;flex-shrink:0}.callout strong{font-size:.9rem;display:block;margin-bottom:.2rem}.callout p{font-size:.82rem;color:var(--muted);line-height:1.5;margin:0}.btn-reset{background:none;border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;color:var(--muted);cursor:pointer;transition:border-color .2s,color .2s}.btn-reset:hover{border-color:var(--brand);color:var(--brand)}.footer{border-top:1px solid var(--border);margin-top:auto}.footer-inner{max-width:1100px;margin:0 auto;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--muted)}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--brand)}@media (max-width: 520px){.footer-inner{flex-direction:column;gap:.75rem;text-align:center}}.nav-btn{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.9rem;font-family:inherit;padding:.25rem 0;transition:color .2s;position:relative}.nav-btn:hover{color:var(--brand)}.nav-btn.active{color:var(--brand);font-weight:600}.nav-btn.active:after{content:"";display:block;height:2px;background:var(--brand);border-radius:2px;margin-top:2px}.brand{background:none;border:none;cursor:pointer;font-family:inherit}.inner-page{max-width:900px;margin:0 auto}.inner-page-hero{text-align:center;padding:2.5rem 0 3rem}.inner-page-hero h1{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;margin:.5rem 0 .75rem}.inner-page-hero p{color:var(--muted);font-size:1.05rem}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-bottom:3rem}@media (max-width: 720px){.products-grid{grid-template-columns:1fr}}.product-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem;position:relative;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.product-card.highlighted{border-color:var(--brand);box-shadow:0 0 0 3px #4f46e51a,var(--shadow)}.popular-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--brand);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:.2rem .75rem;border-radius:99px;text-transform:uppercase}.product-icon{font-size:2rem;margin-bottom:.75rem}.product-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.4rem}.product-desc{color:var(--muted);font-size:.88rem;margin-bottom:1.25rem;line-height:1.5}.product-price{font-size:1.6rem;font-weight:800;color:var(--text);margin-bottom:1.25rem;letter-spacing:-.02em}.product-tags{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.product-tags li{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text)}.product-btn{width:100%;padding:.7rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .18s,color .18s}.product-btn.primary{background:var(--brand);color:#fff;border:none;box-shadow:0 4px 12px #4f46e54d}.product-btn.primary:hover{background:var(--brand-d)}.product-btn.secondary{background:none;color:var(--brand);border:1.5px solid var(--brand)}.product-btn.secondary:hover{background:var(--brand-l)}.support-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:start;padding-bottom:3rem}@media (max-width: 720px){.support-layout{grid-template-columns:1fr}}.faq-section h2,.contact-cards h2{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--text)}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:var(--brand)}.faq-question{width:100%;background:none;border:none;cursor:pointer;padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;color:var(--text);font-family:inherit;text-align:left;gap:1rem;transition:background .15s}.faq-question:hover{background:var(--bg)}.faq-arrow{flex-shrink:0;font-size:1.2rem;color:var(--brand)}.faq-answer{padding:.75rem 1.25rem 1rem;font-size:.88rem;color:var(--muted);line-height:1.65;border-top:1px solid var(--border)}.contact-cards{display:flex;flex-direction:column;gap:.85rem}.contact-card{display:flex;gap:.85rem;align-items:flex-start;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.25rem}.contact-icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}.contact-card strong{font-size:.9rem;display:block;margin-bottom:.2rem}.contact-card p{font-size:.82rem;color:var(--muted);margin:0;line-height:1.5}.footer-btn{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.82rem;font-family:inherit;padding:0;transition:color .2s}.footer-btn:hover{color:var(--brand)}
