@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&display=swap";:root{--bg: #f6f7fb;--surface: #f1f3f7;--surface-soft: #fafbfc;--text-primary: #172033;--text-secondary: #5f6b7c;--text-muted: #8a93a3;--border: #e2e7ef;--accent: #f4a261;--accent-strong: #de5f2a;--accent-soft: rgba(222, 95, 42, .1);--font-display: "Manrope", "Noto Sans SC", sans-serif;--font-body: "Noto Sans SC", "PingFang SC", sans-serif;--font-mono: "JetBrains Mono", monospace;font-family:var(--font-body);color:var(--text-primary);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(244,162,97,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(81,132,255,.08),transparent 24%),var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{background:none;border:0;padding:0;color:inherit;cursor:pointer}img,svg{display:block;max-width:100%}::selection{background:#de5f2a2e}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.app-loading,.welcome-shell{min-height:100vh;padding:28px}.app-loading{display:grid;place-items:center}.app-loading-card,.welcome-card{width:min(760px,100%);border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 12px 32px #0f172a0f}.app-loading-card{padding:28px}.app-loading-card p{margin:8px 0 0;color:var(--text-secondary)}.welcome-shell{display:grid;gap:24px;align-content:start}.welcome-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px}.welcome-copy{display:grid;gap:18px;align-content:start;padding:12px 0}.welcome-copy h1,.welcome-card h1,.welcome-summary h1{margin:0;font-family:var(--font-display);font-size:clamp(2.1rem,4vw,3.2rem);line-height:1.06;letter-spacing:-.04em}.welcome-copy p,.welcome-card p,.welcome-summary p{margin:0;color:var(--text-secondary);line-height:1.72}.welcome-steps,.welcome-summary{display:grid;gap:12px}.welcome-card{padding:24px}.welcome-card.centered{margin:0 auto;display:grid;justify-items:start;gap:18px}.welcome-card.success{display:grid;gap:18px}.full-width{width:100%}.sidebar{display:flex;flex-direction:column;gap:24px;padding:24px 18px;border-right:1px solid var(--border);background:var(--surface)}.brand{display:flex;align-items:center;gap:12px}.brand-badge{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.brand strong{display:block}.brand p{margin:2px 0 0;color:var(--text-secondary);font-size:.88rem}.sidebar-nav{display:grid;gap:6px}.sidebar-link,.sidebar-create{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;color:var(--text-secondary);transition:background-color .16s ease,color .16s ease,transform .16s ease}.sidebar-link.active{background:#fff;color:var(--text-primary);box-shadow:0 8px 18px #0f172a0d}.sidebar-link:hover,.sidebar-create:hover,.primary-button:hover,.secondary-button:hover,.feedback-button:hover,.story-row:hover,.question-row:hover,.review-row:hover{transform:translateY(-1px)}.sidebar-create{justify-content:space-between;border:1px solid rgba(222,95,42,.16);background:#fff;color:var(--accent-strong)}.sidebar-note{margin-top:auto;padding:16px;border:1px solid var(--border);border-radius:16px;background:#fff}.sidebar-note p{margin:6px 0 0;color:var(--text-secondary);line-height:1.65}.main-area{padding:28px}.page{display:grid;gap:18px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.topbar-label,.section-kicker,.metric-card span,.field span,.story-row-foot span,.review-time,.recommendation-card span,.analysis-block span,.action-item-head span,.report-tags span{color:var(--text-muted);font-size:.77rem;font-weight:600;letter-spacing:.04em}.page-header h1,.hero-copy h2,.report-summary-text h2{margin:8px 0 0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;letter-spacing:-.035em}.page-header h1{max-width:860px}.topbar-actions,.hero-actions,.feedback-actions{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button,.feedback-button,.danger-button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:12px;font-weight:600;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.wide{width:100%}.primary-button,.secondary-button,.feedback-button,.danger-button{border:1px solid transparent}.primary-button{background:var(--accent-strong);color:#fff;box-shadow:0 12px 24px #de5f2a2e}.primary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.secondary-button,.feedback-button{background:#fff;border-color:var(--border);color:var(--text-primary)}.danger-button{background:#fff1f1;border-color:#f5c9c9;color:#b33a3a}.feedback-button.active{border-color:#de5f2a33;background:var(--accent-soft);color:var(--accent-strong)}.text-link{padding:0;min-height:auto;color:var(--text-primary)}.panel,.metric-card{border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:0 10px 24px #0f172a0d}.panel{padding:22px}.hero-panel,.report-summary-panel,.grid-two,.stories-layout,.report-layout{display:grid;gap:18px}.hero-panel,.report-summary-panel{grid-template-columns:minmax(0,1.1fr) 320px}.grid-two,.stories-layout,.report-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy p,.panel-head p,.metric-card p,.action-item p,.check-item p,.story-row p,.story-suggestion p,.analysis-block p,.recommendation-card p,.review-title span,.review-main p,.upload-box p,.privacy-note p,.empty-state p{margin:0;color:var(--text-secondary);line-height:1.68}.field-hint{margin:0;color:var(--text-muted);font-size:.86rem;line-height:1.55}.hero-copy p{margin-top:12px;max-width:640px}.readiness-card,.report-score-card{display:grid;gap:14px;padding:18px;border-radius:18px;background:var(--surface-soft)}.readiness-score,.report-score-number{font-family:var(--font-display);font-size:3.2rem;line-height:1}.readiness-meta,.report-score-meta{display:grid;gap:4px}.readiness-meta span,.report-score-meta span{color:var(--text-secondary)}.score-bars,.score-row,.checklist,.action-list,.story-list,.question-list,.process-list,.review-list,.form-stack{display:grid;gap:12px}.score-row{gap:6px}.score-row-head,.story-row-head,.story-row-foot,.action-item-head,.privacy-note,.review-row,.review-side,.review-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.score-track{height:8px;border-radius:999px;background:#e6e9ef;overflow:hidden}.score-track>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{min-height:138px;padding:18px}.metric-card strong{display:block;margin:12px 0 8px;font-family:var(--font-display);font-size:1.38rem;line-height:1.25}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-head h3,.detail-points h4,.analysis-card h4{margin:0;font-size:1.04rem}.check-item,.action-item,.story-row,.question-row,.process-row,.review-row,.field input,.field textarea,.choice-chip,.detail-points,.analysis-card,.recommendation-card,.story-suggestion,.feedback-panel,.empty-state{border:1px solid var(--border);border-radius:16px;background:var(--surface-soft)}.check-item,.action-item,.story-row,.question-row,.process-row,.review-row,.detail-points,.analysis-card,.recommendation-card,.story-suggestion,.feedback-panel,.empty-state{padding:16px}.check-item{display:grid;grid-template-columns:24px 1fr;gap:12px}.check-icon,.process-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#eef1f4;color:var(--text-muted)}.check-icon.done{background:#e8f5ee;color:#2e8b57}.story-row,.question-row{width:100%;text-align:left}.story-row.active,.question-row.active{border-color:#de5f2a33;background:#fff5ef}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:.74rem;font-weight:600}.status-pill.verified{background:#e8f5ee;color:#2e8b57}.status-pill.draft{background:#fff2de;color:#a86820}.status-pill.failed{background:#fdecec;color:#b33a3a}.story-editor{display:grid;gap:16px;align-content:start}.detail-tags,.report-tags,.choice-row{display:flex;flex-wrap:wrap;gap:8px}.detail-tags span,.report-tags span,.choice-chip{padding:8px 10px;border-radius:999px;background:#f2f4f7}.choice-chip.active{background:var(--accent-soft);color:var(--accent-strong);border-color:#de5f2a2e}.field{display:grid;gap:8px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;color:var(--text-primary);resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(222,95,42,.16);border-color:#de5f2a47}.privacy-check{display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary);line-height:1.6}.privacy-check input{margin-top:3px}.detail-points ul,.analysis-card ul{margin:10px 0 0;padding-left:18px;color:var(--text-secondary);line-height:1.68}.review-row{color:inherit}.review-main{min-width:0}.review-title{justify-content:flex-start;flex-wrap:wrap}.review-side{flex-direction:column;align-items:flex-end;white-space:nowrap}.review-time{display:inline-flex;align-items:center;gap:6px}.review-row-card{align-items:stretch}.review-main-link{display:grid;gap:6px;color:inherit}.inline-actions{display:flex;gap:8px}.error-copy{color:#b33a3a}.upload-box{display:grid;place-items:center;gap:10px;min-height:180px;padding:16px;border:1px dashed #cad1db;border-radius:18px;background:#fafbfc;text-align:center}.upload-box.simple{min-height:140px}.process-row{display:grid;grid-template-columns:32px 1fr;gap:12px}.process-row.active{border-color:#de5f2a38;background:#fff7f2}.process-row.done{border-color:#2e8b572e;background:#f4fbf6}.process-row.done .process-icon{background:#e8f5ee;color:#2e8b57}.analysis-block+.analysis-block,.analysis-grid,.recommendation-card,.feedback-panel{margin-top:16px}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.analysis-card.positive{background:#f4fbf6}.analysis-card.neutral{background:#fff8f4}.inline-card{margin:14px 0}.feedback-panel{display:grid;gap:14px}.error-panel{background:#fff4f4;border-color:#f4c7c7}.empty-state{display:grid;justify-items:start;gap:12px}.marketing-page{min-height:100vh;background:radial-gradient(circle at top center,rgba(255,255,255,.88),rgba(255,255,255,.5) 22%,transparent 56%),radial-gradient(circle at left 12% top 14%,rgba(153,165,255,.18),transparent 24%),radial-gradient(circle at right 12% top 18%,rgba(222,95,42,.12),transparent 22%),linear-gradient(180deg,#eef1f5,#f6f3ee 58%,#f7f4ef)}.marketing-header,.marketing-main{width:min(1180px,calc(100% - 48px));margin:0 auto}.marketing-header{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:40;padding:16px 18px;margin-top:16px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:#f9fafcb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 14px 32px #0f172a0a}.marketing-brand{display:flex;align-items:center;gap:14px;color:var(--text-primary)}.marketing-nav,.marketing-actions{display:flex;align-items:center;gap:14px}.marketing-nav a,.marketing-inline-link,.marketing-footer-links a{color:var(--text-secondary);font-weight:500}.marketing-nav a.active{color:var(--text-primary)}.marketing-main{display:grid;gap:36px;padding:28px 0 56px}.guided-review-layout{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:20px}.marketing-hero-v2{display:grid;justify-items:center;gap:24px;padding:40px 0 6px}.marketing-copy,.marketing-section,.marketing-section-head,.workflow-grid,.feature-copy,.feature-panel,.marketing-cta,.guided-step-list,.guided-panel,.guided-summary-grid{display:grid;gap:16px}.hero-centered-copy{justify-items:center;text-align:center;max-width:900px}.marketing-copy h1{margin:0;font-family:var(--font-display);font-size:clamp(3rem,6vw,5.6rem);line-height:.95;letter-spacing:-.06em;max-width:980px;text-wrap:balance}.marketing-copy p,.marketing-section-head p,.workflow-card p,.feature-copy p,.feature-panel p,.marketing-cta p,.marketing-card p,.guided-step-card p,.guided-summary-card p,.marketing-directory-card p,.hero-proof-copy p,.hero-stage-card p,.marketing-footer-note span{margin:0;color:var(--text-secondary);line-height:1.74}.marketing-copy>p{max-width:760px;font-size:1.08rem}.hero-announcement{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:#ffffffc7;box-shadow:0 10px 24px #0f172a0d;color:var(--text-primary);font-weight:600}.hero-highlight{display:block;position:relative}.hero-highlight:after{content:"";position:absolute;left:8%;right:8%;bottom:.08em;height:.16em;z-index:-1;border-radius:999px;background:linear-gradient(90deg,#f4a26124,#de5f2a4d)}.hero-actions-center{justify-content:center}.hero-proof-row{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px}.hero-avatar-group{display:flex;align-items:center}.hero-avatar-group span{width:40px;height:40px;margin-left:-10px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.95);border-radius:999px;background:linear-gradient(145deg,#f6f7fb,#dfe6f1);color:var(--text-primary);font-weight:700;box-shadow:0 10px 22px #0f172a14}.hero-proof-copy{display:grid;gap:4px;text-align:left}.hero-proof-copy strong,.marketing-directory-card strong,.hero-stage-card strong,.marketing-card strong,.workflow-card strong,.feature-panel strong,.guided-step-card strong,.guided-summary-card strong{font-size:1.02rem}.hero-stage{width:100%;position:relative}.hero-stage-grid{position:absolute;inset:-18px 7% auto;height:200px;background-image:linear-gradient(rgba(138,147,163,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(138,147,163,.12) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 92%);pointer-events:none}.hero-stage-shell,.marketing-directory-card,.workflow-card,.feature-panel,.guided-step-card,.guided-summary-card,.marketing-cta,.marketing-trustbar{border:1px solid var(--border);border-radius:28px;background:#fffc;box-shadow:0 20px 48px #0f172a0f}.hero-stage-shell,.marketing-trustbar,.marketing-cta{padding:24px}.hero-stage-shell{position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffffe6,#f4f6f9c7),#fff}.hero-stage-topbar{display:flex;align-items:center;gap:8px;padding-bottom:16px;border-bottom:1px solid rgba(226,231,239,.9)}.hero-stage-topbar p{margin:0 0 0 4px;color:var(--text-muted);font-size:.86rem}.hero-dot{width:10px;height:10px;border-radius:999px}.hero-dot.red{background:#f87171}.hero-dot.yellow{background:#fbbf24}.hero-dot.green{background:#34d399}.hero-stage-content{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding-top:18px}.hero-stage-sidebar{display:grid;gap:14px;align-content:start;padding:18px;border:1px solid rgba(226,231,239,.85);border-radius:22px;background:#f8fafceb}.hero-stage-menu{display:grid;gap:10px}.hero-stage-menu span{padding:10px 12px;border-radius:14px;color:var(--text-secondary);background:#fff}.hero-stage-menu span.active{color:var(--text-primary);border:1px solid rgba(222,95,42,.18);background:#fff5ee}.hero-stage-main,.hero-stage-columns,.marketing-trust-list,.marketing-directory-grid,.feature-story-row,.marketing-footer{display:grid;gap:18px}.hero-stage-card,.workflow-card,.feature-panel,.marketing-directory-card,.guided-step-card,.guided-summary-card{padding:20px}.hero-stage-card{border:1px solid rgba(226,231,239,.88);border-radius:22px;background:#fff}.hero-stage-card-head,.workflow-card-top,.marketing-directory-card,.marketing-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.hero-stage-card h2,.marketing-section-head h2,.feature-copy h2,.marketing-cta h2{margin:0;font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.9rem);line-height:1.05;letter-spacing:-.045em}.hero-stage-card.spotlight{background:linear-gradient(145deg,#20283a,#30374b);color:#fff}.hero-stage-card.spotlight p,.hero-stage-card.spotlight .section-kicker{color:#ffffffc2}.hero-stage-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-stage-card.compact .marketing-card-icon{margin-bottom:14px}.marketing-trustbar,.feature-story-row{display:grid;gap:20px}.marketing-trustbar{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center}.marketing-trust-chip{display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid rgba(226,231,239,.9);border-radius:999px;background:#fffffff0;color:var(--text-secondary);font-weight:500}.marketing-section{display:grid;gap:18px;padding:4px 0}.marketing-section-head.centered{justify-items:center;text-align:center}.marketing-section-head.centered p{max-width:720px}.marketing-card-icon,.workflow-step-index,.guided-step-index{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.marketing-directory-grid,.workflow-grid,.guided-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marketing-directory-card{color:inherit;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.marketing-directory-card:hover{transform:translateY(-2px);border-color:#de5f2a29;box-shadow:0 24px 52px #0f172a14}.workflow-grid.elevated,.feature-story-row{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-grid.elevated{align-items:stretch}.workflow-card.polished{background:linear-gradient(180deg,#ffffffeb,#f8fafcdb)}.workflow-card-top svg{color:var(--text-secondary)}.feature-story-row{align-items:center;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}.feature-story-row.reverse{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)}.feature-story-row.reverse .feature-copy{order:2}.feature-story-row.reverse .feature-panel{order:1}.feature-copy,.feature-panel,.guided-panel{align-content:start}.feature-panel-head,.marketing-trust-copy{display:flex;align-items:center;gap:12px}.marketing-trust-copy{display:grid}.feature-panel.deluxe{min-height:100%;padding:24px;background:linear-gradient(180deg,#ffffffe6,#f5f7fad6)}.feature-panel ul{margin:0;padding-left:18px;color:var(--text-secondary);line-height:1.72}.marketing-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px}.marketing-cta.polished{background:linear-gradient(180deg,#ffffffd6,#f4f7faeb)}.marketing-footer{grid-template-columns:auto 1fr auto;align-items:center;padding:18px 0 8px;border-top:1px solid rgba(226,231,239,.9)}.marketing-footer-links{display:flex;justify-content:center;gap:18px}.marketing-footer-note{display:inline-flex;align-items:center;gap:8px}.marketing-static-page,.faq-list,.policy-list{display:grid;gap:18px}.marketing-static-page{padding-top:12px}.marketing-static-page h1,.faq-card h3,.policy-card h3{margin:0}.faq-list,.policy-list{max-width:920px;justify-self:center;width:100%}.faq-card,.policy-card{padding:22px;border:1px solid var(--border);border-radius:22px;background:#ffffffd6;box-shadow:0 14px 34px #0f172a0d}.faq-card p,.policy-card p{margin:10px 0 0;color:var(--text-secondary);line-height:1.72}.onboarding-processing{justify-items:start}.onboarding-success-layout,.onboarding-wizard-layout{align-items:start}.onboarding-step-list{display:grid;gap:12px}.wizard-step-card,.guided-step-card{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:16px;border:1px solid var(--border);border-radius:18px;background:#ffffffd1}.wizard-step-card.active,.guided-step-card.active{border-color:#de5f2a38;background:#fff6f0}.wizard-step-card.done,.guided-step-card.done{border-color:#2e8b572e;background:#f2faf5}.wizard-step-index{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;background:#eef1f4;color:var(--text-primary);font-weight:700}.wizard-card{display:grid;gap:18px}.wizard-actions{display:flex;justify-content:space-between;gap:12px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guided-review-page{gap:20px}.guided-panel{min-height:100%}.guided-summary-card{min-height:138px}@media(max-width:1180px){.guided-review-layout,.marketing-trustbar,.hero-stage-content,.hero-stage-columns,.marketing-directory-grid,.workflow-grid,.workflow-grid.elevated,.feature-story-row,.guided-summary-grid,.marketing-cta{grid-template-columns:1fr}.marketing-footer{grid-template-columns:1fr;justify-items:start}.marketing-footer-links{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:1180px){.app-shell,.welcome-hero,.hero-panel,.report-summary-panel,.metric-grid,.grid-two,.stories-layout,.report-layout,.analysis-grid{grid-template-columns:1fr}.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--border)}}@media(max-width:760px){.marketing-header,.marketing-main{width:min(100% - 36px,1200px)}.main-area,.sidebar,.welcome-shell{padding:18px}.marketing-header,.marketing-nav,.marketing-actions,.page-header,.topbar-actions,.hero-actions,.review-row,.wizard-actions,.marketing-cta{flex-direction:column;align-items:flex-start}.marketing-nav{flex-wrap:wrap}.review-side{align-items:flex-start}}