:root{--ink:#244f43;--paper:#f5f9f4;--muted:#62766a;--copper:#43795e;--line:#d1e1d4}body{background:var(--paper);font-weight:400}header{background:#edf5ed;border-bottom:1px solid #d3e3d6;height:90px}.logo{font-weight:500;letter-spacing:.06em}.logo i{color:#659277}.nav-cta{border-radius:30px;border-color:#8cac94}.nav-cta:hover{background:#dfeddf}h1,h2,h3{font-family:'Noto Sans JP',sans-serif;font-weight:400;letter-spacing:.035em}h1{font-size:clamp(32px,3.6vw,55px);line-height:1.75}h1 span{color:#4e8b62}.soft-hero{background:radial-gradient(ellipse at 75% 50%,#f5faf0 0,transparent 60%),#e8f1e9;color:var(--ink);grid-template-columns:1.05fr 1fr;min-height:720px}.hero-copy{padding-top:115px;padding-bottom:75px}.hero .eyebrow{color:#609271;font-size:11px;letter-spacing:.19em}.hero-lead{font-size:17px;color:#456b55;line-height:2}.hero-description{color:#698170;font-size:14px}.hero-note{color:#6b816f;font-size:12px}.hero-actions{gap:23px}.copper{border-radius:40px;background:#42745b;color:white;padding:16px 26px}.copper:hover{background:#315f49}.text-link{border-color:#99b19e;color:#426b54}.hero-bottom{border-color:#c3d6c6;color:#708874}.hero-bottom a{color:#557660}.scene-map{position:relative;min-height:610px;margin:20px 5% 0 0;color:#acc7af}.map-line{position:absolute;inset:0;width:100%;height:100%}.moving-line{stroke:#629774;stroke-dasharray:6 94;animation:flow 12s linear infinite}.scene-art{background-image:url('assets/scenes.png');background-repeat:no-repeat;background-size:300% 100%;width:100%;height:100%;mix-blend-mode:multiply}.art-one{background-position:0 50%}.art-two{background-position:50% 50%}.art-three{background-position:100% 50%}.map-scene{position:absolute;width:230px;height:210px;transition:filter .7s,transform .7s;filter:saturate(.75)}.map-one{top:0;left:0}.map-two{top:155px;right:0}.map-three{top:340px;left:20px}.map-scene .scene-art{height:165px}.map-label{display:flex;gap:12px;align-items:center;padding-left:15px;color:#3a644c}.map-label>span{border:1px solid #98bfa1;background:#edf5e9;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:11px}.map-label p{font-size:17px;margin:0}.map-label small{display:block;font-size:10px;color:#6a836e}.record-bubble{position:absolute;top:30px;right:-13px;background:#fcfef8;box-shadow:0 5px 20px #315f4910;border:1px solid #d1e2ce;border-radius:20px;padding:4px 12px;font-size:10px;color:#4d7755;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s}.map-scene.is-active{filter:saturate(1);transform:translateY(-5px)}.map-scene.is-active .record-bubble{opacity:1;transform:translateY(0)}.motion-toggle{position:absolute;right:0;bottom:14px;border:0;background:none;color:#698470;font-size:11px;padding:9px}.section{padding-top:95px;padding-bottom:95px}.section .eyebrow{color:#6e9678}.section h2{font-size:36px;line-height:1.8}.vertical-story{background:#f5f9f4;color:var(--ink)}.story-heading{text-align:center;margin-bottom:65px}.story-heading h2{margin-bottom:22px}.story-heading>p:last-child{font-size:15px;color:#708473;line-height:2}.story-rail{position:relative;max-width:1050px;margin:auto}.story-rail:before,.rail-progress{position:absolute;content:'';width:1px;top:0;bottom:0;left:50%;background:#cfdfd0}.rail-progress{background:#659878;transform-origin:top;transform:scaleY(0);width:2px}.story-row{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px;min-height:370px;padding:35px 0}.story-image{height:300px;position:relative;background:#e8f1e9;border-radius:50% 45% 48% 40%;transition:transform 1s}.story-image .scene-art{height:280px}.scene-status{position:absolute;bottom:5px;left:50%;transform:translate(-50%,8px);white-space:nowrap;font-size:11px;border-radius:25px;background:#e4efdf;padding:8px 18px;color:#5d7c60;opacity:0;transition:opacity 1s,transform 1s}.story-row.in-view .scene-status{opacity:1;transform:translate(-50%,0)}.story-row.in-view .story-image{transform:translateY(-6px)}.story-node{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:#f5f9f4;border:1px solid #adc9b0;color:#74977b;font-size:12px;transition:background .6s,color .6s}.in-view .story-node{background:#71967a;color:#fff}.story-text .small-label{font-size:12px;color:#77947b;margin-bottom:18px}.story-text h3{font-size:28px;line-height:1.8}.story-text>p:not(.small-label){font-size:14px;line-height:2.2;color:#6b7e6f}.story-example{font-size:11px;color:#54745a;border-top:1px solid #dce7d9;padding-top:15px}.story-example span{display:block;color:#7a8e7b;font-size:12px;margin-top:5px}.story-row:nth-child(3) .story-image{grid-column:2;grid-row:1}.story-row:nth-child(3) .story-text{grid-column:1;grid-row:1}.how .footnote{color:#859382;margin-top:55px}.intro{background:#e8f1e9}.two-cards{gap:50px}.feature{background:transparent;border-top:1px solid #9fbea5;padding:28px 0 0}.feature-number{color:#b8d0b9;font-size:42px}.feature-result{border-color:#ccdfcd}.experience{background:#f5f9f4}.demo-panel{border-radius:22px;border-color:#d7e4d5;box-shadow:0 15px 50px #33583906}.demo-instruction>span{border-color:#a2bba2}.demo-symbol{color:#75a079}.demo-label{background:#edf4e8}.fields{background:#e8f1e9}.field-list{position:relative;padding-left:38px}.field-list:before{content:'';position:absolute;left:9px;top:35px;bottom:45px;width:1px;background:#a9c7ad}.field-list article{position:relative;border-color:#cedfce}.field-list article:before{content:'';position:absolute;left:-35px;top:40px;width:11px;height:11px;background:#e8f1e9;border:1px solid #8aae90;border-radius:50%;transition:background .5s}.field-list article:hover:before{background:#77a080}.field-no{color:#6b9175}.field-list h3{font-family:'Noto Sans JP',sans-serif;font-weight:400}.rfid{background:#f5f9f4}.faq{background:#f5f9f4}.closing{background:#e5efe3}.closing .eyebrow{color:#729277}footer{background:#e5efe3}.motion-paused .moving-line{animation-play-state:paused}@keyframes flow{to{stroke-dashoffset:-100}}
@media(max-width:1100px){.map-scene{width:205px}.map-one{left:-10px}.map-three{left:0}.hero-copy{padding-top:90px}.story-row{gap:80px}.story-text h3{font-size:25px}}
@media(max-width:760px){header{height:78px}.soft-hero{display:flex;min-height:0}.hero-copy{padding:50px 6% 25px}h1{font-size:31px;line-height:1.8}.hero-lead{font-size:15px}.hero-description{font-size:13px}.hero-note{font-size:10px}.hero-actions{gap:20px}.scene-map{min-height:545px;margin:0 5%;width:90%;align-self:center;max-width:480px}.map-line{height:100%}.map-scene{width:190px;height:180px}.map-scene .scene-art{height:145px}.map-one{left:0;top:0}.map-two{right:0;top:160px}.map-three{left:0;top:325px}.map-label p{font-size:15px}.map-label small{font-size:10px}.record-bubble{right:0;top:25px;font-size:9px}.motion-toggle{font-size:10px;bottom:0}.section{padding:65px 6%}.section h2{font-size:27px}.story-heading{margin-bottom:40px}.story-rail{padding-left:38px}.story-rail:before,.rail-progress{left:12px}.story-row{display:flex;flex-direction:column;gap:25px;padding:15px 0 55px;align-items:stretch}.story-node{left:-26px;top:145px;width:30px;height:30px;font-size:10px}.story-image{height:245px;max-width:340px;width:100%;align-self:center}.story-image .scene-art{height:230px}.scene-status{font-size:10px;padding:6px 12px}.story-text h3{font-size:24px}.story-text>p:not(.small-label){font-size:14px}.story-example{font-size:11px}.two-cards{gap:30px}.field-list{padding-left:25px}.field-list article:before{left:-21px;width:9px;height:9px}.field-list:before{left:8px}.closing h2{font-size:28px}.hero-bottom{font-size:9px}.hero-bottom a{font-size:8px}}
@media(prefers-reduced-motion:reduce){.moving-line{animation:none}.map-scene,.record-bubble,.story-image,.scene-status,.story-node{transition:none}.record-bubble,.scene-status{opacity:1;transform:none}.scene-status{transform:translateX(-50%)}.map-scene.is-active{transform:none}}
/* Each vignette occupies one third of the shared illustration. */
.scene-art{background-size:300% 160%;background-position-y:50%}.map-scene{width:180px;height:245px}.map-scene .scene-art{height:218px}.map-one{top:-15px;left:15px}.map-two{top:165px;right:5px}.map-three{top:340px;left:20px}.map-label{padding-left:0}.story-image .scene-art{width:230px;height:280px;margin:auto}.record-bubble{right:-25px;top:45px}.scene-map{min-height:650px}.map-line{height:610px;top:30px}
@media(max-width:760px){.scene-map{min-height:600px}.map-scene{width:156px;height:210px}.map-scene .scene-art{height:190px}.map-one{top:-5px;left:0}.map-two{top:175px;right:0}.map-three{top:355px;left:0}.map-line{height:570px;top:10px}.map-label{gap:8px}.record-bubble{right:-15px;top:35px}.story-image .scene-art{width:194px;height:235px}.story-image{height:260px}}
.scene-art{-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.map-label>span{flex-shrink:0}.map-label small{white-space:nowrap}
@media(max-width:760px){.scene-map{min-height:635px}.map-label small{font-size:9px}.motion-toggle{bottom:5px}}