:root{--color-primary: #002300;--color-primary-light: #004d00;--color-primary-dark: #001100;--color-accent: #009949;--color-accent-light: #00cc66;--color-white: #ffffff;--color-off-white: #f8faf8;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-text: #1a1a2e;--color-text-light: #64748b;--color-bg: #ffffff;--color-bg-alt: #f0fdf4;--color-tram1: #009949;--color-tram2: #d9232a;--color-tram3: #0072ad;--font-primary: "Kanit", sans-serif;--font-secondary: "Bricolage Grotesque", sans-serif;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.08), 0 8px 10px -6px rgba(0,0,0,.04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--transition: .3s cubic-bezier(.4, 0, .2, 1);--max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-light)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);line-height:1.2;font-weight:700}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:100px 0}.section-alt{background:var(--color-off-white)}.section-header{text-align:center;max-width:640px;margin:0 auto 64px}.section-label{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);background:var(--color-bg-alt);padding:6px 16px;border-radius:var(--radius-full);margin-bottom:16px}.section-header h2{font-size:clamp(1.8rem,3.5vw,2.5rem);color:var(--color-primary);margin-bottom:16px;letter-spacing:-.01em}.section-header p{font-size:1.1rem;color:var(--color-text-light);line-height:1.7}.store-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:600;font-size:1rem;text-decoration:none;transition:all var(--transition);border:none;cursor:pointer}.store-btn-dark{background:var(--color-primary);color:var(--color-white)}.store-btn-dark:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--color-white)}.store-btn-outline{background:var(--color-white);color:var(--color-primary);border:2px solid var(--color-gray-200)}.store-btn-outline:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--color-primary)}.store-btn svg{width:24px;height:24px;flex-shrink:0}.store-btn .btn-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.store-btn .btn-text small{font-size:.7rem;font-weight:400;opacity:.8}.store-btn .btn-text strong{font-size:1rem}.page-header{padding:120px 0 48px;background:linear-gradient(160deg,var(--color-bg-alt) 0%,var(--color-white) 100%);text-align:center}.page-header h1{font-size:clamp(2rem,4vw,2.8rem);color:var(--color-primary);margin-bottom:12px}.page-header p{font-size:1.1rem;color:var(--color-text-light);max-width:560px;margin:0 auto}.page-content{padding:64px 0 100px;max-width:800px;margin:0 auto}.page-content h2{font-size:1.5rem;color:var(--color-primary);margin:40px 0 16px;padding-top:16px;border-top:1px solid var(--color-gray-200)}.page-content h2:first-child{border-top:none;padding-top:0;margin-top:0}.page-content h3{font-size:1.2rem;color:var(--color-primary);margin:28px 0 12px}.page-content p{color:var(--color-text-light);line-height:1.8;margin-bottom:16px;font-size:1rem}.page-content ul{list-style:disc;padding-left:24px;margin-bottom:16px}.page-content ul li{color:var(--color-text-light);line-height:1.8;margin-bottom:6px;font-size:1rem}.page-content a{color:var(--color-accent);text-decoration:underline;text-decoration-color:#0099494d;text-underline-offset:3px}.page-content a:hover{text-decoration-color:var(--color-accent)}.page-content strong{color:var(--color-text);font-weight:600}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}