:root{--navy:#071b31;--cyan:#20b7d5;--purple:#7b4ae2;--mist:#eef6f9;--line:#cbdde5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:"Noto Sans JP","Yu Gothic",sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.progress{position:fixed;z-index:99;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--purple));width:0}.shell{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}header{position:absolute;z-index:20;width:100%;height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid #ffffff22}.logo{width:270px;background:#fff;padding:7px 12px}.logo img{width:100%}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:700}nav a{transition:.25s}nav a:hover{color:#54ddf3}.nav-cta{border:1px solid #ffffff88;padding:10px 18px}.menu{display:none}.hero{position:relative;overflow:hidden;min-height:760px;height:100vh;max-height:950px;padding:115px 5vw 50px;display:grid;grid-template-columns:47% 53%;align-items:center;color:#fff;background:radial-gradient(circle at 77% 45%,#15456a,#082039 38%,#06182b 72%)}.grid{position:absolute;inset:0;opacity:.23;background-image:linear-gradient(#2fb0d122 1px,transparent 1px),linear-gradient(90deg,#2fb0d122 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent 68%)}.hero-copy,.hero-art{position:relative;z-index:2}.eyebrow,.num{font:800 10px Arial;letter-spacing:.2em;color:#48cce8}.hero h1{font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(58px,6vw,90px);font-weight:500;line-height:1.25;letter-spacing:.05em;margin:25px 0}.hero h1 em,.contact h2 em{font-style:normal;color:#43d4ee}.hero-copy>p:not(.eyebrow){color:#c3d7e4;font-size:15px}.actions{display:flex;gap:14px;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 22px;min-width:190px;font-size:13px;font-weight:800;letter-spacing:.06em;border:1px solid transparent;transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--cyan);color:#041828}.ghost{border-color:#ffffff66}.trust{display:flex;gap:28px;margin-top:50px;color:#718b9d;font:700 8px Arial;letter-spacing:.13em}.trust b{margin-left:8px;color:#c6d7e1;font-size:11px}.hero-art{height:600px;display:flex;align-items:center;justify-content:center}.frame{width:86%;height:77%;position:relative;overflow:hidden;border:1px solid #59daf188;box-shadow:0 30px 80px #0008;clip-path:polygon(4% 0,100% 0,100% 94%,96% 100%,0 100%,0 6%)}.frame img{width:100%;height:100%;object-fit:cover}.frame i{position:absolute;left:0;top:10%;width:100%;height:1px;background:#37ddf5;box-shadow:0 0 12px #37ddf5;animation:scan 5s infinite}.frame small{position:absolute;bottom:14px;left:18px;color:#b8edf6;font:700 9px Arial;letter-spacing:.18em}@keyframes scan{50%{top:88%}}.chip{position:absolute;padding:13px 17px;background:#05192ceb;border-left:2px solid #28d0ea}.chip b{font:800 24px Arial;color:#45d9ef}.chip span{display:block;font:700 8px Arial;color:#87a9bb;letter-spacing:.15em}.chip.one{right:1%;top:8%}.chip.two{left:3%;bottom:5%;border-color:var(--purple)}.why{padding-top:135px;padding-bottom:140px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.section-title .num{color:#708b9a;margin:0 0 34px}.section-title h2{font:600 clamp(36px,4vw,56px)/1.5 "Noto Serif JP","Yu Mincho",serif;letter-spacing:.04em;margin:0}.why-text{border-top:1px solid var(--line);padding-top:38px;margin-top:60px;color:#4c6272;font-size:15px}.features{padding:110px 0 120px;background:var(--mist)}.cards{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid #bcd1da}.cards article{position:relative;min-height:410px;padding:48px 38px;border-right:1px solid #bcd1da;border-bottom:1px solid #bcd1da}.cards article:first-child{border-left:1px solid #bcd1da}.cards article>span{position:absolute;right:16px;top:12px;font:700 10px Arial;color:#8098a5}.icon{height:100px;font:300 68px/1 Arial;color:#129fbe}.cards h3{font-size:21px;margin:0 0 16px}.cards p{font-size:14px;color:#536c79}.cards small{position:absolute;bottom:25px;color:#8ca1ab;font:700 9px Arial;letter-spacing:.16em}.cases{padding-top:125px;padding-bottom:140px}.case-stage{display:grid;grid-template-columns:58% 42%;margin-top:65px;min-height:610px;background:#071a2b;color:#fff}.case-image{position:relative;overflow:hidden;background:#000}.case-image img{width:100%;height:100%;object-fit:cover;transition:.25s}.case-image span{position:absolute;bottom:18px;left:20px;padding:6px 10px;background:var(--cyan);color:#05192b;font:800 9px Arial;letter-spacing:.14em}.tabs{display:flex;border-bottom:1px solid #284156}.tabs button{flex:1;padding:20px 4px;border:0;border-right:1px solid #284156;background:transparent;color:#7794a9;cursor:pointer;font-size:10px}.tabs button.active{background:#0d2c45;color:#fff;box-shadow:inset 0 -2px #28d3ed}.case-copy{padding:55px 46px}.case-copy h3{font:600 32px "Noto Serif JP","Yu Mincho",serif}.case-copy>p:not(.eyebrow){font-size:14px;color:#a8becd}.case-copy div{display:flex;gap:6px;flex-wrap:wrap;margin-top:32px}.case-copy span{border:1px solid #38566a;padding:6px 8px;font:700 9px Arial;color:#85a5b7}.system{padding:120px 0 130px;background:#071a2b;color:#fff}.system .section-title{display:grid;grid-template-columns:1fr 1fr;gap:55px}.system .section-title .num{grid-column:1/-1}.system .section-title>p:last-child{align-self:end;color:#91aabd;font-size:14px}.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;margin:75px 0 115px}.flow>div{min-height:155px;padding:24px 18px;border:1px solid #28465c}.flow>div.accent{border-color:var(--cyan);background:#0c2b43}.flow i{align-self:center;padding:10px;color:#32cde8}.flow b{float:right;color:#527187;font:700 9px Arial}.flow strong{display:block;color:#52d4e8;font:700 11px Arial;letter-spacing:.08em;margin-bottom:17px}.flow small{font-size:11px;color:#8ba5b5}.hardware{display:grid;grid-template-columns:35% 65%;align-items:center;border-top:1px solid #28465c;padding-top:75px}.hardware h3{font:600 36px/1.5 "Noto Serif JP","Yu Mincho",serif}.hardware p{font-size:13px;color:#8da6b6}.devices{position:relative;height:350px;background:radial-gradient(ellipse,#20aac829,transparent 65%)}.headset{position:absolute;width:67%;right:8%;top:8%}.left,.right{position:absolute;width:22%;bottom:-4%;filter:drop-shadow(0 15px 15px #000)}.left{left:10%;transform:rotate(-18deg)}.right{right:6%;transform:rotate(16deg)}.devices small{position:absolute;right:0;bottom:0;color:#5fd7e9;font:700 9px Arial;letter-spacing:.18em}.resources{padding-top:120px;padding-bottom:135px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px}.resource{display:flex;justify-content:space-between;align-items:center;padding:42px;min-height:250px;background:#eef5f7;border:1px solid transparent;transition:.3s}.resource:hover{transform:translateY(-4px);border-color:var(--cyan);background:#fff;box-shadow:0 18px 40px #0e354b17}.resource h3{font:600 27px/1.5 "Noto Serif JP","Yu Mincho",serif}.resource span{font:800 10px Arial;letter-spacing:.13em}.resource img{width:130px;height:130px;margin-left:20px;image-rendering:pixelated}.contact{position:relative;overflow:hidden;padding:120px 0;background:#0b2d4b;color:#fff}.contact .shell{position:relative;z-index:2}.contact h2{font:600 clamp(42px,5vw,64px)/1.45 "Noto Serif JP","Yu Mincho",serif;margin:20px 0}.contact .shell>p:not(.num):not(.eyebrow){color:#a7c0d0;font-size:14px}.orb{position:absolute;width:650px;height:650px;border-radius:50%;right:-90px;top:-190px;background:radial-gradient(circle at 35% 35%,#46daef61,#5439b42e 36%,transparent 70%);border:1px solid #6bdcef2e}.light{background:#fff;color:#0a2943}.copy{border:0;background:transparent;color:#adc5d3;padding:12px;cursor:pointer}.copy span{margin-left:8px;border:1px solid #537189;padding:4px 7px;font-size:9px}footer{padding:55px 5vw;background:#051421;color:#89a1af;display:flex;justify-content:space-between;align-items:end;font-size:11px}footer img{width:265px;background:#fff;padding:7px 12px}footer>div:last-child{text-align:right}footer a{color:#c5d6df}.reveal{opacity:0;transform:translateY(22px);transition:.75s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){header{height:72px;padding:0 20px}.logo{width:220px}.menu{display:block;width:30px;height:28px;border:0;background:none;position:relative;z-index:3}.menu i{position:absolute;right:0;width:25px;height:1px;background:#fff;transition:.25s}.menu i:nth-child(1){top:7px}.menu i:nth-child(2){top:14px}.menu i:nth-child(3){top:21px}.menu[aria-expanded=true] i:nth-child(1){top:14px;transform:rotate(45deg)}.menu[aria-expanded=true] i:nth-child(2){opacity:0}.menu[aria-expanded=true] i:nth-child(3){top:14px;transform:rotate(-45deg)}nav{position:fixed;inset:0;flex-direction:column;justify-content:center;background:#051423fa;transform:translateX(100%);transition:.3s;font-size:16px}nav.open{transform:none}.hero{height:auto;max-height:none;grid-template-columns:1fr;padding:110px 24px 55px}.hero-art{height:420px}.why{grid-template-columns:1fr;gap:25px}.why-text{margin-top:0}.cards{grid-template-columns:1fr}.cards article:first-child{border-left:1px solid #bcd1da}.case-stage{grid-template-columns:1fr}.case-image{height:430px}.system .section-title{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow i{text-align:center;transform:rotate(90deg)}.hardware{grid-template-columns:1fr}.resource{padding:30px}.resource img{width:100px;height:100px}.shell{padding-left:24px;padding-right:24px}}
@media(max-width:600px){.hero h1{font-size:46px}.actions{flex-direction:column}.btn{width:100%}.trust{flex-direction:column;gap:8px}.hero-art{height:320px}.frame{width:95%}.why,.features,.cases,.system,.resources{padding-top:90px;padding-bottom:95px}.section-title h2{font-size:34px}.cards article{min-height:360px;padding:42px 28px}.case-image{height:310px}.case-copy{padding:36px 26px}.hardware h3{font-size:31px}.devices{height:250px}.resource-grid{grid-template-columns:1fr}.resource{min-height:205px}.resource h3{font-size:21px}.resource img{width:90px;height:90px}.contact{padding:90px 0}.contact h2{font-size:39px}footer{padding:45px 24px;flex-direction:column;align-items:start;gap:30px}footer>div:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.frame i{animation:none}}