:root{--bg:#071522;--panel:#10243a;--panel2:#0b2035;--line:#2b4968;--mint:#61b6ff;--teal:#83d7ff;--white:#f4f8ff;--sub:#a6bfd5;--mono:'IBM Plex Mono',monospace;--head:'Outfit',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1480px;padding-inline:clamp(22px,5.4vw,86px);margin:0 auto}.skip{position:absolute;left:8px;top:-60px;background:#fff;color:#000;padding:12px;z-index:100}.skip:focus{top:5px}.pulse{display:inline-block;background:var(--mint);height:7px;width:7px;border-radius:50%;box-shadow:0 0 0 4px #61b6ff21}.thin{opacity:.4;margin:0 12px}
.announcement{background:#151a24;color:#a0b7d2;font:500 9px var(--mono);letter-spacing:.1em}.announcement .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:32px}.announcement .pulse{margin-right:9px}.header{border-bottom:1px solid #232d3f;position:relative;z-index:10;background:var(--bg)}.header-row{min-height:90px;display:flex;align-items:center;gap:35px}.brand{display:flex;gap:11px;align-items:center;font:700 15px/1 var(--head);letter-spacing:-.04em;white-space:nowrap}.brand small{font:500 9px var(--mono);letter-spacing:.13em;display:block;margin-top:5px}.brand-symbol{width:47px;height:47px;background:#f5faff;border-radius:5px;display:grid;place-items:center}.brand-symbol img{width:41px;height:41px;object-fit:contain}.nav{display:flex;gap:37px;align-items:center;margin:auto}.nav a{font:500 12px var(--body);color:#bbcbde}.nav a:hover{color:var(--mint)}.header-cta{font:600 10px var(--mono);color:var(--bg);letter-spacing:.06em;background:var(--mint);padding:18px 22px;display:flex;align-items:center;gap:30px}.header-cta span{font-size:19px}.header-cta:hover{background:#92ceff}.mobile-toggle{display:none;background:none;border:0;margin-left:auto;flex-direction:column;gap:5px;padding:10px}.mobile-toggle span{background:#fff;width:23px;height:2px}.mobile-links[hidden]{display:none!important}.mobile-links{position:absolute;left:0;right:0;top:90px;background:#131a26;padding:22px;display:grid;gap:20px;box-shadow:0 14px 18px #0005;font-weight:600}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 30%,#12385e 0%,#071522 55%)}.hero:before{content:"";position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:linear-gradient(#2d445f38 1px,transparent 1px),linear-gradient(90deg,#2d445f38 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent,black)}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.04fr;gap:5.3%;align-items:center;min-height:730px;padding-top:68px;padding-bottom:65px}.hero-copy{min-width:0}.eyebrow{font:600 10px var(--mono);color:var(--teal);letter-spacing:.07em;display:flex;align-items:center;gap:10px;margin:0 0 39px}.mini-hex{color:var(--mint);font-size:18px}.hero h1{font:700 clamp(67px,6.3vw,103px)/.99 var(--head);letter-spacing:-.07em;margin:0 0 30px}.hero h1 span{color:var(--mint)}.hero-lead{font:500 21px/1.43 var(--head);max-width:480px;letter-spacing:-.015em;margin:0 0 16px}.hero-description{font:400 14px/1.8 var(--body);color:#92acca;max-width:440px;margin:0}.actions{display:flex;gap:20px;align-items:center;margin-top:32px;flex-wrap:wrap}.primary-btn{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--mint);color:#151b26;padding:18px 23px;font:700 10px var(--mono);letter-spacing:.02em}.primary-btn span{font-size:20px}.secondary-btn{font:600 10px var(--mono);letter-spacing:.02em;color:#dbe0e7;border-bottom:1px solid #4c729f;padding-bottom:7px}.primary-btn:hover{background:#a2d9ff}.secondary-btn:hover{color:var(--mint)}.hero-foot{display:flex;gap:25px;margin-top:66px;flex-wrap:wrap}.hero-foot span{font:500 9px var(--mono);color:#7e9dc1;white-space:nowrap}.hero-foot b{color:var(--mint);margin-right:7px}
.system-screen{border:1px solid #395575;background:linear-gradient(135deg,#0d2b4c,#081d36);box-shadow:22px 22px 0 #020b1680,0 22px 100px #398bf84a;min-width:0;position:relative;overflow:hidden}.screen-top,.screen-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 22px;border-bottom:1px solid #2b4059;color:#a1b8d2;font:500 9px var(--mono);letter-spacing:.04em}.screen-top .pulse{margin-right:7px}.screen-top small{color:#4d739f;font-size:8px}.screen-top i{font-style:normal;color:var(--mint);font-size:18px}.screen-bottom{border-top:1px solid #2b4059;border-bottom:0;padding:15px 23px;color:#5a81af}.screen-inner{padding:28px 24px 25px}.visual-heading{display:flex;justify-content:space-between;align-items:start}.visual-heading small{font:600 9px var(--mono);color:#7495bc;letter-spacing:.13em}.visual-heading h2{font:600 29px var(--head);letter-spacing:-.04em;margin:9px 0 0}.visual-symbol{font:400 51px var(--head);color:var(--mint);line-height:1}.network{height:380px;position:relative;margin-top:15px;border:1px solid #2a364b;background-image:radial-gradient(circle at 1px 1px,#36506f 1px,transparent 1.4px);background-size:18px 18px}.network-lines{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 6px #77caed55)}.node{width:32%;height:38%;position:absolute;background:#182132;border:1px solid #4d74a1;padding:11px 12px;display:flex;flex-direction:column;box-shadow:0 8px 0 #060b14}.node-head{display:flex;align-items:center;justify-content:space-between;font:500 8px var(--mono);color:#7697bd}.node-head b{color:var(--mint);font-size:10px}.node strong{font:600 12px var(--head);letter-spacing:.02em;margin-top:auto}.node small{font:400 8.5px var(--mono);color:#98b0cd;margin-top:4px}.node-plc{left:5%;top:9%}.node-hmi{right:6%;top:3%}.node-vfd{left:8%;bottom:5%}.node-cold{right:6%;bottom:5%}.chip-svg{background:#232d3e;width:54px;height:48px;margin-top:11px;padding:5px 9px;display:flex;flex-direction:column;justify-content:space-evenly;border:1px solid #416288}.chip-row{height:4px;background:#8accff;width:100%;border-radius:1px}.chip-row:nth-child(2){width:70%;background:var(--teal)}.chip-row:nth-child(3){width:85%}.hmi-chart{height:49px;margin-top:13px;display:flex;align-items:end;gap:7px}.hmi-chart span{width:8px;background:var(--teal);height:20px}.hmi-chart span:nth-child(2){height:31px}.hmi-chart span:nth-child(3){height:19px}.hmi-chart span:nth-child(4){height:39px;background:var(--mint)}.hmi-chart span:nth-child(5){height:26px}.hmi-chart span:nth-child(6){height:35px}.vfd-wave{font-size:52px;letter-spacing:-.2em;line-height:1;color:var(--teal);margin-top:14px}.cold-symbol{color:var(--mint);font-size:60px;line-height:1;margin-top:2px}.screen-readout{display:flex;justify-content:space-between;gap:8px;margin-top:18px}.screen-readout span{font:500 8px var(--mono);color:#a4bad3}.screen-readout i,.contact-over i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:6px}.scroll-hint{position:relative;display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;font:500 9px var(--mono);color:#44668e;letter-spacing:.07em}.scroll-hint b{color:var(--mint);font-size:15px}
.services{background:#f0f5fb;color:#1a324b;padding:111px 0 123px}.section-top{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #aec1d8;font:600 10px var(--mono);color:#345479;letter-spacing:.08em}.section-title{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:end;margin:51px 0 45px}.section-title h2{font:700 clamp(50px,5.8vw,85px)/1.05 var(--head);letter-spacing:-.069em;margin:0}.section-title h2 em{font-style:normal;color:#3d6ba1}.section-title p{font:400 15px/1.75 var(--body);color:#476a93;margin:0 0 10px}.service-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:320px 272px;gap:13px}.service-card{background:#e6effa;border:1px solid #c6d9ec;padding:22px;display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden;transition:transform .25s,background .25s}.service-card:hover{transform:translateY(-3px);background:#dbe9fb}.service-card.tall{grid-row:span 2;background:#123d67;color:#f7fbff;border-color:#123d67;padding:27px}.service-card.wide{grid-column:span 2;background:#d9eafc}.card-top{display:flex;justify-content:space-between;gap:10px;font:600 9px var(--mono);color:#3e5c80;letter-spacing:.06em}.tall .card-top{color:#9acfff}.card-top span:last-child{font-size:19px}.service-card h3{font:700 30px/1.05 var(--head);letter-spacing:-.05em;margin:0 0 14px}.service-card p{font-size:12px;line-height:1.68;color:#466891;max-width:270px;margin:0}.tall p{color:#a2b8d2;max-width:370px}.service-card>div:last-child{margin-top:auto}.service-graphic{flex:1;display:grid;place-items:center;min-height:270px}.graph-box{border:1px solid #5179a8;background:#243d5a;width:220px;height:193px;position:relative;padding:30px;transform:rotate(-6deg);box-shadow:12px 12px 0 #111928}.graph-chip{position:relative;width:95px;height:116px;background:#0c1628;border:1px solid #9ec0e8;padding:23px 17px;display:flex;flex-direction:column;justify-content:space-evenly}.graph-chip span{width:52px;height:7px;background:#a5ddff}.graph-chip span:nth-child(2){width:38px;background:#8ed7ff}.graph-wire{position:absolute;left:128px;top:40px;width:73px;height:4px;background:#8acfff;box-shadow:0 20px 0 #8acfff,0 40px 0 #8acfff}.graph-dots{position:absolute;left:137px;top:137px;display:flex;gap:11px}.graph-dots i{width:8px;height:8px;background:#8acfff;border-radius:50%}.service-symbol{font:400 86px var(--head);line-height:1;flex:1;display:flex;align-items:center;justify-content:center;color:#3c7892}.service-symbol.lightning{color:#4672a6;font-size:98px}.wide-card-content{display:flex;justify-content:space-between;align-items:center;gap:30px;flex:1}.wide-card-content>div:first-child{align-self:end}.wide-card-content p{max-width:340px}.circuit-art{position:relative;width:165px;height:175px;flex:0 0 165px;background:repeating-linear-gradient(90deg,#5078a624 0,#5078a624 1px,transparent 1px,transparent 18px);border:1px solid #7495bc}.circuit-art:after{content:"";position:absolute;inset:20px;border:3px solid #3d6089}.circuit-art i{position:absolute;background:#5179a8;width:30px;height:30px;border:6px solid #d9eafc;z-index:1}.circuit-art i:nth-child(1){left:9px;top:14px}.circuit-art i:nth-child(2){right:8px;top:35px}.circuit-art i:nth-child(3){left:60px;top:65px}.circuit-art i:nth-child(4){left:18px;bottom:7px}.circuit-art i:nth-child(5){right:13px;bottom:14px}.circuit-art i:nth-child(6){right:55px;top:3px}
.method{background:#0b2036;padding:118px 0 120px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:start}.method .eyebrow{margin-bottom:38px}.method h2{font:700 clamp(62px,6vw,90px)/1.09 var(--head);letter-spacing:-.066em;margin:0 0 26px}.method h2 span{color:var(--mint)}.method-intro>p:not(.eyebrow){font-size:15px;line-height:1.82;color:#94aecc;max-width:470px;margin:0}.method-link{margin-top:33px;display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #5078a6;padding-bottom:12px;font:600 10px var(--mono);color:#dbe3ed}.method-link span{font-size:22px;color:var(--mint)}.method-steps{border:1px solid #375373;padding:28px 30px;background:#121a28;box-shadow:15px 15px 0 #1c273a50}.steps-header{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #375373;color:var(--mint);font:600 10px var(--mono)}.step{display:grid;grid-template-columns:36px 1fr 14px;gap:12px;align-items:start;padding:27px 0;border-bottom:1px solid #2c425b}.step:last-child{border-bottom:0}.step>span:first-child{font:600 11px var(--mono);color:var(--mint)}.step>span:last-child{color:#517aa9;font-size:18px}.step h3{font:600 23px var(--head);letter-spacing:-.025em;margin:0 0 9px}.step p{font-size:12px;line-height:1.6;color:#91abca;margin:0}
.about{background:#f0f5fb;color:#1a324b;padding:120px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center}.about-visual{min-height:450px;background:#dcebf9;display:flex;flex-direction:column;padding:30px;position:relative;overflow:hidden}.about-top,.about-foot{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;font:600 10px var(--mono);color:#4d74a1}.about-top span{color:#35577f}.year{margin:auto 0;position:relative;z-index:1;font:700 clamp(98px,10vw,158px)/1 var(--head);letter-spacing:-.10em;color:#1d2c45;display:flex;align-items:end}.year span{font:700 12px var(--mono);letter-spacing:0;color:#40648f;margin:0 0 30px 13px}.about-gridlines{position:absolute;inset:0;background-image:linear-gradient(#6287b322 1px,transparent 1px),linear-gradient(90deg,#6287b322 1px,transparent 1px);background-size:29px 29px;transform:rotate(-17deg) scale(1.4)}.about-visual:after{content:"";width:320px;height:320px;border:1px solid #6187b380;border-radius:50%;position:absolute;top:32px;right:-180px;box-shadow:0 0 0 35px #668ab516,0 0 0 75px #668ab515}.section-small{font:600 10px var(--mono);color:#3b5c83;letter-spacing:.1em}.about-text h2{font:700 clamp(48px,4.5vw,68px)/1.1 var(--head);letter-spacing:-.06em;margin:34px 0 25px}.about-text h2 em{font-style:normal;color:#4271a8}.about-text p{font-size:14px;line-height:1.9;color:#486b95;margin:0 0 17px}.about-text>a{display:inline-flex;gap:30px;border-bottom:1px solid #4271a8;margin-top:19px;padding-bottom:12px;font:700 10px var(--mono)}.about-text>a span{font-size:19px;color:#48709f}
.contact{background:#0e2a47;padding:107px 0 119px}.contact-over{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid #334c69;font:600 10px var(--mono);color:var(--mint)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:48px}.contact h2{font:700 clamp(67px,7vw,100px)/1.03 var(--head);letter-spacing:-.075em;margin:0 0 24px}.contact h2 em{color:var(--mint);font-style:normal}.contact-grid>div>p{color:#9cb3cf;font-size:15px;line-height:1.8;max-width:400px}.mail-link{display:inline-flex;gap:22px;border-bottom:1px solid #7395bc;font:600 clamp(23px,2.5vw,33px) var(--head);padding-bottom:12px;margin:26px 0 60px;letter-spacing:-.04em}.mail-link span{font-size:22px;color:var(--mint)}.address span{font:600 10px var(--mono);color:var(--mint)}.address address{font-style:normal;font-size:14px;line-height:1.8;color:#a2b8d2;margin-top:13px}.inquiry{background:#edf5fd;color:#1c2535;padding:35px 40px 28px;box-shadow:13px 13px 0 #344e6c59}.inquiry-top{display:flex;justify-content:space-between;align-items:center;font:600 11px var(--mono);margin-bottom:27px}.inquiry-top span{font-size:19px}.inquiry label{font-size:12px;font-weight:700;display:block;margin-bottom:18px}.inquiry input,.inquiry textarea{display:block;width:100%;padding:12px;margin-top:9px;border:1px solid #b5c6db;background:#fafdff;outline:0;color:#161e2d;resize:vertical;font-size:13px;min-height:47px}.inquiry textarea{min-height:120px}.inquiry input:focus,.inquiry textarea:focus{border-color:#4b719d}.inquiry button{background:#19253a;color:#e3e9f1;border:0;width:100%;padding:17px 19px;text-align:left;font:600 11px var(--mono);display:flex;justify-content:space-between;align-items:center}.inquiry button:hover{background:#334c6a}.inquiry button span{font-size:20px}#form-notice{font-size:10px;line-height:1.5;color:#476a93;margin:12px 0 0}
footer{background:#071320}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;padding-top:31px;padding-bottom:27px}.footer-main>span,.footer-main>a:last-child{font:500 10px var(--mono);color:#6e90b9}.copyright{border-top:1px solid #222c3d;padding-top:18px;padding-bottom:24px;font:500 10px var(--mono);color:#527aa9}
@media(max-width:1150px){.hero-grid{grid-template-columns:1fr 1fr;gap:4%}.hero h1{font-size:clamp(60px,6vw,80px)}.hero-foot{gap:14px}.hero-foot span{font-size:8px}.network{height:330px}.node{padding:8px}.node strong{font-size:10px}.node small{font-size:7px}.section-title{grid-template-columns:1fr 290px}.service-grid{grid-template-rows:310px 285px}}
@media(max-width:850px){.announcement .shell{font-size:8px}.nav,.header-cta{display:none}.mobile-toggle{display:flex}.header-row{min-height:76px}.mobile-links{top:76px}.hero-grid{grid-template-columns:1fr;gap:53px;padding-top:65px;padding-bottom:70px;min-height:0}.hero h1{font-size:clamp(66px,12vw,103px)}.hero-foot{margin-top:45px}.system-screen{max-width:660px;width:100%;margin:auto}.network{height:380px}.node{padding:11px}.node strong{font-size:12px}.node small{font-size:8px}.section-title{grid-template-columns:1fr;gap:18px}.section-title h2{font-size:clamp(50px,8vw,74px)}.section-title p{max-width:620px}.service-grid{grid-template-columns:1fr 1fr;grid-template-rows:350px 300px 290px}.service-card.tall{grid-row:span 2}.service-card.wide{grid-column:span 2}.service-card h3{font-size:28px}.method-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:58px}.method h2{font-size:clamp(68px,10vw,100px)}.method-steps{max-width:730px}.about-visual{max-width:660px;min-height:380px}.contact-grid{padding-top:42px}.contact{padding:83px 0}.contact h2{font-size:clamp(70px,12vw,100px)}.inquiry{max-width:680px}}
@media(max-width:545px){.announcement .shell>span:last-child{display:none}.announcement .shell{justify-content:center}.shell{padding-inline:20px}.header-row{min-height:74px}.hero-grid{padding-top:53px;gap:45px}.eyebrow{font-size:8px;line-height:1.7}.hero h1{font-size:clamp(55px,12vw,72px)}.hero-lead{font-size:19px}.hero-description{font-size:13px}.hero-foot{gap:12px}.hero-foot span{font-size:7px}.actions{gap:18px}.primary-btn{font-size:9px;padding:15px}.secondary-btn{font-size:9px}.system-screen{box-shadow:10px 10px 0 #020b1680}.screen-top,.screen-bottom{font-size:7px;padding:14px 12px}.screen-top small{display:none}.screen-inner{padding:20px 14px}.visual-heading h2{font-size:23px}.network{height:305px}.node{padding:7px;height:39%;width:38%}.node strong{font-size:9px}.node small{font-size:7px}.chip-svg{width:43px;height:40px}.hmi-chart{height:39px}.hmi-chart span{width:6px}.vfd-wave{font-size:36px}.cold-symbol{font-size:47px}.node-hmi,.node-cold{right:4%}.node-plc{left:4%}.node-vfd{left:4%}.screen-readout{flex-wrap:wrap}.screen-readout span{font-size:7px}.scroll-hint{font-size:8px}.services{padding:75px 0}.section-top{gap:18px;font-size:8px}.section-top span:last-child{max-width:140px;text-align:right}.section-title{margin:35px 0}.section-title h2{font-size:clamp(43px,11vw,61px)}.service-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:12px}.service-card,.service-card.tall,.service-card.wide{grid-row:auto;grid-column:auto;min-height:270px}.service-card.tall{min-height:490px}.service-graphic{min-height:275px}.service-card.wide{min-height:275px}.wide-card-content{gap:10px}.circuit-art{width:90px;height:125px;flex-basis:90px}.circuit-art i{width:20px;height:20px;border-width:4px}.service-symbol{font-size:62px}.method{padding:80px 0}.method h2{font-size:clamp(58px,12vw,77px)}.method-steps{padding:19px 15px;box-shadow:8px 8px 0 #1c273a50}.step{grid-template-columns:25px 1fr 14px;gap:9px}.step h3{font-size:18px}.about{padding:75px 0}.about-grid{gap:43px}.about-visual{min-height:270px;padding:19px}.about-top,.about-foot{font-size:8px}.year{font-size:88px}.year span{margin-bottom:14px}.about-text h2{font-size:clamp(47px,10vw,65px)}.contact-over{font-size:8px;gap:15px}.contact-over span:last-child{max-width:135px;text-align:right}.contact h2{font-size:clamp(62px,12vw,79px)}.inquiry{padding:24px 19px;box-shadow:8px 8px 0 #344e6c59}.mail-link{font-size:25px}.footer-main{grid-template-columns:1fr auto}.footer-main>span{grid-column:1/-1;grid-row:2;font-size:9px}.footer-main>a:last-child{grid-column:2;grid-row:1;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}