.diy_button0{padding:.7rem 2rem;background:#367ed4;color:#fff;border-radius:7px;display:inline-flex}.diy_button0:hover{background:#222;color:#fff}.diy_button1{padding:.7rem calc(1rem + 1vw);background:#367ed4;color:#fff;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1;box-sizing:border-box}.diy_button1 i{display:inline-flex;width:1rem;height:1rem;margin:0 0 0 1rem;background:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23000000'%3E%3Cpath d='M 18.71875 6.78125 L 17.28125 8.21875 L 24.0625 15 L 4 15 L 4 17 L 24.0625 17 L 17.28125 23.78125 L 18.71875 25.21875 L 27.21875 16.71875 L 27.90625 16 L 27.21875 15.28125 Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") no-repeat center;background-size:contain}.diy_button1::after{position:absolute;content:"";top:0;left:0;width:0%;height:100%;z-index:-1;background:#222;transition-property:all;transition-duration:0.4s;transition-timing-function:"ease";transition-delay:"0s"}.diy_button1:hover::after{width:100%}main,footer{background:#fff}.D0{padding:calc(5rem + 5vw) 0 calc(3rem + 3vw) 0}.D0 .DEFS{display:flex;justify-content:space-between;align-items:center;gap:80px;background-color:#fff;font-family:Arial,sans-serif;max-width:1440px;margin:0 auto}.D0 .left{flex:1;display:flex;flex-direction:column;position:relative}.D0 .left .subtitle{font-size:16px;font-weight:700;line-height:1;color:#000;margin-bottom:24px}.D0 .left .title{font-size:3.3rem;font-weight:bolder;color:#000;line-height:1.15;margin:0 0 32px 0;letter-spacing:-0.5px}.D0 .left .desc{font-size:16px;line-height:1.6;color:#333;margin:0;max-width:80%}.D0 .left .arrow-icon{position:absolute;bottom:-40px;right:0;width:60px;height:60px;color:#000}.D0 .left .arrow-icon svg{width:100%;height:100%}.D0 .right{flex:0 0 30%;background-color:#555;border-radius:32px;padding:60px 50px;color:#fff}.D0 .right .office-title{font-size:1.5rem;font-weight:700;margin:0 0 24px 0}.D0 .right .info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.D0 .right .info-list li{font-size:15px;line-height:1.5}.D0 .right .info-list li .label{font-weight:400;margin-right:4px}.D0 .right .info-list li a{color:#fff;text-decoration:none}.D0 .right .info-list li a:hover{text-decoration:underline}.D1 .DEFS{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem}.D1 .item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 24px;background-color:#daeaf2;border-radius:16px;transition-property:all;transition-duration:0.6s;transition-timing-function:"ease";transition-delay:"0s"}.D1 .item:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.D1 .item .line{width:32px;height:3px;background-color:#367ed4;border-radius:10px;margin-bottom:24px}.D1 .item .title{font-size:1.3rem;font-weight:bolder;color:#000;line-height:1.3;margin:0 0 32px 0}.D1 .item .qr-box{width:100%;max-width:220px;aspect-ratio:1/1;background-color:#fff;border-radius:12px;padding:16px;margin-bottom:32px;box-shadow:0 4px 12px rgba(0,0,0,.05)}.D1 .item .qr-box img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.D1 .item .info{display:flex;flex-direction:column;gap:8px}.D1 .item .info .name{font-size:22px;font-weight:700;color:#000;margin:0}.D1 .item .info .job{font-size:14px;color:#555;margin:0}.D1 .item .info .contact{font-size:12px;color:#777;margin:0}.D2{padding:calc(3rem + 3vw) 0 calc(2rem + 2vw) 0}.D2 .hhh .subtitle{text-align:center;margin:0 0 1rem 0}.D2 .hhh .subtitle span{display:inline-block;padding:4px 10px;margin-right:6px;font-size:1rem;color:#0073aa;background-color:#f0f7fc;border-radius:4px;text-decoration:none;transition:all .2s ease;font-weight:bold;text-transform:uppercase}.D2 .hhh h2{text-align:center;padding:0 0 3rem 0;font-size:2.5rem;font-weight:bolder;margin:0 24%;text-transform:uppercase;color:#222}.D2 form{display:flex;flex-direction:column;gap:2rem;padding:4rem;box-sizing:border-box;background-color:#eee;border-radius:40px}.D2 .row{display:flex;gap:40px}.D2 .row .field{flex:1}.D2 .field{display:flex;flex-direction:column;gap:12px}.D2 .field label{font-size:18px;font-weight:500;color:#000}.D2 .field input,.D2 .field textarea{width:100%;padding:18px 24px;font-size:18px;font-family:inherit;color:#333;background-color:#fff;border:none;border-radius:12px;outline:none;box-sizing:border-box;transition:box-shadow .3s ease}.D2 .field input::-moz-placeholder, .D2 .field textarea::-moz-placeholder{color:#888}.D2 .field input::placeholder,.D2 .field textarea::placeholder{color:#888}.D2 .field input:focus,.D2 .field textarea:focus{box-shadow:0 0 0 2px #367ed4}.D2 .field textarea{height:180px;resize:vertical;box-sizing:border-box}.D2 .btn{align-self:flex-start;padding:18px 48px;font-size:18px;font-weight:500;color:#fff;background-color:#367ed4;border:none;border-radius:50px;cursor:pointer;transition:background-color .3s ease}.D2 .btn:hover{background-color:#367ed4}@media(max-width: 768px){.D2{padding:40px 24px;border-radius:24px}.D2 .row{flex-direction:column;gap:32px}.D2 .field label{font-size:16px}.D2 .field input,.D2 .field textarea{font-size:16px;padding:16px 20px}.D2 .btn{width:100%;text-align:center;padding:16px 32px}}@media screen and (max-width: 1200px){.D0{padding:calc(3rem + 3vw) 24px calc(2.5rem + 2.5vw) 24px}.D0 .DEFS{gap:50px}.D0 .left .subtitle{font-size:15px;margin-bottom:20px}.D0 .left .title{font-size:2.6rem;margin-bottom:24px}.D0 .left .desc{font-size:15px;max-width:100%}.D0 .left .arrow-icon{width:50px;height:50px;bottom:-30px}.D0 .right{flex:0 0 34%;padding:40px 32px;border-radius:24px}.D0 .right .office-title{font-size:1.3rem;margin-bottom:20px}.D0 .right .info-list li{font-size:14px}.D1 .DEFS{grid-template-columns:repeat(4, 1fr);gap:1.5rem}.D1 .item{padding:40px 20px}.D1 .item .title{font-size:1.15rem;margin-bottom:24px}.D1 .item .qr-box{max-width:180px;margin-bottom:24px}.D1 .item .info .name{font-size:20px}.D2{padding:calc(2.5rem + 2.5vw) 24px calc(2rem + 2vw) 24px}.D2 .hhh h2{font-size:2rem;margin:0 15%}.D2 form{padding:3rem;border-radius:32px}.D2 .row{gap:32px}.D2 .field label{font-size:17px}.D2 .field input,.D2 .field textarea{font-size:17px;padding:16px 20px}.D2 .btn{padding:16px 40px;font-size:17px}}@media screen and (max-width: 992px){.D0{padding:calc(2.5rem + 2.5vw) 20px calc(2rem + 2vw) 20px}.D0 .DEFS{flex-direction:column;gap:40px}.D0 .left .subtitle{font-size:14px;margin-bottom:16px}.D0 .left .title{font-size:2.2rem;margin-bottom:20px}.D0 .left .desc{font-size:14px}.D0 .left .arrow-icon{display:none}.D0 .right{flex:1;width:100%;padding:32px 28px;border-radius:20px}.D0 .right .office-title{font-size:1.2rem;margin-bottom:16px}.D0 .right .info-list{gap:12px}.D0 .right .info-list li{font-size:13px}.D1 .DEFS{grid-template-columns:repeat(2, 1fr);gap:1.2rem}.D1 .item{padding:32px 18px}.D1 .item .title{font-size:1.05rem;margin-bottom:20px}.D1 .item .qr-box{max-width:160px;margin-bottom:20px}.D1 .item .info .name{font-size:18px}.D1 .item .info .job{font-size:13px}.D2{padding:calc(2rem + 2vw) 20px calc(1.5rem + 1.5vw) 20px}.D2 .hhh .subtitle span{font-size:.9rem}.D2 .hhh h2{font-size:1.6rem;padding-bottom:2rem;margin:0 5%}.D2 form{padding:2rem;border-radius:24px;gap:1.5rem}.D2 .row{gap:24px}.D2 .field{gap:10px}.D2 .field label{font-size:16px}.D2 .field input,.D2 .field textarea{font-size:16px;padding:14px 18px;border-radius:10px}.D2 .field textarea{height:160px}.D2 .btn{padding:14px 36px;font-size:16px}}@media screen and (max-width: 768px){.D0{padding:calc(2rem + 2vw) 16px calc(1.5rem + 1.5vw) 16px}.D0 .DEFS{gap:30px}.D0 .left .subtitle{font-size:13px;margin-bottom:12px}.D0 .left .title{font-size:1.8rem;margin-bottom:16px;letter-spacing:0}.D0 .left .desc{font-size:13px;line-height:1.6}.D0 .right{padding:24px 20px;border-radius:16px}.D0 .right .office-title{font-size:1.05rem;margin-bottom:14px}.D0 .right .info-list{gap:10px}.D0 .right .info-list li{font-size:12px;line-height:1.5}.D1 .DEFS{grid-template-columns:repeat(2, 1fr);gap:1rem}.D1 .item{padding:24px 14px;border-radius:12px}.D1 .item .line{width:26px;margin-bottom:16px}.D1 .item .title{font-size:.95rem;margin-bottom:16px}.D1 .item .qr-box{max-width:140px;padding:12px;margin-bottom:16px;border-radius:10px}.D1 .item .info{gap:6px}.D1 .item .info .name{font-size:16px}.D1 .item .info .job{font-size:12px}.D1 .item .info .contact{font-size:11px}.D2{padding:calc(1.5rem + 1.5vw) 16px calc(1rem + 1vw) 16px}.D2 .hhh .subtitle{margin-bottom:.8rem}.D2 .hhh .subtitle span{font-size:.85rem;padding:3px 8px}.D2 .hhh h2{font-size:1.3rem;padding-bottom:1.5rem;margin:0}.D2 form{padding:1.5rem;border-radius:20px;gap:1.2rem}.D2 .row{flex-direction:column;gap:1.2rem}.D2 .field{gap:8px}.D2 .field label{font-size:15px}.D2 .field input,.D2 .field textarea{font-size:15px;padding:12px 16px;border-radius:8px}.D2 .field textarea{height:140px}.D2 .btn{width:100%;text-align:center;padding:14px 24px;font-size:15px}}@media screen and (max-width: 576px){.D0{padding:calc(1.5rem + 1.5vw) 12px calc(1rem + 1vw) 12px}.D0 .DEFS{gap:24px}.D0 .left .subtitle{font-size:12px;margin-bottom:10px}.D0 .left .title{font-size:1.5rem;margin-bottom:12px}.D0 .left .desc{font-size:12px}.D0 .right{padding:20px 16px;border-radius:14px}.D0 .right .office-title{font-size:.95rem;margin-bottom:12px}.D0 .right .info-list{gap:8px}.D0 .right .info-list li{font-size:11px}.D1 .DEFS{grid-template-columns:1fr;gap:1rem}.D1 .item{padding:24px 16px}.D1 .item .title{font-size:.9rem;margin-bottom:14px}.D1 .item .qr-box{max-width:160px;margin-bottom:16px}.D1 .item .info .name{font-size:16px}.D2{padding:calc(1.2rem + 1.2vw) 12px 1rem 12px}.D2 .hhh .subtitle span{font-size:.75rem;padding:3px 6px}.D2 .hhh h2{font-size:1.1rem;padding-bottom:1.2rem}.D2 form{padding:1.2rem;border-radius:16px;gap:1rem}.D2 .field label{font-size:14px}.D2 .field input,.D2 .field textarea{font-size:14px;padding:10px 14px;border-radius:6px}.D2 .field textarea{height:120px}.D2 .btn{padding:12px 20px;font-size:14px;border-radius:40px}}