.canmou-demo{--bg:#0a0f1c;--bg-2:#0e1626;--panel:#131e33;--panel-2:#18243d;--line:#243450;--text:#e7eefb;--muted:#8aa0c0;--dim:#5f7393;--self:#38bdf8;--self-bg:#38bdf824;--rival:#f472b6;--rival-bg:#f472b624;--risk:#fb7185;--risk-bg:#fb718529;--white:#34d399;--white-bg:#34d39929;--opp:#fbbf24;--opp-bg:#fbbf2429;--accent:#5eead4;background:radial-gradient(1200px 600px at 80% -10%, #38bdf81a, transparent 60%), radial-gradient(900px 500px at -10% 110%, #f472b614, transparent 60%), var(--bg);min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif}.canmou-demo .app{flex-direction:column;min-height:100vh;display:flex}.canmou-demo .topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#0a0f1cb3;justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.canmou-demo .brand{align-items:baseline;gap:8px;display:flex}.canmou-demo .brand-mark{color:var(--accent);font-size:20px}.canmou-demo .brand-name{letter-spacing:1px;font-size:18px;font-weight:700}.canmou-demo .brand-sub{color:var(--muted);font-size:12px}.canmou-demo .industry-pill{color:var(--accent);border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:4px 12px;font-size:12px}.canmou-demo .disclaimer-bar{text-align:center;color:var(--dim);border-top:1px solid var(--line);margin-top:auto;padding:12px;font-size:12px}.canmou-demo .screen{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:36px 24px}.canmou-demo .input-screen{text-align:center}.canmou-demo .hero-title{color:var(--text);margin:24px 0 12px;font-size:38px;font-weight:800;line-height:1.3}.canmou-demo .hero-title .accent{color:var(--accent)}.canmou-demo .hero-sub{color:var(--muted);max-width:620px;margin:0 auto 32px;line-height:1.7}.canmou-demo .input-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:880px;margin:0 auto 28px;display:grid}.canmou-demo .input-card{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:16px;padding:22px;position:relative}.canmou-demo .input-card.self{border-top:3px solid var(--self)}.canmou-demo .input-card.rival{border-top:3px solid var(--rival)}.canmou-demo .card-tag{border-radius:6px;margin-bottom:14px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.canmou-demo .input-card.self .card-tag{color:var(--self);background:var(--self-bg)}.canmou-demo .input-card.rival .card-tag{color:var(--rival);background:var(--rival-bg)}.canmou-demo .input-card label{color:var(--muted);margin-bottom:14px;font-size:13px;display:block}.canmou-demo .input-card input{background:var(--bg-2);border:1px solid var(--line);width:100%;color:var(--text);border-radius:9px;margin-top:6px;padding:11px 12px;font-size:14px}.canmou-demo .input-card input:focus{border-color:var(--accent);outline:none}.canmou-demo .vs-badge{width:46px;height:46px;color:var(--bg);background:var(--accent);border-radius:50%;place-items:center;font-weight:800;display:grid}.canmou-demo .cta{color:var(--bg);background:linear-gradient(135deg, var(--accent), var(--self));cursor:pointer;border:none;border-radius:12px;padding:14px 34px;font-size:16px;font-weight:700;transition:transform .12s;box-shadow:0 8px 26px #5eead440}.canmou-demo .cta:hover{transform:translateY(-1px)}.canmou-demo .cta:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.canmou-demo .input-hint{color:var(--dim);margin-top:18px;font-size:12px}.canmou-demo .btn-ghost{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;padding:10px 18px;font-size:14px}.canmou-demo .btn-ghost:hover{color:var(--text);border-color:var(--accent)}.canmou-demo .btn-primary{background:var(--self);color:var(--bg);cursor:pointer;border:none;border-radius:10px;margin-top:14px;padding:11px 20px;font-size:14px;font-weight:700}.canmou-demo .analyzing-screen{flex-direction:column;align-items:center;padding-top:56px;display:flex}.canmou-demo .radar{width:220px;height:220px;margin-bottom:24px;position:relative}.canmou-demo .radar-ring{border:1px solid var(--line);border-radius:50%;position:absolute}.canmou-demo .radar-ring.r1{inset:0}.canmou-demo .radar-ring.r2{inset:36px}.canmou-demo .radar-ring.r3{inset:72px}.canmou-demo .radar-sweep{background:conic-gradient(#0000 0deg,#5eead459 60deg,#0000 90deg);border-radius:50%;animation:1.6s linear infinite canmou-sweep;position:absolute;inset:0}@keyframes canmou-sweep{to{transform:rotate(360deg)}}.canmou-demo .radar-core{color:var(--accent);place-items:center;font-size:30px;display:grid;position:absolute;inset:0}.canmou-demo .analyzing-vs{align-items:center;gap:14px;margin-bottom:26px;font-size:15px;display:flex}.canmou-demo .av-self{color:var(--self);font-weight:700}.canmou-demo .av-rival{color:var(--rival);font-weight:700}.canmou-demo .av-vs{color:var(--muted);font-size:13px}.canmou-demo .steps{flex-direction:column;gap:12px;width:100%;max-width:460px;margin-bottom:26px;display:flex}.canmou-demo .step{color:var(--dim);align-items:center;gap:12px;font-size:14px;transition:color .3s;display:flex}.canmou-demo .step.active{color:var(--text)}.canmou-demo .step.done{color:var(--muted)}.canmou-demo .step-dot{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.canmou-demo .step.active .step-dot{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px #5eead41f}.canmou-demo .step.done .step-dot{background:var(--accent);color:var(--bg);border-color:var(--accent)}.canmou-demo .progress{background:var(--panel);border-radius:999px;width:100%;max-width:460px;height:7px;overflow:hidden}.canmou-demo .progress-bar{background:linear-gradient(90deg, var(--self), var(--accent));height:100%;transition:width .5s}.canmou-demo .progress-pct{color:var(--muted);margin-top:10px;font-size:13px}.canmou-demo .vs-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-bottom:22px;display:grid}.canmou-demo .vs-side{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 20px}.canmou-demo .vs-side.self{border-left:3px solid var(--self)}.canmou-demo .vs-side.rival{border-right:3px solid var(--rival);text-align:right}.canmou-demo .vs-name{font-size:17px;font-weight:700}.canmou-demo .vs-side.self .vs-name{color:var(--self)}.canmou-demo .vs-side.rival .vs-name{color:var(--rival)}.canmou-demo .vs-product{color:var(--muted);margin:4px 0;font-size:13px}.canmou-demo .vs-patents{color:var(--dim);font-size:12px}.canmou-demo .vs-mid{color:var(--accent);font-size:26px}.canmou-demo .value-strip{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:34px;display:grid}.canmou-demo .value-item{text-align:center;border:1px solid var(--line);border-radius:14px;padding:18px}.canmou-demo .value-item.risk{background:var(--risk-bg);border-color:#fb718566}.canmou-demo .value-item.whitespace{background:var(--white-bg);border-color:#34d39966}.canmou-demo .value-item.opportunity{background:var(--opp-bg);border-color:#fbbf2466}.canmou-demo .v-num{font-size:40px;font-weight:800;line-height:1}.canmou-demo .value-item.risk .v-num{color:var(--risk)}.canmou-demo .value-item.whitespace .v-num{color:var(--white)}.canmou-demo .value-item.opportunity .v-num{color:var(--opp)}.canmou-demo .v-label{margin:6px 0 4px;font-size:14px;font-weight:600}.canmou-demo .v-sub{color:var(--muted);font-size:12px}.canmou-demo .block{margin-bottom:44px}.canmou-demo .block-title{color:var(--text);align-items:center;gap:10px;margin-bottom:6px;font-size:20px;display:flex}.canmou-demo .block-no{color:var(--accent);border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-family:monospace;font-size:15px}.canmou-demo .block-desc{color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.6}.canmou-demo .matrix-wrap{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.canmou-demo .matrix-scroll{overflow-x:auto}.canmou-demo .matrix{border-collapse:separate;border-spacing:6px;width:100%}.canmou-demo .matrix th{font-size:13px;font-weight:600}.canmou-demo .matrix .corner{color:var(--dim);text-align:left;white-space:nowrap;font-size:11px}.canmou-demo .matrix .col-head{color:var(--self);vertical-align:bottom;padding:6px}.canmou-demo .matrix .row-head{color:var(--muted);text-align:right;white-space:nowrap;padding-right:8px}.canmou-demo .cell{cursor:pointer;background:var(--bg-2);border:1px solid var(--line);border-radius:9px;min-width:82px;height:56px;transition:transform .1s,box-shadow .15s;position:relative}.canmou-demo .cell:hover{transform:scale(1.04)}.canmou-demo .cell.self{background:var(--self-bg);border-color:#38bdf880}.canmou-demo .cell.rival{background:var(--rival-bg);border-color:#f472b680}.canmou-demo .cell.both{background:linear-gradient(135deg, var(--self-bg), var(--rival-bg))}.canmou-demo .cell.whitespace{background:var(--white-bg);border-style:dashed;border-color:#34d39973}.canmou-demo .cell.empty{opacity:.4;cursor:default}.canmou-demo .cell.empty:hover{transform:none}.canmou-demo .cell.flagged.risk{box-shadow:0 0 0 2px var(--risk)}.canmou-demo .cell.flagged.opportunity{box-shadow:0 0 0 2px var(--opp)}.canmou-demo .cell.active{box-shadow:0 0 0 2px var(--accent), 0 6px 20px #0006}.canmou-demo .cell-count{color:var(--text);font-size:13px;font-weight:700;position:absolute;top:6px;left:8px}.canmou-demo .cell-flag{font-size:14px;position:absolute;bottom:5px;right:7px}.canmou-demo .cell-flag.risk{color:var(--risk)}.canmou-demo .cell-flag.whitespace{color:var(--white)}.canmou-demo .cell-flag.opportunity{color:var(--opp)}.canmou-demo .matrix-legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:16px;font-size:12px;display:flex}.canmou-demo .lg:before{content:"";vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.canmou-demo .lg.self:before{background:var(--self)}.canmou-demo .lg.rival:before{background:var(--rival)}.canmou-demo .lg.both:before{background:linear-gradient(135deg, var(--self), var(--rival))}.canmou-demo .lg.risk{color:var(--risk)}.canmou-demo .lg.whitespace{color:var(--white)}.canmou-demo .lg.opportunity{color:var(--opp)}.canmou-demo .lg.risk:before,.canmou-demo .lg.whitespace:before,.canmou-demo .lg.opportunity:before{display:none}.canmou-demo .cell-hint{color:var(--dim);margin-top:14px;font-size:13px}.canmou-demo .cell-detail{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;margin-top:16px;padding:16px}.canmou-demo .cell-detail.risk{border-left:3px solid var(--risk)}.canmou-demo .cell-detail.whitespace{border-left:3px solid var(--white)}.canmou-demo .cell-detail.opportunity{border-left:3px solid var(--opp)}.canmou-demo .cd-head{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.canmou-demo .cd-x{color:var(--dim)}.canmou-demo .cd-flag{border-radius:6px;margin-left:auto;padding:2px 8px;font-size:12px}.canmou-demo .cd-flag.risk{color:var(--risk);background:var(--risk-bg)}.canmou-demo .cd-flag.whitespace{color:var(--white);background:var(--white-bg)}.canmou-demo .cd-flag.opportunity{color:var(--opp);background:var(--opp-bg)}.canmou-demo .cd-note{color:var(--muted);margin:10px 0;font-size:13px;line-height:1.6}.canmou-demo .cd-patents{color:var(--text);margin:8px 0 0;padding-left:18px;font-size:13px}.canmou-demo .cd-patents li{margin-bottom:5px}.canmou-demo .cd-patents code,.canmou-demo .ic-evidence code,.canmou-demo .ri-ev code{color:var(--accent);background:var(--panel-2);border-radius:5px;padding:1px 6px;font-size:12px}.canmou-demo .cd-empty{color:var(--white);font-size:13px}.canmou-demo .insights{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.canmou-demo .insight-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.canmou-demo .insight-card.risk{border-top:3px solid var(--risk)}.canmou-demo .insight-card.whitespace{border-top:3px solid var(--white)}.canmou-demo .insight-card.opportunity{border-top:3px solid var(--opp)}.canmou-demo .ic-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.canmou-demo .ic-icon{font-size:16px}.canmou-demo .insight-card.risk .ic-icon,.canmou-demo .insight-card.risk .ic-type{color:var(--risk)}.canmou-demo .insight-card.whitespace .ic-icon,.canmou-demo .insight-card.whitespace .ic-type{color:var(--white)}.canmou-demo .insight-card.opportunity .ic-icon,.canmou-demo .insight-card.opportunity .ic-type{color:var(--opp)}.canmou-demo .ic-type{letter-spacing:1px;font-size:12px;font-weight:700}.canmou-demo .ic-title{color:var(--text);margin:0 0 8px;font-size:16px}.canmou-demo .ic-detail{color:var(--muted);margin:0 0 12px;font-size:13px;line-height:1.7}.canmou-demo .ic-value{background:var(--bg-2);color:var(--opp);border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.canmou-demo .ic-evidence{color:var(--dim);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.canmou-demo .ic-ev-label{color:var(--muted)}.canmou-demo .ic-ev-empty{color:var(--white);font-style:italic}.canmou-demo .concept-studio{grid-template-columns:320px 1fr;gap:18px;display:grid}.canmou-demo .concept-dirs{flex-direction:column;gap:10px;display:flex}.canmou-demo .cs-label{color:var(--muted);margin-bottom:4px;font-size:13px}.canmou-demo .dir-chip{text-align:left;background:var(--panel);border:1px solid var(--line);cursor:pointer;color:var(--text);border-radius:12px;flex-direction:column;gap:4px;padding:13px 15px;font-size:14px;transition:border-color .15s;display:flex}.canmou-demo .dir-chip:hover{border-color:var(--accent)}.canmou-demo .dir-chip.active{border-color:var(--accent);background:var(--panel-2)}.canmou-demo .dir-chip.done{border-left:3px solid var(--white)}.canmou-demo .dir-based{color:var(--dim);font-size:11px}.canmou-demo .dir-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.canmou-demo .kind-tag{white-space:nowrap;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px}.canmou-demo .kind-tag.schematic{color:var(--white);background:var(--white-bg)}.canmou-demo .kind-tag.product{color:var(--self);background:var(--self-bg)}.canmou-demo .cost-ledger{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;margin-top:8px;padding:14px}.canmou-demo .cl-title{color:var(--muted);margin-bottom:8px;font-size:12px}.canmou-demo .cl-row{color:var(--text);justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.canmou-demo .cl-row b.free{color:var(--white)}.canmou-demo .cl-row b.paid{color:var(--opp)}.canmou-demo .cl-note{color:var(--dim);margin-top:8px;font-size:11px;line-height:1.5}.canmou-demo .tier-badge{border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.canmou-demo .tier-badge.sketch{color:var(--muted);background:var(--panel-2)}.canmou-demo .tier-badge.final{color:var(--bg);background:var(--accent)}.canmou-demo .tier-badge.schematic{color:var(--white);background:var(--white-bg)}.canmou-demo .cost-hint{color:var(--dim);margin-top:4px;font-size:12px}.canmou-demo .ref-upload{margin:12px 0}.canmou-demo .btn-ghost.sm{padding:7px 12px;font-size:12px}.canmou-demo .ref-thumb{color:var(--white);justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.canmou-demo .ref-thumb img{-o-object-fit:cover;object-fit:cover;border:1px solid var(--white);border-radius:8px;width:48px;height:48px}.canmou-demo .stage-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.canmou-demo .gen-empty b{color:var(--text)}.canmou-demo .concept-canvas{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;place-items:center;min-height:320px;padding:20px;display:grid}.canmou-demo .gen-empty,.canmou-demo .gen-loading,.canmou-demo .gen-result{text-align:center;color:var(--muted)}.canmou-demo .gen-empty-icon{margin-bottom:12px;font-size:40px}.canmou-demo .gen-prompt{color:var(--dim);max-width:320px;margin-top:12px;font-size:11px}.canmou-demo .gen-spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;margin:0 auto 16px;animation:.8s linear infinite canmou-spin}@keyframes canmou-spin{to{transform:rotate(360deg)}}.canmou-demo .placeholder-img{border:1px solid var(--line);border-radius:12px;width:100%;max-width:400px}.canmou-demo .gen-caption{color:var(--text);margin:14px 0 10px;font-size:13px}.canmou-demo .dashboard-actions{justify-content:space-between;align-items:center;margin:30px 0 14px;display:flex}.canmou-demo .data-note{color:var(--dim);text-align:center;font-size:12px;line-height:1.6}.canmou-demo .report-page{color:#1a2233;background:#f5f6f8;min-height:100vh}.canmou-demo .report-toolbar{background:var(--bg-2);z-index:5;justify-content:space-between;padding:14px 24px;display:flex;position:sticky;top:0}.canmou-demo .report{color:#1a2233;background:#fff;border-radius:6px;max-width:800px;margin:24px auto;padding:48px 56px;box-shadow:0 10px 40px #00000026}.canmou-demo .report-header{border-bottom:2px solid #1a2233;margin-bottom:24px;padding-bottom:14px}.canmou-demo .report-brand{color:#1a2233;font-size:22px;font-weight:800}.canmou-demo .report-meta{color:#5a6b86;margin-top:6px;font-size:13px}.canmou-demo .report-section{margin-bottom:26px}.canmou-demo .report-section h2{color:#1a2233;border-left:4px solid #2563eb;padding-left:10px;font-size:17px}.canmou-demo .report-table{border-collapse:collapse;width:100%;font-size:14px}.canmou-demo .report-table th{text-align:left;color:#5a6b86;vertical-align:top;width:90px;padding:6px 0}.canmou-demo .report-table td{color:#1a2233;padding:6px 0}.canmou-demo .report-value{color:#1a2233;font-size:14px;line-height:1.9}.canmou-demo .report-insight{border-bottom:1px dashed #d6dbe4;margin-bottom:16px;padding-bottom:14px}.canmou-demo .report-insight h3{color:#1a2233;margin:0 0 6px;font-size:15px}.canmou-demo .report-insight p{color:#334;margin:4px 0;font-size:13px;line-height:1.7}.canmou-demo .ri-value{font-weight:600;color:#b45309!important}.canmou-demo .ri-ev{color:#5a6b86!important;font-size:12px!important}.canmou-demo .report-concepts{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.canmou-demo .report-concept{text-align:center}.canmou-demo .report-concept .placeholder-img{border-color:#d6dbe4}.canmou-demo .rc-label{color:#1a2233;margin:8px 0 2px;font-size:13px;font-weight:600}.canmou-demo .rc-caption{color:#5a6b86;font-size:11px;line-height:1.5}.canmou-demo .report-footer{color:#5a6b86;border-top:1px solid #d6dbe4;margin-top:30px;padding-top:16px;font-size:12px;line-height:1.7}.canmou-demo .report-disclaimer{color:#94a3b8}@media print{.canmou-demo .no-print{display:none!important}.canmou-demo .report-page{background:#fff}.canmou-demo .report{box-shadow:none;max-width:100%;margin:0;padding:0 8mm}.canmou-demo .report-insight,.canmou-demo .report-concept{-moz-column-break-inside:avoid;break-inside:avoid}}@media (max-width:760px){.canmou-demo .input-grid{grid-template-columns:1fr}.canmou-demo .vs-badge{margin:0 auto;transform:rotate(90deg)}.canmou-demo .value-strip,.canmou-demo .insights,.canmou-demo .concept-studio,.canmou-demo .vs-header{grid-template-columns:1fr}.canmou-demo .vs-side.rival{text-align:left}.canmou-demo .hero-title{font-size:28px}}
