:root{--navy:#071b33;--deep:#041224;--blue:#0d4e7c;--cyan:#18d6e6;--ice:#e9f8fb;--ink:#102437;--muted:#647585;--line:#dce5e9;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100vw - var(--max))/2));position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.14)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;border:2px solid var(--cyan);border-radius:9px;position:relative;display:block}.brand-mark:before{content:"";position:absolute;width:17px;height:13px;border:3px solid #fff;border-left:0;border-radius:0 7px 7px 0;top:7px;left:8px}.brand-mark i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);left:7px;bottom:6px}.brand strong,.brand small{display:block;line-height:1.2}.brand strong{font-size:.92rem;letter-spacing:.13em}.brand small{font-size:.64rem;letter-spacing:.12em;margin-top:5px;opacity:.75}.site-header nav{display:flex;align-items:center;gap:34px;font-size:.82rem;letter-spacing:.05em}.site-header nav a{position:relative}.site-header nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--cyan);transition:.3s}.site-header nav>a:hover:after{width:100%}.nav-cta{border:1px solid rgba(255,255,255,.5);padding:11px 19px}.menu-button{display:none}
.hero{min-height:760px;height:100vh;max-height:940px;background:radial-gradient(circle at 78% 42%,#104a70 0,transparent 27%),linear-gradient(125deg,#061629 28%,#092b4d 100%);color:white;position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:105px max(32px,calc((100vw - var(--max))/2)) 55px;gap:5vw}.hero-grid{position:absolute;inset:0;opacity:.09;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,black)}.hero:after{content:"";position:absolute;width:680px;height:680px;border:1px solid rgba(24,214,230,.2);border-radius:50%;right:-210px;top:80px;box-shadow:0 0 0 90px rgba(24,214,230,.025),0 0 0 180px rgba(24,214,230,.018)}.hero-copy,.signal-panel{position:relative;z-index:2}.eyebrow,.section-no{font-size:.72rem;letter-spacing:.2em;font-weight:700}.eyebrow{color:#b8eaf0;display:flex;align-items:center;gap:11px}.eyebrow span{display:inline-block;width:32px;height:2px;background:var(--cyan)}h1{font-size:clamp(3rem,6vw,5.8rem);line-height:1.14;letter-spacing:-.04em;margin:25px 0 30px;font-weight:700}h1 em{font-style:normal;color:var(--cyan)}.lead{max-width:650px;color:#d2dee9;font-size:1.08rem;line-height:2}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:42px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 27px;font-weight:700;font-size:.88rem;letter-spacing:.05em;transition:.25s}.button.primary{background:var(--cyan);color:var(--deep)}.button:hover{transform:translateY(-2px)}.text-link{font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.35);padding:12px 0}.text-link span{color:var(--cyan);margin-left:9px}.signal-panel{justify-self:end;width:340px;padding:26px;border:1px solid rgba(255,255,255,.17);background:rgba(5,25,46,.5);backdrop-filter:blur(6px)}.radar{height:210px;border:1px solid rgba(24,214,230,.24);border-radius:50%;width:210px;margin:5px auto 30px;position:relative;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 34px,rgba(24,214,230,.17) 35px 36px)}.radar:before,.radar:after{content:"";position:absolute;background:rgba(24,214,230,.16)}.radar:before{width:100%;height:1px}.radar:after{width:1px;height:100%}.radar b{width:54px;height:54px;border-radius:50%;background:var(--cyan);color:var(--navy);display:grid;place-items:center;z-index:2;letter-spacing:.08em}.pulse{position:absolute;width:75px;height:75px;border:1px solid var(--cyan);border-radius:50%;animation:pulse 2.4s infinite}.scan{position:absolute;width:49%;height:49%;top:50%;left:50%;transform-origin:0 0;background:linear-gradient(25deg,transparent 46%,rgba(24,214,230,.4));animation:scan 5s linear infinite}@keyframes scan{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.8);opacity:0}}.signal-list>div{display:grid;grid-template-columns:32px 1fr auto;align-items:center;border-top:1px solid rgba(255,255,255,.12);padding:12px 0}.signal-list span{font-size:.68rem;color:var(--cyan)}.signal-list p{font-size:.79rem;margin:0}.signal-list i{font-style:normal;font-size:.58rem;letter-spacing:.1em;color:#7f9aae}.scroll-cue{position:absolute;bottom:30px;left:50%;z-index:2;font-size:.58rem;letter-spacing:.2em;color:#93a9ba;display:flex;align-items:center;gap:12px;transform:rotate(90deg);transform-origin:left}.scroll-cue span{width:38px;height:1px;background:var(--cyan)}
section{padding:120px max(32px,calc((100vw - var(--max))/2))}.intro{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;background:#f5f9fa;position:relative}.intro .section-no{grid-column:1/-1}.section-no{color:#128394;margin:0 0 28px}.intro h2,.section-heading h2,.approach h2,.strength h2,.contact h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.35;letter-spacing:-.03em;margin:0}.intro-body{font-size:1rem;border-left:3px solid var(--cyan);padding-left:35px}.intro-body p:first-child{font-size:1.18rem;font-weight:700;margin-top:0}.intro-body p:last-child{color:var(--muted)}.solutions{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:64px}.section-heading>p{max-width:400px;color:var(--muted)}.solution-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.solution-card{position:relative;padding:48px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:.35s}.solution-card:hover{background:var(--navy);color:#fff;transform:translateY(-4px);box-shadow:0 16px 40px rgba(7,27,51,.15);z-index:2}.card-no{position:absolute;right:25px;top:15px;font-size:3.7rem;font-weight:800;color:#eef3f5;line-height:1}.solution-card:hover .card-no{color:rgba(255,255,255,.06)}.icon{width:48px;height:48px;margin-bottom:28px;position:relative}.icon:before,.icon:after{content:"";position:absolute}.icon.camera{border:2px solid #1a9bae;border-radius:7px;width:53px;height:36px;margin-top:8px}.icon.camera:before{width:14px;height:14px;border:2px solid var(--cyan);border-radius:50%;left:17px;top:9px}.icon.camera:after{border:8px solid transparent;border-left:12px solid var(--cyan);right:-22px;top:8px}.icon.route:before{inset:5px 13px;border-left:2px dashed #1a9bae;transform:rotate(25deg)}.icon.route:after{width:12px;height:12px;border:3px solid var(--cyan);border-radius:50% 50% 50% 0;transform:rotate(-45deg);right:4px;top:0;box-shadow:-24px 24px 0 -3px var(--cyan)}.icon.factory:before{width:46px;height:30px;border:2px solid #1a9bae;bottom:0;clip-path:polygon(0 35%,28% 0,28% 35%,58% 0,58% 35%,100% 0,100% 100%,0 100%)}.icon.store:before{width:44px;height:30px;bottom:0;border:2px solid #1a9bae;border-top:5px solid var(--cyan)}.icon.store:after{width:30px;height:8px;border:2px solid var(--cyan);top:5px;left:7px}.tag{font-size:.66rem;letter-spacing:.18em;color:#11899b;font-weight:700}.solution-card h3{font-size:1.8rem;line-height:1.45;margin:12px 0 18px}.solution-card>p:not(.tag){color:var(--muted);max-width:440px}.solution-card:hover>p:not(.tag){color:#bfd0dd}.solution-card ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:20px 0 0;margin:0}.solution-card li{font-size:.72rem;padding:5px 10px;background:#eef6f7;color:#31616c}.solution-card:hover li{background:rgba(24,214,230,.1);color:#91e8ef}
.approach{background:var(--deep);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.section-no.light{color:var(--cyan)}.approach-head>p:last-child{color:#9eb1c1;margin-top:28px}.steps{margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:90px 1fr;gap:0 24px;padding:28px 0;border-top:1px solid rgba(255,255,255,.15)}.steps li:last-child{border-bottom:1px solid rgba(255,255,255,.15)}.steps span{font-size:.65rem;letter-spacing:.13em;color:var(--cyan);grid-row:1/3}.steps strong{font-size:1.3rem}.steps p{margin:3px 0 0;color:#96aabd;font-size:.88rem}.strength{background:#f5f9fa}.strength-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:70px}.statement{background:var(--navy);color:white;min-height:310px;padding:45px;display:grid;grid-template-columns:1fr auto 1fr;place-items:center;gap:12px;position:relative}.statement:before{content:"";position:absolute;inset:16px;border:1px solid rgba(24,214,230,.25)}.statement strong{font-size:2rem;z-index:1}.statement i{font-style:normal;color:var(--cyan);font-size:1.6rem}.statement span{position:absolute;font-size:.6rem;letter-spacing:.16em;color:#6e8ba0}.statement span:first-child{top:28px;left:32px}.statement span:last-child{bottom:28px;right:32px}.strength-copy{align-self:center}.strength-copy h3{font-size:1.6rem}.strength-copy p{color:var(--muted)}.experience{margin-top:70px;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 1fr;align-items:center}.experience p{font-size:.67rem;letter-spacing:.16em;color:#128394}.experience strong{font-size:1.15rem}.experience span{color:var(--muted);font-size:.88rem}.contact{background:linear-gradient(115deg,#0b3e67,#06768a);color:#fff;text-align:center;position:relative;overflow:hidden}.contact:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.13);border-radius:50%;left:-200px;top:-250px;box-shadow:0 0 0 90px rgba(255,255,255,.025)}.contact-inner{position:relative}.contact p:not(.section-no){color:#c5e3e8;max-width:620px;margin:30px auto}.button.white{background:#fff;color:var(--navy);margin:15px 0 35px}.button.white span{margin-left:45px;color:#0aa8b7}.contact small{display:block;letter-spacing:.12em;color:#9dccd2}footer{background:#03101f;color:#fff;padding:55px max(32px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.footer-brand{grid-row:1/3}.footer-brand .brand-mark{width:34px;height:34px}footer>p{margin:0;text-align:right;font-size:.75rem;color:#8297a8}.copyright{font-size:.6rem;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.site-header{height:72px;padding:0 20px}.menu-button{display:block;background:transparent;border:1px solid rgba(255,255,255,.4);color:#fff;padding:8px 12px}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#071b33;padding:24px;flex-direction:column;align-items:flex-start;gap:18px}.site-header nav.open{display:flex}.hero{height:auto;max-height:none;min-height:820px;grid-template-columns:1fr;padding:120px 24px 70px}.signal-panel{display:none}h1{font-size:3.3rem}.lead{font-size:1rem}.scroll-cue{display:none}section{padding:85px 24px}.intro,.approach,.strength-layout{grid-template-columns:1fr;gap:38px}.intro .section-no{grid-column:auto}.intro-body{padding-left:22px}.section-heading{display:block}.section-heading>p{margin-top:25px}.solution-grid{grid-template-columns:1fr}.solution-card{padding:36px 28px}.approach{gap:55px}.strength-layout{margin-top:40px}.experience{grid-template-columns:1fr;gap:10px}.experience strong,.experience span{display:block}footer{grid-template-columns:1fr;align-items:start}footer>p{text-align:left}.footer-brand{grid-row:auto}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scan,.pulse{animation:none}.reveal{opacity:1;transform:none;transition:none}}

.card-link{display:inline-flex;align-items:center;gap:28px;margin-top:28px;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:.78rem;font-weight:700;color:#087f91}.solution-card:hover .card-link{color:var(--cyan)}
/* ATM solution detail */
.detail-header{position:absolute}.detail-hero{min-height:760px;background:radial-gradient(circle at 78% 48%,#105173 0,transparent 29%),linear-gradient(125deg,#061629,#092b4d);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding-top:145px;position:relative;overflow:hidden}.detail-hero:before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:68px 68px}.detail-hero-copy,.detection-visual{position:relative;z-index:2}.back-link{font-size:.65rem;letter-spacing:.16em;color:#9fbdcf;display:inline-block;margin-bottom:34px}.detail-hero h1{font-size:clamp(2.8rem,5vw,5rem)}.detection-visual{width:100%;max-width:500px;justify-self:end;background:#061322;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 70px rgba(0,0,0,.35)}.monitor-top,.monitor-bottom{height:42px;display:flex;align-items:center;padding:0 16px;gap:10px;font-size:.58rem;letter-spacing:.12em;color:#9bb1c1}.monitor-top i{width:7px;height:7px;background:#ff5c5c;border-radius:50%;box-shadow:13px 0 #f6bb42,26px 0 #43c47a;margin-right:26px}.monitor-top b{margin-left:auto;color:var(--cyan)}.monitor-screen{height:360px;position:relative;background:linear-gradient(150deg,#58717a,#1e3541);overflow:hidden}.monitor-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.1) 4px)}.atm-machine{position:absolute;left:8%;bottom:0;width:38%;height:84%;background:linear-gradient(110deg,#b9c6c8,#61757a);clip-path:polygon(0 0,100% 7%,94% 100%,0 100%);color:#263c43;text-align:center;font:bold .75rem monospace;padding-top:18px}.atm-machine i{display:block;width:60%;height:26%;background:#152f39;margin:22px auto 0;border:8px solid #85989c}.atm-machine b{display:block;width:55%;height:5px;background:#2a424a;margin:32px auto}.person{position:absolute;right:20%;bottom:0;width:105px;height:260px}.person .head{position:absolute;width:60px;height:65px;background:#b8c2bd;border-radius:48%;top:4px;left:20px}.person .body{position:absolute;width:100px;height:190px;background:#273f50;border-radius:42px 42px 0 0;top:62px}.person .arm{position:absolute;width:21px;height:130px;background:#b8c2bd;right:-3px;top:47px;transform:rotate(-38deg);transform-origin:bottom;border-radius:12px}.person .arm:after{content:"";position:absolute;width:14px;height:36px;background:#071722;top:-10px;left:3px;border-radius:3px}.detect-box{position:absolute;border:2px solid #ff4d58;width:142px;height:286px;right:13%;bottom:6px;z-index:3}.detect-box span,.detect-box b{position:absolute;background:#ff4d58;color:#fff;font:bold .62rem monospace;padding:4px 7px}.detect-box span{top:-24px;left:-2px}.detect-box b{right:-2px;bottom:-24px}.alert-chip{position:absolute;z-index:3;left:18px;top:18px;background:rgba(7,20,30,.82);padding:8px 11px;color:#ff7580;font:bold .62rem monospace;letter-spacing:.12em}.alert-chip i{display:inline-block;width:7px;height:7px;background:#ff4d58;border-radius:50%;margin-right:6px;box-shadow:0 0 0 5px rgba(255,77,88,.15)}.monitor-bottom{justify-content:center}.monitor-bottom i{width:28px;height:1px;background:#35576a}.monitor-bottom strong{color:var(--cyan)}
.detail-problem{display:grid;grid-template-columns:1fr 1fr;gap:40px 80px;background:#f5f9fa}.detail-problem h2,.system-flow h2,.operation h2,.benefits h2,.deploy-steps h2,.detail-contact h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.35;letter-spacing:-.03em;margin:0}.problem-copy{padding-top:44px;color:var(--muted)}.problem-copy .large-copy{font-size:1.2rem;color:var(--ink);font-weight:700}.risk-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.risk-strip div{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.risk-strip span,.risk-strip strong{display:block}.risk-strip span{font-size:.65rem;color:#11899b;letter-spacing:.12em;margin-bottom:8px}.risk-strip strong{font-size:.9rem}
.flow-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:25px;margin-top:65px}.flow-node{border:1px solid var(--line);padding:35px 26px;text-align:center;background:#fff;min-height:210px;display:flex;flex-direction:column;justify-content:center}.flow-node.core{background:var(--navy);color:#fff;border-color:var(--navy)}.flow-node small{font-size:.58rem;color:#1490a2;letter-spacing:.15em;margin:16px 0 5px}.flow-node strong{font-size:1.1rem}.flow-node p{color:var(--muted);font-size:.75rem;margin:8px 0 0}.flow-node.core p{color:#9db1c0}.flow-icon{display:block;margin:0 auto}.flow-icon.lens{width:42px;height:30px;border:2px solid #168fa0;border-radius:5px;position:relative}.flow-icon.lens:after{content:"";position:absolute;width:11px;height:11px;border:2px solid var(--cyan);border-radius:50%;left:13px;top:7px}.flow-icon.ai{width:44px;height:44px;border:1px solid var(--cyan);color:var(--cyan);display:grid;place-items:center;font:bold .8rem monospace}.flow-arrow{color:#12aabc;font-size:1.5rem}.flow-branches{display:grid;gap:12px}.flow-branches .flow-node{min-height:auto;padding:21px}.system-note{text-align:center;color:var(--muted);font-size:.78rem;margin-top:30px}
.operation{background:var(--deep);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.operation-intro{align-self:center}.operation-intro>p:last-child{color:#9eb1c1}.log-window{border:1px solid #264356;background:#071927;box-shadow:0 28px 60px rgba(0,0,0,.3)}.window-bar{height:42px;border-bottom:1px solid #203b4e;display:flex;align-items:center;gap:7px;padding:0 14px}.window-bar i{width:7px;height:7px;border-radius:50%;background:#ef6870}.window-bar i:nth-child(2){background:#dcb354}.window-bar i:nth-child(3){background:#49ae7a}.window-bar span{font-size:.56rem;letter-spacing:.15em;color:#7391a4;margin-left:8px}.log-row{display:grid;grid-template-columns:1.2fr .5fr 1.2fr .8fr;padding:13px 18px;border-bottom:1px solid #183346;font:normal .7rem monospace;color:#a8bbc7}.log-row.head{color:#56778b;font-size:.58rem}.log-row b{color:#ff6c75}.log-row em{font-style:normal;color:#50d6a1}.log-thumb{margin:20px;display:grid;grid-template-columns:130px 1fr;background:#0d2637}.log-thumb>div{height:105px;background:linear-gradient(135deg,#607a82,#243c46);position:relative}.mini-person{position:absolute;width:32px;height:32px;background:#a9b4b1;border-radius:50%;left:52px;top:13px}.mini-person:after{content:"";position:absolute;width:58px;height:58px;background:#263e50;border-radius:28px 28px 0 0;left:-13px;top:27px}.log-thumb>div i{position:absolute;inset:7px 29px;border:1px solid #ff4d58}.log-thumb p{display:flex;flex-direction:column;justify-content:center;margin:0;padding:15px}.log-thumb small{color:var(--cyan);font-size:.55rem;letter-spacing:.13em}.log-thumb strong{font-size:.9rem;margin:4px 0}.log-thumb p span{font-size:.67rem;color:#7793a5}
.benefits{background:#f5f9fa}.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.benefit-grid article{padding:35px 27px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit-grid article>span{color:#13a2b4;font:bold .68rem monospace}.benefit-grid h3{font-size:1.15rem;margin:25px 0 12px}.benefit-grid p{font-size:.82rem;color:var(--muted)}.deploy-steps ol{list-style:none;margin:55px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}.deploy-steps li{padding:28px;border-top:2px solid var(--navy);position:relative}.deploy-steps li:before{content:"";position:absolute;width:8px;height:8px;background:var(--cyan);border:4px solid #fff;box-shadow:0 0 0 1px var(--cyan);border-radius:50%;top:-8px;left:28px}.deploy-steps li>span{font:bold .62rem monospace;color:#11899b}.deploy-steps strong{display:block;margin:17px 0 8px}.deploy-steps p{color:var(--muted);font-size:.78rem}.detail-contact{text-align:center;background:linear-gradient(115deg,#0b3e67,#06768a);color:#fff}.detail-contact p:not(.section-no){color:#c5e3e8}.detail-contact small{display:block;color:#9dccd2}.detail-contact .button{margin:25px 0 35px}
@media(max-width:850px){.detail-hero{grid-template-columns:1fr;padding-top:120px}.detection-visual{justify-self:center}.detail-problem,.operation{grid-template-columns:1fr}.problem-copy{padding-top:0}.risk-strip{grid-template-columns:1fr}.flow-diagram{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);justify-self:center}.benefit-grid,.deploy-steps ol{grid-template-columns:1fr}.operation{gap:45px}.monitor-screen{height:300px}.detail-hero .lead{font-size:.94rem}}

/* Shared solution visuals */
.solution-visual{width:100%;max-width:500px;height:410px;justify-self:end;position:relative;z-index:2;border:1px solid rgba(255,255,255,.2);background:#071927;box-shadow:0 30px 70px rgba(0,0,0,.35);overflow:hidden}.data-window{border:1px solid #264356;background:#071927;box-shadow:0 28px 60px rgba(0,0,0,.3);align-self:center;padding-bottom:20px}.data-line{display:grid;grid-template-columns:1.2fr 1.4fr 1fr .8fr;padding:15px 20px;border-bottom:1px solid #183346;font:normal .7rem monospace;color:#9eb2bf}.data-line.head{font-size:.58rem;color:#58798c}.data-line strong{color:#ff717a}.data-line strong.safe{color:#52d5a2}.search-box{margin:20px;padding:13px;background:#0c2a3d;color:#d8e8ee;font:normal .75rem monospace;border:1px solid #315064}.search-box b{float:right;background:var(--cyan);color:#071927;padding:0 15px}.flow-icon.pin{color:var(--cyan);font-size:1.6rem}.route-chart,.video-timeline{height:95px;margin:20px;background:#0c2a3d;display:flex;align-items:center;justify-content:space-around;position:relative;color:#7694a4;font-size:.6rem}.route-chart:before,.video-timeline:before{content:"";position:absolute;left:12%;right:12%;height:2px;background:#284c61}.route-chart i{width:11px;height:11px;border-radius:50%;background:var(--cyan);z-index:1;box-shadow:0 0 0 5px rgba(24,214,230,.13)}.route-chart b{color:#fff;z-index:1;background:#0c2a3d;padding:0 8px}.video-timeline i{position:absolute;left:25%;right:18%;height:7px;background:var(--cyan);z-index:1}.video-timeline span,.video-timeline b{z-index:2}.video-timeline b{color:#fff;background:#0c2a3d;padding:8px}
/* Location */
.map-visual{background:#0a2437}.map-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(#7fb6c4 1px,transparent 1px),linear-gradient(90deg,#7fb6c4 1px,transparent 1px);background-size:35px 35px}.road{position:absolute;height:62px;background:#183f50;border-top:2px solid #376174;border-bottom:2px solid #376174;width:130%;left:-15%;transform:rotate(-18deg);top:170px}.road:after{content:"";position:absolute;top:29px;width:100%;border-top:2px dashed #79919b}.r2{transform:rotate(62deg);width:100%;left:6%;top:150px}.geo-zone{position:absolute;width:170px;height:125px;border:2px dashed var(--cyan);background:rgba(24,214,230,.09);border-radius:50%;right:38px;top:70px;display:grid;place-items:center;color:var(--cyan);font:bold .62rem monospace}.vehicle{position:absolute;z-index:3}.vehicle i{display:block;width:28px;height:14px;background:#fff;border-radius:3px;box-shadow:0 0 0 5px rgba(255,255,255,.1)}.vehicle span{display:block;background:#061322;color:var(--cyan);font:bold .55rem monospace;padding:3px 5px;margin-top:7px}.vehicle.v1{left:95px;top:205px}.vehicle.v2{right:90px;bottom:55px}.map-status{position:absolute;left:18px;top:18px;background:#061322;padding:8px 12px;font:bold .6rem monospace;color:#9db6c4}.map-status b{color:#55ddad}
/* Manufacturing */
.factory-visual{background:linear-gradient(180deg,#102b3b,#071522)}.machine{position:absolute;bottom:75px;width:105px;height:185px;background:linear-gradient(140deg,#65808a,#263f49);clip-path:polygon(0 10%,80% 0,100% 12%,100% 100%,0 100%);padding:22px;color:#b8d1d8}.machine i{display:block;width:62px;height:55px;background:#0b202e;margin:20px auto;border:5px solid #799098}.machine.m1{left:28px}.machine.m2{left:195px}.machine.m3{right:-48px}.conveyor{position:absolute;left:0;right:0;bottom:40px;height:37px;background:repeating-linear-gradient(90deg,#2e4a57 0 18px,#172e3a 19px 32px);border-top:4px solid #73919b}.lot-chip{position:absolute;z-index:4;right:18px;top:24px;background:#071927;border:1px solid var(--cyan);padding:14px 18px;display:flex;flex-direction:column}.lot-chip small{font-size:.55rem;color:#6c91a4}.lot-chip strong{font:normal .9rem monospace;color:#fff;margin:3px 0}.lot-chip span{font:bold .55rem monospace;color:var(--cyan)}.camera-beam{position:absolute;left:25px;top:20px;width:110px;height:250px;background:linear-gradient(110deg,rgba(24,214,230,.18),transparent 70%);clip-path:polygon(0 0,100% 85%,20% 100%);z-index:3}
/* Retail */
.retail-visual{background:linear-gradient(145deg,#456976,#102936)}.entrance{position:absolute;left:40px;top:0;width:150px;height:100%;border-left:12px solid #8aa0a6;border-right:12px solid #8aa0a6;background:linear-gradient(90deg,rgba(170,205,210,.25),transparent);display:flex;justify-content:center}.entrance b{font:bold .55rem monospace;color:#b6d5dc;margin-top:18px}.shop-person{position:absolute;width:48px;height:48px;border-radius:50%;background:#a9b6b1;z-index:2}.shop-person:after{content:"";position:absolute;width:76px;height:100px;background:#263f50;border-radius:35px 35px 8px 8px;left:-14px;top:40px}.shop-person i{position:absolute;inset:-10px;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 0 12px rgba(24,214,230,.08)}.shop-person.p1{left:85px;top:135px}.shop-person.p2{left:245px;top:220px;transform:scale(.8)}.shop-person.p3{right:55px;top:75px;transform:scale(.65)}.count-card{position:absolute;right:20px;bottom:20px;z-index:4;background:#061522;border-left:3px solid var(--cyan);padding:13px 20px;width:175px}.count-card small,.count-card span{display:block;font-size:.55rem;color:#7d9baa}.count-card strong{display:block;font:normal 2.2rem monospace;color:#fff;line-height:1.2}.count-line{position:absolute;left:40px;right:40px;top:195px;border-top:2px dashed #ffca62;z-index:1}.occupancy-bars{height:115px;margin:20px;background:#0c2a3d;padding:20px;display:flex;flex-direction:column;gap:12px;position:relative}.occupancy-bars i{height:12px;background:linear-gradient(90deg,var(--cyan),#197995)}.occupancy-bars span{color:#7694a4;font-size:.6rem}
@media(max-width:850px){.solution-visual{justify-self:center;height:350px}.machine{transform:scale(.82);transform-origin:bottom}.machine.m2{left:145px}.flow-node{min-height:170px}.data-line{grid-template-columns:1.1fr 1.2fr .8fr .8fr;padding:13px 10px}.location-page .detail-hero,.manufacturing-page .detail-hero,.retail-page .detail-hero{min-height:950px}}

/* Controlled headline wrapping */
.keep-line{white-space:nowrap}.detail-hero h1.detail-two-line{font-size:clamp(2.4rem,3.5vw,3.4rem)}.detail-problem h2.problem-two-line{font-size:clamp(2rem,3vw,2.8rem)}.operation h2.operation-two-line{font-size:clamp(2rem,3vw,2.8rem)}.retail-page .detail-problem h2,.retail-page .system-flow h2,.retail-page .operation h2,.retail-page .benefits h2,.retail-page .deploy-steps h2{font-size:clamp(2rem,3vw,2.8rem)}

/* Official company logo */
.brand-logo{display:block;width:225px;height:auto;border-radius:2px}.footer-brand .brand-logo{width:260px}@media(max-width:850px){.brand-logo{width:180px}.footer-brand .brand-logo{width:220px}.detail-hero h1.detail-two-line{font-size:clamp(1.85rem,8vw,2.4rem)}.detail-problem h2.problem-two-line,.operation h2.operation-two-line,.retail-page .system-flow h2,.retail-page .benefits h2,.retail-page .deploy-steps h2{font-size:clamp(1.65rem,7vw,2rem)}}

/* Contact form */
.contact-page{background:var(--deep)}.contact-page .site-header{position:absolute}.contact-back{font-size:.78rem;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.4);padding:8px 0}.contact-form-hero{min-height:100vh;padding-top:145px;background:radial-gradient(circle at 50% 30%,#104a70 0,transparent 36%),linear-gradient(125deg,#061629,#092b4d);display:flex;justify-content:center;align-items:flex-start}.inquiry-form{width:min(760px,100%);background:#fff;color:var(--ink);padding:54px 58px;box-shadow:0 28px 70px rgba(0,0,0,.22)}.mail-form-heading{text-align:center;border-bottom:1px solid var(--line);margin-bottom:38px;padding-bottom:30px}.mail-form-heading .section-no{margin-bottom:8px}.mail-form-heading h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;letter-spacing:.06em;margin:0 0 16px}.mail-form-heading>p:last-child{color:var(--muted);margin:0;font-size:.9rem}.form-error{margin:0 0 26px;padding:15px 18px;border:1px solid #c94d4d;background:#fff4f4;color:#8d2222;font-size:.82rem;line-height:1.7}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-field{margin-bottom:24px}.form-field label{display:block;font-size:.85rem;font-weight:700;margin-bottom:8px}.form-field label span{font-size:.62rem;color:#087f91;margin-left:8px}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #cfdbe0;background:#f8fbfc;color:var(--ink);padding:14px 15px;font:inherit;border-radius:0}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--cyan);outline-offset:1px;border-color:var(--cyan)}.form-field textarea{resize:vertical;min-height:180px}.privacy-check{display:flex;gap:11px;align-items:flex-start;color:var(--muted);font-size:.78rem;line-height:1.7;margin:4px 0 28px}.privacy-check input{margin-top:6px;accent-color:#087f91}.form-submit{width:100%;min-height:62px;border:0;background:var(--navy);color:#fff;font:inherit;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:.25s}.form-submit:hover{background:#0d4e7c;transform:translateY(-2px)}.form-submit span{color:var(--cyan);margin-left:24px}.form-note{text-align:center;color:#7d8d99;font-size:.72rem;margin:12px 0 0}.form-honey{position:absolute!important;left:-9999px!important}.thanks-page{background:linear-gradient(125deg,#061629,#0d4e7c);color:#fff;min-height:100vh}.thanks-wrap{min-height:100vh;display:grid;place-items:center;padding:60px 24px}.thanks-wrap>.brand{position:absolute;top:38px;left:max(24px,calc((100vw - var(--max))/2))}.thanks-card{width:min(680px,100%);background:#fff;color:var(--ink);padding:70px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.28)}.thanks-card h1{font-size:clamp(2.1rem,4vw,3.3rem);margin:10px 0 24px}.thanks-card>p:not(.section-no){color:var(--muted);margin-bottom:34px}.thanks-card .button span{margin-left:24px}
@media(max-width:850px){.contact-form-hero{padding-top:110px}.inquiry-form{padding:36px 22px}.mail-form-heading{margin-bottom:30px;padding-bottom:24px}.form-row{grid-template-columns:1fr}.contact-back{font-size:.7rem}.thanks-card{padding:48px 24px}}

/* Company */
.company{background:#f5f9fa}.company-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.company-profile{margin:0;border-top:1px solid var(--line)}.company-profile>div{display:grid;grid-template-columns:120px 1fr;border-bottom:1px solid var(--line);padding:17px 0}.company-profile dt{color:#128394;font-size:.75rem;font-weight:700;letter-spacing:.08em}.company-profile dd{margin:0;font-weight:600}.company-profile a{border-bottom:1px solid #aac5cc}.company-label{font-size:.7rem;letter-spacing:.18em;color:#128394;font-weight:700;margin:0}.delivery-record h3{font-size:1.8rem;margin:8px 0 24px}.delivery-record ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.delivery-record li{display:grid;grid-template-columns:125px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.delivery-record time{font-size:.76rem;color:#128394;font-weight:700}.delivery-record strong,.delivery-record span{display:block}.delivery-record strong{font-size:.95rem}.delivery-record span{color:var(--muted);font-size:.8rem;margin-top:6px}
@media(max-width:850px){.company-layout{grid-template-columns:1fr;gap:55px}.company-profile>div{grid-template-columns:92px 1fr;gap:14px}.delivery-record li{grid-template-columns:1fr;gap:5px}.company .section-heading{margin-bottom:45px}}