:root{--jjj-blue-950: #0A1F52;--jjj-blue-900: #10307C;--jjj-blue-700: #1B47B5;--jjj-blue-600: #2355D4;--jjj-blue-500: #3568E4;--jjj-blue-200: #B9CBF4;--jjj-blue-100: #E1E9FB;--jjj-blue-50: #F0F4FD;--jjj-amber-700: #A96504;--jjj-amber-600: #D07E06;--jjj-amber-500: #EE9B1F;--jjj-amber-100: #FCEED3;--jjj-amber-50: #FEF7E8;--jjj-gray-900: #1C1E24;--jjj-gray-700: #43474F;--jjj-gray-500: #6B7079;--jjj-gray-400: #9AA0A9;--jjj-gray-300: #C9CDD4;--jjj-gray-200: #E2E5E9;--jjj-gray-100: #EFF1F4;--jjj-gray-50: #F7F8FA;--jjj-white: #FFFFFF;--surface-page: var(--jjj-gray-50);--surface-card: var(--jjj-white);--surface-brand-soft: var(--jjj-blue-50);--text-primary: var(--jjj-gray-900);--text-secondary: var(--jjj-gray-700);--text-muted: var(--jjj-gray-500);--text-on-brand: var(--jjj-white);--text-brand: var(--jjj-blue-700);--brand-primary: var(--jjj-blue-700);--brand-primary-hover: var(--jjj-blue-600);--brand-primary-press: var(--jjj-blue-900);--accent: var(--jjj-amber-500);--accent-hover: var(--jjj-amber-600);--border-default: var(--jjj-gray-200);--border-strong: var(--jjj-gray-300);--border-brand: var(--jjj-blue-200);--focus-ring: 0 0 0 3px var(--jjj-blue-200);--font-display: "Prompt", "Sarabun", system-ui, sans-serif;--font-body: "Sarabun", "Prompt", system-ui, sans-serif;--text-display: 40px;--leading-display: 1.15;--text-title: 28px;--leading-title: 1.2;--text-heading: 22px;--leading-heading: 1.3;--text-body-lg: 19px;--leading-body-lg: 1.55;--text-body: 17px;--leading-body: 1.55;--text-caption: 15px;--leading-caption: 1.4;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--tap-min: 48px;--tap-lg: 56px;--page-pad: 20px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--shadow-card: 0 1px 2px rgba(16, 48, 124, .06), 0 2px 8px rgba(16, 48, 124, .06);--shadow-raised: 0 4px 16px rgba(16, 48, 124, .12);--ease-out: cubic-bezier(.2, .8, .3, 1);--duration-fast: .12s;--duration-base: .2s}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-4)}p{margin:0 0 var(--space-4)}a{color:var(--text-brand)}img,svg{max-width:100%}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.container{width:100%;max-width:960px;margin:0 auto;padding:0 var(--page-pad)}.site-header{background:var(--surface-card);border-bottom:1px solid var(--border-default)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:72px;flex-wrap:wrap;padding-top:var(--space-3);padding-bottom:var(--space-3)}.brand-lockup{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;min-height:var(--tap-min)}.brand-lockup img{width:36px;height:36px}.brand-lockup span{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-heading);color:var(--text-primary)}.site-nav{display:flex;gap:var(--space-2);flex-wrap:wrap}.site-nav a{display:inline-flex;align-items:center;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-body);color:var(--text-secondary)}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--surface-brand-soft);color:var(--text-brand)}.site-footer{background:var(--surface-card);border-top:1px solid var(--border-default);margin-top:var(--space-16)}.site-footer .container{padding-top:var(--space-6);padding-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-caption);color:var(--text-muted)}.site-footer a{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-6);border-radius:var(--radius-md);border:none;font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-body);text-decoration:none;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn-primary{min-height:var(--tap-lg);background:var(--brand-primary);color:var(--text-on-brand)}.btn-primary:hover{background:var(--brand-primary-hover)}.btn-primary:active{background:var(--brand-primary-press);transform:scale(.98)}.btn-primary:disabled,.btn-disabled{background:var(--jjj-gray-200);color:var(--text-muted);cursor:not-allowed}.hero{padding:var(--space-12) 0 var(--space-10);text-align:center}.hero-icon{width:96px;height:96px;margin:0 auto var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised)}.hero h1{font-size:var(--text-display);line-height:var(--leading-display);margin-bottom:var(--space-3)}.hero .tagline{font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);color:var(--text-primary);margin-bottom:var(--space-4)}.hero .tagline strong{color:var(--text-brand);font-weight:var(--weight-bold)}.hero .subline{font-size:var(--text-body-lg);line-height:var(--leading-body-lg);color:var(--text-secondary);max-width:640px;margin:0 auto var(--space-8)}.store-badges{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.features{padding:var(--space-10) 0}.features h2{text-align:center;font-size:var(--text-title);margin-bottom:var(--space-8)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.feature-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6)}.feature-card .icon-badge{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--surface-brand-soft);color:var(--brand-primary);margin-bottom:var(--space-4)}.feature-card .icon-badge.icon-accent{background:var(--jjj-amber-50);color:var(--jjj-amber-700)}.feature-card h3{font-size:var(--text-heading);margin-bottom:var(--space-2)}.feature-card p{color:var(--text-secondary);margin-bottom:0}.privacy-strip{background:var(--surface-brand-soft);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-10) 0;display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.privacy-strip .icon-badge{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--surface-card);color:var(--brand-primary)}.privacy-strip p{margin:0;color:var(--text-secondary);flex:1;min-width:200px}.privacy-strip a{font-weight:var(--weight-semibold)}.page-content{padding:var(--space-10) 0 var(--space-16)}.page-content h1{font-size:var(--text-title);margin-bottom:var(--space-2)}.page-content .lead{font-size:var(--text-body-lg);color:var(--text-secondary);margin-bottom:var(--space-8)}.page-content h2{font-size:var(--text-heading);margin-top:var(--space-8)}.page-content section p,.page-content section li{color:var(--text-secondary)}.page-content .divider{border:none;border-top:1px solid var(--border-default);margin:var(--space-10) 0}.feedback-form{display:flex;flex-direction:column;gap:var(--space-5);max-width:560px}.form-field label{display:block;font-family:var(--font-display);font-weight:var(--weight-medium);margin-bottom:var(--space-2)}.form-field .helper{display:block;font-size:var(--text-caption);color:var(--text-muted);margin-top:var(--space-1)}.form-field input,.form-field textarea{width:100%;min-height:var(--tap-min);border-radius:var(--radius-md);border:1px solid var(--border-strong);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background:var(--surface-card)}.form-field textarea{min-height:140px;resize:vertical}.form-field input:focus-visible,.form-field textarea:focus-visible{outline:none;border-color:var(--border-brand);box-shadow:var(--focus-ring)}.honeypot-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.form-status{border-radius:var(--radius-lg);padding:var(--space-6);background:var(--surface-card);box-shadow:var(--shadow-card)}.form-status.success{background:var(--jjj-green-100, #DCF2E5)}.form-status.error{color:var(--jjj-red-700, #A82C2C);background:var(--jjj-red-100, #FBE3E3)}.contact-alt{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-default)}@media(max-width:720px){.feature-grid{grid-template-columns:1fr}.hero h1{font-size:var(--text-title)}.site-header .container{justify-content:center;text-align:center}}