@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;450;500;600&family=Inter:wght@400;450;500;550;600;650;700&display=swap');
:root{--paper:#f6f6f4;--ink:#202122;--muted:#858687;--line:#dcdedc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,'IBM Plex Sans Thai',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{font-size:25px;font-weight:650;letter-spacing:-1.3px;display:flex;align-items:center;gap:10px}.mark{font-size:25px;font-weight:700;border:1px solid #bbb;border-radius:7px;width:31px;height:31px;display:grid;place-items:center;background:linear-gradient(140deg,#fff,#c9cdcf);color:#444;box-shadow:inset 0 1px white}.reg{font-size:12px;align-self:flex-start;padding-top:4px;margin-left:-6px}nav{display:flex;gap:35px;font-size:12px;color:#626566}.nav-cta{font-size:12px;border:1px solid #cfd1d0;padding:11px 16px;border-radius:7px}.nav-cta span{margin-left:20px}.hero{height:770px;min-height:650px;position:relative;overflow:hidden;padding:85px 7% 0;background:radial-gradient(ellipse at 76% 50%,#e0e3e3 0,transparent 48%)}.eyebrow,.section-label{font-size:10px;letter-spacing:1.8px;font-weight:550}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{height:6px;width:6px;border-radius:50%;background:#555e55;box-shadow:0 0 0 4px #e1e4e0}h1{font-size:clamp(64px,7.9vw,118px);font-weight:500;line-height:1.04;letter-spacing:-6.5px;margin:32px 0 24px;position:relative;z-index:2}h1 span{color:#909496}p{font-family:'IBM Plex Sans Thai',sans-serif;line-height:1.85}.hero-copy{font-size:15px;color:#777b7b;position:relative;z-index:2}.actions{display:flex;align-items:center;gap:28px;margin-top:30px;position:relative;z-index:2}.button{font-size:12px;padding:15px 20px;display:inline-flex;align-items:center;gap:25px;border-radius:7px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.dark{background:#262829;color:#fff}.light{background:#e9eae8;color:#252627}.text-link{font-size:11px;color:#666}.text-link span{margin-left:12px}.hero-bottom{position:absolute;bottom:28px;left:7%;right:7%;border-top:1px solid #cfd3d2;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.3px;color:#7c8081}.sculpture{position:absolute;right:0;top:30px;width:56%;height:640px;perspective:900px;pointer-events:none}.candles{display:flex;align-items:center;gap:23px;position:absolute;top:260px;left:11%;transform:rotate(-15deg) rotateY(-22deg);filter:drop-shadow(20px 35px 15px #66707835)}.candles b{display:block;width:44px;height:var(--h);transform:translateY(var(--y));position:relative;background:linear-gradient(90deg,#777f83 0%,#e2e6e8 14%,#f9fafb 24%,#a7aeb2 45%,#e8ebec 65%,#858e93 88%,#50595f 100%);border-radius:3px;box-shadow:inset 0 1px 2px #fff,5px 4px 0 #7c858b}.candles b:before,.candles b:after{content:'';position:absolute;width:3px;left:50%;background:linear-gradient(90deg,#7d8588,#fff,#7a8388);height:32px}.candles b:before{bottom:100%}.candles b:after{top:100%}.orbit{position:absolute;border:1px solid #b7bdbd66;border-radius:50%;width:600px;height:360px;top:180px;left:-10px;transform:rotate(-32deg)}.orbit-two{transform:rotate(-32deg) scale(.79);border-style:dashed;opacity:.5}.axis{font-size:8px;letter-spacing:2px;color:#929899;position:absolute}.axis-one{bottom:90px;left:25%}.axis-two{right:12%;top:120px}.section{padding:110px 7%;scroll-margin-top:0}.section-label{color:#939696;margin-bottom:32px}h2{font-size:clamp(36px,4.4vw,64px);font-weight:450;line-height:1.12;letter-spacing:-2.5px;margin:0 0 38px}h2 span{color:#969b9c}.philosophy{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line)}.two-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px}.two-copy p{font-size:14px;color:#74797a;margin:0}.disciplines{background:#151718;color:#eceeed}.section-top{display:flex;justify-content:space-between;align-items:flex-end}.section-top p{font-size:13px;color:#969c9e;margin-bottom:40px}.lab-browser{display:grid;grid-template-columns:1fr 1.3fr;border:1px solid #353839;border-radius:10px;overflow:hidden;margin-top:30px}.topic-list{padding:20px;border-right:1px solid #353839}.topic-list button{border:0;background:transparent;color:#969c9f;width:100%;text-align:left;padding:18px 16px;display:flex;align-items:center;gap:18px;border-radius:5px;cursor:pointer;font-size:13px;transition:.2s}.topic-list button small{font-size:9px;color:#60686b}.topic-list button span{margin-left:auto}.topic-list button:hover{background:#222627;color:#fff}.topic-list button[aria-selected=true]{background:linear-gradient(100deg,#343a3d,#262b2d);color:#fff;box-shadow:inset 0 1px #53595a}.topic-detail{padding:30px 36px;background:radial-gradient(ellipse at 65% 35%,#2c3235,transparent 65%);min-height:500px;display:flex;flex-direction:column;justify-content:space-between}.detail-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#8f999e}#diagram{height:210px;position:relative;margin:25px 0;display:flex;align-items:center;justify-content:center;gap:15px;background:repeating-linear-gradient(0deg,transparent 0 49px,#ffffff07 50px)}#diagram b{height:var(--h);width:17px;background:linear-gradient(90deg,#636e75,#d1dade,#7c8b94);position:relative;border-radius:1px;transform:translateY(var(--y));transition:height .45s,transform .45s}#diagram b:after{content:'';width:1px;height:calc(100% + 28px);background:#a7b6bc;position:absolute;left:50%;top:-14px}#diagram:after{content:'';position:absolute;left:5%;right:5%;top:45%;border-top:1px dashed #8a9c9e66}.detail-copy h3{font-size:28px;letter-spacing:-1px;font-weight:450;margin:0 0 10px}.detail-copy p{font-size:13px;color:#a4abad;max-width:440px;min-height:72px}.detail-note{font-size:8px;letter-spacing:1.5px;color:#687376}.approach{padding-top:120px;padding-bottom:120px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:65px}.steps article{border-top:1px solid #cdd1cf;padding-top:24px}.steps span{font-size:9px;letter-spacing:1.5px;color:#8b9191}.steps h3{font-family:'IBM Plex Sans Thai',sans-serif;font-size:22px;font-weight:450;margin:35px 0 12px}.steps p{font-size:14px;color:#7b8181;max-width:300px}.risk{background:#e5e8e7;position:relative;overflow:hidden;min-height:530px}.risk h2,.risk p,.risk a{position:relative;z-index:2}.risk p{color:#6f7778;font-size:14px;margin-bottom:30px}.risk-art{position:absolute;right:12%;top:50px;width:330px;height:430px;transform:rotate(25deg)}.risk-art div{position:absolute;width:240px;height:240px;border-radius:50%;border:35px solid #bac2c5;box-shadow:inset 4px 6px 9px #768186,10px 14px 18px #68777855,-6px -5px 10px #ffffffab;background:transparent}.risk-art div:nth-child(2){top:85px}.risk-art div:nth-child(3){top:170px}.faq{display:grid;grid-template-columns:1fr 1.25fr;gap:80px}details{border-bottom:1px solid var(--line);padding:25px 0}summary{list-style:none;cursor:pointer;font-family:'IBM Plex Sans Thai',sans-serif;font-size:15px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-family:Inter;font-size:20px;color:#878d8e}details[open] summary span{transform:rotate(45deg)}details p{font-size:13px;color:#7d8485;padding-right:25px}.closing{text-align:center;padding:80px 20px 120px}.closing .eyebrow{justify-content:center;color:#8c9292;margin-bottom:30px}.closing h2{font-size:clamp(40px,5.5vw,78px);letter-spacing:-3px}.closing .button{margin-top:10px}footer{padding:35px 7%;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer .brand{font-size:21px}footer p{font-size:12px;color:#888}footer>span{margin-left:auto;font-size:10px;color:#888}footer small{width:100%;font-family:'IBM Plex Sans Thai',sans-serif;font-size:10px;color:#929797;margin-top:6px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #7b9aa4;outline-offset:5px}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:1000px){h1{font-size:84px}.sculpture{right:-150px;opacity:.7}.hero{height:740px}.candles{gap:16px}.candles b{width:35px}.section{padding:80px 6%}.philosophy{grid-template-columns:1fr}.two-copy{gap:25px}.risk-art{right:0;opacity:.55}.section-top p{max-width:220px}.topic-list{padding:10px}.topic-list button{font-size:11px;padding:18px 10px;gap:10px}.topic-detail{padding:25px}.faq{gap:40px}}@media(max-width:750px){header{height:75px;padding:0 6%}nav{display:none}.brand{font-size:23px}.nav-cta{font-size:10px;padding:9px 11px}.nav-cta span{margin-left:8px}.hero{padding:50px 6% 0;height:900px;background:radial-gradient(ellipse at 70% 65%,#dde2e2,transparent 60%)}h1{font-size:64px;letter-spacing:-3.7px;margin-top:30px}.eyebrow{font-size:7px;letter-spacing:1.2px}.hero-copy{font-size:13px}.actions{gap:20px;flex-wrap:wrap;margin-top:22px}.button{font-size:11px;padding:13px 17px}.text-link{font-size:10px}.sculpture{width:100%;height:420px;top:385px;right:-10%;opacity:1;transform:scale(.8);transform-origin:center}.candles{top:200px;left:5%;gap:18px}.candles b{width:30px}.orbit{width:440px;height:270px;left:-30px;top:100px}.axis-one{bottom:10px}.axis-two{top:0}.hero-bottom{left:6%;right:6%;font-size:7px;bottom:24px;flex-wrap:wrap;gap:12px}.hero-bottom span:nth-child(2){display:none}.section{padding:65px 6%}h2{font-size:38px;letter-spacing:-1.6px}.two-copy{grid-template-columns:1fr;gap:18px}.two-copy p{font-size:13px}.section-top{display:block}.section-top p{margin-bottom:25px;max-width:none}.lab-browser{grid-template-columns:1fr;margin-top:15px}.topic-list{display:flex;overflow:auto;padding:10px;gap:6px;border-right:0;border-bottom:1px solid #353839}.topic-list button{width:auto;white-space:nowrap;padding:12px;flex-shrink:0}.topic-list button span{display:none}.topic-detail{min-height:450px;padding:25px}#diagram{height:170px;gap:12px}.detail-copy h3{font-size:25px}.steps{grid-template-columns:1fr;gap:25px;margin-top:40px}.steps h3{margin-top:20px}.steps p{max-width:none}.risk{min-height:580px}.risk-art{right:-110px;top:240px;transform:rotate(25deg) scale(.65);opacity:.5}.faq{grid-template-columns:1fr;gap:0}.faq h2{margin-bottom:20px}.closing{padding:50px 6% 75px}.closing h2{font-size:44px;letter-spacing:-2px}footer{gap:15px;padding:28px 6%}footer p{width:100%;order:2;margin:0}footer>span{font-size:9px}footer small{order:3;line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.brand{gap:12px;font-size:20px;font-weight:550;letter-spacing:.2px}.brand-symbol{display:block;flex:0 0 34px;width:34px;height:54px;overflow:hidden;position:relative;mix-blend-mode:multiply}.brand-symbol img{position:absolute;width:145px;height:145px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.brand-signature{width:min(280px,90%);height:auto;display:block;mix-blend-mode:multiply;margin:-15px 0 0 -10px}.brand-introduction .section-label{margin-bottom:25px}footer .brand-symbol{transform:scale(.85);transform-origin:left center;margin-right:-4px}@media(max-width:750px){.brand{font-size:16px;gap:9px}.brand-symbol{width:29px;height:46px;flex-basis:29px}.brand-symbol img{width:123px;height:123px}.brand-introduction{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.brand-introduction .section-label{font-size:8px;margin:0;max-width:100px;line-height:1.7}.brand-signature{width:145px;margin:-30px -10px -30px 0}footer .brand{font-size:17px}}