:root{--ink:#10241e;--deep:#071712;--green:#b8f000;--green2:#65b657;--paper:#f5f3ed;--white:#fff;--muted:#607069;--line:rgba(16,36,30,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.section{padding:130px 5vw}.site-header{height:88px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:20;width:100%;transition:.3s}.site-header.is-scrolled{position:fixed;height:70px;background:rgba(245,243,237,.94);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.04em;font-size:24px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--green);font-size:20px}.brand small{display:block;font-size:8px;letter-spacing:.15em;font-weight:650;color:var(--muted)}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:750}.site-header nav>a:not(.nav-cta):after{content:"";display:block;width:0;height:1px;background:var(--ink);transition:.25s}.site-header nav>a:hover:after{width:100%}.nav-cta{padding:13px 21px;border:1px solid var(--ink);border-radius:99px;display:flex;gap:24px}.menu-button{display:none;background:none;border:0;width:42px;height:42px;padding:11px}.menu-button i{display:block;height:1px;background:var(--ink);margin:6px 0}.hero{position:relative;min-height:100svh;padding:170px 4.5vw 50px;overflow:hidden}.hero-copy{position:relative;z-index:2;width:min(680px,53vw)}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 30px;font-size:11px;letter-spacing:.17em;font-weight:850}.eyebrow span{width:28px;height:2px;background:var(--green)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(66px,8.4vw,132px);line-height:.9;letter-spacing:-.085em;font-weight:800}h1 em{color:#257259;font-style:normal}.hero-lead{max-width:570px;margin:36px 0 0 7px;font-size:17px;line-height:1.95;color:var(--muted);font-weight:600}.hero-actions{display:flex;gap:12px;margin:38px 0 0 7px}.button{padding:17px 24px;border-radius:3px;font-size:13px;font-weight:800;display:inline-flex;gap:28px;align-items:center;transition:.25s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--ink);color:white}.button-primary span{color:var(--green);font-size:18px}.button-secondary{border:1px solid rgba(16,36,30,.4)}.hero-map{position:absolute;width:min(48vw,700px);aspect-ratio:1;right:-4vw;top:52%;transform:translateY(-47%) rotate(-5deg);border-radius:50%;background:#dce6dc;box-shadow:inset 0 0 0 1px rgba(16,36,30,.12),0 40px 90px rgba(16,36,30,.13);overflow:hidden}.map-grid,.mini-map-grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(16,36,30,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(16,36,30,.1) 1px,transparent 1px);background-size:54px 54px}.route{position:absolute;border:5px solid var(--ink);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(28deg)}.route-a{width:76%;height:44%;left:1%;top:24%}.route-b{width:54%;height:74%;right:8%;top:7%;border-color:var(--green);border-right-color:transparent}.map-pin{position:absolute;width:21px;height:21px;border-radius:50%;background:var(--paper);border:6px solid var(--ink);box-shadow:0 0 0 6px rgba(184,240,0,.42)}.pin-a{left:21%;top:48%}.pin-b{left:56%;top:28%}.pin-c{right:16%;bottom:28%}.map-card{position:absolute;right:15%;top:43%;background:var(--ink);color:white;padding:17px 22px;box-shadow:0 20px 40px rgba(16,36,30,.18);transform:rotate(5deg)}.map-card small,.map-card span{display:block;font-size:9px;letter-spacing:.14em;color:#aab8b2}.map-card strong{display:block;font-size:21px;margin:8px 0 3px}.hero-map>p{position:absolute;left:25%;bottom:11%;font-size:9px;letter-spacing:.18em;font-weight:800}.hero-foot{position:absolute;z-index:2;bottom:38px;display:flex;align-items:center;gap:16px}.hero-foot span{font-size:11px;color:#7b8782}.hero-foot p{margin:0;font-size:11px;line-height:1.6;font-weight:700}.section-index{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:.2em;font-weight:850}.section-index span{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.section-index p{margin:0}.intro{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:5vw;border-top:1px solid var(--line)}.intro .section-index{grid-column:1/-1}.intro-main .kicker{font-size:13px;line-height:1.65;font-weight:800;color:#2e765f}.intro h2,.services h2,.connection h2,.usecases h2,.contact h2{font-size:clamp(42px,5.5vw,82px);line-height:1.07;letter-spacing:-.065em;margin-bottom:0}.intro-copy{padding-top:75px}.intro-copy p{font-size:14px;line-height:2;color:var(--muted)}.capability-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:45px}.capability-row div{padding:25px;border-right:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:8px 18px}.capability-row div:last-child{border:0}.capability-row b{font-size:10px;color:#81908a}.capability-row strong{font-size:17px}.capability-row span{grid-column:2;font-size:11px;color:var(--muted)}.services{background:var(--deep);color:white}.section-index.light span{border-color:rgba(255,255,255,.25)}.services-heading{max-width:920px;margin:90px 0 70px 20vw}.services-heading .eyebrow{color:var(--green)}.services-heading>p:last-child{max-width:590px;margin:32px 0 0 auto;color:#99aaa3;font-size:15px;line-height:1.9}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-card{position:relative;min-height:580px;padding:48px;background:#e8ece4;color:var(--ink);overflow:hidden;border-radius:3px}.service-card h3{font-size:clamp(42px,5vw,72px);line-height:.9;letter-spacing:-.06em}.service-card h3 em{font-style:normal;color:#2d8065}.service-card>p,.service-copy>p:not(.product-type),.satellite-content>p:not(.product-type){font-size:14px;line-height:1.85;color:#53635c;max-width:480px}.product-type{font-size:9px!important;letter-spacing:.17em;font-weight:850;color:#587168!important;margin-bottom:42px!important}.product-type span{margin-left:14px;color:#8d9b95}.service-card ul{list-style:none;padding:0;margin:24px 0;display:flex;flex-wrap:wrap;gap:7px}.service-card li{font-size:10px;border:1px solid rgba(16,36,30,.2);border-radius:99px;padding:7px 11px}.card-link{position:absolute;left:48px;bottom:42px;right:48px;border-top:1px solid rgba(16,36,30,.24);padding-top:18px;display:flex;justify-content:space-between;font-size:12px;font-weight:850}.card-link span{font-size:18px}.camera img{position:absolute;width:58%;right:-5%;bottom:110px;filter:drop-shadow(0 24px 24px rgba(16,36,30,.18))}.camera .service-copy{position:relative;z-index:2;width:54%}.map{background:#d8f151}.map .service-copy{width:54%;position:relative;z-index:2}.map-window{position:absolute;width:49%;right:-3%;top:100px;bottom:110px;background:#eaf0e8;border:8px solid #fff;border-radius:18px;overflow:hidden;box-shadow:0 25px 60px rgba(16,36,30,.2);transform:rotate(2deg)}.window-bar{height:30px;background:white;padding:9px}.window-bar i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#cad4ce;margin-right:5px}.mini-map-grid{top:30px;background-size:36px 36px}.trace{position:absolute;width:70%;height:65%;border:5px solid #2f8068;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;left:5%;top:15%;transform:rotate(22deg)}.trace-pin{position:absolute;width:15px;height:15px;background:#d8f151;border:4px solid var(--ink);border-radius:50%}.trace-pin.one{left:18%;top:51%}.trace-pin.two{right:20%;top:22%}.map-panel{position:absolute;right:20px;bottom:22px;background:var(--ink);color:white;padding:16px}.map-panel>*{display:block}.map-panel small{font-size:8px;letter-spacing:.14em}.map-panel strong{margin:5px 0}.map-panel span{font-size:9px;color:#9db0a8}.logger{min-height:650px;background:#f6f7f4}.logger h3{font-size:52px}.logger-image{position:absolute;left:0;right:0;bottom:82px;height:58%;overflow:hidden}.logger-image img{width:100%;height:100%;object-fit:cover}.genba{background:#e0ded4}.genba h3{font-size:52px}.genba h3 small{display:block;font-size:11px;letter-spacing:.08em;margin-top:14px}.pin-cluster{position:absolute;width:75%;height:240px;right:-7%;bottom:90px;border-radius:50% 0 0 50%;background:#c8d3c8;transform:rotate(-4deg)}.pin-cluster i{position:absolute;width:70%;height:50%;border:4px dashed #36846a;border-radius:50%;left:12%;top:18%;transform:rotate(12deg)}.pin-cluster span{position:absolute;z-index:2;background:white;padding:12px 18px;border-radius:2px;font-size:10px;font-weight:800;box-shadow:0 12px 25px rgba(16,36,30,.15)}.pin-cluster span:after{content:"";position:absolute;left:50%;bottom:-8px;border:4px solid transparent;border-top-color:white}.pin-cluster span:nth-child(1){left:15%;top:32%}.pin-cluster span:nth-child(2){left:50%;top:55%}.pin-cluster span:nth-child(3){right:12%;top:15%}.satellite{grid-column:1/-1;min-height:530px;background:#111622;color:white}.satellite-content{width:55%;position:relative;z-index:2}.satellite h3 em{color:#c291f0}.satellite .satellite-content>p{color:#aab0bd}.satellite img{position:absolute;width:350px;height:350px;object-fit:cover;border-radius:28%;right:10%;top:50%;transform:translateY(-50%) rotate(8deg);z-index:2;box-shadow:0 45px 80px rgba(0,0,0,.4)}.satellite .card-link{border-color:rgba(255,255,255,.25)}.orbit-line{position:absolute;width:650px;height:280px;border:1px solid rgba(194,145,240,.5);border-radius:50%;right:-5%;top:24%;transform:rotate(-18deg)}.orbit-line:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);left:16%;top:14%}.chooser{margin-top:18px;border:1px solid rgba(255,255,255,.18);padding:36px}.chooser>p{font-size:11px;letter-spacing:.15em;color:#91a29b}.chooser>div{display:grid;grid-template-columns:repeat(4,1fr)}.chooser a{padding:24px;border-right:1px solid rgba(255,255,255,.15);display:grid;grid-template-columns:1fr auto;gap:8px}.chooser a:last-child{border:0}.chooser a span:first-child{grid-column:1/-1;font-size:10px;color:#83938c}.chooser a b{font-size:18px}.chooser a>span:last-child{color:var(--green)}.connection{background:#d9ef4b;display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:end}.connection-copy>p:last-child{margin:36px 0 0 auto;max-width:560px;line-height:1.9;color:#43554e;font-size:14px}.data-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center}.data-flow>div{min-height:210px;background:var(--ink);color:white;padding:28px;display:flex;flex-direction:column}.data-flow>div span{font-size:8px;letter-spacing:.18em;color:var(--green);margin-bottom:30px}.data-flow>div strong{font-size:22px;line-height:1.25}.data-flow>div small{margin-top:auto;color:#8ca098;font-size:9px}.data-flow>i{font-style:normal;font-size:20px;margin:0 9px}.usecases{border-bottom:1px solid var(--line)}.usecases-heading{display:grid;grid-template-columns:2fr 1fr;gap:10vw;margin:85px 0}.usecases-heading p{padding-top:30px;line-height:2;color:var(--muted);font-size:14px}.case-list{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-list article{padding:32px 28px;min-height:320px;border-right:1px solid var(--line);display:flex;flex-direction:column}.case-list article:last-child{border:0}.case-list article>span{font-size:10px;color:#81908a}.case-list h3{font-size:20px;margin:42px 0 18px}.case-list p{font-size:12px;line-height:1.85;color:var(--muted)}.case-list small{margin-top:auto;font-size:8px;letter-spacing:.11em;font-weight:800;color:#2c725c}.contact{position:relative;min-height:760px;background:var(--paper);overflow:hidden}.contact-copy{width:min(780px,63%);position:relative;z-index:2}.contact-copy>p:not(.eyebrow){max-width:600px;margin:35px 0;line-height:2;color:var(--muted);font-size:14px}.contact-button{display:flex;justify-content:space-between;align-items:center;width:min(520px,100%);background:var(--ink);color:white;padding:24px 28px;font-size:13px;font-weight:800}.contact-button>span:last-child{color:var(--green);font-size:20px}.contact-orbit{position:absolute;width:580px;height:580px;border:1px solid var(--line);border-radius:50%;right:-6%;top:80px}.contact-orbit i{position:absolute;border:1px solid var(--line);border-radius:50%;inset:70px}.contact-orbit i:nth-child(2){inset:140px}.contact-orbit span{position:absolute;inset:205px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--green);font-size:58px;font-weight:850}.contact-orbit:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--green2);top:29%;left:7%;box-shadow:0 0 0 8px rgba(101,182,87,.18)}footer{background:var(--deep);color:white;padding:80px 5vw 30px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.footer-brand>p{color:#82958c;margin:25px 0}.footer-brand .brand small{color:#8fa198}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-links div{display:flex;flex-direction:column;gap:12px}.footer-links b{font-size:9px;letter-spacing:.18em;color:var(--green);margin-bottom:14px}.footer-links a{font-size:12px;color:#a7b5af}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:24px;margin:20px 0 0;font-size:9px;color:#687b72}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:900px){.section{padding:90px 24px}.site-header{height:72px;padding:0 22px}.menu-button{display:block;position:relative;z-index:2}.site-header nav{position:fixed;inset:0;background:var(--paper);padding:120px 28px 40px;display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateY(-100%);transition:.35s}.site-header[data-open="true"] nav{transform:none}.site-header nav a{padding:20px 0;border-bottom:1px solid var(--line);font-size:18px}.nav-cta{border:0;border-radius:0}.hero{padding:126px 22px 40px;min-height:900px}.hero-copy{width:100%}h1{font-size:clamp(58px,17vw,84px)}.hero-lead{font-size:15px;margin-top:26px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-map{width:540px;max-width:none;right:-250px;top:auto;bottom:-40px;transform:rotate(-6deg)}.hero-foot{display:none}.intro{grid-template-columns:1fr;gap:35px}.intro .section-index,.capability-row{grid-column:auto}.intro-copy{padding-top:0}.capability-row{grid-template-columns:1fr 1fr;margin-top:20px}.capability-row div:nth-child(2){border-right:0}.capability-row div:nth-child(-n+2){border-bottom:1px solid var(--line)}.services-heading{margin:70px 0 45px}.service-grid{grid-template-columns:1fr}.service-card{min-height:620px;padding:35px 26px}.service-card h3{font-size:52px}.camera .service-copy,.map .service-copy,.satellite-content{width:100%}.camera img{width:88%;right:-30%;bottom:120px}.map-window{width:74%;right:-23%;top:auto;bottom:90px;height:290px}.card-link{left:26px;right:26px;bottom:32px}.logger-image{bottom:78px}.genba .pin-cluster{width:96%;right:-26%}.satellite{grid-column:auto;min-height:710px}.satellite img{width:270px;height:270px;right:-30px;top:auto;bottom:100px;transform:rotate(8deg)}.orbit-line{right:-60%;top:auto;bottom:140px}.chooser{padding:24px}.chooser>div{grid-template-columns:1fr 1fr}.chooser a{border-bottom:1px solid rgba(255,255,255,.15)}.connection{grid-template-columns:1fr}.data-flow{grid-template-columns:1fr}.data-flow>i{transform:rotate(90deg);justify-self:center}.usecases-heading{grid-template-columns:1fr;gap:0}.case-list{grid-template-columns:1fr 1fr}.case-list article{border-bottom:1px solid var(--line);min-height:270px}.case-list article:nth-child(2){border-right:0}.contact{min-height:760px}.contact-copy{width:100%}.contact-orbit{width:420px;height:420px;right:-210px;top:auto;bottom:20px}.contact-orbit span{inset:150px}.footer-links,footer{grid-template-columns:1fr}.copyright{grid-column:auto}}@media (max-width:560px){.capability-row,.case-list{grid-template-columns:1fr}.capability-row div,.case-list article{border-right:0;border-bottom:1px solid var(--line)}.capability-row div:nth-child(3){border-bottom:1px solid var(--line)}.chooser>div{grid-template-columns:1fr}.chooser a{border-right:0}.service-card{min-height:650px}.camera img{width:100%;right:-25%}.satellite{min-height:720px}.usecases-heading{margin:65px 0 45px}.contact h2,.usecases h2,.connection h2,.intro h2,.services h2{font-size:44px}footer{padding-left:24px;padding-right:24px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* 2026-08 typography and supplied-image refinements */
h1{
  max-width:760px;
  font-size:clamp(48px,5.35vw,78px);
  line-height:1.08;
  letter-spacing:-.06em;
}
.intro h2,.services h2,.connection h2,.usecases h2,.contact h2{
  max-width:920px;
  font-size:clamp(34px,3.65vw,56px);
  line-height:1.2;
  letter-spacing:-.045em;
}
.hero{
  min-height:780px;
  display:flex;
  align-items:center;
  padding-top:132px;
  isolation:isolate;
}
.hero-copy{
  width:min(640px,48vw);
}
.hero-visual{
  position:absolute;
  z-index:0;
  inset:88px 0 0;
  overflow:hidden;
}
.hero-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.hero-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(245,243,237,.98) 0%,rgba(245,243,237,.94) 28%,rgba(245,243,237,.48) 48%,rgba(245,243,237,.05) 68%);
}
.hero-copy,.hero-foot{z-index:2}
.hero-lead{max-width:520px}
.map-window.map-photo{
  width:44%;
  height:300px;
  top:auto;
  bottom:118px;
  right:2.5%;
  padding:0;
  border:8px solid #fff;
  background:#fff;
  transform:rotate(1.5deg);
}
.map-window.map-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  image-rendering:auto;
}
.logger-image img{object-position:center}
.satellite img{
  width:360px;
  height:360px;
  border-radius:20px;
  object-position:center;
  transform:translateY(-50%) rotate(2deg);
}

@media (max-width:900px){
  h1{max-width:620px;font-size:clamp(44px,10vw,64px);line-height:1.1}
  .intro h2,.services h2,.connection h2,.usecases h2,.contact h2{font-size:clamp(34px,7vw,46px);line-height:1.24}
  .hero{min-height:820px;display:block;padding-top:126px}
  .hero-copy{width:100%;max-width:600px}
  .hero-visual{inset:72px 0 0}
  .hero-visual img{object-position:61% center}
  .hero-visual:after{background:linear-gradient(180deg,rgba(245,243,237,.99) 0%,rgba(245,243,237,.96) 34%,rgba(245,243,237,.5) 57%,rgba(245,243,237,.08) 82%)}
  .map-window.map-photo{width:78%;height:260px;right:-14%;bottom:100px}
  .satellite img{width:280px;height:280px;right:-26px;top:auto;bottom:102px;transform:rotate(2deg)}
}

@media (max-width:560px){
  h1{font-size:42px;line-height:1.14;letter-spacing:-.05em}
  .intro h2,.services h2,.connection h2,.usecases h2,.contact h2{font-size:34px;line-height:1.28;letter-spacing:-.04em}
  .hero{min-height:790px}
  .hero-lead{line-height:1.8}
  .hero-visual img{object-position:64% center}
  .map-window.map-photo{width:90%;right:-24%;height:230px}
}

/* Product cards: keep copy, media and calls-to-action in separate zones. */
.camera,.map{min-height:680px}
.camera .service-copy,.map .service-copy{width:44%;padding-bottom:24px}
.camera .card-link,.map .card-link,.satellite .card-link{
  position:static;
  margin-top:28px;
}
.camera img{
  width:50%;
  right:1.5%;
  bottom:118px;
  z-index:1;
}
.map-window.map-photo{
  width:46%;
  right:2.5%;
  bottom:118px;
  z-index:1;
}
.logger,.genba{min-height:760px}
.logger>p:not(.product-type),.genba>p:not(.product-type){
  position:relative;
  z-index:3;
  max-width:88%;
}
.logger-image{height:44%}
.pin-cluster{bottom:105px}

@media (max-width:900px){
  .service-card,.camera,.map,.logger,.genba{
    min-height:0;
    padding-bottom:34px;
  }
  .camera .service-copy,.map .service-copy{width:100%;padding-bottom:0}
  .camera img{
    position:relative;
    display:block;
    width:100%;
    right:auto;
    bottom:auto;
    margin:30px 0 8px;
  }
  .map-window.map-photo{
    position:relative;
    width:100%;
    height:auto;
    aspect-ratio:350/223;
    right:auto;
    bottom:auto;
    top:auto;
    margin:30px 0 8px;
    transform:none;
  }
  .logger-image{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    height:auto;
    aspect-ratio:1672/941;
    margin:30px -26px 8px;
  }
  .genba .pin-cluster{
    position:relative;
    width:calc(100% + 52px);
    right:auto;
    bottom:auto;
    margin:30px -26px 8px;
    transform:none;
  }
  .service-card>.card-link{
    position:static;
    margin-top:28px;
  }
  .logger>p:not(.product-type),.genba>p:not(.product-type){max-width:none}
}

@media (max-width:560px){
  .camera img,.map-window.map-photo{margin-top:24px}
  .logger-image,.genba .pin-cluster{margin-top:24px}
}