.hm-main{--vp-pad: max(var(--hm-gutter), calc((100% - 1240px)/2) );--vp-gap: clamp(5.5rem, 10vw, 9rem)}.hm-hero--page .hm-hero__sub{margin-top:1.5rem;max-width:34rem;font-size:var(--hm-fs-body);line-height:1.8;color:#f5f0e8b8}.hm-hero--page .hm-hero__actions{margin-top:2rem}.sv-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:clamp(2rem,4vw,3rem)}.sv-tags li{padding:.5rem 1.1rem;border-radius:999px;background:#f5f0e817;color:#f5f0e8d9;font-size:var(--hm-fs-small)}.hm-hero--page .hm-hero__art{justify-self:end;width:min(118%,52vw,780px);margin-right:-2.5rem;translate:0 .5rem}@media(max-width:1180px){.hm-hero--page .hm-hero__art{justify-self:center;width:min(100%,460px);margin-right:0;translate:none}}.hm-hero.hm-hero--page:before{content:none}.sv{display:block;width:100%;height:auto;overflow:visible}.sv .b0-t{fill:#2a8080}.sv .b0-l{fill:#1f6666}.sv .b0-r{fill:#174e4e}.sv .b1-t{fill:#3b9592}.sv .b1-l{fill:#2a7370}.sv .b1-r{fill:#1e5957}.sv .rk-t{fill:#3b4543}.sv .rk-l{fill:#272f2e}.sv .rk-r{fill:#161c1b}.sv .bay{fill:#f5f0e824}.sv .cap{fill:#b9f3ed}.sv .cb-t{fill:#f5f0e8}.sv .cb-l{fill:#dcd5c7}.sv .cb-r{fill:#c6beaf}.sv .cm-t{fill:#b9f3ed}.sv .cm-l{fill:#4fb5ac}.sv .cm-r{fill:#328f8a}.sv .pp-t{fill:#2c3533}.sv .pp-l{fill:#1d2423}.sv .pp-r{fill:#121716}.sv .flow{fill:#8fe6de;opacity:.85}.sv .eye{fill:#1a5c5c}.sv .mouth{fill:#1a1a1a4d}.sv .guide{stroke:#b9f3ed;stroke-width:1.4;stroke-dasharray:1 5;stroke-linecap:round;opacity:.9}.sv .led{fill:#8fe6de;animation:sv-blink 2.6s ease-in-out infinite;animation-delay:calc(var(--l, 0) * -.55s)}.sv .pkt{animation:sv-run 3.2s linear infinite;animation-delay:calc(var(--d, 0) * -.8s)}@keyframes sv-run{0%{transform:translate(var(--sx),var(--sy));opacity:0}12%{opacity:1}88%{opacity:1}to{transform:translate(calc(var(--sx) + var(--dx)),calc(var(--sy) + var(--dy)));opacity:0}}@keyframes sv-blink{0%,to{opacity:1}50%{opacity:.25}}.sv .st{animation:sv-lift 6s ease-in-out infinite}.sv .st--pipe{animation-delay:-2s}.sv .st--bot{animation-delay:-4s}@keyframes sv-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.sv .st,.sv .led{animation:none}.sv .pkt{animation:none;opacity:0}}.sv-offer{margin-top:var(--vp-gap);padding:0 var(--vp-pad)}.sv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}.hm-main .sv-grid .service-card{position:relative;display:flex;flex-direction:column;padding:clamp(1.5rem,2.4vw,2.25rem) clamp(2rem,3.6vw,3.25rem);margin:0;border:0;border-radius:var(--hm-radius-card);transition:transform .4s var(--hm-ease)}.hm-main .service-card:hover{transform:translateY(-4px);background-clip:border-box}.hm-main .service-card--teal{background:var(--color-teal);color:var(--color-beige)}.hm-main .service-card--ink{background:var(--color-dark);color:var(--color-beige)}.hm-main .service-card--sand{background:var(--hm-sand);color:var(--color-dark)}.hm-main .service-card--teal:hover{background:var(--color-teal)}.hm-main .service-card--ink:hover{background:var(--color-dark)}.hm-main .service-card--sand:hover{background:var(--hm-sand)}.hm-main .service-card__badge{display:inline-flex;align-self:flex-start;margin:0 0 1.25rem;padding:.3rem .85rem;border-radius:999px;background:#f5f0e824;color:var(--color-beige);font-size:var(--hm-fs-small);line-height:1.4;letter-spacing:0;text-transform:none}.hm-main .service-card:not(:has(.service-card__badge)):before{content:"";display:block;height:calc(var(--hm-fs-small) * 1.4 + .6rem);margin-bottom:1.25rem}.hm-main .service-card__name{font-size:clamp(1.5rem,2.2vw,2rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem;color:inherit}:lang(th) .hm-main .service-card__name{line-height:1.35;letter-spacing:0}.hm-main .service-card__desc{max-width:none;font-size:var(--hm-fs-small);font-weight:inherit;line-height:1.8;color:inherit;opacity:.8}.hm-main .service-card__detail{margin-top:1.5rem;padding-top:0;border-top:0;flex-grow:1}.hm-main .service-card__detail ul{display:flex;flex-direction:column;gap:.6rem;list-style:none}.hm-main .service-card__detail li{display:flex;align-items:flex-start;gap:.75rem;font-size:var(--hm-fs-small);font-weight:inherit;letter-spacing:0;color:inherit}.hm-main .service-card__detail li:before{content:"";flex-shrink:0;width:.5rem;height:.5rem;margin-top:.55em;border-radius:50%;background:#b9f3ed}.hm-main .service-card--sand .service-card__detail li:before{background:var(--color-teal)}.hm-main .fw-card{display:block;margin-top:1.75rem;border:0;border-radius:18px;background:var(--hm-paper);color:var(--color-dark);transition:transform .3s var(--hm-ease)}.hm-main .fw-card:hover{transform:translateY(-3px)}.hm-main .fw-card{overflow:hidden;text-decoration:none}.hm-main .fw-card__img-wrap{position:relative;overflow:hidden;aspect-ratio:16 / 8}.hm-main .fw-card__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--hm-ease)}.hm-main .fw-card:hover .fw-card__img{transform:scale(1.04)}.hm-main .fw-card__platform{position:absolute}.hm-main .fw-card__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem}.hm-main .fw-card__platform{top:.75rem;left:.75rem;padding:.25rem .75rem;border-radius:999px;background:var(--color-teal);color:var(--color-beige);font-size:var(--hm-fs-small);letter-spacing:0;text-transform:none}.hm-main .fw-card__body{padding:1rem 1.15rem 1.15rem;background:var(--hm-paper)}.hm-main .fw-card__title{font-size:var(--hm-fs-small);font-weight:600;line-height:1.45;margin:0 0 .75rem}.hm-main .fw-card__price{font-size:var(--hm-fs-small);letter-spacing:0;color:var(--color-teal)}.hm-main .fw-card__cta{font-size:var(--hm-fs-small);letter-spacing:0;opacity:.6}@media(max-width:1000px){.sv-grid{grid-template-columns:minmax(0,1fr)}}.sv-how{margin-top:var(--vp-gap);padding:0 var(--vp-pad)}.sv-steps{list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sv-step{position:relative;counter-increment:step;padding:clamp(1.5rem,2.4vw,2.25rem);border-radius:var(--hm-radius-card);background:var(--hm-paper)}.sv-step__art{display:flex;justify-content:center;align-items:center;height:clamp(9rem,12vw,10.5rem);margin-bottom:clamp(1.25rem,2.4vw,1.75rem);padding:.75rem;border-radius:18px;background:var(--hm-sand)}.sv-step__art .sx{display:block;width:auto;height:100%;max-width:100%;overflow:visible}.sv-step:before{content:counter(step);position:absolute;top:calc(clamp(1.5rem,2.4vw,2.25rem) + .75rem);left:calc(clamp(1.5rem,2.4vw,2.25rem) + .75rem);z-index:1;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--color-teal);color:var(--color-beige);font-size:var(--hm-fs-small);font-weight:700}.sx .b0-t{fill:#2a8080}.sx .b0-l{fill:#1f6666}.sx .b0-r{fill:#174e4e}.sx .cb-t{fill:#fbf8f2}.sx .cb-l{fill:#d6cfbf}.sx .cb-r{fill:#bdb5a4}.sx .cm-t{fill:#b9f3ed}.sx .cm-l{fill:#4fb5ac}.sx .cm-r{fill:#328f8a}.sx .rk-t{fill:#3b4543}.sx .rk-l{fill:#272f2e}.sx .rk-r{fill:#161c1b}.sx .bay{fill:#f5f0e824}.sx .cap{fill:#b9f3ed}.sx .ln{fill:#1a1a1a38}.sx .lens{fill:#b9f3ed8c}.sx .rim,.sx .pr,.sx .ghost{fill:none;stroke-linejoin:round}.sx .rim{stroke:#272f2e;stroke-width:3}.sx .handle{stroke:#272f2e;stroke-width:4;stroke-linecap:round}.sx .ghost{stroke:#2a8080;stroke-width:1.6;stroke-dasharray:3 4}.sx .guide{stroke:#2a8080;stroke-width:1.4;stroke-dasharray:1 4;stroke-linecap:round}.sx .pr{stroke:#2a8080;stroke-width:1.6}.sx .led{fill:#8fe6de;animation:sx-blink 2.6s ease-in-out infinite;animation-delay:calc(var(--l, 0) * -.55s)}.sx .hover{animation:sx-hover 4s ease-in-out infinite}.sx .mag{animation:sx-hover 5s ease-in-out infinite;animation-delay:-1.5s}.sx .pulse{opacity:0;animation:sx-pulse 3.2s ease-out infinite;animation-delay:calc(var(--p, 0) * -1s)}@keyframes sx-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sx-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes sx-pulse{0%{opacity:0;transform:translateY(6px)}30%{opacity:.9}to{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.sx .hover,.sx .mag,.sx .led{animation:none}.sx .pulse{animation:none;opacity:.6}}.sv-step__title{font-size:var(--hm-fs-title);font-weight:700;letter-spacing:-.02em;line-height:1.25;margin-bottom:.75rem}.sv-step__desc{font-size:var(--hm-fs-small);line-height:1.8;color:var(--color-mid)}@media(max-width:900px){.sv-steps{grid-template-columns:minmax(0,1fr)}}.hm-main .hm-cta{margin-top:var(--vp-gap);padding-top:0}@media(prefers-reduced-motion:reduce){.hm-main .service-card,.hm-main .fw-card{transition:none}}