.professional-service-visual{background:linear-gradient(140deg,#17394f,#102e44);border:1px solid #426078;border-radius:18px;min-height:370px;padding:30px;box-shadow:0 20px 50px #00172524}.professional-visual-header{letter-spacing:.18em;color:#b8ccd9;justify-content:space-between;align-items:center;font-size:.6rem;font-weight:700;display:flex}.professional-visual-symbol{color:#c2d4e1;border:1px solid #527083;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.professional-visual-title{margin:26px 0 24px}.professional-visual-title>span{color:#a9c0d0;margin-bottom:10px;font-size:.72rem;display:block}.professional-visual-title strong{letter-spacing:-.025em;color:#f1f5f9;font-size:clamp(1.4rem,2.2vw,1.8rem);font-weight:650;line-height:1.25}.professional-visual-workspace{background:#f7f9fc;border:1px solid #c9d6e1;border-radius:10px;overflow:hidden;box-shadow:0 14px 24px #001d3230}.professional-workspace-top{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;height:34px;padding:0 16px;display:flex}.professional-workspace-dot{background:#568cb8;border-radius:50%;width:6px;height:6px}.professional-workspace-line{background:#c9d5e0;border-radius:4px;width:70px;height:5px}.professional-workspace-short{background:#e0e7ef;border-radius:4px;width:30px;height:5px;margin-left:auto}.professional-workspace-body{grid-template-columns:60px 1fr;min-height:145px;display:grid}.professional-workspace-sidebar{border-right:1px solid #e2e8f0;flex-direction:column;gap:13px;padding:23px 12px;display:flex}.professional-workspace-sidebar span{background:#dce5ee;border-radius:3px;height:5px}.professional-workspace-sidebar span:first-child{background:#a8c1d8}.professional-workspace-content{padding:20px 22px}.professional-workspace-label{background:#93aac0;border-radius:4px;width:45%;height:7px;margin-bottom:18px}.professional-workspace-row{align-items:center;gap:10px;margin-top:13px;display:flex}.professional-workspace-row>span:last-child{background:#d0dce7;border-radius:3px;width:68%;height:5px}.professional-workspace-row:nth-child(3)>span:last-child{width:50%}.professional-workspace-row:nth-child(4)>span:last-child{width:60%}.professional-workspace-check{color:#386b94;background:#e5eef7;border-radius:4px;place-items:center;width:18px;height:18px;display:grid}.professional-workspace-pending{border:1px solid #c6d4e1;border-radius:4px;width:18px;height:18px}.professional-visual-footer{color:#abc1d1;justify-content:space-between;align-items:center;gap:16px;margin-top:25px;font-size:.65rem;display:flex}.professional-visual-footer>span{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.professional-footer-divider{background:#7898b0;border-radius:50%;width:2px;height:2px;display:inline-block}@media (max-width:640px){.professional-service-visual{min-height:340px;padding:24px}.professional-workspace-content{padding:18px}.professional-visual-title strong{font-size:1.5rem}.professional-visual-footer>span{gap:7px}}.professional-workspace-top strong{color:#28445c;font-size:.7rem;font-weight:650}.workspace-preview-label{color:#5b7084;background:#eef3f8;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:.58rem}.workspace-tabs{background:#fff;border-bottom:1px solid #e2e8f0;gap:5px;padding:10px 14px;display:flex}.workspace-tabs button{color:#60758a;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 13px;font-size:.68rem;font-weight:650}.workspace-tabs button[aria-selected=true]{color:#0755ad;background:#eaf2fc}.workspace-tabs button:hover{background:#f0f5fa}.workspace-panel{color:#10233a;padding:18px 20px}.workspace-panel h3,.service-detail .workspace-panel h3{margin:0;font-size:.85rem;font-weight:750;line-height:1.4}.workspace-panel>p{color:#63788b;margin:6px 0 15px;font-size:.68rem;line-height:1.65}.workspace-tasks{gap:8px;display:grid}.workspace-tasks label{cursor:pointer;color:#344f67;background:#fff;border:1px solid #e1e9f1;border-radius:6px;align-items:center;gap:10px;padding:9px 10px;font-size:.7rem;line-height:1.4;display:flex}.workspace-tasks label:hover{border-color:#a5bfd8}.workspace-tasks input{accent-color:#0755ad;flex-shrink:0;width:15px;height:15px}.workspace-tasks label:has(input:checked){background:#eef5fb;border-color:#c2d7e9}.workspace-progress{color:#60758a;justify-content:space-between;align-items:center;margin-top:15px;font-size:.6rem;display:flex}.workspace-progress button{color:#526f88;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:3px;font-size:.6rem;display:flex}.workspace-progress-track{background:#e1e9f2;border-radius:3px;height:3px;margin-top:9px;overflow:hidden}.workspace-progress-track>span{background:#0755ad;height:100%;transition:width .2s;display:block}.professional-visual-footer>a{color:#d0e3f0;align-items:center;gap:5px;font-size:.65rem;text-decoration:none;display:flex}.professional-visual-footer>a:hover{text-decoration:underline}@media (max-width:374px){.professional-service-visual{padding:18px}.workspace-panel{padding:15px}.professional-visual-footer{gap:10px;font-size:.6rem}}.service-device-scene{box-shadow:none;background:0 0;border:0;min-height:440px;padding:25px 10px 40px;position:relative}.service-device-scene>.professional-visual-header,.service-device-scene>.professional-visual-title{display:none}.service-device-scene .service-laptop{transform-origin:50%;background:#14232d;border:9px solid #14232d;border-width:13px 9px 15px;border-radius:16px;width:90%;position:relative;transform:rotate(-2deg);box-shadow:0 22px 40px #00152250}.service-device-scene .service-laptop:before{content:"";background:#526975;border-radius:50%;width:4px;height:4px;position:absolute;top:-9px;left:50%}.service-device-scene .professional-visual-workspace{box-shadow:none;border:0;border-radius:7px}.service-device-scene .professional-workspace-top{height:38px;padding:0 12px}.service-device-scene .professional-workspace-top strong{white-space:nowrap;text-overflow:ellipsis;max-width:75%;font-size:.57rem;overflow:hidden}.service-device-scene .workspace-panel>p{max-width:80%}.service-device-scene .workspace-tasks,.service-device-scene .workspace-progress{max-width:86%}.service-laptop-base{background:linear-gradient(#c3cdd4,#8c9aa4);border-radius:2px 2px 55% 55%/2px 2px 100% 100%;width:97%;height:15px;position:relative;top:-5px;left:-3%;transform:rotate(-2deg);box-shadow:0 14px 22px #00162150}.service-laptop-base:before{content:"";background:#70818b;border-radius:0 0 5px 5px;width:25%;height:5px;position:absolute;left:40%}.service-phone{background:#17232c;border:1px solid #7d8d98;border-radius:20px;width:118px;min-height:225px;padding:5px;position:absolute;bottom:70px;right:0;transform:rotate(4deg);box-shadow:0 18px 30px #00142565}.service-phone-camera{z-index:1;background:#17232c;border-radius:10px;width:26%;height:7px;position:absolute;top:8px;left:38%}.service-phone-screen{color:#193a53;background:#f8fafd;border-radius:15px;min-height:215px;padding:23px 9px 15px}.service-phone-brand{letter-spacing:.1em;color:#0755ad;font-size:.42rem;font-weight:800;display:block}.service-phone-screen>strong{margin-top:8px;font-size:.9rem;display:block}.service-phone-subtitle{color:#73899b;margin:3px 0 12px;font-size:.48rem;display:block}.service-phone-task{border-bottom:1px solid #e1e9f0;align-items:center;gap:5px;padding:7px 0;display:flex}.service-phone-task>span{color:#0755ad;border:1px solid #b8cddd;border-radius:3px;flex-shrink:0;place-items:center;width:10px;height:10px;font-size:7px;display:grid}.service-phone-task>span.phone-task-done{background:#dfebf6}.service-phone-task>p{font-size:.44rem;line-height:1.5}.service-phone-progress{color:#5d7486;margin-top:14px;font-size:.43rem}.service-device-scene>.professional-visual-footer{width:83%;margin-top:18px}.service-device-scene .workspace-preview-label{font-size:.48rem}@media (max-width:640px){.service-device-scene{min-height:400px;padding-top:12px;padding-bottom:20px}.service-phone{width:102px;bottom:58px}.service-phone-screen{padding-inline:8px}.service-device-scene .workspace-panel{padding:14px}.service-device-scene .service-laptop{border-width:12px 7px 7px;width:91%}.service-device-scene .workspace-tasks label{font-size:.62rem}.service-device-scene .professional-visual-footer>a{font-size:.58rem}}.service-phone{pointer-events:none}.service-device-scene .service-laptop{width:96%}.service-device-scene .professional-workspace-top{height:28px}.service-device-scene .workspace-tabs{padding:5px 10px}.service-device-scene .workspace-tabs button{padding:4px 10px;font-size:.6rem}.service-device-scene .workspace-panel{padding:12px 14px}.service-device-scene .workspace-panel>p{display:none}.service-device-scene .workspace-panel h3{margin-bottom:12px;font-size:.72rem}.service-device-scene .workspace-tasks{gap:6px}.service-device-scene .workspace-tasks label{padding:5px 8px;font-size:.58rem}.service-device-scene .workspace-progress{margin-top:10px;font-size:.5rem}.service-device-scene .workspace-progress-track{margin-top:6px}.service-device-scene{min-height:350px;padding-top:45px}.service-device-scene .service-phone{width:105px;bottom:55px}.service-device-scene .service-phone-screen{min-height:200px}.service-device-scene>.professional-visual-footer{margin-top:25px}@media (max-width:640px){.service-device-scene{min-height:325px;padding-top:30px}.service-device-scene .service-phone{width:93px;bottom:40px}.service-device-scene .service-phone-screen{min-height:190px;padding-top:22px}.service-device-scene .service-phone-task{padding:6px 0}.service-device-scene .workspace-tasks label{font-size:.55rem}.service-device-scene .professional-workspace-top strong{font-size:.5rem}}