:root{--bg:#0e283c;--fg:#f5f7f9;--muted:#b8cedd;--accent:#f3a57b;--panel:#224963;--rule:#7293aa50}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}header{height:75px;position:fixed;inset:0 0 auto;z-index:30;background:var(--bg);border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;padding:0 5vw}.logo{font-size:30px;font-weight:700;letter-spacing:-2px;text-decoration:none}.logo span{color:var(--accent);margin-left:5px}nav{display:flex;gap:7px}nav a{font-size:12px;padding:10px 16px;border:1px solid transparent;border-radius:30px;text-decoration:none}nav a[aria-current]{border-color:var(--accent);color:var(--accent)}#pause{background:none;border:1px solid var(--rule);border-radius:25px;padding:9px 17px;color:var(--fg);font-size:11px}section{padding:95px 7vw}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:1.02}p{color:var(--muted);line-height:1.7}h3{font-weight:500;letter-spacing:-.035em;line-height:1.2}.hero{min-height:850px;position:relative;padding-top:115px;overflow:hidden}.hero-meta{display:flex;justify-content:space-between;font-size:12px}.hero-text{position:relative;z-index:4;max-width:780px;margin-top:90px;pointer-events:none}.hero-text button{pointer-events:auto}.direction{font-size:13px;color:var(--accent)}.hero h1{font-size:clamp(65px,8.5vw,132px);margin:22px 0 30px}.hero-text p{max-width:430px;font-size:18px}.hero-text button{margin-top:30px;border:0;background:var(--accent);color:#10293c;padding:18px 25px;border-radius:35px;display:flex;gap:40px;font-size:14px}.hero-art{width:41vw;height:480px;position:absolute;right:4vw;top:230px;perspective:1000px}.hero-foot{display:flex;justify-content:space-between;position:absolute;bottom:35px;left:7vw;right:7vw;font-size:11px;color:var(--muted)}.visual-layer{position:absolute;left:5%;top:15%;width:90%;padding:24px;background:var(--panel);border:1px solid var(--rule);border-radius:12px;box-shadow:0 25px 60px #0003}.visual-top{font-size:12px;margin-bottom:25px}.cells{display:grid;grid-template-columns:repeat(6,1fr);border-left:1px solid var(--rule);border-top:1px solid var(--rule)}.cells span{font-size:9px;height:34px;display:grid;place-items:center;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.cells span:nth-child(-n+6){background:#ffffff09;color:var(--accent)}.sheet-tabs{font-size:10px;margin-top:25px;color:var(--muted)}.chartboard{background:#e8eff4;color:#173b63}.chartboard .sheet-tabs{color:#4c6373}.chartbars{height:170px;display:flex;gap:14px;align-items:end;border-bottom:1px solid #173b6340}.chartbars i{flex:1;background:#4d84a6;transform-origin:bottom;border-radius:4px 4px 0 0}.chartbars i:nth-child(6){background:#bb684b}.chartboard svg{width:100%;height:85px;margin-top:15px}.chartboard path{stroke:#bb684b;stroke-width:3;fill:none}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.system-grid span{padding:24px 12px;text-align:center;font-size:13px;border:1px solid var(--rule);border-radius:8px}.system-grid span:nth-child(4){background:var(--accent);color:#173b63}.hero-art .workbook{top:-30px;left:0;width:70%;transform:rotate(-9deg);opacity:.55}.hero-art .chartboard{top:100px;width:80%;left:12%;transform:rotate(6deg)}.hero-art .systemboard{top:290px;width:55%;left:42%;transform:rotate(-5deg)}.hero-art .system-grid{gap:7px}.hero-art .system-grid span{padding:13px 7px;font-size:10px}.hero-art .sheet-tabs{font-size:8px}.journey{padding:0;height:310svh;position:relative;background:#071a29}.journey-sticky{position:sticky;top:0;min-height:700px;height:100svh;display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding:120px 7vw 80px;align-items:center;overflow:hidden}.chapter-count{font-size:12px;color:var(--muted)}.chapter-count b{color:var(--accent);font-weight:400}.journey h2{font-size:clamp(44px,4.8vw,76px);margin:25px 0;min-height:170px}.journey-copy p{font-size:17px;max-width:410px;min-height:90px}.stage-tools{margin-top:30px;font-size:12px;line-height:1.8;color:var(--accent)}.journey-art{position:relative;height:450px;perspective:1000px}.journey-art .workbook,.journey-art .chartboard,.journey-art .systemboard{top:8%}.journey-art .chartboard,.journey-art .systemboard{opacity:0}.journey-bottom{position:absolute;left:7vw;right:7vw;bottom:30px;font-size:11px;color:var(--muted)}.journey-progress{height:2px;margin-top:18px;background:var(--rule)}.journey-progress i{height:2px;display:block;background:var(--accent);transform:scaleX(0);transform-origin:left}.commercial{overflow:hidden}.commercial-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:30px 70px}.commercial-heading>span{grid-column:1/-1;font-size:13px;color:var(--accent)}.commercial h2{font-size:clamp(45px,5vw,78px)}.commercial-heading p{max-width:440px;align-self:end;font-size:18px}.business-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:65px}.business-strip article{border-top:2px solid var(--accent);padding-top:25px}.business-strip span{font-size:12px;color:var(--muted)}.business-strip h3{font-size:27px;margin:20px 0}.business-strip p{font-size:14px}.ai-chapter{background:var(--accent);color:#152c3c;position:relative;overflow:hidden;padding-top:100px;padding-bottom:100px}.ai-chapter>span{font-size:13px;position:relative;z-index:2}.ai-chapter h2{font-size:clamp(70px,8vw,120px);position:relative;z-index:2;margin:30px 0 45px}.ai-glyph{position:absolute;right:7vw;top:70px;font-size:400px;line-height:1;opacity:.17}.ai-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:950px}.ai-copy p{color:#254151;font-size:17px}.capabilities{display:flex;flex-wrap:wrap;gap:12px;margin-top:45px}.capabilities span{border:1px solid #152c3c50;padding:11px 20px;border-radius:30px;font-size:13px}.work-intro>span,.method>span,.history>span{font-size:13px;color:var(--accent)}.work h2,.method h2,.history h2{font-size:clamp(43px,5.3vw,80px);margin:25px 0 50px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.case-visual{height:280px;background:var(--panel);padding:30px;margin-bottom:25px;border-radius:9px;position:relative;overflow:hidden}.v-dash>span{font-size:12px}.mini-bars{height:145px;display:flex;align-items:end;gap:12px;margin:22px 0}.mini-bars i{flex:1;background:var(--accent);transform-origin:bottom}.case-signal{font-size:10px}.v-flow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#e6eff1;color:#173b63}.v-flow span{border:1px solid #173b6330;padding:12px 18px;border-radius:25px;font-size:12px}.v-flow b{font-size:15px;font-weight:400}.v-product{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--accent);color:#173b63}.v-product>b{font-family:Georgia,serif;font-size:150px;line-height:.7}.v-product>span{font-size:12px;margin-top:35px}.work h3{font-size:26px;margin:20px 0}.work p{font-size:15px}.work a{display:inline-block;margin-top:20px;text-underline-offset:7px;font-size:13px}.visual-note{font-size:11px!important;margin-top:40px}.method{background:var(--panel)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.method-grid h3{font-size:25px;margin-bottom:15px}.method-grid p{font-size:15px}.history-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.history-grid article{border-left:1px solid var(--rule);padding:0 0 35px 30px}.history-grid article>span{font-size:12px;color:var(--accent)}.history-grid h3{font-size:23px;margin:12px 0}.history-grid p{font-size:14px}footer{padding:90px 7vw 35px;background:#071a29}footer>span{font-size:13px;color:var(--accent)}footer h2{font-size:clamp(55px,7vw,105px);margin:30px 0}footer p{font-size:17px}.footer-links{display:flex;gap:30px;margin:50px 0 35px}.footer-links a{font-size:13px;text-underline-offset:6px}footer small{color:var(--muted);font-size:11px}.world-core{width:170px;height:170px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 25%,#d5a5ff,#7652b9 55%,#242655);box-shadow:0 0 80px #a873e544;display:grid;place-items:center;font-size:55px;letter-spacing:-5px}.universe-ring{position:absolute;width:90%;height:90%;left:5%;top:5%;border:1px solid #c4a3f066;border-radius:50%}.ur2{width:74%;height:74%;left:13%;top:13%;transform:rotateX(50deg)}.ur3{width:105%;height:55%;left:-2%;top:23%;transform:rotate(-25deg)}.world-node{position:absolute;background:#302856;border:1px solid #c4a3f050;padding:13px 18px;border-radius:30px;font-size:12px}.wn0{top:0;left:40%}.wn1{top:22%;right:0}.wn2{bottom:20%;right:0}.wn3{bottom:0;left:40%}.wn4{bottom:20%;left:0}.wn5{top:22%;left:0;background:#b494e6;color:#1f1640}.universe-stars{position:absolute;inset:-15%;pointer-events:none}.universe-stars i{position:absolute;width:3px;height:3px;background:#d9c7ee;border-radius:50%;opacity:.4}.paused .journey{height:auto}.paused .journey-sticky{position:relative}.paused .journey-progress i{transform:scaleX(1)}
/* Two: an editorial portfolio, broad type and an orange block marking the AI chapter. */
body[data-template="2"]{--bg:#f2f3f4;--fg:#18262f;--muted:#526571;--accent:#bd542f;--panel:#dbe5ea;--rule:#1b46502b}body[data-template="2"] .hero{min-height:950px}body[data-template="2"] .hero-text{max-width:100%;margin-top:55px}body[data-template="2"] .hero h1{font-size:clamp(68px,8vw,125px);max-width:75%}body[data-template="2"] .hero-art{width:32vw;height:500px;top:240px;right:7vw}body[data-template="2"] .hero-text p{margin-left:50%;margin-top:40px;max-width:430px}body[data-template="2"] .hero-text button{margin-left:50%;background:#173b63;color:white}body[data-template="2"] .hero-art .workbook{top:0;left:10%;width:80%;opacity:.9}body[data-template="2"] .hero-art .chartboard{top:140px;left:0;width:100%}body[data-template="2"] .hero-art .systemboard{display:none}body[data-template="2"] .journey{background:#dbe5ea}body[data-template="2"] .journey-sticky{grid-template-columns:1fr 1fr}body[data-template="2"] .business-strip{width:110%}body[data-template="2"] .ai-chapter{background:#bd542f;color:#fff9f5}body[data-template="2"] .ai-copy p{color:#f8e0d4}body[data-template="2"] .capabilities span{border-color:#ffffff60}body[data-template="2"] .systemboard{background:#173b63;color:white}body[data-template="2"] .systemboard .sheet-tabs{color:#c5d8e7}body[data-template="2"] footer{background:#173b63;color:white}body[data-template="2"] footer p,body[data-template="2"] footer small{color:#c5d8e7}body[data-template="2"] .method{background:#edf0f2}body[data-template="2"] .work-grid article:nth-child(2){margin-top:60px}body[data-template="2"] .work-grid article:nth-child(3){margin-top:120px}
/* Three: a spatial composition with a distinct violet palette and a data constellation. */
body[data-template="3"]{--bg:#17152b;--fg:#f7f4fb;--muted:#c6bed6;--accent:#c3a3ec;--panel:#282340;--rule:#b294de40}body[data-template="3"] .hero{min-height:870px}body[data-template="3"] .hero h1{font-size:clamp(68px,8.3vw,128px)}body[data-template="3"] .hero-art{top:220px;height:490px;right:4vw}body[data-template="3"] .hero-text{max-width:800px}body[data-template="3"] .journey{background:#100f20}body[data-template="3"] .journey-art{height:480px}body[data-template="3"] .ai-chapter{background:#c3a3ec;color:#241839}body[data-template="3"] .ai-copy p{color:#423353}body[data-template="3"] .v-product{color:#241839}body[data-template="3"] footer{background:#100f20}body[data-template="3"] .business-strip article{border-color:#c3a3ec}body[data-template="3"] .case-visual{border-radius:25px}
@media(max-width:1000px){.hero h1{font-size:8.8vw}.hero-art{right:-4vw;width:45vw;opacity:.8}.hero-text p{max-width:350px}.journey-sticky{gap:30px;padding-left:5vw;padding-right:5vw}.journey h2{font-size:48px}.business-strip{gap:22px}.business-strip h3{font-size:23px}.work-grid{gap:22px}.case-visual{padding:22px}.history-grid{gap:40px}}
@media(max-width:699px){header{height:68px;padding:0 4vw}.logo{font-size:25px}nav{gap:0}nav a{font-size:9px;padding:8px 9px}#pause{font-size:9px;padding:7px 10px}section{padding:65px 6vw}.hero,.hero[data-any]{padding-top:100px;min-height:1000px}.hero-meta{font-size:10px}.hero-meta span:last-child{max-width:140px;text-align:right}.hero-text{margin-top:45px}.hero h1{font-size:17vw;margin:20px 0 25px}.hero-text p{font-size:16px;max-width:100%}.hero-text button{font-size:12px;padding:15px 22px}.direction{font-size:11px}.hero-art{top:550px;right:10%;width:80%;height:340px;opacity:1}.hero-foot{font-size:9px;left:6vw;right:6vw;gap:30px}.visual-layer{padding:18px}.visual-top{font-size:10px;margin-bottom:18px}.cells span{height:25px;font-size:8px}.chartbars{height:110px;gap:9px}.chartboard svg{height:55px}.hero-art .chartboard{top:80px}.hero-art .systemboard{top:230px}.sheet-tabs{font-size:9px}.system-grid span{padding:18px 8px;font-size:11px}.journey{height:300svh}.journey-sticky{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:15px;min-height:810px;padding:95px 6vw 55px}.journey h2{font-size:40px;min-height:85px;margin:18px 0}.journey-copy p{font-size:14px;min-height:72px;max-width:100%}.stage-tools{margin-top:15px;font-size:10px;min-height:34px}.journey-art{height:310px;width:100%;align-self:start}.journey-art .visual-layer{top:8%;width:90%}.journey-bottom{font-size:9px;bottom:25px;left:6vw;right:6vw}.commercial-heading{grid-template-columns:1fr;gap:25px}.commercial-heading p{font-size:16px}.commercial h2{font-size:43px}.business-strip{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:40px}.business-strip h3{font-size:23px}.business-strip p{font-size:13px}.ai-chapter h2{font-size:16vw}.ai-glyph{font-size:260px;right:-60px;top:130px}.ai-copy{grid-template-columns:1fr;gap:22px}.ai-copy p{font-size:16px}.capabilities{gap:9px}.capabilities span{font-size:11px;padding:9px 14px}.work-grid,.method-grid,.history-grid{grid-template-columns:1fr;gap:40px}.work h2,.method h2,.history h2{font-size:42px}.work-grid h3{font-size:25px}.case-visual{height:260px}.history-grid{gap:10px}.history-grid article{padding-left:22px}footer{padding:65px 6vw 30px}footer h2{font-size:50px}.footer-links{gap:18px;flex-wrap:wrap}.footer-links a{font-size:11px}.world-core{width:120px;height:120px;font-size:42px}.world-node{font-size:10px;padding:10px 13px}.method-grid h3{font-size:23px}body[data-template="2"] .hero{min-height:1170px}body[data-template="2"] .hero h1{max-width:100%;font-size:18vw}body[data-template="2"] .hero-text{margin-top:40px}body[data-template="2"] .hero-text p,body[data-template="2"] .hero-text button{margin-left:0}body[data-template="2"] .hero-text p{margin-top:25px}body[data-template="2"] .hero-art{width:76%;height:350px;top:750px;right:12%}body[data-template="2"] .hero-art .chartboard{top:80px}body[data-template="2"] .journey-sticky{grid-template-columns:1fr}body[data-template="2"] .business-strip{width:100%}body[data-template="2"] .work-grid article:nth-child(2),body[data-template="2"] .work-grid article:nth-child(3){margin-top:0}body[data-template="3"] .hero{min-height:1000px}body[data-template="3"] .hero h1{font-size:17vw}body[data-template="3"] .hero-art{top:565px;height:340px;right:10%;width:80%}body[data-template="3"] .journey-art{height:320px}}
body[data-template="2"] .hero{min-height:1080px}body[data-template="2"] .hero-art{top:595px;left:7vw;right:auto;width:34vw;height:400px}body[data-template="2"] .hero-text p{margin-top:70px}@media(max-width:699px){body[data-template="2"] .hero{min-height:1170px}body[data-template="2"] .hero-art{top:750px;left:12%;width:76%;height:350px}body[data-template="2"] .hero-text p{margin-top:25px}}
.history-portrait{width:150px;height:165px;object-fit:cover;border-radius:60px 60px 8px 8px;margin:30px 0 5px}@media(min-width:700px) and (max-width:1000px){body[data-template="1"] .hero-art{right:1vw;width:40vw}}
@media(max-width:699px){body[data-template] .hero{min-height:0;padding-bottom:95px}body[data-template] .hero-art{position:relative;top:auto;left:auto;right:auto;width:90%;height:400px;margin:50px auto 0}body[data-template="3"] .hero-art{height:340px;margin-top:50px}body[data-template="2"] .hero-art{height:400px}body[data-template="2"] .hero-text p{margin-left:0}body[data-template="2"] .hero h1{font-size:17vw}}

.analytics-lab{display:grid;grid-template-columns:1fr 1fr;gap:55px 65px}.lab-copy>span,.knowledge>div>span{font-size:13px;color:var(--accent)}.analytics-lab h2,.knowledge h2{font-size:clamp(42px,5vw,75px);margin:25px 0}.lab-copy p,.knowledge p{font-size:17px;max-width:600px}.lab-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.lab-tags span{border:1px solid var(--rule);border-radius:25px;padding:9px 15px;font-size:11px}.trend-visual{align-self:center;padding:35px;background:var(--panel);border-radius:12px}.trend-visual>span{font-size:12px}.trend-visual svg{width:100%;height:230px;margin:20px 0}.trend-grid{stroke:var(--rule);fill:none}.trend-raw{stroke:var(--muted);stroke-width:1.5;fill:none;opacity:.45}.trend-smooth{stroke:var(--accent);stroke-width:4;fill:none;stroke-linecap:round;stroke-dasharray:560}.trend-legend{display:flex;gap:25px;font-size:11px;margin-bottom:20px}.trend-legend span:last-child{color:var(--accent)}.trend-visual small{font-size:10px;color:var(--muted)}.stat-principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.stat-principles article{border-top:1px solid var(--rule);padding-top:25px}.stat-principles h3{font-size:24px;margin-bottom:15px}.stat-principles p{font-size:14px}.knowledge{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;background:var(--panel)}.knowledge p+p{margin-top:20px}.knowledge-flow{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.knowledge-flow article{width:100%;border:1px solid var(--rule);padding:22px 25px;border-radius:12px;background:var(--bg)}.knowledge-flow article span{display:block;font-size:11px;color:var(--accent);margin-bottom:12px}.knowledge-flow article b{font-size:16px;font-weight:400;line-height:1.4}.knowledge-flow i{font-style:normal;color:var(--accent)}@media(max-width:699px){.analytics-lab,.knowledge{grid-template-columns:1fr;gap:35px}.analytics-lab h2,.knowledge h2{font-size:43px}.lab-copy p,.knowledge p{font-size:16px}.stat-principles{grid-template-columns:1fr;gap:30px}.trend-visual{padding:25px}.trend-visual svg{height:180px}.stat-principles h3{font-size:23px}}

.method-playground{padding-top:70px;padding-bottom:60px;overflow:hidden}.method-top{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 60px}.method-top>span{grid-column:1/-1;font-size:12px;color:var(--accent)}.method-top h2{font-size:clamp(40px,4.5vw,68px);margin:0}.method-top>p{font-size:18px;align-self:end;max-width:420px}.method-stage{height:365px;position:relative;margin:30px 0 15px;border-bottom:1px solid var(--rule)}.method-axis{position:absolute;top:15px;left:0;font-size:11px;color:var(--muted)}.method-word{position:absolute;background:var(--bg);color:var(--fg);border:1px solid var(--rule);border-radius:12px;padding:16px 23px;font-size:clamp(20px,2.6vw,39px);letter-spacing:-1px;box-shadow:0 8px 20px #173b6308;white-space:nowrap;transition:background .16s,color .16s}.method-word span{font-size:13px;margin-left:14px;vertical-align:middle}.method-word:hover{background:#d2dfe7}.method-word[aria-pressed="true"]{background:var(--accent);color:white;border-color:var(--accent)}.word-ishikawa{left:2%;top:65px;transform:rotate(-7deg)}.word-pareto{left:31%;top:70px;transform:rotate(5deg)}.word-gut{left:56%;top:65px;transform:rotate(-5deg)}.word-kanban{left:73%;top:78px;transform:rotate(8deg)}.word-5w2h{left:9%;top:170px;transform:rotate(6deg)}.word-swot{left:32%;top:175px;transform:rotate(-4deg)}.word-pdca{left:54%;top:163px;transform:rotate(5deg)}.word-lean{left:77%;top:178px;transform:rotate(-6deg)}.word-5s{left:3%;top:264px;transform:rotate(-4deg)}.word-predict{left:23%;top:265px;transform:rotate(4deg)}.word-prescribe{left:55%;top:264px;transform:rotate(-3deg)}.method-detail{display:grid;grid-template-columns:190px 1fr;gap:15px 35px;align-items:center;min-height:100px;padding:20px 0}.method-detail>div>span{font-size:10px;color:var(--muted)}.method-detail h3{font-size:25px;margin-top:10px}.method-detail>p{font-size:16px;max-width:650px}.method-hint{grid-column:2;font-size:10px;color:var(--muted)}@media(min-width:700px) and (max-width:1000px){.method-word{font-size:24px;padding:15px 18px}.word-kanban{left:74%}.word-lean{left:78%}}@media(max-width:699px){.method-playground{padding-top:55px;padding-bottom:45px}.method-top{grid-template-columns:1fr;gap:18px}.method-top h2{font-size:43px}.method-top>p{font-size:15px}.method-stage{height:415px;margin-top:15px}.method-word{font-size:22px;padding:12px 15px;border-radius:10px}.method-word span{font-size:10px;margin-left:5px}.word-ishikawa{left:0;top:60px}.word-pareto{left:55%;top:67px}.word-gut{left:5%;top:137px}.word-kanban{left:43%;top:139px}.word-5w2h{left:0;top:213px}.word-swot{left:43%;top:213px}.word-pdca{left:2%;top:285px}.word-lean{left:44%;top:285px}.word-5s{left:78%;top:285px}.word-predict{left:0;top:353px}.word-prescribe{left:49%;top:352px;font-size:20px}.method-detail{grid-template-columns:1fr;gap:15px;padding-top:25px}.method-detail h3{font-size:25px}.method-detail>p{font-size:15px}.method-hint{grid-column:1}}