:root{--blue:#168bd2;--deep:#075985;--pale:#eaf7ff;--very:#f5fbff;--ink:#172033;--muted:#64748b;--gold:#d6a84b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);margin:0;font-family:DM Sans,Noto Sans Thai,sans-serif}a{color:inherit;text-decoration:none}.section{max-width:1180px;margin:auto;padding:110px 32px}header{z-index:5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border-bottom:1px solid #e8f1f5;justify-content:space-between;align-items:center;height:76px;padding:0 max(32px,50vw - 558px);display:flex;position:sticky;top:0}.logo{letter-spacing:-1px;font-size:20px;font-weight:700}.logo span,h2 span{color:var(--blue)}nav{color:#475569;align-items:center;gap:27px;font-size:14px;display:flex}nav a:hover{color:var(--blue)}.shop,.blue{background:var(--blue);color:#fff!important}.shop{border-radius:8px;padding:11px 17px;font-weight:600}.menu{background:0 0;border:0;font-size:24px;display:none}.hero{background:radial-gradient(circle at 79% 40%,#d8f3ff 0,#0000 28%);grid-template-columns:1.05fr .95fr;align-items:center;gap:52px;min-height:635px;display:grid}.eyebrow{letter-spacing:1.8px;color:var(--blue);margin:0 0 17px;font-size:11px;font-weight:700}.hero h1,.final h2{letter-spacing:-3px;margin:0;font-size:clamp(43px,5.2vw,65px);line-height:.98}.hero i,h2 i{font-family:Playfair Display,serif;font-weight:500}.hero h3{margin:23px 0 10px;font:500 20px/1.55 Noto Sans Thai}.lead{color:var(--muted);max-width:530px;font-size:16px;line-height:1.75}.actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:27px;display:flex}.button{border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s}.button:hover{transform:translateY(-2px)}.text{color:var(--deep);padding-left:2px}.outline{color:var(--deep);border:1px solid #b8d9ec}.stage{background:linear-gradient(145deg,#f5fbff,#d9f3ff);border-radius:30px;place-items:center;height:440px;display:grid;position:relative;overflow:hidden}.orb{background:#a8e4ff55;border-radius:50%;position:absolute}.orb.a{width:270px;height:270px;top:25px;right:-65px}.orb.b{background:#fff9;width:160px;height:160px;bottom:18px;left:20px}.mol{color:#168bd230;font:600 54px Playfair Display;position:absolute;top:18%;right:20%}.bottle{z-index:1;background:linear-gradient(100deg,#e8edf0,#fff 30%,#e3ecf0);border-radius:22px 22px 30px 30px;width:205px;height:315px;position:relative;box-shadow:18px 24px 35px #4385a440}.cap{background:linear-gradient(#e8eff3,#afbdc3);border-radius:8px 8px 4px 4px;width:128px;height:42px;position:absolute;top:-35px;left:39px}.label{text-align:center;color:var(--deep);background:linear-gradient(145deg,#fff,#f3fbff);border-radius:12px;padding:21px 10px;position:absolute;inset:62px 16px 22px;box-shadow:inset 0 0 0 1px #bee8fb}.label small{letter-spacing:1px;font-size:7px}.label b{letter-spacing:-1.5px;margin-top:22px;font-size:29px;display:block}.label b span{color:var(--blue)}.label em{color:var(--blue);letter-spacing:3px;font-size:12px;font-style:normal;display:block}.label p{color:var(--muted);margin-top:35px;font-size:8px}.trust{background:var(--very);grid-template-columns:repeat(4,1fr);gap:16px;padding:25px max(32px,50vw - 558px);display:grid}.trust article{background:#fff;border-radius:12px;gap:13px;padding:17px;display:flex;box-shadow:0 5px 18px #0974a20a}.trust b{color:var(--blue);font-size:25px}h4{letter-spacing:1px;margin:2px 0 5px;font-size:11px}.trust p{color:var(--muted);margin:0;font-size:12px}.product,.sciencegrid{grid-template-columns:1fr 1fr;align-items:center;gap:88px;display:grid}.product>.stage{height:500px}.product h2,.education h2,.science h2,.story h2,.awards h2,.philosophy h2{letter-spacing:-2.3px;margin:0;font-size:clamp(34px,4vw,48px);line-height:1.05}.tag{color:var(--blue);margin:16px 0;font-size:15px}ul{grid-template-columns:1fr 1fr;gap:12px;padding:0;font-size:14px;font-weight:600;list-style:none;display:grid}li:before{content:"✓";color:var(--blue);margin-right:9px}.education{text-align:center}.intro{max-width:560px;color:var(--muted);margin:18px auto 48px;line-height:1.7}.flow{justify-content:center;align-items:center;margin-bottom:60px;display:flex}.flow>div{color:var(--deep);flex-direction:column;align-items:center;gap:10px;font-weight:600;display:flex}.flow b{background:var(--pale);border-radius:50%;place-items:center;width:63px;height:63px;font-size:21px;display:grid}.flow>i{color:#9ed9f3;margin:0 18px;font-style:normal}.topics,.awardgrid{text-align:left;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.topics article{border-top:2px solid #bce9fb;padding-top:16px}.topics span,.sciencecards span{color:var(--blue);font-size:12px;font-weight:700}.topics h3{margin:8px 0;font-size:17px}.topics p,.sciencecards p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.science{background:var(--very)}.sciencecards{grid-template-columns:1fr 1fr;gap:14px;display:grid}.sciencecards article{background:#fff;border-radius:14px;padding:25px}.sciencecards h3{margin:17px 0 8px;font-size:16px}.story h2{margin-bottom:60px}.timeline{grid-template-columns:repeat(6,1fr);gap:20px;display:grid;position:relative}.timeline:before{content:"";background:#a7e0f7;height:2px;position:absolute;top:9px;left:0;right:0}.timeline article{position:relative}.timeline i{background:var(--blue);border:5px solid #fff;border-radius:50%;width:20px;height:20px;display:block;box-shadow:0 0 0 1px #79cff1}.timeline time{color:var(--blue);margin:20px 0 12px;font-weight:700;display:block}.timeline h3{margin:0 0 8px;font-size:15px}.timeline p{color:var(--muted);font-size:12px;line-height:1.55}.stats{background:var(--deep);color:#fff;text-align:center;grid-template-columns:repeat(4,1fr);gap:25px;padding:65px 32px;display:grid}.stats b{letter-spacing:-2px;font-size:43px;display:block}.stats span{color:#c2eafa;margin-top:8px;font-size:13px;display:block}.awardgrid article{background:#fff;border-radius:14px;padding:27px 22px;box-shadow:0 7px 25px #0759850b}.awardgrid b,.awardgrid time{color:var(--gold);display:block}.awardgrid b{font-size:29px}.awardgrid time{margin:25px 0 10px;font-size:12px;font-weight:700}.awardgrid h3{margin:0 0 10px;font-size:17px}.awardgrid p{color:var(--muted);font-size:12px;line-height:1.6}.philosophy{text-align:center;background:linear-gradient(120deg,#e5f7ff,#f8fcff);padding:130px 32px}.philosophy p:last-child{color:var(--deep);margin-top:26px;font:500 19px Noto Sans Thai}.final{text-align:center;color:#fff;background:var(--deep);padding:110px 32px}.final .eyebrow{color:#8edaff}.final>p:not(.eyebrow){color:#c4e9f9;max-width:480px;margin:25px auto 0}.final .actions{justify-content:center}.light{color:var(--deep);background:#fff}.ghost{color:#fff;border:1px solid #76bfdd}footer{max-width:1180px;margin:auto;padding:45px 32px 25px}footer div{color:var(--muted);flex-wrap:wrap;gap:20px;margin:28px 0;font-size:13px;display:flex}footer p{color:#94a3b8;border-top:1px solid #e4edf2;padding-top:20px;font-size:12px}@media (max-width:760px){.section{padding:74px 22px}header{height:65px;padding:0 22px}.menu{display:block}nav{background:#fff;flex-direction:column;align-items:flex-start;gap:19px;padding:20px 22px;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 12px 20px #0001}nav.open{display:flex}.hero,.product,.sciencegrid{grid-template-columns:1fr;gap:38px}.hero{padding-top:70px}.trust{grid-template-columns:1fr 1fr;gap:8px;padding:16px}.trust article{padding:12px}.trust p{font-size:10px}.product>.stage{height:390px}.flow{grid-template-columns:1fr 1fr;gap:16px;display:grid}.flow>i{display:none}.topics,.awardgrid{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr;gap:28px;padding-left:25px}.timeline:before{width:2px;height:calc(100% - 10px);top:10px;left:9px}.timeline article{padding-left:18px}.timeline i{position:absolute;left:-25px}.timeline time{margin:0 0 6px}.stats{grid-template-columns:1fr 1fr;padding:50px 22px}.stats b{font-size:36px}.sciencecards{gap:8px}.sciencecards article{padding:18px}.stage{height:355px}.philosophy{padding:88px 22px}}
.language-switch{color:#94a3b8;white-space:nowrap;border:1px solid #dce7f2;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:11px;font-weight:900;display:flex}.language-switch button,.language-switch a{color:#94a3b8;font:inherit;cursor:pointer;background:0 0;border:0;padding:2px;text-decoration:none}.language-switch button.active,.language-switch a.active{color:#087bf0}.detail-nav{align-items:center;gap:18px;display:flex}.detail-nav>a{color:#1677d2;font-weight:800;text-decoration:none}@media (max-width:760px){.brand-header nav .language-switch{order:-1}.detail-nav{gap:10px}}