:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070d16;--panel:#101e2e;--line:#263b52;--blue:#4db6ff;--text:#f0f6ff;--muted:#9aaec4}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,Noto Sans JP,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #77caff}em{color:#67c2ff;font-style:normal}.site-header{z-index:5;justify-content:space-between;align-items:center;padding:27px clamp(24px,5vw,88px);display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.19em;align-items:center;gap:13px;font-size:13px;font-weight:800;display:flex}.brand-mark{letter-spacing:-.1em;font-size:37px}.brand-mark span,.accent{color:#51b7ff}.brand small{letter-spacing:.2em;color:#94b3d1;margin-top:3px;font-size:9px;font-weight:500;display:block}.site-header nav{align-items:center;gap:30px;font-size:12px;font-weight:700;display:flex}.site-header nav a:hover{color:#70c5ff}.nav-contact{border:1px solid #557a9e;border-radius:4px;padding:13px 17px}.nav-contact span{color:#69c5ff;margin-left:14px}.hero{grid-template-columns:43% 57%;align-items:center;height:min(900px,100svh);min-height:760px;padding:115px clamp(24px,5vw,88px) 80px;display:grid;position:relative;overflow:hidden}.hero-backdrop{z-index:-1;background:radial-gradient(at 76% 46%,#153e65 0%,#0b1b2e 30%,#0000 65%),linear-gradient(120deg,#070d16 30%,#0d1a2b 100%);position:absolute;inset:0}.hero-backdrop:after{content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.hero-copy{z-index:3;position:relative}.eyebrow,.section-label{letter-spacing:.26em;color:#7bbdf0;font-size:11px;font-weight:700}.live-dot{background:#4bdbab;border-radius:50%;width:7px;height:7px;margin-right:9px;display:inline-block;box-shadow:0 0 12px #4bdbab}.hero h1{letter-spacing:-.06em;margin:28px 0;font-size:clamp(39px,4.15vw,74px);line-height:1.35}.hero-lead{color:#b7c9dc;font-size:clamp(13px,1.1vw,17px);line-height:2}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:38px;display:flex}.btn{border:1px solid #537392;justify-content:space-between;align-items:center;gap:23px;min-width:173px;padding:17px 21px;font-size:12px;font-weight:700;display:inline-flex}.btn.primary{color:#05111f;background:#68c5ff;border-color:#68c5ff}.btn.ghost{background:#0c1a2bb0}.scene-indicators{flex-wrap:wrap;gap:16px;margin-top:58px;display:flex}.scene-indicators button{color:#8ea5b9;text-align:left;background:0 0;border:0;border-bottom:2px solid #3b4f63;min-width:96px;padding:0 0 12px;font-size:11px}.scene-indicators button span{color:#6d859e;margin-bottom:6px;font-size:10px;display:block}.scene-indicators button.active{color:#f3f8ff;border-color:#67c6ff}.play-toggle{color:#a6c6df;background:0 0;border:0;margin-top:15px;padding:7px 0;font-size:11px}.hero-scroll{letter-spacing:.22em;color:#7894b0;font-size:9px;position:absolute;bottom:32px;left:clamp(24px,5vw,88px)}.hero-scroll span{margin-left:15px;font-size:16px}.stage{min-width:0;height:550px;position:relative;transform:translate(2%)}.stage-glow{filter:blur(100px);background:#1d7cba44;border-radius:50%;width:65%;height:55%;position:absolute;top:20%;left:16%}.device{transition:filter .5s,transform .5s,opacity .5s;position:absolute}.pc{background:#102036;border:8px solid #19283a;border-radius:14px 14px 5px 5px;width:83%;height:68%;top:13%;left:0;transform:perspective(1200px)rotateY(-7deg)rotateX(2deg);box-shadow:0 34px 75px #0009,0 0 0 1px #6e93a54a}.pc.focus{filter:drop-shadow(0 0 22px #338edc77);transform:perspective(1200px)rotateY(-4deg)scale(1.025)}.pc-top{color:#86a1b9;letter-spacing:.1em;background:#15263a;justify-content:space-between;align-items:center;height:28px;padding:0 11px;font-size:7px;display:flex}.pc-top>span:last-child{color:#64d4b1}.dots{gap:4px;display:flex}.dots i{background:#55728d;border-radius:50%;width:5px;height:5px;display:block}.pc-content{height:calc(100% - 28px);display:flex}.pc-side{color:#63819e;background:#0c1929;flex-direction:column;flex-shrink:0;align-items:center;gap:24px;width:42px;padding-top:14px;font-size:14px;display:flex}.pc-side strong{color:#f4f8ff;font-size:19px}.pc-side strong span{color:#61bdf9}.pc-main{flex:1;min-width:0;padding:18px 18px 12px}.pc-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pc-head small,.ht-screen-body>small{color:#5ab8f5;letter-spacing:.16em;font-size:7px}.pc-head h2{margin:5px 0 0;font-size:18px}.pc-status{color:#9bdaff;background:#1c4057;border:1px solid #347caa;border-radius:4px;padding:7px 10px;font-size:8px}.stats{grid-template-columns:1.2fr 1.4fr .6fr;gap:8px;margin:16px 0;display:grid}.stats>div{background:#162b42;border:1px solid #29465e;min-width:0;padding:11px 9px}.stats small{color:#86a5bd;margin-bottom:7px;font-size:7px;display:block}.stats strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.pc-table{border:1px solid #29465e}.table-head,.table-row{grid-template-columns:1fr 1.7fr .5fr .7fr;align-items:center;gap:7px;padding:11px 8px;font-size:8px;display:grid}.table-head{color:#8eabc1;background:#1b344d}.table-row{color:#dbe8f5;border-top:1px solid #29465e}.table-row b{color:#66d7b0}.table-row.faint{opacity:.45}.pc-bottom{color:#9eb5ca;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;font-size:8px;display:flex}.mini-action{color:#061525;background:#43aef1;padding:9px 12px;font-weight:800}.pc-stand{clip-path:polygon(32% 0,68% 0,80% 85%,100% 100%,0 100%,20% 85%);background:linear-gradient(#263c50,#101d2b);width:23%;height:45px;position:absolute;bottom:-49px;left:38%}.ht{background:#182635;border:9px solid #182635;border-radius:24px;width:31%;height:78%;top:22%;right:0;transform:perspective(900px)rotateY(-11deg)rotate(3deg);box-shadow:0 30px 65px #000c,0 0 0 1px #70859b6b}.ht.focus{filter:drop-shadow(0 0 20px #50b9ff88);transform:perspective(900px)rotateY(-4deg)rotate(1deg)scale(1.045)}.ht-hardware{letter-spacing:.13em;color:#a4bbcd;justify-content:space-between;align-items:center;height:28px;padding:0 7px;font-size:7px;display:flex}.ht-hardware span:first-child{color:#69e6bc}.ht-screen{color:#092039;background:#e7f2fa;border-radius:4px;height:68%;overflow:hidden}.ht-bar{color:#e8f7ff;background:#133d67;justify-content:space-between;padding:10px 8px;font-size:8px;display:flex}.ht-screen-body{text-align:center;padding:12px 10px}.ht-screen-body>small{color:#477d9d}.ht-screen-body h3{margin:8px 0 12px;font-size:16px}.ht-field{text-align:left;background:#fff;border:1px solid #a8c3d8;padding:9px 8px}.ht-field small{color:#718da4;margin-bottom:6px;font-size:8px;display:block}.ht-field strong{font-size:11px}.ht-count{margin:10px 0;font-size:39px;font-weight:800;line-height:1.2}.ht-count small{font-size:12px}.ht-result{color:#39607e;background:#d5e3ef;padding:8px;font-size:19px;font-weight:800}.ht-result.ok{color:#fff;background:#16a66f}.ht-result.ng{color:#fff;background:#dc4454}.ht-caption{color:#47667f;margin-top:9px;font-size:8px}.ht-buttons{background:#c9dce9;justify-content:space-between;padding:8px;font-size:7px;display:flex}.ht-keypad{grid-template-columns:repeat(3,1fr);gap:5px;padding:10px 15px;display:grid}.ht-keypad span{text-align:center;background:#263b50;border-radius:3px;padding:6px;font-size:10px}.signal{color:#9bd6ff;letter-spacing:.15em;background:#0b2034d9;border:1px solid #39688b;padding:9px 13px;font-size:10px;position:absolute;bottom:7%;left:23%}.signal span{color:#57c5ff;padding:0 9px}.signal small{color:#56d4b0;font-size:7px}.stage-caption{align-items:center;gap:16px;font-size:11px;display:flex;position:absolute;bottom:0;left:0}.stage-caption>span:first-child{color:#55b6f5}.caption-line{background:#5e7d97;width:50px;height:1px}.intro,.about,.contact{border-top:1px solid #21354a;grid-template-columns:32% 68%;gap:20px;padding:125px clamp(24px,7vw,120px);display:grid}.intro{background:#0b1420}.intro h2,.about h2,.contact h2{letter-spacing:-.05em;margin:0 0 22px;font-size:clamp(34px,4vw,61px);line-height:1.4}.intro p,.about p,.contact p{color:#a8bdd0;font-size:14px;line-height:2}.demo-list{background:#2b4156;border-top:1px solid #2b4156;border-bottom:1px solid #2b4156;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.demo-card{background:#0e1b2a;min-height:390px;padding:52px clamp(25px,4vw,70px) 65px;transition:background .2s}.demo-card:hover{background:#14283d}.demo-index{color:#6fc2f8;font-size:24px;font-weight:700}.demo-index span{letter-spacing:.18em;color:#89a6bf;margin-left:10px;font-size:10px}.demo-card h3{margin:33px 0 17px;font-size:clamp(22px,2vw,31px);line-height:1.5}.demo-card p{color:#9db5c9;min-height:100px;font-size:12px;line-height:2}.demo-open{color:#d9efff;text-align:left;background:0 0;border:0;border-bottom:1px solid #5f88a8;justify-content:space-between;width:100%;padding:12px 0;font-size:12px;display:flex}.demo-open:hover{color:#61c3ff}.about{background:#0a1420}.about p+p{margin-top:16px}.company-profile{color:#dceaf7;border-top:1px solid #263d54;gap:0;margin-top:34px;font-size:13px;display:grid}.company-profile div{border-bottom:1px solid #1d3145;grid-template-columns:minmax(140px,24%) 1fr;gap:18px;padding:18px 0;display:grid}.company-profile dt{color:#75bceb;letter-spacing:.12em;font-size:11px;font-weight:700}.company-profile dd{color:#c4d6e7;min-width:0;line-height:1.8}.company-profile ul{gap:4px;list-style:none;display:grid}.contact{background:#0c1c2b}.contact-options{gap:10px;max-width:620px;margin-top:32px;display:grid}.contact-options button,.contact-options a{color:#edf7ff;text-align:left;background:#172c42;border:1px solid #35516a;justify-content:space-between;align-items:center;padding:19px 22px;font-size:14px;display:flex}.contact-options button:hover,.contact-options a:hover{background:#23405b}.contact-options span{color:#6cc6ff}.contact-note{min-height:24px;color:#8bd5ff!important;font-size:12px!important}footer{letter-spacing:.1em;justify-content:space-between;align-items:center;gap:20px;padding:32px clamp(24px,5vw,88px);font-size:14px;font-weight:800;display:flex}footer small{color:#7d98b0;font-size:9px}footer a{color:#9cb4ca;font-size:10px}dialog{color:#e8f4ff;background:#0d1c2c;border:1px solid #4a789b;width:min(640px,100vw - 30px);max-height:calc(100vh - 30px);padding:0;overflow:auto;box-shadow:0 30px 100px #000e}dialog::backdrop{background:#020710d9}.dialog-head{border-bottom:1px solid #28455d;justify-content:space-between;align-items:start;padding:26px 32px;display:flex}.dialog-head small{color:#64b8ed;letter-spacing:.17em;font-size:10px}.dialog-head h2{margin:10px 0 0;font-size:26px}.dialog-head button{color:#fff;background:0 0;border:0;font-size:29px}.dialog-body{padding:30px 32px}.demo-step{align-items:center;gap:15px;display:flex}.demo-step span{color:#64b8ed;font-size:11px}.demo-step div{font-size:16px;font-weight:700}.demo-visual{background:radial-gradient(circle,#1b5075,#0c263d);border:1px solid #2c5d7d;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:230px;margin:22px 0;display:flex}.demo-visual-icon{color:#84d1ff;font-size:clamp(24px,5vw,43px);font-weight:800}.demo-visual-state{color:#e4f6ff;font-size:17px}.demo-progress{background:#2b4860;height:3px}.demo-progress div{background:#66c7ff;width:0;height:100%;transition:width .3s}.dialog-body p{color:#9db5c9;font-size:12px;line-height:1.8}.dialog-actions{justify-content:flex-end;gap:10px;padding:0 32px 30px;display:flex}.dialog-actions button{color:#eaf6ff;background:#173651;border:1px solid #3b6789;padding:12px 17px;font-size:12px}@media (max-width:1000px){.hero{grid-template-columns:1fr;height:auto;min-height:1050px;padding-top:155px}.stage{width:min(750px,100%);margin:10px auto 0;transform:none}.hero-copy{max-width:700px}.scene-indicators{margin-top:32px}.hero-scroll{display:none}.intro,.about,.contact{grid-template-columns:1fr;padding:80px 7vw}.demo-list{grid-template-columns:1fr}.demo-card{min-height:auto}.demo-card p{min-height:0}.site-header nav{gap:14px}}@media (max-width:600px){.site-header{padding:20px}.brand{font-size:10px}.brand-mark{font-size:30px}.brand small{font-size:7px}.site-header nav a:not(.nav-contact){display:none}.nav-contact{padding:10px;font-size:10px}.hero{min-height:880px;padding:130px 20px 65px}.hero h1{font-size:40px}.hero-actions{flex-direction:column;align-items:stretch}.stage{width:100%;height:370px;margin-top:45px}.pc{border-width:5px;width:90%;height:64%;top:10%}.pc-top{height:20px;font-size:5px}.pc-content{height:calc(100% - 20px)}.pc-side{gap:13px;width:24px;padding-top:7px;font-size:10px}.pc-side strong{font-size:13px}.pc-main{padding:9px}.pc-head h2{font-size:11px}.pc-head small{font-size:5px}.pc-status{padding:4px;font-size:5px}.stats{gap:4px;margin:8px 0}.stats>div{padding:6px 4px}.stats small{margin-bottom:3px;font-size:5px}.stats strong{font-size:7px}.table-head,.table-row{gap:3px;padding:6px 4px;font-size:5px}.pc-bottom{margin-top:7px;font-size:5px}.mini-action{padding:5px}.pc-stand{height:26px;bottom:-30px}.ht{border-width:5px;border-radius:15px;width:35%;height:69%;top:23%}.ht-hardware{height:17px;font-size:5px}.ht-screen{height:66%}.ht-bar{padding:6px 4px;font-size:5px}.ht-screen-body{padding:6px 5px}.ht-screen-body>small{font-size:5px}.ht-screen-body h3{margin:4px 0 7px;font-size:10px}.ht-field{padding:5px}.ht-field small{margin-bottom:3px;font-size:5px}.ht-field strong{font-size:7px}.ht-count{margin:5px 0;font-size:25px}.ht-count small{font-size:7px}.ht-result{padding:5px;font-size:12px}.ht-caption{margin-top:5px;font-size:5px}.ht-buttons{padding:4px;font-size:5px}.ht-keypad{gap:3px;padding:6px 9px}.ht-keypad span{padding:3px;font-size:7px}.signal{font-size:7px;bottom:0;left:5%}.signal small{font-size:5px}.stage-caption{font-size:8px;bottom:-26px}.scene-indicators{gap:9px}.scene-indicators button{min-width:76px;font-size:9px}.intro,.about,.contact{padding:70px 23px}.company-profile div{grid-template-columns:1fr;gap:6px;padding:15px 0}.company-profile dt{font-size:10px}.demo-card{padding:40px 25px}footer{flex-wrap:wrap;padding:30px 20px}footer small{order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}