.diag-v2{--navy: #1a2744;--navy2: #243058;--gold: #b8932a;--gold-light: #f5e8c8;--green: #2d6a4f;--white: #ffffff;--bg: #f7f6f3;--bg2: #ffffff;--text: #1a1a1a;--text2: #4a4a4a;--text3: #888888;--text4: #555555;--border: rgba(26, 39, 68, .1);--border2: rgba(26, 39, 68, .2);--danger: #dc2626;--warn: #d97706;--success: #16a34a;--radius: 12px;--radius-lg: 18px;--shadow: 0 2px 16px rgba(0,0,0,.06);--shadow-lg: 0 8px 40px rgba(0,0,0,.08);font-family:Tajawal,DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:1.7;transition:direction .1s}.diag-v2.ltr{direction:ltr;font-family:DM Sans,Tajawal,sans-serif}.diag-v2 *{box-sizing:border-box}.diag-v2 .topbar{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--navy);height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;box-shadow:0 2px 12px #00000026}.diag-v2 .topbar-logo{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#ffffffe6;letter-spacing:.06em}.diag-v2 .topbar-logo span{color:var(--gold)}.diag-v2 .topbar-right{display:flex;align-items:center;gap:12px}.diag-v2 .lang-toggle{display:flex;gap:2px;background:#ffffff14;border-radius:8px;padding:3px}.diag-v2 .lang-btn{padding:4px 13px;border-radius:6px;font-size:12px;font-weight:500;border:none;cursor:pointer;background:transparent;color:#ffffff80;transition:all .15s;font-family:DM Sans,Tajawal,sans-serif}.diag-v2 .lang-btn.active{background:#ffffff26;color:#fff}.diag-v2 .prog-wrap{position:fixed;top:54px;left:0;right:0;z-index:99;height:3px;background:#1a274414}.diag-v2 .prog-bar{height:100%;background:var(--gold);transition:width .5s ease;width:0%}.diag-v2 .app{padding-top:57px;display:flex;flex-direction:column}.diag-v2 .screen{display:none;padding:2rem 1.5rem 1rem;max-width:600px;width:100%;margin:0 auto;flex-direction:column}.diag-v2 .screen.active{display:flex}.diag-v2 .phase-tag{display:inline-block;background:#1a27440f;color:var(--navy);font-size:11px;font-weight:500;padding:4px 12px;border-radius:20px;margin-bottom:16px;align-self:flex-start;letter-spacing:.04em}.diag-v2 .screen-title{font-size:clamp(20px,5vw,28px);color:var(--navy);line-height:1.4;margin-bottom:8px}.diag-v2.ltr .screen-title{font-family:Playfair Display,serif}.diag-v2 .screen-sub{font-size:14px;color:var(--text2);line-height:1.7;margin-bottom:20px}.diag-v2 .ai-badge{display:inline-flex;align-items:center;gap:7px;background:#b8932a14;border:1px solid rgba(184,147,42,.25);border-radius:20px;padding:6px 14px;font-size:12px;color:var(--gold);font-weight:500;margin-bottom:12px;align-self:flex-start}.diag-v2 .help-line{font-size:14px;color:var(--text2);line-height:1.7;margin-bottom:24px;font-style:italic;padding:12px 16px;background:#1a274408;border-radius:var(--radius);border-right:3px solid var(--gold)}.diag-v2.ltr .help-line{border-right:none;border-left:3px solid var(--gold)}.diag-v2 .field-group{margin-bottom:16px;width:100%}.diag-v2 .field-label{font-size:11px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;display:block}.diag-v2 .field-input,.diag-v2 .field-select,.diag-v2 .field-textarea{width:100%;background:var(--white);border:1px solid var(--border2);border-radius:var(--radius);padding:12px 16px;font-family:Tajawal,DM Sans,sans-serif;font-size:15px;color:var(--text);outline:none;transition:border-color .2s}.diag-v2 .field-input:focus,.diag-v2 .field-select:focus,.diag-v2 .field-textarea:focus{border-color:var(--navy)}.diag-v2 .field-textarea{min-height:110px;resize:vertical;line-height:1.7}.diag-v2 .field-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.diag-v2 .dim{margin-bottom:22px;width:100%}.diag-v2 .dim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.diag-v2 .dim-name{font-size:14px;font-weight:500;color:var(--text)}.diag-v2 .dim-score{font-size:14px;font-weight:500}.diag-v2 .dim-score-e{color:var(--gold)}.diag-v2 .dim-score-b{color:var(--navy)}.diag-v2 .dim-score-d{color:var(--green)}.diag-v2 .dim-track{height:6px;background:var(--bg2);border-radius:3px;position:relative;cursor:pointer;touch-action:none}.diag-v2 .dim-fill{height:100%;border-radius:3px;pointer-events:none;transition:width .1s ease-out}.diag-v2 .fill-e{background:var(--gold)}.diag-v2 .fill-b{background:var(--navy)}.diag-v2 .fill-d{background:var(--green)}.diag-v2 .dim-thumb{width:22px;height:22px;border-radius:50%;border:3px solid white;position:absolute;top:-8px;transform:translate(-50%);box-shadow:0 2px 6px #0003;cursor:grab;transition:transform .1s;pointer-events:none}.diag-v2 .dim-thumb:active,.diag-v2 .dim-track:active .dim-thumb{transform:translate(-50%) scale(1.15)}.diag-v2 .thumb-e{background:var(--gold)}.diag-v2 .thumb-b{background:var(--navy)}.diag-v2 .thumb-d{background:var(--green)}.diag-v2 .dim-labels{display:flex;justify-content:space-between;margin-top:6px}.diag-v2 .dim-label{font-size:10px;color:var(--text3)}.diag-v2 .scan-summary{width:100%;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:20px}.diag-v2 .ss-title{font-size:10px;font-weight:500;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.diag-v2 .ss-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.diag-v2 .ss-row:last-child{margin-bottom:0}.diag-v2 .ss-label{font-size:12px;color:var(--text2);width:100px;flex-shrink:0}.diag-v2 .ss-bar{flex:1;height:5px;background:var(--bg2);border-radius:3px}.diag-v2 .ss-fill{height:100%;border-radius:3px}.diag-v2 .ss-val{font-size:11px;color:var(--text3);width:30px;text-align:end}.diag-v2 .q-number{font-size:11px;font-weight:500;color:var(--gold);letter-spacing:.07em;margin-bottom:14px;text-transform:uppercase;align-self:flex-start}.diag-v2 .q-title{font-size:clamp(17px,4vw,22px);color:var(--navy);line-height:1.5;margin-bottom:10px;align-self:flex-start}.diag-v2.ltr .q-title{font-family:Playfair Display,serif}.diag-v2 .q-insight{width:100%;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;font-size:13px;color:var(--text2);line-height:1.7;margin-bottom:16px;border-right:3px solid var(--gold)}.diag-v2.ltr .q-insight{border-right:none;border-left:3px solid var(--gold)}.diag-v2 .q-ask{font-size:15px;font-weight:500;color:var(--text);margin-bottom:10px;width:100%}.diag-v2 .analyzing-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:3rem 2rem;width:100%}.diag-v2 .analyze-title{font-size:24px;color:var(--navy);margin-bottom:10px}.diag-v2.ltr .analyze-title{font-family:Playfair Display,serif}.diag-v2 .results-header{text-align:center;margin-bottom:24px;animation:fadeUp .5s ease both;width:100%}.diag-v2 .results-tag{font-size:11px;font-weight:500;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.diag-v2 .results-title{font-size:clamp(22px,5vw,32px);color:var(--navy);line-height:1.35;margin-bottom:6px}.diag-v2.ltr .results-title{font-family:Playfair Display,serif}.diag-v2 .results-meta{font-size:13px;color:var(--text3)}.diag-v2 .result-section{width:100%;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.25rem;animation:fadeUp .5s ease both}.diag-v2 .section-label{font-size:10px;font-weight:500;color:var(--gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--gold-light);display:flex;align-items:center;gap:8px}.diag-v2 .section-label:after{content:"";flex:1;height:1px;background:var(--gold-light)}.diag-v2 .pain-item{padding:14px;border-radius:var(--radius);background:var(--bg);margin-bottom:10px;border-right:4px solid transparent}.diag-v2.ltr .pain-item{border-right:none;border-left:4px solid transparent}.diag-v2 .pain-item:last-child{margin-bottom:0}.diag-v2 .pain-critical{border-color:var(--danger)}.diag-v2 .pain-high{border-color:var(--gold)}.diag-v2 .pain-medium{border-color:var(--green)}.diag-v2 .pain-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.diag-v2 .pain-title{font-weight:500;font-size:14px;color:var(--navy)}.diag-v2 .pain-badge{font-size:10px;font-weight:500;padding:3px 10px;border-radius:20px}.diag-v2 .badge-critical{background:#fef0f0;color:var(--danger)}.diag-v2 .badge-high{background:var(--gold-light);color:var(--gold)}.diag-v2 .badge-medium{background:#edfaf3;color:var(--green)}.diag-v2 .pain-desc{font-size:13px;color:var(--text2);line-height:1.65}.diag-v2 .core-statements-container{display:flex;flex-direction:column;gap:32px;padding:20px 8px}.diag-v2 .core-statement-line{font-size:19px;color:var(--navy);line-height:1.6;font-weight:500;text-align:center}.diag-v2.ltr .core-statement-line{font-family:Playfair Display,serif;font-size:21px}.diag-v2 .core-statement-line:last-child{color:var(--gold)}.diag-v2 .success-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diag-v2 .success-col-title{font-size:11px;font-weight:500;color:var(--text2);margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid var(--gold-light);text-align:center}.diag-v2 .success-item{display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:.5px solid var(--border);font-size:13px;color:var(--text2)}.diag-v2 .success-item:last-child{border-bottom:none}.diag-v2 .si-icon{flex-shrink:0;font-size:12px;margin-top:2px}.diag-v2 .impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diag-v2 .impact-col{background:var(--bg);border-radius:var(--radius);padding:14px}.diag-v2 .impact-col-title{font-size:12px;font-weight:500;color:var(--navy);margin-bottom:10px}.diag-v2 .impact-item{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font-size:12px;color:var(--text2)}.diag-v2 .impact-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:6px}.diag-v2 .booking-intro{font-size:15px;color:var(--text2);line-height:1.7;margin-bottom:24px;padding:16px;background:#1a27440a;border-radius:var(--radius)}.diag-v2 .confirmation-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:3rem 2rem;width:100%}.diag-v2 .conf-icon{width:64px;height:64px;border-radius:50%;background:#2d6a4f1a;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.diag-v2 .conf-title{font-size:26px;color:var(--navy);margin-bottom:10px}.diag-v2.ltr .conf-title{font-family:Playfair Display,serif}.diag-v2 .conf-sub{font-size:15px;color:var(--text2);line-height:1.8;max-width:340px}.diag-v2 .bottom-nav{position:relative;max-width:600px;width:100%;margin:0 auto;background:transparent;padding:1.5rem;display:flex;gap:12px;align-items:center;z-index:98;border-top:none}.diag-v2 .btn-primary{flex:1;padding:16px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border:none;border-radius:var(--radius);font-family:Tajawal,DM Sans,sans-serif;font-size:16px;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #1a274440;display:flex;align-items:center;justify-content:center}.diag-v2 .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a274459;background:linear-gradient(135deg,var(--navy2),var(--navy))}.diag-v2 .btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #1a274426}.diag-v2 .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:var(--text3)}.diag-v2 .btn-back{width:54px;height:54px;border:1px solid var(--border2);border-radius:var(--radius);background:var(--white);box-shadow:0 2px 8px #00000008;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--text2);font-size:20px}.diag-v2 .btn-back:hover{background:var(--bg);border-color:var(--navy);color:var(--navy);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.diag-v2 .success-grid,.diag-v2 .impact-grid{grid-template-columns:1fr}}.diag-v2 .ai-thinking{display:flex;flex-direction:column;gap:14px;padding:24px 0;animation:pulseOpacity 1.5s infinite ease-in-out}.diag-v2 .ai-thinking-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.diag-v2 .ai-thinking-text{font-size:14px;color:var(--gold);font-weight:500}.diag-v2 .ai-thinking-bar{height:12px;background:var(--border);border-radius:4px}@keyframes pulseOpacity{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}
