/* Product discovery and educational journey */
:root{--journey-border:#e2e6ed;--journey-muted:#657183}
.brand-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:38px}.brand-heading .eyebrow{margin:0}.brand-viewport{overflow:hidden;max-width:100%;padding:28px 0}.brand-track{display:flex;width:max-content;animation:brand-roll 36s linear infinite}.brand-group{display:flex;align-items:center;gap:58px;padding-right:58px}.brand-logo{display:flex;align-items:center;justify-content:center;flex:0 0 165px;width:165px;height:65px}.brand-logo img{object-fit:contain;max-width:100%;max-height:56px;width:auto;height:auto;transition:transform .25s}.brand-logo:hover img{transform:scale(1.05)}.brand-viewport:hover .brand-track,.brand-viewport:focus-within .brand-track,.is-paused .brand-track{animation-play-state:paused}.brand-filters{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.brand-filter{font:inherit;font-size:12px;border:1px solid var(--journey-border);padding:9px 15px;border-radius:22px;background:white;color:#555;cursor:pointer}.brand-filter[aria-pressed=true],.role-option[aria-pressed=true]{background:#171d29;color:white;border-color:#171d29}.collection-compare{margin:6px 0 20px}.product-image-button{height:290px!important;padding:25px!important;background:#f6f6f8!important}.product-image.official-photo{width:100%!important;height:100%!important;max-height:270px;object-fit:contain!important;mix-blend-mode:multiply;transition:transform .4s}.product-image-button:hover .official-photo{transform:scale(1.035)}.product-card-footer{display:flex;gap:12px;justify-content:space-between;align-items:center}.compare-product{white-space:nowrap;font-size:11px}.material-visual.photo-pending{min-height:230px;width:100%;padding:24px;box-sizing:border-box;background:linear-gradient(135deg,#f0f2f7,#fafbfc);gap:16px}.photo-pending strong{font-size:21px;line-height:1.4}.photo-pending span:last-child{font-size:9px;letter-spacing:.08em;line-height:1.8}.detail-layout>.official-photo{width:100%;height:440px!important;max-height:440px;padding:30px;box-sizing:border-box}.manufacturer-link{display:block;margin:12px 0}.detail-content>.button{margin:12px 10px 8px 0}.service-title{font:inherit;color:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer}.service-title:hover{color:var(--blue)}.service-more{display:block;margin:12px 0 18px}.transformation-services article a{font-size:11px}.service-dialog,.comparison-dialog{border:0;border-radius:25px;padding:50px;max-width:900px;width:calc(100% - 36px);max-height:88vh;color:var(--ink,#1d1d1f);box-sizing:border-box}.service-dialog h2,.comparison-dialog h2{font-size:35px;line-height:1.25;margin:15px 0}.service-dialog::backdrop,.comparison-dialog::backdrop{background:#0c142b70;backdrop-filter:blur(7px)}.service-examples{padding-left:23px;line-height:1.9}.service-examples li{margin:15px 0}.service-deliverable,.service-map-note{padding:20px;border-radius:15px;background:#f1f5fb;font-size:14px;line-height:1.8}.modal-actions,.result-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:25px 0}.source-details{padding:16px 0;border-top:1px solid var(--journey-border);margin-top:20px;font-size:12px}.source-details summary{cursor:pointer;font-weight:600;line-height:1.7}.source-details ul{line-height:2;padding-left:20px}.source-details li{margin-bottom:8px}.source-details small{display:block;color:var(--journey-muted);font-size:10px}.source-details a{font-size:12px;overflow-wrap:anywhere}.compare-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.compare-picks label,.compare-category{font-size:12px;display:flex;gap:8px;flex-direction:column}.compare-category{max-width:260px}.compare-picks select,.compare-category select{font:inherit;color:inherit;padding:10px;border:1px solid var(--journey-border);border-radius:8px;background:white;width:100%;min-width:0}.comparison-scroll{overflow:auto;max-width:100%;border:1px solid var(--journey-border);border-radius:14px}.comparison-table{border-collapse:collapse;width:100%;min-width:620px;text-align:left;font-size:12px;line-height:1.8}.comparison-table th,.comparison-table td{border-bottom:1px solid var(--journey-border);padding:18px;vertical-align:top;min-width:155px}.comparison-table th:first-child{min-width:115px;width:130px;position:sticky;left:0;background:#fafbfd;z-index:1}.comparison-table thead th{background:#f8f9fc}.comparison-table thead img{width:100%!important;height:155px!important;object-fit:contain;margin-bottom:16px}.comparison-table th strong{display:block}.comparison-table small{display:block;font-size:10px;color:var(--journey-muted)}
.readiness-section{background:linear-gradient(150deg,#f3f6fb,#f9fafe 55%,#edf2fc);scroll-margin-top:110px}.readiness-section h2{margin:15px 0 20px;font-size:clamp(30px,4vw,52px);letter-spacing:-.04em}.readiness-section .section-intro{max-width:690px}.readiness-shell{background:#fff;border:1px solid #e7ebf3;box-shadow:0 20px 70px #4c66940b;border-radius:24px;padding:42px;margin:34px 0 24px;max-width:880px}.readiness-start{text-align:center;max-width:680px;margin:auto}.journey-symbol{display:inline-flex;width:66px;height:66px;align-items:center;justify-content:center;color:#3578d2;font-size:52px;background:#eef4fc;border-radius:22px}.readiness-start h3{font-size:26px}.readiness-start p{font-size:14px;color:#6b7585;line-height:1.9}.role-options{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:24px 0 30px}.role-option{font:inherit;font-size:13px;min-height:46px;padding:11px 18px;background:#f7f8fb;border:1px solid var(--journey-border);border-radius:12px;cursor:pointer}.validity-notice{max-width:850px;font-size:11px;line-height:1.9;color:var(--journey-muted)}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.quiz-top .eyebrow{margin:0}.quiz-progress{width:100%;height:7px;border:0;border-radius:20px;overflow:hidden;margin:18px 0 26px;accent-color:#4289e5}progress::-webkit-progress-bar{background:#edf0f5;border-radius:20px}progress::-webkit-progress-value{background:#4389df;border-radius:20px}.quiz-question{font-size:25px;line-height:1.55;margin:0 0 23px;outline:none}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:0}.quiz-option{cursor:pointer;display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--journey-border);border-radius:14px;font-size:13px;line-height:1.8;background:#fff}.quiz-option input{margin-top:5px;accent-color:#3578d2;flex:0 0 auto}.quiz-option:has(input:checked){border-color:#377bd5;background:#f2f7ff}.quiz-option:hover{border-color:#8bafd9}.quiz-actions{display:flex;justify-content:space-between;align-items:center;margin-top:27px}.quiz-actions .button:disabled{opacity:.4;cursor:not-allowed}.na-reason{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-top:18px}.na-reason input{padding:12px;border:1px solid #ccd5e1;border-radius:8px;font:inherit}.readiness-shell>.micro{margin-top:20px}.result-heading{display:flex;gap:24px;align-items:center;margin-bottom:20px}.result-badge{flex-shrink:0;width:80px;height:80px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:#ecf3ff;color:#2871cd;font-size:26px;font-weight:650}.result-title{font-size:26px;outline:none;margin:0;line-height:1.5}.result-info{background:#f7f9fc;padding:15px;border-radius:12px;font-size:13px;line-height:1.9}.dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0}.dimension-card{padding:18px;background:#f8faff;border:1px solid #e9eef5;border-radius:14px;display:flex;flex-direction:column;gap:11px}.dimension-card strong{font-size:12px}.dimension-card span{font-size:23px;color:#2871cd}.dimension-card small{font-size:10px;color:var(--journey-muted)}.dimension-card progress{width:100%;height:5px;border:0}.next-steps{padding-left:20px;font-size:13px;line-height:1.9}.next-steps li{margin-bottom:18px}.workflow-explorer{margin-top:35px}.workflow-explorer>summary{cursor:pointer;font-size:17px;font-weight:600}.workflow-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.workflow-stages article{background:#fff;border:1px solid #e2e7ef;padding:25px;border-radius:15px}.workflow-stages h3{font-size:16px}.workflow-stages p{font-size:12px;line-height:1.9;color:#667080}.workflow-label{font-size:8px;color:#4583ce;font-weight:650;letter-spacing:.12em}.pricing-benchmarks{border:1px solid var(--journey-border);padding:27px 30px;border-radius:20px;background:#fff}.pricing-benchmarks summary{cursor:pointer;font-weight:600;font-size:17px;line-height:1.7}.pricing-benchmarks>p{font-size:14px;line-height:1.9}.benchmark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:25px}.benchmark-grid article{padding:22px;border-radius:14px;background:#f8f9fc;display:flex;flex-direction:column;gap:10px}.benchmark-grid h4{font-size:16px;margin:0}.benchmark-grid p{font-size:12px;line-height:1.9;margin:0}.benchmark-grid .micro{font-size:10px}.benchmark-grid .eyebrow{font-size:8px}.benchmark-grid small{font-size:10px;color:var(--journey-muted)}.benchmark-grid a{font-size:11px;margin-top:auto}.benchmark-price{font-size:19px;color:#2d70c8;line-height:1.7}.benchmarks-section{padding-top:35px!important;padding-bottom:35px!important}.credentials-list{font-size:12px;line-height:1.9;padding-left:17px;color:#5f6978}.credentials-list li{margin:12px 0}.bio-degree{font-size:14px!important;line-height:1.95!important}.sph-network{border-top:1px solid var(--journey-border);padding-top:18px;margin:22px 0;display:flex;flex-direction:column;gap:10px}.sph-network small{font-size:10px;line-height:1.9;color:#748093}.sph-network a{font-size:13px}.about-copy .source-details{font-size:11px}.about-copy .source-details a{font-size:10px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,.comparison-scroll:focus-visible{outline:3px solid #5e9cec;outline-offset:4px}
@keyframes brand-roll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none}.brand-viewport{overflow-x:auto}.brand-group[aria-hidden=true]{display:none}.brand-logo img,.official-photo{transition:none!important}}
@media(max-width:760px){.brand-group{gap:30px;padding-right:30px}.brand-logo{width:135px;flex-basis:135px}.product-image-button{height:260px!important}.readiness-shell{padding:26px 20px}.quiz-options{grid-template-columns:1fr}.quiz-question{font-size:21px}.dimension-grid{grid-template-columns:1fr 1fr}.dimension-card{padding:14px}.readiness-section h2{font-size:34px}.workflow-stages{grid-template-columns:1fr 1fr}.service-dialog,.comparison-dialog{padding:42px 20px 28px;width:calc(100% - 20px)}.service-dialog h2,.comparison-dialog h2{font-size:27px}.compare-picks{gap:8px}.compare-picks label{font-size:10px}.compare-picks select{font-size:11px;padding:8px 4px}.benchmark-grid{grid-template-columns:1fr 1fr}.pricing-benchmarks{padding:22px 18px}.result-heading{gap:15px}.result-title{font-size:22px}.result-badge{width:65px;height:65px;font-size:22px}.brand-heading .eyebrow{font-size:9px}.brand-heading button{font-size:11px}}
@media(max-width:450px){.workflow-stages,.benchmark-grid{grid-template-columns:1fr}.role-options{flex-direction:column}.dimension-grid{gap:8px}.dimension-card strong{font-size:11px}.comparison-table th,.comparison-table td{padding:12px}.comparison-table th:first-child{min-width:85px}.modal-actions{align-items:stretch;flex-direction:column}.result-actions{align-items:flex-start;flex-direction:column}}
.comparison-table .product-image.official-photo{height:150px!important;max-height:150px;width:100%!important;object-fit:contain!important;background:transparent;mix-blend-mode:normal}.hero-art>img{width:100%;height:100%;max-width:100%;margin:0;object-fit:contain;object-position:50% 50%;mask-image:none}.hero-art{height:380px;margin-top:12px}.official-photo{background:transparent}.product-card .official-photo{background:transparent}.detail-layout>.official-photo{object-fit:contain!important}
@media(max-width:760px){.hero-art{height:300px}.hero-art>img{width:100%;height:100%;margin:0}}
.workflow-picker{display:flex;flex-direction:column;gap:7px;font-size:10px;margin:18px 0 12px}.workflow-picker select{font:inherit;padding:9px;background:white;border:1px solid var(--journey-border);border-radius:8px;max-width:100%}.workflow-stages .text-link{font-size:10px}
.quiz-question,.result-title{scroll-margin-top:150px}
.compare-scroll-hint{font-size:10px;color:var(--journey-muted);margin:8px 0}.source-details .collection-note{font-size:11px;line-height:1.9}
.about-grid{align-items:start}.about-grid .marc-portrait{margin:8px 0 0;align-self:start}.about-copy .bio-background{font-size:12px}.line-button:before{content:'';display:inline-block;width:24px;height:24px;background:url('assets/line-icon.svg') center/contain no-repeat;margin-right:9px;vertical-align:middle}
@media(max-width:760px){.about-grid .marc-portrait{margin:0 auto 10px}}
.comparison-coverage{background:#edf5ff;border:1px solid #dceafa;padding:13px 16px;border-radius:12px;font-size:12px;line-height:1.8;color:#2c639f}.sph-thailand-logo{display:block;width:min(100%,550px);height:auto;object-fit:contain;margin:0 0 16px}.comparison-table td small{line-height:1.8;margin-top:10px;max-width:220px}
.brand-logo.company-logo{width:260px;flex-basis:260px}.brand-logo.company-logo img{width:100%;height:auto}

/* Source-verified product imagery, packaging and Thai corporate mark. */

.product-photo-note{display:block;margin:12px 0 15px;font-size:10px;line-height:1.8;color:#6c7786}.product-image-button:has(.dark-photo){background:#090a0b!important}.product-image.official-photo.software-photo{width:150px!important;height:150px!important;max-height:150px;margin:40px auto 0;object-fit:contain!important;mix-blend-mode:normal}.product-image.official-photo.dark-photo{mix-blend-mode:normal}.product-photo-figure{margin:0;min-width:0;position:sticky;top:0;padding:28px;box-sizing:border-box;background:#f6f7f9}.product-photo-figure>.official-photo{display:block;width:100%!important;height:420px!important;max-height:420px;object-fit:contain!important;mix-blend-mode:normal}.product-photo-figure>.software-photo{height:180px!important;width:180px!important;margin:80px auto}.product-photo-figure:has(.dark-photo){background:#090a0b}.product-photo-figure:has(.dark-photo) figcaption{color:#b7c0d0}.product-photo-figure figcaption{font-size:10px;line-height:1.9;color:#6f7a88;margin-top:18px}.product-photo-figure figcaption a{color:var(--blue);white-space:nowrap}.product-photo-figure:has(.dark-photo) figcaption a{color:#9fc6ff}.company-connection{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid #edf0f5;padding:19px 0 8px;margin-top:18px}.company-connection>span{font-size:11px;color:#738093}.company-logo-link{display:inline-flex;width:min(100%,360px);align-items:center;background:#fff;padding:10px 12px;border-radius:10px;box-sizing:border-box}.company-logo-link img{display:block;width:100%;height:auto;max-width:422px;object-fit:contain}.sph-network .company-logo-link{width:min(100%,440px);padding:12px 0}.comparison-table .product-image.official-photo.software-photo{height:130px!important;width:130px!important;margin:auto}

@media(max-width:760px){.product-photo-figure{position:static;padding:22px}.product-photo-figure>.official-photo{height:285px!important;max-height:285px}.product-photo-figure>.software-photo{height:150px!important;width:150px!important;margin:35px auto}.company-connection{gap:8px;align-items:flex-start;flex-direction:column}.company-logo-link{width:min(100%,330px);padding:10px 0}.product-image.official-photo.software-photo{margin:25px auto 0}}