:root{--bg-dark: #212121;--bg-medium: #2c2c2c;--primary-color: #ff9800;--secondary-color: #e53935;--light-text: #e0e0e0;--lighter-text: #bdbdbd;--white: #ffffff;--border-color: #424242;--bg-light-cream: #faf9f6;--dark-text: #2c2c2c;--light-border-color: #e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Sarabun,sans-serif;color:var(--light-text);background-color:var(--bg-dark);line-height:1.7}body.nav-open{overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:80px 0}h1,h2,h3{font-weight:700;margin-bottom:20px;text-align:center}h1{font-size:3.2rem;color:var(--primary-color)}h2{font-size:2.5rem;color:var(--primary-color)}h3{font-size:1.8rem;color:var(--light-text)}p{margin-bottom:20px;color:var(--lighter-text);text-align:center;font-size:1.1rem}.btn{display:inline-block;padding:14px 35px;border-radius:50px;text-decoration:none;font-weight:700;transition:all .3s ease;font-size:1.1rem;border:2px solid transparent}.btn-primary{background-color:var(--secondary-color);color:var(--white);border-color:var(--secondary-color)}.btn-primary:hover{background-color:#c62828;border-color:#c62828}.btn-secondary{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:var(--bg-dark)}.section-dark{background-color:var(--bg-dark)}.section-medium{background-color:var(--bg-medium)}.section-light-cream{background-color:var(--bg-light-cream)}h1.light-bg,h2.light-bg,h3.light-bg{color:var(--dark-text)}p.light-bg{color:#555}.navbar{background:var(--bg-medium);padding:20px 0;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;box-shadow:0 5px 15px #0003}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-logo{text-decoration:none;display:inline-block;line-height:1;flex-shrink:0}.nav-logo img{height:40px!important;width:auto;display:block}.nav-toggle{display:none;background:0 0;border:none;color:var(--light-text);font-size:1.8rem;cursor:pointer}.nav-collapse-wrapper{display:flex;align-items:center;gap:30px}.nav-menu{list-style:none;display:flex;gap:30px;margin:0;padding:0;align-items:center}.nav-menu a{text-decoration:none;color:var(--light-text);font-weight:500;font-size:1.05rem;transition:color .3s ease}.nav-menu a:hover{color:var(--primary-color)}.nav-cta{padding:12px 30px;font-size:1rem}.nav-item-dropdown{position:relative}.nav-item-dropdown>a{display:flex;align-items:center;gap:6px}.mobile-submenu-toggle{display:none}.mega-menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);width:1000px;max-width:95vw;background-color:var(--bg-medium);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;box-shadow:0 10px 30px #0006;padding:30px;z-index:999}.nav-item-dropdown:hover .mega-menu{display:block}.mega-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.mega-menu-column h4{text-align:left;font-size:1.2rem;color:var(--primary-color);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border-color);display:flex;align-items:center;gap:10px}.mega-menu-column ul{list-style:none;padding:0}.mega-menu-column li{margin-bottom:5px}.mega-menu-column a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:6px;color:var(--light-text);font-weight:400;font-size:.95rem}.mega-menu-column a:hover{background-color:var(--bg-dark);color:var(--primary-color)}.mega-menu-column a i{width:20px;text-align:center;color:var(--lighter-text);transition:color .3s ease}.mega-menu-column a:hover i{color:var(--primary-color)}.site-footer{background:var(--bg-medium);color:var(--lighter-text);padding:70px 0 30px;border-top:1px solid var(--border-color)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:50px}.footer-col h4{text-align:left;color:var(--primary-color);font-size:1.3rem;margin-bottom:25px}.footer-col p{text-align:left;font-size:1rem}.footer-col ul{list-style:none;padding:0}.footer-col li{margin-bottom:12px}.footer-col a{color:var(--lighter-text);font-size:1rem}.footer-col a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid var(--border-color);font-size:.95rem}@media(max-width:992px){h1{font-size:2.8rem}h2{font-size:2.2rem}.navbar .container{flex-wrap:nowrap;gap:20px}.nav-toggle{display:block;order:3}.nav-collapse-wrapper{display:none;position:fixed;top:85px;left:0;width:100%;height:calc(100vh - 85px);background:var(--bg-medium);flex-direction:column;overflow-y:auto;padding:20px;align-items:flex-start;gap:20px}.nav-collapse-wrapper.is-open{display:flex}.nav-menu{flex-direction:column;align-items:flex-start;gap:0;width:100%}.nav-menu li{width:100%}.nav-menu a{display:block;padding:15px 10px;border-bottom:1px solid var(--border-color);width:100%}.nav-item-dropdown{position:static;display:flex;flex-wrap:wrap;align-items:center;width:100%}.nav-item-dropdown>a{flex-grow:1}.mobile-submenu-toggle{display:block;color:var(--light-text);padding:15px;cursor:pointer;border-bottom:1px solid var(--border-color)}.nav-item-dropdown.submenu-open>.mobile-submenu-toggle{background-color:var(--bg-dark)}.mobile-submenu-toggle i{transition:transform .3s ease}.nav-item-dropdown.submenu-open>.mobile-submenu-toggle i{transform:rotate(45deg)}.nav-cta{width:100%;text-align:center;padding:15px 30px;margin-top:10px}.mega-menu{display:none;position:static;width:100%;border:none;box-shadow:none;padding:0 0 0 20px;transform:none;background:var(--bg-dark)}.nav-item-dropdown.submenu-open>.mega-menu{display:block}.mega-menu-grid{grid-template-columns:1fr;gap:0}.mega-menu-column{padding-bottom:10px}.mega-menu-column h4{margin-bottom:10px;padding-bottom:10px;font-size:1.1rem}.mega-menu-column ul{border-bottom:1px solid var(--border-color);margin-bottom:10px;padding-bottom:10px}.mega-menu-column a{font-size:.9rem;padding:10px;border-bottom:none}.footer-grid{grid-template-columns:1fr;text-align:left}.footer-col h4,.footer-col p{text-align:left}}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}}.service-hero{text-align:center;padding:80px 0}.service-hero h1{font-size:3rem;margin-bottom:16px}.service-hero .subtitle{font-size:1.2rem;color:var(--lighter-text);max-width:600px;margin:0 auto 30px}.cta-button{background-color:var(--secondary-color);color:var(--white);padding:12px 30px;border-radius:4px;font-weight:700;text-transform:uppercase;font-size:1rem}.cta-button:hover{background-color:#c62828;text-decoration:none}.problem-section{text-align:center}.problem-section .subtitle{font-size:1.1rem;color:var(--lighter-text);max-width:700px;margin:0 auto 40px}.problem-section .solution-text{font-size:1.2rem;font-weight:700;color:var(--primary-color);margin-top:30px}.problem-accordion{max-width:800px;margin:0 auto;text-align:left}.accordion-item{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;margin-bottom:15px;overflow:hidden}.accordion-header{display:flex;justify-content:space-between;align-items:center;padding:20px;cursor:pointer}.accordion-header h3{margin:0;font-size:1.2rem;color:var(--primary-color);text-align:left}.accordion-icon{width:20px;height:20px;position:relative;flex-shrink:0;transition:transform .3s ease}.accordion-icon:before,.accordion-icon:after{content:"";position:absolute;background-color:var(--primary-color);transition:all .3s ease}.accordion-icon:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.accordion-icon:after{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.accordion-item.active .accordion-icon{transform:rotate(180deg)}.accordion-item.active .accordion-icon:after{height:0;top:50%}.accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.accordion-content p{text-align:left;padding:0 20px;margin-bottom:20px;color:var(--lighter-text)}.accordion-content p:last-child{margin-bottom:0;padding-bottom:20px}.accordion-content p strong{color:var(--light-text);display:block;margin-bottom:5px}.accordion-item.active .accordion-content{max-height:500px;transition:max-height .5s ease-in}.doc-section{background-color:#f0f2f5;padding:60px 0;text-align:center}.doc-section h2{color:#212121;font-size:2rem}.doc-section .subtitle{font-size:1.1rem;color:#555;max-width:700px;margin:0 auto 40px}.doc-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1000px;margin:0 auto;text-align:left}.doc-card{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 4px 12px #0000000d;border:1px solid #ddd;display:flex;flex-direction:column}.doc-card .doc-icon{font-size:2.5rem;margin-bottom:10px}.doc-card h3{color:var(--primary-color);font-size:1.3rem;margin:0;text-align:left}.doc-card .doc-subtitle{font-size:.9rem;font-weight:700;color:#777;margin-bottom:15px}.doc-card hr{border:0;border-top:1px solid #eee;margin-bottom:15px}.doc-card p{color:#333;font-size:.95rem;margin-bottom:15px;text-align:left}.doc-card p strong{color:#111}.process-section{text-align:center}.process-section .subtitle{font-size:1.1rem;color:var(--lighter-text);max-width:700px;margin:0 auto 40px}.lifecycle-nav{display:flex;justify-content:space-between;align-items:flex-start;position:relative;max-width:1000px;margin:60px auto 40px}.step-line{flex-grow:1;height:2px;background-color:var(--border-color);margin:18px 0}.step-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:0 10px;width:120px;text-align:center;opacity:.6;transition:opacity .3s ease}.step-item:hover,.step-item.active{opacity:1}.step-icon{width:40px;height:40px;border-radius:50%;background-color:var(--bg-medium);border:2px solid var(--border-color);color:var(--light-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;transition:all .3s ease}.step-item.active .step-icon{background-color:var(--primary-color);color:var(--bg-dark);border-color:var(--primary-color);transform:scale(1.1)}.step-title{margin-top:10px;font-size:.9rem;font-weight:500;color:var(--lighter-text)}.step-item.active .step-title{color:var(--primary-color);font-weight:700}.lifecycle-content{max-width:800px;margin:0 auto;text-align:left;background-color:var(--bg-medium);padding:30px;border-radius:8px;border:1px solid var(--border-color)}.content-panel{display:none;animation:fadeIn .5s ease}.content-panel.active{display:block}.content-panel h3{font-size:1.8rem;color:var(--primary-color);margin-bottom:15px;text-align:left}.content-panel p{font-size:1rem;line-height:1.7;color:var(--light-text);margin-bottom:15px;text-align:left}.content-panel ul{list-style-type:none;padding-left:20px}.content-panel li{position:relative;padding-left:30px;margin-bottom:10px;color:var(--lighter-text)}.content-panel li:before{content:"✓";color:var(--primary-color);position:absolute;left:0;top:0;font-weight:700}.core-section{text-align:center}.core-section ul{list-style-type:none;padding:0;max-width:600px;margin:20px auto;text-align:left}.core-section li{font-size:1.1rem;color:var(--light-text);margin-bottom:10px;padding-left:30px;position:relative}.core-section li:before{content:"✅";position:absolute;left:0;top:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.service-hero h1{font-size:2.2rem}.lifecycle-nav{flex-direction:column;align-items:center;gap:15px}.step-line{display:none}.step-item{width:100%;flex-direction:row;text-align:left;gap:15px}.step-icon{flex-shrink:0}.step-title{margin-top:0;font-size:1rem}.lifecycle-content{padding:20px}.accordion-header h3{font-size:1rem}}