@import url("https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500&display=swap");:root{--bg:#0a0a0f;--surface:#111118;--surface2:#1a1a24;--border:#2a2a38;--accent:#e8ff47;--accent2:#ff4757;--text:#e8e8f0;--text-muted:#7a7a95;--text-dim:#3a3a52;--serif:"DM Serif Display",Georgia,serif;--mono:"Space Mono",monospace;--sans:"DM Sans",system-ui,sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}nav{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid var(--border);background:rgba(10,10,15,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;padding:0 2rem;height:56px}.nav-brand,nav{display:flex;align-items:center}.nav-brand{gap:10px}.nav-logo{font-family:var(--mono);font-size:.85rem;font-weight:700;background:var(--accent);color:var(--bg);padding:3px 8px}.nav-subtitle{font-family:var(--mono);font-size:.6rem;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;display:none}@media(min-width:640px){.nav-subtitle{display:block}}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-links a{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);transition:color .2s}.nav-links a:hover{color:var(--accent)}.hero{padding:140px 2rem 80px;max-width:1100px;margin:0 auto;position:relative}.hero:before{content:"";position:absolute;top:80px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(232,255,71,.04) 0,transparent 70%);pointer-events:none}.hero-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:2rem;display:flex;align-items:center;gap:12px}.hero-label:before{content:"";width:32px;height:1px;background:var(--accent);display:block}.hero h1{font-family:var(--serif);font-size:clamp(2.4rem,6vw,5rem);line-height:1.08;font-weight:400;margin-bottom:2rem;max-width:820px}.hero h1 em{font-style:italic;color:var(--accent)}.hero-desc{font-size:1rem;color:var(--text-muted);max-width:480px;line-height:1.8;border-left:2px solid var(--border);padding-left:1.2rem;margin-bottom:2.5rem}.hero-cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--accent);padding:10px 20px}.hero-stats{display:flex;gap:2.5rem;margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border)}.hero-stat-num{font-family:var(--mono);font-size:1.6rem;font-weight:700;color:var(--accent);display:block}.hero-stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.section{max-width:1100px;margin:0 auto;padding:3rem 2rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.section-title{font-size:.7rem;letter-spacing:.15em;color:var(--text-muted)}.section-link,.section-title{font-family:var(--mono);text-transform:uppercase}.section-link{font-size:.65rem;letter-spacing:.1em;color:var(--accent)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1px;gap:1px;background:var(--border)}.article-card{background:var(--bg);padding:2rem;display:flex;flex-direction:column;gap:1rem;transition:background .2s;cursor:pointer}.article-card:hover{background:var(--surface)}.article-card-label{display:flex;align-items:center;justify-content:space-between}.article-tag{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:2px 7px;background:var(--text-muted);color:var(--bg)}.article-tag.decision{background:var(--accent);color:var(--bg)}.article-tag.system{background:#4ecdc4;color:var(--bg)}.article-tag.responsibility{background:var(--accent2);color:#fff}.article-date{font-family:var(--mono);font-size:.6rem;color:var(--text-dim)}.article-card h3{font-family:var(--serif);font-size:1.3rem;font-weight:400;line-height:1.3}.article-card p{font-size:.85rem;color:var(--text-muted);line-height:1.6;flex:1 1}.article-card-footer{font-family:var(--mono);font-size:.65rem;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.article-card-footer:after{content:" →"}.categories-row{display:flex;flex-wrap:wrap;gap:1px;background:var(--border);margin-top:1px}.category-chip{background:var(--bg);padding:1.2rem 1.8rem;display:flex;flex-direction:column;gap:6px;flex:1 1;min-width:160px;cursor:pointer;transition:background .2s}.category-chip:hover{background:var(--surface)}.category-chip-icon{font-size:1rem;color:var(--accent)}.category-chip-name{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.category-chip-count{font-size:.65rem;color:var(--text-muted)}.categories-page{max-width:1100px;margin:0 auto;padding:100px 2rem 5rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:1px;gap:1px;background:var(--border);margin-top:1rem}.category-card{background:var(--bg);padding:2.5rem 2rem;cursor:pointer;transition:background .2s}.category-card:hover{background:var(--surface)}.category-card-icon{font-size:1.5rem;margin-bottom:1rem}.category-card h2{font-family:var(--serif);font-size:1.4rem;font-weight:400;margin-bottom:.5rem}.category-card p{font-size:.85rem;color:var(--text-muted);line-height:1.6}.category-card-count{font-family:var(--mono);font-size:.65rem;color:var(--accent);margin-top:1rem;letter-spacing:.1em;text-transform:uppercase}.article-page{max-width:720px;margin:0 auto;padding:100px 2rem 5rem}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap}.article-page h1{font-family:var(--serif);font-size:clamp(2rem,5vw,3.2rem);line-height:1.12;font-weight:400;margin-bottom:1.5rem}.article-subtitle{font-size:1.1rem;color:var(--text-muted);line-height:1.7;margin-bottom:2rem;border-left:3px solid var(--accent);padding-left:1rem}.article-body{font-size:1rem;line-height:1.85}.article-body h2{font-family:var(--serif);font-size:1.6rem;font-weight:400;margin:3rem 0 1rem;padding-top:1rem;border-top:1px solid var(--border)}.article-body h3{font-family:var(--mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:2.5rem 0 1rem}.article-body p{margin-bottom:1.5rem}.article-body blockquote{margin:2rem 0;padding:1.5rem;border-left:3px solid var(--accent);background:var(--surface);font-family:var(--serif);font-size:1.15rem;font-style:italic}.article-body ol,.article-body ul{padding-left:1.5rem;margin-bottom:1.5rem;color:var(--text-muted)}.article-body li{margin-bottom:.5rem}.article-body strong{color:var(--text);font-weight:700}.article-body hr{border:none;border-top:1px solid var(--border);margin:3rem 0}.ad-slot{margin:3rem 0;border:1px dashed var(--border);background:var(--surface);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:120px;position:relative}.ad-slot:before{content:"SPONSORED";position:absolute;top:8px;right:10px;font-family:var(--mono);font-size:.55rem;letter-spacing:.15em;color:var(--text-dim)}.ad-slot-inner{text-align:center}.ad-slot-inner p{font-family:var(--mono);font-size:.7rem;color:var(--text-dim);margin:0 0 6px}.ad-slot-inner a{font-family:var(--mono);font-size:.75rem;color:var(--accent)}.divider{height:1px;background:var(--border);margin:0 2rem}.back-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2rem;transition:color .2s}.back-link:hover{color:var(--accent)}.article-read{font-family:var(--mono);font-size:.65rem;color:var(--text-dim);letter-spacing:.05em}.marquee-bar{background:var(--accent);overflow:hidden;padding:8px 0}.marquee-track{display:flex;gap:4rem;animation:marquee 28s linear infinite;white-space:nowrap}.marquee-track span{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--bg);flex-shrink:0}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.footer-wrap{border-top:1px solid var(--border);padding:3rem 2rem;max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-brand{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;color:var(--text-muted)}.footer-brand em{color:var(--accent);font-style:normal}.footer-copy{font-family:var(--mono);font-size:.65rem;color:var(--text-dim)}@media(max-width:640px){.hero h1{font-size:2.2rem}.hero-stats{gap:1.5rem}.footer-wrap{flex-direction:column}}.start-here-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1px;gap:1px;background:var(--border)}.start-here-card{background:var(--bg);padding:1.8rem;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:background .2s;position:relative}.start-here-card:hover{background:var(--surface)}.start-here-step{font-family:var(--mono);font-size:2rem;font-weight:700;color:var(--text-dim);line-height:1}.start-here-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.start-here-title{font-family:var(--serif);font-size:1rem;font-weight:400;line-height:1.4;color:var(--text);margin-top:4px;flex:1 1}.start-here-arrow{font-family:var(--mono);font-size:.8rem;color:var(--text-dim);margin-top:8px;transition:color .2s}.start-here-card:hover .start-here-arrow{color:var(--accent)}.next-post-wrap{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border)}.next-post-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;display:flex;align-items:center;gap:12px}.next-post-label:before{content:"";width:24px;height:1px;background:var(--text-muted);display:block}.next-post-card{background:var(--surface);border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:border-color .2s,background .2s}.next-post-card:hover{border-color:var(--accent);background:var(--surface2)}.next-post-meta{display:flex;align-items:center;gap:1rem}.next-post-title{font-family:var(--serif);font-size:1.4rem;font-weight:400;line-height:1.3;color:var(--text)}.next-post-excerpt{font-size:.85rem;color:var(--text-muted);line-height:1.6}.next-post-cta{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-top:4px}.static-page{max-width:720px;margin:0 auto;padding:100px 2rem 5rem}.static-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem;display:flex;align-items:center;gap:12px}.static-label:before{content:"";width:24px;height:1px;background:var(--accent);display:block}.static-h1{font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;line-height:1.15;margin-bottom:1rem}.static-lead{font-size:1rem;color:var(--text-muted);line-height:1.7;margin-bottom:0}.static-divider{height:1px;background:var(--border);margin:2.5rem 0}.static-section{margin-bottom:2.5rem}.static-section h2{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.static-section p{color:var(--text-muted);line-height:1.8;margin-bottom:1rem}.static-section p strong{color:var(--text)}.static-section p a{color:var(--accent);border-bottom:1px solid rgba(232,255,71,.3)}.static-section blockquote{border-left:3px solid var(--accent);padding:1rem 1.2rem;background:var(--surface);margin:1.5rem 0;font-family:var(--serif);font-size:1.1rem;font-style:italic;color:var(--text)}.static-footer-note{font-family:var(--mono);font-size:.7rem;color:var(--text-dim);letter-spacing:.05em}.static-footer-note span{color:var(--accent)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1px;gap:1px;background:var(--border);margin:2rem 0}.contact-card{background:var(--bg);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:8px}.contact-card-icon{font-size:1.3rem}.contact-card-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.contact-card-value{font-family:var(--mono);font-size:.78rem;color:var(--text);word-break:break-all;margin-top:4px}.contact-copy-btn{display:inline-block;margin-top:12px;font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;border:1px solid var(--border);color:var(--accent);padding:6px 12px;cursor:pointer;transition:border-color .2s,background .2s;text-align:center}.contact-copy-btn:hover{border-color:var(--accent);background:var(--surface)}.hero-cta-wrap{margin-bottom:2.5rem}.hero-cta-label{font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;color:var(--text-muted);margin-bottom:10px}.hero-cta-row{display:flex;align-items:center;gap:16px}.hero-cta-side{font-family:var(--mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.start-here-block{background:var(--surface);border-top:1px solid hsla(0,0%,100%,.1);padding:24px 2.5rem 2rem;display:flex;flex-direction:column;gap:2.4rem}.start-here-group{display:flex;flex-direction:column;gap:10px}.start-here-intro{font-family:var(--mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.03em}.start-here-link{font-family:var(--mono);font-size:.89rem;color:var(--accent);letter-spacing:.04em;transition:opacity .2s}.start-here-link:hover{opacity:.7}.demo-page{max-width:860px;margin:0 auto;padding:100px 2rem 5rem}.demo-header{margin-bottom:2rem}.demo-tagline{font-family:var(--serif);font-size:1.2rem;font-style:italic;color:var(--text-muted);margin:.5rem 0 1.2rem}.demo-desc p{font-size:.9rem;color:var(--text-muted);line-height:1.7;margin:0}.demo-notice{display:flex;gap:1rem;align-items:flex-start;background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--accent);padding:1.2rem 1.5rem;margin-bottom:2rem}.demo-notice-icon{font-size:1rem;color:var(--accent);flex-shrink:0;margin-top:2px}.demo-notice strong{font-family:var(--mono);font-size:.78rem;letter-spacing:.05em;color:var(--text);display:block;margin-bottom:4px}.demo-notice p{font-size:.78rem;color:var(--text-muted);margin:0}.demo-form{gap:1.2rem;margin-bottom:2rem}.demo-field,.demo-form{display:flex;flex-direction:column}.demo-field{gap:6px}.demo-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.demo-input-row{display:flex;gap:8px}.demo-input{flex:1 1;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:.82rem;padding:10px 14px;outline:none;transition:border-color .2s}.demo-input:focus{border-color:var(--accent)}.demo-textarea{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--sans);font-size:.9rem;padding:10px 14px;outline:none;resize:vertical;transition:border-color .2s;line-height:1.6}.demo-textarea:focus{border-color:var(--accent)}.demo-toggle-btn{font-family:var(--mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);padding:0 14px;cursor:pointer;transition:color .2s}.demo-toggle-btn:hover{color:var(--accent)}.demo-run-btn{align-self:flex-start;font-family:var(--mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--bg);border:none;padding:12px 24px;cursor:pointer;transition:opacity .2s}.demo-run-btn:hover{opacity:.85}.demo-run-btn:disabled{opacity:.4;cursor:not-allowed}.demo-error{font-family:var(--mono);font-size:.75rem;color:var(--accent2);background:rgba(255,71,87,.08);border:1px solid rgba(255,71,87,.2);padding:10px 14px}.demo-loading{text-align:center;padding:3rem 0}.demo-loading-bar{width:120px;height:2px;background:var(--border);margin:0 auto 1rem;position:relative;overflow:hidden}.demo-loading-bar:after{content:"";position:absolute;left:-100%;top:0;width:100%;height:100%;background:var(--accent);animation:loadbar 1.2s ease-in-out infinite}@keyframes loadbar{0%{left:-100%}to{left:100%}}.demo-loading p{font-family:var(--mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.1em}.demo-section-title{font-family:var(--mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:10px}.demo-section-title:before{content:"";width:18px;height:1px;background:var(--accent);display:block}.demo-state-group{margin-bottom:1.2rem}.demo-state-group-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:3px 8px;display:inline-block;margin-bottom:8px}.tag-internal{background:rgba(78,205,196,.15);color:#4ecdc4}.tag-external{background:rgba(232,255,71,.12);color:var(--accent)}.tag-structural{background:rgba(255,71,87,.12);color:var(--accent2)}.demo-state-row{display:flex;align-items:flex-start;gap:12px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.demo-state-code{font-family:var(--mono);font-size:.72rem;color:var(--text-dim);width:30px;flex-shrink:0;padding-top:2px}.demo-state-content{font-size:.85rem;color:var(--text);flex:1 1;min-width:200px;line-height:1.5}.demo-state-tags{display:flex;gap:4px;flex-wrap:wrap}.demo-badge{font-family:var(--mono);font-size:.58rem;padding:2px 6px;background:var(--surface2);color:var(--text-muted);letter-spacing:.05em}.badge-real{background:rgba(78,205,196,.15);color:#4ecdc4}.badge-virtual{background:rgba(122,122,149,.2);color:var(--text-muted)}.demo-analysis-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:1px;gap:1px;background:var(--border)}.demo-analysis-card{background:var(--surface);padding:1.2rem 1.4rem}.demo-analysis-label{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.demo-analysis-label,.demo-analysis-val{font-family:var(--mono);margin-bottom:6px}.demo-analysis-val{font-size:1.1rem;font-weight:700;color:var(--accent)}.demo-analysis-note{font-size:.75rem;color:var(--text-muted);line-height:1.5}.demo-transitions{display:flex;flex-direction:column;gap:1px;background:var(--border)}.demo-transition-row{background:var(--surface);padding:1.2rem 1.4rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.demo-transition-rank{font-family:var(--mono);font-size:.7rem;color:var(--text-dim);width:24px;flex-shrink:0}.demo-transition-info{flex:1 1;min-width:180px}.demo-transition-name{font-family:var(--serif);font-size:1rem;font-weight:400;color:var(--text);margin-bottom:3px}.demo-transition-meta{font-family:var(--mono);font-size:.62rem;color:var(--text-muted);letter-spacing:.05em}.demo-transition-scores{display:flex;gap:10px;flex-wrap:wrap}.demo-score-item{font-family:var(--mono);font-size:.65rem;color:var(--text-muted)}.demo-score-item b{color:var(--text)}.demo-transition-right{text-align:right;flex-shrink:0}.demo-transition-score{font-family:var(--mono);font-size:1.1rem;font-weight:700;color:var(--accent)}.demo-transition-level{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;margin-top:3px}.lvl-critical{color:var(--accent2)}.lvl-high{color:var(--accent)}.lvl-medium{color:#4ecdc4}.lvl-low{color:var(--text-muted)}.demo-final-note{margin-top:2rem;background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--accent);padding:1.5rem 2rem}.demo-final-note p{font-size:.85rem;color:var(--text-muted);margin-bottom:6px}.demo-top-transitions{margin-top:1.2rem;display:flex;flex-direction:column;gap:8px}.demo-top-item{display:flex;align-items:center;gap:10px}.demo-top-num{font-family:var(--mono);font-size:.7rem;color:var(--text-dim)}.demo-top-name{font-family:var(--serif);font-size:.95rem;color:var(--text);flex:1 1}.demo-top-score{font-family:var(--mono);font-size:.65rem;color:var(--accent)}.demo-banner{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);padding:2rem 2.5rem;cursor:pointer;transition:background .2s,border-color .2s;gap:2rem;flex-wrap:wrap}.demo-banner:hover{background:var(--surface2);border-color:var(--accent)}.demo-banner-left{display:flex;flex-direction:column;gap:8px;flex:1 1}.demo-banner-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.demo-banner-title{font-family:var(--serif);font-size:1.3rem;font-weight:400;color:var(--text);line-height:1.3}.demo-banner-desc{font-size:.82rem;color:var(--text-muted);line-height:1.6;max-width:560px}.demo-banner-cta{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;background:var(--accent);color:var(--bg);padding:10px 20px;white-space:nowrap;flex-shrink:0;align-self:center}.demo-index-header-card{position:relative;background:var(--surface);border:1px solid var(--border);padding:1.4rem 1.6rem;margin-bottom:2.5rem}.demo-index-copy-icon{position:absolute;top:1rem;right:1rem;color:var(--text-dim);cursor:pointer;transition:color .2s}.demo-index-copy-icon:hover{color:var(--text-muted)}.demo-index-title{font-family:var(--mono);font-size:.82rem;font-weight:700;letter-spacing:.06em;color:var(--text);margin-bottom:.75rem}.demo-index-desc{font-family:var(--mono);font-size:.78rem;line-height:1.7;color:var(--text-muted)}.demo-version-section{margin-bottom:2.8rem}.demo-version-label{display:flex;align-items:center;gap:.55rem;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin-bottom:1rem}.demo-version-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.dot-v1{background:#f5c842;box-shadow:0 0 0 2px #c9a200}.dot-v2{background:#4a90d9;box-shadow:0 0 0 2px #2364a8}.demo-version-card{position:relative;background:var(--surface);border:1px solid var(--border);padding:1.4rem 1.6rem;transition:border-color .2s,background .2s}.demo-version-card:hover{border-color:var(--accent);background:var(--surface2)}.demo-version-card-title{font-family:var(--mono);font-size:.82rem;font-weight:700;letter-spacing:.06em;color:var(--text);margin-bottom:.85rem;padding-right:2rem}.demo-version-card-desc{font-family:var(--mono);font-size:.78rem;line-height:1.7;color:var(--text-muted);margin-bottom:.9rem}.demo-version-card-best{font-family:var(--mono);font-size:.75rem;color:var(--accent);margin-bottom:1.2rem;letter-spacing:.03em}.demo-version-card-best:before{content:"→ "}.demo-open-btn{display:inline-block;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--text-muted);color:var(--text);padding:7px 14px;cursor:pointer;background:transparent;transition:border-color .2s,color .2s,background .2s}.demo-open-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(232,255,71,.05)}.demo-version-note{letter-spacing:.03em;color:var(--text-dim);margin-top:.85rem;line-height:1.6;border-left:2px solid var(--border);padding-left:.75rem}.demo-version-note,.v1-version-badge{font-family:var(--mono);font-size:.65rem}.v1-version-badge{display:inline-flex;align-items:center;gap:.5rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem}.v1-engine-notice{display:flex;align-items:center;gap:1rem;background:transparent;border:1px solid var(--border);border-left:3px solid var(--text-dim);padding:.9rem 1.2rem;margin-bottom:2rem}.v1-engine-tag{font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;background:var(--surface2);border:1px solid var(--border);padding:3px 8px;flex-shrink:0}.v1-engine-notice p,.v1-engine-tag{font-family:var(--mono);color:var(--text-dim)}.v1-engine-notice p{font-size:.72rem;line-height:1.5}.v1-raw-block{margin-top:2rem;border:1px solid var(--border);background:var(--surface)}.v1-raw-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-bottom:1px solid var(--border);background:var(--surface2)}.v1-raw-label{font-size:.58rem;letter-spacing:.18em;color:var(--text-dim)}.v1-raw-copy,.v1-raw-label{font-family:var(--mono);text-transform:uppercase}.v1-raw-copy{font-size:.62rem;letter-spacing:.08em;background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:4px 10px;cursor:pointer;transition:color .2s,border-color .2s}.v1-raw-copy:hover{color:var(--accent);border-color:var(--accent)}.v1-raw-pre{font-family:var(--mono);font-size:.72rem;line-height:1.7;color:var(--text-muted);padding:1.2rem 1.4rem;overflow-x:auto;white-space:pre}.v2-input-guidance{background:var(--surface);border:1px solid var(--border);padding:1rem 1.4rem;margin-bottom:1.5rem}.v2-guidance-label{font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--text-muted);display:block;margin-bottom:.7rem}.v2-guidance-list{display:flex;flex-direction:column;gap:4px}.v2-guidance-item{background:transparent;border:none;font-family:var(--mono);font-size:.78rem;color:var(--text-muted);text-align:left;cursor:pointer;padding:3px 0;transition:color .2s;line-height:1.6}.v2-guidance-item:hover{color:var(--accent)}.v2-error-block{display:flex;align-items:center;gap:.6rem}.v2-error-icon{font-family:var(--mono);font-size:.75rem;color:var(--accent2);flex-shrink:0}.v2-score-formula{font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;color:var(--text-dim);background:var(--surface2);border:1px solid var(--border);padding:.6rem 1rem;margin-bottom:.75rem;line-height:1.6}.v2-interpretation{margin-top:2rem;background:var(--surface);border:1px solid var(--border);border-top:2px solid var(--accent)}.v2-interpretation-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.2rem;border-bottom:1px solid var(--border)}.v2-interpretation-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.v2-interpretation-body{font-family:var(--mono);font-size:.78rem;line-height:1.8;color:var(--text);padding:1.2rem 1.4rem;white-space:pre-wrap;word-break:break-word}.v2-export-row{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.v2-export-btn{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:8px 16px;cursor:pointer;transition:color .2s,border-color .2s}.v2-export-btn:hover{color:var(--accent);border-color:var(--accent)}.dot-v3{background:#a78bfa;box-shadow:0 0 0 2px #7c3aed}.v3-cls-irrelevant{color:var(--text-dim)}.dot-v4{background:#34d399;box-shadow:0 0 0 2px #059669}.v4-mode-card{background:var(--surface);border:1px solid var(--border);padding:1.2rem 1.4rem;margin-bottom:2rem}.v4-mode-row{display:flex;gap:.75rem;flex-wrap:wrap}.v4-mode-btn{flex:1 1;min-width:200px;display:flex;flex-direction:column;gap:.4rem;background:transparent;border:1px solid var(--border);padding:.9rem 1.1rem;cursor:pointer;text-align:left;transition:border-color .2s,background .2s}.v4-mode-btn:hover{border-color:var(--text-muted);background:var(--surface2)}.v4-mode-active{border-color:var(--accent)!important;background:var(--surface2)!important}.v4-mode-title{font-family:var(--mono);font-size:.78rem;font-weight:700;color:var(--text);letter-spacing:.04em}.v4-mode-desc{font-family:var(--mono);font-size:.66rem;color:var(--text-dim);line-height:1.6;letter-spacing:.02em}.v4-scenario-section{margin-bottom:2rem}.v4-scenario-grid{display:flex;flex-direction:column;gap:4px;margin-top:.75rem}.v4-scenario-btn{display:flex;align-items:center;gap:.6rem;background:transparent;border:1px solid var(--border);padding:.7rem 1rem;font-family:var(--mono);font-size:.78rem;color:var(--text-muted);text-align:left;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.v4-scenario-btn:hover{border-color:var(--text-muted);color:var(--text);background:var(--surface2)}.v4-scenario-active{border-color:var(--accent)!important;color:var(--accent)!important;background:var(--surface2)!important}.v4-scenario-num{color:var(--text-dim);font-size:.7rem;min-width:1.2rem}.v4-demo-badge{display:inline-block;font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);background:var(--surface2);border:1px solid var(--border);padding:4px 10px;margin-bottom:1.5rem}.dot-v5{background:#f97316;box-shadow:0 0 0 2px #c2410c}.v5-layer-map{display:flex;flex-direction:column;gap:2px;margin-bottom:2rem;border:1px solid var(--border)}.v5-layer-row{display:flex;align-items:center;gap:1rem;padding:.55rem 1rem;font-family:var(--mono);font-size:.75rem;border-left:3px solid transparent;transition:background .15s}.v5-layer-row:hover{background:var(--surface2)}.v5-layer-n{color:var(--text-dim);font-size:.65rem;min-width:3.5rem;letter-spacing:.08em}.v5-layer-label{font-weight:700;color:var(--text);min-width:10rem}.v5-layer-sub{color:var(--text-muted);font-size:.7rem}.v5-layer-1{border-left-color:#34d399}.v5-layer-2{border-left-color:#fbbf24}.v5-layer-3{border-left-color:#60a5fa}.v5-layer-4{border-left-color:#f87171}.v5-layer-5{border-left-color:#c084fc}.v5-layer-6{border-left-color:var(--text-dim)}.v5-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:2rem}.v5-tab{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;border:none;border-bottom:2px solid transparent;padding:.65rem 1.2rem;color:var(--text-dim);cursor:pointer;transition:color .2s,border-color .2s;display:flex;align-items:center;gap:.5rem;margin-bottom:-1px}.v5-tab:hover{color:var(--text-muted)}.v5-tab-active{color:var(--accent)!important;border-bottom-color:var(--accent)!important}.v5-tab-count{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);font-size:.58rem;padding:1px 5px}.v5-section-header{display:flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1rem;margin-top:.5rem}.v5-module-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.v5-mod-green{background:#34d399}.v5-mod-yellow{background:#fbbf24}.v5-mod-blue{background:#60a5fa}.v5-mod-red{background:#f87171}.v5-mod-purple{background:#c084fc}.v5-mod-black{background:var(--text-dim)}.v5-module-num{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-size:.6rem;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.v5-history{min-height:200px}.v5-history-empty{font-family:var(--mono);font-size:.78rem;color:var(--text-dim);padding:2rem 0}.v5-history-list{display:flex;flex-direction:column;gap:4px}.v5-history-row:hover{background:var(--surface2)}.v5-hist-meta{font-family:var(--mono);font-size:.65rem;color:var(--text-dim);margin-bottom:.4rem;letter-spacing:.06em}.v5-hist-conditions{margin-top:.5rem}.v5-roadmap{padding:2rem 0 1rem}.v5-roadmap-title{font-family:var(--mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1.5rem}.v5-roadmap-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:640px){.v5-roadmap-grid{grid-template-columns:1fr}}.v5-roadmap-card{background:var(--surface);border:1px solid var(--border);padding:1.2rem 1.4rem}.v5-roadmap-card-header{display:flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.78rem;font-weight:700;color:var(--text);margin-bottom:1rem;letter-spacing:.03em}.v5-roadmap-tag{font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);background:var(--surface2);border:1px solid var(--border);padding:2px 6px;flex-shrink:0}.v5-roadmap-pre{font-family:var(--mono);font-size:.75rem;line-height:1.75;color:var(--text-muted);white-space:pre-wrap;margin-bottom:1rem}.v5-roadmap-note{font-family:var(--mono);font-size:.68rem;color:var(--text-dim);border-top:1px solid var(--border);padding-top:.7rem;letter-spacing:.03em}.demo-research-block{padding:1.4rem 0}.demo-research-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1rem}.demo-research-rows{display:flex;flex-direction:column;gap:.6rem}.demo-research-row{display:flex;align-items:baseline;gap:1rem;font-family:var(--mono);font-size:.75rem}.demo-research-key{color:var(--text-dim);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;min-width:4rem;flex-shrink:0}.demo-research-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.demo-research-link:hover{color:var(--accent);text-decoration:underline}.demo-research-val{color:var(--text-muted)}.contact-index-block{background:var(--surface);border:1px solid var(--border);padding:1.2rem 1.4rem}.contact-index-desc{font-family:var(--mono);font-size:.78rem;color:var(--text-muted);margin-bottom:1rem}.contact-index-rows{display:flex;flex-direction:column;gap:.55rem}.contact-index-row{display:flex;align-items:baseline;gap:1rem;font-family:var(--mono);font-size:.75rem}.contact-index-key{color:var(--text-dim);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;min-width:4.5rem;flex-shrink:0}.contact-index-val{color:var(--text-muted);text-decoration:none;transition:color .2s}.contact-index-val:hover{color:var(--accent)}