:root{--accent:#e8521a;--accent-hover:#ff6b3a;--accent-muted:#e8521a1f;--accent-border:#e8521a59;--bg:#0a0a0a;--bg-elevated:#141414;--bg-card:#1a1a1a;--bg-input:#121212;--text:#f5f5f5;--text-secondary:#a3a3a3;--text-muted:#737373;--border:#2a2a2a;--border-strong:#3a3a3a;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--radius:10px;--radius-sm:6px;--shadow:0 1px 2px #0006;--font:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ar:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;--header-h:56px;--max-w:640px;--transition:.18s ease}[data-theme=light]{--bg:#fafafa;--bg-elevated:#fff;--bg-card:#fff;--bg-input:#fff;--text:#0a0a0a;--text-secondary:#525252;--text-muted:#737373;--border:#e5e5e5;--border-strong:#d4d4d4;--accent-muted:#e8521a14;--shadow:0 1px 3px #0000000f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--text);scroll-behavior:smooth;-webkit-text-size-adjust:100%}html[dir=rtl]{font-family:var(--font-ar)}html[dir=ltr]{font-family:var(--font)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}#root{min-height:100dvh}.header{height:var(--header-h);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.logo-img{object-fit:contain;width:auto;height:36px;display:block}.controls{align-items:center;gap:.5rem;display:flex}.btn-control{border:1.5px solid var(--border-strong);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;min-height:36px;transition:border-color var(--transition), color var(--transition), background var(--transition);background:0 0;padding:.35rem .7rem;font-family:inherit;font-size:.75rem;font-weight:600}.btn-control:hover{border-color:var(--accent);color:var(--accent)}.btn-control.active{background:var(--accent);border-color:var(--accent);color:#fff}.container{max-width:var(--max-w);padding:calc(var(--header-h) + 1.5rem) 1.25rem 3rem;min-height:100dvh;margin:0 auto}.intro-screen,.success-screen{text-align:center;min-height:calc(100dvh - var(--header-h));padding:calc(var(--header-h) + 1rem) 1.25rem 2rem;max-width:var(--max-w);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex}h1{letter-spacing:-.02em;margin-bottom:.75rem;font-size:clamp(1.5rem,4vw,1.85rem);font-weight:700;line-height:1.25}.intro-screen h1{max-width:22ch;font-size:clamp(1.65rem,5vw,2.1rem)}.subtitle{color:var(--text-secondary);max-width:42ch;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.microcopy{color:var(--text-muted);margin-top:.75rem;font-size:.8rem}.section-label{color:var(--text);margin-bottom:.65rem;font-size:.9rem;font-weight:600;display:block}.hint{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem;font-weight:400}.step-meta{color:var(--text-muted);justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;display:flex}.progress-bar{background:var(--border);border-radius:2px;height:3px;margin-bottom:1.75rem;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .35s}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.card-grid.single-col{grid-template-columns:1fr}.card{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition), background var(--transition);background:var(--bg-card);color:var(--text);text-align:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:52px;padding:1rem .9rem;font-size:.9rem;font-weight:500;line-height:1.35;display:flex}.card:hover{border-color:var(--accent-border)}.card.selected{border-color:var(--accent);background:var(--accent-muted)}.card .card-icon{font-size:1.35rem;line-height:1}.card.left{text-align:start;flex-direction:row;align-items:flex-start;gap:.75rem;padding:.9rem 1rem}.option-row{border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--bg-card);transition:border-color var(--transition), background var(--transition);-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;min-height:48px;margin-bottom:.5rem;padding:.85rem 1rem;display:flex}.option-row:hover{border-color:var(--accent-border)}.option-row.selected{border-color:var(--accent);background:var(--accent-muted)}.option-row input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.pain-list{text-align:start;width:100%;max-width:420px;margin:1.5rem 0 2rem}.pain-list strong{color:var(--text-muted);margin-bottom:.75rem;font-size:.85rem;font-weight:500;display:block}.pain-item{color:var(--text-secondary);margin:.5rem 0;padding-inline-start:1.1rem;font-size:.92rem;line-height:1.45;position:relative}.pain-item:before{content:"•";color:var(--accent);font-weight:700;position:absolute;inset-inline-start:0}input[type=text],input[type=email],input[type=tel],input[type=url],textarea{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text);transition:border-color var(--transition);min-height:48px;margin-bottom:1.25rem;padding:.85rem 1rem;font-family:inherit;font-size:1rem}input:focus,textarea:focus{border-color:var(--accent);outline:none}input.error,textarea.error{border-color:var(--error)}.error-text{color:var(--error);margin:-.75rem 0 1rem;font-size:.8rem}textarea{resize:vertical;min-height:88px}.btn{border-radius:var(--radius);cursor:pointer;transition:background var(--transition), opacity var(--transition), border-color var(--transition), color var(--transition);border:none;justify-content:center;align-items:center;gap:.4rem;min-height:48px;padding:.9rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;width:100%}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled,.btn-primary.incomplete{color:var(--text-muted);border:1.5px solid var(--border-strong);cursor:not-allowed;opacity:.85;background:0 0}.btn-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;min-height:40px;margin-bottom:1rem;padding:.4rem 0;font-family:inherit;font-size:.9rem;font-weight:500}.btn-back:hover{color:var(--text)}.result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.25rem}.result-card .label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.4rem;font-size:.75rem;font-weight:600}.result-card .title{color:var(--accent);margin-bottom:.4rem;font-size:1.15rem;font-weight:700}.result-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.5}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:1.25rem}.pricing-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:.5rem 0;font-size:.92rem;display:flex}.pricing-row:last-of-type{border-bottom:none}.pricing-row.total{border-top:1.5px solid var(--border-strong);border-bottom:none;margin-top:.35rem;padding-top:.75rem;font-size:1.05rem;font-weight:700}.pricing-row .amount{color:var(--accent);white-space:nowrap;font-weight:600}.pricing-note{color:var(--text-muted);margin-top:.85rem;font-size:.78rem;line-height:1.5}.review-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;padding:.5rem 1rem}.review-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:.9rem 0;display:flex}.review-item:last-child{border-bottom:none}.review-label{color:var(--text-muted);margin-bottom:.2rem;font-size:.78rem}.review-value{color:var(--text);font-size:.92rem;font-weight:600}.review-edit{color:var(--accent);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.2rem 0;font-family:inherit;font-size:.8rem;font-weight:600}.privacy-notice{background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-muted);border-inline-start:3px solid var(--accent);margin-bottom:1.25rem;padding:.9rem 1rem;font-size:.8rem;line-height:1.5}.success-icon{background:var(--accent-muted);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.success-details{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:start;width:100%;margin:1.5rem 0;padding:1.25rem}.success-details h3{margin-bottom:.75rem;font-size:1rem}.success-details p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.92rem}.screen-enter{animation:.28s fadeSlide}@keyframes fadeSlide{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}html[dir=rtl] .screen-enter{animation-name:fadeSlideRtl}@keyframes fadeSlideRtl{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.screen-enter{animation:none}}@media (width<=480px){.card-grid{grid-template-columns:1fr 1fr}.card-grid.compact{grid-template-columns:1fr}.header{padding:0 .75rem}.container{padding-inline:1rem}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}
