/* Responsive adaptation of the original WoyIO page; no shared-shell overrides. */
.woyio-page{background:#fff;color:#3c4c59;padding:30px 0 65px;overflow:clip}
.woyio-page .woyio-intro{text-align:center;margin-bottom:20px}
.woyio-page .woyio-intro h1{font-size:27px;font-weight:650;line-height:1.3;color:#217d93;margin:0 0 10px}
.woyio-page .woyio-intro p{font-size:15px;line-height:1.6;color:#5b7080;margin:0}
.woyio-page .container{width:calc(100% - 48px);max-width:1320px;margin:0 auto}
.woyio-page .container-fluid{padding:0}
.woyio-page img{display:block;max-width:100%}
.woyio-page h2,.woyio-page h3{margin:0}
.woyio-page a:focus-visible{outline:3px solid #197baf;outline-offset:5px}
.woyio-page .dx-welcome-banner{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr);min-height:465px;gap:10px}
.woyio-page .dx-column-left,.woyio-page .dx-column-right{padding-top:70px;gap:42px;min-width:0}
.woyio-page .dx-column-center{min-width:0;position:relative}
.woyio-page .dx-center-image img{position:static;min-width:0;width:100%;max-width:550px;max-height:480px}
.woyio-page .dx-section-title{font-size:clamp(17px,1.7vw,24px);line-height:1.3}
.woyio-page .integration-collapser{gap:8px}
.woyio-page .integration-item{padding:6px 9px;min-height:36px;min-width:0}
.woyio-page .integration-item img{max-width:100%;height:auto;max-height:25px;object-fit:contain}
.woyio-page .more-link{font-size:11px;line-height:1.2;text-align:center}
.woyio-page .dx-free-badge{left:7%;top:50px;width:125px;max-width:30%;transform:none;animation:none;outline-width:11px;box-shadow:0 0 0 21px #e5f0f4}
.woyio-page .dx-free-badge a{display:flex;flex-direction:column;text-align:center;color:white;line-height:1.35}
.woyio-page .dx-free-badge .small{font-size:22px}
.woyio-page .dx-free-badge .big,.woyio-page .dx-free-badge b{font-size:21px}
.woyio-page .dx-btn-section{padding:30px 0 65px;gap:40px}
.woyio-page .dx-btn-section .dx-review-btn{max-width:335px;min-height:58px;font-size:22px}
.woyio-page .dx-circle-btn{width:115px;min-width:115px;height:115px;font-size:22px;animation:none}
.woyio-page .dx-prom-main-title{font-size:clamp(26px,2.9vw,39px);line-height:1.25;padding-bottom:38px}
.woyio-page .dx-prom-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;margin-bottom:28px}
.woyio-page .dx-prom-col{min-width:0}
.woyio-page .dx-prom-grid.dx-col-thr{grid-template-columns:repeat(3,minmax(0,1fr))}
.woyio-page .dx-prom-grid.dx-col-two,.woyio-page .dx-prom-grid.dx-col-one-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
.woyio-page .dx-prom-col.hwto-build{padding-left:17%}
.woyio-page .hwto-build .dx-prom-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:20px}
.woyio-page .dx-prom-inner-title{font-size:clamp(26px,3vw,41px)}
.woyio-page .dx-prom-title{font-size:22px;line-height:1.3;padding-top:10px;margin-bottom:10px}
.woyio-page .dx-prom-desc{font-size:16px;line-height:1.65}
.woyio-page .dx-prom-inner-right{width:100%;min-width:0}
.woyio-page .dx-prom-inner-right img{max-width:100%}
.woyio-page .dx-prom-grid.dx-col-one .dx-prom-inner-right img{max-width:48%}
.woyio-page .dx-prom-grid.dx-col-one .dx-prom-inner{padding-top:22px;padding-bottom:22px}
.woyio-page .dx-review-btn.dx-prom-btn,.woyio-page .dx-review-btn.dx-design-btn{font-size:17px;padding:16px 18px;line-height:1.3;text-align:center;white-space:normal;margin-top:16px}
.woyio-page .dx-prom-grid.dx-col-two{margin-top:48px}
.woyio-page .dx-prom-grid.dx-col-thr .dx-prom-inner{padding-top:28px}
.woyio-page .wy-blury-glow:before,.woyio-page .wy-blury-glow:after{display:none}
@media(max-width:1000px){
 .woyio-page .dx-welcome-banner{min-height:370px}
 .woyio-page .dx-column-left,.woyio-page .dx-column-right{padding-top:35px;gap:26px}
 .woyio-page .dx-section-title{font-size:17px}
 .woyio-page .dx-free-badge{width:95px;top:28px;outline-width:8px;box-shadow:0 0 0 15px #e5f0f4}
 .woyio-page .dx-free-badge .small,.woyio-page .dx-free-badge .big,.woyio-page .dx-free-badge b{font-size:17px}
 .woyio-page .dx-btn-section{gap:28px}
 .woyio-page .dx-btn-section .dx-review-btn{font-size:18px;padding-left:20px;padding-right:20px}
 .woyio-page .dx-review-icon{max-width:58px;max-height:58px;margin-right:10px}
 .woyio-page .dx-prom-grid{gap:18px}
 .woyio-page .dx-prom-col .dx-prom-inner{padding:18px}
 .woyio-page .dx-prom-title{font-size:19px}
 .woyio-page .dx-prom-desc{font-size:15px}
}
@media(max-width:760px){
 .woyio-page{padding:14px 0 38px}
 .woyio-page .container{width:calc(100% - 32px)}
 .woyio-page .dx-welcome-banner{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;min-height:0}
 .woyio-page .dx-column-center{grid-column:1/-1;grid-row:1;height:320px}
 .woyio-page .dx-center-image img{max-width:340px;max-height:320px}
 .woyio-page .dx-free-badge{max-width:none;width:100px;left:calc(50% - 133px);top:40px}
 .woyio-page .dx-column-left,.woyio-page .dx-column-right{padding:0;gap:23px}
 .woyio-page .dx-column-right .section-box .dx-section-title{text-align:left;justify-content:flex-start}
 .woyio-page .dx-column-right .integration-collapser{direction:ltr}
 .woyio-page .dx-section-title{font-size:16px;min-height:100px;gap:4px}
 .woyio-page .dx-welcome-banner .integration-collapser{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .woyio-page .integration-item{padding:5px;min-height:32px}
 .woyio-page .dx-btn-section{display:grid;grid-template-columns:1fr;gap:14px;padding:32px 0 36px}
 .woyio-page .dx-btn-section .dx-review-btn{max-width:none;width:100%;height:55px;justify-content:center}
 .woyio-page .dx-btn-section .dx-review-text{padding:0;margin:0;max-width:none}
 .woyio-page .dx-btn-section .dx-review-icon{display:none}
 .woyio-page .dx-circle-btn{width:100%;height:55px;min-height:55px;aspect-ratio:auto;border:2px solid #e9b21f;border-radius:10px;outline:none;box-shadow:none;font-size:20px;background:#fff9e8;color:#75540c}
 .woyio-page .dx-prom-main-title{font-size:26px;line-height:1.4;padding-bottom:25px;text-align:left}
 .woyio-page .dx-prom-grid,.woyio-page .dx-prom-grid.dx-col-thr,.woyio-page .dx-prom-grid.dx-col-two,.woyio-page .dx-prom-grid.dx-col-one-wrap{grid-template-columns:minmax(0,1fr);gap:22px;margin:0 0 22px}
 .woyio-page .dx-prom-col.hwto-build{padding:0}
 .woyio-page .dx-prom-col.hwto-build:before{display:none}
 .woyio-page .hwto-build .dx-prom-inner{grid-template-columns:1fr;gap:20px}
 .woyio-page .dx-prom-inner-title{font-size:29px;text-align:center}
 .woyio-page .dx-prom-col .dx-prom-inner{padding:24px 22px}
 .woyio-page .dx-prom-inner-right img,.woyio-page .dx-prom-inner-right img.dx-fld-top,.woyio-page .dx-prom-grid.dx-col-two .dx-prom-inner-right img{max-height:245px;margin:0 auto 12px}
 .woyio-page .dx-prom-title{font-size:21px;min-height:0}
 .woyio-page .dx-prom-desc{font-size:16px;line-height:1.7}
 .woyio-page .dx-prom-grid.dx-col-one .dx-prom-inner-right{flex-direction:column}
 .woyio-page .dx-prom-grid.dx-col-one .dx-prom-inner-right img{max-width:100%;max-height:245px}
 .woyio-page .dx-prom-grid.dx-col-one .dx-prom-inner-cont{order:1}
 .woyio-page .dx-prom-grid.dx-col-one-wrap .dx-prom-col:first-of-type .dx-prom-inner,.woyio-page .dx-prom-grid.dx-col-one-wrap .dx-prom-col:last-of-type .dx-prom-inner{padding:24px 22px}
}
@media(prefers-reduced-motion:reduce){.woyio-page *,.woyio-page *:before{animation:none!important;transition:none!important}}
.woyio-back{display:flex;justify-content:space-between;gap:15px;padding:0 0 25px;font-size:14px;color:#237995}
.woyio-detail .container{max-width:1160px}
.woyio-detail .dx-seo-image-general{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:35px;align-items:center;background:#f5f9fc;border:1px solid #d8e5ec;border-radius:16px;padding:28px 38px;margin-bottom:35px}
.woyio-detail .dx-seo-title{font-size:clamp(28px,3.4vw,42px);line-height:1.3;font-weight:650;color:#217f94;margin:0;letter-spacing:-.5px}
.woyio-detail .dx-seo-image{height:260px;display:flex;align-items:center;justify-content:center}
.woyio-detail .dx-seo-image img{width:100%;height:100%;object-fit:contain}
.woyio-detail .dx-desc-general{max-width:100%;font-size:17px;line-height:1.8;color:#4a5d6a}
.woyio-detail .dx-desc-paragraph{margin:0 0 22px}
.woyio-detail .dx-desc-paragraph p{margin:0 0 18px}
.woyio-detail .dx-desc-features-general{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:34px 0}
.woyio-detail .dx-desc-features-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 16px;border:1px solid #dce6ed;border-radius:13px;background:#f8fafc;gap:18px}
.woyio-detail .dx-desc-features-image{height:100px;width:100%;display:flex;align-items:center;justify-content:center}
.woyio-detail .dx-desc-features-image img{max-width:105px;max-height:100px;object-fit:contain}
.woyio-detail .dx-desc-features-title{font-size:17px;line-height:1.45;color:#257b95;margin:0}
.woyio-detail ul{padding-left:24px;margin:18px 0 28px}
.woyio-detail .sx-desc-ul-li{display:flex;align-items:flex-start;gap:12px;margin:13px 0;list-style:none}
.woyio-detail .sx-desc-ul-li img{width:28px;height:28px;object-fit:contain}
.woyio-detail .sx-desc-ul-li>span:first-child{flex:none}
.woyio-detail .dx-desc-image-title-red{display:grid;grid-template-columns:240px minmax(0,1fr);gap:35px;align-items:center;padding:30px;margin-top:35px;background:#f2f7fa;border-radius:15px}
.woyio-detail .dx-desc-image-buttons{display:grid;gap:16px;justify-items:center}
.woyio-detail .dx-desc-image-red img{width:100%;max-height:150px;object-fit:cover;border-radius:8px}
.woyio-detail .more-image img{width:130px;height:65px;object-fit:contain}
.woyio-detail .more-href{color:#19768f;font-weight:600;font-size:15px}
.woyio-detail .dx-desc-title-red{font-size:21px;color:#366377;line-height:1.6}
.woyio-detail-cta{display:flex;justify-content:center;gap:14px;margin-top:35px!important}
.woyio-detail .dx-op-img{display:none}
.woyio-feature-index .feature-index-title{padding:12px 0 38px;text-align:left}
.woyio-feature-index .dx-prom-grid.dx-col-two{margin-top:0}
.woyio-feature-index .dx-prom-grid.dx-col-two .dx-prom-inner-right img{margin-top:0;max-height:245px}
@media(max-width:760px){
 .woyio-back{font-size:13px;padding-bottom:20px}
 .woyio-detail .dx-seo-image-general{grid-template-columns:1fr;gap:20px;padding:24px;margin-bottom:25px}
 .woyio-detail .dx-seo-title{font-size:28px}
 .woyio-detail .dx-seo-image{height:210px}
 .woyio-detail .dx-desc-general{font-size:16px;line-height:1.85}
 .woyio-detail .dx-desc-features-general{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .woyio-detail .dx-desc-features-item{padding:20px 12px}
 .woyio-detail .dx-desc-features-title{font-size:16px}
 .woyio-detail .dx-desc-image-title-red{grid-template-columns:1fr;padding:25px;gap:25px}
 .woyio-detail .dx-desc-title-red{font-size:18px}
 .woyio-detail-cta{flex-direction:column}
}