.feature-demo-panel{width:100%;height:100%}.feature-demo-panel .demo-container{background:#fff;border-radius:15px;box-shadow:0 30px 80px rgba(0,40,100,.052);border:1px solid #f1f1f1;overflow:hidden}.feature-demo-panel .demo-header{background:linear-gradient(90deg,#eff6ff,#eef2ff);padding:15px 24px;border-bottom:1px solid #f1f1f1;display:flex;align-items:center;justify-content:space-between}.feature-demo-panel .demo-header .header-left{display:flex;align-items:center;gap:12px}.feature-demo-panel .demo-header .header-left .traffic-lights{display:flex;align-items:center;gap:8px}.feature-demo-panel .demo-header .header-left .traffic-lights .light{width:12px;height:12px;border-radius:50%}.feature-demo-panel .demo-header .header-left .traffic-lights .light.red{background:#f87171}.feature-demo-panel .demo-header .header-left .traffic-lights .light.yellow{background:#fbbf24}.feature-demo-panel .demo-header .header-left .traffic-lights .light.green{background:#4ade80}.feature-demo-panel .demo-header .header-left .title{font-size:14px;font-weight:500;color:var(--heading)}.feature-demo-panel .demo-header .header-right{display:flex;align-items:center;gap:8px}.feature-demo-panel .demo-header .header-right .status-dot{width:8px;height:8px;border-radius:50%;background:var(--prime-two);animation:fade-in 2s ease-in-out infinite}.feature-demo-panel .demo-header .header-right .badge{font-size:12px;font-weight:500;color:var(--text-color)}.feature-demo-panel .demo-content{padding:24px;min-height:520px;display:flex;flex-direction:column}.feature-demo-panel .actions{display:flex;gap:60px;padding-top:20px;margin-top:30px;border-top:1px solid #f1f1f1;align-items:center}.feature-demo-panel .actions .btn{flex:1 1;line-height:50px;font-weight:500;border-radius:5px;transition:all .3s ease-in-out;cursor:pointer;border:none;font-size:16px;padding:0;text-decoration:none;display:block;text-align:center}.feature-demo-panel .actions .btn.primary{position:relative;color:#fff;padding:16px 36px;border:2px solid #000;background:var(--prime-five);line-height:normal;white-space:nowrap;flex:0 0 auto}.feature-demo-panel .actions .btn.primary:before{position:absolute;content:"";top:-16px;height:14px;width:calc(100% + 3px);left:6px;transform:skewX(-45deg);border:2px solid #000;border-bottom:none;transition:all .3s ease-in-out}.feature-demo-panel .actions .btn.primary:after{position:absolute;content:"";right:-16px;height:calc(100% + 3px);width:15px;top:-8px;transform:skewY(-45deg);border:2px solid #000;border-top:none;border-left:none;transition:all .3s ease-in-out}.feature-demo-panel .actions .btn.primary:hover:after,.feature-demo-panel .actions .btn.primary:hover:before{background:var(--prime-five);border-color:var(--prime-five)}.feature-demo-panel .actions .btn.primary:hover{border-color:transparent}.feature-demo-panel .actions .btn.primary span{position:relative;z-index:1}.feature-demo-panel .actions .btn.secondary{background:transparent;color:var(--heading);border:none;line-height:48px;max-width:200px;flex:0 0 auto;white-space:nowrap;padding:0}.feature-demo-panel .actions .btn.secondary:hover{background:transparent;border:none;color:var(--prime-two)}.resume-builder-demo{flex:1 1;display:flex;flex-direction:column}.resume-builder-demo .editor-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px;flex:1 1}.resume-builder-demo .editor-layout .editor-column .column-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-color);margin-bottom:8px}.resume-builder-demo .editor-layout .editor-column.before-column .column-label{color:#bebebe}.resume-builder-demo .editor-layout .editor-column.after-column .column-label{color:var(--prime-five)}.resume-builder-demo .editor-layout .bullet-card{padding:16px;border-radius:10px;margin-bottom:12px}.resume-builder-demo .editor-layout .bullet-card.before-card{background:#f9fafb;border:1px solid #f1f1f1;opacity:.7}.resume-builder-demo .editor-layout .bullet-card.after-card{background:linear-gradient(to bottom right,rgba(0,123,255,.05),rgba(0,123,255,.1));border:2px solid var(--prime-five)}.resume-builder-demo .editor-layout .bullet-card .bullet-text{font-size:14px;line-height:1.87em;margin:0;color:var(--heading)}.before-card .resume-builder-demo .editor-layout .bullet-card .bullet-text{color:var(--text-color)}.after-card .resume-builder-demo .editor-layout .bullet-card .bullet-text{color:var(--heading);font-weight:500}.resume-builder-demo .editor-layout .ai-highlights{margin-top:12px;padding-top:12px;border-top:1px dashed #f1f1f1}.resume-builder-demo .editor-layout .ai-highlights .highlight-group{margin-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.resume-builder-demo .editor-layout .ai-highlights .highlight-group .highlight-label{font-size:11px;font-weight:600;color:var(--text-color);text-transform:uppercase;letter-spacing:1px}.resume-builder-demo .editor-layout .ai-highlights .highlight-group .highlight-chips{display:flex;gap:6px;flex-wrap:wrap}.resume-builder-demo .editor-layout .ai-highlights .highlight-group .highlight-chip{font-size:12px;padding:4px 8px;border-radius:5px;font-weight:500}.resume-builder-demo .editor-layout .ai-highlights .highlight-group .highlight-chip.added{background:rgba(255,115,59,.1);color:var(--prime-two)}.resume-builder-demo .editor-layout .ai-highlights .highlight-group .highlight-chip.verb{background:rgba(0,123,255,.1);color:var(--prime-five)}.resume-builder-demo .editor-layout .ai-highlights .highlight-group .highlight-chip.specificity{background:rgba(106,69,255,.1);color:var(--prime-three)}.resume-builder-demo .ai-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(255,115,59,.05);border:1px solid rgba(255,115,59,.2);border-radius:5px;font-size:12px;color:var(--prime-two);font-weight:500;transition:all .3s ease-in-out}.resume-builder-demo .ai-indicator .sparkle-icon{width:14px;height:14px;color:var(--prime-two)}.resume-checker-demo{flex:1 1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.resume-checker-demo .ats-score-section{display:flex;justify-content:center;margin-bottom:16px;flex-shrink:0}.resume-checker-demo .ats-score-section .score-ring-container{position:relative;display:flex;align-items:center;justify-content:center}.resume-checker-demo .ats-score-section .score-ring-container .score-ring{transform:rotate(-90deg)}.resume-checker-demo .ats-score-section .score-ring-container .score-ring-bg{stroke:#e5e7eb}.resume-checker-demo .ats-score-section .score-ring-container .score-ring-progress{stroke:var(--prime-five);transition:stroke-dashoffset 1s ease-out}.resume-checker-demo .ats-score-section .score-ring-container .score-value{position:absolute;text-align:center}.resume-checker-demo .ats-score-section .score-ring-container .score-value .score-number{display:block;font-size:24px;font-weight:700;color:var(--prime-five);line-height:1}.resume-checker-demo .ats-score-section .score-ring-container .score-value .score-label{display:block;font-size:10px;color:var(--text-color);margin-top:2px}.resume-checker-demo .issues-section{margin-bottom:12px;flex-shrink:0}.resume-checker-demo .issues-section .section-title{font-size:14px;font-weight:600;color:var(--heading);margin-bottom:8px}.resume-checker-demo .issues-section .issues-list{display:flex;flex-direction:column;gap:6px}.resume-checker-demo .issues-section .issue-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border-radius:10px;border:1px solid #f1f1f1;transition:all .3s ease-in-out}.resume-checker-demo .issues-section .issue-item:hover{border-color:var(--prime-two)}.resume-checker-demo .issues-section .issue-item .issue-icon{width:18px;height:18px;flex-shrink:0}.resume-checker-demo .issues-section .issue-item .issue-text{flex:1 1;font-size:13px;color:var(--heading);line-height:1.4}.resume-checker-demo .issues-section .issue-item .severity-badge{font-size:10px;padding:3px 6px;border-radius:5px;font-weight:600;white-space:nowrap}.resume-checker-demo .issues-section .issue-item.critical{border-color:rgba(255,77,68,.3);background:rgba(255,77,68,.05)}.resume-checker-demo .issues-section .issue-item.critical .issue-icon{color:#ff4d44}.resume-checker-demo .issues-section .issue-item.critical .severity-badge{background:rgba(255,77,68,.1);color:#ff4d44}.resume-checker-demo .issues-section .issue-item.warning{border-color:rgba(255,115,59,.3);background:rgba(255,115,59,.05)}.resume-checker-demo .issues-section .issue-item.warning .issue-icon{color:var(--prime-one)}.resume-checker-demo .issues-section .issue-item.warning .severity-badge{background:rgba(255,115,59,.1);color:var(--prime-one)}.resume-checker-demo .issues-section .issue-item.good{border-color:rgba(255,115,59,.2);background:rgba(255,115,59,.05)}.resume-checker-demo .issues-section .issue-item.good .issue-icon{color:var(--prime-two)}.resume-checker-demo .issues-section .issue-item.good .severity-badge{background:rgba(255,115,59,.1);color:var(--prime-two)}.resume-checker-demo .keywords-section{margin-bottom:12px;flex-shrink:0}.resume-checker-demo .keywords-section .section-title{font-size:14px;font-weight:600;color:var(--heading);margin-bottom:8px}.resume-checker-demo .keywords-section .keywords-group{display:flex;flex-direction:column;gap:8px}.resume-checker-demo .keywords-section .keyword-category .keyword-label{display:block;font-size:11px;font-weight:600;color:var(--text-color);margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.resume-checker-demo .keywords-section .keyword-category .keyword-chips{display:flex;gap:6px;flex-wrap:wrap}.resume-checker-demo .keywords-section .keyword-category .keyword-chip{font-size:11px;padding:4px 10px;border-radius:5px;font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:all .3s ease-in-out}.resume-checker-demo .keywords-section .keyword-category .keyword-chip:hover{transform:translateY(-1px)}.resume-checker-demo .keywords-section .keyword-category .keyword-chip.matched{background:rgba(255,115,59,.1);color:var(--prime-two)}.resume-checker-demo .keywords-section .keyword-category .keyword-chip.missing{background:rgba(255,140,36,.1);color:var(--prime-one)}.resume-checker-demo .keywords-section .keyword-category .keyword-chip.missing .add-hint{font-size:11px;opacity:.7}.resume-checker-demo .sections-checklist{flex-shrink:0}.resume-checker-demo .sections-checklist .section-title{font-size:14px;font-weight:600;color:var(--heading);margin-bottom:8px}.resume-checker-demo .sections-checklist .checklist-items{display:flex;flex-direction:column;gap:6px}.resume-checker-demo .sections-checklist .checklist-item{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#f9fafb;border-radius:5px;font-size:13px;color:var(--heading)}.resume-checker-demo .sections-checklist .checklist-item .check-icon{width:14px;height:14px;color:var(--prime-two);flex-shrink:0}.resume-checker-demo .sections-checklist .checklist-item .checklist-text{flex:1 1}.resume-checker-demo .sections-checklist .checklist-item .warning-indicator{font-size:12px}.resume-checker-demo .sections-checklist .checklist-item.warning{background:rgba(255,140,36,.05);border:1px solid rgba(255,140,36,.3)}.interview-prep-demo{flex:1 1;display:flex;flex-direction:column}.interview-prep-demo .question-card{padding:16px;background:linear-gradient(to bottom right,rgba(106,69,255,.05),rgba(106,69,255,.1));border:1px solid rgba(106,69,255,.2);border-radius:10px;margin-bottom:16px;flex-shrink:0}.interview-prep-demo .question-card .question-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--prime-three);margin-bottom:8px}.interview-prep-demo .question-card .question-text{font-size:14px;color:var(--heading);font-weight:500;margin:0;line-height:1.87em}.interview-prep-demo .answer-section{margin-bottom:16px;flex-shrink:0}.interview-prep-demo .answer-section .answer-label{font-size:12px;font-weight:600;color:var(--text-color);margin-bottom:8px}.interview-prep-demo .answer-section .answer-bubble{padding:14px 16px;border-radius:10px;font-size:14px;line-height:1.87em}.interview-prep-demo .answer-section .answer-bubble.user-answer{background:#f9fafb;color:var(--text-color);border-left:3px solid #bebebe}.interview-prep-demo .answer-section .answer-bubble.improved-answer{background:linear-gradient(to bottom right,rgba(255,115,59,.05),rgba(255,115,59,.1));color:var(--heading);border-left:3px solid var(--prime-two);font-weight:500}.interview-prep-demo .answer-section .answer-bubble .answer-text{margin:0}.interview-prep-demo .feedback-section{margin-bottom:1rem}.interview-prep-demo .feedback-section .section-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.interview-prep-demo .feedback-section .feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:.75rem}.interview-prep-demo .feedback-section .feedback-item{display:flex;flex-direction:column;gap:.375rem}.interview-prep-demo .feedback-section .feedback-item .feedback-label{font-size:.75rem;color:#6b7280;font-weight:500}.interview-prep-demo .feedback-section .feedback-item .star-rating{display:flex;gap:.125rem}.interview-prep-demo .feedback-section .feedback-item .star-rating .star{width:.875rem;height:.875rem;color:#d1d5db}.interview-prep-demo .feedback-section .feedback-item .star-rating .star.filled{color:#fbbf24;fill:#fbbf24}.interview-prep-demo .feedback-section .feedback-item .confidence-badge{display:inline-block;padding:4px 8px;background:rgba(255,115,59,.1);color:var(--prime-two);border-radius:5px;font-size:12px;font-weight:600}.interview-prep-demo .feedback-section .suggestion-box{padding:12px;background:rgba(255,140,36,.1);border:1px solid rgba(255,140,36,.3);border-radius:10px;display:flex;gap:8px;align-items:flex-start}.interview-prep-demo .feedback-section .suggestion-box .suggestion-label{font-size:14px;font-weight:600;color:var(--prime-one)}.interview-prep-demo .feedback-section .suggestion-box .suggestion-text{font-size:14px;color:var(--prime-one)}.interview-prep-demo .improved-answer-section{flex:1 1;display:flex;flex-direction:column;min-height:0}.interview-prep-demo .improved-answer-section .improved-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border:1px solid #f1f1f1;border-radius:10px;cursor:pointer;transition:all .3s ease-in-out;font-size:14px;font-weight:500;color:var(--heading);flex-shrink:0}.interview-prep-demo .improved-answer-section .improved-toggle:hover{background:#f3f4f6;border-color:var(--prime-two);color:var(--prime-two)}.interview-prep-demo .improved-answer-section .improved-toggle svg{width:16px;height:16px;color:var(--text-color);transition:all .3s ease-in-out}.interview-prep-demo .improved-answer-section .improved-answer-content{overflow:hidden;margin-top:8px;flex:1 1;min-height:0}.cover-letter-builder-demo{flex:1 1;display:flex;flex-direction:column}.cover-letter-builder-demo .builder-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;flex:1 1}.cover-letter-builder-demo .form-section{display:flex;flex-direction:column;gap:16px}.cover-letter-builder-demo .form-section .form-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.cover-letter-builder-demo .form-section .form-header .form-icon{width:18px;height:18px;color:var(--prime-five)}.cover-letter-builder-demo .form-section .form-header .form-title{font-size:14px;font-weight:600;color:var(--heading)}.cover-letter-builder-demo .form-section .form-fields{display:flex;flex-direction:column;gap:12px}.cover-letter-builder-demo .form-section .form-fields .field-group .field-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-color);margin-bottom:6px}.cover-letter-builder-demo .form-section .form-fields .field-group .field-value{font-size:13px;color:var(--heading);padding:8px 12px;background:#f9fafb;border:1px solid #f1f1f1;border-radius:5px}.cover-letter-builder-demo .form-section .form-fields .template-selector{display:flex;gap:8px;flex-wrap:wrap}.cover-letter-builder-demo .form-section .form-fields .template-selector .template-chip{padding:6px 12px;background:#fff;border:1px solid #f1f1f1;border-radius:5px;font-size:12px;font-weight:500;color:var(--text-color);cursor:pointer;transition:all .3s ease-in-out}.cover-letter-builder-demo .form-section .form-fields .template-selector .template-chip:hover{border-color:var(--prime-five);color:var(--prime-five)}.cover-letter-builder-demo .form-section .form-fields .template-selector .template-chip.selected{background:linear-gradient(to bottom right,rgba(0,123,255,.1),rgba(0,123,255,.15));border-color:var(--prime-five);color:var(--prime-five);font-weight:600}.cover-letter-builder-demo .form-section .ai-suggestions{margin-top:8px;padding-top:12px;border-top:1px solid #f1f1f1}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-header .suggestions-icon{width:14px;height:14px;color:var(--prime-two)}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-header .suggestions-title{font-size:12px;font-weight:600;color:var(--heading)}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-list{display:flex;flex-direction:column;gap:6px}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-list .suggestion-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:5px;font-size:11px;font-weight:500}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-list .suggestion-chip .chip-icon{width:12px;height:12px;flex-shrink:0}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-list .suggestion-chip .chip-text{flex:1 1}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-list .suggestion-chip.added{background:rgba(0,123,255,.1);color:var(--prime-five);border:1px solid rgba(0,123,255,.2)}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-list .suggestion-chip.added .chip-icon{color:var(--prime-five)}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-list .suggestion-chip.improved{background:rgba(255,115,59,.1);color:var(--prime-two);border:1px solid rgba(255,115,59,.2)}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-list .suggestion-chip.improved .chip-icon{color:var(--prime-two)}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-list .suggestion-chip.optimized{background:rgba(34,197,94,.1);color:#22c55e;border:1px solid rgba(34,197,94,.2)}.cover-letter-builder-demo .form-section .ai-suggestions .suggestions-list .suggestion-chip.optimized .chip-icon{color:#22c55e}.cover-letter-builder-demo .preview-section{display:flex;flex-direction:column;gap:12px}.cover-letter-builder-demo .preview-section .preview-header{display:flex;align-items:center;justify-content:space-between}.cover-letter-builder-demo .preview-section .preview-header .preview-label{font-size:12px;font-weight:600;color:var(--heading)}.cover-letter-builder-demo .preview-section .preview-header .preview-badge{font-size:10px;padding:4px 8px;background:#f9fafb;border:1px solid #f1f1f1;border-radius:5px;color:var(--text-color);font-weight:500}.cover-letter-builder-demo .preview-section .preview-card{flex:1 1;padding:16px;background:#fff;border:1px solid #f1f1f1;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.cover-letter-builder-demo .preview-section .preview-card .preview-content{display:flex;flex-direction:column;gap:12px;font-size:12px;line-height:1.6;color:var(--heading)}.cover-letter-builder-demo .preview-section .preview-card .preview-content .preview-greeting{font-weight:500;margin-bottom:4px}.cover-letter-builder-demo .preview-section .preview-card .preview-content .preview-paragraph{margin:0;text-align:justify}.cover-letter-builder-demo .preview-section .preview-card .preview-content .preview-closing{margin-top:8px;display:flex;flex-direction:column;gap:4px}.cover-letter-builder-demo .preview-section .preview-card .preview-content .preview-closing .preview-signoff{margin-bottom:8px}.cover-letter-builder-demo .preview-section .preview-card .preview-content .preview-closing .preview-signature{font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.feature-image{transition:opacity .5s ease,transform .5s ease}