body,html{background-color:#dcdccb;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;font-family:Courier New,Courier,monospace;display:flex;overflow:hidden}.manual-book{background-color:#f4f4f0;border:3px solid #1a1a1a;border-radius:12px;width:90vw;max-width:800px;height:80vh;max-height:600px;position:relative;overflow:hidden;box-shadow:10px 10px #1a1a1a}.page{box-sizing:border-box;background-color:#f4f4f0;flex-direction:column;align-items:center;width:100%;height:100%;padding:40px;display:none;position:absolute;top:0;left:0}.page.active{display:flex}button{cursor:pointer;background:0 0;border:2px solid #1a1a1a;padding:10px 20px;font-family:inherit;font-weight:700;transition:all .2s}button:hover{color:#f4f4f0;background:#1a1a1a}.back-btn{z-index:100;position:absolute;top:20px;right:20px}#page-01{position:relative}.big-logo-bg{color:#0000000d;pointer-events:none;z-index:1;flex-direction:column;font-size:120px;font-weight:900;line-height:.8;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-element{cursor:pointer;z-index:5;transition:transform .2s;position:absolute}.home-element:hover{transform:scale(1.1)rotate(-3deg)}.how-it-works{border-bottom:2px solid #1a1a1a;font-size:20px;top:10%;right:8%}.dida-text{font-size:24px;top:15%;left:12%;transform:rotate(-90deg)}.ditto-text{font-size:24px;bottom:12%;left:22%}.phone-icon{font-size:40px;bottom:8%;left:8%}.ddd-tag{color:#666;font-size:14px;bottom:8%;right:25%}.do-text{font-size:28px;font-style:italic;bottom:25%;right:10%}.spec-box{text-align:center;top:12%;left:50%;transform:translate(-50%)}.spec-stack{background:#fff;border:2px solid #1a1a1a;width:50px;height:65px;margin:0 auto 8px;box-shadow:4px -4px #fff,4px -4px #1a1a1a,8px -8px #fff,8px -8px #1a1a1a}.scroll-text-zone{background:#fff;border:2px solid #1a1a1a;width:180px;height:100px;padding:10px;top:38%;left:12%;overflow:hidden}.scroll-content{font-size:13px;line-height:1.5;animation:12s linear infinite autoScroll}.ts-circle{border:2px dashed #1a1a1a;border-radius:50%;width:65px;height:65px;bottom:15%;right:15%}.portfolio-grid{flex-wrap:wrap;justify-content:center;gap:25px;width:100%;margin-top:20px;padding-bottom:40px;display:flex;overflow-y:auto}.portfolio-item{width:160px;transform:rotate(calc(var(--r,0) * 1deg));background:#fff;border:2px solid #1a1a1a;padding:10px 10px 25px;transition:all .3s;box-shadow:6px 6px #0000001a}.portfolio-item:hover{z-index:10;transform:rotate(0)scale(1.1);box-shadow:10px 10px #1a1a1a}.portfolio-item img{border:1px solid #eee;width:100%;height:auto;margin-bottom:8px}.portfolio-item p{margin:0;font-size:13px;font-weight:700}@keyframes autoScroll{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}