@font-face{font-family:Manrope;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2");font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;src:url(/assets/noto-sans-thai-thai-wght-normal-CtQSZ1tK.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}:root{color:#173a40;font-synthesis:none;scroll-behavior:smooth;--ink:#173a40;--muted:#526a6c;--lagoon:#246f76;--lagoon-deep:#246f76;--sage:#e6f2ed;--border:#dbe4df;--canvas:#f7f8f5;background:#fff;font-family:Manrope,Noto Sans Thai,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-padding-top:32px}body{min-width:320px;margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}figure,p,h1,h2,h3{margin:0}::selection{color:#173a40;background:#c9e8df}:focus-visible{outline-offset:4px;outline:3px solid #6e6ab8}a:focus-visible,button:focus-visible,summary:focus-visible{border-radius:4px}.section-shell{width:min(100% - 72px,1344px);margin-inline:auto}.skip-link{z-index:20;color:#fff;background:#173a40;padding:12px 18px;position:absolute;top:-70px;left:20px}.skip-link:focus{top:16px}.site-header{background:#fff;border-bottom:1px solid #e8eeea}.header-inner{align-items:center;gap:44px;min-height:86px;display:flex}.brand-link{flex:none}.brand{letter-spacing:-.05em;align-items:center;gap:9px;font-size:24px;font-weight:800;line-height:1;display:inline-flex}.brand-mark{width:28px;height:28px;display:block}.desktop-nav{align-items:center;gap:30px;margin-left:auto;display:flex}.desktop-nav a,.header-actions a{color:#24474b;font-size:14px;font-weight:650}.desktop-nav a:hover,.header-actions a:hover,.footer-links a:hover{color:var(--lagoon-deep)}.header-actions{align-items:center;gap:26px;display:flex}.header-actions .language-link{border-left:1px solid var(--border);padding-left:25px}.header-contact svg{padding-left:8px}.header-actions .app-link{background:var(--lagoon);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:8px 15px;display:inline-flex}.header-actions .app-link:hover{background:var(--ink);color:#fff}.header-actions .header-contact{border:1px solid var(--ink);border-radius:8px;padding:10px 16px}.mobile-menu{display:none}.hero{padding-block:94px 70px}.hero-copy{max-width:1100px}.hero h1{letter-spacing:-.038em;white-space:pre-line;text-wrap:balance;max-width:1050px;font-size:clamp(56px,6.4vw,98px);font-weight:650;line-height:1.08}.hero-bottom{justify-content:space-between;align-items:end;gap:55px;margin-top:40px;display:flex}.hero-bottom p{color:#4d6568;max-width:590px;font-size:clamp(19px,1.7vw,25px);line-height:1.6}.action-link{background:var(--lagoon);color:#fff;white-space:nowrap;border-radius:9px;justify-content:space-between;align-items:center;gap:32px;min-height:58px;padding:15px 22px;font-size:16px;font-weight:750;transition:background .2s,transform .2s;display:inline-flex}.action-link:hover{background:#194f55;transform:translateY(-2px)}.action-link svg{font-size:23px;font-weight:400;line-height:1}.action-link--quiet{color:var(--ink);border:1px solid var(--border);background:0 0}.tour{padding-block:38px 120px;scroll-margin-top:24px}.section-intro{justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px;display:flex}.section-intro h2,.story-copy h2,.practice-section h2,.faq-section h2,.closing-section h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(34px,3.55vw,58px);font-weight:650;line-height:1.17}.section-intro h2{max-width:630px}.section-intro p{color:var(--muted);max-width:370px;font-size:18px;line-height:1.6}.tour-layout{border:1px solid var(--border);background:#f2f6f2;border-radius:14px;grid-template-columns:minmax(0,1.7fr) minmax(290px,.65fr);min-height:620px;display:grid;overflow:hidden}.tour-stage{background:#e7eeea;align-items:center;min-width:0;padding:36px 32px;display:flex}.tour-figure{width:100%}.tour-figure[hidden]{display:none}.screen-link{border-radius:10px;display:block;position:relative;overflow:hidden;box-shadow:0 18px 48px -22px #10322f47,0 3px 12px #10322f1f}.screen-link img{aspect-ratio:1440/950;object-fit:cover;width:100%}.screen-open{width:37px;height:37px;color:var(--ink);background:#fff;border-radius:8px;place-items:center;font-size:21px;display:grid;position:absolute;bottom:14px;right:14px}.tour-figure figcaption,.story-image figcaption{color:#587174;margin-top:13px;font-size:12px}.tour-aside{background:#f9fbf8;flex-direction:column;padding:30px 28px 36px;display:flex}.tour-tabs{flex-direction:column;gap:4px;display:none}.hydrated .tour-tabs{display:flex}.ui-button{color:var(--ink);cursor:pointer;background:0 0;border:0}.ui-button--tab{text-align:left;border-bottom:1px solid #d8e4dc;justify-content:space-between;align-items:center;gap:15px;min-height:71px;padding:16px 14px;font-size:17px;font-weight:650;line-height:1.45;transition:background .18s;display:flex}.ui-button--tab:hover{background:#eaf2eb}.ui-button--tab[aria-selected=true]{background:var(--sage);border-bottom-color:#0000;border-radius:8px}.tour-tab-arrow{opacity:.65;font-size:21px;font-weight:400}.tour-description{margin-top:auto;padding:44px 12px 0}.tour-description h3{letter-spacing:-.02em;font-size:25px;font-weight:650;line-height:1.3}.tour-description p{color:#4c6466;margin-top:14px;font-size:16px;line-height:1.7}.story-section{grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(70px,8vw,140px);padding-block:120px;display:grid}.story-copy{max-width:555px}.story-copy h2{margin-bottom:28px}.story-copy>p:not(.story-point){color:#486164;max-width:56ch;font-size:19px;line-height:1.75}.story-copy .story-point{color:var(--lagoon-deep);border-top:1px solid var(--border);margin-top:32px;padding-top:26px;font-size:17px;font-weight:700;line-height:1.55}.story-image a{border-radius:12px;display:block;overflow:hidden;box-shadow:0 18px 48px -22px #10322f47,0 3px 12px #10322f1f}.story-image img{aspect-ratio:1440/950;object-fit:cover;width:100%}.stock-section{color:#f5fbf7;background:#15393d}.stock-inner{grid-template-columns:1.15fr 1fr}.stock-section .story-copy>p:not(.story-point){color:#c9ddda}.stock-section .story-copy .story-point{color:#9ad7c3;border-top-color:#376468}.stock-section .story-image figcaption{color:#b5cfcb}.team-section{padding-block:145px}.practice-section{background:#f2f6f1}.practice-inner{grid-template-columns:1.1fr 1fr;gap:12%;padding-block:100px;display:grid}.practice-inner h2{max-width:650px}.practice-inner div{align-self:end}.practice-inner p{color:#405c5e;font-size:20px;line-height:1.7}.practice-inner p+p{color:#607578;margin-top:24px;font-size:16px}.faq-section{grid-template-columns:.9fr 1.1fr;gap:10%;padding-block:135px;display:grid}.faq-section h2{max-width:540px}.faq-list{border-top:1px solid var(--border)}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{cursor:pointer;justify-content:space-between;gap:18px;padding:25px 6px 25px 0;font-size:18px;font-weight:650;line-height:1.45;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{font-size:26px;font-weight:400;line-height:1;transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details p{color:#50696b;max-width:65ch;padding:0 55px 24px 0;font-size:16px;line-height:1.7}.closing-section{background:#e6f2ed}.closing-inner{grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);align-items:start;gap:clamp(48px,8vw,130px);padding-block:105px;display:grid}.closing-copy h2{max-width:850px}.closing-copy p{color:#466265;max-width:570px;margin-top:24px;font-size:20px;line-height:1.6}.contact-panel{border:1px solid var(--border);background:#fff;border-radius:14px;min-width:0;padding:32px}.contact-form{gap:19px;display:none}.hydrated .contact-form{display:grid}.contact-field label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.required-mark,.contact-error{color:#a32b27}.ui-input{width:100%;min-height:50px;color:var(--ink);font:inherit;caret-color:var(--lagoon);background:#fff;border:1px solid #adbfba;border-radius:9px;padding:12px 14px;font-size:16px;line-height:1.5;display:block}.ui-input:hover{border-color:var(--lagoon)}.ui-input[aria-invalid=true]{border-color:#a32b27}.ui-textarea{resize:vertical;min-height:136px}.contact-error{margin-top:7px;font-size:13px;line-height:1.5}.contact-request-error{margin-top:0}.ui-button--submit{background:var(--lagoon);color:#fff;text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding:13px 18px;font-size:16px;font-weight:750;display:inline-flex}.ui-button--submit:hover:not(:disabled){background:#194f55}.ui-button--submit:disabled{cursor:wait;opacity:.7}.contact-fallback,.contact-success{color:var(--muted);font-size:14px;line-height:1.6}.contact-fallback{margin-top:20px}.contact-fallback a{color:var(--lagoon-deep);text-underline-offset:3px;overflow-wrap:anywhere;font-weight:700;text-decoration:underline}.contact-success{color:var(--ink);font-size:17px;font-weight:650}.contact-honeypot{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.site-footer{background:#fff}.footer-inner{justify-content:space-between;gap:30px;padding-block:48px;display:flex}.footer-inner .brand{font-size:21px}.footer-inner .brand-mark{width:23px;height:23px}.footer-inner p{color:#607679;margin-top:16px;font-size:14px}.footer-links{align-items:flex-start;gap:35px;display:flex}.footer-links a{color:#325457;align-items:center;gap:6px;font-size:14px;font-weight:650;display:inline-flex}@media (width<=1050px){.section-shell{width:min(100% - 48px,1344px)}.header-inner{gap:22px}.desktop-nav,.header-actions{gap:18px}.tour-layout{grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr);min-height:0}.tour-stage{padding:25px}.story-section{gap:50px}.closing-inner{gap:48px}}@media (width<=760px){.section-shell{width:min(100% - 36px,1344px)}.header-inner{gap:12px;min-height:68px}.brand{font-size:21px}.brand-mark{width:24px;height:24px}.desktop-nav,.header-actions .header-contact{display:none}.header-actions{gap:12px;margin-left:auto}.header-actions .language-link{border:0;padding:0;font-size:14px}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;list-style:none;display:flex}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{background:var(--ink);border-radius:2px;width:19px;height:2px;display:block}.mobile-menu nav{border:1px solid var(--border);z-index:10;background:#fff;border-radius:10px;width:min(310px,100vw - 36px);padding:8px;position:absolute;top:52px;right:0;box-shadow:0 12px 28px #11373521}.mobile-menu nav a{border-radius:7px;padding:13px 12px;font-size:15px;font-weight:650;display:block}.mobile-menu nav a:hover{background:var(--sage)}.hero{padding-block:65px 58px}.hero h1{letter-spacing:-.03em;font-size:clamp(43px,10vw,70px);line-height:1.17}.hero-bottom{margin-top:28px;display:block}.hero-bottom p{font-size:18px;line-height:1.7}.hero-bottom .action-link{margin-top:25px}.action-link{min-height:54px;padding:14px 18px;font-size:15px}.tour{padding-block:24px 90px}.section-intro{margin-bottom:24px;display:block}.section-intro h2,.story-copy h2,.practice-section h2,.faq-section h2,.closing-section h2{font-size:clamp(33px,7.8vw,48px)}.section-intro p{margin-top:14px;font-size:16px}.tour-layout{flex-direction:column;display:flex}.tour-stage{padding:16px}.tour-figure figcaption{margin-top:9px}.tour-aside{padding:13px 14px 26px}.hydrated .tour-tabs{flex-direction:row;gap:8px;padding-bottom:5px;overflow-x:auto}.ui-button--tab{white-space:nowrap;border:1px solid var(--border);border-radius:7px;min-height:48px;padding:10px 12px;font-size:14px}.ui-button--tab[aria-selected=true]{border-color:#c3ddd0}.tour-tab-arrow{display:none}.tour-description{padding:23px 4px 0}.tour-description h3{font-size:21px}.tour-description p{margin-top:7px;font-size:15px;line-height:1.6}.story-section,.stock-inner{flex-direction:column;gap:35px;padding-block:90px;display:flex}.stock-inner{flex-direction:column-reverse}.story-copy{max-width:100%}.closing-inner{padding-block:90px;display:block}.closing-copy p{font-size:17px}.contact-panel{margin-top:34px;padding:24px 20px}.story-copy h2{margin-bottom:20px}.story-copy>p:not(.story-point){font-size:17px;line-height:1.7}.story-copy .story-point{margin-top:23px;padding-top:19px;font-size:16px}.story-image{width:100%}.team-section{padding-block:90px}.practice-inner{padding-block:78px;display:block}.practice-inner p{margin-top:24px;font-size:18px}.practice-inner p+p{margin-top:17px;font-size:15px}.faq-section{padding-block:90px;display:block}.faq-list{margin-top:30px}.faq-list summary{padding:22px 0;font-size:16px}.faq-list details p{padding-right:10px;font-size:15px}.closing-inner{padding-block:82px}.closing-inner p{font-size:17px}.footer-inner{flex-wrap:wrap;padding-block:38px}.footer-links{justify-content:space-between;width:100%}}@media (width<=390px){.header-inner{gap:5px}.brand{letter-spacing:-.035em;gap:5px;font-size:17px}.brand-mark{width:21px;height:21px}.header-actions{gap:8px}.header-actions .app-link{min-height:34px;padding:6px 8px;font-size:12px}.mobile-menu summary{width:34px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms;animation-duration:.01ms}}
