:root{--bg: #f5f7fa;--surface: #ffffff;--raised: #eceff4;--text: #111827;--text-2: #4b5565;--text-3: #636c7e;--line: rgba(17, 24, 39, .08);--line-2: rgba(17, 24, 39, .14);--accent: #2340f5;--accent-ink: #1a31cc;--font: "Geist", "Noto Sans Thai", system-ui, -apple-system, sans-serif;--mono: "Geist Mono", ui-monospace, "SFMono-Regular", monospace;--page: 1200px;--pad: 32px;--section: 96px;--r-tag: 6px;--r-ctl: 10px;--r-card: 16px;--r-panel: 20px;--shadow-s: 0 1px 2px rgba(0, 0, 0, .05);--shadow-f: 0 8px 24px rgba(0, 0, 0, .06);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text-2);font-family:var(--font);font-size:16px;line-height:26px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--accent);color:#fff}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--text);font-weight:500;text-wrap:balance}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{width:min(100% - 2 * var(--pad),var(--page));margin-inline:auto}.fig{font-family:var(--mono);font-size:.9375em}.site-header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid transparent;transition:border-color .16s var(--ease)}.site-header.is-scrolled{border-bottom-color:var(--line)}.nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;height:64px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{width:32px;height:32px}.brand-text{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.brand-text strong{color:var(--text);font-size:17px;font-weight:500;line-height:24px}.brand-text span{color:var(--text-3);font-size:13px;line-height:20px}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:8px;color:var(--text-2);font-size:14px;line-height:20px;transition:color .15s var(--ease),background-color .15s var(--ease)}.nav-links a:hover{color:var(--text)}.nav-links a.is-active{background:var(--raised);color:var(--text)}.nav-links a.nav-cta{margin-left:12px;padding:0 16px;border-radius:var(--r-ctl);background:var(--text);color:#fff;font-weight:500}.nav-links a.nav-cta:hover{background:#263043;color:#fff}.menu-toggle{display:none;width:40px;height:40px;border-radius:var(--r-ctl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);place-items:center;align-content:center}.menu-toggle span{display:block;width:16px;height:1.5px;margin:2px 0;background:var(--text);transition:transform .18s var(--ease),opacity .18s var(--ease)}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 20px;border-radius:var(--r-ctl);font-size:15px;font-weight:500;line-height:20px;transition:background-color .15s var(--ease),box-shadow .15s var(--ease),transform .15s var(--ease)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--text);color:#fff}.btn-primary:hover{background:#263043}.btn-secondary{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-2)}.btn-secondary:hover{background:var(--raised)}.btn-m{height:44px}.hero{overflow-x:clip}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:64px 0 80px}.h1{font-size:clamp(2.25rem,1.05rem + 3.1vw,3.5rem);line-height:1.06;letter-spacing:-.03em}.h1 .line{display:block}.h1 .soft{color:var(--text-3)}.sub{margin-top:24px;max-width:34rem;font-size:19px;line-height:30px}.visual{position:relative}.frame{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--r-panel);background:var(--raised);box-shadow:0 0 0 1px var(--line),var(--shadow-f)}.frame>img{width:100%;height:100%;object-fit:cover}.pins{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.pins line{stroke:var(--text);stroke-opacity:.6;stroke-width:1.25;vector-effect:non-scaling-stroke}.pins rect{fill:#fff;stroke:var(--text);stroke-width:1.25;vector-effect:non-scaling-stroke}.label{position:absolute;display:inline-flex;align-items:center;height:28px;padding:2px 10px 0;border-radius:4px;background:#fff linear-gradient(var(--accent),var(--accent)) top / 100% 3px no-repeat;box-shadow:0 0 0 1px var(--line-2),0 4px 12px #11182714;color:var(--text);font-family:var(--mono);font-size:12px;font-weight:500;line-height:16px;white-space:nowrap}.label--top{left:55.6%;top:0;transform:translate(-50%,-50%)}.label--rail{left:0;top:71.7%;transform:translate(-28%,-50%)}.label--stand{left:87.2%;top:48%;transform:translate(-50%,-50%)}.label--sold{left:70%;top:89.7%;transform:translate(-100%,-50%)}.sheet{padding:16px 16px 8px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--line),0 12px 32px #1118271a;color:var(--text-2);font-size:12px;line-height:16px}.sheet-head,.sheet-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.sheet-head{padding-bottom:8px;color:var(--text);font-size:13px;font-weight:500}.sheet-row{height:28px;border-top:1px solid var(--line)}.sheet-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scale,.dots{display:grid;grid-template-columns:repeat(5,12px);gap:8px;justify-items:center}.scale{color:var(--text-3);font-family:var(--mono);font-size:11px;font-weight:400}.dots i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-2)}.dots i.on{background:var(--accent);box-shadow:none}.sheet--corner{position:absolute;left:-32px;bottom:-40px;width:304px;transform:rotate(-3deg)}.label--sheet{top:0;right:16px;transform:translateY(-50%)}.desk{background:linear-gradient(#f1f4f8,#e2e6ee)}.desk .sheet{position:absolute}.sheet--under{left:14%;top:14%;width:54%;height:74%;transform:rotate(4deg)}.sheet--main{left:7%;top:10%;width:58%;padding:20px 20px 12px;font-size:13px;transform:rotate(-2deg)}.sheet--main .sheet-head{padding-bottom:12px;font-size:14px}.sheet--main .sheet-row{height:36px}.snap{position:absolute;right:6%;bottom:8%;width:28%;margin:0;padding:8px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--line),0 12px 32px #1118271f;transform:rotate(3deg)}.snap img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:4px}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.fact{padding:24px 24px 0 0}.fact+.fact{padding-left:24px;border-left:1px solid var(--line)}.fact strong{display:block;color:var(--text);font-size:18px;font-weight:500;line-height:24px}.fact span{color:var(--text-3);font-size:14px;line-height:20px}.section{padding:var(--section) 0}.head{margin-bottom:48px}.eyebrow{margin-bottom:12px;color:var(--text-3);font-size:14px;line-height:20px}h2{max-width:20ch;font-size:clamp(1.75rem,1.2rem + 1.8vw,2.5rem);line-height:1.12;letter-spacing:-.02em}.intro{margin-top:16px;max-width:36rem;font-size:18px;line-height:28px}h3{font-size:18px;line-height:24px}.h3{font-size:24px;line-height:32px;letter-spacing:-.01em}.block+.block,.rows+.block,.panel+.block{margin-top:64px}.intro+.block{margin-top:40px}.block>.h3+p{margin-top:8px;max-width:36rem}.block>.panel,.block>.rows{margin-top:24px}.panel{border-radius:var(--r-panel);background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow-s)}.split{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}.prose{margin-top:24px;max-width:38rem}.prose p+p{margin-top:16px}.prose strong{color:var(--text);font-weight:500}.statement{margin:32px 0 0;padding-top:24px;max-width:32ch;border-top:1px solid var(--line);color:var(--text);font-size:22px;font-weight:500;line-height:32px;letter-spacing:-.01em;text-wrap:balance}.statement--wide{margin-top:48px;padding-top:32px;max-width:none;font-size:clamp(1.375rem,1.1rem + .9vw,1.75rem);line-height:1.3}.rows{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:8px 32px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}.brand-card{display:grid;justify-items:center;gap:24px;padding:64px 32px 56px;text-align:center}.brand-card img{width:min(100%,320px)}.brand-caption{color:var(--text-3);font-family:var(--mono);font-size:13px;line-height:20px}.mission{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}.mission article{padding:24px 0 0;border-top:1px solid var(--line)}.mission h3{margin-bottom:8px;font-size:16px}.mission .lead{grid-column:1 / -1;padding-bottom:48px}.mission .lead p{max-width:46rem;color:var(--text);font-size:clamp(1.25rem,.95rem + 1vw,1.75rem);line-height:1.36;letter-spacing:-.01em}.pad{padding:32px}.strength{margin-top:64px}.strength .h3{margin-bottom:24px}.checks{display:grid;gap:12px;margin:0;padding:0;list-style:none}.checks li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px}.checks li:before{content:"";width:18px;height:18px;margin-top:4px;background:var(--text-3);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 18px no-repeat}.checks--two{display:block;columns:2;column-gap:48px}.checks--two li{break-inside:avoid}.checks--two li+li{margin-top:12px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none}.chip{height:28px;padding:0 10px;border-radius:var(--r-tag);background:var(--raised);color:var(--text-2);font-size:13px;line-height:28px}.engine{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) auto;gap:32px;align-items:center;padding:32px}.engine+.engine{border-top:1px solid var(--line)}.engine p{margin-top:8px}.engine .chips{margin-top:0}.cols{display:grid}.cols>*{padding:24px}.cols>*+*{border-left:1px solid var(--line)}.cols--5{grid-template-columns:repeat(5,minmax(0,1fr))}.cols--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols--2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols--2>*,.cols--3>*{padding:28px 32px 32px}.cols h3,.cols h4{font-size:16px;line-height:24px}.cols h3+.checks{margin-top:16px}.cols h3+p{margin-top:4px}.dna-title{max-width:none;font-size:28px;line-height:36px;letter-spacing:-.01em}.dna-item{display:grid;gap:4px;align-content:start}.dna-item .letter{margin-bottom:8px;color:var(--text);font-family:var(--mono);font-size:28px;font-weight:500;line-height:32px}.dna-item strong{color:var(--text);font-size:15px;font-weight:500;line-height:20px}.dna-item span:last-child{color:var(--text-3);font-size:14px;line-height:20px}.steps{margin:0;padding:0;list-style:none;counter-reset:step}.steps li{counter-increment:step}.steps li:before{content:"0" counter(step);display:block;margin-bottom:12px;color:var(--text-3);font-family:var(--mono);font-size:12px;line-height:16px}.steps p{margin-top:4px;color:var(--text-3);font-size:14px;line-height:20px}.plain{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none;font-size:15px;line-height:22px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{display:grid;gap:4px;align-content:start;padding:20px 24px 24px;border-radius:var(--r-card);background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow-s)}.stat h3{color:var(--text-3);font-size:14px;font-weight:400;line-height:20px}.stat strong{color:var(--text);font-size:28px;font-weight:500;line-height:36px;letter-spacing:-.01em}.stat span{color:var(--text-3);font-size:14px;line-height:20px}.coverage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}.counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:24px 0 0;border-top:1px solid var(--line);list-style:none}.counts strong{display:block;color:var(--text);font-size:40px;font-weight:500;line-height:48px;letter-spacing:-.02em}.counts span{color:var(--text-3);font-size:14px;line-height:20px}.case{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,3fr) minmax(0,3fr) minmax(0,4fr);gap:16px 32px;align-items:start;padding:28px 32px}.case+.case{border-top:1px solid var(--line)}.case dl{display:contents}.case dt{color:var(--text-3);font-size:13px;line-height:20px}.case dd{margin:0;font-size:15px;line-height:22px}.impact{display:grid;gap:12px}.impact .sep{display:none}.res{display:grid;gap:8px;font-size:14px;line-height:20px}.res b{color:var(--text);font-family:var(--mono);font-weight:500}.res:after{content:"";height:4px;border-radius:2px;background:linear-gradient(to right,var(--bar, #9aa3b5) calc(var(--v) * 2.5%),var(--raised) 0)}.res:first-child{--bar: var(--accent)}.defs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:0}.defs>div{padding:16px 0;border-top:1px solid var(--line)}.defs dt{color:var(--text);font-weight:500;line-height:24px}.defs dd{margin:0;color:var(--text-3);font-size:14px;line-height:20px}.photo{margin:0;overflow:hidden;border-radius:var(--r-card);box-shadow:0 0 0 1px var(--line),var(--shadow-s)}.photo img{width:100%;aspect-ratio:16 / 10;object-fit:cover}.force{margin-top:64px}.contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}.contact-info h3{margin-bottom:16px;font-size:20px;line-height:28px}.contact-info p+p{margin-top:16px}.contact-info strong{color:var(--text);font-weight:500}.contact-info a{color:var(--accent-ink);text-decoration:underline;text-decoration-color:#1a31cc52;text-underline-offset:3px;transition:text-decoration-color .15s var(--ease)}.contact-info a:hover{text-decoration-color:currentColor}.form{padding:32px}.form h3{margin-bottom:24px;font-size:20px;line-height:28px}.form-grid{display:grid;gap:16px}label{display:grid;gap:8px;color:var(--text);font-size:14px;font-weight:500;line-height:20px}input,textarea{width:100%;height:44px;padding:0 12px;border:0;border-radius:var(--r-ctl);background:var(--bg);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text);font:400 15px/22px var(--font);transition:box-shadow .15s var(--ease),background-color .15s var(--ease)}textarea{height:auto;min-height:120px;padding:12px;resize:vertical}input:hover,textarea:hover{box-shadow:inset 0 0 0 1px #11182742}input:focus-visible,textarea:focus-visible{outline:none;border-radius:var(--r-ctl);background:var(--surface);box-shadow:inset 0 0 0 1px var(--accent),0 0 0 3px #2340f529}input:user-invalid,textarea:user-invalid{box-shadow:inset 0 0 0 1px #dc2626}.form-grid .btn{justify-self:start}.form-note{margin-top:16px;color:var(--text-3);font-size:13px;line-height:20px}.site-footer{padding:48px 0 32px;border-top:1px solid var(--line);font-size:14px;line-height:22px}.footer-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr);gap:32px}.footer-brand img{width:40px;height:40px;margin-bottom:12px}.site-footer h4{margin-bottom:8px;color:var(--text-3);font-size:13px;font-weight:400;line-height:20px}.site-footer nav a,.site-footer .office a{display:block;padding:2px 0;transition:color .15s var(--ease)}.site-footer a:hover{color:var(--text)}.footer-copy{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--text-3);font-size:13px;line-height:20px}@media(prefers-reduced-motion:no-preference){.enter>*,.enter-visual{animation:rise .45s var(--ease) both}.enter>:nth-child(2){animation-delay:.05s}.enter>:nth-child(3){animation-delay:.1s}.enter>:nth-child(4){animation-delay:.15s}.enter-visual{animation-delay:.12s}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}@media(max-width:1040px){.cols--5{grid-template-columns:1fr}.cols--5>*{padding:20px 24px}.cols--5>*+*{border-left:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 8px}.steps li:before{grid-row:span 2;margin:4px 0 0}.dna-item{grid-template-columns:40px minmax(0,1fr);gap:0 8px}.dna-item .letter{grid-row:span 2;margin:0}.case{grid-template-columns:repeat(2,minmax(0,1fr))}.case h3,.impact{grid-column:1 / -1}.engine{grid-template-columns:minmax(0,1fr) auto}.engine .chips{grid-row:2;grid-column:1 / -1}}@media(max-width:900px){:root{--section: 72px}.hero-grid,.split,.coverage,.contact{grid-template-columns:1fr}.hero-grid{gap:56px;padding:40px 0 72px}.split,.coverage,.contact{gap:40px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cols--3,.cols--2{grid-template-columns:1fr}.cols--3>*+*,.cols--2>*+*{border-left:0;border-top:1px solid var(--line)}.checks--two{columns:1}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1 / -1}}@media(max-width:760px){.menu-toggle{display:grid}.nav-links{position:absolute;top:calc(100% + 4px);left:0;right:0;display:grid;gap:2px;padding:8px;border-radius:var(--r-card);background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow-f);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s var(--ease),transform .18s var(--ease)}.nav-links.is-open{opacity:1;transform:none;pointer-events:auto}.nav-links a{height:44px}.nav-links a.nav-cta{justify-content:center;margin:8px 0 0}}@media(max-width:640px){:root{--pad: 20px;--section: 64px}.brand-text span{display:none}.sub{font-size:18px;line-height:28px}.hero-grid{padding-bottom:64px}.label--rail{transform:translate(-8px,-50%)}.sheet--corner{left:8px;bottom:-32px;width:296px}.desk{aspect-ratio:1 / 1}.sheet--corner .sheet-row:nth-child(n+5),.sheet--main .sheet-row:nth-child(n+6){display:none}.sheet--main{left:5%;top:7%;width:88%;padding:12px 12px 4px;font-size:12px}.sheet--main .sheet-head{padding-bottom:8px;font-size:13px}.sheet--main .sheet-row{height:28px}.sheet--under{left:8%;top:12%;width:84%;height:62%}.snap{right:6%;bottom:6%;width:30%;padding:4px;border-radius:8px}.facts{grid-template-columns:1fr}.fact,.fact+.fact{padding:16px 0;border-left:0}.fact+.fact{border-top:1px solid var(--line)}.head{margin-bottom:32px}.row{grid-template-columns:1fr;padding:16px 0}.mission{grid-template-columns:1fr}.mission .lead{padding-bottom:32px}.mission article+article{margin-top:24px}.mission .lead+article{margin-top:0}.pad,.form,.engine{padding:24px}.cols--2>*,.cols--3>*{padding:24px}.engine{grid-template-columns:1fr;gap:20px}.engine .chips{grid-row:auto}.engine .btn{justify-self:start}.case{grid-template-columns:1fr;padding:24px}.counts strong{font-size:32px;line-height:40px}.defs{grid-template-columns:1fr}.block+.block,.strength,.force{margin-top:48px}.actions .btn{flex:1 1 auto}}
