:root{--paper: #f2f0e9;--panel: #ffffff;--ink: #23282e;--ink-2: #5a6169;--ink-3: #8b9096;--hairline: rgba(35, 40, 46, .16);--hairline-soft: rgba(35, 40, 46, .09);--accent: #8a2e33;--accent-ink: #6e2429;--moss: #5a6b48;--moss-wash: rgba(90, 107, 72, .09);--ochre: #9c6b1f;--ochre-wash: rgba(156, 107, 31, .09);--font-display: "Spectral", Georgia, serif;--font-body: "Public Sans", -apple-system, "Segoe UI", sans-serif;--font-figures: "Courier Prime", "Courier New", monospace;--radius: 2px;--s1: 4px;--s2: 8px;--s3: 16px;--s4: 24px;--s5: 32px;--s6: 48px;--s7: 64px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);line-height:1.55;font-size:15px}h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--ink)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.landing{display:flex;flex-direction:column;min-height:100vh;background:var(--paper)}.landing-header{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--hairline);padding:var(--s3) var(--s5)}.landing-content{max-width:1080px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center}.landing-logo{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:var(--s2)}.landing-logo svg{color:var(--accent)}.landing-nav-links{display:flex;gap:var(--s5);flex:1;justify-content:center}.nav-link{background:none;border:none;color:var(--ink-2);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer}.nav-link:hover{color:var(--ink)}.landing-right{display:flex;align-items:center;gap:var(--s3)}.landing-main{flex:1;display:flex;flex-direction:column}.hero{max-width:1080px;margin:0 auto;width:100%;padding:var(--s7) var(--s5) var(--s6);text-align:center}.hero-wrapper{max-width:760px;margin:0 auto}.hero h1{font-size:52px;line-height:1.12;margin-bottom:var(--s3);letter-spacing:-.01em}.hero-subtitle{font-size:17px;color:var(--ink-2);margin-bottom:var(--s5);line-height:1.6}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:var(--s5);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius)}.stat{display:flex;flex-direction:column;align-items:center;padding:var(--s4) var(--s3)}.stat+.stat{border-left:1px solid var(--hairline-soft)}.stat-value{font-family:var(--font-figures);font-size:30px;font-weight:700;color:var(--ink)}.stat-label{font-size:11px;color:var(--ink-3);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-top:var(--s2)}.demo-inputs{display:flex;gap:var(--s2);justify-content:center;margin-bottom:var(--s4);flex-wrap:wrap}.demo-tag{padding:6px 14px;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);color:var(--ink-2);font-family:var(--font-body);font-size:12.5px;font-weight:600;cursor:pointer}.demo-tag:hover{border-color:var(--ink);color:var(--ink)}.demo-section{margin-top:var(--s3)}.demo-title{font-size:12px;color:var(--ink-3);margin-bottom:var(--s2)}.demo-buttons{display:flex;gap:var(--s2);flex-wrap:wrap}.demo-btn{padding:6px 14px;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);color:var(--ink-2);font-family:var(--font-body);font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer}.demo-btn:hover{border-color:var(--ink);color:var(--ink)}.hero-cta{padding:13px 34px;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:var(--radius);font-family:var(--font-body);font-size:14px;font-weight:700;letter-spacing:.02em;cursor:pointer}.hero-cta:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.how-it-works{width:100%;padding:var(--s7) var(--s5);border-top:1px solid var(--hairline)}.section-title{font-size:32px;margin-bottom:var(--s6);text-align:center}.how-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}.how-step{padding:var(--s4);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius)}.step-number{font-family:var(--font-figures);font-size:28px;font-weight:700;color:var(--ink-3);margin-bottom:var(--s3)}.step-icon{display:none}.how-step h3{font-size:17px;margin-bottom:var(--s2)}.how-step p{color:var(--ink-2);font-size:13.5px;line-height:1.6}.features-showcase{width:100%;padding:var(--s7) var(--s5);border-top:1px solid var(--hairline)}.features-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}.feature-card{padding:var(--s4);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius)}.feature-icon{display:none}.feature-card h3{font-size:15.5px;margin-bottom:var(--s2)}.feature-card p{font-size:13px;color:var(--ink-2);line-height:1.6;margin-bottom:var(--s3)}.feature-list{list-style:none;border-top:1px solid var(--hairline-soft);padding-top:var(--s2)}.feature-list li{font-size:12.5px;color:var(--ink-2);margin-bottom:6px;padding-left:14px;position:relative}.feature-list li:before{content:"";position:absolute;left:0;top:.65em;width:6px;border-top:1px solid var(--ink-3)}.login-section{width:100%;padding:var(--s7) var(--s5);border-top:1px solid var(--hairline)}.login-wrapper{max-width:400px;margin:0 auto}.login-form{background:var(--panel);padding:var(--s5);border-radius:var(--radius);border:1px solid var(--hairline)}.login-form h2{font-size:24px;margin-bottom:var(--s4)}.form-field{margin-bottom:var(--s3)}.form-field input{width:100%;padding:11px 12px;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--panel);color:var(--ink);font-family:var(--font-body);font-size:14px}.form-field input:focus{outline:none;border-color:var(--ink)}.form-submit{width:100%;padding:12px 20px;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:var(--radius);font-family:var(--font-body);font-size:14px;font-weight:700;cursor:pointer;margin-top:var(--s2)}.form-submit:hover{background:var(--accent-ink)}.form-hint{text-align:center;color:var(--ink-2);font-size:13px;margin-top:var(--s3)}.form-hint button{color:var(--ink)!important;text-decoration:underline}.landing-footer{max-width:1080px;margin:auto auto 0;width:100%;padding:var(--s5);text-align:center;color:var(--ink-3);font-size:12.5px;border-top:1px solid var(--hairline)}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--paper)}.header{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:1px solid var(--hairline);padding:var(--s3) var(--s5);display:flex;align-items:center;justify-content:space-between;gap:var(--s5)}.logo{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:var(--s2)}.logo svg{color:var(--accent)}.nav{display:flex;gap:var(--s2);flex:1;justify-content:center}.nav-item{background:none;border:none;color:var(--ink-2);font-family:var(--font-body);font-size:13.5px;font-weight:600;cursor:pointer;padding:var(--s2) 14px;border-radius:var(--radius)}.nav-item:hover{color:var(--ink)}.nav-item.active{color:var(--ink);border-bottom:2px solid var(--ink);border-radius:0}.header-right{display:flex;align-items:center;gap:var(--s2)}.status{font-family:var(--font-figures);font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius);background:var(--moss-wash);color:var(--moss);border:1px solid var(--moss)}.logout-btn{padding:7px 14px;background:none;color:var(--ink-2);border:1px solid var(--hairline);border-radius:var(--radius);font-family:var(--font-body);font-weight:600;font-size:12.5px;cursor:pointer}.logout-btn:hover{color:var(--ink);border-color:var(--ink)}.main{flex:1;padding:var(--s5);background:var(--paper)}.container{max-width:1080px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:var(--s5)}.card h2{font-size:24px;margin-bottom:var(--s2)}.subtitle{color:var(--ink-2);font-size:14px;margin-bottom:var(--s4)}.textarea,.qa-textarea{width:100%;padding:12px 14px;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);color:var(--ink);font-family:var(--font-body);font-size:14px;min-height:120px;margin-bottom:var(--s3)}.textarea:focus,.qa-textarea:focus{outline:none;border-color:var(--ink)}.btn-primary{padding:11px 22px;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:var(--radius);font-family:var(--font-body);font-weight:700;font-size:13.5px;cursor:pointer}.btn-primary:hover{background:var(--accent-ink)}.btn-primary:disabled{background:var(--ink-3);border-color:var(--ink-3);cursor:default}.btn-large{width:100%;padding:13px 22px;font-size:14px}.btn-secondary{padding:9px 18px;background:var(--panel);color:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius);font-family:var(--font-body);font-weight:600;font-size:13px;cursor:pointer}.btn-secondary:hover{border-color:var(--ink)}.footer{background:var(--paper);border-top:1px solid var(--hairline);padding:var(--s4) var(--s5);text-align:center;color:var(--ink-3);font-size:12.5px;margin-top:auto}.pricing-section{width:100%;padding:var(--s7) var(--s5);border-top:1px solid var(--hairline)}.pricing-section-title{text-align:center;margin-bottom:var(--s6)}.pricing-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}.pricing-card{padding:var(--s5);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);display:flex;flex-direction:column;gap:var(--s3);position:relative}.pricing-card.featured{border-color:var(--ink)}.pricing-badge{position:absolute;top:-10px;left:var(--s3);padding:3px 10px;background:var(--ink);color:var(--paper);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius)}.pricing-name{font-family:var(--font-display);font-size:19px;font-weight:600;margin-top:var(--s2)}.pricing-desc{font-size:13px;color:var(--ink-2)}.pricing-amount{font-family:var(--font-figures);font-size:30px;font-weight:700;color:var(--ink);margin:var(--s2) 0}.pricing-features{list-style:none;flex:1}.pricing-features li{font-size:13px;color:var(--ink-2);padding:6px 0 6px 16px;position:relative}.pricing-features li:before{content:"";position:absolute;left:0;top:1.1em;width:7px;border-top:1px solid var(--ink-3)}.pricing-btn{padding:11px 20px;background:var(--panel);color:var(--ink);border:1px solid var(--ink);border-radius:var(--radius);font-family:var(--font-body);font-weight:700;font-size:13px;cursor:pointer}.pricing-btn:hover{background:var(--ink);color:var(--paper)}.highlights{width:100%;padding:var(--s6) var(--s5);border-top:1px solid var(--hairline);display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3);max-width:1080px;margin:0 auto}.highlight-item{text-align:center;padding:var(--s4) var(--s3);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius)}.highlight-number{font-family:var(--font-figures);font-size:30px;font-weight:700;color:var(--ink);margin-bottom:var(--s1)}.highlight-label{font-size:12px;color:var(--ink-2);font-weight:600}.modules{width:100%;padding:var(--s7) var(--s5);border-top:1px solid var(--hairline)}.modules h2{font-size:32px;margin-bottom:var(--s6);text-align:center}.modules-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s3)}.module{padding:var(--s4);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius)}.module h3{font-size:15px;margin-bottom:var(--s2)}.module p{font-size:13px;color:var(--ink-2);line-height:1.6}.results-container{padding:var(--s3) 0}.results-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--s4);gap:var(--s3)}.results-header h2{font-size:30px;line-height:1.2}.results-header p{font-size:14px;color:var(--ink-2);margin-top:var(--s1)}.score-card-main{display:flex;gap:var(--s6);align-items:stretch;padding:var(--s5);background:var(--panel);border:1px solid var(--hairline);border-left:3px solid var(--accent);border-radius:var(--radius);margin-bottom:var(--s2)}.gauge-block{flex:1.4;min-width:0}.gauge-readout{display:flex;align-items:baseline;gap:var(--s2)}.gauge-num{font-family:var(--font-display);font-size:64px;font-weight:700;line-height:1;color:var(--accent)}.gauge-denom{font-family:var(--font-figures);font-size:15px;color:var(--ink-3)}.gauge-verdict{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin:var(--s2) 0 var(--s3)}.gauge-rule{position:relative;height:34px;margin-bottom:var(--s3)}.gauge-track{position:absolute;top:10px;left:0;right:0;height:1px;background:var(--hairline)}.gauge-fill{position:absolute;top:9px;left:0;height:3px;background:var(--accent);animation:gauge-fill-in .9s cubic-bezier(.25,.8,.35,1)}@keyframes gauge-fill-in{0%{width:0}}.gauge-needle{position:absolute;top:2px;width:2px;height:17px;background:var(--accent);transform:translate(-1px)}.gauge-ticks{position:absolute;top:10px;left:0;right:0;display:flex;justify-content:space-between}.gauge-tick{width:1px;height:7px;background:var(--hairline)}.gauge-tick-label{position:absolute;top:20px;font-family:var(--font-figures);font-size:10px;color:var(--ink-3);transform:translate(-50%)}.gauge-factors{border-top:1px solid var(--hairline-soft);padding-top:var(--s2)}.factor-row{display:flex;align-items:baseline;padding:3px 0;font-size:13px;color:var(--ink-2)}.factor-row .leader{flex:1;border-bottom:1px dotted var(--hairline);margin:0 8px 4px}.factor-val{font-family:var(--font-figures);font-weight:700;color:var(--ink)}.score-info{flex:1;border-left:1px solid var(--hairline-soft);padding-left:var(--s5);display:flex;flex-direction:column;justify-content:center}.score-info h3{font-size:16px;margin-bottom:var(--s2)}.score-info>p{font-size:13px;color:var(--ink-2);margin-bottom:var(--s3)}.action-buttons{display:flex;gap:var(--s2);flex-wrap:wrap}.action-btn{padding:8px 14px;background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);color:var(--ink);font-family:var(--font-body);font-size:12.5px;font-weight:600;cursor:pointer}.action-btn:hover{border-color:var(--ink)}.tabs{display:flex;gap:0;flex-wrap:wrap;margin:var(--s4) 0 0;border-bottom:1px solid var(--hairline)}.tab{background:none;border:none;color:var(--ink-2);font-family:var(--font-body);font-size:13px;font-weight:600;padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--accent)}.tab-content{padding:var(--s4) 0}.section{padding:var(--s2) 0}.section h3{font-size:20px;margin-bottom:var(--s3)}.section h4{font-family:var(--font-body);font-size:13px;font-weight:700;margin-bottom:var(--s2);color:var(--ink)}.section p{font-size:13.5px;color:var(--ink-2);line-height:1.6;margin-bottom:var(--s3)}.section ul{list-style:none;padding-left:0}.section ul li{font-size:13.5px;color:var(--ink-2);margin-bottom:var(--s2)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3);margin:var(--s3) 0}.stat-box{padding:var(--s3);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius)}.stat-box p:first-child{font-size:10.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em;font-weight:600;margin-bottom:var(--s2)}.stat-box .stat-value{font-size:15px;font-weight:600;color:var(--ink);font-family:var(--font-body)}.canvas-block{padding:var(--s3);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius)}.canvas-block.highlight{border-color:var(--ink)}.canvas-block h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);margin-bottom:var(--s2)}.canvas-block ul{list-style:none}.canvas-block li{font-size:12.5px;color:var(--ink-2);margin-bottom:6px}.warning{padding:12px 16px;background:var(--ochre-wash);border-left:3px solid var(--ochre);color:var(--ink-2);font-size:13px;border-radius:var(--radius);margin:var(--s3) 0}.error-box{padding:12px 16px;background:var(--ochre-wash);border-left:3px solid var(--ochre);color:var(--ink);font-size:13px;border-radius:var(--radius);margin:var(--s3) 0}.empty-state{color:var(--ink-2);font-size:14px;padding:var(--s4) 0}.canvas-svg,.swot-matrix,.risk-heatmap,.gtm-timeline{width:100%;height:auto;margin:var(--s3) 0;background:var(--panel);border-radius:var(--radius);padding:var(--s2);border:1px solid var(--hairline)}.pie-chart{width:100%;max-width:300px;height:auto;margin:0 auto}.visualization-card{padding:var(--s3);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);margin:var(--s3) 0}.score-ring{display:flex;align-items:center;justify-content:center;position:relative;width:200px;height:200px;margin:0 auto}.progress-bar{height:5px;background:var(--hairline-soft);border-radius:var(--radius);overflow:hidden;margin-top:var(--s2)}.progress-fill{height:100%;background:var(--ink);transition:width .3s ease}.chart-legend{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s3);padding:var(--s3);background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius)}.legend-item{display:flex;align-items:center;gap:var(--s2);font-size:12px;color:var(--ink-2)}.legend-color{width:14px;height:14px;border-radius:var(--radius)}.qa-container{max-width:720px;margin:0 auto}.qa-card,.qa-complete{background:var(--panel);border:1px solid var(--hairline);border-radius:var(--radius);padding:var(--s5)}.qa-progress p{font-family:var(--font-figures);font-size:12px;color:var(--ink-3);margin-bottom:var(--s2)}.qa-question{font-size:21px;margin:var(--s3) 0 var(--s4);line-height:1.35}.qa-section{text-align:center;padding:var(--s5) 0}.qa-section p{color:var(--ink-2);margin-bottom:var(--s3)}.qa-complete h2{font-size:26px;margin-bottom:var(--s4)}.score-display{display:flex;gap:var(--s3);margin-bottom:var(--s4)}.score-item{flex:1;padding:var(--s3);border:1px solid var(--hairline);border-radius:var(--radius)}.score-item p{font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.07em;font-weight:600;margin-bottom:var(--s2)}.big-score{font-family:var(--font-figures);font-size:26px;font-weight:700;color:var(--ink)}@media (max-width: 768px){.hero h1{font-size:34px}.section-title,.modules h2{font-size:26px}.hero-stats{grid-template-columns:1fr}.stat+.stat{border-left:none;border-top:1px solid var(--hairline-soft)}.how-grid,.features-grid,.pricing-grid,.modules-grid{grid-template-columns:1fr}.highlights{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.score-card-main{flex-direction:column;gap:var(--s4)}.score-info{border-left:none;border-top:1px solid var(--hairline-soft);padding-left:0;padding-top:var(--s3)}.header,.landing-header,.main{padding:var(--s3)}.landing-nav-links{display:none}.tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{flex-shrink:0;white-space:nowrap}}@media (max-width: 480px){.header{gap:var(--s2)}.status{display:none}.tab{padding:10px 12px;font-size:12.5px}}