:root{--primary-color:#007bff;--secondary-color:#28a745;--accent-color:#ffc107;--danger-color:#dc3545;--text-dark:#212529;--text-medium:#495057;--text-light:#6c757d;--text-white:#fff;--background-light:#f8f9fa;--background-dark:#343a40;--card-background:#fff;--border-light:#e9ecef;--shadow-light:rgba(0,0,0,.08);--shadow-medium:rgba(0,0,0,.15);--transition-speed:0.3s ease}body{background-color:var(--background-light);font-family:Inter,Kanit,sans-serif;line-height:1.6;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3{color:var(--text-dark)}h1,h2,h3{font-family:Kanit,sans-serif;font-weight:700;margin-bottom:20px;margin-top:0}p{color:var(--text-medium);font-family:Inter,sans-serif}.container{margin:0 auto;max-width:1390px;padding:0 25px}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:#0056b3}.btn-primary-hero,.btn-primary-outline,.btn-secondary-hero,.btn-submit{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 28px;text-align:center;transition:all var(--transition-speed)}.btn-primary-hero{background-color:var(--primary-color);border:none;box-shadow:0 6px 15px rgba(0,123,255,.3);color:var(--text-white)}.btn-primary-hero:hover{background-color:#0056b3;box-shadow:0 8px 20px rgba(0,123,255,.4);transform:translateY(-2px)}.btn-secondary-hero{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-secondary-hero:hover{background-color:var(--primary-color);color:var(--text-white);transform:translateY(-2px)}.btn-primary-outline{background-color:transparent;border:2px solid var(--text-white);border-radius:6px;color:var(--text-white);font-size:.95rem;padding:10px 20px}.btn-primary-outline:hover{background-color:var(--text-white);color:var(--primary-color)}.btn-submit{background-color:var(--primary-color);border:none;box-shadow:0 4px 10px rgba(0,123,255,.2);color:var(--text-white);margin-top:20px;max-width:300px;width:100%}.btn-submit:hover{background-color:#0056b3;box-shadow:0 6px 15px rgba(0,123,255,.3);transform:translateY(-2px)}.small-btn{font-size:.95rem;padding:12px 25px}.hero-section{background:linear-gradient(135deg,var(--primary-color) 0,#030e1c 100%),url(/asset/images/bg-top-main.jpg);background-blend-mode:overlay;background-position:0 calc(50% + 100px);background-size:cover;box-shadow:0 4px 20px rgba(0,0,0,.1);color:var(--text-white);padding-bottom:80px}.navbar-landing{margin-bottom:50px;padding:25px 0}.navbar-landing .container{align-items:center;display:flex;justify-content:space-between}.navbar-landing .nav-links{flex-grow:1;text-align:center}.language-selector{align-items:center;display:flex;margin-left:10px;margin-right:10px}.language-selector .lang-link{border-radius:4px;color:var(--text-white);font-weight:600;padding:5px 8px;text-decoration:none;transition:background-color .3s ease}.language-selector .lang-link:hover{background-color:hsla(0,0%,100%,.2)}.language-selector .lang-link.active{background-color:var(--secondary-color);font-weight:700}.language-selector .lang-divider{color:var(--text-white);margin:0 5px}.logo-group{gap:15px}.brand-logo,.logo-group{align-items:center;display:flex}.brand-logo{color:var(--text-white);font-family:Kanit,sans-serif;font-size:1.8rem;font-weight:700;gap:8px}.brand-logo i{color:var(--secondary-color);font-size:2rem}.navbar-landing .brand-logo .fas{color:#428bca;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.logo-divider{color:hsla(0,0%,100%,.5);font-size:1.8rem;font-weight:300}.kdts-logo-link{align-items:center;background-color:hsla(0,0%,100%,.8);border-radius:5px;display:flex;filter:contrast(1.4);height:100%;padding:5px 10px;vertical-align:middle}.kdts-logo-nav{height:35px;transition:transform var(--transition-speed);width:auto}.kdts-logo-nav:hover{transform:scale(1.05)}.nav-links a{color:var(--text-white);font-size:1.05rem;font-weight:600;margin-left:30px;transition:color var(--transition-speed)}.nav-links a:hover{color:var(--accent-color)}.hero-content{padding:50px 0;text-align:center}.hero-content h1{color:#fff;font-size:3.5rem;line-height:1.2;margin-bottom:25px;text-shadow:0 0 10px rgba(0,0,0,.4)}.hero-content .highlight-text{color:var(--accent-color);text-shadow:0 0 10px hsla(0,0%,100%,.2)}.hero-content .tagline{color:#fff;font-size:1.3rem;line-height:1.6;margin-bottom:40px;text-shadow:0 0 5px rgba(0,0,0,.3)}.hero-buttons{display:flex;gap:20px;justify-content:center}section{padding:80px 0}.section-description{color:var(--text-medium);font-size:1.15rem;margin:0 auto 50px;max-width:800px;text-align:center}h2{font-size:2.5rem;margin-bottom:20px;text-align:center}.features-section{background-color:var(--card-background)}.features-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background-color:var(--card-background);border-radius:12px;box-shadow:0 8px 25px var(--shadow-light);padding:30px;text-align:center;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.feature-card:hover{box-shadow:0 12px 30px var(--shadow-medium);transform:translateY(-10px)}.feature-card .icon-wrapper{align-items:center;background-color:var(--primary-color);border-radius:50%;box-shadow:0 4px 15px rgba(0,123,255,.2);color:var(--text-white);display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 25px;width:80px}.feature-card h3{color:var(--text-dark);font-size:1.4rem;margin-bottom:15px}.feature-card p{color:var(--text-medium);font-size:1rem}.how-it-works-section{background-color:var(--background-light)}.workflow-steps{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:80px}.step-card{background-color:var(--card-background);border-radius:12px;box-shadow:0 6px 20px var(--shadow-light);overflow:hidden;padding:30px;position:relative;text-align:center}.step-number{color:rgba(0,123,255,.1);font-size:3rem;font-weight:800;left:10px;position:absolute;top:-10px;z-index:0}.step-card h3{color:var(--text-dark);font-size:1.3rem;margin-bottom:10px}.step-card h3,.step-card p{position:relative;z-index:1}.step-card p{color:var(--text-medium);font-size:.95rem}.step-icon{bottom:15px;color:rgba(0,123,255,.15);font-size:3.5rem;position:absolute;right:15px;z-index:0}.screenshot-area{align-items:center;background-color:var(--background-secondary);border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,.1);display:flex;flex-direction:column;margin-top:60px;padding:40px}.screenshot-text{margin-bottom:40px;max-width:700px;text-align:center}.screenshot-text h3{font-size:2rem;margin-bottom:20px;text-align:left}.screenshot-text p{font-size:1.1rem;margin-bottom:30px;text-align:left}.screenshot-gallery{display:flex;flex-wrap:wrap;gap:35px;justify-content:center;width:100%}.screenshot-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.15);flex-basis:calc(33.333% - 35px);max-width:380px;overflow:hidden;position:relative}.screenshot-item img{border-bottom:1px solid #eee;display:block;height:auto;width:100%}.screenshot-item .overlay-text{background-color:var(--primary-color-light);color:var(--text-dark);font-size:.95rem;font-weight:500;line-height:1.3;padding:10px 5px;position:static;text-align:center;width:100%}.screenshot-placeholder{align-items:center;background-color:var(--background-dark);border-radius:12px;box-shadow:0 10px 30px var(--shadow-medium);color:var(--text-white);display:flex;flex:2;font-size:1.2rem;font-style:italic;height:400px;justify-content:center;min-width:400px;overflow:hidden;position:relative}.screenshot-placeholder img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.7;width:100%}.screenshot-placeholder .overlay-text{background-color:rgba(0,0,0,.5);border-radius:8px;font-weight:600;left:50%;padding:15px 30px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.pci-dss-compliance-section{background-color:var(--background-dark);color:var(--text-white);padding:100px 0;text-align:center}.pci-dss-content{margin:0 auto;max-width:1000px}.pci-dss-icon{color:var(--accent-color);display:inline-block;font-size:4.5rem;margin-bottom:30px;position:relative}.pci-dss-icon .fa-shield-alt{bottom:5px;color:var(--secondary-color);font-size:3rem;position:absolute;right:-10px}.pci-dss-compliance-section h2{color:var(--text-white);font-size:2.8rem;margin-bottom:25px}.pci-dss-compliance-section .section-description{color:hsla(0,0%,100%,.9);margin-bottom:60px}.pci-dss-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:50px}.pci-dss-item{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:30px;text-align:left;transition:background-color var(--transition-speed),transform var(--transition-speed)}.pci-dss-item:hover{background-color:hsla(0,0%,100%,.15);transform:translateY(-5px)}.pci-dss-item i{color:var(--primary-color);display:block;font-size:2.5rem;margin-bottom:20px}.pci-dss-item h3{color:var(--text-white);font-size:1.5rem;margin-bottom:15px}.pci-dss-item p{color:hsla(0,0%,100%,.8);font-size:1rem;line-height:1.6}.pci-dss-item strong{color:var(--accent-color)}.pci-dss-note{color:hsla(0,0%,100%,.6);font-size:.9rem;line-height:1.5;margin-top:30px}.new-era-section{background:linear-gradient(135deg,#061a62,#4b2020);box-shadow:inset 0 5px 15px rgba(0,0,0,.2),inset 0 -5px 15px rgba(0,0,0,.2);color:var(--text-white);padding:100px 0;text-align:center}.new-era-content{margin:0 auto;max-width:900px}.new-era-content .icon-large{animation:bounceIn 1s ease-out;color:var(--accent-color);font-size:5rem;margin-bottom:30px}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.new-era-content h2{color:var(--text-white);font-size:3rem;margin-bottom:25px}.new-era-description{color:hsla(0,0%,100%,.9);font-size:1.4rem;line-height:1.6;margin-bottom:30px}.new-era-content ul{list-style:none;margin:0 auto 40px;max-width:800px;padding:0;text-align:left}.new-era-content ul li{align-items:flex-start;color:hsla(0,0%,100%,.95);display:flex;font-size:1.2rem;gap:15px;margin-bottom:15px}.new-era-content ul li i{color:var(--secondary-color);font-size:1.5rem;margin-top:2px}.new-era-content ul li strong{color:var(--text-white);display:inline-block;margin-right:5px;min-width:260px;text-align:left}.new-era-content .call-to-action-cloud{color:var(--accent-color);font-size:1.3rem;font-weight:600;margin-bottom:30px}.case-studies-section{background-color:var(--background-light);padding:80px 0;text-align:center}.case-studies-section h2{color:var(--text-dark);margin-bottom:20px}.case-studies-section .section-description{color:var(--text-medium);margin-bottom:60px}.case-study-card{background-color:var(--card-background);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 10px 30px var(--shadow-light);margin:0 auto;max-width:900px;padding:40px;text-align:left;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.case-study-card:hover{box-shadow:0 15px 40px var(--shadow-medium);transform:translateY(-8px)}.case-study-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px}.case-study-logo{height:70px;-o-object-fit:contain;object-fit:contain;width:auto}.case-study-header h3{color:var(--primary-color);font-size:2rem;margin-bottom:0}.industry-tag{background-color:var(--secondary-color);border-radius:20px;color:var(--text-white);font-size:.9rem;font-weight:600;margin-left:auto;padding:8px 15px}.case-study-content p{color:var(--text-medium);font-size:1.1rem;line-height:1.7;margin-bottom:15px}.case-study-content strong{color:var(--text-dark)}.challenge-highlight{border-left:4px solid var(--danger-color)}.challenge-highlight,.solution-highlight{margin-bottom:25px!important;padding-left:15px}.solution-highlight{border-left:4px solid var(--primary-color)}.result-highlight{border-left:4px solid var(--secondary-color);margin-bottom:25px!important;padding-left:15px}.case-study-btn{align-items:center;display:inline-flex;justify-content:center;margin-top:25px;max-width:none;width:auto}.contact-section{background-color:var(--card-background)}.contact-section h2{text-align:center}.contact-button-area{margin-bottom:50px;margin-top:40px;text-align:center}.contact-button-area .btn-submit{font-size:1.2rem;max-width:450px;padding:15px 30px}.contact-info-below-form{border-top:1px solid var(--border-light);margin-top:50px;padding-top:30px;text-align:center}.contact-info-below-form h3{color:var(--text-dark);font-size:1.8rem;margin-bottom:25px}.contact-info-below-form p{align-items:center;color:var(--text-medium);display:flex;font-size:1.1rem;gap:10px;justify-content:center;margin-bottom:15px}.contact-info-below-form p i{color:var(--primary-color);font-size:1.3rem}.contact-form,.contact-iframe-container{display:none}footer{background-color:var(--background-dark);color:var(--text-white);font-size:.9rem;padding:40px 0;text-align:center}.footer-content-flex{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.footer-logo-area{align-items:center;display:flex;gap:15px}.brand-logo-footer{align-items:center;color:var(--text-white);display:flex;font-family:Kanit,sans-serif;font-size:1.6rem;font-weight:700;gap:8px}.brand-logo-footer i{color:var(--secondary-color);font-size:1.8rem}.footer-logo-area .brand-logo-footer .fas{color:#428bca;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.kdts-logo-link-footer{background-color:hsla(0,0%,100%,.8);border-radius:5px;display:inline-block;margin-left:15px;padding:8px 15px}.kdts-logo-footer{height:35px;vertical-align:middle;width:auto}.kdts-logo-footer:hover{opacity:1}.copyright-text{color:hsla(0,0%,100%,.7);margin-top:15px}.footer-links{margin-bottom:0}.footer-links a{color:hsla(0,0%,100%,.7);margin:0 15px;transition:color var(--transition-speed)}.footer-links a:hover{color:var(--secondary-color)}.social-media{margin-top:0}.social-media a{color:hsla(0,0%,100%,.7);font-size:1.5rem;margin:0 10px;transition:color var(--transition-speed)}.social-media a:hover{color:var(--secondary-color)}@media (max-width:992px){.navbar-landing .nav-links{display:none}.hero-content h1{font-size:2.8rem;text-shadow:0 0 8px rgba(0,0,0,.3)}.hero-content .tagline{font-size:1.1rem;text-shadow:0 0 4px rgba(0,0,0,.2)}.hero-buttons{flex-direction:column;gap:15px}.btn-primary-hero,.btn-secondary-hero{max-width:350px;width:80%}h2{font-size:2rem}.section-description{font-size:1rem;margin-bottom:40px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{padding:25px}.feature-card .icon-wrapper{font-size:2.2rem;height:70px;width:70px}.how-it-works-section .workflow-steps{gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.step-card{padding:25px}.step-number{font-size:2.5rem}.step-icon{font-size:3rem}.screenshot-area{align-items:center;background-color:var(--background-secondary);border-radius:10px;box-shadow:0 8px 25px rgba(0,0,0,.1);display:flex;flex-direction:column;margin-top:60px;padding:40px}.screenshot-text{margin-bottom:40px;max-width:700px;text-align:center}.screenshot-gallery{gap:20px}.screenshot-item{flex-basis:calc(50% - 20px);max-width:45%}.screenshot-placeholder{height:300px}.screenshot-text h3{font-size:1.8rem;text-align:center}.screenshot-text p{font-size:1rem;text-align:center}.btn-primary-hero.small-btn{margin:0 auto}.pci-dss-compliance-section h2{font-size:2.2rem}.pci-dss-compliance-section .section-description{font-size:1rem}.pci-dss-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pci-dss-item{padding:25px}.pci-dss-item h3{font-size:1.3rem}.new-era-content h2{font-size:2.5rem}.new-era-description{font-size:1.2rem}.new-era-content ul li{font-size:1rem}.new-era-content ul li i{font-size:1.3rem}.new-era-content .call-to-action-cloud{font-size:1.1rem}.case-study-card{padding:30px}.case-study-logo{height:60px}.case-study-header h3{font-size:1.8rem}.industry-tag{font-size:.85rem;padding:7px 12px}.case-study-content p{font-size:1rem}}@media (max-width:768px){.container{padding:0 15px}.navbar-landing .brand-logo{font-size:1.5rem}.navbar-landing .brand-logo i{font-size:1.8rem}.logo-group{align-items:flex-start;flex-direction:column;gap:5px}.logo-divider{display:none}.kdts-logo-nav{height:30px}.btn-primary-outline{font-size:.9rem;padding:8px 15px}.hero-content h1{font-size:2.2rem;text-shadow:0 0 6px rgba(0,0,0,.2)}.hero-content .tagline{font-size:1rem;text-shadow:0 0 3px rgba(0,0,0,.15)}.hero-buttons{gap:10px}.btn-primary-hero,.btn-secondary-hero{font-size:1rem;padding:12px 20px}section{padding:60px 0}h2{font-size:1.8rem}.section-description{font-size:.95rem;margin-bottom:30px}.features-grid{grid-template-columns:1fr}.feature-card{padding:20px}.feature-card .icon-wrapper{font-size:2rem;height:60px;width:60px}.feature-card h3{font-size:1.2rem}.workflow-steps{grid-template-columns:1fr}.step-card{padding:20px}.step-number{font-size:2.5rem}.step-icon{font-size:3rem}.screenshot-placeholder{height:250px}.screenshot-text h3{font-size:1.5rem}.screenshot-text p{font-size:.95rem}.screenshot-area{padding:30px 20px}.screenshot-gallery{align-items:center;flex-direction:column}.screenshot-item{flex-basis:auto;max-width:90%}.screenshot-text h3{font-size:1.8rem}.screenshot-text p{font-size:1rem}.pci-dss-compliance-section{padding:60px 0}.pci-dss-icon{font-size:3.5rem}.pci-dss-icon .fa-shield-alt{font-size:2.5rem}.pci-dss-compliance-section h2{font-size:1.8rem}.pci-dss-compliance-section .section-description{font-size:.9rem;margin-bottom:40px}.pci-dss-grid{grid-template-columns:1fr}.pci-dss-item{padding:20px;text-align:center}.pci-dss-item i{margin:0 auto 15px}.pci-dss-item h3{font-size:1.2rem}.pci-dss-item p{font-size:.9rem}.new-era-content h2{font-size:2rem}.new-era-description{font-size:1rem}.new-era-content ul li{font-size:.9rem}.new-era-content ul li i{font-size:1.2rem}.new-era-content .call-to-action-cloud{font-size:1rem}.case-study-card{padding:25px}.case-study-header{align-items:center;flex-direction:column;gap:10px;text-align:center}.case-study-logo{height:50px}.case-study-header h3{font-size:1.5rem}.industry-tag{margin-left:0}.case-study-content p{font-size:.95rem}.case-study-btn{max-width:300px;width:100%}.contact-button-area .btn-submit{font-size:1rem;padding:12px 20px}.contact-info-below-form{margin-top:30px;padding-top:20px}.contact-info-below-form h3{font-size:1.3rem}.contact-info-below-form p{font-size:.9rem}footer{padding:30px 0}.footer-content-flex{flex-direction:column;gap:30px;text-align:center}.footer-logo-area{flex-direction:column;gap:10px}.brand-logo-footer{font-size:1.4rem}.brand-logo-footer i{font-size:1.6rem}.kdts-logo-footer{height:35px}.footer-links a{display:block;margin:5px 0}}