:root{--paper:#f6f8fa;--white:#fff;--ink:#17232e;--muted:#6c7882;--line:#d7e0e7;--navy:#092641;--blue:#1667b7;--soft:#eaf3fb;--gold:#8b6b3b;font-family:"Helvetica Neue","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}em{font-style:normal;color:var(--blue)}header{height:80px;padding:0 5%;display:flex;align-items:center;gap:42px;position:fixed;inset:0 0 auto;z-index:30;background:rgba(246,248,250,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:9px}.logo>span{width:24px;height:24px;display:flex;align-items:flex-end;gap:3px}.logo i{display:block;width:4px;background:var(--blue);border-radius:2px 2px 0 0}.logo i:nth-child(1){height:9px}.logo i:nth-child(2){height:16px}.logo i:nth-child(3){height:24px}.logo strong{font-size:18px;color:var(--navy)}.logo small{font-size:8px;color:var(--muted);align-self:flex-end;margin-bottom:2px}header nav{display:flex;gap:30px;margin-left:auto;font-size:11px;color:var(--muted)}.consult{height:42px;padding:0 18px;display:flex;align-items:center;background:var(--navy);color:#fff;font-size:11px}.hero{position:relative;min-height:100svh;padding:145px 7% 85px;display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center;overflow:hidden;background:linear-gradient(115deg,var(--paper) 0 56%,var(--soft) 56%)}.eyebrow,.section-no{font-size:9px;letter-spacing:.18em;color:var(--blue)}.hero h1{font-size:clamp(47px,5.2vw,78px);font-weight:500;line-height:1.48;margin:25px 0}.lead{font-size:15px;line-height:2;color:var(--muted)}.actions{display:flex;gap:9px;margin-top:34px}.actions a{min-height:51px;padding:0 21px;display:flex;align-items:center;font-size:12px}.actions a:first-child{background:var(--blue);color:#fff}.actions a:last-child{border:1px solid #b9c7d3;background:rgba(255,255,255,.5)}.signal-stage{height:560px;position:relative}.orbit{position:absolute;border:1px solid #c8dbea;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.o1{width:320px;height:320px}.o2{width:500px;height:500px;opacity:.55}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:165px;height:165px;border-radius:50%;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 24px 60px rgba(8,38,65,.25)}.core>span{display:flex;align-items:flex-end;gap:3px;height:28px}.core i{display:block;width:5px;background:#76b1e6}.core i:nth-child(1){height:11px}.core i:nth-child(2){height:19px}.core i:nth-child(3){height:28px}.core strong{font-size:16px;margin-top:10px}.core small{font-size:8px;color:#9db7cc;margin-top:5px}.source,.result{position:absolute;background:#fff;border:1px solid #dbe4eb;box-shadow:0 15px 40px rgba(14,48,78,.1);padding:15px 18px;display:grid;gap:5px}.source small,.result small{font-size:8px;color:var(--muted)}.source strong{font-size:12px}.s1{left:0;top:14%}.s2{left:2%;bottom:15%}.s3{right:0;top:13%}.result{right:-1%;bottom:9%;border-color:#a8c8e5}.result strong{font-size:14px;line-height:1.6;color:var(--blue)}.scroll{position:absolute;left:5%;bottom:28px;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.16em;color:var(--muted)}.scroll i{width:42px;height:1px;background:var(--blue)}.vision,.industries,.process{padding:110px 9% 125px}.vision-head,.industry-head,.process-head,.how-head{display:grid;grid-template-columns:1.05fr .75fr;gap:13%;align-items:end;margin:52px 2% 67px}.vision h2,.industry-head h2,.how h2,.demo h2,.process h2,.contact h2{font-size:clamp(33px,4vw,57px);font-weight:500;line-height:1.62}.vision-head>p,.industry-head>p,.process-head>p,.how-head>p{font-size:14px;line-height:2;color:var(--muted)}.before-after{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch}.before-after>div{padding:38px;border:1px solid var(--line);min-height:300px}.before-after>span{display:grid;place-items:center;color:var(--blue)}.before-after small{font-size:9px;color:var(--muted)}.before-after h3{font-size:24px;font-weight:500;margin:38px 0 28px}.before-after ul{list-style:none;margin:0;padding:0}.before-after li{font-size:13px;color:var(--muted);padding:9px 0;border-bottom:1px solid var(--line)}.before-after li:before{content:"−";margin-right:10px}.before-after .after{background:var(--soft);border-color:#b8d2e8}.before-after .after li:before{content:"＋";color:var(--blue)}.how{padding:110px 9% 125px;background:var(--navy);color:#fff}.section-no.light{color:#79b3e5}.how-head>p{color:#aebdca}.how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #3a5871;border-left:1px solid #3a5871}.how li{min-height:260px;padding:24px;border-right:1px solid #3a5871;border-bottom:1px solid #3a5871}.how li>span{font-size:9px;color:#79b3e5}.ico{height:70px;margin-top:25px;position:relative}.collect:before{content:"";position:absolute;width:56px;height:42px;border:1px solid #79b3e5;top:8px}.collect:after{content:"＋";position:absolute;left:70px;top:20px;color:#79b3e5}.detect:before{content:"";position:absolute;width:54px;height:54px;border:1px solid #79b3e5;border-radius:50%}.detect:after{content:"";position:absolute;width:21px;height:1px;background:#79b3e5;left:49px;top:50px;transform:rotate(45deg)}.decide:before{content:"";position:absolute;width:70px;height:48px;background:repeating-linear-gradient(0deg,#79b3e5 0 1px,transparent 1px 16px)}.act:before{content:"→";font-size:55px;font-weight:200;color:#79b3e5;position:absolute;top:-10px}.how li h3{font-size:20px;font-weight:500;margin:10px 0 15px}.how li p{font-size:12px;line-height:1.8;color:#aebdca}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--navy);border-left:1px solid var(--line)}.industry-grid article{padding:27px;min-height:510px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.industry-grid article>p{font-size:9px;letter-spacing:.13em;color:var(--blue)}.industry-grid h3{font-size:17px;font-weight:500;margin-top:12px}.industry-chart{height:105px;margin:35px 0 30px;background:var(--soft);display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:20px}.industry-chart i{display:block;width:14%;background:#a9c9e5}.industry-chart i:nth-child(1){height:30%}.industry-chart i:nth-child(2){height:48%}.industry-chart i:nth-child(3){height:43%}.industry-chart i:nth-child(4){height:68%}.industry-chart i:nth-child(5){height:91%;background:var(--blue)}.industry-chart.rings{position:relative}.industry-chart.rings i{position:absolute;width:70px;height:70px;border-radius:50%;border:1px solid #a9c9e5;background:transparent;left:50%;top:50%;transform:translate(-50%,-50%)}.industry-chart.rings i:nth-child(2){width:45px;height:45px}.industry-chart.rings i:nth-child(3){width:15px;height:15px;background:var(--gold);border:0}.industry-chart.wave{position:relative}.industry-chart.wave i{position:absolute;width:80%;height:55px;background:none;border-top:2px solid var(--blue);border-radius:50%;transform:rotate(-8deg);top:40px}.industry-grid strong{font-size:21px;line-height:1.7;font-weight:500}.industry-grid ul{list-style:none;margin:25px 0 28px;padding:0}.industry-grid li{font-size:12px;color:var(--muted);padding:7px 0}.industry-grid li:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--blue);margin-right:8px}.industry-grid button{border:0;background:none;border-top:1px solid var(--line);padding:18px 0 0;margin-top:auto;text-align:left;font:inherit;font-size:11px;display:flex;justify-content:space-between;cursor:pointer}.industry-grid button span{color:var(--blue)}.demo{padding:110px 8% 125px;background:var(--navy);color:#fff;display:grid;grid-template-columns:.55fr 1.45fr;gap:8%;align-items:center}.demo h2{margin:42px 0 20px}.demo-copy>p:not(.section-no){font-size:13px;line-height:2;color:#aebdca}.demo-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.demo-tags span{font-size:9px;border:1px solid #3a5871;padding:8px 10px;color:#aec2d3}.dashboard{background:#fff;color:var(--ink);padding:22px;box-shadow:0 28px 70px rgba(0,0,0,.2)}.dash-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.dash-top strong{font-size:15px}.dash-top small{font-size:9px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.metric{background:var(--soft);padding:14px}.metric small{display:block;font-size:8px;color:var(--muted)}.metric strong{font-size:23px;display:block;margin:8px 0}.metric span{font-size:8px;color:#e25744}.dash-body{display:grid;grid-template-columns:1.2fr .8fr;gap:9px}.graph,.companies{border:1px solid var(--line);padding:14px}.graph>p,.companies>p{font-size:10px;font-weight:600}.graph>div{height:115px;display:flex;align-items:flex-end;gap:7px;padding-top:18px}.graph i{flex:1;background:#b9d2e8}.graph i:last-child{background:var(--blue)}.companies>div>div{padding:10px 0;border-bottom:1px solid var(--line)}.companies strong{font-size:9px;display:block}.companies span{font-size:8px;color:var(--blue)}.process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--navy);border-left:1px solid var(--line)}.process li{min-height:220px;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.process li span{font-size:9px;color:var(--blue)}.process li strong{display:block;font-size:16px;font-weight:500;margin:55px 0 15px}.process li p{font-size:11px;line-height:1.8;color:var(--muted)}.contact{text-align:center;padding:115px 8%;background:var(--soft)}.contact>p{font-size:9px;letter-spacing:.18em;color:var(--blue)}.contact h2{margin:28px 0 20px}.contact>span{font-size:13px;color:var(--muted)}.contact>a{width:max-content;margin:35px auto 0;min-height:54px;padding:0 24px;background:var(--blue);color:#fff;display:flex;align-items:center;font-size:12px}footer{height:115px;padding:0 6%;display:flex;align-items:center;background:#fff;gap:35px}footer p{margin-left:auto;font-size:10px;color:var(--muted)}footer>span{font-size:9px;color:var(--muted)}dialog{width:min(1050px,88vw);border:0;padding:0;background:#fff;box-shadow:0 30px 90px rgba(5,25,43,.3);display:none;grid-template-columns:.7fr 1.3fr}dialog[open]{display:grid}dialog::backdrop{background:rgba(5,25,43,.72)}.close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:25px;cursor:pointer}.dialog-copy{padding:55px 45px}.dialog-copy>p:first-child{font-size:9px;letter-spacing:.15em;color:var(--blue)}.dialog-copy h2{font-size:35px;line-height:1.55;font-weight:500;margin:30px 0 20px}.dialog-copy>p:not(:first-child){font-size:13px;line-height:2;color:var(--muted)}.dialog-copy>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.dialog-copy>div span{font-size:9px;border:1px solid var(--line);padding:7px}.modal-dash{background:var(--soft);padding:55px 40px}.modal-dash>div:first-child{display:flex;justify-content:space-between}.modal-dash small{font-size:8px;color:var(--muted)}#modalMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.modal-metric{background:#fff;padding:13px}.modal-metric small{display:block}.modal-metric strong{font-size:22px;display:block;margin-top:8px}.modal-list{background:#fff;padding:12px}.modal-row{display:grid;grid-template-columns:1fr 1fr;padding:11px 0;border-bottom:1px solid var(--line);font-size:9px}.modal-row span{color:var(--blue)}
@media(max-width:820px){header{height:70px;padding:0 5%}header nav{display:none}.consult{margin-left:auto}.hero{min-height:auto;padding:125px 7% 85px;grid-template-columns:1fr;background:linear-gradient(180deg,var(--paper) 0 48%,var(--soft) 48%)}.hero h1{font-size:43px}.lead br{display:none}.actions{flex-direction:column;width:235px}.signal-stage{height:470px;margin-top:55px}.o2{width:390px;height:390px}.s3{right:-5%}.result{right:-4%}.vision,.industries,.process{padding:75px 7% 85px}.vision-head,.industry-head,.process-head,.how-head{grid-template-columns:1fr;gap:28px;margin:40px 0 50px}.before-after{grid-template-columns:1fr}.before-after>span{height:55px;transform:rotate(90deg)}.how{padding:75px 7% 85px}.how ol,.industry-grid,.process ol{grid-template-columns:1fr}.how li{min-height:220px}.industry-grid article{min-height:450px}.demo{padding:75px 7% 85px;grid-template-columns:1fr}.dashboard{padding:12px}.dash-body{grid-template-columns:1fr}.contact{padding:80px 7%}.contact h2{font-size:34px}footer{height:auto;padding:28px 7%;flex-wrap:wrap}footer p{width:100%;margin:0}dialog[open]{grid-template-columns:1fr;max-height:88vh;overflow:auto}.dialog-copy,.modal-dash{padding:40px 25px}}

/* Legibility pass */
header nav,.consult{font-size:13px}.eyebrow,.section-no{font-size:11px}.lead{font-size:16px}.source small,.result small{font-size:10px}.source strong{font-size:14px}.core small{font-size:10px}.scroll{font-size:10px}.vision-head>p,.industry-head>p,.process-head>p,.how-head>p{font-size:15px}.before-after small{font-size:11px}.before-after li{font-size:14px}.how li>span{font-size:11px}.how li p{font-size:13px}.industry-grid article>p{font-size:11px}.industry-grid h3{font-size:19px}.industry-grid li{font-size:13px}.industry-grid button{font-size:13px}.demo-copy>p:not(.section-no){font-size:14px}.demo-tags span{font-size:11px}.dash-top small{font-size:10px}.metric small,.metric span{font-size:10px}.graph>p,.companies>p{font-size:12px}.companies strong{font-size:11px}.companies span{font-size:10px}.process li span{font-size:11px}.process li p{font-size:13px}.contact>p{font-size:11px}.contact>span{font-size:15px}.contact>a{font-size:13px}footer p,footer>span{font-size:11px}.dialog-copy>p:first-child{font-size:11px}.dialog-copy>p:not(:first-child){font-size:14px}.dialog-copy>div span{font-size:11px}.modal-dash small{font-size:10px}.modal-row{font-size:11px}

/* Hero signal diagram readability */
.source,.result{min-width:145px;padding:20px 22px;border-color:#c2d1dd;box-shadow:0 16px 42px rgba(14,48,78,.14)}
.source small,.result small{font-size:12px;font-weight:500;color:#51606c;letter-spacing:.02em}
.source strong{font-size:16px;line-height:1.5}
.result{min-width:185px}
.result strong{font-size:18px;line-height:1.55}
.core{width:180px;height:180px}
.core strong{font-size:18px}
.core small{font-size:12px;color:#c6d9e8;margin-top:7px}
.core>span{height:32px}
.core i{width:6px}
.core i:nth-child(1){height:13px}
.core i:nth-child(2){height:22px}
.core i:nth-child(3){height:32px}
@media(max-width:820px){.source,.result{min-width:125px;padding:15px 16px}.source small,.result small{font-size:11px}.source strong{font-size:14px}.result{min-width:155px}.result strong{font-size:15px}.core{width:150px;height:150px}.core strong{font-size:16px}.core small{font-size:11px}}

/* Detailed dashboard */
.dash-filter{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
.dash-filter span{padding:7px 9px;border:1px solid var(--line);font-size:10px;color:var(--muted);background:#fff}
.dash-body{grid-template-columns:1.2fr .8fr}
.axis{display:grid!important;grid-template-columns:repeat(7,1fr);height:auto!important;padding-top:6px!important;gap:7px!important}
.axis span{text-align:center;font-size:8px;color:var(--muted)}
.summary{border:1px solid var(--line);padding:14px}
.summary>p{font-size:11px;font-weight:600;margin-bottom:9px}
.summary>div>div{display:flex;justify-content:space-between;align-items:center;min-height:30px;border-bottom:1px solid var(--line)}
.summary span{font-size:9px;color:var(--muted)}
.summary strong{font-size:11px;color:var(--blue)}
.company-table{margin-top:10px;border:1px solid var(--line)}
.table-head,.table-row{display:grid;grid-template-columns:.8fr .8fr 1.7fr .6fr .5fr .55fr;gap:8px;align-items:center;padding:0 10px}
.table-head{min-height:30px;background:#f2f5f7;color:var(--muted);font-size:8px}
.table-row{min-height:37px;border-top:1px solid var(--line);font-size:9px}
.table-row strong{font-size:10px}.table-row span:nth-child(3){color:var(--blue)}.table-row b{font-weight:500}.priority{width:25px;text-align:center;padding:3px;background:#edf1f4;color:var(--muted)}.priority.high{background:#fee9e5;color:#d64c38}.table-row time{color:var(--muted)}
.sample-note{font-size:9px;color:var(--muted);margin-top:8px;text-align:right}
@media(max-width:820px){.dashboard{overflow-x:auto}.dashboard>*{min-width:680px}.demo-copy{min-width:0}.table-head,.table-row{grid-template-columns:.8fr .8fr 1.7fr .6fr .5fr .55fr}}

/* Keep the detailed dashboard readable on tablet and narrow desktop */
.table-head{font-size:10px}.table-row{font-size:10px}.table-row strong{font-size:11px}.sample-note{font-size:10px}.axis span{font-size:9px}.summary span{font-size:10px}.summary strong{font-size:12px}
@media(max-width:1050px){.demo{grid-template-columns:1fr;gap:45px}.demo-copy{max-width:650px}.dashboard{width:100%;max-width:900px;margin:0 auto}.dashboard>*{min-width:0}}
@media(max-width:700px){.dashboard{overflow-x:auto}.dashboard>*{min-width:680px}}