.tool-demo{margin-top:72px;max-width:1400px}.tool-demo-intro{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:28px}.tool-demo-intro span{color:#a995f4;font:700 10px 'Space Grotesk';letter-spacing:.2em}.tool-demo-intro h3{font-size:clamp(30px,4vw,53px);line-height:1.28;letter-spacing:-.07em;margin:13px 0 0}.tool-demo-intro p{max-width:380px;color:#aaa6b8;font-size:12px;line-height:1.9;margin:0}.tool-demo-intro strong{display:block;color:#dbd5e9;font-weight:600}.console{background:#0d0d19;border:1px solid #8072a377;border-radius:16px;overflow:hidden;box-shadow:0 30px 90px #0008,0 0 60px #7d54c017}.console-top{height:62px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16;background:linear-gradient(90deg,#16112a,#101527)}.console-brand,.console-top-right{display:flex;align-items:center;gap:11px}.console-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#ad83ff;color:#161022;font:800 11px 'Space Grotesk'}.console-brand b{font:700 13px 'Space Grotesk';letter-spacing:.13em}.console-brand small{font:600 8px 'Space Grotesk';color:#8f89a8;letter-spacing:.17em}.demo-pill{font:700 9px 'Space Grotesk';color:#d5f996;border:1px solid #b5ee6c5a;border-radius:30px;padding:7px 10px;letter-spacing:.1em;background:#ccff7610}.console-avatar{display:grid;place-items:center;width:28px;height:28px;border:1px solid #a787d1;border-radius:50%;color:#c6a5f5;font:700 12px 'Space Grotesk'}.console-body{display:grid;grid-template-columns:192px minmax(0,1fr);min-height:650px}.console-sidebar{display:flex;flex-direction:column;background:#10101e;border-right:1px solid #ffffff15;padding:25px 13px}.console-side-label{color:#716e8b;font:700 9px 'Space Grotesk';letter-spacing:.18em;margin:0 11px 18px}.console-tabs{display:grid;gap:5px}.console-tab{background:transparent;border:1px solid transparent;color:#9d9ab0;padding:11px 10px;display:flex;align-items:center;gap:10px;text-align:left;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.console-tab span{color:#af8ae3;font-size:17px;width:19px;text-align:center}.console-tab:hover{background:#ffffff0b;color:#fff}.console-tab.active{background:#9f71f625;border-color:#a673fd58;color:#eee8ff;box-shadow:inset 3px 0 #c094ff}.console-side-foot{margin-top:auto;color:#92a987;font:700 9px/1.8 'Space Grotesk';letter-spacing:.1em;padding:20px 10px 0;border-top:1px solid #ffffff16}.console-side-foot small{font:9px 'Noto Sans JP';color:#77738a;letter-spacing:0}.demo-led{display:inline-block;width:6px;height:6px;background:#c9ff82;border-radius:50%;box-shadow:0 0 8px #c9ff82;margin-right:5px}.console-main{min-width:0;padding:28px;background:radial-gradient(circle at 92% 8%,#49306d38,transparent 37%),#0d0d19}.console-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.console-breadcrumb{font:700 9px 'Space Grotesk';letter-spacing:.15em;color:#86809f}.console-breadcrumb span{color:#c194ff}.console-head h4{font-size:24px;letter-spacing:-.045em;margin:10px 0 6px}.console-head p{color:#89869e;font-size:11px;line-height:1.7;margin:0}.console-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:end}.console-actions button{background:#1c1830;border:1px solid #8063a65e;border-radius:7px;color:#cfc3e4;padding:9px 11px;cursor:pointer;font-size:10px;font-weight:700;white-space:nowrap;transition:background .2s,transform .2s}.console-actions button:hover{background:#4b316d;transform:translateY(-2px)}#demo-scan{background:#cafa7b;border-color:#cafa7b;color:#1b2110}#demo-scan:disabled{opacity:.6;cursor:wait;transform:none}.console-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:25px 0 16px}.console-summary>div{background:#171525;border:1px solid #ffffff17;border-radius:9px;padding:15px 17px}.console-summary span{display:block;color:#8f8aa3;font-size:9px;margin-bottom:7px}.console-summary strong{font:700 26px 'Space Grotesk';color:#f4eeff}.console-summary small{font-size:9px;color:#77738b;margin-left:5px}.console-summary .status-value{font:700 15px 'Noto Sans JP';color:#cafa7b}.console-panels{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:15px}.console-left{min-width:0;display:grid;gap:15px}.console-chart-card,.console-feed,.console-detail{background:#151422;border:1px solid #ffffff18;border-radius:10px}.console-chart-card{padding:17px 18px 12px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title span,.detail-eyebrow{font:700 8px 'Space Grotesk';color:#817c9b;letter-spacing:.17em}.panel-title h5{font-size:13px;margin:5px 0 0}.chart-range{font-size:8px!important;color:#9188a4!important;white-space:nowrap}.chart-area{height:142px;position:relative;margin-top:15px}.chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#ffffff13 0 1px,transparent 1px 35px)}.chart-area svg{position:relative;width:100%;height:100%;overflow:visible}.chart-labels{display:flex;justify-content:space-between;color:#66627e;font:8px 'Space Grotesk';letter-spacing:.1em}.console-feed{padding:17px 18px;min-height:230px}.feed-search{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #ffffff20;border-radius:6px;color:#817c9b}.feed-search input{background:transparent;border:0;outline:0;color:#eee;font:10px 'Noto Sans JP';width:100px}.feed-search input::placeholder{color:#726d87}.feed-rows{margin-top:13px}.feed-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:9px;align-items:center;border-top:1px solid #ffffff12;padding:10px 1px}.feed-row:first-child{border-top:0}.feed-dot{width:6px;height:6px;border-radius:50%;background:#b987ff;box-shadow:0 0 10px #aa79ff}.feed-row.good .feed-dot{background:#cafa7b;box-shadow:0 0 10px #cafa7b}.feed-row.warn .feed-dot{background:#ffcf85;box-shadow:0 0 10px #ffcf85}.feed-main{min-width:0}.feed-main strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-main small{display:block;color:#77738c;font-size:9px;margin-top:3px}.feed-tag{font:700 8px 'Noto Sans JP';color:#b7a1d7;border:1px solid #715e8d66;border-radius:5px;padding:4px 6px;white-space:nowrap}.feed-empty{color:#817c96;font-size:11px;padding:25px 0}.console-right{display:flex;flex-direction:column;gap:12px}.console-detail{padding:20px;min-height:390px;background:radial-gradient(circle at 55% 15%,#7144a945,transparent 48%),#181425;display:flex;flex-direction:column}.detail-symbol{height:100px;display:grid;place-items:center;color:#c697ff;font:700 66px 'Space Grotesk';text-shadow:0 0 30px #a36cfa}.console-detail h5{font-size:16px;margin:4px 0 8px;line-height:1.5}.console-detail p{font-size:10px;line-height:1.8;color:#a29bb4;margin:0 0 16px}.detail-list{margin-top:auto;border-top:1px solid #ffffff1d}.detail-list>div{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid #ffffff12;font-size:9px}.detail-list span{color:#87819f}.detail-list strong{color:#d5c7e7}.detail-footer{color:#9c9a72;font-size:9px;line-height:1.6;margin-top:16px}.console-toast{font-size:9px;line-height:1.7;color:#9490a5;border:1px solid #ffffff16;border-radius:8px;padding:12px;background:#121321}.console-bottom{display:flex;justify-content:space-between;gap:10px;padding:11px 18px;border-top:1px solid #ffffff16;color:#686b7f;font:700 8px 'Space Grotesk';letter-spacing:.13em}.console-bottom span:first-child{color:#a0ba7e}.tool-demo-caption{display:flex;align-items:center;gap:10px;color:#8f8ba3;font-size:10px;line-height:1.8;margin-top:16px}.tool-demo-caption .pulse-dot{width:5px;height:5px;background:#c392ff;box-shadow:0 0 9px #c392ff}
@media(max-width:1050px){.console-panels{grid-template-columns:minmax(0,1fr)}.console-right{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:start}.console-detail{min-height:0}.detail-symbol{height:70px;font-size:48px}.console-toast{margin:0}.console-body{min-height:0}}
@media(max-width:800px){.tool-demo-intro{display:block}.tool-demo-intro p{margin-top:15px;max-width:550px}.console-body{display:block}.console-sidebar{padding:12px 14px;border-right:0;border-bottom:1px solid #ffffff15}.console-side-label,.console-side-foot{display:none}.console-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.console-tab{flex:none;padding:8px 10px}.console-main{padding:20px}.console-right{display:grid;grid-template-columns:minmax(0,1fr)}.console-detail{min-height:0}.console-top{height:55px}}
@media(max-width:600px){.tool-demo{margin-top:50px}.tool-demo-intro h3{font-size:32px}.console{border-radius:12px}.console-brand b{font-size:10px}.console-brand small{display:none}.console-top{padding:0 13px}.console-avatar{display:none}.demo-pill{font-size:8px}.console-main{padding:14px}.console-head{display:block}.console-head h4{font-size:20px}.console-actions{justify-content:start;margin-top:15px}.console-summary{gap:5px;margin:18px 0 10px}.console-summary>div{padding:10px 8px}.console-summary strong{font-size:20px}.console-summary .status-value{font-size:11px}.console-summary small{display:block;margin:3px 0 0;font-size:8px}.console-chart-card,.console-feed{padding:13px}.chart-area{height:110px}.feed-search input{width:68px}.feed-row{grid-template-columns:7px minmax(0,1fr)}.feed-tag{grid-column:2;justify-self:start}.console-detail{padding:16px}.console-bottom{font-size:6px}.tool-demo-caption{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.console-tab,.console-actions button{transition:none}}
.product-screen{margin:30px 0 38px;border:1px solid #77738b66;border-radius:14px;overflow:hidden;background:#10121a;box-shadow:0 28px 75px #0008}.product-screen-bar{display:flex;justify-content:space-between;padding:15px 20px;font:600 10px monospace;letter-spacing:.12em;color:#a9a4bd;border-bottom:1px solid #ffffff16}.product-screen-bar span:last-child{color:#d5f996}.product-screen img{display:block;width:100%;height:auto;transition:filter .2s}.product-screen a:hover img{filter:brightness(1.07)}.product-screen figcaption{display:flex;justify-content:space-between;gap:16px;padding:17px 20px;font-size:12px;color:#d7d3e2}.product-screen figcaption a{color:#c4a4ff;white-space:nowrap}.product-screen p{padding:0 20px 16px;margin:0;font-size:10px;color:#8e8a9d}.console-detail{background:#181824}.detail-symbol{font-size:38px;height:65px;text-shadow:none}.console-mark{box-shadow:none}@media(max-width:600px){.product-screen figcaption{font-size:10px;flex-wrap:wrap}.product-screen-bar{font-size:8px;padding:12px}.product-screen p{font-size:9px}}