@font-face{font-family:Noto Sans Thai;src:url(/assets/NotoSansThai-BmKSpygy.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Jost;src:url(/assets/Jost-BvwSITGa.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg: #ffffff;--text: #121212;--cta: #ff6b00;--cta-text: #ffffff;--accent: #d92d20;--line: #06c755;--muted: rgba(18, 18, 18, .62);--hairline: rgba(18, 18, 18, .12);--well: #fff4eb;--number: #c8c8c8;--nav-h: 88px;--max: 1200px;--pad-x: 120px;--section-y: 128px;--radius-lg: 40px;--radius-md: 24px;--radius-pill: 999px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text)}html{scroll-behavior:smooth}html.intro-active,html.intro-active body{overflow:hidden}body{font-family:Noto Sans Thai,sans-serif;font-weight:400;font-size:18px;line-height:1.7;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:normal}.nowrap{white-space:nowrap}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:100%;max-width:calc(var(--max) + var(--pad-x) * 2);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}.eyebrow{font-family:Jost,sans-serif;font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}h1,h2,h3{text-wrap:balance}h1{font-weight:800;font-size:52px;line-height:1.28;letter-spacing:-.02em}h2{font-weight:800;font-size:44px;line-height:1.3;letter-spacing:-.02em}h3{font-weight:600;font-size:20px;line-height:1.45}.lede{font-size:18px;line-height:1.75;color:var(--muted);max-width:36em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 28px;border-radius:var(--radius-pill);font-weight:600;font-size:16px;line-height:1.2;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:filter .16s ease,background-color .16s ease}.btn-primary{background:var(--cta);color:var(--cta-text)}.btn-secondary{background:#fff;color:var(--text);border-color:var(--text)}.btn-primary:hover{filter:brightness(.92)}.btn-secondary:hover{background:#f3f3f3}.btn:focus-visible,.fab a:focus-visible,.nav-links a:focus-visible,.nav-panel a:focus-visible,.footer a:focus-visible,.jobs a:focus-visible,.brand:focus-visible,.intro-skip:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--text);outline-offset:3px}.nav{position:sticky;top:0;z-index:40;height:var(--nav-h);background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid transparent}.nav-inner{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-shield{width:40px;height:40px}.brand-wordmark{height:36px;width:auto}.nav-links{display:flex;align-items:center;gap:32px;font-weight:500;font-size:16px}.nav-links a{color:var(--text)}.nav-cta{flex-shrink:0}.menu-toggle{display:none;width:44px;height:44px;border:0;background:none;align-items:center;justify-content:center;cursor:pointer}.nav-panel{display:none;position:absolute;left:0;right:0;top:var(--nav-h);background:#fff;border-bottom:1px solid var(--hairline);padding:8px 20px 24px;flex-direction:column;gap:4px;z-index:39}.nav.is-open .nav-panel{display:flex}.nav-panel a:not(.btn){display:block;padding:14px 0;font-weight:500;font-size:16px;border-bottom:1px solid var(--hairline)}.nav-panel .btn{margin-top:16px;width:100%}.hero{padding:56px 0 96px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-lockup{display:flex;align-items:center;gap:28px;margin-bottom:20px}.hero-shield{width:148px;height:auto;flex-shrink:0}.hero-wordmark{width:min(420px,100%);height:auto}.hero h1{margin-bottom:16px}.hero .lede{margin-bottom:32px;max-width:28em}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.mascot-well{position:relative;background:transparent;border-radius:var(--radius-lg);min-height:620px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:24px 16px 0}.mascot-well img{width:78%;height:auto;object-fit:contain}.services{padding:var(--section-y) 0 40px}.section-head{max-width:720px;margin-bottom:56px}.section-head .eyebrow,.section-head h2{margin-bottom:16px}.service-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid var(--hairline)}.service-card{padding:40px 32px 8px 0;border-right:1px solid var(--hairline)}.service-card:first-child{padding-left:0}.service-card:not(:first-child){padding-left:32px}.service-card:last-child{border-right:0}.service-icon{width:28px;height:28px;margin-bottom:20px;color:var(--text)}.service-card h3{margin-bottom:12px}.service-card p{color:var(--muted);font-size:16px;max-width:28em}.why{padding:96px 0 var(--section-y)}.why-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:start}.why-list{margin:40px 0 36px;display:flex;flex-direction:column;gap:28px}.why-item{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start}.why-num{font-family:Jost,sans-serif;font-weight:500;font-size:36px;line-height:1;color:var(--number);padding-top:2px}.why-item h3{margin-bottom:4px}.why-item p{color:var(--muted);font-size:16px}.photo-placeholder{background:var(--well);border-radius:var(--radius-lg);min-height:560px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;text-align:center;border:1px dashed rgba(18,18,18,.18)}.photo-placeholder strong{font-weight:600;font-size:18px}.photo-placeholder span{color:var(--muted);font-size:16px;max-width:16em}.license{padding:28px 0;border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}.license-inner{display:flex;align-items:center;justify-content:center;gap:16px;text-align:center;flex-wrap:wrap}.license-mark{width:28px;height:28px;flex-shrink:0}.license-text{font-size:16px;font-weight:500}.license-break{display:none}.process{padding:var(--section-y) 0}.process-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.step-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-top:1px solid var(--hairline);padding-top:48px}.step{padding-right:40px}.step+.step{padding-left:40px}.step-num{font-family:Jost,sans-serif;font-weight:500;font-size:88px;line-height:.9;color:var(--number);margin-bottom:28px}.step h3{margin-bottom:10px}.step p{color:var(--muted);font-size:16px;max-width:24em}.contact{padding:40px 0 120px}.contact-grid{display:grid;grid-template-columns:.42fr .58fr;gap:40px;align-items:end}.contact-copy{padding:48px 0 24px}.contact-copy .eyebrow{margin-bottom:16px}.contact-copy h2{margin-bottom:20px}.contact-copy .lede{margin-bottom:36px}.cta-label{font-weight:600;font-size:18px;margin-bottom:16px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:420px}.contact-actions .btn{width:100%}.contact-actions .social-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.contact-actions .social-actions .btn{padding-left:16px;padding-right:16px;white-space:nowrap}@media(max-width:860px){.contact-actions .social-actions{grid-template-columns:1fr}}.jobs{margin-top:20px;font-size:15px;color:var(--muted)}.jobs a{color:var(--text);font-weight:600;border-bottom:1px solid var(--hairline)}.contact-mascot .mascot-well{min-height:520px}.contact-mascot .mascot-well img{width:84%}.footer{border-top:1px solid var(--hairline);padding:64px 0 160px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-brand img.shield{width:36px;height:36px}.footer-brand img.wm{height:32px;width:auto}.footer h3{font-size:16px;margin-bottom:8px}.footer p,.footer a,.footer li{font-size:15px;color:var(--muted);line-height:1.7}.footer ul{list-style:none;display:flex;flex-direction:column;gap:8px}.footer a:hover{color:var(--text)}.legal{display:flex;justify-content:space-between;gap:16px;padding-top:28px;border-top:1px solid var(--hairline);font-size:13px;color:var(--muted);font-family:Noto Sans Thai,sans-serif}.fab{position:fixed;right:28px;bottom:28px;z-index:50;display:flex;flex-direction:column;gap:12px}.fab a{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #12121229;transition:filter .16s ease,transform .16s ease}.fab a:hover{filter:brightness(.92)}.fab-phone{background:var(--cta)}.fab-line{background:var(--line)}html.intro-active .fab{opacity:0;visibility:hidden;pointer-events:none}.logo-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .28s ease}.logo-intro[hidden]{display:none!important}.logo-intro.is-done{opacity:0;pointer-events:none}.intro-skip{position:absolute;top:24px;right:24px;min-height:44px;padding:10px 20px;border-radius:var(--radius-pill);border:1.5px solid var(--text);background:#fff;color:var(--text);font-weight:600;font-size:16px;cursor:pointer;z-index:2}.intro-skip:hover{background:#f3f3f3}.intro-lockup{display:flex;align-items:center;gap:36px;width:min(920px,calc(100% - 64px));transform-origin:top left}.intro-shield{position:relative;width:min(220px,32vw);aspect-ratio:426 / 448.5;flex-shrink:0}.intro-shield>div,.intro-shield svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.intro-shield svg{display:block}.intro-shield-fill{clip-path:inset(100% 0 0 0)}.intro-wordmark{flex:1;min-width:0}.intro-wordmark svg{width:100%;height:auto;display:block}.intro-wordmark #tepnam,.intro-wordmark #security-guard{opacity:0}.intro-wordmark .intro-svg-divider{transform-box:fill-box;transform-origin:center;transform:scaleX(0)}.logo-intro.is-playing .intro-shield-outline path#shield-base{animation:shield-draw 1.1s .08s ease-out forwards}.logo-intro.is-playing .intro-shield-fill{animation:shield-fill .8s .8s cubic-bezier(.22,1,.36,1) forwards}.logo-intro.is-playing .intro-wordmark #tepnam{animation:beam-reveal 1.8s 1.4s linear forwards}.logo-intro.is-playing .intro-wordmark .intro-svg-divider{animation:divider-expand .55s 3s ease-out forwards}.logo-intro.is-playing .intro-wordmark #security-guard{animation:sg-in .95s 3.25s ease-out forwards}.logo-intro.is-exiting .intro-lockup{animation:lockup-to-nav 2.4s ease-in-out forwards}.logo-intro.is-exiting{animation:intro-fade 2.4s ease forwards}@keyframes shield-draw{to{stroke-dashoffset:0}}@keyframes shield-fill{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes beam-reveal{0%{opacity:1;mask-image:linear-gradient(100deg,#000 0%,#000 0%,transparent 12%);-webkit-mask-image:linear-gradient(100deg,#000 0%,#000 0%,transparent 12%)}to{opacity:1;mask-image:linear-gradient(100deg,#000 0%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(100deg,#000 0%,#000 82%,transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%}}.logo-intro.is-playing .intro-wordmark #tepnam{-webkit-mask-image:linear-gradient(100deg,#000 35%,rgba(0,0,0,.15) 48%,transparent 58%);mask-image:linear-gradient(100deg,#000 35%,rgba(0,0,0,.15) 48%,transparent 58%);-webkit-mask-size:280% 100%;mask-size:280% 100%;-webkit-mask-position:100% 0;mask-position:100% 0;opacity:1;animation:beam-sweep 1.8s 1.4s linear forwards}@keyframes beam-sweep{to{-webkit-mask-position:0% 0;mask-position:0% 0}}@keyframes divider-expand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sg-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes lockup-to-nav{to{transform:translate(-12vw,-38vh) scale(.42);opacity:.15}}@keyframes intro-fade{to{opacity:0}}@media(max-width:860px){:root{--pad-x: 20px;--section-y: 80px;--nav-h: 72px}body{font-size:16px}h1{font-size:32px}h2{font-size:28px}.lede{font-size:16px}.nav-links,.nav-cta{display:none}.menu-toggle{display:flex}.brand-wordmark{height:28px}.brand-shield{width:32px;height:32px}.hero{padding:32px 0 64px}.hero-grid,.why-grid,.contact-grid,.service-grid,.step-grid,.footer-grid{grid-template-columns:1fr;gap:32px}.hero-lockup{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:16px}.hero-shield{width:96px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.mascot-well{min-height:420px}.mascot-well img{width:70%}.section-head{margin-bottom:36px}.service-card{padding:28px 0!important;border-right:0;border-bottom:1px solid var(--hairline)}.photo-placeholder{min-height:280px}.why{padding:64px 0 80px}.process-head{flex-direction:column;align-items:flex-start}.step{padding:0 0 36px!important}.step-num{font-size:64px;margin-bottom:16px}.contact{padding:24px 0 80px}.contact-actions{max-width:none;width:100%}.contact-mascot{order:2}.contact-mascot .mascot-well{min-height:380px}.hero .mascot-well{justify-content:flex-start;padding-right:84px;padding-left:8px}.hero .mascot-well img{width:88%}.license-inner{flex-direction:column;gap:10px}.license-break{display:block}.footer{padding:48px 0 140px}.footer ul{gap:0}.footer li{display:flex;align-items:center;flex-wrap:wrap;min-height:44px}.footer a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;box-sizing:border-box}.jobs a{display:inline-flex;align-items:center;min-height:44px;border-bottom:0;text-decoration:underline;text-decoration-color:var(--hairline);text-decoration-thickness:1px;text-underline-offset:4px}.legal{flex-direction:column}.fab{right:16px;bottom:16px}.license-text{font-size:15px}.intro-lockup{flex-direction:column;gap:20px}.intro-shield{width:120px}}@media(max-width:767.98px){.contact-mascot{order:0}.contact-mascot .mascot-well{min-height:0;height:240px;width:min(100%,320px);margin:0 auto;padding:12px 12px 0}.contact-mascot .mascot-well img{width:auto;height:100%;max-width:100%}.contact-copy{padding-top:32px}}.step-grid.steps-anim .step{opacity:0;transform:translateY(24px) scale(.92);transition:opacity .55s ease-out,transform 1s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity}.step-grid.steps-anim .step.is-in{opacity:1;transform:none}@media(max-width:860px){.step-grid.steps-anim .step:not(.is-in){transform:translateY(16px) scale(.92)}}.why-list.why-anim .why-item{opacity:0;transform:translate(-40px);transition:opacity .5s ease-out,transform .8s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.why-list.why-anim .why-item.is-in{opacity:1;transform:none}.why{overflow-x:clip}@media(max-width:860px){.why-list.why-anim .why-item:not(.is-in){transform:translate(-24px)}}svg.hero-shield{display:block;overflow:visible;aspect-ratio:426 / 448.5}.hero-shield .part-eagle{transform-box:view-box;transform-origin:45.6643% 59.6544%;transform:translate(0) scale(1);transition:transform .52s cubic-bezier(.34,1.56,.64,1)}.hero-lockup.is-active .hero-shield .part-eagle{transform:translateY(-8px) scale(1.42)}.hero-shield .shield-plate{transform-box:view-box;transform-origin:50% 50%;transform:scale(1);transition:transform .52s cubic-bezier(.34,1.56,.64,1)}.hero-lockup.is-active .hero-shield .shield-plate{transform:scale(1.05)}.hero-shield .sheen-band{transform-box:view-box;transform-origin:50% 50%;transform:translate(-97px,-76px);transition:transform .8s cubic-bezier(.22,1,.36,1);transition-delay:0ms;pointer-events:none}.hero-lockup.is-active .hero-shield .sheen-band,.hero-lockup.is-sweep .hero-shield .sheen-band{transform:translate(146px,125px);transition-delay:80ms}.hero-lockup.is-sweep-out .hero-shield .sheen-band{opacity:0;transition:transform .8s cubic-bezier(.22,1,.36,1) 0ms,opacity .2s cubic-bezier(.22,1,.36,1)}.hero-shield .glint-spark{transform-box:fill-box;transform-origin:center;opacity:0;transform:scale(.3);pointer-events:none}.hero-lockup.is-sparkle .hero-shield .glint-spark{animation:hero-glint .42s cubic-bezier(.22,1,.36,1) both}@keyframes hero-glint{0%{opacity:0;transform:scale(.25) rotate(-10deg)}30%{opacity:1;transform:scale(1.18) rotate(0)}to{opacity:0;transform:scale(.6) rotate(8deg)}}.hero-shield .glint-spark.is-fading{animation:none;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .2s cubic-bezier(.22,1,.36,1);opacity:0;transform:scale(.5)}@media(prefers-reduced-motion:reduce){.hero-shield .part-eagle,.hero-shield .shield-plate,.hero-shield .sheen-band,.hero-shield .glint-spark{transition:none!important;animation:none!important;transform:none!important}.hero-shield .glint-spark,.hero-shield .sheen-band{opacity:0!important}.why-list.why-anim .why-item,.step-grid.steps-anim .step{opacity:1!important;transform:none!important;transition:none!important}html{scroll-behavior:auto}.logo-intro{display:none!important}.logo-intro.is-playing .intro-shield-outline path#shield-base,.logo-intro.is-playing .intro-shield-fill,.logo-intro.is-playing .intro-wordmark #tepnam,.logo-intro.is-playing .intro-wordmark .intro-svg-divider,.logo-intro.is-playing .intro-wordmark #security-guard,.logo-intro.is-exiting .intro-lockup,.logo-intro.is-exiting{animation:none!important}}.cases{background:#fafafa;color:var(--text);padding:var(--section-y) 0;overflow:visible}.cases .eyebrow{color:var(--muted)}.cases-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}.cases .section-head{margin-bottom:0}.cases .section-head h2{margin-bottom:12px}.cases .take-sub{font-family:Jost,Noto Sans Thai,sans-serif;font-weight:600;font-size:15px;line-height:1.6;letter-spacing:.04em;color:var(--cta);margin:-4px 0 20px}.cases .take-sub span{font-family:Jost,sans-serif;font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-right:8px}.cases .lede{color:var(--muted);margin-bottom:32px}.cases .value-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:36px}.cases .value-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;font-size:17px}.cases .value-list svg{margin-top:5px}.cases .pdpa-note{font-size:13px;color:#12121280}.cases .stage{position:relative;height:640px;border-radius:var(--radius-lg);background:#fff;box-shadow:0 18px 48px #12121214;border:1px solid var(--hairline);outline:none;overflow:visible;z-index:2;-webkit-tap-highlight-color:transparent}.cases .stage:focus-visible{box-shadow:0 0 0 3px var(--cta)}.cases .magnet{position:absolute;left:50%;top:46%;width:230px;height:340px;transform:translate(-50%,-50%);pointer-events:none}.cases .pile{position:absolute;top:0;right:0;bottom:0;left:0}.cases .card{position:absolute;left:50%;top:46%;width:200px;height:316px;margin:-158px 0 0 -100px;border:0;padding:0;background:transparent;cursor:default;transform:var(--pile);transform-origin:center center;transition:transform .62s var(--spring),box-shadow .62s var(--spring);transition-delay:var(--delay, 0ms);z-index:var(--z, 1);--spring: cubic-bezier(.22, 1.38, .36, 1)}.cases .card:focus-visible{outline:3px solid var(--cta);outline-offset:4px;border-radius:20px}.cases .card-face{width:100%;height:100%;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 24px 48px #12121238,0 0 0 1px #1212120f;transition:box-shadow .62s var(--spring),filter .4s ease,opacity .4s ease;transition-delay:var(--delay, 0ms)}.cases .card-face picture{display:block;width:100%;height:100%}.cases .card-face img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:top;pointer-events:none}.cases .c1{--pile: translate(-16px, 10px) rotate(-9deg);--delay: 0ms;--z: 2;--bob-dur: 3.4s;--bob-delay: 0s}.cases .c2{--pile: translate(12px, -8px) rotate(5deg);--delay: 60ms;--z: 3;--bob-dur: 3.9s;--bob-delay: .35s}.cases .c3{--pile: translate(-6px, 16px) rotate(-3deg);--delay: .12s;--z: 4;--bob-dur: 3.6s;--bob-delay: .7s}.cases .c4{--pile: translate(18px, 4px) rotate(10deg);--delay: .18s;--z: 1;--bob-dur: 4.1s;--bob-delay: .15s}.cases .c1{--scatter: translate(-168px, -122px) rotate(-16deg) scale(1.06);--scatter-h: translate(-168px, -134px) rotate(-17deg) scale(1.09)}.cases .c2{--scatter: translate(154px, -132px) rotate(12deg) scale(1.05);--scatter-h: translate(154px, -144px) rotate(13deg) scale(1.08)}.cases .c3{--scatter: translate(-176px, 78px) rotate(-7deg) scale(1.05);--scatter-h: translate(-176px, 66px) rotate(-8deg) scale(1.08)}.cases .c4{--scatter: translate(160px, 88px) rotate(15deg) scale(1.06);--scatter-h: translate(160px, 76px) rotate(16deg) scale(1.09)}.cases .c1{--aside: translate(-282px, -150px) rotate(-20deg) scale(.52)}.cases .c2{--aside: translate(-290px, -16px) rotate(13deg) scale(.52)}.cases .c3{--aside: translate(-276px, 140px) rotate(-12deg) scale(.52)}.cases .c4{--aside: translate(-286px, 62px) rotate(17deg) scale(.52)}.cases .card{--focus: translate(-148px, -8px) rotate(0deg) scale(1.3)}.cases .float{width:100%;height:100%}.cases .stage:not(.is-scattered):not(.is-focus) .float{animation:case-bob var(--bob-dur, 3.6s) ease-in-out var(--bob-delay, 0s) infinite}.cases .stage.is-scattered:not(.is-focus) .float{animation:case-bob-slow 5.2s ease-in-out var(--bob-delay, 0s) infinite}@keyframes case-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes case-bob-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cases .stage.is-scattered .card{transform:var(--scatter);cursor:pointer}.cases .stage.is-scattered .card-face{box-shadow:0 28px 36px #12121229,0 40px 80px #12121247,0 0 0 1px #12121214}.cases .stage.is-scattered:not(.is-focus) .card:hover,.cases .stage.is-scattered:not(.is-focus) .card:focus-visible{transform:var(--scatter-h);z-index:8}.cases .stage.is-focus .card{transform:var(--aside);cursor:pointer}.cases .stage.is-focus .card .card-face{opacity:.38;filter:brightness(.7);box-shadow:0 10px 22px #12121224}.cases .stage.is-focus .card.is-on{transform:var(--focus);z-index:20;cursor:default;transition-delay:40ms}.cases .stage.is-focus .card.is-on .card-face{opacity:1;filter:none;box-shadow:0 16px 40px #1212122e,0 0 0 1px #12121214;border-radius:20px}.cases .hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:6;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--radius-pill);background:var(--cta);color:var(--cta-text);font-weight:600;font-size:16px;line-height:1.4;white-space:nowrap;box-shadow:0 8px 24px #0006;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.cases .hint .d{display:inline}.cases .hint .m{display:none}.cases .stage.is-scattered .hint,.cases .stage.is-focus .hint{opacity:0;transform:translate(-50%) translateY(8px)}.cases .enter{position:absolute;left:50%;bottom:22px;transform:translate(-50%) translateY(12px);z-index:7;display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border:0;border-radius:var(--radius-pill);background:var(--cta);color:var(--cta-text);font-weight:700;font-size:16px;line-height:1.4;white-space:nowrap;box-shadow:0 10px 28px #ff6b0061;cursor:pointer;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .4s ease,transform .5s var(--spring, cubic-bezier(.22, 1.38, .36, 1)),visibility 0s linear .5s}.cases .stage.is-scattered:not(.is-focus) .enter{opacity:1;pointer-events:auto;visibility:visible;transform:translate(-50%) translateY(0);transition:opacity .4s ease .28s,transform .5s cubic-bezier(.22,1.38,.36,1) .28s,visibility 0s linear 0s}.cases .stage.is-focus .enter{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .15s ease 0s,transform .15s ease 0s,visibility 0s linear .15s}.cases .enter:hover{filter:brightness(1.08)}.cases .enter:focus-visible{outline:3px solid var(--text);outline-offset:3px}.cases .enter svg{display:block}.cases .caption{position:absolute;left:332px;right:36px;top:50%;transform:translateY(-50%) translate(16px);z-index:22;display:flex;flex-direction:column;gap:16px;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .4s ease,transform .5s cubic-bezier(.22,1.2,.36,1),visibility 0s linear .5s}.cases .stage.is-focus .caption{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(-50%) translate(0);transition:opacity .4s ease .18s,transform .5s cubic-bezier(.22,1.2,.36,1) .18s,visibility 0s linear 0s}.cases .case-no{font-weight:600;font-size:15px;color:var(--cta)}.cases .case-title{font-size:26px;font-weight:800;line-height:1.35;letter-spacing:-.01em;color:var(--text)}.cases .case-sub{font-size:16px;color:var(--muted);max-width:26em}.cases .controls{display:flex;align-items:center;gap:16px;margin-top:8px}.cases .arrow{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(18,18,18,.35);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.cases .arrow svg path{stroke:#121212}.cases .arrow.next{background:var(--cta);border-color:var(--cta)}.cases .arrow.next svg path{stroke:#fff}.cases .arrow:focus-visible,.cases .close:focus-visible,.cases .dot:focus-visible{outline:3px solid var(--cta);outline-offset:3px}.cases .dots{display:flex;gap:8px;margin-left:8px}.cases .dot{width:8px;height:8px;border-radius:var(--radius-pill);background:#12121233;border:0;padding:0;transition:width .25s,background .25s;cursor:pointer}.cases .dot.on{width:28px;background:var(--cta)}.cases .close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;border:0;padding:0;background:#12121214;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:24;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.cases .close svg path{stroke:#121212}.cases .stage.is-focus .close{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .3s ease,visibility 0s linear 0s}.hourly{padding:var(--section-y) 0;background:#fff}.hourly-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:96px;align-items:center}.hourly .phone-well{background:var(--well);border-radius:var(--radius-lg);padding:56px 0;display:flex;justify-content:center}.hourly .phone{width:330px;height:660px;border-radius:48px;background:#121212;padding:12px;box-shadow:0 30px 60px #1212122e;opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .85s cubic-bezier(.22,1.2,.36,1)}.hourly.is-in .phone{opacity:1;transform:translateY(0)}.hourly .screen{width:100%;height:100%;border-radius:38px;background:#f4f4f4;overflow:hidden;position:relative;display:flex;flex-direction:column}.hourly .notch{position:absolute;top:10px;left:50%;transform:translate(-50%);width:96px;height:26px;border-radius:var(--radius-pill);background:#121212;z-index:3}.hourly .app-bar{padding:48px 18px 12px;background:#fff;border-bottom:1px solid var(--hairline);flex-shrink:0;line-height:1.5}.hourly .app-title{display:flex;align-items:center;gap:8px}.hourly .app-title strong{font-size:15px;font-weight:700}.hourly .live{width:8px;height:8px;border-radius:50%;background:var(--line);flex-shrink:0;box-shadow:0 0 #06c7558c}.hourly.is-in .live{animation:live-pulse 1.8s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #06c7558c}70%{box-shadow:0 0 0 8px #06c75500}to{box-shadow:0 0 #06c75500}}.hourly .app-bar .sub{display:block;font-size:12px;color:var(--muted);margin-top:2px;padding-left:16px}.hourly .feed{flex:1;overflow-x:hidden;overflow-y:auto;padding:14px 14px 16px;scrollbar-width:none;-ms-overflow-style:none}.hourly .feed::-webkit-scrollbar{display:none}.hourly .feed-inner{display:flex;flex-direction:column;gap:12px;min-height:100%;justify-content:flex-end}.hourly .rep{background:#fff;border-radius:18px;padding:8px;box-shadow:0 1px #1212120f;opacity:0;transform:translateY(28px);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1.2,.36,1);line-height:1.5}.hourly .rep.in{opacity:1;transform:translateY(0)}.hourly .rep picture{display:block}.hourly .rep img{width:100%;height:220px;max-width:none;object-fit:cover;object-position:center 85%;border-radius:12px;display:block}.hourly .rep-foot{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px 4px 2px}.hourly .tag{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;min-width:0;white-space:nowrap}.hourly .tag i{width:8px;height:8px;border-radius:50%;background:var(--line);display:inline-block;flex-shrink:0}.hourly .tag small{font-size:inherit;font-weight:400;color:var(--muted)}.hourly .sent{display:inline-flex;align-items:center;gap:5px;align-self:flex-end;font-size:11px;font-weight:600;color:var(--line);white-space:nowrap;opacity:0;transform:translateY(5px) scale(.92);transition:opacity .35s ease,transform .4s cubic-bezier(.22,1.4,.36,1)}.hourly .rep.sent-in .sent{opacity:1;transform:none}.hourly .sent time{font-weight:500;color:var(--muted)}.hourly .section-head{margin-bottom:0}.hourly .lede{margin-bottom:8px}.hourly-copy .reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .55s cubic-bezier(.22,1.15,.36,1)}.hourly.is-in .hourly-copy .reveal{opacity:1;transform:translateY(0)}.hourly.is-in .hourly-copy .eyebrow{transition-delay:80ms}.hourly.is-in .hourly-copy .section-head h2{transition-delay:.16s}.hourly.is-in .hourly-copy .lede{transition-delay:.24s}.hourly.is-in .hourly-copy .why-item:nth-child(1){transition-delay:.36s}.hourly.is-in .hourly-copy .why-item:nth-child(2){transition-delay:.48s}.hourly.is-in .hourly-copy .why-item:nth-child(3){transition-delay:.6s}.hourly .why-num{font-variant-numeric:tabular-nums}.hourly .hourly-list{display:grid;grid-auto-rows:1fr;gap:28px}.hourly .hourly-list .why-item{align-items:center}.hourly .hourly-list .why-num{padding-top:0}.hourly .hourly-list h3{margin-bottom:0;color:var(--ink, var(--text))}.team-photo{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:560px;background:var(--well);opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .95s cubic-bezier(.22,1.15,.36,1)}.team-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}.hourly .lede .ink{color:var(--ink, #121212);font-weight:600}.team-photo .mascot-caption{position:absolute;left:20px;top:18px;bottom:auto;z-index:2;font-family:Jost,sans-serif;font-weight:500;font-size:11px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:#ffffffd1;border-radius:var(--radius-pill);padding:6px 12px}.why.is-in .team-photo{opacity:1;transform:translateY(0)}@media(max-width:860px){.cases-grid{grid-template-columns:1fr;gap:36px}.cases .stage{height:540px;border-radius:var(--radius-md)}.cases .magnet{width:150px;height:230px}.cases .card{width:128px;height:204px;margin:-102px 0 0 -64px}.cases .card-face{border-radius:12px}.cases .c1{--pile: translate(-10px, 8px) rotate(-9deg);--scatter: translate(-78px, -86px) rotate(-15deg) scale(1.05);--scatter-h: translate(-78px, -94px) rotate(-16deg) scale(1.08);--aside: translate(-110px, -176px) rotate(-16deg) scale(.4)}.cases .c2{--pile: translate(8px, -6px) rotate(5deg);--scatter: translate(76px, -96px) rotate(12deg) scale(1.04);--scatter-h: translate(76px, -104px) rotate(13deg) scale(1.07);--aside: translate(88px, -148px) rotate(14deg) scale(.4)}.cases .c3{--pile: translate(-4px, 12px) rotate(-3deg);--scatter: translate(-82px, 52px) rotate(-7deg) scale(1.04);--scatter-h: translate(-82px, 44px) rotate(-8deg) scale(1.07);--aside: translate(-120px, -72px) rotate(-10deg) scale(.4)}.cases .c4{--pile: translate(12px, 3px) rotate(10deg);--scatter: translate(80px, 60px) rotate(14deg) scale(1.05);--scatter-h: translate(80px, 52px) rotate(15deg) scale(1.08);--aside: translate(118px, -72px) rotate(12deg) scale(.4)}.cases .card,.cases .magnet{top:42%}.cases .card{--focus: translate(0px, -96px) rotate(0deg) scale(1.28)}.cases .hint .d{display:none}.cases .hint .m{display:inline}.cases .hint,.cases .enter{bottom:16px;font-size:15px;padding:11px 18px}.cases .caption{left:16px;right:16px;top:auto;bottom:16px;transform:translateY(10px);gap:8px}.cases .stage.is-focus .caption{transform:translateY(0)}.cases .case-title{font-size:20px}.cases .case-sub{font-size:14px}.cases .controls{margin-top:4px}.cases .arrow{width:44px;height:44px}.cases .close{top:12px;right:12px;background:#ffffffeb;box-shadow:0 2px 8px #1212121f}.hourly-grid{grid-template-columns:1fr;gap:40px}.hourly-copy{order:-1}.hourly .phone-well{padding:36px 0;border-radius:var(--radius-md)}.hourly .phone{width:280px;height:560px;border-radius:42px;padding:10px}.hourly .screen{border-radius:33px}.hourly .rep img{height:180px}.hourly .why-list{margin:28px 0 0}.team-photo{min-height:0;aspect-ratio:4 / 5;border-radius:var(--radius-md)}}@media(prefers-reduced-motion:reduce){.cases .float{animation:none!important}.cases .card,.cases .card-face,.cases .hint,.cases .enter,.cases .caption,.cases .dot{transition:opacity .25s ease,filter .25s ease!important;transition-delay:0s!important}.hourly .phone,.hourly-copy .reveal,.hourly .rep,.hourly .sent{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.hourly .live{animation:none!important}.team-photo{opacity:1!important;transform:none!important;transition:none!important}}.hero-kicker{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-family:Noto Sans Thai,sans-serif;font-weight:600;font-size:14px;line-height:1.45;letter-spacing:.04em;color:var(--muted)}.hero-kicker:before{content:"";display:block;width:20px;height:3px;background:var(--cta);flex-shrink:0}.faq{padding:var(--section-y) 0}.faq .section-head{margin-bottom:28px}.faq .section-head .eyebrow{margin-bottom:16px}.faq-list{max-width:800px;border-top:1px solid var(--hairline)}.faq-item{border-bottom:1px solid var(--hairline)}.faq-item summary{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 0;cursor:pointer;color:var(--text)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::marker{content:""}.faq-item summary:focus-visible{outline:2px solid var(--text);outline-offset:3px}.faq-q{font-family:Noto Sans Thai,sans-serif;font-weight:600;font-size:20px;line-height:1.45;color:var(--text);text-wrap:balance;flex:1;min-width:0}.faq-icon{position:relative;width:20px;height:20px;flex-shrink:0;margin-top:4px}.faq-icon:before,.faq-icon:after{content:"";position:absolute;background:var(--text);border-radius:1px}.faq-icon:before{width:16px;height:2px;left:2px;top:9px}.faq-icon:after{width:2px;height:16px;left:9px;top:2px;transition:transform .2s ease-out,opacity .2s ease-out}.faq-item[open] .faq-icon:after{transform:rotate(90deg);opacity:0}.faq-answer{padding:0 36px 24px 0}.faq-answer p{font-size:16px;font-weight:400;line-height:1.7;color:var(--text);word-break:normal}html{interpolate-size:allow-keywords}.faq-item::details-content{overflow:hidden;opacity:0;block-size:0;transition:block-size .2s ease-out,opacity .2s ease-out,content-visibility .2s ease-out allow-discrete}.faq-item[open]::details-content{opacity:1;block-size:auto}@media(max-width:860px){.hero-kicker{font-size:13px;letter-spacing:.03em;gap:10px;margin-bottom:8px}.hero-kicker:before{width:16px;height:2px}.faq-q{font-size:18px}.faq-item summary{padding:20px 0}.faq-answer{padding:0 28px 20px 0}.faq-answer p{font-size:16px}}@media(prefers-reduced-motion:reduce){.faq-item::details-content,.faq-icon:after{transition:none}}.faq-slide .faq-list{border-top:0}.faq-slide .faq-item{border-top:1px solid var(--hairline);border-bottom:0}.faq-slide .faq-item:last-child{border-bottom:1px solid var(--hairline)}.faq-slide .section-head{opacity:0;transform:translateY(16px)}.faq-slide.is-in .section-head{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .55s cubic-bezier(.22,1.15,.36,1)}.faq{overflow-x:clip}.faq-slide .faq-item{opacity:0;transform:translate(-40px)}.faq-slide.is-in .faq-item{opacity:1;transform:translate(0);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.faq-slide .faq-item{transform:translate(-24px)}.faq-slide.is-in .faq-item{transform:translate(0)}}.faq-slide.is-in .faq-item:nth-child(1){transition-delay:.12s}.faq-slide.is-in .faq-item:nth-child(2){transition-delay:.21s}.faq-slide.is-in .faq-item:nth-child(3){transition-delay:.3s}.faq-slide.is-in .faq-item:nth-child(4){transition-delay:.39s}.faq-slide.is-in .faq-item:nth-child(5){transition-delay:.48s}@media(prefers-reduced-motion:reduce){.faq-slide .section-head,.faq-slide .faq-item,.faq-slide.is-in .section-head,.faq-slide.is-in .faq-item{opacity:1!important;transform:none!important;transition:none!important}}
