*{box-sizing:border-box}body{visibility:visible;color:#333;background-color:#f4f6f8;margin:0;font-family:Prompt,sans-serif;overflow-x:hidden}h2,h3,h4{margin-top:0;font-weight:600}.text-justify{text-align:left;text-indent:3rem}.top-nav{z-index:100;opacity:.95;background-color:#292929;border-bottom:4px solid #e67e22;justify-content:space-between;align-items:center;padding:12px 40px;display:flex;position:sticky;top:0;box-shadow:0 4px 6px #0000000d}.nav-brand{align-items:center;gap:15px;display:flex}.nav-brand-logo{object-fit:contain;width:auto;height:45px}.nav-brand-text{flex-direction:column;display:flex}.nav-brand-title{color:#f39c12;text-shadow:1px 1px 2px #00000080;margin:0;font-size:1.25rem;font-weight:600}.nav-brand-subtitle{color:#fff;text-shadow:1px 1px 2px #00000080;margin:1.5px 0 0;font-size:.8rem;font-weight:400}.menu-list{margin:0;padding:0;list-style:none;display:flex}.menu-list li{color:#fff;cursor:pointer;padding:12px 25px;font-size:1.1rem;font-weight:600;transition:all .3s;position:relative}.menu-list li:hover{color:#e67e22;background-color:#333}.menu-list li.active{color:#fff;background-color:#e67e22}.menu-list li i{margin-right:5px}.dropdown-content{z-index:1;background-color:#4d4c4b;border-radius:0 0 8px 8px;min-width:180px;display:none;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 16px #0003}.dropdown-content a{color:#fff;padding:12px 20px;font-size:1rem;font-weight:400;text-decoration:none;display:block}.dropdown-content a:hover{color:#fff;background-color:#e67e22}.dropdown:hover .dropdown-content{display:block}.main-content{z-index:10;margin-top:0;padding:40px 20px;position:relative}body.is-home .main-content{margin-top:-200px}.container{max-width:1100px;margin:0 auto}.section-title{color:#4d4c4b;border-bottom:2px solid #e67e22;margin-bottom:25px;padding-bottom:10px;display:inline-block}.tab-content{display:none}.tab-content.active{animation:.4s fadeIn;display:block}.guide-grid{grid-template-columns:1fr 1fr;gap:25px;margin-top:25px;display:grid}.guide-card{background:#fff;border:1px solid;border-radius:12px;padding:25px}.guide-card h4{border-bottom:1px solid #0000000d;padding-bottom:10px}.guide-card.success{border-color:#2ecc71}.guide-card.success h4{color:#27ae60}.guide-card.error{border-color:#e74c3c}.guide-card.error h4{color:#c0392b}.guide-card ul{margin:15px 0;padding:0;list-style:none}.guide-img{border:1px solid #0000001a;border-radius:8px;width:100%;margin-top:15px}.input-card{background-color:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:30px;padding:30px;box-shadow:0 4px 15px #0000000d}.step-box{margin-bottom:25px}.step-box label{color:#4d4c4b;margin-bottom:10px;font-size:1.1rem;display:block}select{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 20px;font-family:Prompt,sans-serif}.upload-dropzone{text-align:center;cursor:pointer;background-color:#f5f6fa;border:2px dashed #b2babb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;margin-top:15px;padding:30px;transition:all .3s;display:flex}.upload-dropzone:hover,.upload-dropzone.dragover{background-color:#fffaf0;border-color:#e67e22}#image-preview{object-fit:contain;border-radius:8px;max-width:100%;max-height:200px;margin-top:10px;box-shadow:0 4px 10px #0000001a}.result-card{background-color:#fff;border:2px solid #e67e22;border-radius:12px;margin-top:30px;padding:15px 25px 25px;animation:.4s slideUp;box-shadow:0 4px 15px #e67e221a}.result-images-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;display:grid}.image-column{flex-direction:column;align-items:center;display:flex}.image-label{color:#4d4c4b;align-items:center;gap:8px;margin:0 0 10px;font-size:1.05rem;font-weight:600;display:flex}.image-label i{color:#e67e22}.img-frame{background-color:#fafafa;border:1px solid #e8e8e8;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:420px;padding:10px;display:flex}.img-frame img{object-fit:contain;border-radius:6px;max-width:100%;max-height:440px}.result-text-box-bottom{text-align:center;background-color:#fdfaf6;border:1.5px solid #ebb181;border-left:6px solid #ef8617;border-radius:10px;padding:22px 25px;box-shadow:0 2px 8px #0000000a}.summary-lead{color:#555;margin:0 0 15px;font-size:1.15rem;font-weight:600}.simple-summary-text p{color:#4d4c4b;margin:5px 0;font-size:1.1rem;line-height:1.8}.gender-text-inline{color:#e67e22;font-size:1.2rem;font-weight:700}.button-container{text-align:center;margin-top:25px}.action-buttons{border-top:1px solid #eee;justify-content:center;align-items:center;gap:20px;margin-top:15px;padding-top:15px;display:flex}.export-select{width:auto;padding:12px}.primary-btn,.secondary-btn{cursor:pointer;border:none;border-radius:8px;font-family:Prompt,sans-serif;font-size:1.1rem;font-weight:600;transition:all .3s}.primary-btn{color:#fff;background-color:#e67e22;padding:12px 30px;box-shadow:0 4px 6px #e67e2233}.primary-btn:hover{background-color:#d35400;box-shadow:0 6px 12px #d354004d}.secondary-btn{color:#333;background-color:#bdc3c7;padding:12px 30px}.secondary-btn:hover{color:#fff;background-color:#95a5a6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.result-images-grid{grid-template-columns:1fr;gap:20px}.img-frame{min-height:250px}.action-buttons{flex-direction:column}}@keyframes initialFadeSlideUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.main-heading-th,.main-heading-en,.main-sub-text,.main-content{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards initialFadeSlideUp}.main-heading-th{animation-delay:.1s}.main-heading-en{animation-delay:.25s}.main-sub-text{animation-delay:.4s}.main-content{animation-delay:.55s}.no-animation{opacity:1;animation:none;transform:translateY(0)}.hero-card{background:#fff;border-top:5px solid #e67e22;border-radius:12px;margin-bottom:25px;padding:35px;box-shadow:0 4px 20px #0000000f}.hero-card h2{text-align:center;color:#4d4c4b;margin-bottom:20px;font-size:1.7rem}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:20px;display:grid}.metric-item{text-align:center;background:#fdfaf6;border:1px solid #f6d8b9;border-radius:8px;padding:15px;box-shadow:0 2px 5px #e67e220d}.metric-value{color:#e67e22;margin-bottom:5px;font-size:1.6rem;font-weight:700;display:block}.metric-label{color:#555;font-size:.95rem;font-weight:600}.metric-note{color:#30281d;background:#efefef;border-radius:6px;margin-bottom:20px;padding:10px 15px;font-size:.95rem}.alert-box{color:#7d6608;background:#fcf3cf;border-left:4px solid #f1c40f;border-radius:6px;padding:12px 18px;font-size:.95rem}.content-card{background:#fff;border-left:5px solid #4d4c4b;border-radius:12px;margin-bottom:25px;padding:30px;box-shadow:0 4px 15px #0000000d}.content-card h3{color:#4d4c4b;align-items:center;gap:10px;margin-bottom:15px;font-size:1.5rem;display:flex}.content-card p{color:#444;margin-bottom:15px;font-size:1.2rem;line-height:1.8}.grid-2-col{grid-template-columns:1fr 1fr;gap:25px;display:grid}.custom-list{margin:0;padding:0;list-style:none}.custom-list li{color:#444;margin-bottom:15px;padding-left:25px;font-size:1.2rem;line-height:1.6;position:relative}.custom-list li i{color:#e67e22;position:absolute;top:4px;left:0}.two-tone-banner{text-align:center;color:#fff;background:linear-gradient(135deg,#252525 0%,#877660 50%,#2e2e2e 100%);padding:50px 20px 200px;display:none;box-shadow:inset 0 10px 15px -10px #0000004d}.two-tone-banner.active-banner{display:block}.banner-inner-text{max-width:1000px;margin:0 auto}.main-heading-th{color:#fff;text-shadow:2px 2px 6px #0006;letter-spacing:.5px;margin:0 0 30px;font-size:2.5rem;font-weight:700}.main-heading-en{color:#fead2a;text-shadow:1px 1px 4px #0006;margin:0 0 30px;font-size:1.5rem;font-weight:600}.main-sub-text{color:#fff;opacity:.95;margin:0;font-size:1.7rem;font-weight:500}.example-section-box{background:#fff;border:1px solid #eee;border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000000d}.example-box-title{align-items:center;gap:8px;margin-bottom:10px;font-size:1.2rem;display:flex}.success-title{color:#27ae60}.error-title{color:#c0392b}.table-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;margin-top:15px;padding:0;overflow:hidden;box-shadow:0 4px 15px #0000000d}.example-table{border-collapse:collapse;text-align:center;table-layout:fixed;width:100%;font-family:Prompt,sans-serif}.example-table th,.example-table td{vertical-align:middle;box-sizing:border-box;border:1px solid #e0e0e0;padding:15px}.example-table td{height:180px}.example-table thead th{color:#fff;background-color:#4d4c4b;font-size:.95rem;font-weight:600}.table-img{object-fit:contain;background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;width:auto;height:300px;margin:0 auto;display:block}.step-guide-card{background-color:#fff;border:1px solid #e0e0e0;border-left:5px solid #e67e22;border-radius:12px;margin-bottom:25px;padding:30px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000d}.step-guide-header{border-bottom:1px solid #f0f0f0;align-items:center;gap:15px;margin-bottom:10px;padding-bottom:15px;display:flex}.step-number{color:#fff;background-color:#e67e22;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 8px #e67e224d}.step-title{color:#4d4c4b;margin:0;font-size:1.3rem;font-weight:600}.step-text-content p{color:#555;margin-bottom:10px;font-size:1.2rem;line-height:1.7}.step-image-placeholder{box-sizing:border-box;background-color:#0000;border:2px solid #e67e22;border-radius:8px;justify-content:center;align-items:center;width:fit-content;max-width:100%;height:auto;margin:10px auto 0;display:flex;overflow:hidden}.step-img-mockup{object-fit:contain;opacity:1;border-radius:4px;width:100%;max-width:450px;height:auto;display:block}.step-guide-body.grid-2-col{align-items:center}.step-img-mockup[src]:not([src=""]){opacity:1}.home-fullwidth-footer{color:#fff;background-color:#2b2b2b;border-top:4px solid #e67e22;width:100vw;margin:30px -50vw -40px;padding:50px 20px 25px;position:relative;left:50%;right:50%;box-shadow:inset 0 10px 15px -10px #0006}.footer-inner-content{max-width:1100px;margin:0 auto}.footer-title{text-align:center;color:#fff;margin:0 0 6px;font-size:1.6rem;font-weight:600}.footer-subtitle{text-align:center;color:#e67e22;margin:0 0 40px;font-size:.95rem}.footer-grid{grid-template-columns:1fr 1.3fr;gap:50px;margin-bottom:35px;display:grid}.col-head{color:#fff;border-bottom:1px solid #444;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:8px;font-size:1.15rem;display:flex}.col-head i{color:#e67e22}.person-box{flex-direction:column;margin-bottom:18px;display:flex}.person-box:last-child{margin-bottom:0}.person-name{color:#fff;font-size:1.05rem;font-weight:600}.person-dept{color:#b3b3b3;margin-top:2px;font-size:.85rem;line-height:1.5}.tag-label{color:#fff;margin-bottom:4px;font-size:1.15rem;font-weight:600}.lead-advisor{margin-bottom:20px}.advisor-chips{grid-template-columns:1fr 1fr;gap:8px 12px;margin-top:6px;display:grid}.advisor-chips span{color:#ccc;align-items:center;font-size:.9rem;display:flex}.advisor-chips span:before{content:"•";color:#e67e22;margin-right:6px;font-size:1.1rem}.footer-bottom-copy{text-align:center;color:#888;border-top:1px solid #3d3d3d;padding-top:20px;font-size:.8rem}#export-container{opacity:0;pointer-events:none;z-index:-1000;position:absolute;top:0;left:-9999px}.a4-report{color:#333;box-sizing:border-box;background-color:#fff;flex-direction:column;width:794px;height:1122px;max-height:1122px;padding:30px 40px;font-family:Prompt,sans-serif;display:flex;overflow:hidden}#report-image{object-fit:contain;border:1px solid #ddd;border-radius:8px;width:auto;max-width:85%;max-height:450px;margin-bottom:10px;display:block;box-shadow:0 4px 8px #0000000d}.report-conclusion{text-align:center;background-color:#fdfaf6;border:2px solid #e67e22;border-radius:10px;width:85%;margin:0 auto;padding:15px 20px;box-shadow:0 4px 10px #0000000d}.report-title-container{justify-content:flex-start;align-items:center;gap:20px;margin-bottom:15px;display:flex}.report-header{margin-bottom:20px}.report-logo{object-fit:contain;width:75px;height:auto}.report-title-text{flex-direction:column;justify-content:center;display:flex}.report-header h3{color:#4d4c4b;text-align:left;margin:0 0 5px;font-size:20px;font-weight:600}.eng-subtitle{color:#7f8c8d;text-align:left;margin:0;font-size:14px;font-weight:400}.report-header hr{border:0;border-top:2px solid #ccc;margin-top:15px;margin-bottom:20px}.report-body{flex-direction:column;flex:1;align-items:center;gap:25px;display:flex}.report-footer{color:#7f8c8d;text-align:center;margin-top:auto;font-size:14px}.report-footer hr{border:0;border-top:1px solid #ccc;margin-bottom:15px}.summary-box-hidden,.summary-report-box-hidden{display:none!important}.summary-title{color:#e67e22;text-align:center;margin-bottom:12px;font-size:1.3rem;font-weight:600}.summary-text{text-align:center;color:#333;margin:0;font-size:1.25rem;font-weight:600}.summary-report-box{text-align:center;margin-top:0 auto;box-sizing:border-box;background-color:#fff9f5;border:2px dashed #e67e22;border-radius:8px;width:85%;padding:10px 20px}.summary-report-title{color:#e67e22;margin:0 0 10px;font-size:18px;font-weight:600}.summary-report-text{color:#333;margin:0;font-size:16px;font-weight:600}.custom-select{font-family:Prompt,sans-serif;position:relative}.select-selected{cursor:pointer;color:#4d4c4b;-webkit-user-select:none;user-select:none;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:12px 20px}.select-selected:after{content:" ▾";float:right;font-weight:700}.select-items{z-index:99;background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:5px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 6px #0000001a}.select-items div{color:#4d4c4b;cursor:pointer;padding:12px 20px;transition:background .2s}.select-items div:hover{color:#fff;background-color:#e67e22}.select-hide{display:none}.hamburger-btn{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:26px;height:20px;padding:0;display:none}.hamburger-btn span{transform-origin:0;background-color:#fff;border-radius:3px;width:100%;height:3px;transition:all .35s cubic-bezier(.4,0,.2,1)}.hamburger-btn.open span:first-child{top:-1px;transform:rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0;width:0}.hamburger-btn.open span:nth-child(3){top:1px;transform:rotate(-45deg)}.partner-links-section{margin-top:25px;padding:35px 40px 45px}.partner-title-container{justify-content:center;align-items:center;margin-bottom:35px;display:flex}.partner-title{color:#eb6e08;text-align:center;letter-spacing:2px;margin:0;font-size:1.25rem;font-weight:600}.partner-title-line{background-color:#eb9010;width:100px;height:1.5px}.clients-slider{padding-bottom:40px;overflow:hidden}.clients-slider .swiper-slide{opacity:.8;justify-content:center;align-items:center;height:150px;transition:all .3s;display:flex}.clients-slider .swiper-slide:hover{opacity:1}.clients-slider .swiper-slide img.partner-logo{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:150px;display:block}.clients-slider .swiper-pagination{margin-top:20px;position:relative}.clients-slider .swiper-pagination .swiper-pagination-bullet{opacity:1;background-color:#fff;border:1px solid #e08a07;width:12px;height:12px;margin:0 5px}.clients-slider .swiper-pagination .swiper-pagination-bullet-active{background-color:#e08a07;border-color:#e08a07}@media (width>=769px){.container{width:100%;max-width:1100px;margin:0 auto}#guide-manual,#guide-examples,#predict{max-width:1100px;margin:0 auto}}html{scroll-behavior:smooth;height:100%}body{-webkit-overflow-scrolling:touch;min-height:100%;overflow-x:hidden;transform:translateZ(0)}@media (width<=768px){html,body{width:100%;max-width:100%;position:relative}.top-nav{z-index:9999;opacity:.95;box-sizing:border-box;background-color:#292929;border-bottom:4px solid #e67e22;justify-content:space-between;align-items:center;width:100%;padding:10px 15px;display:flex;top:0;box-shadow:0 4px 6px #0000000d}.nav-brand{gap:10px;max-width:calc(100% - 45px)}.nav-brand-logo{height:36px}.nav-brand-title{white-space:normal;font-size:.85rem;line-height:1.25}.nav-brand-subtitle{opacity:.85;margin-top:2px;font-size:.65rem;line-height:1.2;display:block}.hamburger-btn{display:flex}.menu-list{z-index:1000;background-color:#242424;border-bottom:3px solid #e67e22;flex-direction:column;width:100%;max-height:0;padding:0;transition:max-height .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 20px #0006}.menu-list.active{max-height:350px}.menu-list li{border-bottom:1px solid #ffffff14;width:100%;padding:14px 20px;font-size:1rem}.dropdown-content{box-shadow:none;background-color:#1a1a1a;border-radius:6px;max-height:0;margin-top:0;padding:0 10px;transition:max-height .35s,padding .35s;display:block;position:static;overflow:hidden}.dropdown.open .dropdown-content{max-height:140px;margin-top:8px;padding:6px 10px}.dropdown-content a{border-bottom:1px solid #ffffff0d;padding:10px 15px;font-size:.92rem}.arrow-icon{float:right;margin-top:4px;font-size:.8rem;transition:transform .3s}.dropdown.open .arrow-icon{transform:rotate(180deg)}.two-tone-banner{padding:25px 15px 120px}.main-heading-th{margin-top:30px;margin-bottom:12px;font-size:1rem;line-height:1.4}.main-heading-en{margin-bottom:12px;font-size:.85rem;line-height:1.3}.main-sub-text{font-size:.7rem;font-weight:600}body.is-home .main-content{margin-top:-95px}.main-content{padding:20px 12px}.container{width:100%;max-width:100%}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.metric-item{text-align:center;background:#fdfaf6;border:1px solid #f6d8b9;border-radius:8px;padding:15px;box-shadow:0 2px 5px #e67e220d}.metric-value{font-size:1rem;font-weight:700}.metric-label{font-size:.8rem}.hero-card,.content-card,.input-card,.step-guide-card,.example-section-box{padding:18px 14px}.hero-card h2,.content-card h3{font-size:1.25rem;line-height:1.3}.grid-2-col,.footer-grid{grid-template-columns:1fr;gap:15px}.footer-title{font-size:1.4rem;line-height:1.3}.footer-subtitle{font-size:.85rem;font-weight:400}.step-text-content p,.custom-list li,.content-card p{text-indent:0;font-size:.85rem}.tag-label{font-size:.9rem}.person-name{font-size:.6rem}.person-dept{font-size:.55rem}.step-number{width:30px;height:30px;font-size:1rem;font-weight:700}.step-guide-header h4,.example-section-box h4{font-size:1rem}.example-section-box p{font-size:.85rem}.metric-note{font-size:.7rem}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.example-table{table-layout:auto;width:600px}.table-img{height:150px}.section-title{font-size:1.15rem;line-height:1.3}.step-box,.step-box label{font-size:1rem}.step-box p{font-size:.85rem}.home-fullwidth-footer{box-sizing:border-box;width:100vw;margin-bottom:-40px;margin-left:-50vw;margin-right:-50vw;padding:35px 20px 25px;position:relative;left:50%;right:50%}.step-guide-card,.content-card,.hero-card{box-sizing:border-box;width:100%;overflow:hidden}.step-report-preview{width:100%;max-width:260px;min-height:auto;margin:15px auto 0}.step-report-preview img{width:100%;height:auto}.partner-links-section{margin-top:20px;padding:25px 15px 20px}.partner-title-container{margin-bottom:5px}.partner-title{letter-spacing:1px;font-size:1.15rem}.partner-title-line{width:45px}.clients-slider{padding-bottom:20px}.clients-slider .swiper-slide{height:150px}.clients-slider .swiper-slide img.partner-logo{max-height:100px}.clients-slider .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 4px}.upload-dropzone{min-height:100px}.summary-title{margin-bottom:8px;font-size:1.1rem}.summary-text{font-size:1.05rem}}