:root{--ink:#07101e;--navy:#061126;--blue:#16c8f5;--muted:#6d7887;--line:#dce3e9;--white:#f7fbff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Noto Sans JP",sans-serif;background:#f7f9fb}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{height:92px;padding:0 6.5vw;display:flex;align-items:center;justify-content:space-between;position:fixed;z-index:20;top:0;width:100%;color:white;background:linear-gradient(180deg,rgba(3,9,22,.96),rgba(4,11,25,.82));border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(12px)}.brand{width:164px;display:flex;flex-direction:column;align-items:center;font-style:italic;line-height:.85}.brand span{font-size:31px;font-weight:800;letter-spacing:-2px;border-bottom:2px solid #8d9aac;text-shadow:0 1px 0 #fff;color:#b7c1ce}.brand small{font-size:13px;letter-spacing:5px;margin-top:8px;color:#d9e0e8}.site-header nav{display:flex;gap:42px;font-size:14px;font-weight:700}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--blue);transition:.25s}.site-header nav a:hover:after{width:100%}.menu{display:none;background:none;border:0}.dark-section{color:white;background:var(--navy)}.hero{height:min(830px,100vh);min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-bg,.feature-bg{position:absolute;inset:0;background:url('assets/warehouse-hero.png') center/cover no-repeat}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,17,.97) 0%,rgba(3,10,24,.86) 39%,rgba(3,9,19,.15) 72%),linear-gradient(0deg,rgba(2,9,20,.5),transparent 45%)}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(35,201,246,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(35,201,246,.035) 1px,transparent 1px);background-size:80px 80px}.hero-copy{position:relative;z-index:2;margin:65px 0 0 9vw;max-width:790px}.eyebrow{margin:0 0 20px;color:#5ad9fb;font-size:12px;font-weight:800;letter-spacing:.18em}.blue{color:#087fb0}.hero h1,.feature-section h2{font-size:clamp(44px,5.3vw,78px);line-height:1.22;margin:0 0 26px;letter-spacing:.02em}.lead{font-size:17px;line-height:2;color:#d6e2ee;font-weight:500}.actions{display:flex;gap:12px;margin-top:34px}.btn{border:1px solid #70809a;min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;font-weight:700;font-size:14px;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.primary{color:#02121c;background:linear-gradient(100deg,#20d9f4,#21bdf2);border-color:#47ddff;box-shadow:0 0 26px rgba(30,199,245,.22)}.ghost{background:rgba(4,11,25,.55);color:white}.scroll{position:absolute;z-index:2;right:4vw;bottom:38px;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}.scroll span{display:inline-block;width:1px;height:62px;background:linear-gradient(white,transparent);margin-top:12px}.section{padding:120px 8vw}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.section h2{font-size:clamp(36px,4vw,58px);line-height:1.35;margin:0;letter-spacing:.03em}.section-head>p,.lineup-copy>p{color:var(--muted);line-height:2}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d7e0e7}.scene{background:white;padding:0 38px 38px;min-width:0}.scene-visual{height:280px;margin:0 -38px 30px;position:relative;overflow:hidden;background-position:center;background-size:cover}.scene-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,13,29,.3)),repeating-linear-gradient(90deg,transparent 0 90px,rgba(63,213,255,.15) 91px)}.scene-visual span{position:absolute;z-index:1;bottom:18px;left:22px;color:white;font-weight:800}.office{background-image:linear-gradient(135deg,#22364f,#76abc5 55%,#111c2b)}.factory{background-image:linear-gradient(140deg,#0d2236,#487c98 50%,#a4d3e1)}.remote{background-image:linear-gradient(130deg,#071325,#13466e 55%,#030914)}.scene-visual:before{content:"";position:absolute;width:36%;height:70%;right:13%;bottom:0;border:1px solid rgba(133,233,255,.7);box-shadow:0 0 28px rgba(39,211,255,.3)}.scene h3{font-size:27px;margin:0 0 14px}.scene strong{color:#9b424c}.scene ul{padding-left:18px;color:var(--muted);line-height:2;font-size:14px}.lineup{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;background:#edf3f6}.lineup-copy .btn{margin-top:22px}.camera-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.camera-card{background:white;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 35px rgba(9,34,52,.05)}.camera-card>span{font-size:10px;letter-spacing:.2em;color:#607087;margin-top:20px}.camera{position:relative;width:130px;height:110px;filter:drop-shadow(0 18px 12px rgba(17,35,53,.2))}.camera.dome:before{content:"";position:absolute;left:15px;top:6px;width:100px;height:44px;border-radius:60px 60px 15px 15px;background:linear-gradient(#fff,#d5dde2)}.camera.dome:after{content:"";position:absolute;left:27px;top:38px;width:76px;height:61px;border-radius:10px 10px 60px 60px;background:radial-gradient(circle at 50% 40%,#3fe0f9 0 4px,#080c12 5px 17px,#2d3740 18px 25px,#bbc4ca 26px)}.camera.bullet:before{content:"";position:absolute;left:15px;top:25px;width:105px;height:57px;border-radius:42px 14px 14px 42px;background:linear-gradient(100deg,#e8edf0,#fff)}.camera.bullet:after{content:"";position:absolute;left:8px;top:27px;width:53px;height:53px;border-radius:50%;background:radial-gradient(circle,#43d8f3 0 5px,#060a0f 6px 17px,#9faab1 18px 25px,#f7f9fa 26px)}.camera.ptz:before{content:"";position:absolute;left:22px;top:4px;width:88px;height:42px;border-radius:44px 44px 12px 12px;background:#f2f5f6}.camera.ptz:after{content:"";position:absolute;left:35px;top:35px;width:63px;height:64px;border-radius:12px 12px 50px 50px;background:radial-gradient(circle at 55% 58%,#4be1fb 0 4px,#071019 5px 16px,#b8c3c9 17px 24px,#f7f8f8 25px)}.feature-section{position:relative;overflow:hidden;padding-top:110px;padding-bottom:110px}.feature-bg{opacity:.35;filter:saturate(1.2)}.feature-section>*:not(.feature-bg){position:relative}.feature-section h2{font-size:clamp(38px,4vw,62px);max-width:1050px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:56px}.feature-grid article{padding:32px 28px;min-height:230px;background:rgba(11,36,73,.58);border:1px solid rgba(86,178,232,.35);backdrop-filter:blur(8px)}.feature-grid span{color:#4fdaf9;font-size:11px}.feature-grid h3{font-size:20px;margin:28px 0 15px}.feature-grid p{color:#d0d9e4;font-size:14px;line-height:1.9}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:130px;padding-bottom:130px;background:radial-gradient(circle at 75% 20%,#0b3b6f 0,#06152f 34%,#040b19 72%)}.contact-copy p:last-child{line-height:2;color:#b5c5d8}.contact-form{padding:36px;background:rgba(15,48,87,.6);border:1px solid rgba(87,167,221,.28)}.contact-form label{display:block;font-size:12px;font-weight:700;margin-bottom:18px}.contact-form input,.contact-form textarea{width:100%;margin-top:9px;padding:15px;border:1px solid #213e65;background:#050d1e;color:white;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue)}.contact-form textarea{height:120px;resize:vertical}.contact-form .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form button{width:100%;border-radius:0}.form-status{font-size:12px;color:#6be4fb;margin-bottom:0}footer{background:#030812;color:white;padding:70px 8vw 32px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px}footer p{color:#8ea0b5}footer>small{color:#687789}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.site-header{height:72px;padding:0 22px}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#050d1c;padding:28px;flex-direction:column;gap:24px}.site-header nav.open{display:flex}.brand{width:120px}.brand span{font-size:23px}.brand small{font-size:9px}.menu{display:flex;flex-direction:column;gap:7px}.menu i{display:block;width:27px;height:1px;background:white}.hero{min-height:720px}.hero-copy{margin:70px 24px 0}.hero h1{font-size:43px}.lead br{display:none}.actions{align-items:stretch;flex-direction:column;width:260px}.section{padding:86px 24px}.section-head{display:block}.section-head>p{margin-top:24px}.scene-grid,.feature-grid{grid-template-columns:1fr}.scene-visual{height:220px}.lineup{grid-template-columns:1fr;gap:50px}.camera-row{grid-template-columns:repeat(3,1fr);gap:5px}.camera-card{min-height:180px}.camera{transform:scale(.72)}.contact{grid-template-columns:1fr}.contact-form .two{grid-template-columns:1fr}footer{grid-template-columns:1fr}.scroll{display:none}}@media(max-width:560px){.hero h1{font-size:38px}.hero-copy{margin-top:40px}.camera-row{grid-template-columns:1fr}.camera-card{min-height:210px}.section h2{font-size:34px}.feature-section h2{font-size:36px}.scene{padding-left:24px;padding-right:24px}.scene-visual{margin-left:-24px;margin-right:-24px}}