:root{--bg:#05090e;--panel:#0b1219;--panel2:#0d1721;--line:rgba(255,255,255,.08);--muted:#8e9eaa;--amber:#f2a51a;--white:#f4f7f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,sans-serif;overflow-x:hidden}
.cursor-glow{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(242,165,26,.09),transparent 65%);z-index:1}
.topbar{height:74px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;gap:28px;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(14px);background:rgba(5,9,14,.55)}
.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;color:#fff;text-decoration:none;font-size:31px}.brand b{color:var(--amber)}.mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(242,165,26,.35);background:linear-gradient(180deg,#111922,#0b1219);color:var(--amber)}
nav{display:flex;gap:24px;margin-left:auto}nav a,.pill-btn{text-decoration:none;color:#dfe8ef;font-size:14px}.pill-btn{border:1px solid rgba(242,165,26,.5);padding:11px 16px;border-radius:999px}.pill-btn:hover{background:rgba(242,165,26,.1)}#menu{display:none;background:none;border:none;color:#fff;font-size:28px}
.hero{min-height:100vh;padding:120px 28px 60px;position:relative;display:flex;align-items:center}.hero-image,.hero-mask,.gridlines{position:absolute;inset:0}.hero-image{background-size:cover;background-position:center center;transform:scale(1.04)}.hero-mask{background:linear-gradient(90deg,rgba(5,9,14,.90) 0%,rgba(5,9,14,.72) 42%,rgba(5,9,14,.55) 100%)}.gridlines{background-image:linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);background-size:48px 48px;opacity:.25}
.hero-content{position:relative;z-index:2;max-width:780px}.eyebrow{font-size:12px;letter-spacing:.2em;color:var(--amber);text-transform:uppercase;margin-bottom:18px}.hero-title{font-family:Manrope,sans-serif;font-size:clamp(52px,7vw,96px);line-height:.95;margin:0 0 18px}.hero-title span{color:var(--amber)}.hero-sub{font-size:25px;line-height:1.35;color:#e3ebf2;margin:0 0 30px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn{text-decoration:none;display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border-radius:999px;font-weight:700}.btn.primary{background:var(--amber);color:#111}.btn.secondary{border:1px solid rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.04)}.hero-badges{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:14px;margin-top:34px}.hero-badges div{padding:16px;border-radius:18px;background:rgba(7,15,23,.58);border:1px solid rgba(255,255,255,.08)}.hero-badges strong{display:block;font-size:16px}.hero-badges span{display:block;color:var(--muted);font-size:13px;margin-top:4px}
.section{padding:110px 28px;position:relative;z-index:2}.section-index{position:absolute;right:28px;top:26px;color:rgba(255,255,255,.10);font:800 64px/1 Manrope,sans-serif}.story-wrap{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;max-width:1360px;margin:auto}.story-sticky{position:sticky;top:105px;align-self:start;padding:30px}.story-sticky h2,.section-head h2,.contact h2{font:800 clamp(38px,5vw,72px)/.98 Manrope,sans-serif;margin:0 0 16px}.story-sticky p,.section-head p,.contact p{font-size:18px;line-height:1.6;color:var(--muted)}.story-cards{display:grid;gap:18px}.story-card{padding:28px;border-radius:26px;background:linear-gradient(180deg,#09121a,#0d1721);border:1px solid var(--line)}.story-card span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(242,165,26,.12);color:var(--amber);font-weight:700;margin-bottom:12px}
.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:end;max-width:1360px;margin:0 auto 36px}.brand-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.brand-card{min-height:420px;border-radius:28px;padding:24px;border:1px solid var(--line);background:linear-gradient(180deg,#0a131d,#091018);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr}.brand-copy{position:relative;z-index:2}.brand-name{font:800 44px/1 Manrope,sans-serif}.brand-card small{color:var(--amber);letter-spacing:.16em}.brand-card h3{font:700 30px/1.05 Manrope,sans-serif;margin:18px 0 10px}.brand-card p{color:var(--muted);font-size:16px;line-height:1.6;max-width:360px}.brand-card img{position:absolute;right:0;bottom:0;width:48%;max-height:92%;object-fit:contain;filter:drop-shadow(0 25px 40px rgba(0,0,0,.4))}.brand-card.proex{background:radial-gradient(circle at 85% 70%,rgba(255,63,63,.18),transparent 30%),linear-gradient(180deg,#10131c,#0b1016)}.brand-card.espyro{background:radial-gradient(circle at 72% 75%,rgba(242,165,26,.18),transparent 28%),linear-gradient(180deg,#10131c,#0b1016)}.brand-card.tolay{background:linear-gradient(180deg,#101822,#0b1016)}
.cylinder-art{position:absolute;right:56px;bottom:22px;width:150px;height:320px}.cylinder-art i{display:block;width:110px;height:250px;background:linear-gradient(180deg,#a72410,#d94518 35%,#93190d);border-radius:50px 50px 22px 22px;box-shadow:0 30px 60px rgba(0,0,0,.35)}.cylinder-art:before{content:"";position:absolute;left:42px;top:-24px;width:32px;height:36px;background:#d1a95f;border-radius:6px}.cylinder-art b{position:absolute;left:30px;top:130px;color:#fff;font:700 28px/1 Manrope,sans-serif}
.building-art{position:absolute;right:0;bottom:0;width:48%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:0 20px 0 0}.building-art span{display:block;width:26px;background:linear-gradient(180deg,#14273c,#0d1724);border:1px solid rgba(242,165,26,.18);box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}.building-art span:nth-child(1){height:150px}.building-art span:nth-child(2){height:220px}.building-art span:nth-child(3){height:280px}.building-art span:nth-child(4){height:340px}.building-art span:nth-child(5){height:400px}
.cap-row{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cap-card{min-height:230px;border-radius:24px;padding:22px;border:1px solid var(--line);background:linear-gradient(180deg,#09121a,#0c151d);position:relative;overflow:hidden}.cap-card span{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid rgba(242,165,26,.18);background:rgba(242,165,26,.08);color:var(--amber);font-weight:700}.cap-card h3{font:700 24px/1.1 Manrope,sans-serif;margin:18px 0 12px}.cap-card p{color:var(--muted);font-size:15px;line-height:1.6}.bg-card::before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(5,9,14,.45),rgba(5,9,14,.88)),var(--bg);background-size:cover;background-position:center;filter:saturate(1.02)}.bg-card > *{position:relative;z-index:2}
.kuroha-stage{padding:0 0 60px;position:relative}.kuroha-sticky{max-width:1360px;margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:30px;align-items:center;padding:0 28px 0}.kuroha-copy h2{font:800 78px/.95 Manrope,sans-serif;margin:0;color:#fff}.kuroha-copy h3{font:800 48px/1 Manrope,sans-serif;margin:0 0 12px}.kuroha-copy p{color:var(--muted);font-size:18px;line-height:1.6}.kuroha-screen{position:relative;min-height:650px;display:grid;place-items:center}.kuroha-screen img{width:100%;max-width:900px;border-radius:28px;border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.4)}.node{position:absolute;padding:12px 14px;border-radius:14px;border:1px solid rgba(242,165,26,.35);background:rgba(10,18,26,.9);box-shadow:0 0 25px rgba(242,165,26,.12)}.n1{left:0;top:90px}.n2{left:24px;bottom:120px}.n3{right:0;top:100px}.n4{right:15px;bottom:120px}
.digital-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.digital-card{border:1px solid var(--line);background:linear-gradient(180deg,#09121a,#0d1721);border-radius:24px;overflow:hidden}.digital-card img{width:100%;height:230px;object-fit:cover;display:block}.digital-card div{padding:18px}.digital-card span{display:block;color:var(--amber);font-size:12px;letter-spacing:.16em;margin-bottom:8px}.digital-card h3{font:700 24px/1.1 Manrope,sans-serif;margin:0 0 10px}.digital-card p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}
.featured-projects{max-width:1360px;margin:auto;display:grid;gap:24px}.case-study{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:22px;border-radius:30px;background:linear-gradient(180deg,#09121a,#0c151d);border:1px solid var(--line)}.case-media{display:grid;gap:12px}.cover,.thumb,.archive-cover{padding:0;border:none;background:none;cursor:pointer}.cover img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:24px;display:block}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px;display:block}.case-copy{padding:10px 6px}.case-copy h3{font:800 40px/1 Manrope,sans-serif;margin:8px 0 6px}.case-copy h4{font:700 26px/1.1 Manrope,sans-serif;margin:0 0 10px;color:#fff}.muted{color:var(--amber)}.case-copy p{color:var(--muted);font-size:16px;line-height:1.7}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chips span{padding:8px 12px;border-radius:999px;background:rgba(242,165,26,.08);border:1px solid rgba(242,165,26,.16);color:#f0d29b;font-size:13px}.mini-stats{display:flex;gap:14px;margin-top:18px}.mini-stats div{padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid var(--line)}.mini-stats strong{display:block;font:800 24px/1 Manrope,sans-serif}.mini-stats span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.archive-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.archive-card{border:1px solid var(--line);background:linear-gradient(180deg,#09121a,#0d1721);border-radius:22px;overflow:hidden}.archive-cover img{width:100%;height:220px;object-fit:cover;display:block}.archive-copy{padding:16px}.archive-copy strong{display:block;font:700 24px/1.1 Manrope,sans-serif}.archive-copy span{display:block;color:#e8eef3;font-size:15px;margin-top:8px}.archive-copy small{display:block;color:var(--muted);margin-top:10px}
.contact{padding:120px 28px;background:linear-gradient(180deg,transparent,#080d13 20%,#080d13)}.contact-inner{max-width:1100px;margin:auto;padding:42px;border-radius:32px;background:radial-gradient(circle at 80% 20%,rgba(242,165,26,.08),transparent 25%),linear-gradient(180deg,#0a131d,#0c151d);border:1px solid var(--line)}.contact h2 span{color:var(--amber)}.contact-info{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0 24px}.contact-info a,.contact-info span{padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#fff;text-decoration:none}
footer{padding:30px 28px 50px;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.show{opacity:1;transform:none}
.lightbox{position:fixed;inset:0;display:none;place-items:center;background:rgba(2,5,9,.86);z-index:80;padding:30px}.lightbox.open{display:grid}.lightbox img{max-width:min(95vw,1400px);max-height:88vh;border-radius:18px;box-shadow:0 35px 90px rgba(0,0,0,.55)}.lb-close{position:absolute;top:22px;right:22px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:22px;cursor:pointer}
@media(max-width:1100px){nav,.pill-btn{display:none}#menu{display:block;margin-left:auto}nav.open{display:flex;position:absolute;top:74px;left:0;right:0;background:#071019;padding:24px;flex-direction:column}.story-wrap,.section-head,.kuroha-sticky,.case-study{grid-template-columns:1fr}.story-sticky{position:relative;top:auto}.brand-grid,.digital-grid,.archive-grid{grid-template-columns:1fr 1fr}.cap-row{grid-template-columns:1fr 1fr 1fr}.kuroha-screen{min-height:420px}}
@media(max-width:760px){.topbar{padding:0 18px}.brand{font-size:24px}.hero{padding:112px 18px 60px}.section{padding:90px 18px}.hero-sub{font-size:18px}.hero-badges{grid-template-columns:1fr 1fr}.brand-grid,.digital-grid,.archive-grid,.cap-row,.thumbs{grid-template-columns:1fr}.case-copy h3{font-size:30px}.case-copy h4{font-size:21px}.kuroha-copy h2{font-size:54px}.kuroha-copy h3,.story-sticky h2,.section-head h2,.contact h2{font-size:38px}.kuroha-screen img{border-radius:22px}.node{font-size:12px;padding:8px 10px}.n1{left:0;top:8px}.n2{left:8px;bottom:8px}.n3{right:0;top:8px}.n4{right:8px;bottom:8px}.section-index{font-size:44px;top:16px;right:18px}footer{justify-content:flex-start}}


/* brochure-style capability / kuroha / digital sections */
.brochure-caps .brochure-card{background:linear-gradient(180deg,#0a131d,#0d1721);box-shadow:0 18px 40px rgba(0,0,0,.22)}
.cap-ico{width:88px;height:88px;border-radius:22px;margin:18px 0;background:linear-gradient(180deg,rgba(242,165,26,.18),rgba(242,165,26,.06));border:1px solid rgba(242,165,26,.22);position:relative}
.cap-tags,.sol-tags,.kuroha-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.cap-tags b,.sol-tags b,.kuroha-benefits b{font-size:12px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#dfe8ef}
.hydrant-ico:before,.hydrant-ico:after,.panel-ico:before,.panel-ico:after,.apar-ico:before,.apar-ico:after,.mep-ico:before,.mep-ico:after,.auto-ico:before,.auto-ico:after,
.siren-icon:before,.siren-icon:after,.meter-icon:before,.meter-icon:after,.tank-icon:before,.tank-icon:after,.sensor-icon:before,.sensor-icon:after{content:"";position:absolute}
.hydrant-ico:before{width:46px;height:12px;background:#f2a51a;left:20px;top:26px;border-radius:10px}
.hydrant-ico:after{width:18px;height:28px;border:5px solid #f2a51a;border-top:none;left:34px;top:38px;border-radius:0 0 10px 10px}
.panel-ico:before{inset:18px;border:3px solid #f2a51a;border-radius:10px}
.panel-ico:after{width:10px;height:10px;background:#f2a51a;border-radius:50%;left:28px;top:30px;box-shadow:18px 0 0 #f2a51a,0 18px 0 #f2a51a,18px 18px 0 #f2a51a}
.apar-ico:before{width:28px;height:44px;background:#f2a51a;left:30px;top:24px;border-radius:12px 12px 8px 8px}
.apar-ico:after{width:18px;height:8px;border:3px solid #f2a51a;border-left:none;left:44px;top:18px;border-radius:0 8px 8px 0}
.mep-ico:before{width:18px;height:18px;border:5px solid #f2a51a;border-radius:50%;left:16px;top:35px;box-shadow:38px 0 0 0 rgba(0,0,0,0)}
.mep-ico:after{width:38px;height:8px;background:#f2a51a;left:28px;top:40px;border-radius:8px;box-shadow:24px 0 0 #f2a51a}
.auto-ico:before{inset:22px;border:3px solid #f2a51a;border-radius:12px}
.auto-ico:after{width:30px;height:30px;left:29px;top:29px;background:radial-gradient(circle,#f2a51a 0 22%, transparent 24%),linear-gradient(#f2a51a,#f2a51a);background-size:100% 100%,4px 22px;background-position:center,center;background-repeat:no-repeat}
.brochure-kuroha .kuroha-sticky{grid-template-columns:.82fr 1.18fr}
.kuroha-visual{position:relative;min-height:760px}
.kuroha-monitor{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(740px,92%);border-radius:28px;background:linear-gradient(180deg,#0b1219,#101b26);border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 80px rgba(0,0,0,.35);overflow:hidden}
.monitor-top{height:56px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.monitor-top i{width:10px;height:10px;border-radius:50%;background:#f2a51a;opacity:.8}
.monitor-top b{margin-left:8px;font:700 16px/1 Manrope,sans-serif;color:#eaf0f5}
.monitor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px}
.kpi{padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.kpi small{display:block;color:#8ea0ac;font-size:12px;margin-bottom:8px}.kpi strong{font:800 28px/1 Manrope,sans-serif}
.chart-box{grid-column:1/3;padding:18px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);min-height:170px;display:flex;align-items:end}
.mini-chart{height:130px;width:100%;display:flex;align-items:end;gap:12px}.mini-chart span{flex:1;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#f2a51a,#8d5a06)}
.alert-box{grid-column:3/5;padding:18px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);display:grid;gap:12px;min-height:170px}
.alert-box div{display:flex;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.alert-box div:last-child{border:none;padding-bottom:0}.alert-box b{font-size:14px}.alert-box small{color:#90a1ad}
.device-card{position:absolute;width:180px;padding:16px;border-radius:22px;background:linear-gradient(180deg,#0c151d,#0e1822);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 35px rgba(0,0,0,.24)}
.device-card strong{display:block;font:700 20px/1.1 Manrope,sans-serif;margin:8px 0 6px}.device-card span{display:block;color:#93a3af;font-size:13px;line-height:1.45}
.dc1{left:10px;top:70px}.dc2{left:26px;bottom:110px}.dc3{right:10px;top:70px}.dc4{right:26px;bottom:110px}
.dev-icon,.solution-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(180deg,rgba(242,165,26,.18),rgba(242,165,26,.06));border:1px solid rgba(242,165,26,.22);position:relative}
.solution-icon.big{width:96px;height:96px;border-radius:26px}
.siren-icon:before{width:28px;height:18px;background:#f2a51a;left:15px;top:22px;border-radius:14px 14px 6px 6px}
.siren-icon:after{width:30px;height:4px;background:#f2a51a;left:14px;top:42px;border-radius:4px;box-shadow:-10px -12px 0 -1px rgba(242,165,26,.6),40px -12px 0 -1px rgba(242,165,26,.6)}
.meter-icon:before{inset:14px;border:3px solid #f2a51a;border-radius:12px}
.meter-icon:after{width:24px;height:8px;background:#f2a51a;left:17px;top:20px;border-radius:3px;box-shadow:0 16px 0 0 rgba(242,165,26,.35)}
.tank-icon:before{width:34px;height:40px;border:4px solid #f2a51a;left:12px;top:10px;border-radius:14px 14px 12px 12px}
.tank-icon:after{width:18px;height:6px;background:#f2a51a;left:20px;top:6px;border-radius:6px}
.sensor-icon:before{width:22px;height:36px;border:4px solid #f2a51a;border-radius:16px;left:18px;top:9px}
.sensor-icon:after{width:12px;height:12px;background:#f2a51a;border-radius:50%;left:23px;top:35px;box-shadow:0 -14px 0 -3px rgba(242,165,26,.45)}
.connect-line{position:absolute;height:2px;background:linear-gradient(90deg,rgba(242,165,26,0),rgba(242,165,26,.9),rgba(242,165,26,0));opacity:.9}
.line1{left:170px;top:165px;width:260px}.line2{left:182px;bottom:195px;width:260px}.line3{right:170px;top:165px;width:260px}.line4{right:182px;bottom:195px;width:260px}
.brochure-grid .solution-card{overflow:hidden}
.digital-visual{height:250px;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,#0a131d,#0b1722)}
.siren-bg{background:radial-gradient(circle at center,rgba(164,29,10,.28),transparent 48%),linear-gradient(180deg,#0a131d,#0b1722)}
.meter-bg,.tank-bg,.sensor-bg{background:radial-gradient(circle at center,rgba(242,165,26,.10),transparent 48%),linear-gradient(180deg,#0a131d,#0b1722)}
.meter-readout,.sensor-readout{position:absolute;bottom:24px;right:24px;font:700 18px/1.25 Manrope,sans-serif;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
@media(max-width:1100px){
  .brochure-kuroha .kuroha-sticky{grid-template-columns:1fr}
  .kuroha-visual{min-height:880px}
}
@media(max-width:760px){
  .kuroha-visual{min-height:980px}
  .kuroha-monitor{width:100%;position:relative;left:auto;top:auto;transform:none;margin-top:260px}
  .device-card{width:calc(50% - 14px)}
  .dc1{left:0;top:0}.dc2{left:0;top:140px;bottom:auto}.dc3{right:0;top:0}.dc4{right:0;top:140px;bottom:auto}
  .connect-line{display:none}
  .monitor-grid{grid-template-columns:1fr 1fr}
  .chart-box,.alert-box{grid-column:auto}
}



/* ===== premium brochure panels ===== */
.premium-cap-row{gap:16px}
.premium-cap-card{background:linear-gradient(180deg,#0a131c,#0d1721);box-shadow:0 18px 40px rgba(0,0,0,.20);overflow:hidden}
.cap-stage{height:120px;border-radius:20px;background:radial-gradient(circle at 50% 30%,rgba(242,165,26,.10),transparent 55%),linear-gradient(180deg,#0d1924,#091119);border:1px solid rgba(255,255,255,.06);margin:16px 0 18px;display:grid;place-items:center;position:relative}
.cap-stage:after{content:"";position:absolute;inset:auto 18px 14px;height:1px;background:linear-gradient(90deg,transparent,rgba(242,165,26,.5),transparent)}
.cap-device{position:relative}
.cap-tags,.sol-tags,.kuroha-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.cap-tags b,.sol-tags b,.kuroha-benefits b{font-size:12px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#dfe8ef}
.hydrant-device{width:90px;height:66px}.hydrant-device i,.panel-device i,.apar-device i,.plumbing-device i,.control-device i{position:absolute;display:block}
.hydrant-device i:nth-child(1){width:64px;height:12px;background:#f2a51a;left:10px;top:8px;border-radius:12px}
.hydrant-device i:nth-child(2){width:26px;height:36px;border:5px solid #f2a51a;border-top:none;left:30px;top:20px;border-radius:0 0 12px 12px}
.hydrant-device i:nth-child(3){width:18px;height:18px;border:4px solid #f2a51a;left:36px;top:-4px;border-radius:50%}
.panel-device{width:86px;height:74px}.panel-device i:nth-child(1){inset:8px;border:3px solid #f2a51a;border-radius:12px}
.panel-device i:nth-child(2){width:10px;height:10px;background:#f2a51a;border-radius:50%;left:24px;top:24px;box-shadow:18px 0 0 #f2a51a,0 18px 0 #f2a51a,18px 18px 0 #f2a51a}
.panel-device i:nth-child(3){width:22px;height:5px;background:#f2a51a;left:22px;top:50px;border-radius:4px}
.panel-device i:nth-child(4){width:8px;height:8px;background:#f2a51a;border-radius:50%;left:50px;top:50px}
.apar-device{width:76px;height:82px}.apar-device i:nth-child(1){width:34px;height:52px;background:linear-gradient(180deg,#ff7c43,#bc2a14);left:20px;top:18px;border-radius:14px 14px 10px 10px;box-shadow:0 12px 26px rgba(188,42,20,.35)}
.apar-device i:nth-child(2){width:18px;height:8px;border:3px solid #f2a51a;border-left:none;left:42px;top:12px;border-radius:0 8px 8px 0}
.plumbing-device{width:92px;height:62px}.plumbing-device i:nth-child(1){width:18px;height:18px;border:5px solid #f2a51a;border-radius:50%;left:2px;top:20px}
.plumbing-device i:nth-child(2){width:48px;height:8px;background:#f2a51a;left:20px;top:25px;border-radius:8px}
.plumbing-device i:nth-child(3){width:18px;height:18px;border:5px solid #f2a51a;border-radius:50%;left:66px;top:20px}
.control-device{width:82px;height:82px}.control-device i:nth-child(1){inset:12px;border:3px solid #f2a51a;border-radius:16px}
.control-device i:nth-child(2){width:34px;height:34px;left:24px;top:24px;border:4px solid #f2a51a;border-radius:50%}
.control-device i:nth-child(3){width:4px;height:26px;background:#f2a51a;left:39px;top:28px}
.premium-kuroha .kuroha-sticky{grid-template-columns:.82fr 1.18fr}
.kuroha-composition{position:relative;min-height:780px}
.kuroha-board{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,92%);border-radius:28px;background:linear-gradient(180deg,#0b1219,#0e1923);border:1px solid rgba(255,255,255,.08);box-shadow:0 40px 90px rgba(0,0,0,.35);overflow:hidden}
.board-head{display:flex;align-items:center;gap:12px;height:58px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.board-dots{display:flex;gap:6px}.board-dots i{width:10px;height:10px;border-radius:50%;background:#f2a51a;opacity:.9}
.board-head b{font:700 16px/1 Manrope,sans-serif}.board-head small{margin-left:auto;color:#90a0ab}
.board-content{padding:18px}.board-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.kpi-box{padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.kpi-box small{display:block;color:#8ea0ac;font-size:12px;margin-bottom:8px}.kpi-box strong{font:800 28px/1 Manrope,sans-serif}
.board-main{display:grid;grid-template-columns:1.18fr .82fr;gap:14px;margin-bottom:14px}
.layout-card,.health-card,.alerts-card,.trend-card,.status-card{border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.layout-card{padding:18px;min-height:260px}
.layout-grid{position:relative;height:224px;border-radius:18px;background:
linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
background-size:34px 34px,34px 34px}
.layout-grid:before{content:"";position:absolute;left:12%;right:12%;top:18%;bottom:18%;border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:
80px 0 0 -1px rgba(255,255,255,.08),
0 80px 0 -1px rgba(255,255,255,.08),
120px 90px 0 -1px rgba(255,255,255,.08)}
.layout-grid .node{position:absolute;width:12px;height:12px;border-radius:50%;background:#f2a51a;box-shadow:0 0 16px rgba(242,165,26,.55)}
.layout-grid .a{left:18%;top:22%}.layout-grid .b{left:42%;top:28%}.layout-grid .c{left:64%;top:25%}.layout-grid .d{left:75%;top:46%}
.layout-grid .e{left:20%;top:64%}.layout-grid .f{left:38%;top:68%}.layout-grid .g{left:56%;top:56%}.layout-grid .h{left:72%;top:72%}
.side-stack{display:grid;gap:14px}
.health-card{padding:18px;display:grid;place-items:center;min-height:118px}
.donut{width:92px;height:92px;border-radius:50%;background:conic-gradient(#f2a51a 0 352deg, rgba(255,255,255,.08) 352deg);display:grid;place-items:center;position:relative}
.donut:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0e1923}
.donut em{position:relative;font-style:normal;font:800 18px/1 Manrope,sans-serif}
.health-card small{display:block;margin-top:10px;color:#8ea0ac}
.alerts-card{padding:18px;display:grid;gap:12px;min-height:128px}
.alerts-card div{display:flex;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.alerts-card div:last-child{border-bottom:none;padding-bottom:0}
.alerts-card b{font-size:14px}.alerts-card span{font-size:12px;color:#90a0ab}
.board-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.trend-card{padding:18px;min-height:140px;display:flex;align-items:end}.bars{height:96px;width:100%;display:flex;align-items:end;gap:10px}.bars i{flex:1;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#f2a51a,#80500d)}
.status-card{padding:18px;display:grid;gap:10px}.status-card>span{color:#90a0ab;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.status-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.status-row:last-child{border-bottom:none}.status-row i{width:10px;height:10px;border-radius:50%;background:#37d67a;box-shadow:0 0 10px rgba(55,214,122,.45)}
.orbit-panel{position:absolute;width:185px;padding:16px;border-radius:22px;background:linear-gradient(180deg,#0b1219,#0e1822);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 35px rgba(0,0,0,.24)}
.orbit-panel strong{display:block;font:700 20px/1.05 Manrope,sans-serif;margin:10px 0 6px}.orbit-panel span{display:block;font-size:13px;line-height:1.4;color:#93a3af}
.op1{left:10px;top:80px}.op2{left:24px;bottom:120px}.op3{right:10px;top:80px}.op4{right:24px;bottom:120px}
.mini-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(180deg,rgba(242,165,26,.18),rgba(242,165,26,.06));border:1px solid rgba(242,165,26,.22);position:relative}
.mini-icon:before,.mini-icon:after{content:"";position:absolute}
.siren-mini:before{width:26px;height:16px;background:#f2a51a;left:15px;top:20px;border-radius:14px 14px 6px 6px}.siren-mini:after{width:28px;height:4px;background:#f2a51a;left:14px;top:38px;border-radius:4px}
.meter-mini:before{inset:12px;border:3px solid #f2a51a;border-radius:12px}.meter-mini:after{width:18px;height:6px;background:#f2a51a;left:18px;top:18px;border-radius:4px;box-shadow:0 14px 0 rgba(242,165,26,.35)}
.tank-mini:before{width:28px;height:30px;border:4px solid #f2a51a;left:12px;top:10px;border-radius:12px}.tank-mini:after{width:14px;height:4px;background:#f2a51a;left:21px;top:7px;border-radius:4px}
.sensor-mini:before{width:18px;height:28px;border:4px solid #f2a51a;border-radius:14px;left:18px;top:10px}.sensor-mini:after{width:10px;height:10px;background:#f2a51a;border-radius:50%;left:23px;top:30px}
.connector{position:absolute;height:2px;background:linear-gradient(90deg,rgba(242,165,26,0),rgba(242,165,26,.95),rgba(242,165,26,0));opacity:.95}
.c1{left:176px;top:175px;width:255px}.c2{left:192px;bottom:205px;width:240px}.c3{right:176px;top:175px;width:255px}.c4{right:192px;bottom:205px;width:240px}
.premium-solution-grid{gap:18px}
.solution-panel{overflow:hidden;background:linear-gradient(180deg,#0a131d,#0d1721);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.20)}
.solution-visual{height:270px;display:grid;place-items:center;position:relative;background:linear-gradient(180deg,#0c151e,#0a1219)}
.solution-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(242,165,26,.12),transparent 48%)}
.solution-copy{padding:20px}.solution-copy span{display:block;color:#f2a51a;font-size:12px;letter-spacing:.16em;margin-bottom:8px}.solution-copy h3{font:700 24px/1.1 Manrope,sans-serif;margin:0 0 10px}
.ttws-visual{background:radial-gradient(circle at 50% 28%,rgba(255,67,36,.16),transparent 46%),linear-gradient(180deg,#0c151e,#0a1219)}
.siren-3d{position:relative;width:140px;height:160px}.siren-top{position:absolute;left:35px;top:10px;width:70px;height:20px;border-radius:50%;background:linear-gradient(180deg,#ffaf7d,#ea5c2b)}
.siren-body{position:absolute;left:25px;top:22px;width:90px;height:90px;border-radius:46px 46px 22px 22px;background:linear-gradient(180deg,#ff6d3d,#ab2310);box-shadow:0 0 30px rgba(255,75,43,.35), inset 0 0 30px rgba(255,180,120,.12)}
.siren-base{position:absolute;left:22px;bottom:20px;width:96px;height:16px;border-radius:12px;background:#f2a51a}
.meter-visual{background:radial-gradient(circle at 50% 38%,rgba(242,165,26,.12),transparent 46%),linear-gradient(180deg,#0c151e,#0a1219)}
.meter-device{width:140px;height:180px;border-radius:24px;background:linear-gradient(180deg,#1a2632,#0d1620);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 45px rgba(0,0,0,.28)}
.meter-screen{width:102px;height:64px;margin:22px auto 18px;border-radius:12px;background:#0d151d;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;font:700 20px/1.1 Manrope,sans-serif;color:#dff6ff;box-shadow:inset 0 0 24px rgba(41,198,255,.12)}.meter-screen small{font-size:12px;color:#7fd8ff}
.meter-buttons{display:flex;justify-content:center;gap:10px}.meter-buttons i{width:18px;height:18px;border-radius:50%;background:#f2a51a}
.tank-visual{background:radial-gradient(circle at 50% 42%,rgba(242,165,26,.10),transparent 46%),linear-gradient(180deg,#0c151e,#0a1219)}
.tank-3d{position:relative;width:180px;height:170px}.tank-body{position:absolute;left:36px;top:20px;width:108px;height:90px;border-radius:40px 40px 24px 24px;background:linear-gradient(180deg,#1a2733,#0d1620);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 36px rgba(0,0,0,.28)}
.tank-body:before{content:"";position:absolute;left:44px;top:-8px;width:18px;height:10px;background:#f2a51a;border-radius:6px}
.tank-legs{position:absolute;left:54px;top:110px;width:72px;height:42px;border-left:5px solid #f2a51a;border-right:5px solid #f2a51a}
.tank-legs:before,.tank-legs:after{content:"";position:absolute;top:0;width:5px;height:42px;background:#f2a51a}.tank-legs:before{left:18px}.tank-legs:after{right:18px}
.sensor-visual{background:radial-gradient(circle at 50% 40%,rgba(242,165,26,.10),transparent 46%),linear-gradient(180deg,#0c151e,#0a1219)}
.sensor-device{width:150px;height:170px;border-radius:28px;background:linear-gradient(180deg,#e5ecf1,#cbd7de);box-shadow:0 22px 40px rgba(0,0,0,.22);display:grid;place-items:center}
.sensor-screen{width:100px;height:72px;border-radius:14px;background:#0e161f;color:#dff6ff;display:grid;place-items:center;font:700 22px/1.15 Manrope,sans-serif;box-shadow:inset 0 0 18px rgba(41,198,255,.12)}.sensor-screen small{font-size:14px;color:#8ad1ff}
@media(max-width:1100px){
  .premium-kuroha .kuroha-sticky{grid-template-columns:1fr}
  .kuroha-composition{min-height:980px}
  .kuroha-board{position:relative;left:auto;top:auto;transform:none;width:100%;margin-top:270px}
}
@media(max-width:760px){
  .board-kpis,.board-bottom{grid-template-columns:1fr 1fr}
  .board-main{grid-template-columns:1fr}
  .premium-cap-row,.premium-solution-grid{grid-template-columns:1fr}
  .kuroha-composition{min-height:1120px}
  .orbit-panel{width:calc(50% - 10px)}
  .op1{left:0;top:0}.op3{right:0;top:0}.op2{left:0;top:160px;bottom:auto}.op4{right:0;top:160px;bottom:auto}
  .connector{display:none}
  .kuroha-board{margin-top:340px}
}




/* ===== Apple/Samsung-like premium dashboard brochure ===== */
.neo-cap-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.neo-cap-card{padding:22px;border-radius:28px;background:linear-gradient(180deg,rgba(16,24,34,.96),rgba(10,17,25,.96));border:1px solid rgba(255,255,255,.07);box-shadow:0 20px 45px rgba(0,0,0,.24);backdrop-filter:blur(8px)}
.neo-cap-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.neo-cap-top span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(242,165,26,.22);background:rgba(242,165,26,.08);color:#f2a51a;font:700 14px/1 Inter,sans-serif}
.neo-cap-card h3{font:700 24px/1.08 Manrope,sans-serif;margin:0 0 10px}
.neo-cap-card p{color:#9aa9b5;font-size:15px;line-height:1.55;margin:0 0 16px}
.neo-specs{display:grid;gap:8px}
.neo-specs div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.neo-specs small,.neo-meta-grid small{display:block;color:#8ea0ab;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.neo-specs b,.neo-meta-grid b{font-size:13px;color:#edf3f7}
.neo-cap-icon{width:84px;height:84px;border-radius:22px;background:radial-gradient(circle at 50% 35%,rgba(242,165,26,.16),transparent 54%),linear-gradient(180deg,#0f1a25,#0a1119);border:1px solid rgba(255,255,255,.06);position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.neo-cap-icon i,.node-icon:before,.node-icon:after,.pump-mod i,.firepanel-mod i,.extinguisher-mod i,.plumbing-mod i,.control-mod i{position:absolute;display:block}
.pump-mod i:nth-child(1){width:56px;height:12px;background:#f2a51a;left:14px;top:16px;border-radius:12px}
.pump-mod i:nth-child(2){width:28px;height:36px;border:5px solid #f2a51a;border-top:none;left:28px;top:28px;border-radius:0 0 12px 12px}
.pump-mod i:nth-child(3){width:16px;height:16px;border:4px solid #f2a51a;border-radius:50%;left:34px;top:4px}
.firepanel-mod i:nth-child(1){inset:13px;border:3px solid #f2a51a;border-radius:12px}
.firepanel-mod i:nth-child(2){width:8px;height:8px;background:#f2a51a;border-radius:50%;left:24px;top:25px;box-shadow:15px 0 0 #f2a51a,0 15px 0 #f2a51a,15px 15px 0 #f2a51a}
.firepanel-mod i:nth-child(3){width:22px;height:5px;background:#f2a51a;left:22px;top:52px;border-radius:4px}
.firepanel-mod i:nth-child(4){width:8px;height:8px;background:#f2a51a;border-radius:50%;left:50px;top:50px}
.extinguisher-mod i:nth-child(1){width:34px;height:50px;background:linear-gradient(180deg,#ff7a40,#b52612);left:24px;top:20px;border-radius:14px 14px 10px 10px;box-shadow:0 10px 24px rgba(186,39,18,.35)}
.extinguisher-mod i:nth-child(2){width:17px;height:8px;border:3px solid #f2a51a;border-left:none;left:44px;top:15px;border-radius:0 8px 8px 0}
.plumbing-mod i:nth-child(1){width:18px;height:18px;border:5px solid #f2a51a;border-radius:50%;left:8px;top:31px}
.plumbing-mod i:nth-child(2){width:42px;height:8px;background:#f2a51a;left:21px;top:36px;border-radius:8px}
.plumbing-mod i:nth-child(3){width:18px;height:18px;border:5px solid #f2a51a;border-radius:50%;left:58px;top:31px}
.control-mod i:nth-child(1){inset:14px;border:3px solid #f2a51a;border-radius:14px}
.control-mod i:nth-child(2){width:32px;height:32px;left:26px;top:26px;border:4px solid #f2a51a;border-radius:50%}
.control-mod i:nth-child(3){width:4px;height:24px;background:#f2a51a;left:40px;top:30px}
.neo-kuroha .kuroha-sticky{grid-template-columns:.8fr 1.2fr}
.neo-benefits{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.neo-benefits b{font-size:12px;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#e0e8ee}
.neo-kuroha-layout{position:relative;min-height:860px}
.neo-kuroha-board{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(780px,92%);border-radius:30px;background:linear-gradient(180deg,rgba(18,27,38,.96),rgba(10,17,24,.96));border:1px solid rgba(255,255,255,.08);box-shadow:0 35px 90px rgba(0,0,0,.38);backdrop-filter:blur(12px);overflow:hidden}
.neo-board-header{height:62px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.06)}
.neo-dots{display:flex;gap:6px}.neo-dots i{width:10px;height:10px;border-radius:50%;background:#f2a51a}
.neo-board-header b{font:700 16px/1 Manrope,sans-serif}.neo-board-header small{margin-left:auto;color:#90a1ad}
.neo-board-body{padding:18px}
.neo-chip-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}
.neo-chip{padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.neo-chip small{display:block;color:#8ea0ab;font-size:11px;margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase}
.neo-chip strong{font:800 24px/1 Manrope,sans-serif}
.neo-main-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:14px;margin-bottom:14px}
.neo-main-map,.neo-health,.neo-alerts,.neo-trend,.neo-module-table{border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.map-title,.trend-head,.table-head,.alert-head{display:flex;justify-content:space-between;gap:10px;padding:14px 16px 0}
.map-title span,.trend-head span,.table-head span,.alert-head span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#90a0ac}
.map-title b,.trend-head b,.table-head b,.alert-head b{font-size:13px}
.map-canvas{margin:14px 16px 16px;height:248px;border-radius:18px;position:relative;background:
linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
radial-gradient(circle at 50% 50%,rgba(242,165,26,.08),transparent 46%);
background-size:34px 34px,34px 34px,100% 100%;
overflow:hidden}
.map-canvas:before{content:"";position:absolute;left:11%;right:11%;top:16%;bottom:16%;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:90px 0 0 -1px rgba(255,255,255,.08),0 90px 0 -1px rgba(255,255,255,.08),140px 100px 0 -1px rgba(255,255,255,.08)}
.map-canvas .m{position:absolute;width:12px;height:12px;border-radius:50%;background:#f2a51a;box-shadow:0 0 16px rgba(242,165,26,.55)}
.map-canvas .n1{left:14%;top:20%}.map-canvas .n2{left:30%;top:28%}.map-canvas .n3{left:49%;top:24%}.map-canvas .n4{left:68%;top:28%}.map-canvas .n5{left:78%;top:48%}.map-canvas .n6{left:18%;top:62%}.map-canvas .n7{left:34%;top:72%}.map-canvas .n8{left:52%;top:58%}.map-canvas .n9{left:64%;top:74%}.map-canvas .n10{left:84%;top:78%}
.neo-side-panels{display:grid;gap:14px}
.neo-health{padding:18px;display:grid;place-items:center;min-height:120px}
.neo-gauge{width:96px;height:96px;border-radius:50%;background:conic-gradient(#f2a51a 0 353deg, rgba(255,255,255,.09) 353deg);display:grid;place-items:center;position:relative}
.neo-gauge:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0f1721}
.neo-gauge em{position:relative;font-style:normal;font:800 18px/1 Manrope,sans-serif}
.neo-health small{display:block;margin-top:10px;color:#8ea0ab}
.neo-alerts{padding-bottom:12px}
.alert-row{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}
.alert-row:last-child{border-bottom:none}
.alert-row strong{font-size:14px}.alert-row em{font-style:normal;font-size:12px;color:#90a0ad}
.neo-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.neo-trend{padding-bottom:14px}
.trend-bars{height:100px;display:flex;align-items:end;gap:10px;padding:12px 16px 0}
.trend-bars i{flex:1;border-radius:10px 10px 0 0;background:linear-gradient(180deg,#f2a51a,#84530d)}
.neo-module-table{padding-bottom:8px}
.table-row{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.05)}
.table-row:last-child{border-bottom:none}
.table-row strong{font-size:14px}
.table-row i{width:10px;height:10px;border-radius:50%;background:#37d67a;box-shadow:0 0 10px rgba(55,214,122,.45)}
.neo-node-card{position:absolute;width:188px;padding:16px;border-radius:24px;background:linear-gradient(180deg,rgba(16,24,34,.96),rgba(11,18,26,.96));border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.24);backdrop-filter:blur(8px)}
.neo-node-card strong{display:block;font:700 21px/1.05 Manrope,sans-serif;margin:10px 0 6px}.neo-node-card span{display:block;font-size:13px;line-height:1.4;color:#98a8b4;margin-bottom:6px}.neo-node-card small{display:block;color:#f2a51a;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.node-ttws{left:4px;top:92px}.node-kwh{left:26px;bottom:125px}.node-tank{right:4px;top:92px}.node-rh{right:26px;bottom:125px}
.node-icon{width:58px;height:58px;border-radius:18px;background:radial-gradient(circle at 50% 35%,rgba(242,165,26,.16),transparent 54%),linear-gradient(180deg,#0f1a25,#0a1119);border:1px solid rgba(255,255,255,.06);position:relative}
.node-icon:before,.node-icon:after{content:""}
.siren-node:before{width:26px;height:16px;background:#f2a51a;left:16px;top:20px;border-radius:14px 14px 6px 6px}.siren-node:after{width:28px;height:4px;background:#f2a51a;left:15px;top:38px;border-radius:4px}
.meter-node:before{inset:12px;border:3px solid #f2a51a;border-radius:12px}.meter-node:after{width:18px;height:6px;background:#f2a51a;left:18px;top:18px;border-radius:4px;box-shadow:0 14px 0 rgba(242,165,26,.35)}
.tank-node:before{width:28px;height:30px;border:4px solid #f2a51a;left:12px;top:10px;border-radius:12px}.tank-node:after{width:14px;height:4px;background:#f2a51a;left:21px;top:7px;border-radius:4px}
.sensor-node:before{width:18px;height:28px;border:4px solid #f2a51a;border-radius:14px;left:18px;top:10px}.sensor-node:after{width:10px;height:10px;background:#f2a51a;border-radius:50%;left:23px;top:30px}
.neo-connector{position:absolute;height:2px;background:linear-gradient(90deg,rgba(242,165,26,0),rgba(242,165,26,.92),rgba(242,165,26,0));opacity:.95}
.con1{left:178px;top:188px;width:260px}.con2{left:198px;bottom:212px;width:240px}.con3{right:178px;top:188px;width:260px}.con4{right:198px;bottom:212px;width:240px}
.neo-solution-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.neo-solution-card{overflow:hidden;border-radius:28px;background:linear-gradient(180deg,rgba(16,24,34,.96),rgba(10,17,25,.96));border:1px solid rgba(255,255,255,.07);box-shadow:0 20px 45px rgba(0,0,0,.24);backdrop-filter:blur(8px)}
.neo-solution-visual{height:290px;display:grid;place-items:center;position:relative;background:linear-gradient(180deg,#0f1822,#0a1118)}
.neo-solution-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 32%,rgba(242,165,26,.12),transparent 48%)}
.ttws-solution:before{background:radial-gradient(circle at 50% 30%,rgba(255,75,43,.15),transparent 46%)}
.neo-solution-copy{padding:22px}.neo-solution-copy span{display:block;color:#f2a51a;font-size:12px;letter-spacing:.16em;margin-bottom:8px}.neo-solution-copy h3{font:700 28px/1.08 Manrope,sans-serif;margin:0 0 10px}.neo-solution-copy p{color:#9aa9b5;font-size:15px;line-height:1.6;margin:0 0 16px}
.neo-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.neo-meta-grid div{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.device-shell{position:relative}
.siren-shell{width:146px;height:166px}.siren-cap{position:absolute;left:38px;top:10px;width:70px;height:18px;border-radius:50%;background:linear-gradient(180deg,#ffb690,#ee6c34)}.siren-dome{position:absolute;left:28px;top:24px;width:90px;height:90px;border-radius:44px 44px 24px 24px;background:linear-gradient(180deg,#ff6f3f,#b32713);box-shadow:0 0 28px rgba(255,74,43,.35), inset 0 0 26px rgba(255,180,120,.12)}.siren-stand{position:absolute;left:24px;bottom:22px;width:98px;height:16px;border-radius:12px;background:#f2a51a}
.meter-shell{width:148px;height:184px;border-radius:24px;background:linear-gradient(180deg,#1b2834,#0d1620);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 45px rgba(0,0,0,.28)}
.meter-face{width:108px;height:68px;margin:22px auto 18px;border-radius:12px;background:#0d151d;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;font:700 20px/1.05 Manrope,sans-serif;color:#dff6ff;box-shadow:inset 0 0 24px rgba(41,198,255,.12)}.meter-face small{display:block;font-size:12px;color:#7fd8ff;margin-top:4px}
.meter-keys{display:flex;justify-content:center;gap:10px}.meter-keys i{width:18px;height:18px;border-radius:50%;background:#f2a51a}
.tank-shell{width:182px;height:170px}.tank-top{position:absolute;left:82px;top:10px;width:18px;height:10px;background:#f2a51a;border-radius:6px}
.tank-body2{position:absolute;left:36px;top:20px;width:110px;height:92px;border-radius:40px 40px 24px 24px;background:linear-gradient(180deg,#1a2733,#0d1620);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 36px rgba(0,0,0,.28)}
.tank-legs2{position:absolute;left:56px;top:114px;width:70px;height:40px;border-left:5px solid #f2a51a;border-right:5px solid #f2a51a}.tank-legs2:before,.tank-legs2:after{content:"";position:absolute;top:0;width:5px;height:40px;background:#f2a51a}.tank-legs2:before{left:18px}.tank-legs2:after{right:18px}
.sensor-shell{width:154px;height:174px;border-radius:28px;background:linear-gradient(180deg,#e5ecf1,#cbd7de);box-shadow:0 22px 40px rgba(0,0,0,.22);display:grid;place-items:center}
.sensor-face{width:104px;height:76px;border-radius:14px;background:#0e161f;color:#dff6ff;display:grid;place-items:center;font:700 22px/1.12 Manrope,sans-serif;box-shadow:inset 0 0 18px rgba(41,198,255,.12)}.sensor-face small{display:block;font-size:14px;color:#8ad1ff;margin-top:4px}
@media(max-width:1180px){
  .neo-cap-grid{grid-template-columns:repeat(2,1fr)}
  .neo-kuroha .kuroha-sticky{grid-template-columns:1fr}
  .neo-kuroha-layout{min-height:1020px}
  .neo-kuroha-board{position:relative;left:auto;top:auto;transform:none;width:100%;margin-top:290px}
}
@media(max-width:760px){
  .neo-cap-grid,.neo-solution-grid{grid-template-columns:1fr}
  .neo-chip-row,.neo-meta-grid,.neo-bottom-grid{grid-template-columns:1fr 1fr}
  .neo-main-grid{grid-template-columns:1fr}
  .neo-kuroha-layout{min-height:1180px}
  .neo-node-card{width:calc(50% - 10px)}
  .node-ttws{left:0;top:0}.node-tank{right:0;top:0}.node-kwh{left:0;top:170px;bottom:auto}.node-rh{right:0;top:170px;bottom:auto}
  .neo-connector{display:none}
  .neo-kuroha-board{margin-top:380px}
}




/* ===== reference-based dashboard/brochure sections ===== */
.kuroha-reference-section,.brochure-reference-section{position:relative}
.kuroha-hero-card{max-width:1360px;margin:0 auto 22px;display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;padding:20px;border-radius:30px;background:linear-gradient(180deg,rgba(17,24,33,.96),rgba(10,16,24,.96));border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.24)}
.kuroha-hero-copy h3,.brochure-card-xl h3{font:800 44px/1 Manrope,sans-serif;margin:0 0 12px}
.kuroha-hero-copy p,.brochure-card-xl p,.brochure-mini-card p,.ui-module-card p,.ui-preview-meta{color:#98a8b4;font-size:15px;line-height:1.65}
.kuroha-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.kuroha-copy-grid div,.ui-preview-meta,.brochure-mini-card{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.kuroha-copy-grid small{display:block;color:#8da0ad;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.kuroha-copy-grid b{font-size:13px;color:#ecf2f6}
.hero-ui,.ui-shot,.brochure-shot{padding:0;border:none;background:none;cursor:pointer}
.hero-ui img,.ui-shot img,.brochure-shot img{width:100%;display:block;border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.ui-preview-grid{max-width:1360px;margin:0 auto 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ui-preview-card{padding:16px;border-radius:26px;background:linear-gradient(180deg,rgba(17,24,33,.96),rgba(10,16,24,.96));border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 45px rgba(0,0,0,.22)}
.ui-preview-head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.ui-preview-head span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#f2a51a}
.ui-preview-head strong{font:700 22px/1.15 Manrope,sans-serif}
.ui-preview-meta{margin-top:12px}
.ui-module-grid{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ui-module-card{padding:18px;border-radius:22px;background:linear-gradient(180deg,rgba(16,23,32,.96),rgba(10,16,24,.96));border:1px solid rgba(255,255,255,.07)}
.ui-module-card span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(242,165,26,.08);border:1px solid rgba(242,165,26,.24);color:#f2a51a;font-weight:700;margin-bottom:10px}
.ui-module-card h4,.brochure-mini-card h4{font:700 22px/1.15 Manrope,sans-serif;margin:0 0 10px}
.brochure-showcase{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.brochure-card-xl{padding:18px;border-radius:28px;background:linear-gradient(180deg,rgba(17,24,33,.96),rgba(10,16,24,.96));border:1px solid rgba(255,255,255,.08);display:grid;gap:16px}
.brochure-copy .brochure-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.brochure-copy .brochure-points b{font-size:12px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#e0e8ef}
.brochure-side-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:1180px){
  .kuroha-hero-card,.brochure-showcase{grid-template-columns:1fr}
  .ui-preview-grid{grid-template-columns:1fr}
  .ui-module-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .kuroha-copy-grid,.brochure-side-grid,.ui-module-grid{grid-template-columns:1fr}
}




/* ===== dedicated family pages ===== */
.family-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.family-card{border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(17,24,33,.96),rgba(10,16,24,.96));border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 45px rgba(0,0,0,.22)}
.family-thumb{padding:14px 14px 0}.family-thumb img{width:100%;display:block;border-radius:20px}
.family-copy{padding:18px}.family-copy span{display:block;color:#f2a51a;font-size:12px;letter-spacing:.16em;margin-bottom:8px}.family-copy h3{font:800 34px/1 Manrope,sans-serif;margin:0 0 10px}.family-copy p{color:#98a8b4;font-size:15px;line-height:1.6;margin:0 0 18px}
.page-main{padding-top:96px}
.subhero{padding:30px 28px 24px}
.subhero-card{max-width:1360px;margin:auto;border-radius:34px;overflow:hidden;background:linear-gradient(180deg,rgba(17,24,33,.98),rgba(10,16,24,.98));border:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;padding:20px}
.subhero-copy{padding:14px}.subhero-copy h1{font:800 clamp(44px,6vw,84px)/.95 Manrope,sans-serif;margin:0 0 12px}.subhero-copy h1 span{color:#f2a51a}.subhero-copy p{font-size:17px;line-height:1.7;color:#9fb0bb;margin:0 0 16px}
.subhero-screen img{width:100%;display:block;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.22)}
.page-panel-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.page-panel{border-radius:28px;background:linear-gradient(180deg,rgba(17,24,33,.96),rgba(10,16,24,.96));border:1px solid rgba(255,255,255,.08);padding:20px}
.page-panel h2,.page-panel h3{font:800 34px/1.08 Manrope,sans-serif;margin:0 0 12px}
.page-panel p,.bullet-grid li,.spec-grid div,.mini-cards article p,.flow-item p,.series-card p{color:#98a8b4;font-size:15px;line-height:1.65}
.bullet-grid{margin:0;padding-left:18px;display:grid;gap:8px}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.spec-grid div,.metric-grid .metric,.mini-cards article,.flow-item,.series-card,.icon-stat{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.spec-grid small,.icon-stat small,.series-card small{display:block;color:#8ea0ab;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.spec-grid b,.icon-stat b,.series-card b{font-size:14px;color:#edf3f7}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.metric{min-height:88px}.metric small{display:block;color:#8ea0ab;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.metric strong{font:800 28px/1 Manrope,sans-serif}
.shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shot-grid img,.single-shot img{width:100%;display:block;border-radius:18px}
.mini-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-cards article h4,.flow-item h4,.series-card h4{font:700 20px/1.15 Manrope,sans-serif;margin:0 0 8px}
.flow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.flow-item{text-align:center}.flow-item h4{font-size:18px}
.series-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.series-card h4{font:800 24px/1.1 Manrope,sans-serif}
.series-card .badge{display:inline-block;margin-bottom:10px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid rgba(255,255,255,.08)}
.badge.green{background:rgba(37,191,109,.12);color:#8df0ae}.badge.blue{background:rgba(57,122,255,.12);color:#9fc0ff}.badge.red{background:rgba(255,76,76,.12);color:#ffb0b0}
.center-cta{max-width:1360px;margin:0 auto}.cta-banner{padding:22px 24px;border-radius:26px;background:linear-gradient(90deg,#0e1823,#111d2a);border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;gap:16px}.cta-banner p{margin:0;color:#9eb0bc}
.light-actions{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:1180px){
  .family-grid,.series-grid{grid-template-columns:1fr}
  .subhero-card,.page-panel-grid{grid-template-columns:1fr}
  .metric-grid,.flow-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .shot-grid,.mini-cards,.spec-grid,.metric-grid,.flow-grid{grid-template-columns:1fr}
  .subhero{padding:24px 18px 20px}
}



/* ===== product pages + company info ===== */
.product-hero-box{height:280px;display:grid;place-items:center;background:linear-gradient(180deg,#111822,#0b1118);position:relative;overflow:hidden}
.product-hero-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 38%,rgba(242,165,26,.12),transparent 44%)}
.proex-box:before{background:radial-gradient(circle at 50% 38%,rgba(255,60,60,.18),transparent 44%)}
.espyro-box:before{background:radial-gradient(circle at 50% 38%,rgba(242,116,60,.16),transparent 44%)}
.product-bottle{position:relative;width:150px;height:220px}.bottle-body{position:absolute;left:34px;bottom:0;width:82px;height:170px;border-radius:42px 42px 20px 20px;background:linear-gradient(90deg,#73140d,#d84027 50%,#8e1b11);display:grid;place-items:center;box-shadow:0 24px 50px rgba(0,0,0,.34)}
.bottle-body b{font:800 19px/1 Manrope,sans-serif;color:#fff;transform:rotate(-90deg)}
.bottle-handle{position:absolute;left:62px;top:8px;width:54px;height:24px;border:5px solid #d3a45c;border-left:0;border-radius:0 20px 20px 0;z-index:2}
.company-info-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.company-info-card{padding:22px;border-radius:26px;background:linear-gradient(180deg,rgba(17,24,33,.96),rgba(10,16,24,.96));border:1px solid rgba(255,255,255,.08)}
.company-info-card h3{font:800 30px/1.05 Manrope,sans-serif;margin:0 0 16px}
.info-list{display:grid;gap:10px}.info-list.two-col{grid-template-columns:1fr 1fr}
.info-list div{padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05)}
.info-list small{display:block;color:#8ea0ab;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.info-list b{font-size:14px;color:#eef3f6}
.product-page-hero{padding:120px 28px 38px}
.product-page-card{max-width:1360px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;padding:24px;border-radius:32px;background:linear-gradient(180deg,#111923,#0b1118);border:1px solid rgba(255,255,255,.08)}
.product-page-copy h1{font:800 clamp(48px,6vw,88px)/.95 Manrope,sans-serif;margin:0 0 12px}.product-page-copy h1 span{color:#f2a51a}
.product-page-copy p{color:#9cadb8;font-size:17px;line-height:1.7}
.product-page-visual{display:grid;place-items:center;min-height:470px;border-radius:26px;background:radial-gradient(circle at center,rgba(242,165,26,.10),transparent 46%),linear-gradient(180deg,#0d1720,#091017)}
.product-feature-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.product-feature{padding:18px;border-radius:22px;background:linear-gradient(180deg,#101822,#0b1219);border:1px solid rgba(255,255,255,.07)}
.product-feature h4{font:700 21px/1.15 Manrope,sans-serif;margin:0 0 8px}.product-feature p{color:#95a6b1;font-size:14px;line-height:1.6}
@media(max-width:980px){.company-info-grid,.product-page-card{grid-template-columns:1fr}.product-feature-grid{grid-template-columns:1fr}}
@media(max-width:700px){.info-list.two-col{grid-template-columns:1fr}}



/* ===== visual polish / new product cards ===== */
.polish-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.polish-card{border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(17,24,33,.96),rgba(10,16,24,.96));border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 45px rgba(0,0,0,.22)}
.polish-shot{display:block;padding:0;border:none;background:none;cursor:pointer}.polish-shot img{width:100%;display:block}
.polish-copy{padding:18px}.polish-copy h3{font:800 30px/1.05 Manrope,sans-serif;margin:0 0 10px}.polish-copy p{margin:0;color:#98a8b4;font-size:15px;line-height:1.6}
.featured-projects .conceptual-case .info-thumb{display:grid;place-items:center;background:linear-gradient(180deg,#101923,#0c131a);cursor:default}
.mini-note{display:grid;place-items:center;text-align:center;gap:6px;padding:10px}.mini-note b{font-size:18px;color:#eef2f6}.mini-note span{font-size:13px;color:#8fa1ae}
@media(max-width:980px){.polish-grid{grid-template-columns:1fr}}



/* ===== case-study display model polish ===== */
.featured-projects .conceptual-case{background:linear-gradient(180deg,#07111a,#09131d);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px rgba(0,0,0,.22)}
.featured-projects .conceptual-case .case-media{background:transparent}
.featured-projects .conceptual-case .cover{background:#f4f6fa;padding:18px;border-radius:28px;display:block}
.featured-projects .conceptual-case .cover img{width:100%;display:block;border-radius:18px}
.featured-projects .conceptual-case .thumbs{margin-top:16px}
.featured-projects .conceptual-case .thumb{border-radius:20px;overflow:hidden;min-height:120px;background:linear-gradient(180deg,#0d1822,#0a1219)}
.featured-projects .conceptual-case .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.featured-projects .conceptual-case .case-copy h3{font-size:64px;line-height:.98}
.featured-projects .conceptual-case .case-copy h4{font-size:32px;line-height:1.05;margin-top:10px}
.featured-projects .conceptual-case .mini-stats div{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
@media(max-width:980px){
  .featured-projects .conceptual-case .case-copy h3{font-size:46px}
  .featured-projects .conceptual-case .case-copy h4{font-size:26px}
}



/* ===== APAR premium dashboard polish ===== */
#proj-apar-qr .cover{background:#07111b;padding:10px}
#proj-apar-qr .cover img{border-radius:20px;box-shadow:0 25px 65px rgba(0,0,0,.38)}
#proj-apar-qr .case-copy{align-self:center}
#proj-apar-qr .case-copy .eyebrow{margin-bottom:14px}
#proj-apar-qr .case-copy h3{max-width:680px}
#proj-apar-qr .case-copy h4{max-width:620px;color:#e8eef4}
#proj-apar-qr .chips span{background:rgba(242,165,26,.07);border-color:rgba(242,165,26,.24)}
#proj-apar-qr .mini-stats{margin-top:26px}
#proj-apar-qr .mini-stats div{min-width:170px}
#proj-apar-qr .thumb:first-child img{object-fit:contain;background:#131922}
.subhero-screen img[src*="apar-qr-dashboard-premium"]{background:#07111b;padding:8px;border-radius:24px}



/* ===== MOBILE POLISH PASS 2026-08 ===== */
@media(max-width:760px){
  html,body{overflow-x:hidden}
  body{font-size:15px}
  .topbar{height:66px;padding:0 16px;background:rgba(5,9,14,.94);backdrop-filter:blur(16px)}
  .brand{font-size:21px;letter-spacing:.02em}
  #menu{font-size:24px}
  nav.open{top:66px;padding:14px 16px 18px;gap:6px;border-top:1px solid rgba(255,255,255,.06);box-shadow:0 18px 40px rgba(0,0,0,.35)}
  nav.open a{padding:13px 12px;border-radius:14px;background:rgba(255,255,255,.025)}
  nav.open a:active{background:rgba(242,165,26,.1)}

  .hero{min-height:auto;padding:104px 16px 42px;align-items:flex-end}
  .hero-image{transform:none;background-position:62% center}
  .hero-mask{background:linear-gradient(180deg,rgba(5,9,14,.40) 0%,rgba(5,9,14,.86) 46%,rgba(5,9,14,.98) 100%)}
  .hero-content{max-width:none;width:100%}
  .eyebrow{font-size:10px;letter-spacing:.16em;margin-bottom:12px}
  .hero-title{font-size:clamp(42px,13vw,58px);line-height:.94;letter-spacing:-.03em;margin-bottom:14px}
  .hero-sub{font-size:17px;line-height:1.5;margin-bottom:22px}
  .hero-buttons{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-buttons .btn,.cta-banner .btn,.light-actions .btn{width:100%;justify-content:center;padding:14px 18px}
  .hero-badges{grid-template-columns:1fr 1fr;gap:9px;margin-top:24px}
  .hero-badges div{padding:12px;border-radius:15px}
  .hero-badges strong{font-size:14px}.hero-badges span{font-size:11px}

  .section{padding:64px 16px}
  .section-head{gap:14px;margin-bottom:22px}
  .section-head h2,.story-sticky h2,.contact h2{font-size:34px;line-height:1.02}
  .section-head p,.story-copy p{font-size:15px;line-height:1.7}
  .section-index{font-size:34px;right:16px;top:12px;opacity:.08}

  .kuroha-hero-card{padding:12px;border-radius:22px;gap:14px;margin-bottom:14px}
  .kuroha-hero-copy{padding:4px}
  .kuroha-hero-copy h3,.brochure-card-xl h3{font-size:31px;line-height:1.02}
  .kuroha-hero-copy p,.brochure-card-xl p,.brochure-mini-card p,.ui-module-card p,.ui-preview-meta{font-size:14px;line-height:1.6}
  .kuroha-copy-grid{grid-template-columns:1fr 1fr;gap:8px}
  .kuroha-copy-grid div{padding:10px;border-radius:14px}
  .kuroha-copy-grid b{font-size:12px}
  .hero-ui,.ui-shot,.brochure-shot{width:100%}
  .hero-ui img,.ui-shot img,.brochure-shot img{border-radius:16px}

  .ui-preview-grid{
    display:flex;overflow-x:auto;gap:12px;padding:0 2px 10px;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .ui-preview-grid::-webkit-scrollbar{display:none}
  .ui-preview-card{flex:0 0 88%;scroll-snap-align:start;padding:12px;border-radius:20px}
  .ui-preview-head strong{font-size:20px}
  .ui-preview-meta{font-size:13px;margin-top:10px;padding:10px}
  .ui-module-grid{grid-template-columns:1fr 1fr;gap:9px}
  .ui-module-card{padding:13px;border-radius:17px}
  .ui-module-card span{width:30px;height:30px;margin-bottom:8px}
  .ui-module-card h4{font-size:17px;margin-bottom:7px}
  .ui-module-card p{font-size:12.5px;line-height:1.5}

  .brochure-showcase{gap:12px}
  .brochure-card-xl{padding:12px;border-radius:22px}
  .brochure-side-grid{grid-template-columns:1fr;gap:10px}
  .brochure-mini-card{padding:13px;border-radius:17px}

  .family-grid{gap:12px}
  .family-card{border-radius:21px}
  .family-thumb{padding:10px 10px 0}
  .family-thumb img{border-radius:15px}
  .family-copy{padding:15px}
  .family-copy h3{font-size:27px}
  .family-copy p{font-size:14px;line-height:1.55}

  .case-study{grid-template-columns:1fr;padding:12px;border-radius:22px;gap:14px}
  .cover img{aspect-ratio:16/10;border-radius:17px}
  .thumbs{
    display:flex;overflow-x:auto;gap:9px;padding-bottom:4px;
    scroll-snap-type:x proximity;scrollbar-width:none;
  }
  .thumbs::-webkit-scrollbar{display:none}
  .thumb{flex:0 0 29%;scroll-snap-align:start}
  .thumb img{border-radius:14px}
  .case-copy{padding:4px 2px 8px}
  .case-copy h3{font-size:29px;line-height:1.02}
  .case-copy h4{font-size:20px;line-height:1.15}
  .case-copy p{font-size:14px;line-height:1.65}
  .chips{gap:6px;margin-top:12px}
  .chips span{font-size:11px;padding:7px 9px}
  .mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
  .mini-stats div{padding:11px 12px;border-radius:15px}
  .mini-stats strong{font-size:21px}

  .archive-grid{grid-template-columns:1fr 1fr;gap:10px}
  .archive-card{border-radius:18px}
  .archive-copy{padding:12px}
  .archive-copy h4{font-size:16px}

  .page-main{padding-top:70px}
  .subhero{padding:14px 12px 16px}
  .subhero-card{padding:12px;border-radius:22px;gap:12px}
  .subhero-copy{padding:4px 3px}
  .subhero-copy h1{font-size:clamp(38px,12vw,52px);line-height:.95}
  .subhero-copy p{font-size:15px;line-height:1.6}
  .subhero-screen{overflow-x:auto;border-radius:16px}
  .subhero-screen img{min-width:680px;border-radius:16px;box-shadow:none}
  .subhero-screen:after{
    content:"Swipe to view dashboard →";display:block;
    color:#71828e;font-size:11px;text-align:right;padding:7px 2px 0;
  }

  .page-panel-grid{gap:12px}
  .page-panel{padding:15px;border-radius:20px}
  .page-panel h2,.page-panel h3{font-size:27px}
  .page-panel p,.bullet-grid li,.spec-grid div,.mini-cards article p,.flow-item p,.series-card p{font-size:14px}
  .spec-grid,.metric-grid,.mini-cards,.flow-grid,.series-grid{grid-template-columns:1fr}
  .metric-grid{gap:8px}
  .metric{min-height:auto}
  .shot-grid{grid-template-columns:1fr}
  .shot-grid img,.single-shot img{border-radius:14px}
  .flow-item{text-align:left}
  .cta-banner{display:grid;grid-template-columns:1fr;padding:16px;border-radius:20px}
  .cta-banner p{font-size:14px;line-height:1.55}

  .product-page-hero{padding:88px 12px 24px}
  .product-page-card{padding:14px;border-radius:22px}
  .product-page-copy h1{font-size:clamp(40px,12vw,54px)}
  .product-page-copy p{font-size:15px;line-height:1.6}
  .product-page-visual{min-height:330px;border-radius:18px}
  .product-feature-grid{gap:10px}
  .company-info-grid{gap:10px}
  .company-info-card{padding:15px;border-radius:20px}
  .company-info-card h3{font-size:25px}
  .info-list.two-col{grid-template-columns:1fr}
}

@media(max-width:430px){
  .hero-title{font-size:45px}
  .hero-badges{grid-template-columns:1fr 1fr}
  .kuroha-copy-grid{grid-template-columns:1fr}
  .ui-preview-card{flex-basis:91%}
  .ui-module-grid{grid-template-columns:1fr 1fr}
  .archive-grid{grid-template-columns:1fr}
  .mini-stats{grid-template-columns:1fr 1fr}
}

@media(max-width:360px){
  .hero-title{font-size:39px}
  .ui-module-grid,.mini-stats,.hero-badges{grid-template-columns:1fr}
  .thumb{flex-basis:42%}
}