/*
Theme Name: N36 Energy
Description: LEVEL UPPERを主役にしたN36の企業サイト。外観→カスタマイズからコピーと製品画像を編集できます。
Version: 2.3.0
Author: N36
Text Domain: n36
Requires at least: 6.0
Requires PHP: 7.4
*/
:root{--ink:#142521;--navy:#132c29;--lime:#d2ee68;--paper:#f7f8f3;--muted:#62706b;--line:#dce2d9;--white:#fff;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Inter,"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-size:15px;line-height:1.9;background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #63891d;outline-offset:5px}img{max-width:100%;height:auto;display:block}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:600;line-height:1.5;letter-spacing:-.035em}h2{font-size:clamp(28px,3vw,40px)}p{overflow-wrap:anywhere}.container,.header-inner,.footer-inner{width:min(var(--max),calc(100% - 96px));margin:auto}.container--narrow{width:min(800px,calc(100% - 48px));margin:auto}.site-header{height:100px;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.site-logo{font-size:43px;line-height:1;font-weight:700;letter-spacing:-4px;display:flex;align-items:center}.logo-dot{color:#769634;letter-spacing:0}.site-logo small{font-size:10px;letter-spacing:.02em;font-weight:500;margin-left:21px}.site-nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:500}.site-nav a{transition:color .2s}.site-nav a:hover{color:#67891e}.site-nav .nav-contact{background:var(--navy);color:white;padding:13px 21px;border-radius:3px;display:flex;gap:28px;align-items:center}.nav-contact span{font-size:18px}.menu-toggle{display:none}.skip-link{position:absolute;top:-100px;left:20px;background:var(--lime);padding:10px;z-index:99}.skip-link:focus{top:0}.hero{padding:55px 0 22px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:600;display:flex;align-items:center;gap:9px;margin-bottom:23px}.status-dot{width:7px;height:7px;border-radius:50%;background:#789c30;box-shadow:0 0 0 4px #e6ecd6}.hero h1{font-size:clamp(38px,4.25vw,62px);line-height:1.5;letter-spacing:-.055em;margin:25px 0}.hero-description{font-size:14px;color:var(--muted);line-height:2.15;margin-bottom:32px}.btn{display:inline-flex;align-items:center;gap:40px;padding:17px 25px;font-size:13px;border:0;border-radius:3px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn span{font-size:22px;line-height:1}.btn--primary{background:var(--lime);color:var(--ink)}.btn--primary:hover{background:#c5e052}.btn--dark{background:var(--navy);color:white}.btn--outline{border:1px solid var(--line)}.btn--ghost,.text-link{font-size:12px;display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid var(--ink);padding:8px 0;font-weight:500}.hero-copy>.text-link{margin-left:22px;border:0}.hero-visual{position:relative;isolation:isolate;min-height:530px;background:var(--navy);border-radius:4px;overflow:hidden;color:#e8efdf;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(ellipse at 55% 65%,#3e5446 0,transparent 65%)}.visual-top,.visual-bottom{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;z-index:3}.visual-top{top:25px}.visual-bottom{bottom:26px;border-top:1px solid #74857855;padding-top:17px;font-size:10px;gap:10px}.visual-bottom>span:last-child{margin-left:auto;font-size:19px}.visual-dot{height:6px;width:6px;border-radius:50%;background:var(--lime)}.visual-word{position:absolute;font-size:clamp(70px,7.7vw,111px);line-height:.98;font-weight:600;letter-spacing:-.06em;top:80px;left:28px;color:#eff6e4;opacity:.92}.hero-product{position:relative;width:100%;z-index:2;transform:translate(16px,59px) rotate(-8deg);filter:drop-shadow(0 24px 22px #08191266);pointer-events:none}.orbit{position:absolute;border:1px solid #ccdea91f;border-radius:50%;width:440px;height:440px;top:155px;left:145px}.orbit-two{width:600px;height:600px;top:75px;left:65px}.hero-foot{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;margin-top:35px;color:var(--muted)}.trust-strip{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-strip .container{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0}.trust-strip span:first-child{font-size:9px;letter-spacing:.14em;color:var(--muted)}.trust-strip p{font-size:13px;letter-spacing:.07em}.strip-plus{color:#96a18f}.section{padding:104px 0}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:47px}.section-intro{font-size:13px;color:var(--muted);line-height:2}.products-section .eyebrow{color:#677d42}.product-main{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--line);border-radius:4px;overflow:hidden}.product-image{position:relative;display:flex;align-items:center;justify-content:center;background:#e9ede3;min-height:530px;overflow:hidden}.product-image img{width:92%;mix-blend-mode:multiply;transition:transform .5s}.product-image:hover img{transform:scale(1.035)}.product-tag,.image-caption{position:absolute;font-size:9px;letter-spacing:.16em;left:30px;top:24px}.image-caption{top:auto;bottom:25px;color:#65725e}.product-info{padding:40px}.product-info .eyebrow{font-size:10px;margin-bottom:11px}.product-info h3{font-size:35px;letter-spacing:-.045em}.product-info h3 span{display:block;font-size:11px;letter-spacing:.1em;font-weight:400;margin-top:2px}.product-info>p:not(.eyebrow):not(.disclaimer){font-size:13px;line-height:2;margin:22px 0;color:var(--muted)}.savings{display:flex;gap:22px;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-top:23px}.savings>span:first-child{font-size:11px;line-height:1.7}.savings strong{font-size:61px;line-height:1;font-weight:500;letter-spacing:-.065em;white-space:nowrap}.savings small{font-size:27px;letter-spacing:-.04em;margin-left:3px}.savings-arrow{font-size:38px;color:#6a9225;margin-left:auto}.disclaimer{font-size:10px;color:#697568;line-height:1.8;margin-top:15px}.product-chips{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0 15px}.product-chips span{padding:3px 9px;border:1px solid var(--line);font-size:10px}.product-info .text-link{font-size:11px;gap:18px}.product-secondary{display:grid;grid-template-columns:190px 1fr 50px;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding:24px 25px 24px 0;margin-top:22px}.secondary-image{height:155px;overflow:hidden;background:#e9ede3;border-radius:3px}.secondary-image img{object-fit:contain;width:100%;height:100%;mix-blend-mode:multiply}.product-secondary .eyebrow{margin-bottom:5px;font-size:9px}.product-secondary h3{font-size:25px}.product-secondary h3 span{font-size:10px;font-weight:400;letter-spacing:.05em;margin-left:17px}.product-secondary p:last-child{font-size:12px;color:var(--muted);max-width:630px;margin-top:9px}.circle-link{display:grid;place-items:center;width:46px;height:46px;border:1px solid #acb6a7;border-radius:50%;font-size:23px}.circle-link:hover{background:var(--lime)}.benefits{background:var(--navy);color:#f0f5eb}.benefits .eyebrow{color:var(--lime)}.benefits .section-intro{color:#bcc9bc}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.benefit-grid article{border-top:1px solid #66816e;padding-top:20px}.number{font-size:9px;letter-spacing:.12em;color:#bfceb9}.line-icon{font-size:47px;color:var(--lime);line-height:1.3;margin:35px 0 22px}.benefit-grid h3{font-size:21px}.benefit-grid p{font-size:12px;line-height:2;color:#c1cdbd;margin-top:14px}.flow-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.flow-list li{border-top:1px solid #a8b89a;padding-top:18px;position:relative}.flow-list li>span{font-size:32px;font-weight:500;letter-spacing:-.05em;color:#8da563}.flow-list li:not(:last-child):after{content:'→';position:absolute;right:0;top:26px}.flow-list h3{font-size:16px;margin:22px 0 12px}.flow-list p{font-size:12px;color:var(--muted)}.company-section{border-top:1px solid var(--line);padding-top:80px}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.company-grid p:not(.eyebrow){font-size:13px;line-height:2.1;color:var(--muted);margin:25px 0}.company-art{height:340px;border-radius:4px;background:#e7ebdf;background-image:linear-gradient(#acb69d20 1px,transparent 1px),linear-gradient(90deg,#acb69d20 1px,transparent 1px);background-size:35px 35px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px;font-size:9px;letter-spacing:.13em}.company-art strong{font-size:150px;font-weight:600;line-height:1;letter-spacing:-16px}.company-art strong span{color:#95b541}.faq-section{padding-top:35px}.faq-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:75px}.faq-grid details{border-top:1px solid var(--line);padding:21px 0}.faq-grid details:last-child{border-bottom:1px solid var(--line)}.faq-grid summary{cursor:pointer;list-style:none;font-size:13px;display:flex;justify-content:space-between;gap:20px;font-weight:500}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';font-size:20px;font-weight:400;line-height:1.4}.faq-grid details[open] summary:after{content:'−'}.faq-grid details p{font-size:12px;color:var(--muted);padding:17px 25px 0 0}.cta-band{padding:67px 0;background:var(--lime)}.cta-band>.container{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-band .eyebrow{font-size:9px;margin-bottom:16px}.cta-band h2{font-size:32px}.cta-band p:not(.eyebrow){font-size:12px;margin-top:15px}.cta-band .btn{min-width:240px;justify-content:space-between}.site-footer{background:var(--navy);color:white;padding:58px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-brand{font-size:57px;letter-spacing:-5px;font-weight:600;line-height:1}.footer-brand span{color:var(--lime)}.footer-top p{font-size:12px;margin-top:18px}.footer-top p small{color:#bec9bd;font-size:10px}.footer-nav{display:flex;gap:28px;font-size:11px;align-items:flex-start;padding-top:15px}.footer-bottom{margin-top:45px;padding-top:23px;border-top:1px solid #68796666;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#bec9bd}.footer-bottom small{font-size:9px}.page-header{padding:75px 0;background:#e9ede3;border-bottom:1px solid var(--line)}.page-title{font-size:42px}.page-header p{font-size:13px;margin-top:17px;color:var(--muted)}.page-header .eyebrow{font-size:11px}.page-title-en{letter-spacing:.15em}.info-table{border-collapse:collapse;width:100%;font-size:14px}.info-table th,.info-table td{text-align:left;border-bottom:1px solid var(--line);padding:24px 10px;vertical-align:top}.info-table th{width:150px;font-weight:500}.section--alt{background:#e9ede3}.section-header{margin-bottom:35px}.section-label{font-size:11px;letter-spacing:.14em;margin-bottom:12px}.section-title{font-size:32px}.section-lead{font-size:14px;color:var(--muted);margin:18px 0}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.card{padding:30px;background:var(--paper);border:1px solid var(--line)}.card-title{font-size:22px}.card-text,.text-sm{font-size:13px}.text-sub{color:var(--muted)}.form-group{margin-bottom:25px}.form-label{display:block;margin-bottom:9px;font-size:13px}.required{font-size:10px;margin-left:10px;color:#4d6a21}.form-input,.form-select,.form-textarea{width:100%;background:#fff;border:1px solid #b8c3b2;border-radius:3px;padding:13px 15px;color:var(--ink)}.form-textarea{min-height:190px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:2px solid #779c3e;outline-offset:2px}.form-note{font-size:11px;color:var(--muted);margin-top:20px}.form-success,.form-error{padding:25px;background:#e5edd8;margin-bottom:25px}.form-error{background:#f5e6df;color:#842f1a}.honeypot{position:absolute;left:-10000px}.notice-item{padding:20px 0;border-bottom:1px solid var(--line)}.notice-date{font-size:12px;color:var(--muted);margin-right:25px}.notice-title{text-decoration:underline}.notice-content a,.page-content a{text-decoration:underline}.page-content:not(:empty){padding-bottom:55px}.page-content img,.notice-content img{max-width:100%;height:auto}.admin-bar .site-header{top:0}
@media(min-width:1440px){.hero-grid{gap:65px}.hero-visual{min-height:570px}.hero-product{transform:translate(15px,68px) rotate(-8deg)}}
@media(max-width:1100px){.container,.header-inner{width:calc(100% - 56px)}.site-logo small{display:none}.site-nav{gap:20px}.hero-grid{gap:25px}.hero h1{font-size:44px}.hero-visual{min-height:480px}.hero-copy>.text-link{display:flex;margin:12px 0 0;width:max-content}.product-info{padding:30px}.savings{gap:15px}.savings strong{font-size:50px}.savings-arrow{font-size:29px}.company-grid{gap:45px}.company-art strong{font-size:125px}.benefit-grid{gap:30px}}
@media(max-width:760px){.container,.header-inner{width:calc(100% - 40px)}.site-header{height:78px}.site-logo{font-size:38px}.site-logo small{display:block;font-size:8px;margin-left:16px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:50%;background:transparent;width:42px;height:42px;padding:11px}.menu-toggle span{display:block;width:18px;height:1px;background:var(--ink)}.site-nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);padding:25px 20px;box-shadow:0 10px 15px #152c2315}.site-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a{padding:14px}.site-nav .nav-contact{margin-top:12px;justify-content:space-between}.hero{padding-top:37px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero .eyebrow{font-size:10px;margin-bottom:18px}.hero h1{font-size:clamp(35px,8.8vw,56px);margin:20px 0}.hero-description{font-size:12px;margin-bottom:25px}.hero-copy>.text-link{display:inline-flex;margin-left:18px;font-size:11px}.btn{padding:15px 19px;font-size:12px;gap:25px}.hero-visual{min-height:420px}.visual-word{font-size:85px;top:70px}.hero-product{width:min(100%,480px);transform:translate(7px,50px) rotate(-8deg)}.visual-top,.visual-bottom{left:23px;right:23px}.hero-foot{font-size:7px;letter-spacing:.07em;margin-top:24px}.trust-strip{margin-top:9px}.trust-strip .container{gap:8px;flex-wrap:wrap;padding:19px 0}.trust-strip span:first-child{flex-basis:100%;font-size:8px;margin-bottom:7px}.trust-strip p{font-size:10px}.section{padding:65px 0}.section-heading{display:block;margin-bottom:29px}.section-intro{margin-top:20px;font-size:12px}.eyebrow{font-size:10px;margin-bottom:16px}h2{font-size:28px}.product-main{grid-template-columns:1fr}.product-image{min-height:330px;height:330px}.product-image img{width:340px}.product-info{padding:27px 24px}.product-info h3{font-size:31px}.savings strong{font-size:61px}.product-secondary{grid-template-columns:100px 1fr;gap:19px;padding-right:0;position:relative}.secondary-image{height:140px}.product-secondary h3{font-size:22px}.product-secondary h3 span{display:block;margin:4px 0}.product-secondary p:last-child{font-size:11px}.product-secondary .circle-link{display:none}.benefit-grid{grid-template-columns:1fr;gap:30px}.benefit-grid article{position:relative;padding-left:57px}.benefit-grid .number{font-size:9px}.line-icon{position:absolute;left:0;top:20px;font-size:35px;margin:0}.benefit-grid h3{font-size:19px;margin-top:13px}.benefit-grid p{font-size:12px;margin-top:10px}.flow-list{grid-template-columns:1fr 1fr;gap:30px 22px}.flow-list h3{font-size:14px;margin:14px 0 8px}.flow-list p{font-size:11px}.flow-list li>span{font-size:29px}.flow-list li:nth-child(2):after{display:none}.company-grid{grid-template-columns:1fr;gap:35px}.company-art{height:290px}.company-art strong{font-size:140px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-grid summary{font-size:12px}.faq-section{padding-top:15px}.cta-band{padding:45px 0}.cta-band>.container{display:block}.cta-band h2{font-size:25px}.cta-band .btn{margin-top:26px;width:100%}.footer-top{display:block}.footer-nav{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px}.footer-bottom{font-size:7px;letter-spacing:0}.page-header{padding:45px 0}.page-title{font-size:33px}.card-grid{grid-template-columns:1fr}.info-table{font-size:12px}.info-table th{width:100px}.info-table th,.info-table td{padding:20px 5px}.notice-date{display:block}.section-title{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep long product names and figures within narrow mobile columns. */
.hero-grid>*,.product-main>*,.company-grid>*,.faq-grid>*{min-width:0}
@media(max-width:360px){.savings{gap:10px}.savings strong{font-size:48px}.savings small{font-size:22px}.savings-arrow{font-size:24px}.company-art strong{font-size:112px;letter-spacing:-12px}.company-art{padding:23px 16px}.company-art>span{font-size:8px}.hero h1{font-size:34px}}
/* 2.1 — Editorial art direction: kinetic typography and an electric-blue plane. */
:root{--ink:#151515;--navy:#141414;--lime:#2854ef;--paper:#f6f6f4;--muted:#646464;--line:#d6d6d2;--max:1320px}
body{background:var(--paper)}h1,h2,h3{font-weight:800}.site-header{border:0;background:#f6f6f4;position:relative;height:100px}.header-inner,.container{width:min(var(--max),calc(100% - 100px))}.site-logo{font-weight:900;letter-spacing:-4px;font-size:46px}.logo-dot{color:var(--lime)}.site-nav{font-size:12px;font-weight:600;gap:30px}.site-nav .nav-contact{border-radius:0;background:var(--ink);padding:14px 22px}.site-nav a:hover{color:var(--lime)}.site-nav .nav-contact:hover{background:var(--lime);color:#fff}.btn{border-radius:0}.btn--primary{color:white}.btn--primary:hover{background:#183bc9}.eyebrow{font-weight:600;letter-spacing:.09em}.status-dot{background:var(--lime);box-shadow:none;width:6px;height:6px}.hero-editorial{position:relative;overflow:hidden;padding:20px 0 0;background-image:radial-gradient(#00000013 .6px,transparent .6px);background-size:5px 5px}.hero-stage{position:relative;min-height:690px;padding-top:0}.hero-meta{display:flex;justify-content:space-between;align-items:center;padding:20px 0 10px;border-top:1px solid #bbb;position:relative;z-index:4}.hero-meta>span{font-size:10px;letter-spacing:.15em}.hero-meta .eyebrow{margin:0;font-size:11px}.hero-copy{position:relative;z-index:3;pointer-events:none;margin-top:24px}.hero-editorial h1{font-size:clamp(70px,10.6vw,157px);font-weight:900;line-height:1.13;letter-spacing:-.085em;margin:0;max-width:78%;font-feature-settings:"palt";text-shadow:0 0 1px #00000010}.hero-editorial .hero-visual{position:absolute;right:-32px;top:120px;width:49%;height:480px;min-height:0;display:block;background:none;border-radius:0;overflow:visible;z-index:2;isolation:auto}.hero-editorial .hero-product{width:100%;max-width:640px;transform:rotate(-12deg);filter:drop-shadow(16px 25px 12px #14141428);margin-top:3px;animation:device-arrive 1.4s cubic-bezier(.2,.7,.2,1) both}.hero-editorial .orbit{width:440px;height:440px;border-color:#aaa8;top:40px;left:25px;z-index:-1}.hero-editorial .orbit-two{width:530px;height:530px;top:-5px;left:-20px;border-style:dashed;border-color:#b9b9b955}.device-index{font-size:9px;letter-spacing:.13em;position:absolute;right:45px;top:1px;color:#777}.device-caption{position:absolute;bottom:4px;right:30px;display:flex;flex-direction:column;text-align:right;border-top:1px solid #999;padding-top:13px;width:190px}.device-caption>span{font-size:20px;letter-spacing:-.05em;font-weight:800}.device-caption small{font-size:9px;color:#777}.energy-slash{position:absolute;z-index:1;right:-5%;top:190px;width:57%;height:195px;background:var(--lime);clip-path:polygon(0 65%,100% 0,30% 100%);transform:rotate(-12deg);animation:slash-arrive 1.2s cubic-bezier(.2,.7,.2,1) both}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:30px;position:relative;z-index:5;max-width:68%}.hero-editorial .hero-description{font-size:12px;line-height:2.2;margin:0;letter-spacing:.015em}.hero-explore{display:flex;align-items:center;gap:25px;font-size:9px;line-height:1.4;letter-spacing:.13em}.hero-explore b{display:grid;place-items:center;width:56px;height:56px;border:1px solid #aaa;border-radius:50%;font-size:25px;font-weight:400;transition:background .25s,color .25s}.hero-explore:hover b{background:var(--ink);color:white}.hero-rail{display:flex;gap:30px;white-space:nowrap;font-size:clamp(70px,10vw,145px);line-height:.85;font-weight:900;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #b8b8b3;padding-top:20px;transform:translateX(-1.3vw);user-select:none}.manifesto{background:var(--lime);color:white;padding:120px 0 145px;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 89%,0 100%);margin-top:-1px}.manifesto-grid{display:grid;grid-template-columns:1fr 2fr;gap:70px;position:relative}.manifesto .eyebrow{font-size:10px;margin-top:12px}.manifesto h2{font-size:clamp(32px,4vw,56px);font-weight:800;line-height:1.5}.manifesto p:not(.eyebrow){font-size:14px;line-height:2.3;margin-top:30px}.manifesto .text-link{color:#fff;border-color:#fff;margin-top:25px;font-size:12px}.manifesto-symbol{position:absolute;font-size:330px;line-height:1;left:-50px;bottom:-80px;font-weight:400;color:#ffffff2c;pointer-events:none}.section{padding:120px 0;position:relative}.section[data-section]:before{content:attr(data-section);display:block;width:min(var(--max),calc(100% - 100px));margin:0 auto 43px;font-size:clamp(55px,9vw,124px);line-height:1;font-weight:900;letter-spacing:-.075em}.section-heading{align-items:center;margin-bottom:55px}.section-heading h2{font-size:clamp(30px,3vw,43px);font-weight:800}.products-section .eyebrow{color:#555}.products-section{padding-top:95px}.product-main{border:0;border-top:1px solid #bbb;border-bottom:1px solid #bbb;border-radius:0;background:transparent;grid-template-columns:1.1fr 1fr}.product-image{background:#e6e7e7;min-height:570px}.product-image img{width:95%;filter:drop-shadow(12px 20px 10px #00000012)}.product-info{padding:45px 40px}.product-info h3{font-size:42px;font-weight:800}.product-info .eyebrow{font-size:10px}.savings strong{font-weight:800;font-size:71px;letter-spacing:-.08em}.savings-arrow{color:var(--lime)}.product-chips span{border-color:#bcbcbc}.product-secondary{grid-template-columns:230px 1fr 70px;padding:30px 0;gap:45px;margin:0}.secondary-image{border-radius:0;background:#e5e5e5;height:190px}.product-secondary h3{font-weight:800;font-size:31px}.circle-link{border-color:#222;width:60px;transition:background .2s}.circle-link:hover{background:var(--lime);color:white}.benefits{background:#171717;color:white}.benefits[data-section]:before{color:#e6e6e6}.benefits .eyebrow{color:#98adff}.benefits .section-intro,.benefit-grid p{color:#bcbcbc}.benefit-grid article{border-color:#666}.number{color:#aaa}.line-icon{color:#8da5ff}.benefit-grid h3{font-size:23px}.benefit-grid p{font-size:13px}.flow-list{gap:40px}.flow-list li{border-color:#a5a5a5}.flow-list li>span{font-size:58px;font-weight:800;color:var(--lime);letter-spacing:-.08em}.flow-list h3{font-size:18px;font-weight:700}.flow-list li:not(:last-child):after{top:41px}.company-section{border:0;background:#e9e9e6}.company-grid{gap:80px}.company-grid h2{font-size:40px}.company-art{background:#dddeda;background-image:linear-gradient(#9992 1px,transparent 1px),linear-gradient(90deg,#9992 1px,transparent 1px);background-size:32px 32px;border-radius:0;height:380px;position:relative;overflow:hidden}.company-art:after{content:'';width:65%;height:85px;position:absolute;right:-10px;bottom:65px;clip-path:polygon(0 65%,100% 0,25% 100%);background:var(--lime);transform:rotate(-18deg)}.company-art strong{font-weight:900;font-size:175px;letter-spacing:-.1em;z-index:1}.company-art strong span{color:var(--lime)}.company-art>span{z-index:2}.faq-section{padding-top:100px}.faq-grid h2{font-size:31px}.faq-grid summary{font-weight:600;font-size:14px}.cta-band{padding:80px 0;background:var(--lime);color:white;overflow:hidden}.cta-band .eyebrow{font-size:12px}.cta-band h2{font-size:40px;line-height:1.5}.cta-band .btn--dark{background:white;color:#111;font-size:14px;min-width:250px}.cta-band .btn--dark:hover{background:#111;color:white}.site-footer{background:#111;padding:70px 0 30px}.footer-brand{font-size:90px;font-weight:900;letter-spacing:-.085em}.footer-brand span{color:#7693ff}.footer-top p small,.footer-bottom{color:#bbb}.footer-bottom{border-color:#555}.footer-nav a:hover{text-decoration:underline}.page-header{background:#e8e9e6}.required{color:#2445ae}.form-success{background:#e5ebff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline-color:var(--lime)}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#2854ef}
/* Progressive enhancement: content is visible if JavaScript is unavailable. */
@media(prefers-reduced-motion:no-preference){.reveal-pending{opacity:0;transform:translateY(28px)}.reveal-visible{opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.2,1)}.hero-copy h1{animation:type-arrive 1s cubic-bezier(.2,.65,.2,1) both}}
@keyframes type-arrive{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:none}}@keyframes slash-arrive{from{opacity:0;transform:translateX(-130px) rotate(-12deg)}to{opacity:1;transform:rotate(-12deg)}}@keyframes device-arrive{from{opacity:0;transform:translateY(35px) rotate(-5deg)}to{opacity:1;transform:rotate(-12deg)}}
@media(min-width:1600px){.hero-stage{min-height:760px}.hero-editorial h1{font-size:166px}.hero-editorial .hero-visual{top:140px}.hero-bottom{margin-top:60px}}
@media(max-width:1100px) and (min-width:761px){.header-inner,.container{width:calc(100% - 64px)}.section[data-section]:before{width:calc(100% - 64px)}.hero-stage{min-height:620px}.hero-editorial h1{font-size:10.8vw}.hero-editorial .hero-visual{top:100px;width:48%;height:400px}.hero-editorial .orbit{width:330px;height:330px}.hero-editorial .orbit-two{width:420px;height:420px}.hero-bottom{max-width:62%;margin-top:38px}.hero-explore{gap:13px}.hero-explore b{width:43px;height:43px}.hero-editorial .hero-description{font-size:11px}.device-caption{bottom:0}.manifesto-grid{gap:30px}.product-info{padding:30px 25px}.product-info h3{font-size:34px}.savings strong{font-size:55px}.company-art strong{font-size:130px}.company-grid h2{font-size:34px}.company-grid{gap:40px}.cta-band h2{font-size:32px}}
@media(max-width:760px){.container,.header-inner{width:calc(100% - 40px)}.site-header{height:78px}.site-logo{font-size:38px}.site-nav{background:#f6f6f4}.hero-editorial{padding-top:0}.hero-stage{min-height:740px}.hero-meta{padding-top:16px;gap:20px}.hero-meta>span{font-size:7px}.hero-meta .eyebrow{font-size:8px;letter-spacing:0}.hero-copy{margin-top:32px}.hero-editorial h1{font-size:15.2vw;line-height:1.18;max-width:none;letter-spacing:-.075em}.hero-editorial .hero-visual{top:205px;right:-22px;width:85%;height:330px}.hero-editorial .hero-product{width:100%;max-width:390px;margin-left:auto;margin-top:-5px}.hero-editorial .orbit{width:250px;height:250px;top:25px;left:auto;right:20px}.hero-editorial .orbit-two{width:300px;height:300px;top:0;right:-5px;left:auto}.device-index{top:7px;right:14px;font-size:7px}.device-caption{right:20px;bottom:0;width:150px;padding-top:8px}.device-caption>span{font-size:18px}.device-caption small{font-size:8px}.energy-slash{top:267px;right:-10%;width:100%;height:145px}.hero-bottom{display:flex;max-width:none;position:absolute;bottom:39px;left:0;right:0;gap:15px;margin:0;align-items:flex-end}.hero-editorial .hero-description{font-size:10px;line-height:2.25}.hero-explore{gap:0;flex-shrink:0}.hero-explore>span{display:none}.hero-explore b{width:39px;height:39px;font-size:22px}.hero-rail{font-size:70px;padding-top:10px;gap:18px}.manifesto{padding:70px 0 95px;clip-path:polygon(0 0,100% 0,100% 95%,0 100%)}.manifesto-grid{display:block}.manifesto .eyebrow{font-size:9px;margin-bottom:28px}.manifesto h2{font-size:32px}.manifesto p:not(.eyebrow){font-size:12px;line-height:2.1;margin-top:25px}.manifesto-symbol{font-size:230px;left:auto;right:-50px;bottom:-95px;opacity:.5}.section{padding:65px 0}.section[data-section]:before{width:calc(100% - 40px);font-size:16vw;margin-bottom:30px}.section-heading h2{font-size:29px}.section-heading{margin-bottom:30px}.product-main{grid-template-columns:1fr}.product-image{height:340px;min-height:0}.product-image img{width:350px}.product-info{padding:30px 20px}.product-info h3{font-size:35px}.savings strong{font-size:67px}.product-secondary{grid-template-columns:105px 1fr;gap:20px;padding:25px 0}.secondary-image{height:150px}.product-secondary h3{font-size:24px}.benefit-grid h3{font-size:20px}.benefit-grid p{font-size:12px}.flow-list{gap:30px 20px}.flow-list li>span{font-size:44px}.flow-list h3{font-size:14px}.flow-list li:not(:last-child):after{top:31px}.company-grid{gap:30px}.company-grid h2{font-size:31px}.company-art{height:310px}.company-art strong{font-size:140px}.faq-grid h2{font-size:29px}.faq-grid summary{font-size:12px}.cta-band{padding:50px 0}.cta-band h2{font-size:29px}.cta-band .eyebrow{font-size:10px}.cta-band .btn{min-width:0}.footer-brand{font-size:70px}.footer-bottom{border-color:#444}}
@media(min-width:481px) and (max-width:760px){.hero-stage{min-height:930px}.hero-editorial .hero-visual{top:330px;width:68%;height:350px}.hero-editorial .hero-product{max-width:440px}.energy-slash{top:365px}.hero-bottom{bottom:60px}.hero-editorial .hero-description{font-size:13px}.hero-explore>span{display:block;margin-right:15px}}
@media(max-width:360px){.hero-stage{min-height:690px}.hero-editorial .hero-visual{top:180px;height:300px}.energy-slash{top:225px}.hero-meta>span{font-size:6px}.hero-meta .eyebrow{font-size:7px}.hero-editorial .hero-description{font-size:9px}.savings strong{font-size:49px}.product-info{padding:25px 19px}.product-info h3{font-size:31px}.company-art strong{font-size:115px}.manifesto h2{font-size:28px}.manifesto p:not(.eyebrow){font-size:11px}.cta-band h2{font-size:25px}}
.hero-editorial .hero-visual{color:var(--ink)}
@media(min-width:761px){.hero-bottom{max-width:51%}.hero-explore>span{display:none}}
@media(max-width:480px) and (min-width:361px){.hero-stage{min-height:700px}}
@media(min-width:761px){.hero-editorial .device-caption{bottom:-45px}}

/* N36 identity: exact RGB purple from the supplied print business card. */
:root{--n36-purple:#3f3079}
.site-logo,.site-logo .logo-dot,.company-art strong,.company-art strong span,.footer-brand,.footer-brand span{color:var(--n36-purple)}
.site-logo small{color:var(--ink)}
.site-footer{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}
.footer-top p small,.footer-bottom{color:var(--muted)}
.footer-bottom{border-color:var(--line)}
@media(min-width:761px){.hero-editorial h1{font-size:clamp(70px,9.7vw,144px)}}
/* Always-visible page navigation, including compact phone layouts. */
.mobile-quicknav{display:none}.site-nav{gap:22px}
.service-hero{padding:55px 0 80px;border-top:1px solid var(--line);overflow:hidden}
.service-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px}
.service-hero .eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:25px}
.service-hero h1{font-size:clamp(65px,7.7vw,110px);font-weight:900;line-height:.86;letter-spacing:-.085em;margin-bottom:28px}
.service-hero h1 span{display:block;font-size:11px;letter-spacing:.14em;font-weight:500;margin-top:21px}
.service-hero h2{font-size:34px;line-height:1.5;letter-spacing:-.05em}
.service-hero-copy>p:not(.eyebrow){font-size:13px;line-height:2;max-width:470px;color:var(--muted);margin:22px 0 25px}
.service-product-stage{position:relative;background:#e9eaf0;isolation:isolate;padding:35px 28px 30px;min-height:590px;display:flex;flex-direction:column;justify-content:flex-end}
.service-device-label{position:absolute;top:28px;left:28px;font-size:9px;letter-spacing:.14em}
.service-product-stage>img{width:110%;max-width:none;margin-left:-5%;transform:rotate(-8deg);filter:drop-shadow(10px 20px 12px #2222);position:relative;z-index:1}
.service-device-ring{width:360px;height:360px;border:1px solid #a9aec580;border-radius:50%;position:absolute;top:55px;left:calc(50% - 180px);z-index:-1}
.service-stat{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #a7abbb;padding-top:24px;margin-top:-20px;position:relative;z-index:2}
.service-stat>span{font-size:11px;line-height:1.7}.service-stat strong{font-size:75px;line-height:1;letter-spacing:-.08em;font-weight:800;white-space:nowrap}.service-stat small{font-size:30px;margin-left:5px}
.detail-note{font-size:11px!important;color:var(--muted);line-height:1.9!important;margin-top:18px!important}.service-product-stage>.detail-note{max-width:400px}
.service-index{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.service-index a{padding:25px 24px;display:flex;align-items:center;gap:18px;font-size:13px;font-weight:600;transition:color .2s,background .2s}.service-index a:not(:last-child){border-right:1px solid var(--line)}.service-index a:hover{background:#e6eafd;color:var(--lime)}.service-index a>span{font-size:10px;color:#737373}.service-index b{margin-left:auto;font-size:17px;font-weight:400}
.service-section{padding:110px 0}.service-section:nth-of-type(even){background:#eff0ed}.detail-heading{margin-bottom:45px}.detail-heading h2{font-size:clamp(29px,3.3vw,45px);line-height:1.5;font-weight:800;max-width:850px}.detail-heading>p:not(.eyebrow){font-size:14px;line-height:2;color:var(--muted);max-width:730px;margin-top:23px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.sensor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0 55px}.sensor-item{border-top:2px solid var(--lime);padding:23px 0 0}.sensor-item h3{font-size:22px}.sensor-item p{font-size:13px;line-height:1.9;color:var(--muted);margin-top:12px}.sensor-item .number{font-size:12px;color:var(--lime);display:block;margin-bottom:13px}
.control-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:45px}.control-chart{background:#e4e6e6;margin:0;padding:30px 25px}.control-chart:last-child{background:#e4eaff}.control-chart figcaption{font-size:19px;font-weight:700;line-height:1.6;margin-bottom:22px}.control-chart figcaption span{display:block;font-size:10px;letter-spacing:.12em;color:#6b6b6b;margin-bottom:7px}.control-chart svg{width:100%;height:auto;display:block;overflow:visible;font-family:inherit}.chart-caption{font-size:12px;color:var(--muted);line-height:1.9;margin-top:18px}.mechanism-note{max-width:940px}
.measurement-features{display:grid;grid-template-columns:1fr;gap:27px;margin:0;list-style:none;padding:0}.measurement-features>article{display:flex;gap:24px;border-top:1px solid #aaa;padding-top:24px}.measurement-features .number{font-size:12px;color:var(--lime);flex:0 0 25px;padding-top:3px}.measurement-features>.detail-note{margin:0!important}.measurement-features h3{font-size:22px;margin-bottom:16px}.measurement-features p{font-size:13px;line-height:2;color:var(--muted)}
.suitability{padding:35px 40px;background:#fff;border-left:3px solid var(--n36-purple);margin-top:0}.suitability h3{font-size:23px;margin-bottom:18px}.suitability p,.suitability li{font-size:13px;color:var(--muted);line-height:2}.suitability ul{padding-left:20px;margin:0}.spec-table{width:100%;border-collapse:collapse;font-size:14px}.spec-table th,.spec-table td{padding:23px 18px;border-bottom:1px solid #cdceca;text-align:left;vertical-align:top}.spec-table th{width:25%;font-weight:600}.spec-table td{color:var(--muted)}.spec-table tr:first-child>*{border-top:1px solid var(--ink)}
@media(min-width:761px) and (max-width:1100px){.site-nav{gap:17px;font-size:11px}.service-hero-grid{gap:35px}.service-product-stage{padding:25px 20px;min-height:490px}.service-stat strong{font-size:60px}.service-stat small{font-size:24px}.service-stat>span{font-size:10px}.service-hero h2{font-size:29px}.service-index a{padding:21px 15px;gap:10px;font-size:12px}.control-chart{padding:24px 18px}.control-chart figcaption{font-size:17px}}
@media(max-width:760px){html{scroll-padding-top:30px}.site-header{height:120px}.header-inner{height:77px}.site-nav{top:119px}.mobile-quicknav{display:grid;grid-template-columns:1.15fr .85fr 1fr;width:calc(100% - 40px);margin:auto;height:43px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;text-align:center;font-size:10px;font-weight:600}.mobile-quicknav a{padding:9px 1px}.mobile-quicknav a:not(:last-child){border-right:1px solid var(--line)}.mobile-quicknav a:last-child{color:var(--n36-purple)}.mobile-quicknav span{margin-left:4px}
.service-hero{padding:38px 0 45px;border:0}.service-hero-grid{grid-template-columns:1fr;gap:38px}.service-hero .eyebrow{font-size:8px;letter-spacing:.06em;margin-bottom:23px}.service-hero h1{font-size:87px;line-height:.87}.service-hero h1 span{font-size:10px;margin-top:18px}.service-hero h2{font-size:28px}.service-hero-copy>p:not(.eyebrow){font-size:12px}.service-hero-copy .btn{width:100%;justify-content:space-between;font-size:11px;padding:17px}
.service-product-stage{min-height:410px;padding:23px 22px}.service-product-stage>img{width:100%;margin-left:0}.service-device-label{top:22px;left:22px;font-size:8px}.service-device-ring{width:270px;height:270px;left:calc(50% - 135px);top:32px}.service-stat{padding-top:19px;margin-top:-17px;gap:12px}.service-stat strong{font-size:63px}.service-stat small{font-size:25px}.service-stat>span{font-size:10px}.service-product-stage>.detail-note{font-size:10px!important;margin-top:12px!important}
.service-index{grid-template-columns:1fr}.service-index a{padding:17px 4px;font-size:12px;gap:16px}.service-index a:not(:last-child){border-right:0;border-bottom:1px solid var(--line)}.service-section{padding:65px 0}.detail-heading{margin-bottom:30px}.detail-heading h2{font-size:28px}.detail-heading>p:not(.eyebrow){font-size:12px;margin-top:18px}.detail-grid{grid-template-columns:1fr;gap:30px}.sensor-grid{grid-template-columns:1fr;gap:25px;margin:30px 0 40px}.sensor-item{padding-top:18px}.sensor-item h3{font-size:20px}.sensor-item p{font-size:12px;margin-top:8px}.sensor-item .number{font-size:10px;margin-bottom:8px}.control-comparison{grid-template-columns:1fr;gap:20px;margin-top:30px}.control-chart{padding:25px 15px}.control-chart figcaption{font-size:18px;margin-bottom:15px}.chart-caption{font-size:11px}.measurement-features{grid-template-columns:1fr;gap:25px;margin:30px 0}.measurement-features>*{padding-top:20px}.measurement-features h3{font-size:20px;margin-bottom:10px}.measurement-features p{font-size:12px}.suitability{padding:25px 22px;margin-top:30px}.suitability h3{font-size:20px}.suitability li,.suitability p{font-size:12px}.spec-table{font-size:12px}.spec-table th,.spec-table td{padding:18px 8px}.spec-table th{width:31%}.detail-note{font-size:10px!important}}
@media(max-width:360px){.service-hero h1{font-size:72px}.service-stat strong{font-size:49px}.service-stat small{font-size:22px}.service-product-stage{min-height:365px}.service-device-ring{width:230px;height:230px;left:calc(50% - 115px)}.service-index a{font-size:11px}.mobile-quicknav{font-size:9px}}

.spec-table td small{display:block;font-size:11px;line-height:1.9;margin-top:8px;max-width:620px}.control-chart figcaption h3{font-size:20px}.product-links{display:flex;flex-wrap:wrap;gap:10px 20px}.product-links .text-link:last-child{color:var(--lime);border-color:var(--lime)}
@media(max-width:760px){.control-chart figcaption h3{font-size:18px}.detail-grid{gap:0}.measurement-features{margin:0 0 30px}.suitability{margin-top:0}.spec-table td small{font-size:10px}}

.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 2.3: readable neutral tones, separated range, and persistent navigation. */
:root{--muted:#464b56;--n36-header-height:100px}
.site-header{position:sticky;top:0;z-index:100;background:#f6f6f4;box-shadow:0 1px 0 #2525341c,0 5px 20px #20203007}
.admin-bar{--n36-toolbar-offset:32px}.admin-bar .site-header{top:32px}
html{scroll-padding-top:calc(var(--n36-header-height) + 20px)}
main [id]{scroll-margin-top:var(--n36-toolbar-offset,0px)}
.site-nav.open{max-height:calc(100dvh - var(--n36-header-height) - var(--n36-toolbar-offset,0px));overflow-y:auto}
.range-separator{display:inline-block;font-size:.62em;font-weight:600;letter-spacing:0;margin:0 .28em;vertical-align:.12em}
.disclaimer,.device-index,.device-caption small,.image-caption,.service-index a>span,.control-chart figcaption span{color:var(--muted)}
.hero-description,.section-intro,.detail-heading>p:not(.eyebrow),.sensor-item p,.measurement-features p,.suitability p,.suitability li,.spec-table td,.chart-caption,.detail-note,.disclaimer,.form-note{font-weight:500}
.detail-note,.disclaimer{font-size:11px!important}.benefits .section-intro,.benefit-grid p{color:#d5d8e1}.benefits .number{color:#bec6d7}
.control-chart svg text{fill:#414958;font-weight:500}
.footer-top p small,.footer-bottom{font-weight:500}
@media(min-width:601px) and (max-width:782px){.admin-bar{--n36-toolbar-offset:46px}.admin-bar .site-header{top:46px}}
@media(max-width:760px){:root{--n36-header-height:120px}.hero-editorial .hero-description{font-size:12px;line-height:2}.service-product-stage>.detail-note{font-size:11px!important}.spec-table td small{font-size:11px}.service-stat strong{font-size:59px}.savings strong{font-size:62px}}
@media(max-width:600px){.admin-bar{--n36-toolbar-offset:0px}.admin-bar .site-header{top:0}}
@media(max-width:360px){.hero-editorial .hero-description{font-size:10.5px}.service-stat strong{font-size:45px}.savings strong{font-size:45px}}

/* Local roots: self-contained map with a pin at Kiryu, Gunma. */
.company-art{background:#eeedf3;padding:28px;isolation:isolate}
.company-art:after{display:none}
.company-map{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.company-art .coordinates{position:absolute;left:30px;top:28px;font-size:10px;color:#403c50;text-align:left}
.company-art strong{position:absolute;left:28px;bottom:70px;font-size:142px;letter-spacing:-.09em;line-height:1;z-index:1}
.company-art-caption{position:absolute;bottom:28px;left:30px;font-size:9px;color:#403c50;font-weight:500;letter-spacing:.1em}
@media(min-width:761px) and (max-width:1100px){.company-art strong{font-size:98px;bottom:58px}.company-art .coordinates{font-size:8px;left:22px}.company-art-caption{left:22px;font-size:7px}.company-art{padding:22px}}
@media(max-width:760px){.company-map{height:auto;aspect-ratio:640/400;top:38px}.company-art{height:310px}.company-art strong{font-size:108px;bottom:51px;left:20px}.company-art .coordinates{font-size:9px;left:21px;top:22px}.company-art-caption{left:21px;bottom:22px;font-size:8px}}
@media(max-width:360px){.company-art strong{font-size:94px;bottom:55px}.company-art-caption{font-size:7px}.company-art .coordinates{font-size:8px}}

@media(max-width:760px){.savings{gap:15px}}
@media(max-width:360px){.savings{gap:10px}.savings-arrow{font-size:28px}}

.cta-band .section-lead{color:inherit}.cta-band .btn--primary{background:#fff;color:var(--ink)}.cta-band .btn--primary:hover{background:var(--ink);color:#fff}

.skip-link{z-index:101}