@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-primary:#0e0d0c;--bg-secondary:#141312;--bg-tertiary:#1c1a18;--bg-card:#181614;--bg-input:#111010;--text-primary:#f2eee8;--text-secondary:#8c8880;--text-muted:#524e4a;--accent:#e8380d;--accent-hover:#ff4d1f;--accent-dim:#e8380d1f;--accent-border:#e8380d4d;--border:#282420;--border-subtle:#1e1c1a;--border-strong:#3a3630;--border-focus:#e8380d80;--green:#4d9e6a;--green-dim:#4d9e6a1a;--amber:#c28a3a;--amber-dim:#c28a3a1a;--red:#c24040;--red-dim:#c240401a;--blue:#4a7fa8;--blue-dim:#4a7fa81a;--cyan:#3a8c8c;--font-sans:"Space Grotesk",-apple-system,"Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono","SF Mono",monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--text-5xl:4rem;--text-6xl:5.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 2px 8px #00000080;--transition-fast:.12s ease;--transition-base:.2s ease;--max-width:1160px;--nav-height:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);letter-spacing:-.01em;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--text-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.02em;font-weight:600;line-height:1.15}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-fade-in-delay-1{opacity:0;animation:.5s 80ms forwards fadeInUp}.animate-fade-in-delay-2{opacity:0;animation:.5s .16s forwards fadeInUp}.animate-fade-in-delay-3{opacity:0;animation:.5s .24s forwards fadeInUp}.animate-fade-in-delay-4{opacity:0;animation:.5s .32s forwards fadeInUp}.container{max-width:var(--max-width);padding:0 var(--space-8);margin:0 auto}@media (max-width:640px){.container{padding:0 var(--space-5)}}.section-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:var(--space-5);font-weight:600;display:inline-block}.text-center{text-align:center}.gradient-text{color:var(--accent)}.divider{background:var(--border);height:1px;margin:var(--space-8)0;border:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:-.01em;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-strong);background:0 0}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text-primary)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--text-primary);border-color:var(--border)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-base);letter-spacing:-.01em}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--text-xs);letter-spacing:.02em}.btn-icon{width:36px;height:36px;padding:0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);transition:border-color var(--transition-fast)}.card:hover{border-color:var(--border-strong)}.badge{border-radius:var(--radius-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-family:var(--font-mono);align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.badge-green{background:var(--green-dim);color:var(--green)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-purple{color:#9070c8;background:#64508c1f}.input{width:100%;padding:var(--space-3)var(--space-4);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--transition-fast);appearance:none}.input:focus{border-color:var(--accent);outline:none}.input::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:200px;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.8}.accordion-item{border-bottom:1px solid var(--border)}.accordion-trigger{width:100%;padding:var(--space-5)0;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;text-align:left;letter-spacing:-.01em;transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.accordion-trigger:hover{color:var(--accent)}.accordion-trigger .icon{color:var(--text-muted);flex-shrink:0}.mono{font-family:var(--font-mono)}.code-block{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.8;overflow-x:auto}.code-block .line-error{color:var(--red);background:var(--red-dim);margin:0 calc(-1*var(--space-4));padding:0 var(--space-4);display:block}.navbar{z-index:100;height:var(--nav-height);background:var(--bg-primary);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar-inner{height:100%;max-width:var(--max-width);padding:0 var(--space-8);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{align-items:center;gap:var(--space-3);font-weight:700;font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.02em;text-decoration:none;display:flex}.navbar-logo-icon{background:var(--accent);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;line-height:1;display:flex}.navbar-links{align-items:center;gap:0;list-style:none;display:flex}.navbar-links a{padding:var(--space-2)var(--space-4);color:var(--text-muted);font-size:var(--text-sm);letter-spacing:-.01em;transition:color var(--transition-fast);font-weight:500}.navbar-links a:hover{color:var(--text-primary)}.navbar-cta{align-items:center;gap:var(--space-3);display:flex}@media (max-width:768px){.navbar-links{display:none}.navbar-inner{padding:0 var(--space-5)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-16)0 var(--space-8)}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand p{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-4);max-width:280px;line-height:1.7}.footer-col h4{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.footer-col ul{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.footer-col a{color:var(--text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.02em;justify-content:space-between;align-items:center;display:flex}.footer-social{gap:var(--space-4);display:flex}.footer-social a{color:var(--text-muted);transition:color var(--transition-fast)}.footer-social a:hover{color:var(--text-primary)}@media (max-width:768px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{gap:var(--space-4);text-align:center;flex-direction:column}}.hero{padding:var(--space-32)0 var(--space-24);text-align:center;border-bottom:1px solid var(--border)}.hero-label{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-8);font-weight:600;display:inline-flex}.hero h1{font-size:clamp(2.5rem,7vw,var(--text-6xl));letter-spacing:-.04em;color:var(--text-primary);margin-bottom:var(--space-6);max-width:900px;margin-left:auto;margin-right:auto;font-weight:700;line-height:1}.hero h1 em{color:var(--accent);font-style:normal}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:520px;margin:0 auto var(--space-10);letter-spacing:-.01em;font-weight:400;line-height:1.65}.hero-actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.trust-strip{justify-content:center;gap:var(--space-8);padding:var(--space-8)0;border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.trust-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500;display:flex}.trust-item .dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.problem-section{padding:var(--space-24)0;border-bottom:1px solid var(--border)}.problem-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-xl);margin-top:var(--space-12);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.problem-card{background:var(--bg-card);padding:var(--space-8);transition:background var(--transition-fast)}.problem-card:hover{background:var(--bg-tertiary)}.problem-number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:.1em;margin-bottom:var(--space-4)}.problem-card h3{font-size:var(--text-lg);margin-bottom:var(--space-3);letter-spacing:-.02em;font-weight:600}.problem-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.how-section{padding:var(--space-24)0;border-bottom:1px solid var(--border)}.how-steps{gap:var(--space-1);margin-top:var(--space-12);grid-template-columns:repeat(4,1fr);display:grid}.how-step{padding:var(--space-8)var(--space-6);border-left:1px solid var(--border)}.how-step:first-child{border-left:none}.step-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:.12em;margin-bottom:var(--space-5)}.how-step h3{font-size:var(--text-base);margin-bottom:var(--space-3);letter-spacing:-.02em;font-weight:600}.how-step p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.example-section{padding:var(--space-24)0;border-bottom:1px solid var(--border)}.example-shell{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xl);margin-top:var(--space-12);overflow:hidden}.example-shell-bar{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);border-bottom:1px solid var(--border);background:var(--bg-tertiary);display:flex}.shell-dot{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.shell-dot:first-child{background:var(--red)}.shell-dot:nth-child(2){background:var(--amber)}.shell-dot:nth-child(3){background:var(--green)}.example-shell-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-left:var(--space-3);letter-spacing:.04em}.example-shell-body{grid-template-columns:1fr 1fr;display:grid}.example-input{padding:var(--space-6);border-right:1px solid var(--border)}.example-input-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);font-family:var(--font-mono)}.example-log-line{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);padding:1px 0;line-height:1.9}.example-log-line.error{color:var(--red)}.example-log-line.warn{color:var(--amber)}.example-log-line.info{color:var(--text-muted)}.example-output{padding:var(--space-6)}.example-evidence{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2)var(--space-3);background:var(--red-dim);border-left:2px solid var(--red);color:var(--text-secondary);border-radius:0 var(--radius-sm)var(--radius-sm)0;margin-bottom:var(--space-3);line-height:1.6}.systems-section{padding:var(--space-24)0;border-bottom:1px solid var(--border)}.systems-grid{gap:var(--space-2);margin-top:var(--space-10);flex-wrap:wrap;display:flex}.system-chip{padding:var(--space-2)var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);transition:all var(--transition-fast)}.system-chip:hover{border-color:var(--accent);color:var(--text-primary)}.cta-band{padding:var(--space-24)0;text-align:center}.cta-band h2{font-size:var(--text-4xl);letter-spacing:-.04em;margin-bottom:var(--space-5);font-weight:700}.cta-band p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-8);max-width:480px;margin-left:auto;margin-right:auto}.analyze-page{padding:var(--space-16)0 var(--space-32)}.analyze-header{margin-bottom:var(--space-12);padding-bottom:var(--space-10);border-bottom:1px solid var(--border)}.analyze-header h1{font-size:var(--text-4xl);letter-spacing:-.04em;margin-bottom:var(--space-3);font-weight:700}.analyze-header p{font-size:var(--text-base);color:var(--text-secondary);letter-spacing:-.01em}.analyze-layout{gap:var(--space-8);grid-template-columns:1fr 280px;align-items:start;display:grid}.analyze-main{gap:var(--space-5);flex-direction:column;display:flex}.paste-area{position:relative}.char-count{bottom:var(--space-3);right:var(--space-4);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);pointer-events:none;position:absolute}.upload-zone{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-8)var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-input)}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:var(--accent-dim)}.upload-zone .icon{margin-bottom:var(--space-2);font-size:24px}.upload-zone p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.upload-zone .supported{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.uploaded-files{gap:var(--space-2);flex-wrap:wrap;display:flex}.file-chip{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);display:flex}.file-chip button{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-size:12px;line-height:1}.file-chip button:hover{color:var(--red)}.sample-buttons{gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.sample-btn{padding:var(--space-2)var(--space-4);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sample-btn:hover{border-color:var(--accent);color:var(--text-primary)}.analyze-controls{gap:var(--space-3);display:flex}.advanced-toggle{cursor:pointer;color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-sm);transition:color var(--transition-fast);letter-spacing:-.01em;background:0 0;border:none;padding:0;font-weight:500}.advanced-toggle:hover{color:var(--text-secondary)}.advanced-panel{gap:var(--space-4);padding:var(--space-5);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;display:none}.advanced-panel.open{display:grid}.advanced-panel label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);font-weight:600;display:block}.privacy-notice{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-3)var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);display:flex}.analyze-sidebar{gap:var(--space-4);flex-direction:column;display:flex}.sidebar-card{border-radius:var(--radius-lg)}.sidebar-card h3{font-size:var(--text-sm);margin-bottom:var(--space-4);letter-spacing:-.01em;font-weight:600}.sidebar-card ul{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.sidebar-card li{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);font-family:var(--font-mono);display:flex}.sidebar-card li .icon{color:var(--accent);font-size:10px}.analyzing-overlay{z-index:1000;background:#0e0d0ceb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.analyzing-content{text-align:center;max-width:360px;padding:var(--space-12);background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-xl)}.analyzing-icon{margin-bottom:var(--space-5);font-size:40px}.analyzing-content h2{font-size:var(--text-xl);letter-spacing:-.03em;margin-bottom:var(--space-2);font-weight:700}.analyzing-steps{margin-top:var(--space-8);gap:var(--space-3);text-align:left;flex-direction:column;list-style:none;display:flex}.analyzing-steps li{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono);transition:color var(--transition-fast);display:flex}.analyzing-steps li.active{color:var(--text-primary)}.analyzing-steps li.done{color:var(--green)}.analyzing-steps .step-icon{font-family:var(--font-mono);width:16px;color:var(--accent);flex-shrink:0;font-size:12px}.analyzing-steps li.done .step-icon{color:var(--green)}.analyzing-steps li.active .step-icon{animation:1s linear infinite spin}@media (max-width:768px){.analyze-layout{grid-template-columns:1fr}.analyze-sidebar{display:none}.advanced-panel{grid-template-columns:1fr}}.results-page{padding:var(--space-10)0 var(--space-32)}.status-banner{align-items:flex-start;gap:var(--space-5);padding:var(--space-6)var(--space-8);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:var(--space-8);background:var(--bg-card);display:flex}.status-banner.broken{border-left:3px solid var(--red)}.status-banner.warning{border-left:3px solid var(--amber)}.status-banner.healthy{border-left:3px solid var(--green)}.status-icon{flex-shrink:0;font-size:28px;line-height:1.4}.status-banner h2{font-size:var(--text-xl);letter-spacing:-.03em;margin-bottom:var(--space-1);font-weight:700}.status-banner p{font-size:var(--text-sm);color:var(--text-secondary)}.results-grid{gap:var(--space-8);grid-template-columns:1fr 300px;align-items:start;display:grid}.results-main{gap:var(--space-5);flex-direction:column;display:flex}.results-sidebar{gap:var(--space-4);flex-direction:column;display:flex}.result-panel{overflow:hidden}.panel-header{align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-5);display:flex}.panel-header h3{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.panel-icon{font-size:16px}.panel-body{gap:var(--space-5);flex-direction:column;display:flex}.diagnosis-title{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700}.diagnosis-meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.diagnosis-field{gap:var(--space-3);flex-direction:column;display:flex}.diagnosis-field h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.diagnosis-field p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.75}.root-cause-chain{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.chain-node{padding:var(--space-2)var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);font-weight:500;line-height:1.5}.chain-node.symptom{background:var(--red-dim);color:var(--red);border:1px solid #c2404033}.chain-node.cause{background:var(--amber-dim);color:var(--amber);border:1px solid #c28a3a33}.chain-node.root{background:var(--blue-dim);color:var(--blue);border:1px solid #4a7fa833}.chain-arrow{color:var(--text-muted);font-size:12px}.fix-card{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.fix-card-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);font-weight:700;font-family:var(--font-mono)}.fix-card.recommended{background:var(--green-dim);border:1px solid #4d9e6a33}.fix-card.recommended .fix-card-label{color:var(--green)}.fix-card.alternative{background:var(--bg-tertiary);border:1px solid var(--border)}.fix-card.alternative .fix-card-label{color:var(--text-muted)}.fix-card.warning{background:var(--red-dim);border:1px solid #c2404033}.fix-card.warning .fix-card-label{color:var(--red)}.fix-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.example-evidence-line{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2)var(--space-3);background:var(--red-dim);border-left:2px solid var(--red);color:var(--text-secondary);border-radius:0 var(--radius-sm)var(--radius-sm)0;margin-bottom:var(--space-2);line-height:1.6}.support-summary pre{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin-bottom:var(--space-4);max-height:280px;padding:var(--space-4);background:var(--bg-input);border-radius:var(--radius-md);line-height:1.8;overflow-y:auto}.support-actions{gap:var(--space-2);display:flex}.results-footer{gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}@media (max-width:768px){.results-grid{grid-template-columns:1fr}.results-sidebar{order:-1}.status-banner{gap:var(--space-3);flex-direction:column}}.info-page{padding:var(--space-16)0 var(--space-32)}.info-page-header{max-width:640px;margin-bottom:var(--space-16);padding-bottom:var(--space-12);border-bottom:1px solid var(--border)}.info-page-header h1{font-size:var(--text-4xl);letter-spacing:-.04em;margin-bottom:var(--space-4);font-weight:700}.info-page-header p{font-size:var(--text-base);color:var(--text-secondary);letter-spacing:-.01em;line-height:1.7}.hiw-section{margin-bottom:var(--space-20);padding-bottom:var(--space-16);border-bottom:1px solid var(--border)}.hiw-section:last-child{border-bottom:none}.hiw-section h2{font-size:var(--text-3xl);letter-spacing:-.03em;margin-bottom:var(--space-3);font-weight:700}.hiw-section>p{font-size:var(--text-base);color:var(--text-secondary);max-width:600px;margin-bottom:var(--space-10);line-height:1.7}.hiw-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;display:grid;overflow:hidden}.hiw-card{border:none;border-radius:0}.hiw-card .icon{margin-bottom:var(--space-4);font-size:22px}.hiw-card h3{font-size:var(--text-base);margin-bottom:var(--space-3);letter-spacing:-.02em;font-weight:600}.hiw-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.pricing-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;max-width:640px;display:grid;overflow:hidden}.pricing-card{border:none;border-radius:0;position:relative}.pricing-card.featured{background:var(--bg-tertiary)}.popular-badge{background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:700;font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);padding:2px 10px;display:inline-block}.pricing-card h3{font-size:var(--text-lg);letter-spacing:-.02em;margin-bottom:var(--space-2);font-weight:700}.price{font-size:var(--text-5xl);letter-spacing:-.05em;margin-bottom:var(--space-3);font-weight:700;line-height:1;font-family:var(--font-mono)}.price span{font-size:var(--text-base);color:var(--text-muted);letter-spacing:-.01em;font-weight:400}.price-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.65}.pricing-features{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;list-style:none;display:flex}.pricing-features li{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.pricing-features .check{color:var(--green);font-weight:700;font-family:var(--font-mono);flex-shrink:0}.faq-list{max-width:680px}.faq-list .accordion-item{border-bottom:1px solid var(--border)}@media (max-width:900px){.how-steps{grid-template-columns:1fr 1fr}.problem-grid,.example-shell-body{grid-template-columns:1fr}.example-input{border-right:none;border-bottom:1px solid var(--border)}}@media (max-width:640px){.hero{padding:var(--space-20)0 var(--space-16)}.hero h1{font-size:2.25rem}.hero-actions{flex-direction:column;align-items:center}.trust-strip{gap:var(--space-5)}.how-steps{grid-template-columns:1fr}.how-step{border-left:none;border-top:1px solid var(--border);padding:var(--space-6)}.how-step:first-child{border-top:none}.analyze-controls{flex-direction:column}.info-page-header h1{font-size:2rem}}
