:root{--racha-font-family:"Noto Sans Thai","Noto Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--racha-weight-heading:700;--racha-weight-body:400;--racha-weight-medium:500;--racha-weight-semibold:600;--racha-type-display:clamp(2.5rem,5vw,4.5rem);--racha-type-h1:clamp(2.15rem,4vw,3.5rem);--racha-type-h2:clamp(1.8rem,3vw,2.65rem);--racha-type-h3:clamp(1.4rem,2.2vw,2rem);--racha-type-h4:clamp(1.15rem,1.5vw,1.4rem);--racha-type-body-lg:clamp(1.05rem,1.2vw,1.25rem);--racha-type-body:1rem;--racha-type-small:.875rem;--racha-type-caption:.75rem;--racha-space-4:4px;--racha-space-8:8px;--racha-space-12:12px;--racha-space-16:16px;--racha-space-20:20px;--racha-space-24:24px;--racha-space-32:32px;--racha-space-40:40px;--racha-space-48:48px;--racha-space-64:64px;--racha-space-80:80px;--racha-space-96:96px;--racha-space-120:120px;--racha-content-narrow:760px;--racha-content-normal:1120px;--racha-content-wide:1280px;--racha-radius-sm:6px;--racha-radius-md:12px;--racha-radius-lg:20px;--racha-radius-pill:999px;--racha-shadow-sm:0 2px 8px rgba(16,33,43,.08);--racha-shadow-md:0 10px 30px rgba(16,33,43,.12);--racha-shadow-lg:0 20px 50px rgba(16,33,43,.16)}
.racha-section{padding:clamp(48px,8vw,96px) 24px;color:var(--racha-color-body);font-family:var(--racha-font-family)}.racha-section--soft{background:var(--racha-color-background-soft)}.racha-section--dark{background:var(--racha-color-primary-dark);color:var(--racha-color-white)}.racha-container{width:min(100%,var(--racha-content-normal));margin-inline:auto}.racha-container--narrow{max-width:var(--racha-content-narrow)}.racha-container--wide{max-width:var(--racha-content-wide)}.racha-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--racha-space-24)}.racha-display{font-size:var(--racha-type-display);line-height:1.08}.racha-section h1{font-size:var(--racha-type-h1)}.racha-section h2{font-size:var(--racha-type-h2)}.racha-section h3{font-size:var(--racha-type-h3)}.racha-section h1,.racha-section h2,.racha-section h3,.racha-section h4{color:var(--racha-color-heading);font-weight:700;line-height:1.2}.racha-section--dark h1,.racha-section--dark h2,.racha-section--dark h3{color:inherit}.racha-lead{font-size:var(--racha-type-body-lg);line-height:1.75}.racha-eyebrow{color:var(--racha-color-accent-dark);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}.racha-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.racha-button{align-items:center;border:2px solid transparent;border-radius:var(--racha-radius-pill);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:10px 22px;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,transform .2s}.racha-button:hover{transform:translateY(-1px)}.racha-button:focus-visible,.racha-form-field input:focus-visible,.racha-form-field textarea:focus-visible,.racha-form-field select:focus-visible{outline:3px solid var(--racha-color-accent);outline-offset:3px}.racha-button--primary{background:var(--racha-color-primary);color:#fff}.racha-button--primary:hover{background:var(--racha-color-primary-dark);color:#fff}.racha-button--secondary{background:var(--racha-color-accent);color:var(--racha-color-heading)}.racha-button--outline{border-color:var(--racha-color-primary);color:var(--racha-color-primary);background:transparent}.racha-button--ghost{color:var(--racha-color-primary);background:transparent}.racha-button--small{min-height:36px;padding:6px 16px;font-size:.875rem}.racha-button--large{min-height:52px;padding:13px 28px;font-size:1.1rem}.racha-button--icon{width:44px;padding:0}.racha-button[disabled],.racha-button.is-disabled{cursor:not-allowed;opacity:.5;pointer-events:none}
.racha-card{background:#fff;border:1px solid var(--racha-color-border);border-radius:var(--racha-radius-md);box-shadow:var(--racha-shadow-sm);padding:clamp(20px,3vw,32px)}.racha-card--service,.racha-card--feature{border-top:4px solid var(--racha-color-primary)}.racha-card--product{overflow:hidden;padding:0}.racha-card--product>*:not(img){margin-inline:24px}.racha-card--stat{text-align:center}.racha-card--testimonial{border-inline-start:4px solid var(--racha-color-accent)}.racha-card--contact{background:var(--racha-color-background-light)}.racha-stat{color:var(--racha-color-primary);font-size:clamp(2rem,4vw,3.25rem);font-weight:700}.racha-badge,.racha-tag{background:var(--racha-color-primary-light);border-radius:var(--racha-radius-pill);color:var(--racha-color-primary-dark);display:inline-block;font-size:.8rem;font-weight:600;padding:5px 10px}.racha-alert{border-inline-start:4px solid var(--racha-color-primary);background:var(--racha-color-primary-light);border-radius:var(--racha-radius-sm);padding:16px}.racha-alert--success{border-color:var(--racha-color-success)}.racha-alert--warning{border-color:var(--racha-color-warning)}.racha-alert--error{border-color:var(--racha-color-error)}.racha-divider{border:0;border-top:1px solid var(--racha-color-border);margin-block:32px}.racha-icon-list,.racha-checklist{list-style:none;padding:0}.racha-checklist li::before{content:"✓";color:var(--racha-color-success);font-weight:700;margin-inline-end:10px}.racha-logo-row,.racha-stats-row{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.racha-process-step{border-inline-start:3px solid var(--racha-color-accent);padding-inline-start:20px}.racha-faq-item{border-bottom:1px solid var(--racha-color-border);padding-block:18px}.racha-breadcrumb{font-size:.875rem;color:var(--racha-color-muted)}
.racha-form-field{margin-bottom:20px}.racha-form-field label{display:block;font-weight:600;margin-bottom:7px}.racha-required{color:var(--racha-color-error)}.racha-form-field input:not([type=checkbox]):not([type=radio]),.racha-form-field textarea,.racha-form-field select{background:#fff;border:1px solid var(--racha-color-border);border-radius:var(--racha-radius-sm);box-sizing:border-box;color:var(--racha-color-body);font:inherit;padding:11px 12px;width:100%}.racha-form-field.is-error input{border-color:var(--racha-color-error)}.racha-form-field.is-success input{border-color:var(--racha-color-success)}.racha-help{color:var(--racha-color-muted);font-size:.875rem;margin-top:5px}.racha-field-message{font-size:.875rem;font-weight:600}.is-error .racha-field-message{color:var(--racha-color-error)}.is-success .racha-field-message{color:var(--racha-color-success)}.racha-table-wrap{overflow-x:auto}.racha-table{border-collapse:collapse;width:100%}.racha-table th,.racha-table td{border:1px solid var(--racha-color-border);padding:12px;text-align:start}.racha-table th{background:var(--racha-color-primary);color:#fff}.racha-table--striped tbody tr:nth-child(even){background:var(--racha-color-background-soft)}.racha-table--comparison td:first-child{font-weight:600}
@media(max-width:600px){.racha-section{padding-inline:18px}.racha-actions{align-items:stretch;flex-direction:column}.racha-actions .racha-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}