*,*:before,*:after{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure,blockquote{margin:0;text-wrap:pretty}img,svg{display:block;max-width:100%}:root{--accent: #d9b676;--accent-ink: #14120d;--shell: 1240px;--gutter: clamp(20px, 5vw, 40px);--section-y: clamp(72px, 11vw, 128px);--ease: cubic-bezier(.2, .7, .2, 1);--nav-h: 72px}:root,:root[data-theme=dark]{color-scheme:dark;--bg: #100e0a;--bg2: #16130d;--bg3: #1c1913;--card: #191610;--fg: #efe9dc;--fg2: #cfc8b8;--muted: #948d7c;--line: rgba(230, 215, 180, .1);--line2: rgba(230, 215, 180, .16);--nav: rgba(16, 14, 10, .72);--cov1: #1c1913;--cov2: #151109;--cov3: #211c14}:root[data-theme=light]{color-scheme:light;--bg: #f4f0e7;--bg2: #ece6d9;--bg3: #e3dccb;--card: #fbf8f1;--fg: #1a160f;--fg2: #3f392e;--muted: #726955;--line: rgba(40, 30, 10, .12);--line2: rgba(40, 30, 10, .18);--nav: rgba(244, 240, 231, .78);--cov1: #e6dfcf;--cov2: #ded5c1;--cov3: #ebe4d5}html[lang=en]{--font-display: "Fraunces Variable", Georgia, serif;--font-body: "Geist", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace}html[lang=th]{--font-display: "Anuphan", system-ui, sans-serif;--font-body: "IBM Plex Sans Thai", system-ui, sans-serif;--font-mono: "IBM Plex Sans Thai", system-ui, sans-serif}html[lang=th] .hero__title .w--em,html[lang=th] .contact__title .w--em{font-style:normal;font-weight:600}html[lang=th] .hero__title{font-size:clamp(33px,min(4.9vw,7.2vh),62px);line-height:1.34;letter-spacing:0;max-width:20ch}html[lang=th] .contact__title{font-size:clamp(32px,5vw,62px);line-height:1.32;letter-spacing:0;max-width:19ch}html[lang=th] .h2{font-size:clamp(28px,3.9vw,46px);line-height:1.32;letter-spacing:0}html[lang=th] .cover__title{font-size:clamp(24px,3vw,38px);line-height:1.3;max-width:17ch}html[lang=th] .cover__title--sm{font-size:21px;line-height:1.34}html[lang=th] .fact__value,html[lang=th] .why__title,html[lang=th] .proc__title,html[lang=th] .plan__name,html[lang=th] .custom__title,html[lang=th] .review blockquote{line-height:1.42}html[lang=th] .fact__value{font-size:clamp(19px,2vw,24px)}html[lang=th] .why__title{font-size:clamp(19px,2.2vw,25px)}html[lang=th] .hero__sub,html[lang=th] .lede,html[lang=th] .why__body,html[lang=th] .case__body p,html[lang=th] .faq__a,html[lang=th] .contact__sub,html[lang=th] .proc__desc,html[lang=th] .wcard__challenge{line-height:1.78}html[lang=th] .eyebrow,html[lang=th] .kicker,html[lang=th] .fact__label,html[lang=th] .marquee__label{letter-spacing:.06em}html{scroll-behavior:smooth;scroll-padding-top:90px;background:var(--bg)}body{min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .5s ease,color .5s ease}.shell{max-width:var(--shell);margin-inline:auto}.section{padding:var(--section-y) var(--gutter)}.section--band{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin-bottom:16px}.eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.h2{font-family:var(--font-display);font-weight:400;font-size:clamp(34px,5vw,60px);line-height:1.06;letter-spacing:-.012em;text-wrap:balance}html[lang=en]{font-optical-sizing:auto;font-variant-ligatures:common-ligatures contextual}.plan__amount,.fact__value{font-variant-numeric:tabular-nums}.lede{color:var(--muted);font-size:16px;line-height:1.6}.mono{font-family:var(--font-mono)}.grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.glow{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 66%);pointer-events:none;filter:blur(30px)}.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-radius:999px;font-family:inherit;font-weight:500;cursor:pointer;border:1px solid transparent}.btn--solid{background-image:linear-gradient(135deg,color-mix(in srgb,var(--accent) 76%,#fff) 0%,var(--accent) 46%,color-mix(in srgb,var(--accent) 84%,#000) 100%);background-color:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px color-mix(in srgb,#fff 40%,transparent),0 12px 30px -14px color-mix(in srgb,var(--accent) 70%,transparent);transition:box-shadow .4s var(--ease),transform .4s var(--ease)}.btn--solid:hover,.btn--solid:focus-visible{transform:translateY(-1px);box-shadow:inset 0 1px color-mix(in srgb,#fff 55%,transparent),0 18px 40px -14px color-mix(in srgb,var(--accent) 85%,transparent)}.btn--ghost{background:transparent;color:var(--fg);border-color:var(--line2);font-weight:400;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.btn--ghost:hover,.btn--ghost:focus-visible{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn--sm{padding:11px 20px;font-size:14px}.btn--md{padding:15px 28px;font-size:15.5px}.btn--lg{padding:18px 38px;font-size:17px;gap:12px}.arw{display:inline-block;transition:transform .35s var(--ease)}.cta-a:hover .arw,.cta-a:focus-visible .arw{transform:translate(5px)}.ul{background-image:linear-gradient(currentColor,currentColor);background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s var(--ease);padding-bottom:2px}.ul:hover,.ul:focus-visible{background-size:100% 1px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:12px 20px;background:var(--accent);color:var(--accent-ink);font-size:14px;text-decoration:none}.skip-link:focus{left:8px;top:8px}.icon-btn{display:grid;place-items:center;width:38px;height:38px;background:transparent;border:1px solid var(--line2);border-radius:999px;color:var(--fg);font-size:14px;cursor:pointer;font-family:inherit}:root[data-theme=dark] .theme-icon--moon,:root[data-theme=light] .theme-icon--sun{display:none}.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid var(--line2);border-radius:999px}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);flex-shrink:0}.chip{font-family:var(--font-mono);font-size:11.5px;padding:5px 11px;border:1px solid var(--line2);border-radius:6px;color:var(--fg2);white-space:nowrap}.nav{position:sticky;top:0;z-index:50;padding:18px 0;background:transparent;border-bottom:1px solid transparent;transition:padding .35s ease,background .35s ease,border-color .35s ease,backdrop-filter .35s ease}.nav[data-scrolled=true]{padding:12px 0;background:var(--nav);backdrop-filter:blur(14px);border-bottom-color:var(--line)}.nav__inner{max-width:var(--shell);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-inline:var(--gutter)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand__c{color:var(--accent)}.brand__name{font-weight:500;font-size:16px;letter-spacing:.01em}.nav__links{display:flex;align-items:center;gap:36px}.nav__tools{display:flex;align-items:center;gap:14px}.navlink{position:relative;text-decoration:none;font-size:14.5px;color:var(--fg2);letter-spacing:.01em}.navlink:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.navlink[aria-current=true]:after,.navlink:hover:after,.navlink:focus-visible:after{transform:scaleX(1)}.langswitch{display:flex;align-items:center;border:1px solid var(--line2);border-radius:999px;overflow:hidden;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em}.langswitch a{padding:8px 13px;text-decoration:none;color:var(--muted);transition:background .25s,color .25s}.langswitch a[aria-current=true]{background:var(--accent);color:var(--accent-ink)}.burger{display:none;align-items:center;justify-content:center;width:42px;height:42px;background:transparent;border:1px solid var(--line2);border-radius:10px;color:var(--fg);font-size:18px;cursor:pointer}.menu{position:fixed;inset:0;z-index:60;background:var(--bg);padding:88px var(--gutter) 40px;display:flex;flex-direction:column;gap:8px}.menu[hidden]{display:none}.menu__close{position:absolute;top:22px;right:var(--gutter);width:42px;height:42px;background:transparent;border:1px solid var(--line2);border-radius:10px;color:var(--fg);font-size:18px;cursor:pointer}.menu__link{text-decoration:none;color:var(--fg);font-family:var(--font-display);font-size:34px;line-height:1.5;letter-spacing:-.01em}.menu__tools{display:flex;gap:14px;margin-top:24px;align-items:center}.hero{position:relative;padding:0 var(--gutter) clamp(48px,7vw,80px);max-width:var(--shell);margin-inline:auto}.hero__stage{position:relative;min-height:calc(100svh - var(--nav-h));display:flex;align-items:center;padding-block:clamp(20px,3vh,48px)}.hero__cue{position:absolute;bottom:clamp(8px,2vh,26px);left:50%;translate:-50% 0;width:1px;height:46px;overflow:hidden;background:linear-gradient(var(--line2),transparent)}.hero__cue span{display:block;width:1px;height:14px;background:var(--accent);animation:cueDrop 2.4s var(--ease) infinite}@keyframes cueDrop{0%{translate:0 -16px;opacity:0}25%{opacity:1}to{translate:0 46px;opacity:0}}.hero__glow{top:0;right:clamp(-60px,-4vw,-20px);width:min(560px,60vw);height:min(560px,60vw);opacity:.14}.hero__grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(28px,4.4vw,72px);align-items:center}.hero__badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:clamp(18px,min(4vw,3.2vh),34px)}.hero__badge span:last-child{font-family:var(--font-mono);font-size:12.5px;letter-spacing:.16em;color:var(--fg2);text-transform:uppercase}.hero__title{font-family:var(--font-display);font-weight:400;font-size:clamp(36px,min(4.6vw,7.2vh),64px);line-height:1.1;letter-spacing:-.015em;text-wrap:balance}.hero__title .w--em{font-style:italic;color:var(--accent)}.hero__sub{margin-top:clamp(18px,min(4vw,2.8vh),32px);max-width:50ch;font-size:clamp(16px,1.5vw,18.5px);line-height:1.62;color:var(--muted)}.hero__ctas{display:flex;flex-wrap:wrap;gap:16px;margin-top:clamp(24px,min(4vw,3.6vh),40px)}.hero__facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(20px,3vw,40px);margin-top:clamp(52px,7vw,80px);padding-top:clamp(28px,4vw,38px);border-top:1px solid var(--line)}.fact__label{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.fact__value{font-family:var(--font-display);font-size:clamp(22px,2.4vw,29px);line-height:1.15;letter-spacing:-.005em}.mock{position:relative}.mock__win{border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:var(--bg2)}.mock__bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--line)}.mock__bar i{width:11px;height:11px;border-radius:50%;background:var(--line2)}.mock__file{margin-left:12px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted);letter-spacing:.03em}.mock__code{padding:22px 22px 26px;margin:0;font-family:var(--font-mono);font-size:13px;line-height:1.85;color:var(--fg2)}.mock__code .k{color:var(--muted)}.mock__code .s,.mock__code .v{color:var(--accent)}.mock__code .i{padding-left:20px;display:block}.mock__caret{animation:csCaret 1.1s step-end infinite}.mock__badge{position:absolute;bottom:-22px;left:-18px;background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 24px 60px -40px #000000e6}.mock__grade{font-family:var(--font-display);font-size:30px;line-height:1;color:var(--accent)}.mock__note{font-family:var(--font-mono);font-size:11px;line-height:1.4;color:var(--muted);letter-spacing:.04em}.marquee{display:flex;align-items:stretch;overflow:hidden}.marquee__label{flex-shrink:0;padding-inline:clamp(18px,3vw,28px);font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;border-right:1px solid var(--line);display:flex;align-items:center;white-space:nowrap}.marquee__viewport{overflow:hidden;flex:1}.marquee__track{display:flex;width:max-content;padding:18px 0;animation:csMarquee 42s linear infinite}.marquee__item{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:13.5px;letter-spacing:.04em;color:var(--fg2);padding-inline:26px;white-space:nowrap}.marquee__item:after{content:"/";margin-left:26px;color:var(--accent);opacity:.5}.work__head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:clamp(40px,6vw,64px)}.work__head .h2{max-width:15ch}.work__sub{max-width:38ch;color:var(--muted);font-size:15.5px;line-height:1.6}.wcard{text-decoration:none;color:inherit;display:block;border:1px solid var(--line2);border-radius:14px;overflow:hidden;transition:border-color .4s ease,transform .45s var(--ease),box-shadow .45s var(--ease)}.wcard:hover,.wcard:focus-visible,.wcard:focus-within{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 34px 64px -38px #000000e6}:root[data-theme=light] .wcard:hover,:root[data-theme=light] .wcard:focus-visible,:root[data-theme=light] .wcard:focus-within{box-shadow:0 30px 56px -34px #3c2d0f59}.wcard--featured{border-radius:16px;margin-bottom:clamp(20px,3vw,28px)}.wcard__split{display:grid;grid-template-columns:1.15fr .85fr}.wcard__body{padding:clamp(28px,3.2vw,44px);display:flex;flex-direction:column;justify-content:center;gap:22px;background:var(--card)}.wcard__tagline{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;padding:6px 13px;border:1px solid var(--accent);border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.wcard__challenge{font-size:16px;line-height:1.6;color:var(--fg2)}.wcard__read{display:inline-flex;align-items:center;gap:9px;font-size:15px;color:var(--accent);font-weight:500}.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(20px,3vw,28px)}.wcard__foot{padding:20px 22px 24px}.wcard__tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.wreveal{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s var(--ease),opacity .4s ease}.wreveal>div{overflow:hidden}.wcard:hover .wreveal,.wcard:focus-within .wreveal{grid-template-rows:1fr;opacity:1}.wreveal p{margin-top:12px;font-size:14px;line-height:1.55;color:var(--muted)}.wreveal__stack{margin-top:12px;font-family:var(--font-mono);font-size:11px;color:var(--fg2)}.work__all{margin-top:clamp(36px,5vw,52px);display:flex;justify-content:center}.work__all a{text-decoration:none;display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13.5px;letter-spacing:.08em;color:var(--fg);text-transform:uppercase}.cover{position:relative;overflow:hidden;background-color:var(--cover, var(--cov1));background-image:radial-gradient(118% 88% at 16% 0%,color-mix(in srgb,var(--accent) 13%,transparent) 0%,transparent 62%)}.cover--wide{aspect-ratio:16 / 10}.cover--card{aspect-ratio:4 / 3}.cover--tall{aspect-ratio:4 / 5}.cover__art,.cover__img{position:absolute;inset:-4% 0;width:100%;height:108%;object-fit:cover;transition:scale .6s var(--ease)}.wcard:hover .cover__art,.wcard:hover .cover__img,.wcard:focus-visible .cover__art,.wcard:focus-visible .cover__img{scale:1.025}.cover__scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.12) 55%,transparent);pointer-events:none}:root[data-theme=light] .cover__scrim{background:linear-gradient(to top,rgba(20,15,5,.62),rgba(20,15,5,.1) 55%,transparent)}.cover__meta{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(26px,3vw,40px);pointer-events:none;color:#efe9dc}.cover__meta--sm{padding:22px}.cover__meta--bottom{justify-content:flex-end}.cover__year{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;color:#cfc8b8;text-transform:uppercase}.cover__index{font-family:var(--font-mono);font-size:13px;color:var(--accent);opacity:.75}.cover__title{font-family:var(--font-display);font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.01em;margin-top:6px;max-width:14ch}.cover__title--sm{font-size:26px;line-height:1.1;margin-top:4px;max-width:15ch}.cover__title--case{font-size:clamp(30px,3.6vw,46px)}.cover__chips{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.cover__chips .chip{border-color:#e6d7b447;color:#efe9dc;font-size:11px;padding:4px 10px}.case__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:start}.case__cover{position:sticky;top:104px;border-radius:16px;overflow:hidden;border:1px solid var(--line2)}.case__blocks{display:flex;flex-direction:column;gap:clamp(28px,4vw,44px)}.case__block{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.case__no{font-family:var(--font-display);font-size:26px;color:var(--accent);line-height:1}.case__body{border-bottom:1px solid var(--line);padding-bottom:clamp(24px,3vw,36px)}.case__body p{font-size:clamp(16px,1.6vw,18.5px);line-height:1.62;color:var(--fg2)}.case__note{font-family:var(--font-mono);font-size:12px;color:var(--muted);line-height:1.6;letter-spacing:.02em}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:clamp(18px,2.4vw,24px);align-items:stretch}.plan{position:relative;display:flex;flex-direction:column;border-radius:16px;overflow:hidden;background:var(--card);border:1px solid var(--line2)}.plan--featured{border-color:var(--accent);box-shadow:0 50px 90px -60px color-mix(in srgb,var(--accent) 75%,transparent)}.plan,.custom,.wcard__body,.mock__win,.review,.mock__badge{background-image:linear-gradient(180deg,color-mix(in srgb,var(--fg) 5%,transparent) 0%,transparent 150px)}.plan__ribbon{position:absolute;top:0;left:0;right:0;text-align:center;padding:8px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.plan__inner{padding:32px 30px 30px;flex:1;display:flex;flex-direction:column}.plan--featured .plan__inner{padding-top:48px}.plan__name{font-family:var(--font-display);font-size:27px;letter-spacing:-.01em}.plan__blurb{margin-top:10px;color:var(--muted);font-size:14.5px;line-height:1.55;min-height:44px}.plan__bestfor{margin:22px 0;padding:14px 16px;border:1px dashed var(--line2);border-radius:10px}.plan__bestfor dt{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.plan__bestfor dd{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--fg2)}.plan__price{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.plan__from{font-size:12.5px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.04em}.plan__amount{font-family:var(--font-display);font-size:46px;line-height:1}.plan__features{list-style:none;padding:0;display:flex;flex-direction:column;gap:11px;margin:24px 0 20px}.plan__features li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--fg2)}.plan__features li:before{content:"●";color:var(--accent);font-size:12px;margin-top:4px;flex-shrink:0}.plan__excludes{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);line-height:1.5;padding-top:16px;border-top:1px solid var(--line);margin-top:auto}.plan__cta{text-decoration:none;margin:0 22px 22px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px;border-radius:999px;font-size:14.5px;font-weight:500;border:1px solid var(--line2);background:transparent;color:var(--fg)}.plan--featured .plan__cta{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.custom{margin-top:clamp(20px,3vw,28px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:clamp(22px,3vw,30px) clamp(24px,3vw,34px);border:1px solid var(--line2);border-radius:14px;background:var(--card)}.custom__title{font-family:var(--font-display);font-size:22px;letter-spacing:-.01em}.custom__sub{margin-top:6px;color:var(--muted);font-size:14.5px;line-height:1.5;max-width:52ch}.custom__cta{text-decoration:none;display:inline-flex;align-items:center;gap:9px;font-size:14.5px;color:var(--accent);font-weight:500;white-space:nowrap}.price-note{text-align:center;margin-top:22px;color:var(--muted);font-size:12.5px;font-family:var(--font-mono);letter-spacing:.03em}.proc{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,40px)}.proc__conn{position:absolute;top:19px;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,var(--line2) 12%,var(--line2) 88%,transparent)}.proc__step{position:relative}.proc__no{position:relative;z-index:1;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--bg2);border:1px solid var(--accent);font-family:var(--font-mono);font-size:13px;color:var(--accent);margin-bottom:22px}.proc__title{font-family:var(--font-display);font-size:23px;letter-spacing:-.01em;margin-bottom:10px}.proc__desc{color:var(--muted);font-size:14.5px;line-height:1.58;margin-bottom:16px}.proc__deliver{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--fg2);padding-top:14px;border-top:1px solid var(--line)}.proc__deliver:before{content:"→";color:var(--accent);margin-right:6px}.why__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(36px,5vw,80px);align-items:start}.why__aside{position:sticky;top:104px}.why__aside .h2{font-size:clamp(32px,4.4vw,54px);line-height:1.07}.why__aside p{margin-top:20px;color:var(--muted);font-size:16px;line-height:1.62;max-width:40ch}.why__item{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,32px);padding:clamp(24px,3.4vw,36px) 0;border-top:1px solid var(--line);align-items:baseline}.why__no{font-family:var(--font-mono);font-size:12.5px;color:var(--accent);letter-spacing:.04em}.why__title{font-family:var(--font-display);font-size:clamp(22px,2.6vw,30px);letter-spacing:-.01em;margin-bottom:10px}.why__body{color:var(--muted);font-size:15.5px;line-height:1.6;max-width:52ch}.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.review{border:1px solid var(--line2);border-radius:14px;padding:32px}.review blockquote{font-family:var(--font-display);font-size:22px;line-height:1.4}.review figcaption{margin-top:20px;font-size:14px;color:var(--muted)}.faq{max-width:900px;margin-inline:auto}.faq__list{display:flex;flex-direction:column}.faq__item{border-top:1px solid var(--line)}.faq__q{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(22px,3vw,30px) 4px;font-size:clamp(16.5px,1.8vw,19px);font-weight:500;letter-spacing:-.005em;color:var(--fg)}.faq__q::-webkit-details-marker{display:none}.faq__icon{font-family:var(--font-mono);font-size:24px;color:var(--accent);flex-shrink:0;line-height:1;transition:transform .3s var(--ease)}.faq__item[open] .faq__icon{transform:rotate(45deg)}.faq__a{padding:0 44px clamp(24px,3vw,30px) 4px;color:var(--muted);font-size:15.5px;line-height:1.65;max-width:66ch}@supports (interpolate-size: allow-keywords){.faq__item::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .4s var(--ease),content-visibility .4s allow-discrete,opacity .35s ease}.faq__item[open]::details-content{block-size:auto;opacity:1}}.contact{position:relative;padding:clamp(80px,12vw,150px) var(--gutter);border-top:1px solid var(--line);overflow:hidden}.contact__glow{bottom:-30%;left:50%;transform:translate(-50%);width:min(760px,90vw);height:min(760px,90vw);opacity:.08;filter:blur(40px)}.contact__inner{position:relative;max-width:920px;margin-inline:auto;text-align:center}.contact__badge{margin-bottom:clamp(26px,4vw,34px)}.contact__badge span:last-child{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--fg2);text-transform:uppercase}.contact__title{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,6vw,76px);line-height:1.06;letter-spacing:-.018em;max-width:15ch;margin-inline:auto;text-wrap:balance}.contact__title .w--em{font-style:italic;color:var(--accent)}.contact__sub{margin:clamp(22px,3vw,30px) auto 0;max-width:52ch;color:var(--muted);font-size:clamp(16px,1.7vw,19px);line-height:1.62}.contact__cta{display:flex;justify-content:center;margin-top:clamp(34px,5vw,44px)}.contact__note{margin-top:18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;color:var(--muted)}.contact__alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 26px;margin-top:clamp(32px,4vw,42px);padding-top:clamp(26px,3vw,34px);border-top:1px solid var(--line)}.contact__alt a{text-decoration:none;color:var(--fg2);font-size:14.5px}.footer{border-top:1px solid var(--line);padding:clamp(40px,5vw,56px) var(--gutter)}.footer__top{max-width:var(--shell);margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}.footer__brand{display:flex;align-items:center;gap:13px}.footer__name{font-size:14.5px;font-weight:500}.footer__tagline{font-size:13px;color:var(--muted);margin-top:2px}.footer__nav{display:flex;flex-wrap:wrap;gap:22px}.footer__nav a{text-decoration:none;color:var(--fg2);font-size:13.5px}.footer__social{display:flex;gap:18px}.footer__social a{text-decoration:none;color:var(--muted);font-size:13.5px}.footer__bottom{max-width:var(--shell);margin:clamp(28px,4vw,40px) auto 0;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.footer__bottom span{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);letter-spacing:.04em}:root[data-theme=dark] .hero__title .w--em,:root[data-theme=dark] .contact__title .w--em{text-shadow:0 0 48px color-mix(in srgb,var(--accent) 34%,transparent)}.section--band{position:relative;border-top:none;border-bottom:none}.section--band:before,.section--band:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--line2) 18%,var(--line2) 82%,transparent);pointer-events:none}.section--band:before{top:0}.section--band:after{bottom:0}.bot{position:fixed;right:clamp(14px,3vw,28px);bottom:clamp(14px,3vw,28px);z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.bot__launcher{position:relative;display:grid;place-items:center;width:96px;height:96px;padding:0;background:none;border:0;cursor:pointer;transition:transform .4s var(--ease)}.bot__launcher:before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 50% 56%,color-mix(in srgb,var(--accent) 48%,transparent) 0%,color-mix(in srgb,var(--accent) 22%,transparent) 40%,transparent 70%);filter:blur(11px);transition:opacity .4s var(--ease),transform .5s var(--ease)}.bot__launcher img{position:relative;width:66px;height:auto;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 33%,transparent)) drop-shadow(0 6px 14px rgba(0,0,0,.5));animation:botBob 3.6s ease-in-out infinite}.bot__launcher:hover,.bot__launcher:focus-visible{transform:translateY(-4px)}.bot__launcher:hover:before,.bot__launcher:focus-visible:before{opacity:1;transform:scale(1.14)}.bot__launcher:focus-visible{outline:none}.bot__launcher:focus-visible img{filter:drop-shadow(0 0 14px var(--accent)) drop-shadow(0 6px 14px rgba(0,0,0,.5))}.bot__ping{position:absolute;top:14px;right:16px;width:11px;height:11px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);animation:botPing 2.4s ease-out infinite}.bot__teaser{max-width:200px;margin:0;padding:9px 14px;border-radius:14px 14px 4px;background:var(--card);border:1px solid var(--line2);color:var(--fg2);font-size:13.5px;line-height:1.45;box-shadow:0 14px 30px -18px #000c;animation:botRise .5s var(--ease) 1.6s both}.bot__teaser.is-gone{display:none}.bot.is-open .bot__launcher{transform:scale(.9);opacity:.6}.bot__panel{position:absolute;right:0;bottom:calc(100% + 12px);width:min(370px,calc(100vw - 28px));height:min(540px,calc(100svh - 140px));display:flex;flex-direction:column;overflow:hidden;border-radius:18px;background:var(--bg2);border:1px solid var(--line2);box-shadow:0 40px 80px -30px #000000e6;animation:botRise .32s var(--ease) both}.bot__panel[hidden]{display:none}.bot__head{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;border-bottom:1px solid var(--line);background:var(--card)}.bot__avatar{width:40px;height:auto;flex-shrink:0}.bot__id{display:flex;flex-direction:column;gap:2px;min-width:0}.bot__id strong{font-family:var(--font-display);font-size:18px;font-weight:500;letter-spacing:-.01em}.bot__id span{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.bot__dot{width:6px;height:6px;border-radius:50%;background:#6ec98a;flex-shrink:0}.bot__close{margin-left:auto;width:32px;height:32px;display:grid;place-items:center;background:transparent;border:1px solid var(--line2);border-radius:8px;color:var(--fg2);font-size:17px;cursor:pointer;flex-shrink:0}.bot__log{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}.bot__msg{max-width:86%;padding:10px 14px;font-size:14.5px;line-height:1.62;white-space:pre-wrap}.bot__msg--bot{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-radius:14px 14px 14px 4px;color:var(--fg2)}.bot__msg--me{align-self:flex-end;background:var(--accent);color:var(--accent-ink);border-radius:14px 14px 4px;font-weight:500}.bot__typing{display:flex;gap:4px;align-items:center;padding:14px}.bot__typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:botType 1.2s ease-in-out infinite}.bot__typing i:nth-child(2){animation-delay:.15s}.bot__typing i:nth-child(3){animation-delay:.3s}.bot__cta{align-self:flex-start;text-decoration:none;padding:10px 18px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:13.5px;font-weight:500}.bot__chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 12px}.bot__chips:empty{display:none}.bot__chip{padding:7px 13px;border-radius:999px;background:transparent;border:1px solid var(--line2);color:var(--fg2);font-family:inherit;font-size:13px;cursor:pointer;transition:border-color .25s ease,color .25s ease}.bot__chip:hover,.bot__chip:focus-visible{border-color:var(--accent);color:var(--accent)}.bot__form{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line);background:var(--card)}.bot__input{flex:1;min-width:0;padding:11px 14px;border-radius:999px;background:var(--bg);border:1px solid var(--line2);color:var(--fg);font-family:inherit;font-size:14.5px}.bot__input::placeholder{color:var(--muted)}.bot__input:focus-visible{outline:none;border-color:var(--accent)}.bot__send{width:42px;flex-shrink:0;display:grid;place-items:center;border:none;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:16px;cursor:pointer}@keyframes botBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes botPing{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent)}70%,to{box-shadow:0 0 0 10px transparent}}@keyframes botRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes botType{0%,60%,to{opacity:.3}30%{opacity:1}}@keyframes csMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes csCaret{0%,to{opacity:1}50%{opacity:0}}html.is-ready [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}html.is-ready [data-reveal].is-in{opacity:1;transform:none}html.is-ready [data-split]{opacity:1;transform:none;transition:none}[data-split] .w{display:inline-block}html[lang=th] [data-split] .w{padding-bottom:.06em}[data-split] .w--amp{font-style:italic}[data-split] .w--em{font-style:italic;color:var(--accent)}html.is-ready [data-split] .w{opacity:0;transform:translateY(.42em);transition:opacity .55s var(--ease),transform .68s var(--ease);transition-delay:calc(var(--i) * 33ms)}html.is-ready [data-split].is-in .w{opacity:1;transform:none}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.cover__art,.cover__img{animation:coverPan linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}@keyframes coverPan{0%{translate:0 -3.5%}to{translate:0 3.5%}}.marquee__track:hover{animation-play-state:paused}@media(max-width:900px){.hero__grid,.wcard__split,.case__grid,.why__grid{grid-template-columns:1fr}.hero .mock{order:2;margin-top:8px}.hero__stage{min-height:auto}.hero__cue{display:none}.proc{grid-template-columns:1fr}.proc__conn{display:none}.case__cover,.why__aside{position:static}}@media(max-width:820px){.nav__desktop{display:none}.burger{display:inline-flex}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee__track,.mock__caret,.hero__cue span,.bot__launcher img,.bot__ping,.bot__teaser,.bot__panel{animation:none}.bot__log{scroll-behavior:auto}html.is-ready [data-reveal],html.is-ready [data-split] .w{opacity:1;transform:none;transition:none}.cover__art,.cover__img,.arw,.wreveal,.wcard,.btn--solid{transition:none}.wcard:hover,.wcard:focus-visible,.wcard:focus-within,.btn--solid:hover,.btn--solid:focus-visible{transform:none}}