.SystemUXSection-module__Qho_FG__section{color:#fff;background:url("/UIUX DESIGN SERVICE.png") 100%/cover no-repeat;align-items:center;min-height:100vh;padding:40px 0;display:flex;overflow:hidden}.SystemUXSection-module__Qho_FG__wrapper{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;width:100%;max-width:1440px;margin:auto;padding:0 24px;display:grid}.SystemUXSection-module__Qho_FG__badge{color:#2563eb;margin-bottom:14px;font-size:11px;font-weight:600;display:inline-block}.SystemUXSection-module__Qho_FG__heading{color:#fdfdfd;margin-bottom:22px;font-size:42px;font-weight:600;line-height:1.1}.SystemUXSection-module__Qho_FG__desc{color:#efefef;line-height:1.;margin-bottom:34px;font-size:15px}.SystemUXSection-module__Qho_FG__tagRow{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.SystemUXSection-module__Qho_FG__tag{background:#f8fafc;border-radius:12px;padding:16px}.SystemUXSection-module__Qho_FG__tag span{color:#64748b;font-size:11px}.SystemUXSection-module__Qho_FG__tag p{color:#000;margin-top:6px;font-size:14px}.SystemUXSection-module__Qho_FG__rightpanelHeader label{color:#64748b;font-size:11px}.SystemUXSection-module__Qho_FG__rightpanelHeader p{color:#000;font-size:14px}.SystemUXSection-module__Qho_FG__btnRow{gap:14px;margin-bottom:28px;display:flex}.SystemUXSection-module__Qho_FG__secondary{color:#fff;cursor:pointer;background:#1565f9;margin-top:20px;padding:12px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-block}.SystemUXSection-module__Qho_FG__bottomNote{color:#f7f7f7;gap:30px;font-size:13px;display:flex}.SystemUXSection-module__Qho_FG__rightWrap{position:relative}.SystemUXSection-module__Qho_FG__lines{flex-direction:column;gap:18px;display:flex;position:absolute;top:20px;left:-18px}.SystemUXSection-module__Qho_FG__lines span{background:linear-gradient(#3b82f6,#1e40af);border-radius:4px;width:4px;height:46px}.SystemUXSection-module__Qho_FG__panel{background:#fff;border-radius:18px;padding:28px;box-shadow:0 35px 80px #0000002e}.SystemUXSection-module__Qho_FG__panelHeader{background:#f1f5f9;border-radius:10px;justify-content:space-between;margin-bottom:18px;padding:14px 18px;display:flex}.SystemUXSection-module__Qho_FG__panelHeader label{color:#64748b;font-size:11px}.SystemUXSection-module__Qho_FG__dots span{background:#94a3b8;border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.SystemUXSection-module__Qho_FG__grid3{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px;display:grid}.SystemUXSection-module__Qho_FG__grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.SystemUXSection-module__Qho_FG__card{background:#f8fafc;border-radius:12px;padding:14px}.SystemUXSection-module__Qho_FG__card label{color:#64748b;font-size:11px}.SystemUXSection-module__Qho_FG__pill{color:#000;background:#e2e8f0;border-radius:999px;width:max-content;margin-top:8px;padding:6px 12px;font-size:13px}.SystemUXSection-module__Qho_FG__red{color:#b91c1c;background:#fee2e2;border-radius:999px;width:max-content;margin-top:8px;padding:6px 12px;font-size:13px}.SystemUXSection-module__Qho_FG__green{color:#15803d;background:#dcfce7;border-radius:999px;width:max-content;margin-top:8px;padding:6px 12px;font-size:13px}.SystemUXSection-module__Qho_FG__panelFooter{color:#475569;background:#f1f5f9;border-radius:10px;justify-content:space-between;margin-top:18px;padding:12px 16px;font-size:12px;display:flex}@media (max-width:1100px){.SystemUXSection-module__Qho_FG__wrapper{grid-template-columns:1fr;gap:60px}.SystemUXSection-module__Qho_FG__heading{font-size:24px}.SystemUXSection-module__Qho_FG__bottomNote{flex-direction:column;gap:10px}}@media (max-width:700px){.SystemUXSection-module__Qho_FG__heading{font-size:24px}.SystemUXSection-module__Qho_FG__tagRow{grid-template-columns:1fr}.SystemUXSection-module__Qho_FG__btnRow{flex-direction:column}.SystemUXSection-module__Qho_FG__grid3,.SystemUXSection-module__Qho_FG__grid2{grid-template-columns:1fr}}
.UXComparisonSection-module__7B2SnG__section{background:#f8fafc;margin-top:20px;padding:40px 0}.UXComparisonSection-module__7B2SnG__badge{color:#2563eb;margin-bottom:14px;font-size:11px;font-weight:600;display:inline-block}.UXComparisonSection-module__7B2SnG__heading{color:#000;max-width:680px;margin-bottom:16px;font-size:22px;font-weight:600;line-height:1.2}.UXComparisonSection-module__7B2SnG__subtext{color:#64748b;max-width:620px;margin-bottom:50px;font-size:15px;line-height:1}.UXComparisonSection-module__7B2SnG__grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.UXComparisonSection-module__7B2SnG__card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#fbebd6,#f8fafce6),radial-gradient(circle at 0 0,#94a3b814,#0000 60%);border:1px solid #0f172a0f;border-radius:14px;padding:26px;transition:all .25s}.UXComparisonSection-module__7B2SnG__card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0f172a14}.UXComparisonSection-module__7B2SnG__cardHighlight{background:linear-gradient(#f1f5f9e6,#e2e8f0d9),radial-gradient(circle at 0 0,#3b82f626,#0000 60%)}.UXComparisonSection-module__7B2SnG__cardHeader{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.UXComparisonSection-module__7B2SnG__cardHeader h3{color:#0f172a;font-size:17px;font-weight:600}.UXComparisonSection-module__7B2SnG__badgeSoft{color:#64748b;background:#eef2f7;border-radius:999px;padding:4px 12px;font-size:11px}.UXComparisonSection-module__7B2SnG__badgeBlue{color:#2563eb;background:#dbeafe;border-radius:999px;padding:4px 12px;font-size:11px}.UXComparisonSection-module__7B2SnG__cardGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.UXComparisonSection-module__7B2SnG__item{background:#fff;border:1px solid #eef2f7;border-radius:10px;padding:14px}.UXComparisonSection-module__7B2SnG__item label{letter-spacing:.6px;color:#64748b;margin-bottom:6px;font-size:10px;display:block}.UXComparisonSection-module__7B2SnG__item p{color:#0f172a;font-size:13px;line-height:1.4}@media (max-width:1024px){.UXComparisonSection-module__7B2SnG__grid{grid-template-columns:1fr}}@media (max-width:640px){.UXComparisonSection-module__7B2SnG__heading{font-size:18px}.UXComparisonSection-module__7B2SnG__containerPadding{padding:0}.UXComparisonSection-module__7B2SnG__cardGrid{grid-template-columns:1fr}.UXComparisonSection-module__7B2SnG__section{padding:30px 24px}}
.WorkflowProcedures-module__hnFvVq__section{background:#f8fafc;padding:30px 0}.WorkflowProcedures-module__hnFvVq__badge{color:#2563eb;margin-bottom:14px;font-size:11px;font-weight:600;display:inline-block}.WorkflowProcedures-module__hnFvVq__title{color:#000;max-width:680px;margin-bottom:16px;font-size:22px;font-weight:600;line-height:1.2}.WorkflowProcedures-module__hnFvVq__desc{color:#64748b;max-width:640px;margin-bottom:50px;font-size:15px;line-height:1.5}.WorkflowProcedures-module__hnFvVq__panel{background:linear-gradient(#fff,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;padding:26px;box-shadow:0 10px 40px #0f172a0d}.WorkflowProcedures-module__hnFvVq__panelHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.WorkflowProcedures-module__hnFvVq__mapLabel{color:#64748b;font-size:13px}.WorkflowProcedures-module__hnFvVq__legend{color:#64748b;gap:18px;font-size:12px;display:flex}.WorkflowProcedures-module__hnFvVq__legend span{align-items:center;gap:6px;display:flex}.WorkflowProcedures-module__hnFvVq__legend i{border-radius:50%;width:8px;height:8px;display:inline-block}.WorkflowProcedures-module__hnFvVq__dotRole{background:#2563eb}.WorkflowProcedures-module__hnFvVq__dotSystem{background:#64748b}.WorkflowProcedures-module__hnFvVq__dotEsc{background:#ef4444}.WorkflowProcedures-module__hnFvVq__flowRow{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.WorkflowProcedures-module__hnFvVq__card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px;transition:all .2s}.WorkflowProcedures-module__hnFvVq__card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0f172a14}.WorkflowProcedures-module__hnFvVq__cardLabel{letter-spacing:.6px;color:#64748b;margin-bottom:6px;font-size:10px;display:block}.WorkflowProcedures-module__hnFvVq__card h4{color:#0f172a;margin-bottom:4px;font-size:14px;font-weight:600}.WorkflowProcedures-module__hnFvVq__card p{color:#64748b;font-size:12px;line-height:1.4}.WorkflowProcedures-module__hnFvVq__blue{border-left:3px solid #2563eb}.WorkflowProcedures-module__hnFvVq__red{border-left:3px solid #ef4444}@media (max-width:1100px){.WorkflowProcedures-module__hnFvVq__flowRow{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.WorkflowProcedures-module__hnFvVq__flowRow{grid-template-columns:repeat(2,1fr)}.WorkflowProcedures-module__hnFvVq__title{font-size:18px}}@media (max-width:480px){.WorkflowProcedures-module__hnFvVq__flowRow{grid-template-columns:1fr}.WorkflowProcedures-module__hnFvVq__section{padding:30px 24px}.WorkflowProcedures-module__hnFvVq__containerPadding{padding:0}}