@charset "UTF-8";
.custom-design-page,.custom-design-page *{box-sizing:border-box;}
.custom-design-page{font-family:'42dot Sans','Microsoft YaHei',Arial,sans-serif;color:#222;background:#fff;}
.custom-services{padding:64px 24px 72px;background:#F4F5F6;}
.custom-services-inner{width:1200px;max-width:100%;margin:0 auto;}
.custom-services-intro{text-align:center;margin-bottom:34px;}
/* Match the AI homepage's section heading and introduction typography. */
.custom-services .section_title{margin:0;color:#222;font-size:32px;font-weight:400;line-height:1.4;letter-spacing:0;}
.custom-services .section_sub_title{max-width:1000px;margin:14px auto 0;color:#666;font-size:16px;font-weight:400;line-height:1.8;letter-spacing:0;}
.custom-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;}
.custom-service-card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:14px;align-items:center;align-content:start;min-width:0;padding:26px 28px 28px;background:#fff;border:0;border-radius:0;box-shadow:none;text-align:left;transition:box-shadow .2s;}
/* Same border and hover shadow as the homepage solution cards. */
.custom-service-card:hover,.custom-partner-card:hover{box-shadow:0 18px 36px rgba(28,44,74,.1);}
.custom-service-number{color:#cc0000;font:700 36px/1.1 Arial,sans-serif;}
.custom-service-card h2,.custom-service-card h3{min-width:0;margin:0;color:#222;font-size:24px;font-weight:400;line-height:1.4;}
.custom-service-card p{grid-column:1 / -1;margin:0;color:#666;font-size:16px;font-weight:400;line-height:1.8;}
.custom-service-process .custom-service-card{position:relative;}
.custom-service-process .custom-service-card h3{padding-right:44px;}
.custom-service-process .custom-service-card::before,.custom-service-process .custom-service-card::after{content:'';position:absolute;box-sizing:border-box;pointer-events:none;transition:border-color .2s,background-color .2s;}
.custom-service-process .custom-service-card::before{top:28px;right:28px;width:32px;height:32px;border:2px solid #cccccc;border-radius:50%;background:transparent;}
.custom-service-process .custom-service-card::after{top:38px;right:41px;width:11px;height:11px;border-top:2px solid #cccccc;border-right:2px solid #cccccc;transform:rotate(45deg);}
@media(hover:hover){
 .custom-service-process .custom-service-card:hover::before{border-color:#cc0000;background:#cc0000;}
 .custom-service-process .custom-service-card:hover::after{border-color:#fff;}
}
@media(prefers-reduced-motion:reduce){
 .custom-service-process .custom-service-card::before,.custom-service-process .custom-service-card::after{transition:none;}
}
.custom-optimization{background:#fff;}
.custom-optimization .section_title span{color:#cc0000;}
.custom-optimization-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;}
.custom-optimization-card{display:grid;grid-template-columns:minmax(0,1fr) 144px;align-items:center;gap:20px;min-width:0;padding:26px 28px 28px;border:1px solid #e3ebf6;border-radius:0;background:#fff;box-shadow:none;transition:box-shadow .2s;}
.custom-optimization-card:hover{box-shadow:0 18px 36px rgba(28,44,74,.1);}
.custom-optimization-copy{min-width:0;}
.custom-optimization-label{margin:8px 0;color:#666;font-size:16px;line-height:1.8;}
.custom-optimization-card h3{margin:0;color:#222;font-size:24px;font-weight:400;line-height:1.4;}
.custom-optimization-description{margin:14px 0 0;color:#666;font-size:16px;line-height:1.8;}
.custom-optimization-icon{display:block;width:100%;height:auto;}
.custom-partners-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;}
.custom-partner-card{min-width:0;padding:18px 20px;background:#fff;border:0;border-radius:0;box-shadow:none;text-align:center;transition:box-shadow .2s;}
.custom-partner-logo{display:flex;align-items:center;justify-content:center;height:88px;margin:0 auto 10px;}
.custom-partner-logo img{display:block;max-width:76%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.custom-partner-logo img.custom-partner-logo-kuer{max-width:62%;max-height:64px;}
.custom-partner-name{margin:0;color:#222;font-size:14px;font-weight:400;line-height:1.5;overflow-wrap:break-word;}
.custom-design-plans{background:#fff;}
.custom-design-plans .pkg-table-wrap{position:relative;}
.custom-design-plans .pkg-label-col{width:22%;}
.custom-design-plans .pkg-table{min-width:760px;}
.custom-design-plans .pkg-table thead th{padding:20px 16px;}
.custom-design-plans .pkg-plan-title{flex-wrap:wrap;gap:8px;}
.custom-design-plans .pkg-plan-head h3{margin:0;color:#222;font-size:20px;font-weight:600;line-height:1.4;}
.custom-plans-feature-title{font-size:20px;font-weight:600;}
.custom-design-plans .pkg-table thead .custom-plan-recommended{border-top:3px solid #cc0000;padding-top:17px;}
.custom-design-plans .pkg-plan-badge{background:#cc0000;color:#fff;}
.custom-design-plans .pkg-purchase-row{gap:12px;}
.custom-design-plans .pkg-buy-frame{flex-basis:100px;}
.custom-design-plans .pkg-group-heading h3{margin:0;font-size:16px;font-weight:600;line-height:1.6;}
.custom-plan-note{display:block;color:#666;font-size:12px;}
.custom-plans-scroll-hint{display:none;color:#888;font-size:12px;}
.custom-plans-toggle{display:block;min-width:180px;margin:24px auto 0;padding:11px 24px;border:1px solid #e4e7ec;background:#fff;color:#444;font:14px/1.5 'Microsoft YaHei',Arial,sans-serif;cursor:pointer;}
.custom-plans-toggle:hover{border-color:#cc0000;color:#cc0000;}
.custom-plans-toggle:focus-visible{outline:2px solid #1265ec;outline-offset:4px;}
.custom-plans-more[hidden],.custom-plans-toggle[hidden]{display:none;}
.custom-design-plans .pkg-floating-head .pkg-table thead th{padding:8px 16px;}
.custom-design-plans .pkg-floating-head .pkg-table thead .custom-plan-recommended{padding-top:5px;}
.custom-design-plans .pkg-floating-head .pkg-buy-frame{flex-basis:100px;}
.custom-faq{background:#fff;}
.custom-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 20px;margin:0;padding:0;}
.custom-faq-item{min-width:0;border:1px solid #e3ebf6;border-radius:0;background:#fff;text-align:left;}
.custom-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;list-style:none;cursor:pointer;}
.custom-faq-item summary::-webkit-details-marker{display:none;}
.custom-faq-item summary:focus-visible{outline:2px solid #cc0000;outline-offset:3px;}
.custom-faq-item h3{margin:0;color:#222;font-size:18px;font-weight:400;line-height:1.5;overflow-wrap:break-word;}
.custom-faq-chevron{flex:0 0 8px;width:8px;height:8px;margin-right:3px;border-right:2px solid #999;border-bottom:2px solid #999;transform:rotate(45deg);}
.custom-faq-item[open] .custom-faq-chevron{border-color:#cc0000;transform:rotate(225deg);}
.custom-faq-item[open] summary h3{color:#cc0000;}
.custom-faq-item p{margin:0;padding:0 24px 20px;color:#666;font-size:14px;line-height:1.8;overflow-wrap:break-word;}
.custom-faq-item strong{color:#444;font-weight:600;}
@media(max-width:1000px) and (min-width:769px){
 .custom-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
 .custom-optimization-card{grid-template-columns:minmax(0,1fr) 100px;gap:12px;padding:24px;}
}
@media(max-width:768px){
 .custom-services{padding:32px 16px 36px;}
 .custom-services-intro{text-align:left;margin-bottom:24px;}
 .custom-services .section_title{font-size:24px;font-weight:600;line-height:1.45;white-space:normal;text-wrap:wrap;word-break:normal;overflow-wrap:break-word;}
 .custom-services .section_title span{display:inline;}
 .custom-services .section_sub_title{font-size:14px;line-height:1.75;margin-top:12px;}
 .custom-services-grid{grid-template-columns:minmax(0,1fr);gap:12px;}
 .custom-service-card{padding:18px;column-gap:12px;row-gap:10px;}
 .custom-service-card h2,.custom-service-card h3{font-size:18px;line-height:1.5;}
 .custom-service-card p{font-size:14px;line-height:1.75;}
 .custom-service-process .custom-service-card::before{top:20px;right:18px;}
 .custom-service-process .custom-service-card::after{top:30px;right:31px;}
 .custom-optimization-grid{grid-template-columns:minmax(0,1fr);gap:12px;}
 .custom-optimization-card{grid-template-columns:minmax(0,1fr) 88px;align-items:start;gap:12px;padding:18px;}
 .custom-optimization-copy{display:contents;}
 .custom-optimization-copy .custom-service-number{grid-column:1;}
 .custom-optimization-label{grid-column:1;margin:0;font-size:13px;line-height:1.75;}
 .custom-optimization-card h3{grid-column:1 / -1;font-size:18px;line-height:1.5;}
 .custom-optimization-description{grid-column:1 / -1;margin:0;font-size:14px;line-height:1.75;}
 .custom-optimization-icon{grid-column:2;grid-row:1 / 3;align-self:center;}
 .custom-partners-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 .custom-partner-card{padding:14px 12px;}
 .custom-partner-logo{height:64px;margin-bottom:8px;}
 .custom-partner-logo img.custom-partner-logo-kuer{max-height:44px;}
 .custom-partner-name{font-size:14px;line-height:1.6;}
 .custom-design-plans .pkg-table thead th{padding:14px 10px;}
 .custom-design-plans .pkg-table{min-width:0;width:calc(300% - 240px);}
 .custom-design-plans .pkg-label-col{width:120px;}
 .custom-design-plans .pkg-table thead .custom-plan-recommended{padding-top:11px;}
 .custom-design-plans .pkg-plan-head h3{font-size:16px;}
 .custom-plans-feature-title{font-size:14px;}
 .custom-design-plans .pkg-buy-frame,.custom-design-plans .pkg-floating-head .pkg-buy-frame{flex:0 0 auto;}
 .custom-design-plans .pkg-purchase-row{gap:6px;}
 .custom-design-plans .pkg-table th[scope=row],.custom-design-plans .pkg-feature-head{position:sticky;left:0;z-index:1;}
 .custom-design-plans .pkg-group-heading h3{position:sticky;left:8px;width:max-content;font-size:14px;}
 .custom-design-plans .custom-plans-scroll-hint{display:block;margin:0 0 12px;}
 .custom-plans-toggle{width:100%;margin-top:16px;}
 .custom-design-plans .pkg-floating-head .pkg-table thead th{padding:6px 10px;}
 .custom-design-plans .pkg-floating-head .pkg-table thead .custom-plan-recommended{padding-top:3px;}
 .custom-faq-grid{grid-template-columns:minmax(0,1fr);gap:12px;}
 .custom-faq-item summary{padding:16px;gap:12px;}
 .custom-faq-item h3{font-size:16px;line-height:1.5;}
 .custom-faq-item p{padding:0 16px 16px;font-size:14px;line-height:1.75;}
}